dockview 1.5.0 → 1.5.2

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

@@ -1,33 +1,31 @@
-import { DockviewApi } from '../api/component.api';
-import { DockviewPanelApiImpl } from '../api/groupPanelApi';
-import { GroupPanelUpdateEvent, GroupviewPanelState, IDockviewPanel, IGroupPanelInitParameters } from '../groupview/groupPanel';
-import { GroupPanel } from '../groupview/groupviewPanel';
-import { CompositeDisposable } from '../lifecycle';
-import { IGroupPanelView } from './defaultGroupPanelView';
-import { DockviewComponent } from './dockviewComponent';
-export declare class DockviewGroupPanel extends CompositeDisposable implements IDockviewPanel {
-    readonly id: string;
-    private readonly containerApi;
-    private readonly mutableDisposable;
-    readonly api: DockviewPanelApiImpl;
-    private _group;
-    private _params?;
-    private _view?;
-    private _title;
-    private _suppressClosable;
-    get params(): any;
-    get title(): string;
-    get suppressClosable(): boolean;
-    get group(): GroupPanel;
-    get view(): IGroupPanelView | undefined;
-    constructor(id: string, accessor: DockviewComponent, containerApi: DockviewApi, group: GroupPanel);
-    init(params: IGroupPanelInitParameters): void;
-    focus(): void;
-    toJSON(): GroupviewPanelState;
-    setTitle(title: string): void;
-    setSuppressClosable(suppressClosable: boolean): void;
-    update(event: GroupPanelUpdateEvent): void;
-    updateParentGroup(group: GroupPanel, isGroupActive: boolean): void;
-    layout(width: number, height: number): void;
-    dispose(): void;
-}
+import { DockviewApi } from '../api/component.api';
+import { DockviewPanelApiImpl } from '../api/groupPanelApi';
+import { GroupPanelUpdateEvent, GroupviewPanelState, IDockviewPanel, IGroupPanelInitParameters } from '../groupview/groupPanel';
+import { GroupPanel } from '../groupview/groupviewPanel';
+import { CompositeDisposable } from '../lifecycle';
+import { Parameters } from '../panel/types';
+import { IGroupPanelView } from './defaultGroupPanelView';
+import { DockviewComponent } from './dockviewComponent';
+export declare class DockviewGroupPanel extends CompositeDisposable implements IDockviewPanel {
+    readonly id: string;
+    private readonly containerApi;
+    private readonly mutableDisposable;
+    readonly api: DockviewPanelApiImpl;
+    private _group;
+    private _params?;
+    private _view?;
+    private _title;
+    get params(): Parameters | undefined;
+    get title(): string;
+    get group(): GroupPanel;
+    get view(): IGroupPanelView | undefined;
+    constructor(id: string, accessor: DockviewComponent, containerApi: DockviewApi, group: GroupPanel);
+    init(params: IGroupPanelInitParameters): void;
+    focus(): void;
+    toJSON(): GroupviewPanelState;
+    setTitle(title: string): void;
+    update(event: GroupPanelUpdateEvent): void;
+    updateParentGroup(group: GroupPanel, isGroupActive: boolean): void;
+    layout(width: number, height: number): void;
+    dispose(): void;
+}

package/dist/esm/dockview/dockviewGroupPanel.js

@@ -1,122 +1,107 @@
-import { DockviewPanelApiImpl } from '../api/groupPanelApi';
-import { CompositeDisposable, MutableDisposable } from '../lifecycle';
-export class DockviewGroupPanel extends CompositeDisposable {
-    constructor(id, accessor, containerApi, group) {
-        super();
-        this.id = id;
-        this.containerApi = containerApi;
-        this.mutableDisposable = new MutableDisposable();
-        this._suppressClosable = false;
-        this._title = '';
-        this._group = group;
-        this.api = new DockviewPanelApiImpl(this, this._group);
-        this.addDisposables(this.api.onActiveChange(() => {
-            accessor.setActivePanel(this);
-        }), this.api.onDidTitleChange((event) => {
-            const title = event.title;
-            this.update({ params: { title } });
-        }));
-    }
-    get params() {
-        var _a;
-        return (_a = this._params) === null || _a === void 0 ? void 0 : _a.params;
-    }
-    get title() {
-        return this._title;
-    }
-    get suppressClosable() {
-        return this._suppressClosable;
-    }
-    get group() {
-        return this._group;
-    }
-    get view() {
-        return this._view;
-    }
-    init(params) {
-        var _a;
-        this._params = params.params;
-        this._view = params.view;
-        this.setTitle(params.title);
-        this.setSuppressClosable(params.suppressClosable || false);
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.init(Object.assign(Object.assign({}, params), { api: this.api, containerApi: this.containerApi }));
-    }
-    focus() {
-        this.api._onFocusEvent.fire();
-    }
-    toJSON() {
-        return {
-            id: this.id,
-            view: this.view.toJSON(),
-            params: Object.keys(this._params || {}).length > 0
-                ? this._params
-                : undefined,
-            suppressClosable: this.suppressClosable || undefined,
-            title: this.title,
-        };
-    }
-    setTitle(title) {
-        var _a;
-        const didTitleChange = title !== ((_a = this._params) === null || _a === void 0 ? void 0 : _a.title);
-        if (didTitleChange) {
-            this._title = title;
-            this.api._titleChanged.fire({ title: this.title });
-        }
-    }
-    setSuppressClosable(suppressClosable) {
-        var _a;
-        const didSuppressChangableClose = suppressClosable !== ((_a = this._params) === null || _a === void 0 ? void 0 : _a.suppressClosable);
-        if (didSuppressChangableClose) {
-            this._suppressClosable = suppressClosable;
-            this.api._suppressClosableChanged.fire({
-                suppressClosable: !!this.suppressClosable,
-            });
-        }
-    }
-    update(event) {
-        var _a;
-        const params = event.params;
-        this._params = Object.assign(Object.assign({}, (this._params || {})), event.params.params);
-        if (typeof params.title === 'string') {
-            this.setTitle(params.title);
-        }
-        if (typeof params.suppressClosable === 'boolean') {
-            this.setSuppressClosable(params.suppressClosable);
-        }
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.update({
-            params: {
-                params: this._params,
-                title: this.title,
-                suppressClosable: this.suppressClosable,
-            },
-        });
-    }
-    updateParentGroup(group, isGroupActive) {
-        var _a;
-        this._group = group;
-        this.api.group = group;
-        const isPanelVisible = this._group.model.isPanelActive(this);
-        this.api._onDidActiveChange.fire({
-            isActive: isGroupActive && isPanelVisible,
-        });
-        this.api._onDidVisibilityChange.fire({
-            isVisible: isPanelVisible,
-        });
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.updateParentGroup(this._group, this._group.model.isPanelActive(this));
-    }
-    layout(width, height) {
-        var _a;
-        // the obtain the correct dimensions of the content panel we must deduct the tab height
-        this.api._onDidDimensionChange.fire({
-            width,
-            height: height - (this.group.model.header.height || 0),
-        });
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.layout(width, height);
-    }
-    dispose() {
-        var _a;
-        this.api.dispose();
-        this.mutableDisposable.dispose();
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
+import { DockviewPanelApiImpl } from '../api/groupPanelApi';
+import { CompositeDisposable, MutableDisposable } from '../lifecycle';
+export class DockviewGroupPanel extends CompositeDisposable {
+    constructor(id, accessor, containerApi, group) {
+        super();
+        this.id = id;
+        this.containerApi = containerApi;
+        this.mutableDisposable = new MutableDisposable();
+        this._title = '';
+        this._group = group;
+        this.api = new DockviewPanelApiImpl(this, this._group);
+        this.addDisposables(this.api.onActiveChange(() => {
+            accessor.setActivePanel(this);
+        }));
+    }
+    get params() {
+        return this._params;
+    }
+    get title() {
+        return this._title;
+    }
+    get group() {
+        return this._group;
+    }
+    get view() {
+        return this._view;
+    }
+    init(params) {
+        var _a;
+        this._params = params.params;
+        this._view = params.view;
+        this.setTitle(params.title);
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.init(Object.assign(Object.assign({}, params), { api: this.api, containerApi: this.containerApi }));
+    }
+    focus() {
+        this.api._onFocusEvent.fire();
+    }
+    toJSON() {
+        return {
+            id: this.id,
+            view: this.view.toJSON(),
+            params: Object.keys(this._params || {}).length > 0
+                ? this._params
+                : undefined,
+            title: this.title,
+        };
+    }
+    setTitle(title) {
+        var _a, _b;
+        const didTitleChange = title !== ((_a = this._params) === null || _a === void 0 ? void 0 : _a.title);
+        if (didTitleChange) {
+            this._title = title;
+            (_b = this.view) === null || _b === void 0 ? void 0 : _b.update({
+                params: {
+                    params: this._params,
+                    title: this.title,
+                },
+            });
+            this.api._onDidTitleChange.fire({ title });
+        }
+    }
+    update(event) {
+        var _a;
+        const params = event.params;
+        this._params = Object.assign(Object.assign({}, (this._params || {})), event.params.params);
+        if (typeof params.title === 'string') {
+            if (params.title !== this.title) {
+                this._title = params.title;
+                this.api._onDidTitleChange.fire({ title: this.title });
+            }
+        }
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.update({
+            params: {
+                params: this._params,
+                title: this.title,
+            },
+        });
+    }
+    updateParentGroup(group, isGroupActive) {
+        var _a;
+        this._group = group;
+        this.api.group = group;
+        const isPanelVisible = this._group.model.isPanelActive(this);
+        this.api._onDidActiveChange.fire({
+            isActive: isGroupActive && isPanelVisible,
+        });
+        this.api._onDidVisibilityChange.fire({
+            isVisible: isPanelVisible,
+        });
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.updateParentGroup(this._group, this._group.model.isPanelActive(this));
+    }
+    layout(width, height) {
+        var _a;
+        // the obtain the correct dimensions of the content panel we must deduct the tab height
+        this.api._onDidDimensionChange.fire({
+            width,
+            height: height - (this.group.model.header.height || 0),
+        });
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.layout(width, height);
+    }
+    dispose() {
+        var _a;
+        this.api.dispose();
+        this.mutableDisposable.dispose();
+        (_a = this.view) === null || _a === void 0 ? void 0 : _a.dispose();
+    }
+}

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

@@ -1,89 +1,88 @@
-import { DockviewApi } from '../api/component.api';
-import { Direction } from '../gridview/baseComponentGridview';
-import { IGridView } from '../gridview/gridview';
-import { IDockviewPanel } from '../groupview/groupPanel';
-import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer } from '../groupview/types';
-import { GroupPanel } from '../groupview/groupviewPanel';
-import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
-import { FrameworkFactory } from '../types';
-import { DockviewDropTargets } from '../groupview/dnd';
-import { PanelTransfer } from '../dnd/dataTransfer';
-import { IGroupControlRenderer } from '../react/dockview/groupControlsRenderer';
-export interface GroupPanelFrameworkComponentFactory {
-    content: FrameworkFactory<IContentRenderer>;
-    tab: FrameworkFactory<ITabRenderer>;
-    watermark: FrameworkFactory<IWatermarkRenderer>;
-}
-export interface TabContextMenuEvent {
-    event: MouseEvent;
-    api: DockviewApi;
-    panel: IDockviewPanel;
-}
-export interface DockviewRenderFunctions {
-    tabComponents?: {
-        [componentName: string]: {
-            new (id: string, component: string): ITabRenderer;
-        };
-    };
-    components?: {
-        [componentName: string]: {
-            new (id: string, component: string): IContentRenderer;
-        };
-    };
-    frameworkTabComponents?: {
-        [componentName: string]: any;
-    };
-    frameworkComponents?: {
-        [componentName: string]: any;
-    };
-}
-export interface ViewFactoryData {
-    content: string;
-    tab?: string;
-}
-export interface DockviewDndOverlayEvent {
-    nativeEvent: DragEvent;
-    target: DockviewDropTargets;
-    group: GroupPanel;
-    getData: () => PanelTransfer | undefined;
-}
-export interface DockviewComponentOptions extends DockviewRenderFunctions {
-    watermarkComponent?: WatermarkConstructor;
-    watermarkFrameworkComponent?: any;
-    frameworkComponentFactory?: GroupPanelFrameworkComponentFactory;
-    tabHeight?: number;
-    orientation?: Orientation;
-    styles?: ISplitviewStyles;
-    defaultTabComponent?: string;
-    showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
-    createGroupControlElement?: (group: GroupPanel) => IGroupControlRenderer;
-}
-export interface PanelOptions {
-    component: string;
-    tabComponent?: string;
-    params?: {
-        [key: string]: any;
-    };
-    id: string;
-    title?: string;
-    suppressClosable?: boolean;
-}
-export interface AddPanelOptions extends Omit<PanelOptions, 'component' | 'tabComponent'> {
-    component: string;
-    tabComponent?: string;
-    position?: {
-        direction?: Direction;
-        referencePanel?: string;
-    };
-}
-export interface AddGroupOptions {
-    direction?: 'left' | 'right' | 'above' | 'below';
-    referencePanel: string;
-}
-export interface MovementOptions2 {
-    group?: IGridView;
-}
-export interface MovementOptions extends MovementOptions2 {
-    includePanel?: boolean;
-    group?: GroupPanel;
-}
+import { DockviewApi } from '../api/component.api';
+import { Direction } from '../gridview/baseComponentGridview';
+import { IGridView } from '../gridview/gridview';
+import { IDockviewPanel } from '../groupview/groupPanel';
+import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer } from '../groupview/types';
+import { GroupPanel } from '../groupview/groupviewPanel';
+import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
+import { FrameworkFactory } from '../types';
+import { DockviewDropTargets } from '../groupview/dnd';
+import { PanelTransfer } from '../dnd/dataTransfer';
+import { IGroupControlRenderer } from '../react/dockview/groupControlsRenderer';
+export interface GroupPanelFrameworkComponentFactory {
+    content: FrameworkFactory<IContentRenderer>;
+    tab: FrameworkFactory<ITabRenderer>;
+    watermark: FrameworkFactory<IWatermarkRenderer>;
+}
+export interface TabContextMenuEvent {
+    event: MouseEvent;
+    api: DockviewApi;
+    panel: IDockviewPanel;
+}
+export interface DockviewRenderFunctions {
+    tabComponents?: {
+        [componentName: string]: {
+            new (id: string, component: string): ITabRenderer;
+        };
+    };
+    components?: {
+        [componentName: string]: {
+            new (id: string, component: string): IContentRenderer;
+        };
+    };
+    frameworkTabComponents?: {
+        [componentName: string]: any;
+    };
+    frameworkComponents?: {
+        [componentName: string]: any;
+    };
+}
+export interface ViewFactoryData {
+    content: string;
+    tab?: string;
+}
+export interface DockviewDndOverlayEvent {
+    nativeEvent: DragEvent;
+    target: DockviewDropTargets;
+    group: GroupPanel;
+    getData: () => PanelTransfer | undefined;
+}
+export interface DockviewComponentOptions extends DockviewRenderFunctions {
+    watermarkComponent?: WatermarkConstructor;
+    watermarkFrameworkComponent?: any;
+    frameworkComponentFactory?: GroupPanelFrameworkComponentFactory;
+    tabHeight?: number;
+    orientation?: Orientation;
+    styles?: ISplitviewStyles;
+    defaultTabComponent?: string;
+    showDndOverlay?: (event: DockviewDndOverlayEvent) => boolean;
+    createGroupControlElement?: (group: GroupPanel) => IGroupControlRenderer;
+}
+export interface PanelOptions {
+    component: string;
+    tabComponent?: string;
+    params?: {
+        [key: string]: any;
+    };
+    id: string;
+    title?: string;
+}
+export interface AddPanelOptions extends Omit<PanelOptions, 'component' | 'tabComponent'> {
+    component: string;
+    tabComponent?: string;
+    position?: {
+        direction?: Direction;
+        referencePanel?: string;
+    };
+}
+export interface AddGroupOptions {
+    direction?: 'left' | 'right' | 'above' | 'below';
+    referencePanel: string;
+}
+export interface MovementOptions2 {
+    group?: IGridView;
+}
+export interface MovementOptions extends MovementOptions2 {
+    includePanel?: boolean;
+    group?: GroupPanel;
+}

package/dist/esm/dockview/options.js

@@ -1 +1 @@
-export {};
+export {};

package/dist/esm/dom.d.ts

@@ -1,14 +1,14 @@
-import { Event } from './events';
-import { IDisposable } from './lifecycle';
-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;
-export declare const toggleClass: (element: HTMLElement, className: string, isToggled: boolean) => void;
-export declare function isAncestor(testChild: Node | null, testAncestor: Node | null): boolean;
-export declare function getElementsByTagName(tag: string): HTMLElement[];
-export interface IFocusTracker extends IDisposable {
-    onDidFocus: Event<void>;
-    onDidBlur: Event<void>;
-    refreshState?(): void;
-}
-export declare function trackFocus(element: HTMLElement | Window): IFocusTracker;
+import { Event } from './events';
+import { IDisposable } from './lifecycle';
+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;
+export declare const toggleClass: (element: HTMLElement, className: string, isToggled: boolean) => void;
+export declare function isAncestor(testChild: Node | null, testAncestor: Node | null): boolean;
+export declare function getElementsByTagName(tag: string): HTMLElement[];
+export interface IFocusTracker extends IDisposable {
+    onDidFocus: Event<void>;
+    onDidBlur: Event<void>;
+    refreshState?(): void;
+}
+export declare function trackFocus(element: HTMLElement | Window): IFocusTracker;