dockview 0.0.28 → 1.0.2

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

@@ -1,35 +1,35 @@
-import { DockviewApi } from '../api/component.api';
-import { DockviewPanelApiImpl } from '../api/groupPanelApi';
-import { Event } from '../events';
-import { GroupPanelUpdateEvent, GroupviewPanelState, IGroupPanel, IGroupPanelInitParameters } from '../groupview/groupPanel';
-import { GroupviewPanel } from '../groupview/groupviewPanel';
-import { CompositeDisposable } from '../lifecycle';
-import { IGroupPanelView } from './defaultGroupPanelView';
-export declare class DockviewGroupPanel extends CompositeDisposable implements IGroupPanel {
-    readonly id: string;
-    private readonly containerApi;
-    private readonly mutableDisposable;
-    readonly api: DockviewPanelApiImpl;
-    private _group;
-    private _params?;
-    readonly onDidStateChange: Event<void>;
-    private _view?;
-    private _title;
-    private _suppressClosable;
-    get title(): string;
-    get suppressClosable(): boolean;
-    get group(): GroupviewPanel | undefined;
-    get view(): IGroupPanelView | undefined;
-    constructor(id: string, containerApi: DockviewApi);
-    init(params: IGroupPanelInitParameters): void;
-    focus(): void;
-    setDirty(isDirty: boolean): void;
-    close(): Promise<boolean>;
-    toJSON(): GroupviewPanelState;
-    setTitle(title: string): void;
-    setSuppressClosable(suppressClosable: boolean): void;
-    update(event: GroupPanelUpdateEvent): void;
-    updateParentGroup(group: GroupviewPanel, isGroupActive: boolean): void;
-    layout(width: number, height: number): void;
-    dispose(): void;
-}
+import { DockviewApi } from '../api/component.api';
+import { DockviewPanelApiImpl } from '../api/groupPanelApi';
+import { Event } from '../events';
+import { GroupPanelUpdateEvent, GroupviewPanelState, IGroupPanel, IGroupPanelInitParameters } from '../groupview/groupPanel';
+import { GroupviewPanel } from '../groupview/groupviewPanel';
+import { CompositeDisposable } from '../lifecycle';
+import { IGroupPanelView } from './defaultGroupPanelView';
+export declare class DockviewGroupPanel extends CompositeDisposable implements IGroupPanel {
+    readonly id: string;
+    private readonly containerApi;
+    private readonly mutableDisposable;
+    readonly api: DockviewPanelApiImpl;
+    private _group;
+    private _params?;
+    readonly onDidStateChange: Event<void>;
+    private _view?;
+    private _title;
+    private _suppressClosable;
+    get title(): string;
+    get suppressClosable(): boolean;
+    get group(): GroupviewPanel | undefined;
+    get view(): IGroupPanelView | undefined;
+    constructor(id: string, containerApi: DockviewApi);
+    init(params: IGroupPanelInitParameters): void;
+    focus(): void;
+    setDirty(isDirty: boolean): void;
+    close(): Promise<boolean>;
+    toJSON(): GroupviewPanelState;
+    setTitle(title: string): void;
+    setSuppressClosable(suppressClosable: boolean): void;
+    update(event: GroupPanelUpdateEvent): void;
+    updateParentGroup(group: GroupviewPanel, isGroupActive: boolean): void;
+    layout(width: number, height: number): void;
+    dispose(): void;
+}

package/dist/esm/dockview/dockviewGroupPanel.js

@@ -1,145 +1,145 @@
-import { GroupChangeKind2 } from '../groupview/groupview';
-import { DockviewPanelApiImpl } from '../api/groupPanelApi';
-import { CompositeDisposable, MutableDisposable } from '../lifecycle';
-export class DockviewGroupPanel extends CompositeDisposable {
-    constructor(id, containerApi) {
-        super();
-        this.id = id;
-        this.containerApi = containerApi;
-        this.mutableDisposable = new MutableDisposable();
-        this._suppressClosable = false;
-        this._title = '';
-        this.api = new DockviewPanelApiImpl(this, this._group);
-        this.onDidStateChange = this.api.onDidStateChange;
-        this.addDisposables(this.api.onActiveChange(() => {
-            this.containerApi.setActivePanel(this);
-        }), this.api.onDidTitleChange((event) => {
-            const title = event.title;
-            this.update({ params: { title } });
-        }));
-    }
-    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);
-        if (params.state) {
-            this.api.setState(params.state);
-        }
-        (_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();
-    }
-    setDirty(isDirty) {
-        this.api._onDidDirtyChange.fire(isDirty);
-    }
-    close() {
-        if (this.api.tryClose) {
-            return this.api.tryClose();
-        }
-        return Promise.resolve(true);
-    }
-    toJSON() {
-        const state = this.api.getState();
-        return {
-            id: this.id,
-            view: this.view.toJSON(),
-            params: Object.keys(this._params || {}).length > 0
-                ? this._params
-                : undefined,
-            state: state && Object.keys(state).length > 0 ? state : 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;
-        this.mutableDisposable.value = this._group.model.onDidGroupChange((ev) => {
-            var _a;
-            if (ev.kind === GroupChangeKind2.GROUP_ACTIVE) {
-                const isVisible = !!((_a = this._group) === null || _a === void 0 ? void 0 : _a.model.isPanelActive(this));
-                this.api._onDidActiveChange.fire({
-                    isActive: isGroupActive && isVisible,
-                });
-                this.api._onDidVisibilityChange.fire({
-                    isVisible,
-                });
-            }
-        });
-        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, _b;
-        // the obtain the correct dimensions of the content panel we must deduct the tab height
-        this.api._onDidPanelDimensionChange.fire({
-            width,
-            height: height - (((_a = this.group) === null || _a === void 0 ? void 0 : _a.model.tabHeight) || 0),
-        });
-        (_b = this.view) === null || _b === void 0 ? void 0 : _b.layout(width, height);
-    }
-    dispose() {
-        var _a;
-        this.api.dispose();
-        this.mutableDisposable.dispose();
-        (_a = this.view) === null || _a === void 0 ? void 0 : _a.dispose();
-    }
-}
+import { GroupChangeKind2 } from '../groupview/groupview';
+import { DockviewPanelApiImpl } from '../api/groupPanelApi';
+import { CompositeDisposable, MutableDisposable } from '../lifecycle';
+export class DockviewGroupPanel extends CompositeDisposable {
+    constructor(id, containerApi) {
+        super();
+        this.id = id;
+        this.containerApi = containerApi;
+        this.mutableDisposable = new MutableDisposable();
+        this._suppressClosable = false;
+        this._title = '';
+        this.api = new DockviewPanelApiImpl(this, this._group);
+        this.onDidStateChange = this.api.onDidStateChange;
+        this.addDisposables(this.api.onActiveChange(() => {
+            this.containerApi.setActivePanel(this);
+        }), this.api.onDidTitleChange((event) => {
+            const title = event.title;
+            this.update({ params: { title } });
+        }));
+    }
+    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);
+        if (params.state) {
+            this.api.setState(params.state);
+        }
+        (_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();
+    }
+    setDirty(isDirty) {
+        this.api._onDidDirtyChange.fire(isDirty);
+    }
+    close() {
+        if (this.api.tryClose) {
+            return this.api.tryClose();
+        }
+        return Promise.resolve(true);
+    }
+    toJSON() {
+        const state = this.api.getState();
+        return {
+            id: this.id,
+            view: this.view.toJSON(),
+            params: Object.keys(this._params || {}).length > 0
+                ? this._params
+                : undefined,
+            state: state && Object.keys(state).length > 0 ? state : 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;
+        this.mutableDisposable.value = this._group.model.onDidGroupChange((ev) => {
+            var _a;
+            if (ev.kind === GroupChangeKind2.GROUP_ACTIVE) {
+                const isVisible = !!((_a = this._group) === null || _a === void 0 ? void 0 : _a.model.isPanelActive(this));
+                this.api._onDidActiveChange.fire({
+                    isActive: isGroupActive && isVisible,
+                });
+                this.api._onDidVisibilityChange.fire({
+                    isVisible,
+                });
+            }
+        });
+        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, _b;
+        // the obtain the correct dimensions of the content panel we must deduct the tab height
+        this.api._onDidPanelDimensionChange.fire({
+            width,
+            height: height - (((_a = this.group) === null || _a === void 0 ? void 0 : _a.model.tabHeight) || 0),
+        });
+        (_b = this.view) === null || _b === void 0 ? void 0 : _b.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,79 +1,79 @@
-import { DockviewApi } from '../api/component.api';
-import { Direction } from '../gridview/baseComponentGridview';
-import { IGridView } from '../gridview/gridview';
-import { IGroupPanel } from '../groupview/groupPanel';
-import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer } from '../groupview/types';
-import { GroupviewPanel } from '../groupview/groupviewPanel';
-import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
-import { FrameworkFactory } from '../types';
-export interface GroupPanelFrameworkComponentFactory {
-    content: FrameworkFactory<IContentRenderer>;
-    tab: FrameworkFactory<ITabRenderer>;
-    watermark: FrameworkFactory<IWatermarkRenderer>;
-}
-export interface TabContextMenuEvent {
-    event: MouseEvent;
-    api: DockviewApi;
-    panel: IGroupPanel;
-}
-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 DockviewOptions extends DockviewRenderFunctions {
-    watermarkComponent?: WatermarkConstructor;
-    watermarkFrameworkComponent?: any;
-    frameworkComponentFactory?: GroupPanelFrameworkComponentFactory;
-    tabHeight?: number;
-    debug?: boolean;
-    enableExternalDragEvents?: boolean;
-    orientation?: Orientation;
-    styles?: ISplitviewStyles;
-}
-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?: GroupviewPanel;
-}
+import { DockviewApi } from '../api/component.api';
+import { Direction } from '../gridview/baseComponentGridview';
+import { IGridView } from '../gridview/gridview';
+import { IGroupPanel } from '../groupview/groupPanel';
+import { IContentRenderer, ITabRenderer, WatermarkConstructor, IWatermarkRenderer } from '../groupview/types';
+import { GroupviewPanel } from '../groupview/groupviewPanel';
+import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
+import { FrameworkFactory } from '../types';
+export interface GroupPanelFrameworkComponentFactory {
+    content: FrameworkFactory<IContentRenderer>;
+    tab: FrameworkFactory<ITabRenderer>;
+    watermark: FrameworkFactory<IWatermarkRenderer>;
+}
+export interface TabContextMenuEvent {
+    event: MouseEvent;
+    api: DockviewApi;
+    panel: IGroupPanel;
+}
+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 DockviewOptions extends DockviewRenderFunctions {
+    watermarkComponent?: WatermarkConstructor;
+    watermarkFrameworkComponent?: any;
+    frameworkComponentFactory?: GroupPanelFrameworkComponentFactory;
+    tabHeight?: number;
+    debug?: boolean;
+    enableExternalDragEvents?: boolean;
+    orientation?: Orientation;
+    styles?: ISplitviewStyles;
+}
+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?: GroupviewPanel;
+}

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;