dockview 0.0.28 → 1.0.0

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

@@ -1,62 +1,62 @@
-import { PanelInitParameters } from '../panel/types';
-import { IGridPanelComponentView } from './gridviewComponent';
-import { BasePanelView, BasePanelViewExported, BasePanelViewState } from './basePanelView';
-import { GridviewPanelApiImpl } from '../api/gridviewPanelApi';
-import { LayoutPriority } from '../splitview/core/splitview';
-import { Event } from '../events';
-import { IViewSize } from './gridview';
-import { GridviewApi } from '../api/component.api';
-export interface GridviewInitParameters extends PanelInitParameters {
-    minimumWidth?: number;
-    maximumWidth?: number;
-    minimumHeight?: number;
-    maximumHeight?: number;
-    priority?: LayoutPriority;
-    snap?: boolean;
-    containerApi: GridviewApi;
-    isVisible?: boolean;
-}
-export interface IGridviewPanel extends BasePanelViewExported<GridviewPanelApiImpl> {
-    readonly minimumWidth: number;
-    readonly maximumWidth: number;
-    readonly minimumHeight: number;
-    readonly maximumHeight: number;
-    readonly priority: LayoutPriority | undefined;
-    readonly snap: boolean;
-}
-export declare abstract class GridviewPanel extends BasePanelView<GridviewPanelApiImpl> implements IGridPanelComponentView, IGridviewPanel {
-    private _evaluatedMinimumWidth;
-    private _evaluatedMaximumWidth;
-    private _evaluatedMinimumHeight;
-    private _evaluatedMaximumHeight;
-    private _minimumWidth;
-    private _minimumHeight;
-    private _maximumWidth;
-    private _maximumHeight;
-    private _priority?;
-    private _snap;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<IViewSize | undefined>;
-    get priority(): LayoutPriority | undefined;
-    get snap(): boolean;
-    get minimumWidth(): number;
-    get minimumHeight(): number;
-    get maximumHeight(): number;
-    get maximumWidth(): number;
-    get isActive(): boolean;
-    constructor(id: string, component: string, api?: GridviewPanelApiImpl);
-    setVisible(isVisible: boolean): void;
-    setActive(isActive: boolean): void;
-    init(parameters: GridviewInitParameters): void;
-    private updateConstraints;
-    toJSON(): GridPanelViewState;
-    dispose(): void;
-}
-export interface GridPanelViewState extends BasePanelViewState {
-    minimumHeight?: number;
-    maximumHeight?: number;
-    minimumWidth?: number;
-    maximumWidth?: number;
-    snap?: boolean;
-    priority?: LayoutPriority;
-}
+import { PanelInitParameters } from '../panel/types';
+import { IGridPanelComponentView } from './gridviewComponent';
+import { BasePanelView, BasePanelViewExported, BasePanelViewState } from './basePanelView';
+import { GridviewPanelApiImpl } from '../api/gridviewPanelApi';
+import { LayoutPriority } from '../splitview/core/splitview';
+import { Event } from '../events';
+import { IViewSize } from './gridview';
+import { GridviewApi } from '../api/component.api';
+export interface GridviewInitParameters extends PanelInitParameters {
+    minimumWidth?: number;
+    maximumWidth?: number;
+    minimumHeight?: number;
+    maximumHeight?: number;
+    priority?: LayoutPriority;
+    snap?: boolean;
+    containerApi: GridviewApi;
+    isVisible?: boolean;
+}
+export interface IGridviewPanel extends BasePanelViewExported<GridviewPanelApiImpl> {
+    readonly minimumWidth: number;
+    readonly maximumWidth: number;
+    readonly minimumHeight: number;
+    readonly maximumHeight: number;
+    readonly priority: LayoutPriority | undefined;
+    readonly snap: boolean;
+}
+export declare abstract class GridviewPanel extends BasePanelView<GridviewPanelApiImpl> implements IGridPanelComponentView, IGridviewPanel {
+    private _evaluatedMinimumWidth;
+    private _evaluatedMaximumWidth;
+    private _evaluatedMinimumHeight;
+    private _evaluatedMaximumHeight;
+    private _minimumWidth;
+    private _minimumHeight;
+    private _maximumWidth;
+    private _maximumHeight;
+    private _priority?;
+    private _snap;
+    private readonly _onDidChange;
+    readonly onDidChange: Event<IViewSize | undefined>;
+    get priority(): LayoutPriority | undefined;
+    get snap(): boolean;
+    get minimumWidth(): number;
+    get minimumHeight(): number;
+    get maximumHeight(): number;
+    get maximumWidth(): number;
+    get isActive(): boolean;
+    constructor(id: string, component: string, api?: GridviewPanelApiImpl);
+    setVisible(isVisible: boolean): void;
+    setActive(isActive: boolean): void;
+    init(parameters: GridviewInitParameters): void;
+    private updateConstraints;
+    toJSON(): GridPanelViewState;
+    dispose(): void;
+}
+export interface GridPanelViewState extends BasePanelViewState {
+    minimumHeight?: number;
+    maximumHeight?: number;
+    minimumWidth?: number;
+    maximumWidth?: number;
+    snap?: boolean;
+    priority?: LayoutPriority;
+}

package/dist/esm/gridview/gridviewPanel.js

@@ -1,141 +1,141 @@
-import { BasePanelView, } from './basePanelView';
-import { GridviewPanelApiImpl } from '../api/gridviewPanelApi';
-import { Emitter } from '../events';
-export class GridviewPanel extends BasePanelView {
-    constructor(id, component, api = new GridviewPanelApiImpl(id)) {
-        super(id, component, api);
-        this._evaluatedMinimumWidth = 0;
-        this._evaluatedMaximumWidth = Number.MAX_SAFE_INTEGER;
-        this._evaluatedMinimumHeight = 0;
-        this._evaluatedMaximumHeight = Number.MAX_SAFE_INTEGER;
-        this._minimumWidth = 0;
-        this._minimumHeight = 0;
-        this._maximumWidth = Number.MAX_SAFE_INTEGER;
-        this._maximumHeight = Number.MAX_SAFE_INTEGER;
-        this._snap = false;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this.addDisposables(this.api.onVisibilityChange((event) => {
-            const { isVisible } = event;
-            const { containerApi } = this.params;
-            containerApi.setVisible(this, isVisible);
-        }), this.api.onActiveChange(() => {
-            const { containerApi } = this.params;
-            containerApi.setActive(this);
-        }), this.api.onDidConstraintsChangeInternal((event) => {
-            if (typeof event.minimumWidth === 'number' ||
-                typeof event.minimumWidth === 'function') {
-                this._minimumWidth = event.minimumWidth;
-            }
-            if (typeof event.minimumHeight === 'number' ||
-                typeof event.minimumHeight === 'function') {
-                this._minimumHeight = event.minimumHeight;
-            }
-            if (typeof event.maximumWidth === 'number' ||
-                typeof event.maximumWidth === 'function') {
-                this._maximumWidth = event.maximumWidth;
-            }
-            if (typeof event.maximumHeight === 'number' ||
-                typeof event.maximumHeight === 'function') {
-                this._maximumHeight = event.maximumHeight;
-            }
-        }), this.api.onDidSizeChange((event) => {
-            this._onDidChange.fire({
-                height: event.height,
-                width: event.width,
-            });
-        }));
-    }
-    get priority() {
-        return this._priority;
-    }
-    get snap() {
-        return this._snap;
-    }
-    get minimumWidth() {
-        const width = typeof this._minimumWidth === 'function'
-            ? this._minimumWidth()
-            : this._minimumWidth;
-        if (width !== this._evaluatedMinimumWidth) {
-            this._evaluatedMinimumWidth = width;
-            this.updateConstraints();
-        }
-        return width;
-    }
-    get minimumHeight() {
-        const height = typeof this._minimumHeight === 'function'
-            ? this._minimumHeight()
-            : this._minimumHeight;
-        if (height !== this._evaluatedMinimumHeight) {
-            this._evaluatedMinimumHeight = height;
-            this.updateConstraints();
-        }
-        return height;
-    }
-    get maximumHeight() {
-        const height = typeof this._maximumHeight === 'function'
-            ? this._maximumHeight()
-            : this._maximumHeight;
-        if (height !== this._evaluatedMaximumHeight) {
-            this._evaluatedMaximumHeight = height;
-            this.updateConstraints();
-        }
-        return height;
-    }
-    get maximumWidth() {
-        const width = typeof this._maximumWidth === 'function'
-            ? this._maximumWidth()
-            : this._maximumWidth;
-        if (width !== this._evaluatedMaximumWidth) {
-            this._evaluatedMaximumWidth = width;
-            this.updateConstraints();
-        }
-        return width;
-    }
-    get isActive() {
-        return this.api.isActive;
-    }
-    setVisible(isVisible) {
-        this.api._onDidVisibilityChange.fire({ isVisible });
-    }
-    setActive(isActive) {
-        this.api._onDidActiveChange.fire({ isActive });
-    }
-    init(parameters) {
-        if (parameters.maximumHeight) {
-            this._maximumHeight = parameters.maximumHeight;
-        }
-        if (parameters.minimumHeight) {
-            this._minimumHeight = parameters.minimumHeight;
-        }
-        if (parameters.maximumWidth) {
-            this._maximumWidth = parameters.maximumWidth;
-        }
-        if (parameters.minimumWidth) {
-            this._minimumWidth = parameters.minimumWidth;
-        }
-        this._priority = parameters.priority;
-        this._snap = !!parameters.snap;
-        super.init(parameters);
-        if (typeof parameters.isVisible === 'boolean') {
-            this.setVisible(parameters.isVisible);
-        }
-    }
-    updateConstraints() {
-        this.api._onDidConstraintsChange.fire({
-            minimumWidth: this._evaluatedMinimumWidth,
-            maximumWidth: this._evaluatedMaximumWidth,
-            minimumHeight: this._evaluatedMinimumHeight,
-            maximumHeight: this._evaluatedMaximumHeight,
-        });
-    }
-    toJSON() {
-        const state = super.toJSON();
-        const maximum = (value) => value === Number.MAX_SAFE_INTEGER ? undefined : value;
-        const minimum = (value) => (value <= 0 ? undefined : value);
-        return Object.assign(Object.assign({}, state), { minimumHeight: minimum(this.minimumHeight), maximumHeight: maximum(this.maximumHeight), minimumWidth: minimum(this.minimumWidth), maximumWidth: maximum(this.maximumWidth), snap: this.snap, priority: this.priority });
-    }
-    dispose() {
-        super.dispose();
-    }
-}
+import { BasePanelView, } from './basePanelView';
+import { GridviewPanelApiImpl } from '../api/gridviewPanelApi';
+import { Emitter } from '../events';
+export class GridviewPanel extends BasePanelView {
+    constructor(id, component, api = new GridviewPanelApiImpl(id)) {
+        super(id, component, api);
+        this._evaluatedMinimumWidth = 0;
+        this._evaluatedMaximumWidth = Number.MAX_SAFE_INTEGER;
+        this._evaluatedMinimumHeight = 0;
+        this._evaluatedMaximumHeight = Number.MAX_SAFE_INTEGER;
+        this._minimumWidth = 0;
+        this._minimumHeight = 0;
+        this._maximumWidth = Number.MAX_SAFE_INTEGER;
+        this._maximumHeight = Number.MAX_SAFE_INTEGER;
+        this._snap = false;
+        this._onDidChange = new Emitter();
+        this.onDidChange = this._onDidChange.event;
+        this.addDisposables(this.api.onVisibilityChange((event) => {
+            const { isVisible } = event;
+            const { containerApi } = this.params;
+            containerApi.setVisible(this, isVisible);
+        }), this.api.onActiveChange(() => {
+            const { containerApi } = this.params;
+            containerApi.setActive(this);
+        }), this.api.onDidConstraintsChangeInternal((event) => {
+            if (typeof event.minimumWidth === 'number' ||
+                typeof event.minimumWidth === 'function') {
+                this._minimumWidth = event.minimumWidth;
+            }
+            if (typeof event.minimumHeight === 'number' ||
+                typeof event.minimumHeight === 'function') {
+                this._minimumHeight = event.minimumHeight;
+            }
+            if (typeof event.maximumWidth === 'number' ||
+                typeof event.maximumWidth === 'function') {
+                this._maximumWidth = event.maximumWidth;
+            }
+            if (typeof event.maximumHeight === 'number' ||
+                typeof event.maximumHeight === 'function') {
+                this._maximumHeight = event.maximumHeight;
+            }
+        }), this.api.onDidSizeChange((event) => {
+            this._onDidChange.fire({
+                height: event.height,
+                width: event.width,
+            });
+        }));
+    }
+    get priority() {
+        return this._priority;
+    }
+    get snap() {
+        return this._snap;
+    }
+    get minimumWidth() {
+        const width = typeof this._minimumWidth === 'function'
+            ? this._minimumWidth()
+            : this._minimumWidth;
+        if (width !== this._evaluatedMinimumWidth) {
+            this._evaluatedMinimumWidth = width;
+            this.updateConstraints();
+        }
+        return width;
+    }
+    get minimumHeight() {
+        const height = typeof this._minimumHeight === 'function'
+            ? this._minimumHeight()
+            : this._minimumHeight;
+        if (height !== this._evaluatedMinimumHeight) {
+            this._evaluatedMinimumHeight = height;
+            this.updateConstraints();
+        }
+        return height;
+    }
+    get maximumHeight() {
+        const height = typeof this._maximumHeight === 'function'
+            ? this._maximumHeight()
+            : this._maximumHeight;
+        if (height !== this._evaluatedMaximumHeight) {
+            this._evaluatedMaximumHeight = height;
+            this.updateConstraints();
+        }
+        return height;
+    }
+    get maximumWidth() {
+        const width = typeof this._maximumWidth === 'function'
+            ? this._maximumWidth()
+            : this._maximumWidth;
+        if (width !== this._evaluatedMaximumWidth) {
+            this._evaluatedMaximumWidth = width;
+            this.updateConstraints();
+        }
+        return width;
+    }
+    get isActive() {
+        return this.api.isActive;
+    }
+    setVisible(isVisible) {
+        this.api._onDidVisibilityChange.fire({ isVisible });
+    }
+    setActive(isActive) {
+        this.api._onDidActiveChange.fire({ isActive });
+    }
+    init(parameters) {
+        if (parameters.maximumHeight) {
+            this._maximumHeight = parameters.maximumHeight;
+        }
+        if (parameters.minimumHeight) {
+            this._minimumHeight = parameters.minimumHeight;
+        }
+        if (parameters.maximumWidth) {
+            this._maximumWidth = parameters.maximumWidth;
+        }
+        if (parameters.minimumWidth) {
+            this._minimumWidth = parameters.minimumWidth;
+        }
+        this._priority = parameters.priority;
+        this._snap = !!parameters.snap;
+        super.init(parameters);
+        if (typeof parameters.isVisible === 'boolean') {
+            this.setVisible(parameters.isVisible);
+        }
+    }
+    updateConstraints() {
+        this.api._onDidConstraintsChange.fire({
+            minimumWidth: this._evaluatedMinimumWidth,
+            maximumWidth: this._evaluatedMaximumWidth,
+            minimumHeight: this._evaluatedMinimumHeight,
+            maximumHeight: this._evaluatedMaximumHeight,
+        });
+    }
+    toJSON() {
+        const state = super.toJSON();
+        const maximum = (value) => value === Number.MAX_SAFE_INTEGER ? undefined : value;
+        const minimum = (value) => (value <= 0 ? undefined : value);
+        return Object.assign(Object.assign({}, state), { minimumHeight: minimum(this.minimumHeight), maximumHeight: maximum(this.maximumHeight), minimumWidth: minimum(this.minimumWidth), maximumWidth: maximum(this.maximumWidth), snap: this.snap, priority: this.priority });
+    }
+    dispose() {
+        super.dispose();
+    }
+}

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

@@ -1,31 +1,31 @@
-import { IView, LayoutPriority, Orientation } from '../splitview/core/splitview';
-import { Event } from '../events';
-import { IGridView } from './gridview';
-export declare class LeafNode implements IView {
-    readonly view: IGridView;
-    readonly orientation: Orientation;
-    private readonly _onDidChange;
-    readonly onDidChange: Event<number | undefined>;
-    private _size;
-    private _orthogonalSize;
-    private _disposable;
-    private get minimumWidth();
-    private get maximumWidth();
-    private get minimumHeight();
-    private get maximumHeight();
-    get priority(): LayoutPriority | undefined;
-    get snap(): boolean | undefined;
-    get minimumSize(): number;
-    get maximumSize(): number;
-    get minimumOrthogonalSize(): number;
-    get maximumOrthogonalSize(): number;
-    get orthogonalSize(): number;
-    get size(): number;
-    get element(): HTMLElement;
-    get width(): number;
-    get height(): number;
-    constructor(view: IGridView, orientation: Orientation, orthogonalSize: number, size?: number);
-    setVisible(visible: boolean): void;
-    layout(size: number, orthogonalSize: number): void;
-    dispose(): void;
-}
+import { IView, LayoutPriority, Orientation } from '../splitview/core/splitview';
+import { Event } from '../events';
+import { IGridView } from './gridview';
+export declare class LeafNode implements IView {
+    readonly view: IGridView;
+    readonly orientation: Orientation;
+    private readonly _onDidChange;
+    readonly onDidChange: Event<number | undefined>;
+    private _size;
+    private _orthogonalSize;
+    private _disposable;
+    private get minimumWidth();
+    private get maximumWidth();
+    private get minimumHeight();
+    private get maximumHeight();
+    get priority(): LayoutPriority | undefined;
+    get snap(): boolean | undefined;
+    get minimumSize(): number;
+    get maximumSize(): number;
+    get minimumOrthogonalSize(): number;
+    get maximumOrthogonalSize(): number;
+    get orthogonalSize(): number;
+    get size(): number;
+    get element(): HTMLElement;
+    get width(): number;
+    get height(): number;
+    constructor(view: IGridView, orientation: Orientation, orthogonalSize: number, size?: number);
+    setVisible(visible: boolean): void;
+    layout(size: number, orthogonalSize: number): void;
+    dispose(): void;
+}

package/dist/esm/gridview/leafNode.js

@@ -1,97 +1,97 @@
-/*---------------------------------------------------------------------------------------------
- * Accreditation: This file is largly based upon the MIT licenced VSCode sourcecode found at:
- * https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/grid
- *--------------------------------------------------------------------------------------------*/
-import { Orientation, } from '../splitview/core/splitview';
-import { Emitter } from '../events';
-export class LeafNode {
-    constructor(view, orientation, orthogonalSize, size = 0) {
-        this.view = view;
-        this.orientation = orientation;
-        this._onDidChange = new Emitter();
-        this.onDidChange = this._onDidChange.event;
-        this._orthogonalSize = orthogonalSize;
-        this._size = size;
-        this._disposable = this.view.onDidChange((event) => {
-            if (event) {
-                this._onDidChange.fire(this.orientation === Orientation.VERTICAL
-                    ? event.width
-                    : event.height);
-            }
-            else {
-                this._onDidChange.fire(undefined);
-            }
-        });
-    }
-    get minimumWidth() {
-        return this.view.minimumWidth;
-    }
-    get maximumWidth() {
-        return this.view.maximumWidth;
-    }
-    get minimumHeight() {
-        return this.view.minimumHeight;
-    }
-    get maximumHeight() {
-        return this.view.maximumHeight;
-    }
-    get priority() {
-        return this.view.priority;
-    }
-    get snap() {
-        return this.view.snap;
-    }
-    get minimumSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.minimumHeight
-            : this.minimumWidth;
-    }
-    get maximumSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.maximumHeight
-            : this.maximumWidth;
-    }
-    get minimumOrthogonalSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.minimumWidth
-            : this.minimumHeight;
-    }
-    get maximumOrthogonalSize() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.maximumWidth
-            : this.maximumHeight;
-    }
-    get orthogonalSize() {
-        return this._orthogonalSize;
-    }
-    get size() {
-        return this._size;
-    }
-    get element() {
-        return this.view.element;
-    }
-    get width() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.orthogonalSize
-            : this.size;
-    }
-    get height() {
-        return this.orientation === Orientation.HORIZONTAL
-            ? this.size
-            : this.orthogonalSize;
-    }
-    setVisible(visible) {
-        if (this.view.setVisible) {
-            this.view.setVisible(visible);
-            this._onDidChange.fire(undefined);
-        }
-    }
-    layout(size, orthogonalSize) {
-        this._size = size;
-        this._orthogonalSize = orthogonalSize;
-        this.view.layout(this.width, this.height);
-    }
-    dispose() {
-        this._disposable.dispose();
-    }
-}
+/*---------------------------------------------------------------------------------------------
+ * Accreditation: This file is largly based upon the MIT licenced VSCode sourcecode found at:
+ * https://github.com/microsoft/vscode/tree/main/src/vs/base/browser/ui/grid
+ *--------------------------------------------------------------------------------------------*/
+import { Orientation, } from '../splitview/core/splitview';
+import { Emitter } from '../events';
+export class LeafNode {
+    constructor(view, orientation, orthogonalSize, size = 0) {
+        this.view = view;
+        this.orientation = orientation;
+        this._onDidChange = new Emitter();
+        this.onDidChange = this._onDidChange.event;
+        this._orthogonalSize = orthogonalSize;
+        this._size = size;
+        this._disposable = this.view.onDidChange((event) => {
+            if (event) {
+                this._onDidChange.fire(this.orientation === Orientation.VERTICAL
+                    ? event.width
+                    : event.height);
+            }
+            else {
+                this._onDidChange.fire(undefined);
+            }
+        });
+    }
+    get minimumWidth() {
+        return this.view.minimumWidth;
+    }
+    get maximumWidth() {
+        return this.view.maximumWidth;
+    }
+    get minimumHeight() {
+        return this.view.minimumHeight;
+    }
+    get maximumHeight() {
+        return this.view.maximumHeight;
+    }
+    get priority() {
+        return this.view.priority;
+    }
+    get snap() {
+        return this.view.snap;
+    }
+    get minimumSize() {
+        return this.orientation === Orientation.HORIZONTAL
+            ? this.minimumHeight
+            : this.minimumWidth;
+    }
+    get maximumSize() {
+        return this.orientation === Orientation.HORIZONTAL
+            ? this.maximumHeight
+            : this.maximumWidth;
+    }
+    get minimumOrthogonalSize() {
+        return this.orientation === Orientation.HORIZONTAL
+            ? this.minimumWidth
+            : this.minimumHeight;
+    }
+    get maximumOrthogonalSize() {
+        return this.orientation === Orientation.HORIZONTAL
+            ? this.maximumWidth
+            : this.maximumHeight;
+    }
+    get orthogonalSize() {
+        return this._orthogonalSize;
+    }
+    get size() {
+        return this._size;
+    }
+    get element() {
+        return this.view.element;
+    }
+    get width() {
+        return this.orientation === Orientation.HORIZONTAL
+            ? this.orthogonalSize
+            : this.size;
+    }
+    get height() {
+        return this.orientation === Orientation.HORIZONTAL
+            ? this.size
+            : this.orthogonalSize;
+    }
+    setVisible(visible) {
+        if (this.view.setVisible) {
+            this.view.setVisible(visible);
+            this._onDidChange.fire(undefined);
+        }
+    }
+    layout(size, orthogonalSize) {
+        this._size = size;
+        this._orthogonalSize = orthogonalSize;
+        this.view.layout(this.width, this.height);
+    }
+    dispose() {
+        this._disposable.dispose();
+    }
+}