dock-spawn-ts 2.513.1 → 2.514.0

package/lib/js/TabPage.js

@@ -1,74 +1,75 @@
-import { TabHandle } from "./TabHandle.js";
-import { PanelContainer } from "./PanelContainer.js";
-import { Utils } from "./Utils.js";
-export class TabPage {
-    constructor(host, container) {
-        if (arguments.length === 0) {
-            return;
-        }
-        this.selected = false;
-        this.host = host;
-        this.container = container;
-        this.handle = new TabHandle(this);
-        this.containerElement = container.containerElement;
-        if (container instanceof PanelContainer) {
-            this.panel = container;
-            this.panel.onTitleChanged = this.onTitleChanged.bind(this);
-            this.onTitleChanged();
-        }
-        container.tabPage = this;
-    }
-    onTitleChanged() {
-        this.handle.updateTitle();
-        if (this.panel) {
-            if (this.panel.hasChanges) {
-                this.handle.elementText.classList.add('panel-has-changes');
-            }
-            else {
-                this.handle.elementText.classList.remove('panel-has-changes');
-            }
-        }
-    }
-    destroy() {
-        this.handle.destroy();
-        if (this.container instanceof PanelContainer) {
-            let panel = this.container;
-            delete panel.onTitleChanged;
-        }
-        if (this.host.dockManager.activePanel == this.panel)
-            this.host.dockManager.activePanel = null;
-        this.container.tabPage = null;
-        Utils.removeNode(this.containerElement);
-    }
-    onSelected() {
-        this.host.onTabPageSelected(this);
-        if (this.container instanceof PanelContainer) {
-            let panel = this.container;
-            panel.dockManager.notifyOnTabChange(this);
-        }
-    }
-    setSelected(flag) {
-        this.selected = flag;
-        this.handle.setSelected(flag);
-        if (!this._initContent)
-            this.host.contentElement.appendChild(this.containerElement);
-        this._initContent = true;
-        if (this.selected) {
-            this.containerElement.style.display = 'block';
-            this.panel.setVisible(true);
-            // force a resize again
-            let width = this.host.contentElement.clientWidth;
-            let height = this.host.contentElement.clientHeight;
-            this.container.resize(width, height);
-            this.host.dockManager.activePanel = this.container;
-        }
-        else {
-            this.containerElement.style.display = 'none';
-            this.panel.setVisible(false);
-        }
-    }
-    resize(width, height) {
-        this.container.resize(width, height);
-    }
-}
+import { TabHandle } from "./TabHandle.js";
+import { PanelContainer } from "./PanelContainer.js";
+import { Utils } from "./Utils.js";
+export class TabPage {
+    constructor(host, container) {
+        if (arguments.length === 0) {
+            return;
+        }
+        this.selected = false;
+        this.host = host;
+        this.container = container;
+        this.handle = new TabHandle(this);
+        this.containerElement = container.containerElement;
+        if (container instanceof PanelContainer) {
+            this.panel = container;
+            this.panel.onTitleChanged = this.onTitleChanged.bind(this);
+            this.onTitleChanged();
+        }
+        container.tabPage = this;
+    }
+    onTitleChanged() {
+        this.handle.updateTitle();
+        if (this.panel) {
+            if (this.panel.hasChanges) {
+                this.handle.elementText.classList.add('panel-has-changes');
+            }
+            else {
+                this.handle.elementText.classList.remove('panel-has-changes');
+            }
+        }
+    }
+    destroy() {
+        this.handle.destroy();
+        if (this.container instanceof PanelContainer) {
+            let panel = this.container;
+            delete panel.onTitleChanged;
+        }
+        if (this.host.dockManager.activePanel == this.panel)
+            this.host.dockManager.activePanel = null;
+        this.container.tabPage = null;
+        Utils.removeNode(this.containerElement);
+    }
+    onSelected() {
+        this.host.onTabPageSelected(this, true);
+        if (this.container instanceof PanelContainer) {
+            let panel = this.container;
+            panel.dockManager.notifyOnTabChange(this);
+        }
+    }
+    setSelected(flag, isActive) {
+        this.selected = flag;
+        this.handle.setSelected(flag);
+        if (!this._initContent)
+            this.host.contentElement.appendChild(this.containerElement);
+        this._initContent = true;
+        if (this.selected) {
+            this.containerElement.style.display = 'block';
+            this.panel.setVisible(true);
+            // force a resize again
+            let width = this.host.contentElement.clientWidth;
+            let height = this.host.contentElement.clientHeight;
+            this.container.resize(width, height);
+            if (isActive)
+                this.host.dockManager.activePanel = this.container;
+        }
+        else {
+            this.containerElement.style.display = 'none';
+            this.panel.setVisible(false);
+        }
+    }
+    resize(width, height) {
+        this.container.resize(width, height);
+    }
+}
 //# sourceMappingURL=TabPage.js.map

package/lib/js/TabPage.js.map

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

package/lib/js/UndockInitiator.d.ts

@@ -1,31 +1,31 @@
-import { EventHandler } from "./EventHandler.js";
-import { Point } from "./Point.js";
-import { Dialog } from "./Dialog.js";
-import { IMouseOrTouchEvent } from "./interfaces/IMouseOrTouchEvent.js";
-/**
- * Listens for events on the [element] and notifies the [listener]
- * if an undock event has been invoked.  An undock event is invoked
- * when the user clicks on the event and drags is beyond the
- * specified [thresholdPixels]
- */
-export declare class UndockInitiator {
-    mouseUpHandler: EventHandler;
-    touchUpHandler: EventHandler;
-    mouseMoveHandler: EventHandler;
-    touchMoveHandler: EventHandler;
-    dragStartPosition: Point;
-    thresholdPixels: number;
-    _enabled: boolean;
-    mouseDownHandler: EventHandler;
-    touchDownHandler: EventHandler;
-    element: HTMLElement;
-    _undockededCallback: (e: MouseEvent, dragOffset: Point) => Dialog;
-    touchDownUndockedHandler: EventHandler;
-    constructor(element: Element, undockededCallback: (e: MouseEvent, dragOffset: Point) => Dialog, thresholdPixels?: number);
-    get enabled(): boolean;
-    set enabled(value: boolean);
-    onMouseDown(e: any): void;
-    onMouseUp(): void;
-    onMouseMove(e: IMouseOrTouchEvent): void;
-    _requestUndock(e: any): void;
-}
+import { EventHandler } from "./EventHandler.js";
+import { Point } from "./Point.js";
+import { Dialog } from "./Dialog.js";
+import { IMouseOrTouchEvent } from "./interfaces/IMouseOrTouchEvent.js";
+/**
+ * Listens for events on the [element] and notifies the [listener]
+ * if an undock event has been invoked.  An undock event is invoked
+ * when the user clicks on the event and drags is beyond the
+ * specified [thresholdPixels]
+ */
+export declare class UndockInitiator {
+    mouseUpHandler: EventHandler;
+    touchUpHandler: EventHandler;
+    mouseMoveHandler: EventHandler;
+    touchMoveHandler: EventHandler;
+    dragStartPosition: Point;
+    thresholdPixels: number;
+    _enabled: boolean;
+    mouseDownHandler: EventHandler;
+    touchDownHandler: EventHandler;
+    element: HTMLElement;
+    _undockededCallback: (e: MouseEvent, dragOffset: Point) => Dialog;
+    touchDownUndockedHandler: EventHandler;
+    constructor(element: Element, undockededCallback: (e: MouseEvent, dragOffset: Point) => Dialog, thresholdPixels?: number);
+    get enabled(): boolean;
+    set enabled(value: boolean);
+    onMouseDown(e: any): void;
+    onMouseUp(): void;
+    onMouseMove(e: IMouseOrTouchEvent): void;
+    _requestUndock(e: any): void;
+}

package/lib/js/UndockInitiator.js

@@ -1,141 +1,141 @@
-import { EventHandler } from "./EventHandler.js";
-import { Point } from "./Point.js";
-/**
- * Listens for events on the [element] and notifies the [listener]
- * if an undock event has been invoked.  An undock event is invoked
- * when the user clicks on the event and drags is beyond the
- * specified [thresholdPixels]
- */
-export class UndockInitiator {
-    constructor(element, undockededCallback, thresholdPixels) {
-        if (!thresholdPixels) {
-            thresholdPixels = 7;
-        }
-        this.element = element;
-        this._undockededCallback = undockededCallback;
-        this.thresholdPixels = thresholdPixels;
-        this._enabled = false;
-    }
-    get enabled() {
-        return this._enabled;
-    }
-    set enabled(value) {
-        this._enabled = value;
-        if (this._enabled) {
-            if (this.mouseDownHandler) {
-                this.mouseDownHandler.cancel();
-                delete this.mouseDownHandler;
-            }
-            if (this.touchDownHandler) {
-                this.touchDownHandler.cancel();
-                delete this.touchDownHandler;
-            }
-            this.mouseDownHandler = new EventHandler(this.element, 'mousedown', this.onMouseDown.bind(this));
-            this.touchDownHandler = new EventHandler(this.element, 'touchstart', this.onMouseDown.bind(this), { passive: false });
-        }
-        else {
-            if (this.mouseDownHandler) {
-                this.mouseDownHandler.cancel();
-                delete this.mouseDownHandler;
-            }
-            if (this.touchDownHandler) {
-                this.touchDownHandler.cancel();
-                delete this.touchDownHandler;
-            }
-            if (this.mouseUpHandler) {
-                this.mouseUpHandler.cancel();
-                delete this.mouseUpHandler;
-            }
-            if (this.touchUpHandler) {
-                this.touchUpHandler.cancel();
-                delete this.touchUpHandler;
-            }
-            if (this.mouseMoveHandler) {
-                this.mouseMoveHandler.cancel();
-                delete this.mouseMoveHandler;
-            }
-            if (this.touchMoveHandler) {
-                this.touchMoveHandler.cancel();
-                delete this.touchMoveHandler;
-            }
-        }
-    }
-    onMouseDown(e) {
-        e.preventDefault();
-        // Make sure we dont do this on floating dialogs
-        if (this.enabled) {
-            if (e.touches) {
-                if (e.touches.length > 1)
-                    return;
-                e = e.touches[0];
-            }
-            if (this.mouseUpHandler) {
-                this.mouseUpHandler.cancel();
-                delete this.mouseUpHandler;
-            }
-            if (this.touchUpHandler) {
-                this.touchUpHandler.cancel();
-                delete this.touchUpHandler;
-            }
-            if (this.mouseMoveHandler) {
-                this.mouseMoveHandler.cancel();
-                delete this.mouseMoveHandler;
-            }
-            if (this.touchMoveHandler) {
-                this.touchMoveHandler.cancel();
-                delete this.touchMoveHandler;
-            }
-            this.mouseUpHandler = new EventHandler(window, 'mouseup', this.onMouseUp.bind(this));
-            this.touchUpHandler = new EventHandler(window, 'touchend', this.onMouseUp.bind(this));
-            this.mouseMoveHandler = new EventHandler(window, 'mousemove', this.onMouseMove.bind(this));
-            this.touchMoveHandler = new EventHandler(window, 'touchmove', this.onMouseMove.bind(this));
-            this.dragStartPosition = new Point(e.clientX, e.clientY);
-        }
-    }
-    onMouseUp() {
-        if (this.mouseUpHandler) {
-            this.mouseUpHandler.cancel();
-            delete this.mouseUpHandler;
-        }
-        if (this.touchUpHandler) {
-            this.touchUpHandler.cancel();
-            delete this.touchUpHandler;
-        }
-        if (this.mouseMoveHandler) {
-            this.mouseMoveHandler.cancel();
-            delete this.mouseMoveHandler;
-        }
-        if (this.touchMoveHandler) {
-            this.touchMoveHandler.cancel();
-            delete this.touchMoveHandler;
-        }
-    }
-    onMouseMove(e) {
-        if (e.touches) {
-            if (e.touches.length > 1)
-                return;
-            e = e.touches[0];
-        }
-        let position = new Point(e.clientX, e.clientY);
-        let dy = position.y - this.dragStartPosition.y;
-        if (dy > this.thresholdPixels || dy < -this.thresholdPixels) {
-            this.enabled = false;
-            this._requestUndock(e);
-        }
-    }
-    _requestUndock(e) {
-        let top = 0;
-        let left = 0;
-        let currentElement = this.element;
-        do {
-            top += currentElement.offsetTop || 0;
-            left += currentElement.offsetLeft || 0;
-            currentElement = currentElement.offsetParent;
-        } while (currentElement);
-        let dragOffsetX = this.dragStartPosition.x - left;
-        let dragOffsetY = this.dragStartPosition.y - top;
-        let dragOffset = new Point(dragOffsetX, dragOffsetY);
-        this._undockededCallback(e, dragOffset);
-    }
-}
+import { EventHandler } from "./EventHandler.js";
+import { Point } from "./Point.js";
+/**
+ * Listens for events on the [element] and notifies the [listener]
+ * if an undock event has been invoked.  An undock event is invoked
+ * when the user clicks on the event and drags is beyond the
+ * specified [thresholdPixels]
+ */
+export class UndockInitiator {
+    constructor(element, undockededCallback, thresholdPixels) {
+        if (!thresholdPixels) {
+            thresholdPixels = 7;
+        }
+        this.element = element;
+        this._undockededCallback = undockededCallback;
+        this.thresholdPixels = thresholdPixels;
+        this._enabled = false;
+    }
+    get enabled() {
+        return this._enabled;
+    }
+    set enabled(value) {
+        this._enabled = value;
+        if (this._enabled) {
+            if (this.mouseDownHandler) {
+                this.mouseDownHandler.cancel();
+                delete this.mouseDownHandler;
+            }
+            if (this.touchDownHandler) {
+                this.touchDownHandler.cancel();
+                delete this.touchDownHandler;
+            }
+            this.mouseDownHandler = new EventHandler(this.element, 'mousedown', this.onMouseDown.bind(this));
+            this.touchDownHandler = new EventHandler(this.element, 'touchstart', this.onMouseDown.bind(this), { passive: false });
+        }
+        else {
+            if (this.mouseDownHandler) {
+                this.mouseDownHandler.cancel();
+                delete this.mouseDownHandler;
+            }
+            if (this.touchDownHandler) {
+                this.touchDownHandler.cancel();
+                delete this.touchDownHandler;
+            }
+            if (this.mouseUpHandler) {
+                this.mouseUpHandler.cancel();
+                delete this.mouseUpHandler;
+            }
+            if (this.touchUpHandler) {
+                this.touchUpHandler.cancel();
+                delete this.touchUpHandler;
+            }
+            if (this.mouseMoveHandler) {
+                this.mouseMoveHandler.cancel();
+                delete this.mouseMoveHandler;
+            }
+            if (this.touchMoveHandler) {
+                this.touchMoveHandler.cancel();
+                delete this.touchMoveHandler;
+            }
+        }
+    }
+    onMouseDown(e) {
+        e.preventDefault();
+        // Make sure we dont do this on floating dialogs
+        if (this.enabled) {
+            if (e.touches) {
+                if (e.touches.length > 1)
+                    return;
+                e = e.touches[0];
+            }
+            if (this.mouseUpHandler) {
+                this.mouseUpHandler.cancel();
+                delete this.mouseUpHandler;
+            }
+            if (this.touchUpHandler) {
+                this.touchUpHandler.cancel();
+                delete this.touchUpHandler;
+            }
+            if (this.mouseMoveHandler) {
+                this.mouseMoveHandler.cancel();
+                delete this.mouseMoveHandler;
+            }
+            if (this.touchMoveHandler) {
+                this.touchMoveHandler.cancel();
+                delete this.touchMoveHandler;
+            }
+            this.mouseUpHandler = new EventHandler(window, 'mouseup', this.onMouseUp.bind(this));
+            this.touchUpHandler = new EventHandler(window, 'touchend', this.onMouseUp.bind(this));
+            this.mouseMoveHandler = new EventHandler(window, 'mousemove', this.onMouseMove.bind(this));
+            this.touchMoveHandler = new EventHandler(window, 'touchmove', this.onMouseMove.bind(this));
+            this.dragStartPosition = new Point(e.clientX, e.clientY);
+        }
+    }
+    onMouseUp() {
+        if (this.mouseUpHandler) {
+            this.mouseUpHandler.cancel();
+            delete this.mouseUpHandler;
+        }
+        if (this.touchUpHandler) {
+            this.touchUpHandler.cancel();
+            delete this.touchUpHandler;
+        }
+        if (this.mouseMoveHandler) {
+            this.mouseMoveHandler.cancel();
+            delete this.mouseMoveHandler;
+        }
+        if (this.touchMoveHandler) {
+            this.touchMoveHandler.cancel();
+            delete this.touchMoveHandler;
+        }
+    }
+    onMouseMove(e) {
+        if (e.touches) {
+            if (e.touches.length > 1)
+                return;
+            e = e.touches[0];
+        }
+        let position = new Point(e.clientX, e.clientY);
+        let dy = position.y - this.dragStartPosition.y;
+        if (dy > this.thresholdPixels || dy < -this.thresholdPixels) {
+            this.enabled = false;
+            this._requestUndock(e);
+        }
+    }
+    _requestUndock(e) {
+        let top = 0;
+        let left = 0;
+        let currentElement = this.element;
+        do {
+            top += currentElement.offsetTop || 0;
+            left += currentElement.offsetLeft || 0;
+            currentElement = currentElement.offsetParent;
+        } while (currentElement);
+        let dragOffsetX = this.dragStartPosition.x - left;
+        let dragOffsetY = this.dragStartPosition.y - top;
+        let dragOffset = new Point(dragOffsetX, dragOffsetY);
+        this._undockededCallback(e, dragOffset);
+    }
+}
 //# sourceMappingURL=UndockInitiator.js.map

package/lib/js/Utils.d.ts

@@ -1,14 +1,14 @@
-import { DockNode } from "./DockNode";
-export declare class Utils {
-    private static _counter;
-    static getPixels(pixels: string): number;
-    static disableGlobalTextSelection(element: HTMLElement): void;
-    static enableGlobalTextSelection(element: HTMLElement): void;
-    static isPointInsideNode(px: number, py: number, node: DockNode): boolean;
-    static getNextId(prefix: string): string;
-    static removeNode(node: Node): boolean;
-    static orderByIndexes<T>(array: T[], indexes: number[]): any[];
-    static arrayRemove<T>(array: T[], value: any): T[] | false;
-    static arrayContains<T>(array: T[], value: T): boolean;
-    static arrayEqual<T>(a: T[], b: T[]): boolean;
-}
+import { DockNode } from "./DockNode";
+export declare class Utils {
+    private static _counter;
+    static getPixels(pixels: string): number;
+    static disableGlobalTextSelection(element: HTMLElement): void;
+    static enableGlobalTextSelection(element: HTMLElement): void;
+    static isPointInsideNode(px: number, py: number, node: DockNode): boolean;
+    static getNextId(prefix: string): string;
+    static removeNode(node: Node): boolean;
+    static orderByIndexes<T>(array: T[], indexes: number[]): any[];
+    static arrayRemove<T>(array: T[], value: any): T[] | false;
+    static arrayContains<T>(array: T[], value: T): boolean;
+    static arrayEqual<T>(a: T[], b: T[]): boolean;
+}