dockview-core 7.0.4 → 8.1.0

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

@@ -1,69 +0,0 @@
-import { DockviewApi } from '../api/component.api';
-import { DockviewPanelApi, DockviewPanelApiImpl } from '../api/dockviewPanelApi';
-import { GroupviewPanelState, IGroupPanelInitParameters } from './types';
-import { DockviewGroupPanel } from './dockviewGroupPanel';
-import { CompositeDisposable, IDisposable } from '../lifecycle';
-import { IPanel, PanelUpdateEvent, Parameters } from '../panel/types';
-import { IDockviewPanelModel } from './dockviewPanelModel';
-import { DockviewComponent } from './dockviewComponent';
-import { DockviewPanelRenderer } from '../overlay/overlayRenderContainer';
-import { Constraints } from '../gridview/gridviewPanel';
-export interface IDockviewPanel extends IDisposable, IPanel {
-    readonly view: IDockviewPanelModel;
-    readonly group: DockviewGroupPanel;
-    readonly api: DockviewPanelApi;
-    readonly title: string | undefined;
-    readonly params: Parameters | undefined;
-    readonly minimumWidth?: number;
-    readonly minimumHeight?: number;
-    readonly maximumWidth?: number;
-    readonly maximumHeight?: number;
-    updateParentGroup(group: DockviewGroupPanel, options?: {
-        skipSetActive?: boolean;
-    }): void;
-    updateFromStateModel(state: GroupviewPanelState): void;
-    init(params: IGroupPanelInitParameters): void;
-    toJSON(): GroupviewPanelState;
-    setTitle(title: string): void;
-    update(event: PanelUpdateEvent): void;
-    runEvents(): void;
-}
-export declare class DockviewPanel extends CompositeDisposable implements IDockviewPanel {
-    readonly id: string;
-    private readonly accessor;
-    private readonly containerApi;
-    readonly view: IDockviewPanelModel;
-    readonly api: DockviewPanelApiImpl;
-    private _group;
-    private _params?;
-    private _title;
-    private _renderer;
-    private _minimumWidth;
-    private _minimumHeight;
-    private _maximumWidth;
-    private _maximumHeight;
-    get params(): Parameters | undefined;
-    get title(): string | undefined;
-    get group(): DockviewGroupPanel;
-    get renderer(): DockviewPanelRenderer;
-    get minimumWidth(): number | undefined;
-    get minimumHeight(): number | undefined;
-    get maximumWidth(): number | undefined;
-    get maximumHeight(): number | undefined;
-    constructor(id: string, component: string, tabComponent: string | undefined, accessor: DockviewComponent, containerApi: DockviewApi, group: DockviewGroupPanel, view: IDockviewPanelModel, options: {
-        renderer?: DockviewPanelRenderer;
-    } & Partial<Constraints>);
-    init(params: IGroupPanelInitParameters): void;
-    focus(): void;
-    toJSON(): GroupviewPanelState;
-    setTitle(title: string): void;
-    setRenderer(renderer: DockviewPanelRenderer): void;
-    update(event: PanelUpdateEvent): void;
-    updateFromStateModel(state: GroupviewPanelState): void;
-    updateParentGroup(group: DockviewGroupPanel, options?: {
-        skipSetActive?: boolean;
-    }): void;
-    runEvents(): void;
-    layout(width: number, height: number): void;
-    dispose(): void;
-}

package/dist/esm/dockview/dockviewPanel.js

@@ -1,178 +0,0 @@
-import { DockviewPanelApiImpl, } from '../api/dockviewPanelApi';
-import { CompositeDisposable } from '../lifecycle';
-import { WillFocusEvent } from '../api/panelApi';
-export class DockviewPanel extends CompositeDisposable {
-    get params() {
-        return this._params;
-    }
-    get title() {
-        return this._title;
-    }
-    get group() {
-        return this._group;
-    }
-    get renderer() {
-        var _a;
-        return (_a = this._renderer) !== null && _a !== void 0 ? _a : this.accessor.renderer;
-    }
-    get minimumWidth() {
-        return this._minimumWidth;
-    }
-    get minimumHeight() {
-        return this._minimumHeight;
-    }
-    get maximumWidth() {
-        return this._maximumWidth;
-    }
-    get maximumHeight() {
-        return this._maximumHeight;
-    }
-    constructor(id, component, tabComponent, accessor, containerApi, group, view, options) {
-        super();
-        this.id = id;
-        this.accessor = accessor;
-        this.containerApi = containerApi;
-        this.view = view;
-        this._renderer = options.renderer;
-        this._group = group;
-        this._minimumWidth = options.minimumWidth;
-        this._minimumHeight = options.minimumHeight;
-        this._maximumWidth = options.maximumWidth;
-        this._maximumHeight = options.maximumHeight;
-        this.api = new DockviewPanelApiImpl(this, this._group, accessor, component, tabComponent);
-        this.addDisposables(this.api.onActiveChange(() => {
-            accessor.setActivePanel(this);
-        }), this.api.onDidSizeChange((event) => {
-            // forward the resize event to the group since if you want to resize a panel
-            // you are actually just resizing the panels parent which is the group
-            this.group.api.setSize(event);
-        }), this.api.onDidRendererChange(() => {
-            this.group.model.rerender(this);
-        }));
-    }
-    init(params) {
-        this._params = params.params;
-        this.view.init(Object.assign(Object.assign({}, params), { api: this.api, containerApi: this.containerApi }));
-        this.setTitle(params.title);
-    }
-    focus() {
-        const event = new WillFocusEvent();
-        this.api._onWillFocus.fire(event);
-        if (event.defaultPrevented) {
-            return;
-        }
-        if (!this.api.isActive) {
-            this.api.setActive();
-        }
-    }
-    toJSON() {
-        return {
-            id: this.id,
-            contentComponent: this.view.contentComponent,
-            tabComponent: this.view.tabComponent,
-            params: Object.keys(this._params || {}).length > 0
-                ? this._params
-                : undefined,
-            title: this.title,
-            renderer: this._renderer,
-            minimumHeight: this._minimumHeight,
-            maximumHeight: this._maximumHeight,
-            minimumWidth: this._minimumWidth,
-            maximumWidth: this._maximumWidth,
-        };
-    }
-    setTitle(title) {
-        const didTitleChange = title !== this.title;
-        if (didTitleChange) {
-            this._title = title;
-            // keep the view-model's cached init params in sync so that tab
-            // renderers constructed lazily (e.g. the header overflow
-            // dropdown via createTabRenderer) see the updated title
-            // (#914).
-            this.view.setTitle(title);
-            this.api._onDidTitleChange.fire({ title });
-        }
-    }
-    setRenderer(renderer) {
-        const didChange = renderer !== this.renderer;
-        if (didChange) {
-            this._renderer = renderer;
-            this.api._onDidRendererChange.fire({
-                renderer: renderer,
-            });
-        }
-    }
-    update(event) {
-        // merge the new parameters with the existing parameters
-        this._params = Object.assign(Object.assign({}, this._params), event.params);
-        /**
-         * delete new keys that have a value of undefined,
-         * allow values of null
-         */
-        for (const key of Object.keys(event.params)) {
-            if (event.params[key] === undefined) {
-                delete this._params[key];
-            }
-        }
-        // update the view with the updated props
-        this.view.update({
-            params: this._params,
-        });
-    }
-    updateFromStateModel(state) {
-        var _a, _b, _c;
-        this._maximumHeight = state.maximumHeight;
-        this._minimumHeight = state.minimumHeight;
-        this._maximumWidth = state.maximumWidth;
-        this._minimumWidth = state.minimumWidth;
-        this.update({ params: (_a = state.params) !== null && _a !== void 0 ? _a : {} });
-        this.setTitle((_b = state.title) !== null && _b !== void 0 ? _b : this.id);
-        this.setRenderer((_c = state.renderer) !== null && _c !== void 0 ? _c : this.accessor.renderer);
-        // state.contentComponent;
-        // state.tabComponent;
-    }
-    updateParentGroup(group, options) {
-        this._group = group;
-        this.api.group = this._group;
-        const isPanelVisible = this._group.model.isPanelActive(this);
-        const isActive = this.group.api.isActive && isPanelVisible;
-        if (!(options === null || options === void 0 ? void 0 : options.skipSetActive)) {
-            if (this.api.isActive !== isActive) {
-                this.api._onDidActiveChange.fire({
-                    isActive: this.group.api.isActive && isPanelVisible,
-                });
-            }
-        }
-        if (this.api.isVisible !== isPanelVisible) {
-            this.api._onDidVisibilityChange.fire({
-                isVisible: isPanelVisible,
-            });
-        }
-    }
-    runEvents() {
-        const isPanelVisible = this._group.model.isPanelActive(this);
-        const isActive = this.group.api.isActive && isPanelVisible;
-        if (this.api.isActive !== isActive) {
-            this.api._onDidActiveChange.fire({
-                isActive: this.group.api.isActive && isPanelVisible,
-            });
-        }
-        if (this.api.isVisible !== isPanelVisible) {
-            this.api._onDidVisibilityChange.fire({
-                isVisible: isPanelVisible,
-            });
-        }
-    }
-    layout(width, height) {
-        // TODO: Can we somehow do height without header height or indicate what the header height is?
-        this.api._onDidDimensionChange.fire({
-            width,
-            height: height,
-        });
-        this.view.layout(width, height);
-    }
-    dispose() {
-        this.api.dispose();
-        this.view.dispose();
-    }
-}

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

@@ -1,37 +0,0 @@
-import { GroupPanelPartInitParameters, IContentRenderer, ITabRenderer } from './types';
-import { IDisposable } from '../lifecycle';
-import { IDockviewComponent } from './dockviewComponent';
-import { PanelUpdateEvent } from '../panel/types';
-import { TabLocation } from './framework';
-export interface IDockviewPanelModel extends IDisposable {
-    readonly contentComponent: string;
-    readonly tabComponent?: string;
-    readonly content: IContentRenderer;
-    readonly tab: ITabRenderer;
-    update(event: PanelUpdateEvent): void;
-    layout(width: number, height: number): void;
-    init(params: GroupPanelPartInitParameters): void;
-    createTabRenderer(tabLocation: TabLocation): ITabRenderer;
-    setTitle(title: string): void;
-}
-export declare class DockviewPanelModel implements IDockviewPanelModel {
-    private readonly accessor;
-    private readonly id;
-    readonly contentComponent: string;
-    readonly tabComponent?: string | undefined;
-    private readonly _content;
-    private readonly _tab;
-    private _params;
-    private _updateEvent;
-    get content(): IContentRenderer;
-    get tab(): ITabRenderer;
-    constructor(accessor: IDockviewComponent, id: string, contentComponent: string, tabComponent?: string | undefined);
-    createTabRenderer(tabLocation: TabLocation): ITabRenderer;
-    init(params: GroupPanelPartInitParameters): void;
-    setTitle(title: string): void;
-    layout(width: number, height: number): void;
-    update(event: PanelUpdateEvent): void;
-    dispose(): void;
-    private createContentComponent;
-    private createTabComponent;
-}

package/dist/esm/dockview/dockviewPanelModel.js

@@ -1,81 +0,0 @@
-import { DefaultTab } from './components/tab/defaultTab';
-export class DockviewPanelModel {
-    get content() {
-        return this._content;
-    }
-    get tab() {
-        return this._tab;
-    }
-    constructor(accessor, id, contentComponent, tabComponent) {
-        this.accessor = accessor;
-        this.id = id;
-        this.contentComponent = contentComponent;
-        this.tabComponent = tabComponent;
-        this._content = this.createContentComponent(this.id, contentComponent);
-        this._tab = this.createTabComponent(this.id, tabComponent);
-    }
-    createTabRenderer(tabLocation) {
-        var _a;
-        const cmp = this.createTabComponent(this.id, this.tabComponent);
-        if (this._params) {
-            cmp.init(Object.assign(Object.assign({}, this._params), { tabLocation }));
-        }
-        if (this._updateEvent) {
-            (_a = cmp.update) === null || _a === void 0 ? void 0 : _a.call(cmp, this._updateEvent);
-        }
-        return cmp;
-    }
-    init(params) {
-        this._params = params;
-        this.content.init(params);
-        this.tab.init(Object.assign(Object.assign({}, params), { tabLocation: 'header' }));
-    }
-    setTitle(title) {
-        // keep the cached init params in sync so that tab renderers created
-        // lazily after the title changes (e.g. for the header overflow
-        // dropdown) see the current title rather than the stale original.
-        if (this._params) {
-            this._params.title = title;
-        }
-    }
-    layout(width, height) {
-        var _a, _b;
-        (_b = (_a = this.content).layout) === null || _b === void 0 ? void 0 : _b.call(_a, width, height);
-    }
-    update(event) {
-        var _a, _b, _c, _d;
-        this._updateEvent = event;
-        (_b = (_a = this.content).update) === null || _b === void 0 ? void 0 : _b.call(_a, event);
-        (_d = (_c = this.tab).update) === null || _d === void 0 ? void 0 : _d.call(_c, event);
-    }
-    dispose() {
-        var _a, _b, _c, _d;
-        (_b = (_a = this.content).dispose) === null || _b === void 0 ? void 0 : _b.call(_a);
-        (_d = (_c = this.tab).dispose) === null || _d === void 0 ? void 0 : _d.call(_c);
-    }
-    createContentComponent(id, componentName) {
-        return this.accessor.options.createComponent({
-            id,
-            name: componentName,
-        });
-    }
-    createTabComponent(id, componentName) {
-        const name = componentName !== null && componentName !== void 0 ? componentName : this.accessor.options.defaultTabComponent;
-        if (name) {
-            if (this.accessor.options.createTabComponent) {
-                const component = this.accessor.options.createTabComponent({
-                    id,
-                    name,
-                });
-                if (component) {
-                    return component;
-                }
-                else {
-                    return new DefaultTab();
-                }
-            }
-            console.warn(`dockview: tabComponent '${componentName}' was not found. falling back to the default tab.`);
-        }
-        return new DefaultTab();
-    }
-}

package/dist/esm/dockview/dockviewShell.d.ts

@@ -1,150 +0,0 @@
-import { Event } from '../events';
-import { IDisposable } from '../lifecycle';
-import { IView, LayoutPriority } from '../splitview/splitview';
-export type EdgeGroupPosition = 'top' | 'bottom' | 'left' | 'right';
-export interface EdgeGroupOptions {
-    id: string;
-    initialSize?: number;
-    minimumSize?: number;
-    maximumSize?: number;
-    collapsedSize?: number;
-    collapsed?: boolean;
-}
-export interface SerializedEdgeGroups {
-    top?: {
-        size: number;
-        visible: boolean;
-        collapsed?: boolean;
-        group?: unknown;
-    };
-    bottom?: {
-        size: number;
-        visible: boolean;
-        collapsed?: boolean;
-        group?: unknown;
-    };
-    left?: {
-        size: number;
-        visible: boolean;
-        collapsed?: boolean;
-        group?: unknown;
-    };
-    right?: {
-        size: number;
-        visible: boolean;
-        collapsed?: boolean;
-        group?: unknown;
-    };
-}
-/**
- * Minimal interface for a edge group host.
- * Avoids circular imports by not referencing DockviewGroupPanel directly.
- */
-export interface IEdgeGroupHost {
-    readonly element: HTMLElement;
-    layout(width: number, height: number): void;
-}
-export declare class EdgeGroupView implements IView {
-    private readonly _group;
-    private readonly _orientation;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<{
-        size?: number;
-        orthogonalSize?: number;
-    }>;
-    readonly snap = false;
-    readonly priority = LayoutPriority.Low;
-    private _isCollapsed;
-    private _lastExpandedSize;
-    private _baseCollapsedSize;
-    private _baseMinimumSize;
-    private _gapAdd;
-    private readonly _expandedMaximumSize;
-    private _measuredTabSize;
-    private readonly _tabSizeDisposables;
-    /**
-     * The effective (pre-gap) collapsed size: the measured tab-strip size when
-     * available, otherwise the configured/theme base.
-     */
-    private get _effectiveBaseCollapsed();
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get element(): HTMLElement;
-    get isCollapsed(): boolean;
-    get lastExpandedSize(): number;
-    get collapsedSize(): number;
-    constructor(options: EdgeGroupOptions, group: IEdgeGroupHost, orientation: 'horizontal' | 'vertical', gapAdd?: number);
-    /**
-     * Watch the group's tab strip so the collapsed size follows the live tab
-     * height. The strip's cross-axis size (height for top/bottom, width for
-     * left/right) is exactly what a collapsed edge group should occupy; a
-     * ResizeObserver keeps them in sync when the tab height changes at runtime.
-     */
-    private _observeTabStrip;
-    /**
-     * Apply a freshly-measured tab-strip cross size. When the group is
-     * collapsed this resizes it in the parent splitview so the collapsed strip
-     * always shows the full tab height.
-     */
-    private _applyMeasuredTabSize;
-    layout(size: number, orthogonalSize: number): void;
-    setCollapsed(collapsed: boolean): void;
-    setVisible(_visible: boolean): void;
-    /**
-     * Restore the last-expanded size from serialized state without triggering
-     * a layout. Must be called before setCollapsed(true) during fromJSON so
-     * that expanding after deserialization restores the correct size.
-     */
-    restoreExpandedSize(size: number): void;
-    /**
-     * Apply a new base (pre-gap) collapsed size, base minimum size and gap
-     * contribution after a theme or gap change. Base values come from the
-     * original config; the ShellManager owns the gap arithmetic. A live
-     * measured tab size (if any) continues to win over the base collapsed size.
-     */
-    updateSizing(baseCollapsedSize: number, baseMinimumSize: number | undefined, gapAdd: number): void;
-    dispose(): void;
-}
-export declare class ShellManager implements IDisposable {
-    private readonly _outerSplitview;
-    private readonly _middleColumn;
-    private readonly _shellElement;
-    private _topView;
-    private _bottomView;
-    private _leftView;
-    private _rightView;
-    private _leftIndex;
-    private _middleIndex;
-    private _rightIndex;
-    private readonly _disposables;
-    private readonly _viewConfigs;
-    private _currentWidth;
-    private _currentHeight;
-    private _gap;
-    private _defaultCollapsedSize;
-    constructor(container: HTMLElement, dockviewElement: HTMLElement, layoutGrid: (width: number, height: number) => void, gap?: number, defaultCollapsedSize?: number);
-    get element(): HTMLElement;
-    /**
-     * Add an edge group view at the given position. The view wraps the
-     * provided group element inside the shell's splitview layout.
-     * Throws if a group at this position is already registered.
-     */
-    addEdgeView(position: EdgeGroupPosition, options: EdgeGroupOptions, group: IEdgeGroupHost): EdgeGroupView;
-    layout(width: number, height: number): void;
-    /**
-     * Called when the active theme changes. Updates splitview margins and
-     * edge-group collapsed sizes so the layout matches the new theme's gap
-     * and tab-strip dimensions.
-     */
-    updateTheme(gap: number, defaultCollapsedSize: number): void;
-    removeEdgeView(position: EdgeGroupPosition): void;
-    hasEdgeGroup(position: EdgeGroupPosition): boolean;
-    setEdgeGroupVisible(position: EdgeGroupPosition, visible: boolean): void;
-    isEdgeGroupVisible(position: EdgeGroupPosition): boolean;
-    setEdgeGroupCollapsed(position: EdgeGroupPosition, collapsed: boolean): void;
-    isEdgeGroupCollapsed(position: EdgeGroupPosition): boolean;
-    private _getView;
-    toJSON(): SerializedEdgeGroups;
-    fromJSON(data: SerializedEdgeGroups): void;
-    dispose(): void;
-}