dockview-core 1.17.1 → 2.0.0

package/dist/cjs/dockview/dockviewGroupPanel.js

@@ -39,9 +39,10 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
         get: function () {
             var _a;
             var activePanelMinimumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumWidth;
-            return typeof activePanelMinimumWidth === 'number'
-                ? activePanelMinimumWidth
-                : MINIMUM_DOCKVIEW_GROUP_PANEL_WIDTH;
+            if (typeof activePanelMinimumWidth === 'number') {
+                return activePanelMinimumWidth;
+            }
+            return _super.prototype.__minimumWidth.call(this);
         },
         enumerable: false,
         configurable: true
@@ -50,9 +51,10 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
         get: function () {
             var _a;
             var activePanelMinimumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.minimumHeight;
-            return typeof activePanelMinimumHeight === 'number'
-                ? activePanelMinimumHeight
-                : MINIMUM_DOCKVIEW_GROUP_PANEL_HEIGHT;
+            if (typeof activePanelMinimumHeight === 'number') {
+                return activePanelMinimumHeight;
+            }
+            return _super.prototype.__minimumHeight.call(this);
         },
         enumerable: false,
         configurable: true
@@ -61,9 +63,10 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
         get: function () {
             var _a;
             var activePanelMaximumWidth = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumWidth;
-            return typeof activePanelMaximumWidth === 'number'
-                ? activePanelMaximumWidth
-                : Number.MAX_SAFE_INTEGER;
+            if (typeof activePanelMaximumWidth === 'number') {
+                return activePanelMaximumWidth;
+            }
+            return _super.prototype.__maximumWidth.call(this);
         },
         enumerable: false,
         configurable: true
@@ -72,9 +75,10 @@ var DockviewGroupPanel = /** @class */ (function (_super) {
         get: function () {
             var _a;
             var activePanelMaximumHeight = (_a = this.activePanel) === null || _a === void 0 ? void 0 : _a.maximumHeight;
-            return typeof activePanelMaximumHeight === 'number'
-                ? activePanelMaximumHeight
-                : Number.MAX_SAFE_INTEGER;
+            if (typeof activePanelMaximumHeight === 'number') {
+                return activePanelMaximumHeight;
+            }
+            return _super.prototype.__maximumHeight.call(this);
         },
         enumerable: false,
         configurable: true

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

@@ -143,7 +143,7 @@ export declare class WillShowOverlayLocationEvent implements IDockviewEvent {
 }
 export declare class DockviewGroupPanelModel extends CompositeDisposable implements IDockviewGroupPanelModel {
     private readonly container;
-    private accessor;
+    private readonly accessor;
     id: string;
     private readonly options;
     private readonly groupPanel;
@@ -158,11 +158,12 @@ export declare class DockviewGroupPanelModel extends CompositeDisposable impleme
     private _prefixHeaderActions;
     private _location;
     private mostRecentlyUsed;
+    private _overwriteRenderContainer;
     private readonly _onDidChange;
     readonly onDidChange: Event<IViewSize | undefined>;
     private _width;
     private _height;
-    private _panels;
+    private readonly _panels;
     private readonly _panelDisposables;
     private readonly _onMove;
     readonly onMove: Event<GroupMoveEvent>;
@@ -204,7 +205,6 @@ export declare class DockviewGroupPanelModel extends CompositeDisposable impleme
     set location(value: DockviewGroupLocation);
     constructor(container: HTMLElement, accessor: DockviewComponent, id: string, options: GroupOptions, groupPanel: DockviewGroupPanel);
     focusContent(): void;
-    private _overwriteRenderContainer;
     set renderContainer(value: OverlayRenderContainer | null);
     get renderContainer(): OverlayRenderContainer;
     initialize(): void;

package/dist/cjs/dockview/dockviewGroupPanelModel.js

@@ -202,6 +202,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         _this._locked = false;
         _this._location = { type: 'grid' };
         _this.mostRecentlyUsed = [];
+        _this._overwriteRenderContainer = null;
         _this._onDidChange = new events_1.Emitter();
         _this.onDidChange = _this._onDidChange.event;
         _this._width = 0;
@@ -232,8 +233,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         _this.onDidActivePanelChange = _this._onDidActivePanelChange.event;
         _this._onUnhandledDragOverEvent = new events_1.Emitter();
         _this.onUnhandledDragOverEvent = _this._onUnhandledDragOverEvent.event;
-        _this._overwriteRenderContainer = null;
-        (0, dom_1.toggleClass)(_this.container, 'groupview', true);
+        (0, dom_1.toggleClass)(_this.container, 'dv-groupview', true);
         _this._api = new component_api_1.DockviewApi(_this.accessor);
         _this.tabsContainer = new tabsContainer_1.TabsContainer(_this.accessor, _this.groupPanel);
         _this.contentContainer = new content_1.ContentContainer(_this.accessor, _this);
@@ -267,7 +267,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
     }
     Object.defineProperty(DockviewGroupPanelModel.prototype, "element", {
         get: function () {
-            throw new Error('not supported');
+            throw new Error('dockview: not supported');
         },
         enumerable: false,
         configurable: true
@@ -285,7 +285,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
         },
         set: function (value) {
             this._locked = value;
-            (0, dom_1.toggleClass)(this.container, 'locked-groupview', value === 'no-drop-target' || value);
+            (0, dom_1.toggleClass)(this.container, 'dv-locked-groupview', value === 'no-drop-target' || value);
         },
         enumerable: false,
         configurable: true
@@ -613,8 +613,8 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
             return;
         }
         this._isGroupActive = isGroupActive;
-        (0, dom_1.toggleClass)(this.container, 'active-group', isGroupActive);
-        (0, dom_1.toggleClass)(this.container, 'inactive-group', !isGroupActive);
+        (0, dom_1.toggleClass)(this.container, 'dv-active-group', isGroupActive);
+        (0, dom_1.toggleClass)(this.container, 'dv-inactive-group', !isGroupActive);
         this.tabsContainer.setActive(this.isActive);
         if (!this._activePanel && this.panels.length > 0) {
             this.doSetActivePanel(this.panels[0]);
@@ -714,7 +714,7 @@ var DockviewGroupPanelModel = /** @class */ (function (_super) {
     DockviewGroupPanelModel.prototype.updateContainer = function () {
         var _this = this;
         var _a, _b;
-        (0, dom_1.toggleClass)(this.container, 'empty', this.isEmpty);
+        (0, dom_1.toggleClass)(this.container, 'dv-empty', this.isEmpty);
         this.panels.forEach(function (panel) { return panel.runEvents(); });
         if (this.isEmpty && !this.watermark) {
             var watermark = this.accessor.createWatermarkComponent();

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

@@ -37,10 +37,10 @@ export declare class DockviewPanel extends CompositeDisposable implements IDockv
     private _params?;
     private _title;
     private _renderer;
-    private _minimumWidth;
-    private _minimumHeight;
-    private _maximumWidth;
-    private _maximumHeight;
+    private readonly _minimumWidth;
+    private readonly _minimumHeight;
+    private readonly _maximumWidth;
+    private readonly _maximumHeight;
     get params(): Parameters | undefined;
     get title(): string | undefined;
     get group(): DockviewGroupPanel;

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

@@ -7,7 +7,7 @@ export interface IDockviewPanelModel extends IDisposable {
     readonly contentComponent: string;
     readonly tabComponent?: string;
     readonly content: IContentRenderer;
-    readonly tab?: ITabRenderer;
+    readonly tab: ITabRenderer;
     update(event: PanelUpdateEvent): void;
     layout(width: number, height: number): void;
     init(params: GroupPanelPartInitParameters): void;

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

@@ -102,10 +102,18 @@ export interface PanelOptions<P extends object = Parameters> {
 type RelativePanel = {
     direction?: Direction;
     referencePanel: string | IDockviewPanel;
+    /**
+     * The index to place the panel within a group, only applicable if the placement is within an existing group
+     */
+    index?: number;
 };
 type RelativeGroup = {
     direction?: Direction;
     referenceGroup: string | DockviewGroupPanel;
+    /**
+     * The index to place the panel within a group, only applicable if the placement is within an existing group
+     */
+    index?: number;
 };
 type AbsolutePosition = {
     direction: Omit<Direction, 'within'>;

package/dist/cjs/dom.d.ts

@@ -1,5 +1,15 @@
 import { Event as DockviewEvent } from './events';
-import { IDisposable } from './lifecycle';
+import { IDisposable, CompositeDisposable } from './lifecycle';
+export interface OverflowEvent {
+    hasScrollX: boolean;
+    hasScrollY: boolean;
+}
+export declare class OverflowObserver extends CompositeDisposable {
+    private readonly _onDidChange;
+    readonly onDidChange: DockviewEvent<OverflowEvent>;
+    private _value;
+    constructor(el: HTMLElement);
+}
 export declare function watchElementResize(element: HTMLElement, cb: (entry: ResizeObserverEntry) => void): IDisposable;
 export declare const removeClasses: (element: HTMLElement, ...classes: string[]) => void;
 export declare const addClasses: (element: HTMLElement, ...classes: string[]) => void;

package/dist/cjs/dom.js

@@ -51,9 +51,27 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Classnames = exports.getDockviewTheme = exports.disableIframePointEvents = exports.addTestId = exports.isInDocument = exports.getDomNodePagePosition = exports.addStyles = exports.quasiDefaultPrevented = exports.quasiPreventDefault = exports.trackFocus = exports.getElementsByTagName = exports.isAncestor = exports.toggleClass = exports.addClasses = exports.removeClasses = exports.watchElementResize = void 0;
+exports.Classnames = exports.getDockviewTheme = exports.disableIframePointEvents = exports.addTestId = exports.isInDocument = exports.getDomNodePagePosition = exports.addStyles = exports.quasiDefaultPrevented = exports.quasiPreventDefault = exports.trackFocus = exports.getElementsByTagName = exports.isAncestor = exports.toggleClass = exports.addClasses = exports.removeClasses = exports.watchElementResize = exports.OverflowObserver = void 0;
 var events_1 = require("./events");
 var lifecycle_1 = require("./lifecycle");
+var OverflowObserver = /** @class */ (function (_super) {
+    __extends(OverflowObserver, _super);
+    function OverflowObserver(el) {
+        var _this = _super.call(this) || this;
+        _this._onDidChange = new events_1.Emitter();
+        _this.onDidChange = _this._onDidChange.event;
+        _this._value = null;
+        _this.addDisposables(_this._onDidChange, watchElementResize(el, function (entry) {
+            var hasScrollX = entry.target.scrollWidth > entry.target.clientWidth;
+            var hasScrollY = entry.target.scrollHeight > entry.target.clientHeight;
+            _this._value = { hasScrollX: hasScrollX, hasScrollY: hasScrollY };
+            _this._onDidChange.fire(_this._value);
+        }));
+        return _this;
+    }
+    return OverflowObserver;
+}(lifecycle_1.CompositeDisposable));
+exports.OverflowObserver = OverflowObserver;
 function watchElementResize(element, cb) {
     var observer = new ResizeObserver(function (entires) {
         /**

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

@@ -22,7 +22,7 @@ export declare abstract class BasePanelView<T extends PanelApiImpl> extends Comp
     readonly api: T;
     private _height;
     private _width;
-    private _element;
+    private readonly _element;
     protected part?: IFrameworkPart;
     protected _params?: PanelInitParameters;
     protected abstract getComponent(): IFrameworkPart;

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

@@ -8,7 +8,7 @@ export declare class BranchNode extends CompositeDisposable implements IView {
     readonly proportionalLayout: boolean;
     readonly styles: ISplitviewStyles | undefined;
     readonly element: HTMLElement;
-    private splitview;
+    private readonly splitview;
     private _orthogonalSize;
     private _size;
     private _childrenDisposable;

package/dist/cjs/gridview/branchNode.js

@@ -65,7 +65,7 @@ var BranchNode = /** @class */ (function (_super) {
         _this._orthogonalSize = orthogonalSize;
         _this._size = size;
         _this.element = document.createElement('div');
-        _this.element.className = 'branch-node';
+        _this.element.className = 'dv-branch-node';
         if (!childDescriptors) {
             _this.splitview = new splitview_1.Splitview(_this.element, {
                 orientation: _this.orientation,

package/dist/cjs/gridview/gridview.js

@@ -93,7 +93,7 @@ function getGridLocation(element) {
     if (!parentElement) {
         throw new Error('Invalid grid element');
     }
-    if (/\bgrid-view\b/.test(parentElement.className)) {
+    if (/\bdv-grid-view\b/.test(parentElement.className)) {
         return [];
     }
     var index = indexInParent(parentElement);
@@ -176,7 +176,7 @@ var Gridview = /** @class */ (function () {
         this._onDidMaximizedNodeChange = new events_1.Emitter();
         this.onDidMaximizedNodeChange = this._onDidMaximizedNodeChange.event;
         this.element = document.createElement('div');
-        this.element.className = 'grid-view';
+        this.element.className = 'dv-grid-view';
         this._locked = locked !== null && locked !== void 0 ? locked : false;
         this._margin = margin !== null && margin !== void 0 ? margin : 0;
         this.root = new branchNode_1.BranchNode(orientation, proportionalLayout, styles, 0, 0, this.locked, this.margin);

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

@@ -49,6 +49,10 @@ export declare abstract class GridviewPanel<T extends GridviewPanelApiImpl = Gri
     get minimumHeight(): number;
     get maximumHeight(): number;
     get maximumWidth(): number;
+    protected __minimumWidth(): number;
+    protected __maximumWidth(): number;
+    protected __minimumHeight(): number;
+    protected __maximumHeight(): number;
     get isActive(): boolean;
     get isVisible(): boolean;
     constructor(id: string, component: string, options?: {

package/dist/cjs/gridview/gridviewPanel.js

@@ -106,60 +106,88 @@ var GridviewPanel = /** @class */ (function (_super) {
     });
     Object.defineProperty(GridviewPanel.prototype, "minimumWidth", {
         get: function () {
-            var width = typeof this._minimumWidth === 'function'
-                ? this._minimumWidth()
-                : this._minimumWidth;
-            if (width !== this._evaluatedMinimumWidth) {
-                this._evaluatedMinimumWidth = width;
-                this.updateConstraints();
-            }
-            return width;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__minimumWidth();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(GridviewPanel.prototype, "minimumHeight", {
         get: function () {
-            var height = typeof this._minimumHeight === 'function'
-                ? this._minimumHeight()
-                : this._minimumHeight;
-            if (height !== this._evaluatedMinimumHeight) {
-                this._evaluatedMinimumHeight = height;
-                this.updateConstraints();
-            }
-            return height;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__minimumHeight();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(GridviewPanel.prototype, "maximumHeight", {
         get: function () {
-            var height = typeof this._maximumHeight === 'function'
-                ? this._maximumHeight()
-                : this._maximumHeight;
-            if (height !== this._evaluatedMaximumHeight) {
-                this._evaluatedMaximumHeight = height;
-                this.updateConstraints();
-            }
-            return height;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__maximumHeight();
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(GridviewPanel.prototype, "maximumWidth", {
         get: function () {
-            var width = typeof this._maximumWidth === 'function'
-                ? this._maximumWidth()
-                : this._maximumWidth;
-            if (width !== this._evaluatedMaximumWidth) {
-                this._evaluatedMaximumWidth = width;
-                this.updateConstraints();
-            }
-            return width;
+            /**
+             * defer to protected function to allow subclasses to override easily.
+             * see https://github.com/microsoft/TypeScript/issues/338
+             */
+            return this.__maximumWidth();
         },
         enumerable: false,
         configurable: true
     });
+    GridviewPanel.prototype.__minimumWidth = function () {
+        var width = typeof this._minimumWidth === 'function'
+            ? this._minimumWidth()
+            : this._minimumWidth;
+        if (width !== this._evaluatedMinimumWidth) {
+            this._evaluatedMinimumWidth = width;
+            this.updateConstraints();
+        }
+        return width;
+    };
+    GridviewPanel.prototype.__maximumWidth = function () {
+        var width = typeof this._maximumWidth === 'function'
+            ? this._maximumWidth()
+            : this._maximumWidth;
+        if (width !== this._evaluatedMaximumWidth) {
+            this._evaluatedMaximumWidth = width;
+            this.updateConstraints();
+        }
+        return width;
+    };
+    GridviewPanel.prototype.__minimumHeight = function () {
+        var height = typeof this._minimumHeight === 'function'
+            ? this._minimumHeight()
+            : this._minimumHeight;
+        if (height !== this._evaluatedMinimumHeight) {
+            this._evaluatedMinimumHeight = height;
+            this.updateConstraints();
+        }
+        return height;
+    };
+    GridviewPanel.prototype.__maximumHeight = function () {
+        var height = typeof this._maximumHeight === 'function'
+            ? this._maximumHeight()
+            : this._maximumHeight;
+        if (height !== this._evaluatedMaximumHeight) {
+            this._evaluatedMaximumHeight = height;
+            this.updateConstraints();
+        }
+        return height;
+    };
     Object.defineProperty(GridviewPanel.prototype, "isActive", {
         get: function () {
             return this.api.isActive;

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

@@ -11,7 +11,7 @@ export declare class LeafNode implements IView {
     }>;
     private _size;
     private _orthogonalSize;
-    private _disposable;
+    private readonly _disposable;
     private get minimumWidth();
     private get maximumWidth();
     private get minimumHeight();

package/dist/cjs/index.d.ts

@@ -1,20 +1,19 @@
-export * from './dnd/dataTransfer';
+export { getPaneData, getPanelData, PaneTransfer, PanelTransfer, } from './dnd/dataTransfer';
 /**
  * Events, Emitters and Disposables are very common concepts that many codebases will contain, however we need
  * to export them for dockview framework packages to use.
  * To be a good citizen these are exported with a `Dockview` prefix to prevent accidental use by others.
  */
 export { Emitter as DockviewEmitter, Event as DockviewEvent } from './events';
-export { IDisposable as IDockviewDisposable, MutableDisposable as DockviewMutableDisposable, CompositeDisposable as DockviewCompositeDisposable, Disposable as DockviewDisposable, } from './lifecycle';
+export { IDisposable as DockviewIDisposable, MutableDisposable as DockviewMutableDisposable, CompositeDisposable as DockviewCompositeDisposable, Disposable as DockviewDisposable, } from './lifecycle';
 export * from './panel/types';
-export * from './panel/componentFactory';
 export * from './splitview/splitview';
 export { SplitviewComponentOptions, PanelViewInitParameters, } from './splitview/options';
 export * from './paneview/paneview';
 export * from './gridview/gridview';
 export { GridviewComponentOptions } from './gridview/options';
 export * from './gridview/baseComponentGridview';
-export * from './paneview/draggablePaneviewPanel';
+export { DraggablePaneviewPanel, PaneviewDropEvent, } from './paneview/draggablePaneviewPanel';
 export * from './dockview/components/panel/content';
 export * from './dockview/components/tab/tab';
 export * from './dockview/dockviewGroupPanelModel';
@@ -24,24 +23,24 @@ export * from './dockview/dockviewGroupPanel';
 export { IGroupPanelBaseProps, IDockviewPanelHeaderProps, IDockviewPanelProps, IDockviewHeaderActionsProps, IGroupHeaderProps, IWatermarkPanelProps, DockviewReadyEvent, } from './dockview/framework';
 export * from './dockview/options';
 export * from './dockview/dockviewPanel';
-export * from './dockview/components/tab/defaultTab';
-export * from './dockview/deserializer';
+export { DefaultTab } from './dockview/components/tab/defaultTab';
+export { DefaultDockviewDeserialzier, IPanelDeserializer, } from './dockview/deserializer';
 export * from './dockview/dockviewComponent';
 export * from './gridview/gridviewComponent';
 export * from './splitview/splitviewComponent';
 export * from './paneview/paneviewComponent';
 export { PaneviewComponentOptions } from './paneview/options';
 export * from './gridview/gridviewPanel';
-export * from './splitview/splitviewPanel';
+export { SplitviewPanel, ISplitviewPanel } from './splitview/splitviewPanel';
 export * from './paneview/paneviewPanel';
 export * from './dockview/types';
 export { DockviewPanelRenderer } from './overlay/overlayRenderContainer';
 export { Position, positionToDirection, directionToPosition, MeasuredValue, DroptargetOverlayModel, } from './dnd/droptarget';
 export { FocusEvent, PanelDimensionChangeEvent, VisibilityEvent, ActiveEvent, PanelApi, } from './api/panelApi';
 export { SizeEvent, GridviewPanelApi, GridConstraintChangeEvent, } from './api/gridviewPanelApi';
-export { TitleEvent, RendererChangedEvent, DockviewPanelApi, } from './api/dockviewPanelApi';
+export { TitleEvent, RendererChangedEvent, DockviewPanelApi, DockviewPanelMoveParams, } from './api/dockviewPanelApi';
 export { PanelSizeEvent, PanelConstraintChangeEvent, SplitviewPanelApi, } from './api/splitviewPanelApi';
 export { ExpansionEvent, PaneviewPanelApi } from './api/paneviewPanelApi';
-export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, } from './api/dockviewGroupPanelApi';
+export { DockviewGroupPanelApi, DockviewGroupPanelFloatingChangeEvent, DockviewGroupMoveParams, } from './api/dockviewGroupPanelApi';
 export { CommonApi, SplitviewApi, PaneviewApi, GridviewApi, DockviewApi, } from './api/component.api';
 export { createDockview, createGridview, createPaneview, createSplitview, } from './api/entryPoints';

package/dist/cjs/index.js

@@ -14,8 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = void 0;
-__exportStar(require("./dnd/dataTransfer"), exports);
+exports.createSplitview = exports.createPaneview = exports.createGridview = exports.createDockview = exports.DockviewApi = exports.GridviewApi = exports.PaneviewApi = exports.SplitviewApi = exports.directionToPosition = exports.positionToDirection = exports.SplitviewPanel = exports.DefaultDockviewDeserialzier = exports.DefaultTab = exports.DraggablePaneviewPanel = exports.DockviewDisposable = exports.DockviewCompositeDisposable = exports.DockviewMutableDisposable = exports.DockviewEvent = exports.DockviewEmitter = exports.PanelTransfer = exports.PaneTransfer = exports.getPanelData = exports.getPaneData = void 0;
+var dataTransfer_1 = require("./dnd/dataTransfer");
+Object.defineProperty(exports, "getPaneData", { enumerable: true, get: function () { return dataTransfer_1.getPaneData; } });
+Object.defineProperty(exports, "getPanelData", { enumerable: true, get: function () { return dataTransfer_1.getPanelData; } });
+Object.defineProperty(exports, "PaneTransfer", { enumerable: true, get: function () { return dataTransfer_1.PaneTransfer; } });
+Object.defineProperty(exports, "PanelTransfer", { enumerable: true, get: function () { return dataTransfer_1.PanelTransfer; } });
 /**
  * Events, Emitters and Disposables are very common concepts that many codebases will contain, however we need
  * to export them for dockview framework packages to use.
@@ -29,12 +33,12 @@ Object.defineProperty(exports, "DockviewMutableDisposable", { enumerable: true,
 Object.defineProperty(exports, "DockviewCompositeDisposable", { enumerable: true, get: function () { return lifecycle_1.CompositeDisposable; } });
 Object.defineProperty(exports, "DockviewDisposable", { enumerable: true, get: function () { return lifecycle_1.Disposable; } });
 __exportStar(require("./panel/types"), exports);
-__exportStar(require("./panel/componentFactory"), exports);
 __exportStar(require("./splitview/splitview"), exports);
 __exportStar(require("./paneview/paneview"), exports);
 __exportStar(require("./gridview/gridview"), exports);
 __exportStar(require("./gridview/baseComponentGridview"), exports);
-__exportStar(require("./paneview/draggablePaneviewPanel"), exports);
+var draggablePaneviewPanel_1 = require("./paneview/draggablePaneviewPanel");
+Object.defineProperty(exports, "DraggablePaneviewPanel", { enumerable: true, get: function () { return draggablePaneviewPanel_1.DraggablePaneviewPanel; } });
 __exportStar(require("./dockview/components/panel/content"), exports);
 __exportStar(require("./dockview/components/tab/tab"), exports);
 __exportStar(require("./dockview/dockviewGroupPanelModel"), exports);
@@ -42,14 +46,17 @@ __exportStar(require("./dockview/types"), exports);
 __exportStar(require("./dockview/dockviewGroupPanel"), exports);
 __exportStar(require("./dockview/options"), exports);
 __exportStar(require("./dockview/dockviewPanel"), exports);
-__exportStar(require("./dockview/components/tab/defaultTab"), exports);
-__exportStar(require("./dockview/deserializer"), exports);
+var defaultTab_1 = require("./dockview/components/tab/defaultTab");
+Object.defineProperty(exports, "DefaultTab", { enumerable: true, get: function () { return defaultTab_1.DefaultTab; } });
+var deserializer_1 = require("./dockview/deserializer");
+Object.defineProperty(exports, "DefaultDockviewDeserialzier", { enumerable: true, get: function () { return deserializer_1.DefaultDockviewDeserialzier; } });
 __exportStar(require("./dockview/dockviewComponent"), exports);
 __exportStar(require("./gridview/gridviewComponent"), exports);
 __exportStar(require("./splitview/splitviewComponent"), exports);
 __exportStar(require("./paneview/paneviewComponent"), exports);
 __exportStar(require("./gridview/gridviewPanel"), exports);
-__exportStar(require("./splitview/splitviewPanel"), exports);
+var splitviewPanel_1 = require("./splitview/splitviewPanel");
+Object.defineProperty(exports, "SplitviewPanel", { enumerable: true, get: function () { return splitviewPanel_1.SplitviewPanel; } });
 __exportStar(require("./paneview/paneviewPanel"), exports);
 __exportStar(require("./dockview/types"), exports);
 var droptarget_1 = require("./dnd/droptarget");

package/dist/cjs/overlay/overlay.d.ts

@@ -1,16 +1,15 @@
 import { Event } from '../events';
 import { CompositeDisposable } from '../lifecycle';
 import { AnchoredBox } from '../types';
-export declare const DEFAULT_OVERLAY_Z_INDEX = 999;
 export declare class Overlay extends CompositeDisposable {
     private readonly options;
-    private _element;
+    private readonly _element;
     private readonly _onDidChange;
     readonly onDidChange: Event<void>;
     private readonly _onDidChangeEnd;
     readonly onDidChangeEnd: Event<void>;
-    private static MINIMUM_HEIGHT;
-    private static MINIMUM_WIDTH;
+    private static readonly MINIMUM_HEIGHT;
+    private static readonly MINIMUM_WIDTH;
     private verticalAlignment;
     private horiziontalAlignment;
     set minimumInViewportWidth(value: number | undefined);

package/dist/cjs/overlay/overlay.js

@@ -51,12 +51,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Overlay = exports.DEFAULT_OVERLAY_Z_INDEX = void 0;
+exports.Overlay = void 0;
 var dom_1 = require("../dom");
 var events_1 = require("../events");
 var lifecycle_1 = require("../lifecycle");
 var math_1 = require("../math");
-exports.DEFAULT_OVERLAY_Z_INDEX = 999;
 var AriaLevelTracker = /** @class */ (function () {
     function AriaLevelTracker() {
         this._orderedList = [];
@@ -74,7 +73,7 @@ var AriaLevelTracker = /** @class */ (function () {
     AriaLevelTracker.prototype.update = function () {
         for (var i = 0; i < this._orderedList.length; i++) {
             this._orderedList[i].setAttribute('aria-level', "".concat(i));
-            this._orderedList[i].style.zIndex = "".concat(exports.DEFAULT_OVERLAY_Z_INDEX + i * 2);
+            this._orderedList[i].style.zIndex = "calc(var(--dv-overlay-z-index, 999) + ".concat(i * 2, ")");
         }
     };
     return AriaLevelTracker;

package/dist/cjs/overlay/overlayRenderContainer.js

@@ -30,7 +30,6 @@ exports.OverlayRenderContainer = void 0;
 var dnd_1 = require("../dnd/dnd");
 var dom_1 = require("../dom");
 var lifecycle_1 = require("../lifecycle");
-var overlay_1 = require("./overlay");
 function createFocusableElement() {
     var element = document.createElement('div');
     element.tabIndex = -1;
@@ -121,7 +120,7 @@ var OverlayRenderContainer = /** @class */ (function (_super) {
                     var element = floatingGroup.overlay.element;
                     var update = function () {
                         var level = Number(element.getAttribute('aria-level'));
-                        focusContainer.style.zIndex = "".concat(overlay_1.DEFAULT_OVERLAY_Z_INDEX + level * 2 + 1);
+                        focusContainer.style.zIndex = "calc(var(--dv-overlay-z-index, 999) + ".concat(level * 2 + 1, ")");
                     };
                     var observer = new MutationObserver(function () {
                         update();

package/dist/cjs/paneview/defaultPaneviewHeader.d.ts

@@ -9,7 +9,7 @@ export declare class DefaultHeader extends CompositeDisposable implements IPaneH
     private readonly _element;
     private readonly _content;
     private readonly _expander;
-    private apiRef;
+    private readonly apiRef;
     get element(): HTMLElement;
     constructor();
     init(params: PanePanelInitParameter & {

package/dist/cjs/paneview/defaultPaneviewHeader.js

@@ -27,12 +27,14 @@ var DefaultHeader = /** @class */ (function (_super) {
         _this._expandedIcon = (0, svg_1.createExpandMoreButton)();
         _this._collapsedIcon = (0, svg_1.createChevronRightButton)();
         _this.disposable = new lifecycle_1.MutableDisposable();
-        _this.apiRef = { api: null };
+        _this.apiRef = {
+            api: null,
+        };
         _this._element = document.createElement('div');
-        _this.element.className = 'default-header';
+        _this.element.className = 'dv-default-header';
         _this._content = document.createElement('span');
         _this._expander = document.createElement('div');
-        _this._expander.className = 'dockview-pane-header-icon';
+        _this._expander.className = 'dv-pane-header-icon';
         _this.element.appendChild(_this._expander);
         _this.element.appendChild(_this._content);
         _this.addDisposables((0, events_1.addDisposableListener)(_this._element, 'click', function () {