@vived/app 3.8.0 → 3.9.1

package/lib/AppObjectComponents/Tools/Controller/triggerTool.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.triggerTool = void 0;
+const App_1 = require("../../App");
+const ToolRepository_1 = require("../Entities/ToolRepository");
+function triggerTool(toolType, appObjects) {
+    const repo = ToolRepository_1.ToolRepository.get(appObjects);
+    if (!repo) {
+        App_1.submitWarning("triggerTool", "Unable to find ToolRepository", appObjects);
+        return;
+    }
+    repo.triggerTool(toolType);
+}
+exports.triggerTool = triggerTool;

package/lib/AppObjectComponents/Tools/Entities/ToolEntity.d.ts

@@ -0,0 +1,39 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+export declare enum ToolState {
+    HIDDEN = "HIDDEN",
+    DISABLED = "DISABLED",
+    ENABLED = "ENABLED",
+    ACTIVE = "ACTIVE"
+}
+export interface ToolData<ToolTypes> {
+    toolType: ToolTypes;
+    isDefault: boolean;
+    label: string;
+    shortcutLabel: string;
+    hotkeys: HotKey[];
+}
+export interface HotKey {
+    keyCode: string;
+    control?: boolean;
+    shift?: boolean;
+    meta?: boolean;
+    alt?: boolean;
+}
+export declare abstract class ToolEntity<ToolTypes> extends AppObjectEntity {
+    static readonly type = "TOOL";
+    abstract readonly toolType: ToolTypes;
+    abstract get label(): string;
+    abstract set label(toolLabel: string);
+    abstract readonly isDefault: boolean;
+    abstract get shortcutLabel(): string;
+    abstract set shortcutLabel(shorcut: string);
+    abstract get state(): ToolState;
+    abstract set state(val: ToolState);
+    abstract readonly hotkeys: HotKey[];
+    abstract get isAction(): boolean;
+    abstract triggerActions(): void;
+    abstract registerAction(action: () => void): void;
+    abstract isMyHotkey(hotkey: HotKey): boolean;
+}
+export declare function makeToolEntity<ToolTypes>(data: ToolData<ToolTypes>, appObject: AppObject): ToolEntity<ToolTypes>;

package/lib/AppObjectComponents/Tools/Entities/ToolEntity.js

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeToolEntity = exports.ToolEntity = exports.ToolState = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const Entities_1 = require("../../../Entities");
+var ToolState;
+(function (ToolState) {
+    ToolState["HIDDEN"] = "HIDDEN";
+    ToolState["DISABLED"] = "DISABLED";
+    ToolState["ENABLED"] = "ENABLED";
+    ToolState["ACTIVE"] = "ACTIVE";
+})(ToolState = exports.ToolState || (exports.ToolState = {}));
+class ToolEntity extends AppObjectEntity_1.AppObjectEntity {
+}
+exports.ToolEntity = ToolEntity;
+ToolEntity.type = "TOOL";
+function makeToolEntity(data, appObject) {
+    return new ToolEntityImp(data, appObject);
+}
+exports.makeToolEntity = makeToolEntity;
+class ToolEntityImp extends ToolEntity {
+    constructor(data, appObject) {
+        super(appObject, ToolEntity.type);
+        this.memoizedState = new Entities_1.MemoizedString(ToolState.ENABLED, this.notifyOnChange);
+        this.actions = [];
+        this._isAction = false;
+        this.registerAction = (action) => {
+            this.actions.push(action);
+            this._isAction = true;
+        };
+        this.triggerActions = () => {
+            this.actions.forEach((action) => {
+                action();
+            });
+        };
+        this.isMyHotkey = (hotkey) => {
+            let isMine = false;
+            this.hotkeys.forEach((myHotkey) => {
+                if (this.hotkeysMatch(myHotkey, hotkey)) {
+                    isMine = true;
+                }
+            });
+            return isMine;
+        };
+        this.toolType = data.toolType;
+        this.memoizedLabel = new Entities_1.MemoizedString(data.label, this.notifyOnChange);
+        this.isDefault = data.isDefault;
+        this.memoizedShortcut = new Entities_1.MemoizedString(data.shortcutLabel, this.notifyOnChange);
+        this.hotkeys = data.hotkeys;
+    }
+    get label() {
+        return this.memoizedLabel.val;
+    }
+    set label(toolLabel) {
+        this.memoizedLabel.val = toolLabel;
+    }
+    get shortcutLabel() {
+        return this.memoizedShortcut.val;
+    }
+    set shortcutLabel(shorcut) {
+        this.memoizedShortcut.val = shorcut;
+    }
+    get state() {
+        return this.memoizedState.val;
+    }
+    set state(val) {
+        this.memoizedState.val = val;
+    }
+    get isAction() {
+        return this._isAction;
+    }
+    hotkeysMatch(a, b) {
+        if (a.keyCode !== b.keyCode)
+            return false;
+        const aComplete = this.fillInMissingModifiers(a);
+        const bComplete = this.fillInMissingModifiers(b);
+        if (aComplete.alt !== bComplete.alt)
+            return false;
+        if (aComplete.control !== bComplete.control)
+            return false;
+        if (aComplete.meta !== bComplete.meta)
+            return false;
+        if (aComplete.shift !== bComplete.shift)
+            return false;
+        return true;
+    }
+    fillInMissingModifiers(hotkey) {
+        const rVal = Object.assign({}, hotkey);
+        rVal.alt = hotkey.alt === undefined ? false : hotkey.alt;
+        rVal.control = hotkey.control === undefined ? false : hotkey.control;
+        rVal.meta = hotkey.meta === undefined ? false : hotkey.meta;
+        rVal.shift = hotkey.shift === undefined ? false : hotkey.shift;
+        return rVal;
+    }
+}

package/lib/AppObjectComponents/Tools/Entities/ToolRepository.d.ts

@@ -0,0 +1,17 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { HotKey, ToolData, ToolEntity } from "./ToolEntity";
+export declare abstract class ToolRepository<ToolTypes> extends AppObjectEntity {
+    static readonly type = "TOOL_REPOSITORY";
+    abstract get activeTool(): ToolEntity<ToolTypes> | undefined;
+    abstract get allTools(): ToolEntity<ToolTypes>[];
+    abstract setupToolsFromData(toolData: ToolData<ToolTypes>[]): void;
+    abstract getTool(toolType: ToolTypes): ToolEntity<ToolTypes> | undefined;
+    abstract getToolForHotkey(hotkey: HotKey): ToolEntity<ToolTypes> | undefined;
+    abstract setDefaultToolActive(): void;
+    abstract triggerTool(toolType: ToolTypes): void;
+    abstract toggleToolVisibility(toolType: ToolTypes): void;
+    static get<ToolTypes>(appObjects: AppObjectRepo): ToolRepository<ToolTypes> | undefined;
+}
+export declare function makeToolRepo<ToolTypes>(appObject: AppObject): ToolRepository<ToolTypes>;

package/lib/AppObjectComponents/Tools/Entities/ToolRepository.js

@@ -0,0 +1,132 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeToolRepo = exports.ToolRepository = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const App_1 = require("../../App");
+const setupTool_1 = require("../Factories/setupTool");
+const ToolEntity_1 = require("./ToolEntity");
+class ToolRepository extends AppObjectEntity_1.AppObjectEntity {
+    static get(appObjects) {
+        const components = appObjects.getAllComponents(ToolRepository.type);
+        if (components.length === 0) {
+            App_1.submitWarning("ToolRepository", `Unable to find component ${ToolRepository.type}. Add one on Mount`, appObjects);
+            return undefined;
+        }
+        else if (components.length > 1) {
+            App_1.submitWarning("ToolRepository", `Multiple ${ToolRepository.type} found. There should only be one. Using the first one`, appObjects);
+        }
+        return components[0];
+    }
+}
+exports.ToolRepository = ToolRepository;
+ToolRepository.type = "TOOL_REPOSITORY";
+function makeToolRepo(appObject) {
+    return new ToolRepositoryImp(appObject);
+}
+exports.makeToolRepo = makeToolRepo;
+class ToolRepositoryImp extends ToolRepository {
+    constructor(appObject) {
+        super(appObject, ToolRepository.type);
+        this.toolLookup = new Map();
+    }
+    get allTools() {
+        return Array.from(this.toolLookup.values());
+    }
+    setDefaultToolActive() {
+        if (this._defaultToolType !== undefined) {
+            this.triggerTool(this._defaultToolType);
+        }
+        else {
+            console.warn(`[ToolRepository] No default tools has been specified`);
+        }
+    }
+    setupToolsFromData(toolDatas) {
+        toolDatas.forEach((toolData) => {
+            const toolType = toolData.toolType;
+            if (this.toolLookup.has(toolType)) {
+                console.warn(`[ToolRepository] A tool with the ID ${toolData.toolType} already exists. Replacing`);
+            }
+            const tool = setupTool_1.setupTool(toolData, this.appObject.appObjectRepo);
+            this.toolLookup.set(toolType, tool);
+            if (toolData.isDefault) {
+                if (this._defaultToolType) {
+                    console.warn(`[ToolRepository] More than one tools is marked as default. Replacing`);
+                }
+                this._defaultToolType = toolType;
+            }
+        });
+        if (!this._defaultToolType) {
+            console.warn(`[ToolRepository] No default tools was specified. Defaulting to the first tool in the list`);
+            this._defaultToolType = Array.from(this.toolLookup.keys())[0];
+        }
+        if (this._defaultToolType) {
+            this.triggerTool(this._defaultToolType);
+        }
+    }
+    getTool(type) {
+        return this.toolLookup.get(type);
+    }
+    getToolForHotkey(hotkey) {
+        let tool;
+        this.allTools.forEach((t) => {
+            if (t.isMyHotkey(hotkey)) {
+                tool = t;
+            }
+        });
+        return tool;
+    }
+    get activeTool() {
+        if (!this._activeToolType)
+            return undefined;
+        return this.getTool(this._activeToolType);
+    }
+    triggerTool(type) {
+        if (this._activeToolType === type)
+            return;
+        const newActiveTool = this.toolLookup.get(type);
+        if (!newActiveTool) {
+            console.warn(`[ToolRepository] Unable to find tool ${type}`);
+            return;
+        }
+        if (newActiveTool.isAction) {
+            newActiveTool.triggerActions();
+            return;
+        }
+        if (newActiveTool.state === ToolEntity_1.ToolState.DISABLED) {
+            return;
+        }
+        if (newActiveTool.state === ToolEntity_1.ToolState.HIDDEN) {
+            return;
+        }
+        this.toolLookup.forEach((tool) => {
+            if (tool.toolType === type) {
+                this._activeToolType = type;
+                tool.state = ToolEntity_1.ToolState.ACTIVE;
+            }
+            else if (tool.state === ToolEntity_1.ToolState.ACTIVE) {
+                tool.state = ToolEntity_1.ToolState.ENABLED;
+            }
+        });
+        this.notifyOnChange();
+    }
+    toggleToolVisibility(type) {
+        const tool = this.getTool(type);
+        if (!tool) {
+            console.warn(`[ToolRepository] Unable to find tool to toggle: ${type}`);
+            return;
+        }
+        if (tool.toolType === this._defaultToolType) {
+            console.warn(`[ToolRepository] The default tool's visibility cannot be toggled`);
+            return;
+        }
+        if (tool.state === ToolEntity_1.ToolState.HIDDEN) {
+            tool.state = ToolEntity_1.ToolState.ENABLED;
+        }
+        else {
+            if (tool.state === ToolEntity_1.ToolState.ACTIVE) {
+                this.setDefaultToolActive();
+            }
+            tool.state = ToolEntity_1.ToolState.HIDDEN;
+        }
+    }
+}

package/lib/AppObjectComponents/Tools/Factories/setupTool.d.ts

@@ -0,0 +1,3 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { ToolData, ToolEntity } from "../Entities/ToolEntity";
+export declare function setupTool<ToolTypes>(toolData: ToolData<ToolTypes>, appObjects: AppObjectRepo): ToolEntity<ToolTypes>;

package/lib/AppObjectComponents/Tools/Factories/setupTool.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupTool = void 0;
+const ToolEntity_1 = require("../Entities/ToolEntity");
+const ToolPM_1 = require("../PresentationManagers/ToolPM");
+function setupTool(toolData, appObjects) {
+    const tool = appObjects.getOrCreate(toolData.label);
+    const toolEntity = ToolEntity_1.makeToolEntity(toolData, tool);
+    const pm = new ToolPM_1.ToolPM(tool);
+    return toolEntity;
+}
+exports.setupTool = setupTool;

package/lib/AppObjectComponents/Tools/Factories/setupToolRepo.d.ts

@@ -0,0 +1,4 @@
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { ToolData } from "../Entities/ToolEntity";
+import { ToolRepository } from "../Entities/ToolRepository";
+export declare function setupToolRepo<ToolTypes>(data: ToolData<ToolTypes>[], appObjects: AppObjectRepo): ToolRepository<ToolTypes>;

package/lib/AppObjectComponents/Tools/Factories/setupToolRepo.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupToolRepo = void 0;
+const ToolHotkeys_1 = require("../Controller/ToolHotkeys");
+const ToolRepository_1 = require("../Entities/ToolRepository");
+function setupToolRepo(data, appObjects) {
+    const toolRepo = appObjects.getOrCreate("ToolRepo");
+    const entity = ToolRepository_1.makeToolRepo(toolRepo);
+    entity.setupToolsFromData(data);
+    new ToolHotkeys_1.ToolHotkeys(toolRepo);
+    return entity;
+}
+exports.setupToolRepo = setupToolRepo;

package/lib/AppObjectComponents/Tools/PresentationManagers/ToolPM.d.ts

@@ -0,0 +1,19 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectPM } from "../../../AppObject/AppObjectPM";
+export interface ToolVM<ToolType> {
+    toolType: ToolType;
+    label: string;
+    enabled: boolean;
+    selected: boolean;
+    show: boolean;
+    shortcutLabel: string;
+    tooltipLabel: string;
+}
+export declare class ToolPM<ToolType> extends AppObjectPM<ToolVM<ToolType>> {
+    static readonly type = "ToolPM";
+    private tool?;
+    vmsAreEqual(a: ToolVM<ToolType>, b: ToolVM<ToolType>): boolean;
+    onToolChange: () => void;
+    dispose: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/AppObjectComponents/Tools/PresentationManagers/ToolPM.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolPM = void 0;
+const AppObjectPM_1 = require("../../../AppObject/AppObjectPM");
+const App_1 = require("../../App");
+const ToolEntity_1 = require("../Entities/ToolEntity");
+class ToolPM extends AppObjectPM_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, ToolPM.type);
+        this.onToolChange = () => {
+            if (!this.tool)
+                return;
+            const { toolType, state, label, shortcutLabel } = this.tool;
+            let enabled = false;
+            if (state === ToolEntity_1.ToolState.ACTIVE || state === ToolEntity_1.ToolState.ENABLED) {
+                enabled = true;
+            }
+            const selected = state === ToolEntity_1.ToolState.ACTIVE ? true : false;
+            const show = state === ToolEntity_1.ToolState.HIDDEN ? false : true;
+            const tooltipLabel = `${label} [${shortcutLabel}]`;
+            const vm = {
+                toolType: toolType,
+                enabled,
+                label,
+                selected,
+                show,
+                shortcutLabel,
+                tooltipLabel,
+            };
+            this.doUpdateView(vm);
+        };
+        this.dispose = () => {
+            var _a;
+            super.dispose();
+            (_a = this.tool) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onToolChange);
+        };
+        this.tool = appObject.getComponent(ToolEntity_1.ToolEntity.type);
+        if (!this.tool) {
+            App_1.submitWarning("ToolPM", "ToolPM is being added to an object that does not have a Tool Entity", appObject.appObjectRepo);
+            return;
+        }
+        else {
+            this.tool.addChangeObserver(this.onToolChange);
+            this.onToolChange();
+        }
+    }
+    vmsAreEqual(a, b) {
+        if (a.toolType !== b.toolType)
+            return false;
+        if (a.enabled !== b.enabled)
+            return false;
+        if (a.label !== b.label)
+            return false;
+        if (a.selected !== b.selected)
+            return false;
+        if (a.show !== b.show)
+            return false;
+        if (a.shortcutLabel !== b.shortcutLabel)
+            return false;
+        if (a.tooltipLabel !== b.tooltipLabel)
+            return false;
+        return true;
+    }
+}
+exports.ToolPM = ToolPM;
+ToolPM.type = "ToolPM";

package/lib/AppObjectComponents/Tools/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./Entities/ToolEntity";
+export * from "./Entities/ToolRepository";
+export * from "./PresentationManagers/ToolPM";
+export * from "./Controller/triggerTool";
+export * from "./Controller/ToolHotkeys";
+export * from "./Factories/setupToolRepo";

package/lib/AppObjectComponents/Tools/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Entities/ToolEntity"), exports);
+__exportStar(require("./Entities/ToolRepository"), exports);
+__exportStar(require("./PresentationManagers/ToolPM"), exports);
+__exportStar(require("./Controller/triggerTool"), exports);
+__exportStar(require("./Controller/ToolHotkeys"), exports);
+__exportStar(require("./Factories/setupToolRepo"), exports);

package/lib/AppObjectComponents/TouchController/Entities/TouchInput.d.ts

@@ -0,0 +1,33 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { Vector2 } from "../../../ValueObjects";
+export interface TouchInputEvent {
+    touchCount: number;
+    touchCenter: Vector2;
+    touches: TouchData[];
+    event: TouchEvent;
+}
+export interface TouchData {
+    id: number;
+    position: Vector2;
+    touch?: Touch;
+}
+export interface TouchController {
+    onTouchStart?: (e: TouchInputEvent) => void;
+    onTouchMove?: (e: TouchInputEvent) => void;
+    onTouchEnd?: (e: TouchInputEvent) => void;
+    onTouchCancel?: (e: TouchInputEvent) => void;
+}
+export declare abstract class TouchInputEntity extends AppObjectEntity {
+    static readonly type = "TouchInputEntity";
+    abstract get eventElement(): HTMLElement | undefined;
+    abstract eventElementBounds?: DOMRect;
+    abstract setEventElement: (eventElement: HTMLElement) => void;
+    abstract clearInputElement: () => void;
+    abstract updateInputElementBounds: () => void;
+    abstract registerController: (controller: TouchController) => void;
+    abstract removeController: (controller: TouchController) => void;
+    static get(appObjects: AppObjectRepo): TouchInputEntity | undefined;
+}
+export declare function makeTouchInput(appObject: AppObject): TouchInputEntity;

package/lib/AppObjectComponents/TouchController/Entities/TouchInput.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeTouchInput = exports.TouchInputEntity = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const ValueObjects_1 = require("../../../ValueObjects");
+class TouchInputEntity extends AppObjectEntity_1.AppObjectEntity {
+    static get(appObjects) {
+        const components = appObjects.getAllComponents(TouchInputEntity.type);
+        if (components.length === 0) {
+            console.warn(`Unable to find component ${TouchInputEntity.type}. Add one on Mount`);
+            return undefined;
+        }
+        else if (components.length > 1) {
+            console.warn(`Multiple ${TouchInputEntity.type} found. There should only be one. Using the first one`);
+        }
+        return components[0];
+    }
+}
+exports.TouchInputEntity = TouchInputEntity;
+TouchInputEntity.type = "TouchInputEntity";
+function makeTouchInput(appObject) {
+    return new TouchInputImp(appObject);
+}
+exports.makeTouchInput = makeTouchInput;
+class TouchInputImp extends TouchInputEntity {
+    constructor(appObject) {
+        super(appObject, TouchInputEntity.type);
+        this.controllers = [];
+        this._eventElement = undefined;
+        this.updateInputElementBounds = () => {
+            if (!this._eventElement)
+                return;
+            this.eventElementBounds = this._eventElement.getBoundingClientRect(); // Expensive so we cache
+        };
+        this.getTouchOffsetPosition = (touch) => {
+            if (!this.eventElementBounds) {
+                console.warn("No target bounds");
+                return ValueObjects_1.Vector2.Zero();
+            }
+            const x = touch.clientX - this.eventElementBounds.x;
+            const y = touch.clientY - this.eventElementBounds.y;
+            return new ValueObjects_1.Vector2(x, y);
+        };
+        this.setEventElement = (eventElement) => {
+            if (this._eventElement)
+                this.clearInputElement();
+            eventElement.addEventListener("touchstart", this.onTouchStart, false);
+            eventElement.addEventListener("touchmove", this.onTouchMove, false);
+            eventElement.addEventListener("touchend", this.onTouchEnd, false);
+            eventElement.addEventListener("touchcancel", this.onTouchCancel, false);
+            this.eventElementBounds = eventElement.getBoundingClientRect();
+            this._eventElement = eventElement;
+        };
+        this.onTouchStart = (e) => {
+            if (e.cancelable)
+                e.preventDefault();
+            const touchInput = this.createTouchInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onTouchStart) {
+                    c.onTouchStart(touchInput);
+                }
+            });
+        };
+        this.onTouchMove = (e) => {
+            if (e.cancelable)
+                e.preventDefault();
+            const touchInput = this.createTouchInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onTouchMove) {
+                    c.onTouchMove(touchInput);
+                }
+            });
+        };
+        this.onTouchEnd = (e) => {
+            if (e.cancelable)
+                e.preventDefault();
+            const touchInput = this.createTouchInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onTouchEnd) {
+                    c.onTouchEnd(touchInput);
+                }
+            });
+        };
+        this.onTouchCancel = (e) => {
+            if (e.cancelable)
+                e.preventDefault();
+            const touchInput = this.createTouchInputEvent(e);
+            this.controllers.forEach((c) => {
+                if (c.onTouchCancel) {
+                    c.onTouchCancel(touchInput);
+                }
+            });
+        };
+        this.clearInputElement = () => {
+            if (!this._eventElement)
+                return;
+            this._eventElement.removeEventListener("touchstart", this.onTouchStart);
+            this._eventElement.removeEventListener("touchmove", this.onTouchMove);
+            this._eventElement.removeEventListener("touchend", this.onTouchEnd);
+            this._eventElement.removeEventListener("touchcancel", this.onTouchCancel);
+            this._eventElement = undefined;
+        };
+        this.registerController = (controller) => {
+            this.controllers.push(controller);
+        };
+        this.removeController = (controller) => {
+            const index = this.controllers.indexOf(controller);
+            if (index >= 0) {
+                this.controllers.splice(index, 1);
+            }
+        };
+    }
+    get eventElement() {
+        return this._eventElement;
+    }
+    createTouchInputEvent(event) {
+        const touches = [];
+        const touchCount = event.touches.length;
+        let minX = 0;
+        let maxX = 0;
+        let minY = 0;
+        let maxY = 0;
+        for (let i = 0; i < touchCount; i++) {
+            const touch = event.touches[i];
+            const position = this.getTouchOffsetPosition(touch);
+            touches.push({
+                id: touch.identifier,
+                touch,
+                position,
+            });
+            if (i === 0) {
+                minX = position.x;
+                maxX = position.x;
+                minY = position.y;
+                maxY = position.y;
+            }
+            else {
+                minX = Math.min(minX, position.x);
+                maxX = Math.max(maxX, position.x);
+                minY = Math.min(minY, position.y);
+                maxY = Math.max(maxY, position.y);
+            }
+        }
+        let cntX = 0;
+        let cntY = 0;
+        if (touchCount === 1) {
+            cntX = maxX;
+            cntY = maxY;
+        }
+        else {
+            cntX = minX + (maxX - minX) / 2;
+            cntY = minY + (maxY - minY) / 2;
+        }
+        return {
+            touchCenter: new ValueObjects_1.Vector2(cntX, cntY),
+            touchCount,
+            touches,
+            event,
+        };
+    }
+}

package/lib/AppObjectComponents/TouchController/Mock/MockTouchInput.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject/AppObject";
+import { TouchInputEntity } from "../Entities/TouchInput";
+export declare class MockTouchInputEntity extends TouchInputEntity {
+    get eventElement(): HTMLElement | undefined;
+    eventElementBounds?: DOMRect | undefined;
+    setEventElement: jest.Mock<any, any>;
+    clearInputElement: jest.Mock<any, any>;
+    updateInputElementBounds: jest.Mock<any, any>;
+    registerController: jest.Mock<any, any>;
+    removeController: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}