dockview 0.0.28 → 1.0.2

package/dist/esm/dom.js

@@ -1,113 +1,113 @@
-import { Emitter, addDisposableListener, addDisposableWindowListener, } from './events';
-import { CompositeDisposable } from './lifecycle';
-export function watchElementResize(element, cb) {
-    const observer = new ResizeObserver((entires) => {
-        const firstEntry = entires[0];
-        cb(firstEntry);
-    });
-    observer.observe(element);
-    return {
-        dispose: () => {
-            observer.unobserve(element);
-            observer.disconnect();
-        },
-    };
-}
-export const removeClasses = (element, ...classes) => {
-    for (const classname of classes) {
-        if (element.classList.contains(classname)) {
-            element.classList.remove(classname);
-        }
-    }
-};
-export const addClasses = (element, ...classes) => {
-    for (const classname of classes) {
-        if (!element.classList.contains(classname)) {
-            element.classList.add(classname);
-        }
-    }
-};
-export const toggleClass = (element, className, isToggled) => {
-    const hasClass = element.classList.contains(className);
-    if (isToggled && !hasClass) {
-        element.classList.add(className);
-    }
-    if (!isToggled && hasClass) {
-        element.classList.remove(className);
-    }
-};
-export function isAncestor(testChild, testAncestor) {
-    while (testChild) {
-        if (testChild === testAncestor) {
-            return true;
-        }
-        testChild = testChild.parentNode;
-    }
-    return false;
-}
-export function getElementsByTagName(tag) {
-    return Array.prototype.slice.call(document.getElementsByTagName(tag), 0);
-}
-export function trackFocus(element) {
-    return new FocusTracker(element);
-}
-/**
- * Track focus on an element. Ensure tabIndex is set when an HTMLElement is not focusable by default
- */
-class FocusTracker extends CompositeDisposable {
-    constructor(element) {
-        super();
-        this._onDidFocus = new Emitter();
-        this.onDidFocus = this._onDidFocus.event;
-        this._onDidBlur = new Emitter();
-        this.onDidBlur = this._onDidBlur.event;
-        let hasFocus = isAncestor(document.activeElement, element);
-        let loosingFocus = false;
-        const onFocus = () => {
-            loosingFocus = false;
-            if (!hasFocus) {
-                hasFocus = true;
-                this._onDidFocus.fire();
-            }
-        };
-        const onBlur = () => {
-            if (hasFocus) {
-                loosingFocus = true;
-                window.setTimeout(() => {
-                    if (loosingFocus) {
-                        loosingFocus = false;
-                        hasFocus = false;
-                        this._onDidBlur.fire();
-                    }
-                }, 0);
-            }
-        };
-        this._refreshStateHandler = () => {
-            const currentNodeHasFocus = isAncestor(document.activeElement, element);
-            if (currentNodeHasFocus !== hasFocus) {
-                if (hasFocus) {
-                    onBlur();
-                }
-                else {
-                    onFocus();
-                }
-            }
-        };
-        if (element instanceof HTMLElement) {
-            this.addDisposables(addDisposableListener(element, 'focus', onFocus, true));
-            this.addDisposables(addDisposableListener(element, 'blur', onBlur, true));
-        }
-        else {
-            this.addDisposables(addDisposableWindowListener(element, 'focus', onFocus, true));
-            this.addDisposables(addDisposableWindowListener(element, 'blur', onBlur, true));
-        }
-    }
-    refreshState() {
-        this._refreshStateHandler();
-    }
-    dispose() {
-        super.dispose();
-        this._onDidBlur.dispose();
-        this._onDidFocus.dispose();
-    }
-}
+import { Emitter, addDisposableListener, addDisposableWindowListener, } from './events';
+import { CompositeDisposable } from './lifecycle';
+export function watchElementResize(element, cb) {
+    const observer = new ResizeObserver((entires) => {
+        const firstEntry = entires[0];
+        cb(firstEntry);
+    });
+    observer.observe(element);
+    return {
+        dispose: () => {
+            observer.unobserve(element);
+            observer.disconnect();
+        },
+    };
+}
+export const removeClasses = (element, ...classes) => {
+    for (const classname of classes) {
+        if (element.classList.contains(classname)) {
+            element.classList.remove(classname);
+        }
+    }
+};
+export const addClasses = (element, ...classes) => {
+    for (const classname of classes) {
+        if (!element.classList.contains(classname)) {
+            element.classList.add(classname);
+        }
+    }
+};
+export const toggleClass = (element, className, isToggled) => {
+    const hasClass = element.classList.contains(className);
+    if (isToggled && !hasClass) {
+        element.classList.add(className);
+    }
+    if (!isToggled && hasClass) {
+        element.classList.remove(className);
+    }
+};
+export function isAncestor(testChild, testAncestor) {
+    while (testChild) {
+        if (testChild === testAncestor) {
+            return true;
+        }
+        testChild = testChild.parentNode;
+    }
+    return false;
+}
+export function getElementsByTagName(tag) {
+    return Array.prototype.slice.call(document.getElementsByTagName(tag), 0);
+}
+export function trackFocus(element) {
+    return new FocusTracker(element);
+}
+/**
+ * Track focus on an element. Ensure tabIndex is set when an HTMLElement is not focusable by default
+ */
+class FocusTracker extends CompositeDisposable {
+    constructor(element) {
+        super();
+        this._onDidFocus = new Emitter();
+        this.onDidFocus = this._onDidFocus.event;
+        this._onDidBlur = new Emitter();
+        this.onDidBlur = this._onDidBlur.event;
+        let hasFocus = isAncestor(document.activeElement, element);
+        let loosingFocus = false;
+        const onFocus = () => {
+            loosingFocus = false;
+            if (!hasFocus) {
+                hasFocus = true;
+                this._onDidFocus.fire();
+            }
+        };
+        const onBlur = () => {
+            if (hasFocus) {
+                loosingFocus = true;
+                window.setTimeout(() => {
+                    if (loosingFocus) {
+                        loosingFocus = false;
+                        hasFocus = false;
+                        this._onDidBlur.fire();
+                    }
+                }, 0);
+            }
+        };
+        this._refreshStateHandler = () => {
+            const currentNodeHasFocus = isAncestor(document.activeElement, element);
+            if (currentNodeHasFocus !== hasFocus) {
+                if (hasFocus) {
+                    onBlur();
+                }
+                else {
+                    onFocus();
+                }
+            }
+        };
+        if (element instanceof HTMLElement) {
+            this.addDisposables(addDisposableListener(element, 'focus', onFocus, true));
+            this.addDisposables(addDisposableListener(element, 'blur', onBlur, true));
+        }
+        else {
+            this.addDisposables(addDisposableWindowListener(element, 'focus', onFocus, true));
+            this.addDisposables(addDisposableWindowListener(element, 'blur', onBlur, true));
+        }
+    }
+    refreshState() {
+        this._refreshStateHandler();
+    }
+    dispose() {
+        super.dispose();
+        this._onDidBlur.dispose();
+        this._onDidFocus.dispose();
+    }
+}

package/dist/esm/events.d.ts

@@ -1,23 +1,30 @@
-import { IDisposable } from './lifecycle';
-export interface Event<T> {
-    (listener: (e: T) => any): IDisposable;
-}
-export interface EmitterOptions {
-    replay?: boolean;
-}
-export declare namespace Event {
-    const any: <T>(...children: Event<T>[]) => Event<T>;
-}
-export declare class Emitter<T> implements IDisposable {
-    private readonly options?;
-    private _event?;
-    private _last?;
-    private _listeners;
-    private _disposed;
-    constructor(options?: EmitterOptions | undefined);
-    get event(): Event<T>;
-    fire(e: T): void;
-    dispose(): void;
-}
-export declare function addDisposableWindowListener<K extends keyof WindowEventMap>(element: Window, type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
-export declare function addDisposableListener<K extends keyof HTMLElementEventMap>(element: HTMLElement, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
+import { IDisposable } from './lifecycle';
+export interface Event<T> {
+    (listener: (e: T) => any): IDisposable;
+}
+export interface EmitterOptions {
+    replay?: boolean;
+}
+export declare namespace Event {
+    const any: <T>(...children: Event<T>[]) => Event<T>;
+}
+export declare class Emitter<T> implements IDisposable {
+    private readonly options?;
+    private _event?;
+    private _last?;
+    private _listeners;
+    private _disposed;
+    constructor(options?: EmitterOptions | undefined);
+    get event(): Event<T>;
+    fire(e: T): void;
+    dispose(): void;
+}
+export declare function addDisposableWindowListener<K extends keyof WindowEventMap>(element: Window, type: K, listener: (this: Window, ev: WindowEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
+export declare function addDisposableListener<K extends keyof HTMLElementEventMap>(element: HTMLElement, type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): IDisposable;
+export declare class TickDelayedEvent implements IDisposable {
+    private timer;
+    private readonly _onFired;
+    readonly onEvent: Event<void>;
+    fire(): void;
+    dispose(): void;
+}

package/dist/esm/events.js

@@ -1,71 +1,89 @@
-export var Event;
-(function (Event) {
-    Event.any = (...children) => {
-        return (listener) => {
-            const disposables = children.map((child) => child(listener));
-            return {
-                dispose: () => {
-                    disposables.forEach((d) => {
-                        d.dispose();
-                    });
-                },
-            };
-        };
-    };
-})(Event || (Event = {}));
-// dumb event emitter with better typings than nodes event emitter
-// https://github.com/microsoft/vscode/blob/master/src/vs/base/common/event.ts
-export class Emitter {
-    constructor(options) {
-        this.options = options;
-        this._listeners = [];
-        this._disposed = false;
-    }
-    get event() {
-        if (!this._event) {
-            this._event = (listener) => {
-                var _a;
-                if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.replay) && this._last !== undefined) {
-                    listener(this._last);
-                }
-                const firstListener = this._listeners.length === 0;
-                this._listeners.push(listener);
-                return {
-                    dispose: () => {
-                        const index = this._listeners.indexOf(listener);
-                        if (index > -1) {
-                            this._listeners.splice(index, 1);
-                        }
-                    },
-                };
-            };
-        }
-        return this._event;
-    }
-    fire(e) {
-        this._last = e;
-        this._listeners.forEach((listener) => {
-            listener(e);
-        });
-    }
-    dispose() {
-        this._listeners = [];
-        this._disposed = true;
-    }
-}
-export function addDisposableWindowListener(element, type, listener, options) {
-    element.addEventListener(type, listener, options);
-    return {
-        dispose: () => {
-            element.removeEventListener(type, listener);
-        },
-    };
-}
-export function addDisposableListener(element, type, listener, options) {
-    element.addEventListener(type, listener, options);
-    return {
-        dispose: () => {
-            element.removeEventListener(type, listener);
-        },
-    };
-}
+export var Event;
+(function (Event) {
+    Event.any = (...children) => {
+        return (listener) => {
+            const disposables = children.map((child) => child(listener));
+            return {
+                dispose: () => {
+                    disposables.forEach((d) => {
+                        d.dispose();
+                    });
+                },
+            };
+        };
+    };
+})(Event || (Event = {}));
+// dumb event emitter with better typings than nodes event emitter
+// https://github.com/microsoft/vscode/blob/master/src/vs/base/common/event.ts
+export class Emitter {
+    constructor(options) {
+        this.options = options;
+        this._listeners = [];
+        this._disposed = false;
+    }
+    get event() {
+        if (!this._event) {
+            this._event = (listener) => {
+                var _a;
+                if (((_a = this.options) === null || _a === void 0 ? void 0 : _a.replay) && this._last !== undefined) {
+                    listener(this._last);
+                }
+                const firstListener = this._listeners.length === 0;
+                this._listeners.push(listener);
+                return {
+                    dispose: () => {
+                        const index = this._listeners.indexOf(listener);
+                        if (index > -1) {
+                            this._listeners.splice(index, 1);
+                        }
+                    },
+                };
+            };
+        }
+        return this._event;
+    }
+    fire(e) {
+        this._last = e;
+        this._listeners.forEach((listener) => {
+            listener(e);
+        });
+    }
+    dispose() {
+        this._listeners = [];
+        this._disposed = true;
+    }
+}
+export function addDisposableWindowListener(element, type, listener, options) {
+    element.addEventListener(type, listener, options);
+    return {
+        dispose: () => {
+            element.removeEventListener(type, listener);
+        },
+    };
+}
+export function addDisposableListener(element, type, listener, options) {
+    element.addEventListener(type, listener, options);
+    return {
+        dispose: () => {
+            element.removeEventListener(type, listener);
+        },
+    };
+}
+export class TickDelayedEvent {
+    constructor() {
+        this._onFired = new Emitter();
+        this.onEvent = this._onFired.event;
+    }
+    fire() {
+        if (this.timer) {
+            clearTimeout(this.timer);
+        }
+        this.timer = setTimeout(() => {
+            this._onFired.fire();
+            clearTimeout(this.timer);
+        });
+    }
+    dispose() {
+        this._onFired.dispose();
+    }
+}

package/dist/esm/functions.d.ts

@@ -1 +1 @@
-export declare function debounce<T extends Function>(cb: T, wait: number): T;
+export declare function debounce<T extends Function>(cb: T, wait: number): T;

package/dist/esm/functions.js

@@ -1,8 +1,8 @@
-export function debounce(cb, wait) {
-    let timeout;
-    const callable = (...args) => {
-        clearTimeout(timeout);
-        timeout = setTimeout(() => cb(...args), wait);
-    };
-    return callable;
-}
+export function debounce(cb, wait) {
+    let timeout;
+    const callable = (...args) => {
+        clearTimeout(timeout);
+        timeout = setTimeout(() => cb(...args), wait);
+    };
+    return callable;
+}

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

@@ -1,98 +1,98 @@
-import { Emitter, Event } from '../events';
-import { Gridview, IGridView } from './gridview';
-import { Position } from '../dnd/droptarget';
-import { CompositeDisposable, IValueDisposable } from '../lifecycle';
-import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
-import { IPanel } from '../panel/types';
-import { MovementOptions2 } from '../dockview/options';
-import { IGroupPanel } from '../groupview/groupPanel';
-export declare enum GroupChangeKind {
-    ADD_PANEL = "ADD_PANEL",
-    REMOVE_PANEL = "REMOVE_PANEL",
-    PANEL_ACTIVE = "PANEL_ACTIVE",
-    GROUP_ACTIVE = "GROUP_ACTIVE",
-    ADD_GROUP = "ADD_GROUP",
-    REMOVE_GROUP = "REMOVE_GROUP",
-    LAYOUT_FROM_JSON = "LAYOUT_FROM_JSON",
-    LAYOUT = "LAYOUT"
-}
-export interface GroupChangeEvent {
-    readonly kind: GroupChangeKind;
-    readonly panel?: IGroupPanel;
-}
-export declare 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 onGridEvent: Event<GroupChangeEvent>;
-    readonly onDidLayoutChange: Event<void>;
-    getPanel(id: string): T | undefined;
-    toJSON(): object;
-    fromJSON(data: any): void;
-    layout(width: number, height: number, force?: boolean): void;
-    resizeToFit(): 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;
-    protected readonly _onGridEvent: Emitter<GroupChangeEvent>;
-    readonly onGridEvent: Event<GroupChangeEvent>;
-    private _onDidLayoutChange;
-    readonly onDidLayoutChange: Event<void>;
-    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;
-    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;
-    /**
-     * Resize the layout to fit the parent container
-     */
-    resizeToFit(): void;
-    dispose(): void;
-}
+import { Emitter, Event } from '../events';
+import { Gridview, IGridView } from './gridview';
+import { Position } from '../dnd/droptarget';
+import { CompositeDisposable, IValueDisposable } from '../lifecycle';
+import { ISplitviewStyles, Orientation } from '../splitview/core/splitview';
+import { IPanel } from '../panel/types';
+import { MovementOptions2 } from '../dockview/options';
+import { IGroupPanel } from '../groupview/groupPanel';
+export declare enum GroupChangeKind {
+    ADD_PANEL = "ADD_PANEL",
+    REMOVE_PANEL = "REMOVE_PANEL",
+    PANEL_ACTIVE = "PANEL_ACTIVE",
+    GROUP_ACTIVE = "GROUP_ACTIVE",
+    ADD_GROUP = "ADD_GROUP",
+    REMOVE_GROUP = "REMOVE_GROUP",
+    LAYOUT_FROM_JSON = "LAYOUT_FROM_JSON",
+    LAYOUT = "LAYOUT"
+}
+export interface GroupChangeEvent {
+    readonly kind: GroupChangeKind;
+    readonly panel?: IGroupPanel;
+}
+export declare 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 onGridEvent: Event<GroupChangeEvent>;
+    readonly onDidLayoutChange: Event<void>;
+    getPanel(id: string): T | undefined;
+    toJSON(): object;
+    fromJSON(data: any): void;
+    layout(width: number, height: number, force?: boolean): void;
+    resizeToFit(): 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;
+    protected readonly _onGridEvent: Emitter<GroupChangeEvent>;
+    readonly onGridEvent: Event<GroupChangeEvent>;
+    private _onDidLayoutChange;
+    readonly onDidLayoutChange: Event<void>;
+    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;
+    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;
+    /**
+     * Resize the layout to fit the parent container
+     */
+    resizeToFit(): void;
+    dispose(): void;
+}