dockview-core 1.6.0 → 1.7.1

package/dist/esm/gridview/baseComponentGridview.d.ts

@@ -1,87 +1,88 @@
-import { Emitter, Event, TickDelayedEvent } from '../events';
-import { Gridview, IGridView } from './gridview';
-import { Position } from '../dnd/droptarget';
-import { CompositeDisposable, IValueDisposable } from '../lifecycle';
-import { ISplitviewStyles, Orientation } from '../splitview/splitview';
-import { IPanel } from '../panel/types';
-import { MovementOptions2 } from '../dockview/options';
-export type Direction = 'left' | 'right' | 'above' | 'below' | 'within';
-export declare function toTarget(direction: Direction): Position;
-export interface BaseGridOptions {
-    readonly proportionalLayout: boolean;
-    readonly orientation: Orientation;
-    readonly styles?: ISplitviewStyles;
-}
-export interface IGridPanelView extends IGridView, IPanel {
-    setActive(isActive: boolean): void;
-    readonly isActive: boolean;
-}
-export interface IBaseGrid<T extends IGridPanelView> {
-    readonly element: HTMLElement;
-    readonly id: string;
-    readonly width: number;
-    readonly height: number;
-    readonly minimumHeight: number;
-    readonly maximumHeight: number;
-    readonly minimumWidth: number;
-    readonly maximumWidth: number;
-    readonly activeGroup: T | undefined;
-    readonly size: number;
-    readonly groups: T[];
-    readonly onDidLayoutChange: Event<void>;
-    readonly onDidRemoveGroup: Event<T>;
-    readonly onDidAddGroup: Event<T>;
-    readonly onDidActiveGroupChange: Event<T | undefined>;
-    getPanel(id: string): T | undefined;
-    toJSON(): object;
-    fromJSON(data: any): void;
-    clear(): void;
-    layout(width: number, height: number, force?: boolean): void;
-    setVisible(panel: T, visible: boolean): void;
-    isVisible(panel: T): boolean;
-}
-export declare abstract class BaseGrid<T extends IGridPanelView> extends CompositeDisposable implements IBaseGrid<T> {
-    private readonly _element;
-    private readonly _id;
-    protected readonly _groups: Map<string, IValueDisposable<T>>;
-    protected readonly gridview: Gridview;
-    protected _activeGroup: T | undefined;
-    private _onDidLayoutChange;
-    readonly onDidLayoutChange: Event<void>;
-    private readonly _onDidRemoveGroup;
-    readonly onDidRemoveGroup: Event<T>;
-    protected readonly _onDidAddGroup: Emitter<T>;
-    readonly onDidAddGroup: Event<T>;
-    private readonly _onDidActiveGroupChange;
-    readonly onDidActiveGroupChange: Event<T | undefined>;
-    protected readonly _bufferOnDidLayoutChange: TickDelayedEvent;
-    get id(): string;
-    get element(): HTMLElement;
-    get size(): number;
-    get groups(): T[];
-    get width(): number;
-    get height(): number;
-    get minimumHeight(): number;
-    get maximumHeight(): number;
-    get minimumWidth(): number;
-    get maximumWidth(): number;
-    get activeGroup(): T | undefined;
-    constructor(_element: HTMLElement, options: BaseGridOptions);
-    abstract toJSON(): object;
-    abstract fromJSON(data: any): void;
-    abstract clear(): void;
-    setVisible(panel: T, visible: boolean): void;
-    isVisible(panel: T): boolean;
-    protected doAddGroup(group: T, location?: number[], size?: number): void;
-    protected doRemoveGroup(group: T, options?: {
-        skipActive?: boolean;
-        skipDispose?: boolean;
-    }): T;
-    getPanel(id: string): T | undefined;
-    doSetGroupActive(group: T | undefined, skipFocus?: boolean): void;
-    removeGroup(group: T): void;
-    moveToNext(options?: MovementOptions2): void;
-    moveToPrevious(options?: MovementOptions2): void;
-    layout(width: number, height: number, forceResize?: boolean): void;
-    dispose(): void;
-}
+import { Emitter, Event, TickDelayedEvent } from '../events';
+import { Gridview, IGridView } from './gridview';
+import { Position } from '../dnd/droptarget';
+import { IValueDisposable } from '../lifecycle';
+import { ISplitviewStyles, Orientation } from '../splitview/splitview';
+import { IPanel } from '../panel/types';
+import { MovementOptions2 } from '../dockview/options';
+import { Resizable } from '../resizable';
+export type Direction = 'left' | 'right' | 'above' | 'below' | 'within';
+export declare function toTarget(direction: Direction): Position;
+export interface BaseGridOptions {
+    readonly proportionalLayout: boolean;
+    readonly orientation: Orientation;
+    readonly styles?: ISplitviewStyles;
+    readonly parentElement?: HTMLElement;
+}
+export interface IGridPanelView extends IGridView, IPanel {
+    setActive(isActive: boolean): void;
+    readonly isActive: boolean;
+}
+export interface IBaseGrid<T extends IGridPanelView> {
+    readonly element: HTMLElement;
+    readonly id: string;
+    readonly width: number;
+    readonly height: number;
+    readonly minimumHeight: number;
+    readonly maximumHeight: number;
+    readonly minimumWidth: number;
+    readonly maximumWidth: number;
+    readonly activeGroup: T | undefined;
+    readonly size: number;
+    readonly groups: T[];
+    readonly onDidLayoutChange: Event<void>;
+    readonly onDidRemoveGroup: Event<T>;
+    readonly onDidAddGroup: Event<T>;
+    readonly onDidActiveGroupChange: Event<T | undefined>;
+    getPanel(id: string): T | undefined;
+    toJSON(): object;
+    fromJSON(data: any): void;
+    clear(): void;
+    layout(width: number, height: number, force?: boolean): void;
+    setVisible(panel: T, visible: boolean): void;
+    isVisible(panel: T): boolean;
+}
+export declare abstract class BaseGrid<T extends IGridPanelView> extends Resizable implements IBaseGrid<T> {
+    private readonly _id;
+    protected readonly _groups: Map<string, IValueDisposable<T>>;
+    protected readonly gridview: Gridview;
+    protected _activeGroup: T | undefined;
+    private _onDidLayoutChange;
+    readonly onDidLayoutChange: Event<void>;
+    private readonly _onDidRemoveGroup;
+    readonly onDidRemoveGroup: Event<T>;
+    protected readonly _onDidAddGroup: Emitter<T>;
+    readonly onDidAddGroup: Event<T>;
+    private readonly _onDidActiveGroupChange;
+    readonly onDidActiveGroupChange: Event<T | undefined>;
+    protected readonly _bufferOnDidLayoutChange: TickDelayedEvent;
+    get id(): string;
+    get size(): number;
+    get groups(): T[];
+    get width(): number;
+    get height(): number;
+    get minimumHeight(): number;
+    get maximumHeight(): number;
+    get minimumWidth(): number;
+    get maximumWidth(): number;
+    get activeGroup(): T | undefined;
+    constructor(options: BaseGridOptions);
+    abstract toJSON(): object;
+    abstract fromJSON(data: any): void;
+    abstract clear(): void;
+    setVisible(panel: T, visible: boolean): void;
+    isVisible(panel: T): boolean;
+    protected doAddGroup(group: T, location?: number[], size?: number): void;
+    protected doRemoveGroup(group: T, options?: {
+        skipActive?: boolean;
+        skipDispose?: boolean;
+    }): T;
+    getPanel(id: string): T | undefined;
+    doSetGroupActive(group: T | undefined, skipFocus?: boolean): void;
+    removeGroup(group: T): void;
+    moveToNext(options?: MovementOptions2): void;
+    moveToPrevious(options?: MovementOptions2): void;
+    layout(width: number, height: number, forceResize?: boolean): void;
+    dispose(): void;
+}
+//# sourceMappingURL=baseComponentGridview.d.ts.map

package/dist/esm/gridview/baseComponentGridview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseComponentGridview.d.ts","sourceRoot":"","sources":["../../../src/gridview/baseComponentGridview.ts"],"names":[],"mappings":"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"}

package/dist/esm/gridview/baseComponentGridview.js

@@ -1,189 +1,186 @@
-import { Emitter, Event, TickDelayedEvent } from '../events';
-import { getGridLocation, Gridview } from './gridview';
-import { CompositeDisposable } from '../lifecycle';
-import { sequentialNumberGenerator } from '../math';
-import { Sizing } from '../splitview/splitview';
-const nextLayoutId = sequentialNumberGenerator();
-export function toTarget(direction) {
-    switch (direction) {
-        case 'left':
-            return 'left';
-        case 'right':
-            return 'right';
-        case 'above':
-            return 'top';
-        case 'below':
-            return 'bottom';
-        case 'within':
-        default:
-            return 'center';
-    }
-}
-export class BaseGrid extends CompositeDisposable {
-    get id() {
-        return this._id;
-    }
-    get element() {
-        return this._element;
-    }
-    get size() {
-        return this._groups.size;
-    }
-    get groups() {
-        return Array.from(this._groups.values()).map((_) => _.value);
-    }
-    get width() {
-        return this.gridview.width;
-    }
-    get height() {
-        return this.gridview.height;
-    }
-    get minimumHeight() {
-        return this.gridview.minimumHeight;
-    }
-    get maximumHeight() {
-        return this.gridview.maximumHeight;
-    }
-    get minimumWidth() {
-        return this.gridview.minimumWidth;
-    }
-    get maximumWidth() {
-        return this.gridview.maximumWidth;
-    }
-    get activeGroup() {
-        return this._activeGroup;
-    }
-    constructor(_element, options) {
-        super();
-        this._element = _element;
-        this._id = nextLayoutId.next();
-        this._groups = new Map();
-        this._onDidLayoutChange = new Emitter();
-        this.onDidLayoutChange = this._onDidLayoutChange.event;
-        this._onDidRemoveGroup = new Emitter();
-        this.onDidRemoveGroup = this._onDidRemoveGroup.event;
-        this._onDidAddGroup = new Emitter();
-        this.onDidAddGroup = this._onDidAddGroup.event;
-        this._onDidActiveGroupChange = new Emitter();
-        this.onDidActiveGroupChange = this._onDidActiveGroupChange.event;
-        this._bufferOnDidLayoutChange = new TickDelayedEvent();
-        this.gridview = new Gridview(!!options.proportionalLayout, options.styles, options.orientation);
-        this.element.appendChild(this.gridview.element);
-        this.layout(0, 0, true); // set some elements height/widths
-        this.addDisposables(this.gridview.onDidChange(() => {
-            this._bufferOnDidLayoutChange.fire();
-        }));
-        this.addDisposables(Event.any(this.onDidAddGroup, this.onDidRemoveGroup, this.onDidActiveGroupChange)(() => {
-            this._bufferOnDidLayoutChange.fire();
-        }), this._bufferOnDidLayoutChange.onEvent(() => {
-            this._onDidLayoutChange.fire();
-        }), this._bufferOnDidLayoutChange);
-    }
-    setVisible(panel, visible) {
-        this.gridview.setViewVisible(getGridLocation(panel.element), visible);
-        this._onDidLayoutChange.fire();
-    }
-    isVisible(panel) {
-        return this.gridview.isViewVisible(getGridLocation(panel.element));
-    }
-    doAddGroup(group, location = [0], size) {
-        this.gridview.addView(group, size !== null && size !== void 0 ? size : Sizing.Distribute, location);
-        this._onDidAddGroup.fire(group);
-        this.doSetGroupActive(group);
-    }
-    doRemoveGroup(group, options) {
-        if (!this._groups.has(group.id)) {
-            throw new Error('invalid operation');
-        }
-        const item = this._groups.get(group.id);
-        const view = this.gridview.remove(group, Sizing.Distribute);
-        if (item && !(options === null || options === void 0 ? void 0 : options.skipDispose)) {
-            item.disposable.dispose();
-            item.value.dispose();
-            this._groups.delete(group.id);
-        }
-        this._onDidRemoveGroup.fire(group);
-        if (!(options === null || options === void 0 ? void 0 : options.skipActive) && this._activeGroup === group) {
-            const groups = Array.from(this._groups.values());
-            this.doSetGroupActive(groups.length > 0 ? groups[0].value : undefined);
-        }
-        return view;
-    }
-    getPanel(id) {
-        var _a;
-        return (_a = this._groups.get(id)) === null || _a === void 0 ? void 0 : _a.value;
-    }
-    doSetGroupActive(group, skipFocus) {
-        var _a, _b, _c;
-        if (this._activeGroup === group) {
-            return;
-        }
-        if (this._activeGroup) {
-            this._activeGroup.setActive(false);
-            if (!skipFocus) {
-                (_b = (_a = this._activeGroup).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
-            }
-        }
-        if (group) {
-            group.setActive(true);
-            if (!skipFocus) {
-                (_c = group.focus) === null || _c === void 0 ? void 0 : _c.call(group);
-            }
-        }
-        this._activeGroup = group;
-        this._onDidActiveGroupChange.fire(group);
-    }
-    removeGroup(group) {
-        this.doRemoveGroup(group);
-    }
-    moveToNext(options) {
-        var _a;
-        if (!options) {
-            options = {};
-        }
-        if (!options.group) {
-            if (!this.activeGroup) {
-                return;
-            }
-            options.group = this.activeGroup;
-        }
-        const location = getGridLocation(options.group.element);
-        const next = (_a = this.gridview.next(location)) === null || _a === void 0 ? void 0 : _a.view;
-        this.doSetGroupActive(next);
-    }
-    moveToPrevious(options) {
-        var _a;
-        if (!options) {
-            options = {};
-        }
-        if (!options.group) {
-            if (!this.activeGroup) {
-                return;
-            }
-            options.group = this.activeGroup;
-        }
-        const location = getGridLocation(options.group.element);
-        const next = (_a = this.gridview.previous(location)) === null || _a === void 0 ? void 0 : _a.view;
-        this.doSetGroupActive(next);
-    }
-    layout(width, height, forceResize) {
-        const different = forceResize || width !== this.width || height !== this.height;
-        if (!different) {
-            return;
-        }
-        this.element.style.height = `${height}px`;
-        this.element.style.width = `${width}px`;
-        this.gridview.layout(width, height);
-    }
-    dispose() {
-        super.dispose();
-        this._onDidActiveGroupChange.dispose();
-        this._onDidAddGroup.dispose();
-        this._onDidRemoveGroup.dispose();
-        this._onDidLayoutChange.dispose();
-        for (const group of this.groups) {
-            group.dispose();
-        }
-        this.gridview.dispose();
-    }
-}
+import { Emitter, Event, TickDelayedEvent } from '../events';
+import { getGridLocation, Gridview } from './gridview';
+import { sequentialNumberGenerator } from '../math';
+import { Sizing } from '../splitview/splitview';
+import { Resizable } from '../resizable';
+const nextLayoutId = sequentialNumberGenerator();
+export function toTarget(direction) {
+    switch (direction) {
+        case 'left':
+            return 'left';
+        case 'right':
+            return 'right';
+        case 'above':
+            return 'top';
+        case 'below':
+            return 'bottom';
+        case 'within':
+        default:
+            return 'center';
+    }
+}
+export class BaseGrid extends Resizable {
+    get id() {
+        return this._id;
+    }
+    get size() {
+        return this._groups.size;
+    }
+    get groups() {
+        return Array.from(this._groups.values()).map((_) => _.value);
+    }
+    get width() {
+        return this.gridview.width;
+    }
+    get height() {
+        return this.gridview.height;
+    }
+    get minimumHeight() {
+        return this.gridview.minimumHeight;
+    }
+    get maximumHeight() {
+        return this.gridview.maximumHeight;
+    }
+    get minimumWidth() {
+        return this.gridview.minimumWidth;
+    }
+    get maximumWidth() {
+        return this.gridview.maximumWidth;
+    }
+    get activeGroup() {
+        return this._activeGroup;
+    }
+    constructor(options) {
+        super(options.parentElement);
+        this._id = nextLayoutId.next();
+        this._groups = new Map();
+        this._onDidLayoutChange = new Emitter();
+        this.onDidLayoutChange = this._onDidLayoutChange.event;
+        this._onDidRemoveGroup = new Emitter();
+        this.onDidRemoveGroup = this._onDidRemoveGroup.event;
+        this._onDidAddGroup = new Emitter();
+        this.onDidAddGroup = this._onDidAddGroup.event;
+        this._onDidActiveGroupChange = new Emitter();
+        this.onDidActiveGroupChange = this._onDidActiveGroupChange.event;
+        this._bufferOnDidLayoutChange = new TickDelayedEvent();
+        this.gridview = new Gridview(!!options.proportionalLayout, options.styles, options.orientation);
+        this.element.appendChild(this.gridview.element);
+        this.layout(0, 0, true); // set some elements height/widths
+        this.addDisposables(this.gridview.onDidChange(() => {
+            this._bufferOnDidLayoutChange.fire();
+        }));
+        this.addDisposables(Event.any(this.onDidAddGroup, this.onDidRemoveGroup, this.onDidActiveGroupChange)(() => {
+            this._bufferOnDidLayoutChange.fire();
+        }), this._bufferOnDidLayoutChange.onEvent(() => {
+            this._onDidLayoutChange.fire();
+        }), this._bufferOnDidLayoutChange);
+    }
+    setVisible(panel, visible) {
+        this.gridview.setViewVisible(getGridLocation(panel.element), visible);
+        this._onDidLayoutChange.fire();
+    }
+    isVisible(panel) {
+        return this.gridview.isViewVisible(getGridLocation(panel.element));
+    }
+    doAddGroup(group, location = [0], size) {
+        this.gridview.addView(group, size !== null && size !== void 0 ? size : Sizing.Distribute, location);
+        this._onDidAddGroup.fire(group);
+        this.doSetGroupActive(group);
+    }
+    doRemoveGroup(group, options) {
+        if (!this._groups.has(group.id)) {
+            throw new Error('invalid operation');
+        }
+        const item = this._groups.get(group.id);
+        const view = this.gridview.remove(group, Sizing.Distribute);
+        if (item && !(options === null || options === void 0 ? void 0 : options.skipDispose)) {
+            item.disposable.dispose();
+            item.value.dispose();
+            this._groups.delete(group.id);
+        }
+        this._onDidRemoveGroup.fire(group);
+        if (!(options === null || options === void 0 ? void 0 : options.skipActive) && this._activeGroup === group) {
+            const groups = Array.from(this._groups.values());
+            this.doSetGroupActive(groups.length > 0 ? groups[0].value : undefined);
+        }
+        return view;
+    }
+    getPanel(id) {
+        var _a;
+        return (_a = this._groups.get(id)) === null || _a === void 0 ? void 0 : _a.value;
+    }
+    doSetGroupActive(group, skipFocus) {
+        var _a, _b, _c;
+        if (this._activeGroup === group) {
+            return;
+        }
+        if (this._activeGroup) {
+            this._activeGroup.setActive(false);
+            if (!skipFocus) {
+                (_b = (_a = this._activeGroup).focus) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+        }
+        if (group) {
+            group.setActive(true);
+            if (!skipFocus) {
+                (_c = group.focus) === null || _c === void 0 ? void 0 : _c.call(group);
+            }
+        }
+        this._activeGroup = group;
+        this._onDidActiveGroupChange.fire(group);
+    }
+    removeGroup(group) {
+        this.doRemoveGroup(group);
+    }
+    moveToNext(options) {
+        var _a;
+        if (!options) {
+            options = {};
+        }
+        if (!options.group) {
+            if (!this.activeGroup) {
+                return;
+            }
+            options.group = this.activeGroup;
+        }
+        const location = getGridLocation(options.group.element);
+        const next = (_a = this.gridview.next(location)) === null || _a === void 0 ? void 0 : _a.view;
+        this.doSetGroupActive(next);
+    }
+    moveToPrevious(options) {
+        var _a;
+        if (!options) {
+            options = {};
+        }
+        if (!options.group) {
+            if (!this.activeGroup) {
+                return;
+            }
+            options.group = this.activeGroup;
+        }
+        const location = getGridLocation(options.group.element);
+        const next = (_a = this.gridview.previous(location)) === null || _a === void 0 ? void 0 : _a.view;
+        this.doSetGroupActive(next);
+    }
+    layout(width, height, forceResize) {
+        const different = forceResize || width !== this.width || height !== this.height;
+        if (!different) {
+            return;
+        }
+        this.gridview.element.style.height = `${height}px`;
+        this.gridview.element.style.width = `${width}px`;
+        this.gridview.layout(width, height);
+    }
+    dispose() {
+        super.dispose();
+        this._onDidActiveGroupChange.dispose();
+        this._onDidAddGroup.dispose();
+        this._onDidRemoveGroup.dispose();
+        this._onDidLayoutChange.dispose();
+        for (const group of this.groups) {
+            group.dispose();
+        }
+        this.gridview.dispose();
+    }
+}
+//# sourceMappingURL=baseComponentGridview.js.map

package/dist/esm/gridview/baseComponentGridview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseComponentGridview.js","sourceRoot":"","sources":["../../../src/gridview/baseComponentGridview.ts"],"names":[],"mappings":"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"}