dockview 1.5.0 → 1.5.2

package/dist/cjs/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/cjs/dockview/options.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=options.js.map

package/dist/cjs/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;

package/dist/cjs/dom.js

@@ -1,183 +1,183 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __values = (this && this.__values) || function(o) {
-    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-    if (m) return m.call(o);
-    if (o && typeof o.length === "number") return {
-        next: function () {
-            if (o && i >= o.length) o = void 0;
-            return { value: o && o[i++], done: !o };
-        }
-    };
-    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.trackFocus = exports.getElementsByTagName = exports.isAncestor = exports.toggleClass = exports.addClasses = exports.removeClasses = exports.watchElementResize = void 0;
-var events_1 = require("./events");
-var lifecycle_1 = require("./lifecycle");
-function watchElementResize(element, cb) {
-    var observer = new ResizeObserver(function (entires) {
-        var firstEntry = entires[0];
-        cb(firstEntry);
-    });
-    observer.observe(element);
-    return {
-        dispose: function () {
-            observer.unobserve(element);
-            observer.disconnect();
-        },
-    };
-}
-exports.watchElementResize = watchElementResize;
-var removeClasses = function (element) {
-    var e_1, _a;
-    var classes = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        classes[_i - 1] = arguments[_i];
-    }
-    try {
-        for (var classes_1 = __values(classes), classes_1_1 = classes_1.next(); !classes_1_1.done; classes_1_1 = classes_1.next()) {
-            var classname = classes_1_1.value;
-            if (element.classList.contains(classname)) {
-                element.classList.remove(classname);
-            }
-        }
-    }
-    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-    finally {
-        try {
-            if (classes_1_1 && !classes_1_1.done && (_a = classes_1.return)) _a.call(classes_1);
-        }
-        finally { if (e_1) throw e_1.error; }
-    }
-};
-exports.removeClasses = removeClasses;
-var addClasses = function (element) {
-    var e_2, _a;
-    var classes = [];
-    for (var _i = 1; _i < arguments.length; _i++) {
-        classes[_i - 1] = arguments[_i];
-    }
-    try {
-        for (var classes_2 = __values(classes), classes_2_1 = classes_2.next(); !classes_2_1.done; classes_2_1 = classes_2.next()) {
-            var classname = classes_2_1.value;
-            if (!element.classList.contains(classname)) {
-                element.classList.add(classname);
-            }
-        }
-    }
-    catch (e_2_1) { e_2 = { error: e_2_1 }; }
-    finally {
-        try {
-            if (classes_2_1 && !classes_2_1.done && (_a = classes_2.return)) _a.call(classes_2);
-        }
-        finally { if (e_2) throw e_2.error; }
-    }
-};
-exports.addClasses = addClasses;
-var toggleClass = function (element, className, isToggled) {
-    var hasClass = element.classList.contains(className);
-    if (isToggled && !hasClass) {
-        element.classList.add(className);
-    }
-    if (!isToggled && hasClass) {
-        element.classList.remove(className);
-    }
-};
-exports.toggleClass = toggleClass;
-function isAncestor(testChild, testAncestor) {
-    while (testChild) {
-        if (testChild === testAncestor) {
-            return true;
-        }
-        testChild = testChild.parentNode;
-    }
-    return false;
-}
-exports.isAncestor = isAncestor;
-function getElementsByTagName(tag) {
-    return Array.prototype.slice.call(document.getElementsByTagName(tag), 0);
-}
-exports.getElementsByTagName = getElementsByTagName;
-function trackFocus(element) {
-    return new FocusTracker(element);
-}
-exports.trackFocus = trackFocus;
-/**
- * Track focus on an element. Ensure tabIndex is set when an HTMLElement is not focusable by default
- */
-var FocusTracker = /** @class */ (function (_super) {
-    __extends(FocusTracker, _super);
-    function FocusTracker(element) {
-        var _this = _super.call(this) || this;
-        _this._onDidFocus = new events_1.Emitter();
-        _this.onDidFocus = _this._onDidFocus.event;
-        _this._onDidBlur = new events_1.Emitter();
-        _this.onDidBlur = _this._onDidBlur.event;
-        var hasFocus = isAncestor(document.activeElement, element);
-        var loosingFocus = false;
-        var onFocus = function () {
-            loosingFocus = false;
-            if (!hasFocus) {
-                hasFocus = true;
-                _this._onDidFocus.fire();
-            }
-        };
-        var onBlur = function () {
-            if (hasFocus) {
-                loosingFocus = true;
-                window.setTimeout(function () {
-                    if (loosingFocus) {
-                        loosingFocus = false;
-                        hasFocus = false;
-                        _this._onDidBlur.fire();
-                    }
-                }, 0);
-            }
-        };
-        _this._refreshStateHandler = function () {
-            var currentNodeHasFocus = isAncestor(document.activeElement, element);
-            if (currentNodeHasFocus !== hasFocus) {
-                if (hasFocus) {
-                    onBlur();
-                }
-                else {
-                    onFocus();
-                }
-            }
-        };
-        if (element instanceof HTMLElement) {
-            _this.addDisposables((0, events_1.addDisposableListener)(element, 'focus', onFocus, true));
-            _this.addDisposables((0, events_1.addDisposableListener)(element, 'blur', onBlur, true));
-        }
-        else {
-            _this.addDisposables((0, events_1.addDisposableWindowListener)(element, 'focus', onFocus, true));
-            _this.addDisposables((0, events_1.addDisposableWindowListener)(element, 'blur', onBlur, true));
-        }
-        return _this;
-    }
-    FocusTracker.prototype.refreshState = function () {
-        this._refreshStateHandler();
-    };
-    FocusTracker.prototype.dispose = function () {
-        _super.prototype.dispose.call(this);
-        this._onDidBlur.dispose();
-        this._onDidFocus.dispose();
-    };
-    return FocusTracker;
-}(lifecycle_1.CompositeDisposable));
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.trackFocus = exports.getElementsByTagName = exports.isAncestor = exports.toggleClass = exports.addClasses = exports.removeClasses = exports.watchElementResize = void 0;
+var events_1 = require("./events");
+var lifecycle_1 = require("./lifecycle");
+function watchElementResize(element, cb) {
+    var observer = new ResizeObserver(function (entires) {
+        var firstEntry = entires[0];
+        cb(firstEntry);
+    });
+    observer.observe(element);
+    return {
+        dispose: function () {
+            observer.unobserve(element);
+            observer.disconnect();
+        },
+    };
+}
+exports.watchElementResize = watchElementResize;
+var removeClasses = function (element) {
+    var e_1, _a;
+    var classes = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        classes[_i - 1] = arguments[_i];
+    }
+    try {
+        for (var classes_1 = __values(classes), classes_1_1 = classes_1.next(); !classes_1_1.done; classes_1_1 = classes_1.next()) {
+            var classname = classes_1_1.value;
+            if (element.classList.contains(classname)) {
+                element.classList.remove(classname);
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (classes_1_1 && !classes_1_1.done && (_a = classes_1.return)) _a.call(classes_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+};
+exports.removeClasses = removeClasses;
+var addClasses = function (element) {
+    var e_2, _a;
+    var classes = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        classes[_i - 1] = arguments[_i];
+    }
+    try {
+        for (var classes_2 = __values(classes), classes_2_1 = classes_2.next(); !classes_2_1.done; classes_2_1 = classes_2.next()) {
+            var classname = classes_2_1.value;
+            if (!element.classList.contains(classname)) {
+                element.classList.add(classname);
+            }
+        }
+    }
+    catch (e_2_1) { e_2 = { error: e_2_1 }; }
+    finally {
+        try {
+            if (classes_2_1 && !classes_2_1.done && (_a = classes_2.return)) _a.call(classes_2);
+        }
+        finally { if (e_2) throw e_2.error; }
+    }
+};
+exports.addClasses = addClasses;
+var toggleClass = function (element, className, isToggled) {
+    var hasClass = element.classList.contains(className);
+    if (isToggled && !hasClass) {
+        element.classList.add(className);
+    }
+    if (!isToggled && hasClass) {
+        element.classList.remove(className);
+    }
+};
+exports.toggleClass = toggleClass;
+function isAncestor(testChild, testAncestor) {
+    while (testChild) {
+        if (testChild === testAncestor) {
+            return true;
+        }
+        testChild = testChild.parentNode;
+    }
+    return false;
+}
+exports.isAncestor = isAncestor;
+function getElementsByTagName(tag) {
+    return Array.prototype.slice.call(document.getElementsByTagName(tag), 0);
+}
+exports.getElementsByTagName = getElementsByTagName;
+function trackFocus(element) {
+    return new FocusTracker(element);
+}
+exports.trackFocus = trackFocus;
+/**
+ * Track focus on an element. Ensure tabIndex is set when an HTMLElement is not focusable by default
+ */
+var FocusTracker = /** @class */ (function (_super) {
+    __extends(FocusTracker, _super);
+    function FocusTracker(element) {
+        var _this = _super.call(this) || this;
+        _this._onDidFocus = new events_1.Emitter();
+        _this.onDidFocus = _this._onDidFocus.event;
+        _this._onDidBlur = new events_1.Emitter();
+        _this.onDidBlur = _this._onDidBlur.event;
+        var hasFocus = isAncestor(document.activeElement, element);
+        var loosingFocus = false;
+        var onFocus = function () {
+            loosingFocus = false;
+            if (!hasFocus) {
+                hasFocus = true;
+                _this._onDidFocus.fire();
+            }
+        };
+        var onBlur = function () {
+            if (hasFocus) {
+                loosingFocus = true;
+                window.setTimeout(function () {
+                    if (loosingFocus) {
+                        loosingFocus = false;
+                        hasFocus = false;
+                        _this._onDidBlur.fire();
+                    }
+                }, 0);
+            }
+        };
+        _this._refreshStateHandler = function () {
+            var currentNodeHasFocus = isAncestor(document.activeElement, element);
+            if (currentNodeHasFocus !== hasFocus) {
+                if (hasFocus) {
+                    onBlur();
+                }
+                else {
+                    onFocus();
+                }
+            }
+        };
+        if (element instanceof HTMLElement) {
+            _this.addDisposables((0, events_1.addDisposableListener)(element, 'focus', onFocus, true));
+            _this.addDisposables((0, events_1.addDisposableListener)(element, 'blur', onBlur, true));
+        }
+        else {
+            _this.addDisposables((0, events_1.addDisposableWindowListener)(element, 'focus', onFocus, true));
+            _this.addDisposables((0, events_1.addDisposableWindowListener)(element, 'blur', onBlur, true));
+        }
+        return _this;
+    }
+    FocusTracker.prototype.refreshState = function () {
+        this._refreshStateHandler();
+    };
+    FocusTracker.prototype.dispose = function () {
+        _super.prototype.dispose.call(this);
+        this._onDidBlur.dispose();
+        this._onDidFocus.dispose();
+    };
+    return FocusTracker;
+}(lifecycle_1.CompositeDisposable));
 //# sourceMappingURL=dom.js.map

package/dist/cjs/events.d.ts

@@ -1,30 +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;
-export declare class TickDelayedEvent implements IDisposable {
-    private timer;
-    private readonly _onFired;
-    readonly onEvent: Event<void>;
-    fire(): void;
-    dispose(): void;
-}
+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;
+}