dockview 0.0.28 → 1.0.2

package/dist/esm/dnd/droptarget.js

@@ -1,143 +1,143 @@
-import { toggleClass } from '../dom';
-import { Emitter } from '../events';
-import { CompositeDisposable } from '../lifecycle';
-import { DragAndDropObserver } from './dnd';
-export var Position;
-(function (Position) {
-    Position["Top"] = "Top";
-    Position["Left"] = "Left";
-    Position["Bottom"] = "Bottom";
-    Position["Right"] = "Right";
-    Position["Center"] = "Center";
-})(Position || (Position = {}));
-function isBooleanValue(canDisplayOverlay) {
-    return typeof canDisplayOverlay === 'boolean';
-}
-export class Droptarget extends CompositeDisposable {
-    constructor(element, options) {
-        super();
-        this.element = element;
-        this.options = options;
-        this._onDrop = new Emitter();
-        this.onDrop = this._onDrop.event;
-        this.addDisposables(new DragAndDropObserver(this.element, {
-            onDragEnter: (e) => undefined,
-            onDragOver: (e) => {
-                if (isBooleanValue(this.options.canDisplayOverlay)) {
-                    if (!this.options.canDisplayOverlay) {
-                        return;
-                    }
-                }
-                else if (!this.options.canDisplayOverlay(e)) {
-                    return;
-                }
-                if (!this.target) {
-                    this.target = document.createElement('div');
-                    this.target.className = 'drop-target-dropzone';
-                    this.overlay = document.createElement('div');
-                    this.overlay.className = 'drop-target-selection';
-                    this._state = Position.Center;
-                    this.target.appendChild(this.overlay);
-                    this.element.classList.add('drop-target');
-                    this.element.append(this.target);
-                }
-                if (this.options.validOverlays === 'none') {
-                    return;
-                }
-                if (!this.target || !this.overlay) {
-                    return;
-                }
-                const width = this.target.clientWidth;
-                const height = this.target.clientHeight;
-                if (width === 0 || height === 0) {
-                    return; // avoid div!0
-                }
-                const x = e.offsetX;
-                const y = e.offsetY;
-                const xp = (100 * x) / width;
-                const yp = (100 * y) / height;
-                let isRight = false;
-                let isLeft = false;
-                let isTop = false;
-                let isBottom = false;
-                switch (this.options.validOverlays) {
-                    case 'all':
-                        isRight = xp > 80;
-                        isLeft = xp < 20;
-                        isTop = !isRight && !isLeft && yp < 20;
-                        isBottom = !isRight && !isLeft && yp > 80;
-                        break;
-                    case 'vertical':
-                        isTop = yp < 50;
-                        isBottom = yp >= 50;
-                        break;
-                    case 'horizontal':
-                        isLeft = xp < 50;
-                        isRight = xp >= 50;
-                        break;
-                }
-                const isSmallX = width < 100;
-                const isSmallY = height < 100;
-                toggleClass(this.overlay, 'right', !isSmallX && isRight);
-                toggleClass(this.overlay, 'left', !isSmallX && isLeft);
-                toggleClass(this.overlay, 'top', !isSmallY && isTop);
-                toggleClass(this.overlay, 'bottom', !isSmallY && isBottom);
-                toggleClass(this.overlay, 'small-right', isSmallX && isRight);
-                toggleClass(this.overlay, 'small-left', isSmallX && isLeft);
-                toggleClass(this.overlay, 'small-top', isSmallY && isTop);
-                toggleClass(this.overlay, 'small-bottom', isSmallY && isBottom);
-                if (isRight) {
-                    this._state = Position.Right;
-                }
-                else if (isLeft) {
-                    this._state = Position.Left;
-                }
-                else if (isTop) {
-                    this._state = Position.Top;
-                }
-                else if (isBottom) {
-                    this._state = Position.Bottom;
-                }
-                else {
-                    this._state = Position.Center;
-                }
-            },
-            onDragLeave: (e) => {
-                this.removeDropTarget();
-            },
-            onDragEnd: (e) => {
-                this.removeDropTarget();
-            },
-            onDrop: (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                const state = this._state;
-                this.removeDropTarget();
-                if (state) {
-                    this._onDrop.fire({ position: state, event: e });
-                }
-            },
-        }));
-    }
-    get state() {
-        return this._state;
-    }
-    set validOverlays(value) {
-        this.options.validOverlays = value;
-    }
-    set canDisplayOverlay(value) {
-        this.options.canDisplayOverlay = value;
-    }
-    dispose() {
-        this._onDrop.dispose();
-        this.removeDropTarget();
-    }
-    removeDropTarget() {
-        if (this.target) {
-            this._state = undefined;
-            this.element.removeChild(this.target);
-            this.target = undefined;
-            this.element.classList.remove('drop-target');
-        }
-    }
-}
+import { toggleClass } from '../dom';
+import { Emitter } from '../events';
+import { CompositeDisposable } from '../lifecycle';
+import { DragAndDropObserver } from './dnd';
+export var Position;
+(function (Position) {
+    Position["Top"] = "Top";
+    Position["Left"] = "Left";
+    Position["Bottom"] = "Bottom";
+    Position["Right"] = "Right";
+    Position["Center"] = "Center";
+})(Position || (Position = {}));
+function isBooleanValue(canDisplayOverlay) {
+    return typeof canDisplayOverlay === 'boolean';
+}
+export class Droptarget extends CompositeDisposable {
+    constructor(element, options) {
+        super();
+        this.element = element;
+        this.options = options;
+        this._onDrop = new Emitter();
+        this.onDrop = this._onDrop.event;
+        this.addDisposables(new DragAndDropObserver(this.element, {
+            onDragEnter: (e) => undefined,
+            onDragOver: (e) => {
+                if (isBooleanValue(this.options.canDisplayOverlay)) {
+                    if (!this.options.canDisplayOverlay) {
+                        return;
+                    }
+                }
+                else if (!this.options.canDisplayOverlay(e)) {
+                    return;
+                }
+                if (!this.target) {
+                    this.target = document.createElement('div');
+                    this.target.className = 'drop-target-dropzone';
+                    this.overlay = document.createElement('div');
+                    this.overlay.className = 'drop-target-selection';
+                    this._state = Position.Center;
+                    this.target.appendChild(this.overlay);
+                    this.element.classList.add('drop-target');
+                    this.element.append(this.target);
+                }
+                if (this.options.validOverlays === 'none') {
+                    return;
+                }
+                if (!this.target || !this.overlay) {
+                    return;
+                }
+                const width = this.target.clientWidth;
+                const height = this.target.clientHeight;
+                if (width === 0 || height === 0) {
+                    return; // avoid div!0
+                }
+                const x = e.offsetX;
+                const y = e.offsetY;
+                const xp = (100 * x) / width;
+                const yp = (100 * y) / height;
+                let isRight = false;
+                let isLeft = false;
+                let isTop = false;
+                let isBottom = false;
+                switch (this.options.validOverlays) {
+                    case 'all':
+                        isRight = xp > 80;
+                        isLeft = xp < 20;
+                        isTop = !isRight && !isLeft && yp < 20;
+                        isBottom = !isRight && !isLeft && yp > 80;
+                        break;
+                    case 'vertical':
+                        isTop = yp < 50;
+                        isBottom = yp >= 50;
+                        break;
+                    case 'horizontal':
+                        isLeft = xp < 50;
+                        isRight = xp >= 50;
+                        break;
+                }
+                const isSmallX = width < 100;
+                const isSmallY = height < 100;
+                toggleClass(this.overlay, 'right', !isSmallX && isRight);
+                toggleClass(this.overlay, 'left', !isSmallX && isLeft);
+                toggleClass(this.overlay, 'top', !isSmallY && isTop);
+                toggleClass(this.overlay, 'bottom', !isSmallY && isBottom);
+                toggleClass(this.overlay, 'small-right', isSmallX && isRight);
+                toggleClass(this.overlay, 'small-left', isSmallX && isLeft);
+                toggleClass(this.overlay, 'small-top', isSmallY && isTop);
+                toggleClass(this.overlay, 'small-bottom', isSmallY && isBottom);
+                if (isRight) {
+                    this._state = Position.Right;
+                }
+                else if (isLeft) {
+                    this._state = Position.Left;
+                }
+                else if (isTop) {
+                    this._state = Position.Top;
+                }
+                else if (isBottom) {
+                    this._state = Position.Bottom;
+                }
+                else {
+                    this._state = Position.Center;
+                }
+            },
+            onDragLeave: (e) => {
+                this.removeDropTarget();
+            },
+            onDragEnd: (e) => {
+                this.removeDropTarget();
+            },
+            onDrop: (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                const state = this._state;
+                this.removeDropTarget();
+                if (state) {
+                    this._onDrop.fire({ position: state, nativeEvent: e });
+                }
+            },
+        }));
+    }
+    get state() {
+        return this._state;
+    }
+    set validOverlays(value) {
+        this.options.validOverlays = value;
+    }
+    set canDisplayOverlay(value) {
+        this.options.canDisplayOverlay = value;
+    }
+    dispose() {
+        this._onDrop.dispose();
+        this.removeDropTarget();
+    }
+    removeDropTarget() {
+        if (this.target) {
+            this._state = undefined;
+            this.element.removeChild(this.target);
+            this.target = undefined;
+            this.element.classList.remove('drop-target');
+        }
+    }
+}

package/dist/esm/dockview/components/tab/defaultTab.d.ts

@@ -1,44 +1,44 @@
-import { CompositeDisposable } from '../../../lifecycle';
-import { ITabRenderer, GroupPanelPartInitParameters } from '../../../groupview/types';
-import { PanelUpdateEvent } from '../../../panel/types';
-import { GroupviewPanel } from '../../../groupview/groupviewPanel';
-export declare class WrappedTab implements ITabRenderer {
-    private readonly renderer;
-    private readonly _element;
-    constructor(renderer: ITabRenderer);
-    get innerRenderer(): ITabRenderer;
-    get element(): HTMLElement;
-    get id(): string;
-    show(): void;
-    hide(): void;
-    layout(width: number, height: number): void;
-    update(event: PanelUpdateEvent): void;
-    toJSON(): object;
-    focus(): void;
-    init(parameters: GroupPanelPartInitParameters): void;
-    updateParentGroup(group: GroupviewPanel, isPanelVisible: boolean): void;
-    dispose(): void;
-}
-export declare class DefaultTab extends CompositeDisposable implements ITabRenderer {
-    private _element;
-    private _isPanelVisible;
-    private _isGroupActive;
-    private _content;
-    private _actionContainer;
-    private _list;
-    private action;
-    private params;
-    private isDirtyDisposable;
-    get element(): HTMLElement;
-    get id(): string;
-    constructor();
-    update(event: PanelUpdateEvent): void;
-    toJSON(): {
-        id: string;
-    };
-    focus(): void;
-    init(params: GroupPanelPartInitParameters): void;
-    updateParentGroup(group: GroupviewPanel, isPanelVisible: boolean): void;
-    layout(width: number, height: number): void;
-    private render;
-}
+import { CompositeDisposable } from '../../../lifecycle';
+import { ITabRenderer, GroupPanelPartInitParameters } from '../../../groupview/types';
+import { PanelUpdateEvent } from '../../../panel/types';
+import { GroupviewPanel } from '../../../groupview/groupviewPanel';
+export declare class WrappedTab implements ITabRenderer {
+    private readonly renderer;
+    private readonly _element;
+    constructor(renderer: ITabRenderer);
+    get innerRenderer(): ITabRenderer;
+    get element(): HTMLElement;
+    get id(): string;
+    show(): void;
+    hide(): void;
+    layout(width: number, height: number): void;
+    update(event: PanelUpdateEvent): void;
+    toJSON(): object;
+    focus(): void;
+    init(parameters: GroupPanelPartInitParameters): void;
+    updateParentGroup(group: GroupviewPanel, isPanelVisible: boolean): void;
+    dispose(): void;
+}
+export declare class DefaultTab extends CompositeDisposable implements ITabRenderer {
+    private _element;
+    private _isPanelVisible;
+    private _isGroupActive;
+    private _content;
+    private _actionContainer;
+    private _list;
+    private action;
+    private params;
+    private isDirtyDisposable;
+    get element(): HTMLElement;
+    get id(): string;
+    constructor();
+    update(event: PanelUpdateEvent): void;
+    toJSON(): {
+        id: string;
+    };
+    focus(): void;
+    init(params: GroupPanelPartInitParameters): void;
+    updateParentGroup(group: GroupviewPanel, isPanelVisible: boolean): void;
+    layout(width: number, height: number): void;
+    private render;
+}

package/dist/esm/dockview/components/tab/defaultTab.js

@@ -1,130 +1,130 @@
-import { CompositeDisposable, MutableDisposable } from '../../../lifecycle';
-import { addDisposableListener } from '../../../events';
-import { toggleClass } from '../../../dom';
-export class WrappedTab {
-    constructor(renderer) {
-        this.renderer = renderer;
-        this._element = document.createElement('element');
-        this.show();
-    }
-    get innerRenderer() {
-        return this.renderer;
-    }
-    get element() {
-        return this._element;
-    }
-    get id() {
-        return this.renderer.id;
-    }
-    show() {
-        if (!this.renderer.element.parentElement) {
-            this._element.appendChild(this.renderer.element);
-        }
-    }
-    hide() {
-        if (this.renderer.element.parentElement) {
-            this.renderer.element.remove();
-        }
-    }
-    layout(width, height) {
-        this.renderer.layout(width, height);
-    }
-    update(event) {
-        this.renderer.update(event);
-    }
-    toJSON() {
-        return this.renderer.toJSON();
-    }
-    focus() {
-        this.renderer.focus();
-    }
-    init(parameters) {
-        this.renderer.init(parameters);
-    }
-    updateParentGroup(group, isPanelVisible) {
-        this.renderer.updateParentGroup(group, isPanelVisible);
-    }
-    dispose() {
-        this.renderer.dispose();
-    }
-}
-export class DefaultTab extends CompositeDisposable {
-    constructor() {
-        super();
-        this._isPanelVisible = false;
-        this._isGroupActive = false;
-        //
-        this.params = {};
-        //
-        this.isDirtyDisposable = new MutableDisposable();
-        this.addDisposables(this.isDirtyDisposable);
-        this._element = document.createElement('div');
-        this._element.className = 'default-tab';
-        //
-        this._content = document.createElement('div');
-        this._content.className = 'tab-content';
-        //
-        this._actionContainer = document.createElement('div');
-        this._actionContainer.className = 'action-container';
-        //
-        this._list = document.createElement('ul');
-        this._list.className = 'tab-list';
-        //
-        this.action = document.createElement('a');
-        this.action.className = 'tab-action';
-        //
-        this._element.appendChild(this._content);
-        this._element.appendChild(this._actionContainer);
-        this._actionContainer.appendChild(this._list);
-        this._list.appendChild(this.action);
-        //
-        this.addDisposables(addDisposableListener(this._actionContainer, 'mousedown', (ev) => {
-            ev.preventDefault();
-        }));
-        this.render();
-    }
-    get element() {
-        return this._element;
-    }
-    get id() {
-        return '__DEFAULT_TAB__';
-    }
-    update(event) {
-        this.params = Object.assign(Object.assign({}, this.params), event.params);
-        this.render();
-    }
-    toJSON() {
-        return { id: this.id };
-    }
-    focus() {
-        //noop
-    }
-    init(params) {
-        this.params = params;
-        this._content.textContent = params.title;
-        this.isDirtyDisposable.value = this.params.api.onDidDirtyChange((event) => {
-            const isDirty = event;
-            toggleClass(this.action, 'dirty', isDirty);
-        });
-        if (!this.params.suppressClosable) {
-            addDisposableListener(this.action, 'click', (ev) => {
-                ev.preventDefault(); //
-                this.params.api.close();
-            });
-        }
-        else {
-            this.action.classList.add('disable-close');
-        }
-    }
-    updateParentGroup(group, isPanelVisible) {
-        this._isPanelVisible = isPanelVisible;
-        this._isGroupActive = group.isActive;
-        this.render();
-    }
-    layout(width, height) {
-        // noop
-    }
-    render() {
-        this._content.textContent = this.params.title;
-    }
-}
+import { CompositeDisposable, MutableDisposable } from '../../../lifecycle';
+import { addDisposableListener } from '../../../events';
+import { toggleClass } from '../../../dom';
+export class WrappedTab {
+    constructor(renderer) {
+        this.renderer = renderer;
+        this._element = document.createElement('element');
+        this.show();
+    }
+    get innerRenderer() {
+        return this.renderer;
+    }
+    get element() {
+        return this._element;
+    }
+    get id() {
+        return this.renderer.id;
+    }
+    show() {
+        if (!this.renderer.element.parentElement) {
+            this._element.appendChild(this.renderer.element);
+        }
+    }
+    hide() {
+        if (this.renderer.element.parentElement) {
+            this.renderer.element.remove();
+        }
+    }
+    layout(width, height) {
+        this.renderer.layout(width, height);
+    }
+    update(event) {
+        this.renderer.update(event);
+    }
+    toJSON() {
+        return this.renderer.toJSON();
+    }
+    focus() {
+        this.renderer.focus();
+    }
+    init(parameters) {
+        this.renderer.init(parameters);
+    }
+    updateParentGroup(group, isPanelVisible) {
+        this.renderer.updateParentGroup(group, isPanelVisible);
+    }
+    dispose() {
+        this.renderer.dispose();
+    }
+}
+export class DefaultTab extends CompositeDisposable {
+    constructor() {
+        super();
+        this._isPanelVisible = false;
+        this._isGroupActive = false;
+        //
+        this.params = {};
+        //
+        this.isDirtyDisposable = new MutableDisposable();
+        this.addDisposables(this.isDirtyDisposable);
+        this._element = document.createElement('div');
+        this._element.className = 'default-tab';
+        //
+        this._content = document.createElement('div');
+        this._content.className = 'tab-content';
+        //
+        this._actionContainer = document.createElement('div');
+        this._actionContainer.className = 'action-container';
+        //
+        this._list = document.createElement('ul');
+        this._list.className = 'tab-list';
+        //
+        this.action = document.createElement('a');
+        this.action.className = 'tab-action';
+        //
+        this._element.appendChild(this._content);
+        this._element.appendChild(this._actionContainer);
+        this._actionContainer.appendChild(this._list);
+        this._list.appendChild(this.action);
+        //
+        this.addDisposables(addDisposableListener(this._actionContainer, 'mousedown', (ev) => {
+            ev.preventDefault();
+        }));
+        this.render();
+    }
+    get element() {
+        return this._element;
+    }
+    get id() {
+        return '__DEFAULT_TAB__';
+    }
+    update(event) {
+        this.params = Object.assign(Object.assign({}, this.params), event.params);
+        this.render();
+    }
+    toJSON() {
+        return { id: this.id };
+    }
+    focus() {
+        //noop
+    }
+    init(params) {
+        this.params = params;
+        this._content.textContent = params.title;
+        this.isDirtyDisposable.value = this.params.api.onDidDirtyChange((event) => {
+            const isDirty = event;
+            toggleClass(this.action, 'dirty', isDirty);
+        });
+        if (!this.params.suppressClosable) {
+            addDisposableListener(this.action, 'click', (ev) => {
+                ev.preventDefault(); //
+                this.params.api.close();
+            });
+        }
+        else {
+            this.action.classList.add('disable-close');
+        }
+    }
+    updateParentGroup(group, isPanelVisible) {
+        this._isPanelVisible = isPanelVisible;
+        this._isGroupActive = group.isActive;
+        this.render();
+    }
+    layout(width, height) {
+        // noop
+    }
+    render() {
+        this._content.textContent = this.params.title;
+    }
+}