dockview-core 1.6.0

package/dist/cjs/dockview/components/titlebar/voidContainer.js

@@ -0,0 +1,74 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VoidContainer = void 0;
+var array_1 = require("../../../array");
+var dataTransfer_1 = require("../../../dnd/dataTransfer");
+var droptarget_1 = require("../../../dnd/droptarget");
+var groupDragHandler_1 = require("../../../dnd/groupDragHandler");
+var events_1 = require("../../../events");
+var lifecycle_1 = require("../../../lifecycle");
+var types_1 = require("../../types");
+var VoidContainer = /** @class */ (function (_super) {
+    __extends(VoidContainer, _super);
+    function VoidContainer(accessor, group) {
+        var _this = _super.call(this) || this;
+        _this.accessor = accessor;
+        _this.group = group;
+        _this._onDrop = new events_1.Emitter();
+        _this.onDrop = _this._onDrop.event;
+        _this._element = document.createElement('div');
+        _this._element.className = 'void-container';
+        _this._element.tabIndex = 0;
+        _this._element.draggable = true;
+        _this.addDisposables(_this._onDrop, (0, events_1.addDisposableListener)(_this._element, 'click', function () {
+            _this.accessor.doSetGroupActive(_this.group);
+        }));
+        var handler = new groupDragHandler_1.GroupDragHandler(_this._element, accessor.id, group);
+        _this.voidDropTarget = new droptarget_1.Droptarget(_this._element, {
+            acceptedTargetZones: ['center'],
+            canDisplayOverlay: function (event, position) {
+                var _a;
+                var data = (0, dataTransfer_1.getPanelData)();
+                if (data && _this.accessor.id === data.viewId) {
+                    if (data.panelId === null &&
+                        data.groupId === _this.group.id) {
+                        // don't allow group move to drop on self
+                        return false;
+                    }
+                    // don't show the overlay if the tab being dragged is the last panel of this group
+                    return ((_a = (0, array_1.last)(_this.group.panels)) === null || _a === void 0 ? void 0 : _a.id) !== data.panelId;
+                }
+                return group.model.canDisplayOverlay(event, position, types_1.DockviewDropTargets.Panel);
+            },
+        });
+        _this.addDisposables(handler, _this.voidDropTarget.onDrop(function (event) {
+            _this._onDrop.fire(event);
+        }), _this.voidDropTarget);
+        return _this;
+    }
+    Object.defineProperty(VoidContainer.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    return VoidContainer;
+}(lifecycle_1.CompositeDisposable));
+exports.VoidContainer = VoidContainer;
+//# sourceMappingURL=voidContainer.js.map

package/dist/cjs/dockview/components/titlebar/voidContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"voidContainer.js","sourceRoot":"","sources":["../../../../../src/dockview/components/titlebar/voidContainer.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,wCAAsC;AACtC,0DAAyD;AACzD,sDAAsE;AACtE,kEAAiE;AAEjE,0CAAwE;AACxE,gDAAyD;AAEzD,qCAAkD;AAElD;IAAmC,iCAAmB;IAWlD,uBACqB,QAA2B,EAC3B,KAAyB;QAF9C,YAII,iBAAO,SAkDV;QArDoB,cAAQ,GAAR,QAAQ,CAAmB;QAC3B,WAAK,GAAL,KAAK,CAAoB;QAT7B,aAAO,GAAG,IAAI,gBAAO,EAAmB,CAAC;QACjD,YAAM,GAA2B,KAAI,CAAC,OAAO,CAAC,KAAK,CAAC;QAYzD,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAE9C,KAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAC3C,KAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC;QAC3B,KAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC;QAE/B,KAAI,CAAC,cAAc,CACf,KAAI,CAAC,OAAO,EACZ,IAAA,8BAAqB,EAAC,KAAI,CAAC,QAAQ,EAAE,OAAO,EAAE;YAC1C,KAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC,CAAC,CACL,CAAC;QAEF,IAAM,OAAO,GAAG,IAAI,mCAAgB,CAAC,KAAI,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QAExE,KAAI,CAAC,cAAc,GAAG,IAAI,uBAAU,CAAC,KAAI,CAAC,QAAQ,EAAE;YAChD,mBAAmB,EAAE,CAAC,QAAQ,CAAC;YAC/B,iBAAiB,EAAE,UAAC,KAAK,EAAE,QAAQ;;gBAC/B,IAAM,IAAI,GAAG,IAAA,2BAAY,GAAE,CAAC;gBAE5B,IAAI,IAAI,IAAI,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE;oBAC1C,IACI,IAAI,CAAC,OAAO,KAAK,IAAI;wBACrB,IAAI,CAAC,OAAO,KAAK,KAAI,CAAC,KAAK,CAAC,EAAE,EAChC;wBACE,yCAAyC;wBACzC,OAAO,KAAK,CAAC;qBAChB;oBAED,kFAAkF;oBAClF,OAAO,CAAA,MAAA,IAAA,YAAI,EAAC,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,0CAAE,EAAE,MAAK,IAAI,CAAC,OAAO,CAAC;iBACvD;gBAED,OAAO,KAAK,CAAC,KAAK,CAAC,iBAAiB,CAChC,KAAK,EACL,QAAQ,EACR,2BAAmB,CAAC,KAAK,CAC5B,CAAC;YACN,CAAC;SACJ,CAAC,CAAC;QAEH,KAAI,CAAC,cAAc,CACf,OAAO,EACP,KAAI,CAAC,cAAc,CAAC,MAAM,CAAC,UAAC,KAAK;YAC7B,KAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC,EACF,KAAI,CAAC,cAAc,CACtB,CAAC;;IACN,CAAC;IA1DD,sBAAI,kCAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAyDL,oBAAC;AAAD,CAAC,AAlED,CAAmC,+BAAmB,GAkErD;AAlEY,sCAAa"}

package/dist/cjs/dockview/components/watermark/watermark.d.ts

@@ -0,0 +1,18 @@
+import { IWatermarkRenderer, WatermarkRendererInitParameters } from '../../types';
+import { CompositeDisposable } from '../../../lifecycle';
+import { DockviewGroupPanel } from '../../dockviewGroupPanel';
+import { PanelUpdateEvent } from '../../../panel/types';
+export declare class Watermark extends CompositeDisposable implements IWatermarkRenderer {
+    private _element;
+    private group;
+    private params;
+    get element(): HTMLElement;
+    constructor();
+    update(_event: PanelUpdateEvent): void;
+    focus(): void;
+    layout(_width: number, _height: number): void;
+    init(_params: WatermarkRendererInitParameters): void;
+    updateParentGroup(group: DockviewGroupPanel, _visible: boolean): void;
+    dispose(): void;
+    private render;
+}

package/dist/cjs/dockview/components/watermark/watermark.js

@@ -0,0 +1,87 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Watermark = void 0;
+var events_1 = require("../../../events");
+var dom_1 = require("../../../dom");
+var lifecycle_1 = require("../../../lifecycle");
+var svg_1 = require("../../../svg");
+var Watermark = /** @class */ (function (_super) {
+    __extends(Watermark, _super);
+    function Watermark() {
+        var _this = _super.call(this) || this;
+        _this._element = document.createElement('div');
+        _this._element.className = 'watermark';
+        var title = document.createElement('div');
+        title.className = 'watermark-title';
+        var emptySpace = document.createElement('span');
+        emptySpace.style.flexGrow = '1';
+        var content = document.createElement('div');
+        content.className = 'watermark-content';
+        _this._element.appendChild(title);
+        _this._element.appendChild(content);
+        var actionsContainer = document.createElement('div');
+        actionsContainer.className = 'actions-container';
+        var closeAnchor = document.createElement('div');
+        closeAnchor.className = 'close-action';
+        closeAnchor.appendChild((0, svg_1.createCloseButton)());
+        actionsContainer.appendChild(closeAnchor);
+        title.appendChild(emptySpace);
+        title.appendChild(actionsContainer);
+        _this.addDisposables((0, events_1.addDisposableListener)(closeAnchor, 'click', function (ev) {
+            var _a;
+            ev.preventDefault();
+            if (_this.group) {
+                (_a = _this.params) === null || _a === void 0 ? void 0 : _a.containerApi.removeGroup(_this.group);
+            }
+        }));
+        return _this;
+    }
+    Object.defineProperty(Watermark.prototype, "element", {
+        get: function () {
+            return this._element;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Watermark.prototype.update = function (_event) {
+        // noop
+    };
+    Watermark.prototype.focus = function () {
+        // noop
+    };
+    Watermark.prototype.layout = function (_width, _height) {
+        // noop
+    };
+    Watermark.prototype.init = function (_params) {
+        this.render();
+    };
+    Watermark.prototype.updateParentGroup = function (group, _visible) {
+        this.group = group;
+        this.render();
+    };
+    Watermark.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+    };
+    Watermark.prototype.render = function () {
+        var isOneGroup = !!(this.params && this.params.containerApi.size <= 1);
+        (0, dom_1.toggleClass)(this.element, 'has-actions', isOneGroup);
+    };
+    return Watermark;
+}(lifecycle_1.CompositeDisposable));
+exports.Watermark = Watermark;
+//# sourceMappingURL=watermark.js.map

package/dist/cjs/dockview/components/watermark/watermark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"watermark.js","sourceRoot":"","sources":["../../../../../src/dockview/components/watermark/watermark.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAKA,0CAAwD;AACxD,oCAA2C;AAC3C,gDAAyD;AAGzD,oCAAiD;AAEjD;IACY,6BAAmB;IAW3B;QAAA,YACI,iBAAO,SAoCV;QAnCG,KAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,KAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,WAAW,CAAC;QAEtC,IAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC5C,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAC;QAEpC,IAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAClD,UAAU,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC;QAEhC,IAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,OAAO,CAAC,SAAS,GAAG,mBAAmB,CAAC;QAExC,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QACjC,KAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAEnC,IAAM,gBAAgB,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACvD,gBAAgB,CAAC,SAAS,GAAG,mBAAmB,CAAC;QAEjD,IAAM,WAAW,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAClD,WAAW,CAAC,SAAS,GAAG,cAAc,CAAC;QACvC,WAAW,CAAC,WAAW,CAAC,IAAA,uBAAiB,GAAE,CAAC,CAAC;QAE7C,gBAAgB,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;QAE1C,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAC9B,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC;QAEpC,KAAI,CAAC,cAAc,CACf,IAAA,8BAAqB,EAAC,WAAW,EAAE,OAAO,EAAE,UAAC,EAAE;;YAC3C,EAAE,CAAC,cAAc,EAAE,CAAC;YACpB,IAAI,KAAI,CAAC,KAAK,EAAE;gBACZ,MAAA,KAAI,CAAC,MAAM,0CAAE,YAAY,CAAC,WAAW,CAAC,KAAI,CAAC,KAAK,CAAC,CAAC;aACrD;QACL,CAAC,CAAC,CACL,CAAC;;IACN,CAAC;IAzCD,sBAAI,8BAAO;aAAX;YACI,OAAO,IAAI,CAAC,QAAQ,CAAC;QACzB,CAAC;;;OAAA;IAyCD,0BAAM,GAAN,UAAO,MAAwB;QAC3B,OAAO;IACX,CAAC;IAED,yBAAK,GAAL;QACI,OAAO;IACX,CAAC;IAED,0BAAM,GAAN,UAAO,MAAc,EAAE,OAAe;QAClC,OAAO;IACX,CAAC;IAED,wBAAI,GAAJ,UAAK,OAAwC;QACzC,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,qCAAiB,GAAjB,UAAkB,KAAyB,EAAE,QAAiB;QAC1D,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;IAClB,CAAC;IAED,2BAAO,GAAP;QACI,iBAAM,OAAO,WAAE,CAAC;IACpB,CAAC;IAEO,0BAAM,GAAd;QACI,IAAM,UAAU,GAAG,CAAC,CAAC,CACjB,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,CACpD,CAAC;QACF,IAAA,iBAAW,EAAC,IAAI,CAAC,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC;IACzD,CAAC;IACL,gBAAC;AAAD,CAAC,AAlFD,CACY,+BAAmB,GAiF9B;AAlFY,8BAAS"}

package/dist/cjs/dockview/deserializer.d.ts

@@ -0,0 +1,12 @@
+import { GroupviewPanelState } from './types';
+import { DockviewGroupPanel } from './dockviewGroupPanel';
+import { IDockviewPanel } from './dockviewPanel';
+import { IDockviewComponent } from './dockviewComponent';
+export interface IPanelDeserializer {
+    fromJSON(panelData: GroupviewPanelState, group: DockviewGroupPanel): IDockviewPanel;
+}
+export declare class DefaultDockviewDeserialzier implements IPanelDeserializer {
+    private readonly layout;
+    constructor(layout: IDockviewComponent);
+    fromJSON(panelData: GroupviewPanelState, group: DockviewGroupPanel): IDockviewPanel;
+}

package/dist/cjs/dockview/deserializer.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultDockviewDeserialzier = void 0;
+var dockviewPanel_1 = require("./dockviewPanel");
+var componentFactory_1 = require("../panel/componentFactory");
+var defaultTab_1 = require("./components/tab/defaultTab");
+var dockviewPanelModel_1 = require("./dockviewPanelModel");
+var component_api_1 = require("../api/component.api");
+var DefaultDockviewDeserialzier = /** @class */ (function () {
+    function DefaultDockviewDeserialzier(layout) {
+        this.layout = layout;
+    }
+    DefaultDockviewDeserialzier.prototype.fromJSON = function (panelData, group) {
+        var _a, _b, _c;
+        var panelId = panelData.id;
+        var params = panelData.params;
+        var title = panelData.title;
+        var viewData = panelData.view;
+        var contentComponent = viewData
+            ? viewData.content.id
+            : panelData.contentComponent || 'unknown';
+        var tabComponent = viewData
+            ? (_a = viewData.tab) === null || _a === void 0 ? void 0 : _a.id
+            : panelData.tabComponent;
+        var tab;
+        if (tabComponent) {
+            tab = (0, componentFactory_1.createComponent)(panelId, tabComponent, this.layout.options.tabComponents, this.layout.options.frameworkTabComponents, (_b = this.layout.options.frameworkComponentFactory) === null || _b === void 0 ? void 0 : _b.tab, function () { return new defaultTab_1.DefaultTab(); });
+        }
+        else if (this.layout.options.defaultTabComponent) {
+            tab = (0, componentFactory_1.createComponent)(panelId, this.layout.options.defaultTabComponent, this.layout.options.tabComponents, this.layout.options.frameworkTabComponents, (_c = this.layout.options.frameworkComponentFactory) === null || _c === void 0 ? void 0 : _c.tab, function () { return new defaultTab_1.DefaultTab(); });
+        }
+        else {
+            tab = new defaultTab_1.DefaultTab();
+        }
+        var view = new dockviewPanelModel_1.DockviewPanelModel(this.layout, panelId, contentComponent, tabComponent);
+        var panel = new dockviewPanel_1.DockviewPanel(panelId, this.layout, new component_api_1.DockviewApi(this.layout), group, view);
+        panel.init({
+            title: title || panelId,
+            params: params || {},
+        });
+        return panel;
+    };
+    return DefaultDockviewDeserialzier;
+}());
+exports.DefaultDockviewDeserialzier = DefaultDockviewDeserialzier;
+//# sourceMappingURL=deserializer.js.map

package/dist/cjs/dockview/deserializer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deserializer.js","sourceRoot":"","sources":["../../../src/dockview/deserializer.ts"],"names":[],"mappings":";;;AAEA,iDAAgE;AAEhE,8DAA4D;AAC5D,0DAAyD;AACzD,2DAA0D;AAC1D,sDAAmD;AAiBnD;IACI,qCAA6B,MAA0B;QAA1B,WAAM,GAAN,MAAM,CAAoB;IAAG,CAAC;IAEpD,8CAAQ,GAAf,UACI,SAA8B,EAC9B,KAAyB;;QAEzB,IAAM,OAAO,GAAG,SAAS,CAAC,EAAE,CAAC;QAC7B,IAAM,MAAM,GAAG,SAAS,CAAC,MAAM,CAAC;QAChC,IAAM,KAAK,GAAG,SAAS,CAAC,KAAK,CAAC;QAE9B,IAAM,QAAQ,GAAI,SAAyB,CAAC,IAAK,CAAC;QAElD,IAAM,gBAAgB,GAAG,QAAQ;YAC7B,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE;YACrB,CAAC,CAAC,SAAS,CAAC,gBAAgB,IAAI,SAAS,CAAC;QAC9C,IAAM,YAAY,GAAG,QAAQ;YACzB,CAAC,CAAC,MAAA,QAAQ,CAAC,GAAG,0CAAE,EAAE;YAClB,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;QAE7B,IAAI,GAAiB,CAAC;QAEtB,IAAI,YAAY,EAAE;YACd,GAAG,GAAG,IAAA,kCAAe,EACjB,OAAO,EACP,YAAY,EACZ,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAC1C,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,GAAG,EAClD,cAAM,OAAA,IAAI,uBAAU,EAAE,EAAhB,CAAgB,CACzB,CAAC;SACL;aAAM,IAAI,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EAAE;YAChD,GAAG,GAAG,IAAA,kCAAe,EACjB,OAAO,EACP,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,mBAAmB,EACvC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,EACjC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,sBAAsB,EAC1C,MAAA,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,0CAAE,GAAG,EAClD,cAAM,OAAA,IAAI,uBAAU,EAAE,EAAhB,CAAgB,CACzB,CAAC;SACL;aAAM;YACH,GAAG,GAAG,IAAI,uBAAU,EAAE,CAAC;SAC1B;QAED,IAAM,IAAI,GAAG,IAAI,uCAAkB,CAC/B,IAAI,CAAC,MAAM,EACX,OAAO,EACP,gBAAgB,EAChB,YAAY,CACf,CAAC;QAEF,IAAM,KAAK,GAAG,IAAI,6BAAa,CAC3B,OAAO,EACP,IAAI,CAAC,MAAM,EACX,IAAI,2BAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EAC5B,KAAK,EACL,IAAI,CACP,CAAC;QAEF,KAAK,CAAC,IAAI,CAAC;YACP,KAAK,EAAE,KAAK,IAAI,OAAO;YACvB,MAAM,EAAE,MAAM,IAAI,EAAE;SACvB,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACjB,CAAC;IACL,kCAAC;AAAD,CAAC,AAlED,IAkEC;AAlEY,kEAA2B"}

package/dist/cjs/dockview/dockviewComponent.d.ts

@@ -0,0 +1,126 @@
+import { SerializedGridObject } from '../gridview/gridview';
+import { Position } from '../dnd/droptarget';
+import { IDockviewPanel } from './dockviewPanel';
+import { Event } from '../events';
+import { IWatermarkRenderer, GroupviewPanelState } from './types';
+import { AddGroupOptions, AddPanelOptions, DockviewComponentOptions, MovementOptions } from './options';
+import { BaseGrid, IBaseGrid } from '../gridview/baseComponentGridview';
+import { DockviewApi } from '../api/component.api';
+import { Orientation } from '../splitview/splitview';
+import { GroupOptions, GroupPanelViewState, GroupviewDropEvent } from './dockviewGroupPanelModel';
+import { DockviewGroupPanel, IDockviewGroupPanel } from './dockviewGroupPanel';
+export interface PanelReference {
+    update: (event: {
+        params: {
+            [key: string]: any;
+        };
+    }) => void;
+    remove: () => void;
+}
+export interface SerializedDockview {
+    grid: {
+        root: SerializedGridObject<GroupPanelViewState>;
+        height: number;
+        width: number;
+        orientation: Orientation;
+    };
+    panels: {
+        [key: string]: GroupviewPanelState;
+    };
+    activeGroup?: string;
+    options?: {
+        tabHeight?: number;
+    };
+}
+export type DockviewComponentUpdateOptions = Pick<DockviewComponentOptions, 'orientation' | 'components' | 'frameworkComponents' | 'tabComponents' | 'frameworkTabComponents' | 'showDndOverlay' | 'watermarkFrameworkComponent' | 'defaultTabComponent' | 'createGroupControlElement'>;
+export interface DockviewDropEvent extends GroupviewDropEvent {
+    api: DockviewApi;
+    group: DockviewGroupPanel | null;
+}
+export interface IDockviewComponent extends IBaseGrid<DockviewGroupPanel> {
+    readonly activePanel: IDockviewPanel | undefined;
+    readonly totalPanels: number;
+    readonly panels: IDockviewPanel[];
+    readonly onDidDrop: Event<DockviewDropEvent>;
+    readonly orientation: Orientation;
+    tabHeight: number | undefined;
+    updateOptions(options: DockviewComponentUpdateOptions): void;
+    moveGroupOrPanel(referenceGroup: DockviewGroupPanel, groupId: string, itemId: string, target: Position, index?: number): void;
+    doSetGroupActive: (group: DockviewGroupPanel, skipFocus?: boolean) => void;
+    removeGroup: (group: DockviewGroupPanel) => void;
+    options: DockviewComponentOptions;
+    addPanel(options: AddPanelOptions): IDockviewPanel;
+    removePanel(panel: IDockviewPanel): void;
+    getGroupPanel: (id: string) => IDockviewPanel | undefined;
+    createWatermarkComponent(): IWatermarkRenderer;
+    addGroup(options?: AddGroupOptions): IDockviewGroupPanel;
+    closeAllGroups(): void;
+    moveToNext(options?: MovementOptions): void;
+    moveToPrevious(options?: MovementOptions): void;
+    setActivePanel(panel: IDockviewPanel): void;
+    focus(): void;
+    toJSON(): SerializedDockview;
+    fromJSON(data: SerializedDockview): void;
+    readonly onDidRemovePanel: Event<IDockviewPanel>;
+    readonly onDidAddPanel: Event<IDockviewPanel>;
+    readonly onDidLayoutFromJSON: Event<void>;
+    readonly onDidActivePanelChange: Event<IDockviewPanel | undefined>;
+}
+export declare class DockviewComponent extends BaseGrid<DockviewGroupPanel> implements IDockviewComponent {
+    private readonly nextGroupId;
+    private readonly _deserializer;
+    private readonly _api;
+    private _options;
+    private watermark;
+    private readonly _onDidDrop;
+    readonly onDidDrop: Event<DockviewDropEvent>;
+    private readonly _onDidRemovePanel;
+    readonly onDidRemovePanel: Event<IDockviewPanel>;
+    private readonly _onDidAddPanel;
+    readonly onDidAddPanel: Event<IDockviewPanel>;
+    private readonly _onDidLayoutFromJSON;
+    readonly onDidLayoutFromJSON: Event<void>;
+    private readonly _onDidActivePanelChange;
+    readonly onDidActivePanelChange: Event<IDockviewPanel | undefined>;
+    get orientation(): Orientation;
+    get totalPanels(): number;
+    get panels(): IDockviewPanel[];
+    get options(): DockviewComponentOptions;
+    get activePanel(): IDockviewPanel | undefined;
+    set tabHeight(height: number | undefined);
+    get tabHeight(): number | undefined;
+    constructor(element: HTMLElement, options: DockviewComponentOptions);
+    private orthogonalize;
+    updateOptions(options: DockviewComponentUpdateOptions): void;
+    focus(): void;
+    getGroupPanel(id: string): IDockviewPanel | undefined;
+    setActivePanel(panel: IDockviewPanel): void;
+    moveToNext(options?: MovementOptions): void;
+    moveToPrevious(options?: MovementOptions): void;
+    /**
+     * Serialize the current state of the layout
+     *
+     * @returns A JSON respresentation of the layout
+     */
+    toJSON(): SerializedDockview;
+    fromJSON(data: SerializedDockview): void;
+    clear(): void;
+    closeAllGroups(): void;
+    addPanel(options: AddPanelOptions): IDockviewPanel;
+    removePanel(panel: IDockviewPanel, options?: {
+        removeEmptyGroup: boolean;
+        skipDispose: boolean;
+    }): void;
+    createWatermarkComponent(): IWatermarkRenderer;
+    private updateWatermark;
+    addGroup(options?: AddGroupOptions): DockviewGroupPanel;
+    removeGroup(group: DockviewGroupPanel, skipActive?: boolean): void;
+    moveGroupOrPanel(referenceGroup: DockviewGroupPanel, groupId: string, itemId: string | undefined, target: Position, index?: number): void;
+    private moveGroup;
+    doSetGroupActive(group: DockviewGroupPanel | undefined, skipFocus?: boolean): void;
+    createGroup(options?: GroupOptions): DockviewGroupPanel;
+    private createPanel;
+    private createGroupAtLocation;
+    private findGroup;
+    dispose(): void;
+}