@vived/app 4.13.0 → 4.14.0

package/lib/Components/Transform3D/Controllers/Touch/PinchTransformTC.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PinchTransformTC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const TouchController_1 = require("../../../TouchController");
+const UC_1 = require("../../UC");
+class PinchTransformTC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, PinchTransformTC.type);
+        this.isPinching = false;
+        this.allow = (e) => {
+            return true;
+        };
+        this.onTouchStart = (e) => {
+            var _a;
+            this.isPinching = false;
+            if (e.touches.length !== 2) {
+                return;
+            }
+            if (!this.allow(e)) {
+                return;
+            }
+            (_a = this.pinchUC) === null || _a === void 0 ? void 0 : _a.initializePinch(e.touches[0].position, e.touches[1].position);
+            this.isPinching = true;
+        };
+        this.onTouchMove = (e) => {
+            var _a;
+            if (!this.isPinching)
+                return;
+            if (e.touches.length !== 2)
+                return;
+            (_a = this.pinchUC) === null || _a === void 0 ? void 0 : _a.doPinch(e.touches[0].position, e.touches[1].position);
+        };
+        this.onTouchEnd = () => {
+            var _a;
+            this.isPinching = false;
+            (_a = this.pinchUC) === null || _a === void 0 ? void 0 : _a.finishPinch();
+        };
+        const appObjects = appObject.appObjectRepo;
+        this.pinchUC = appObject.getComponent(UC_1.PinchTransformUC.type);
+        if (!this.pinchUC) {
+            this.error("App Object does not have PinchTransformUC");
+            return;
+        }
+        const touchInput = TouchController_1.TouchInputEntity.get(appObjects);
+        if (touchInput) {
+            touchInput.registerController(this);
+        }
+        else {
+            this.warn("Unable to find TouchInputEntity");
+        }
+    }
+}
+exports.PinchTransformTC = PinchTransformTC;
+PinchTransformTC.type = "PinchTransformTC";

package/lib/Components/Transform3D/Controllers/Touch/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./DragScaleTransformTC";
+export * from "./PanTransformTC";
+export * from "./PinchTransformTC";

package/lib/Components/Transform3D/Controllers/Touch/index.js

@@ -0,0 +1,15 @@
+"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("./DragScaleTransformTC"), exports);
+__exportStar(require("./PanTransformTC"), exports);
+__exportStar(require("./PinchTransformTC"), exports);

package/lib/Components/Transform3D/Controllers/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Mouse";
+export * from "./Stylus";
+export * from "./Touch";

package/lib/Components/Transform3D/Controllers/index.js

@@ -0,0 +1,15 @@
+"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("./Mouse"), exports);
+__exportStar(require("./Stylus"), exports);
+__exportStar(require("./Touch"), exports);

package/lib/Components/Transform3D/Mocks/MockBumpTransformScaleAboutPixelPoint.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { BumpTransformScaleAboutPixelPointUC } from "../UC";
+export declare class MockBumpTransformScaleAboutPixelPoint extends BumpTransformScaleAboutPixelPointUC {
+    enabled: boolean;
+    minScale?: number | undefined;
+    maxScale?: number | undefined;
+    sensitivity: number;
+    allow: jest.Mock<any, any>;
+    bump: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Mocks/MockBumpTransformScaleAboutPixelPoint.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockBumpTransformScaleAboutPixelPoint = void 0;
+const UC_1 = require("../UC");
+class MockBumpTransformScaleAboutPixelPoint extends UC_1.BumpTransformScaleAboutPixelPointUC {
+    constructor(appObject) {
+        super(appObject, UC_1.BumpTransformScaleAboutPixelPointUC.type);
+        this.enabled = true;
+        this.sensitivity = 1;
+        this.allow = jest.fn();
+        this.bump = jest.fn();
+    }
+}
+exports.MockBumpTransformScaleAboutPixelPoint = MockBumpTransformScaleAboutPixelPoint;

package/lib/Components/Transform3D/Mocks/MockPanTransformUC.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { PanTransformUC } from "../UC";
+export declare class MockPanTransformUC extends PanTransformUC {
+    enabled: boolean;
+    minX?: number | undefined;
+    maxX?: number | undefined;
+    minY?: number | undefined;
+    maxY?: number | undefined;
+    dispatchStateChangeOnComplete: boolean;
+    updatePixel: jest.Mock<any, any>;
+    initializePixel: jest.Mock<any, any>;
+    finish: jest.Mock<any, any>;
+    cancelPan: jest.Mock<any, any>;
+    updateRay: jest.Mock<any, any>;
+    initializeRay: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Mocks/MockPanTransformUC.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockPanTransformUC = void 0;
+const UC_1 = require("../UC");
+class MockPanTransformUC extends UC_1.PanTransformUC {
+    constructor(appObject) {
+        super(appObject, UC_1.PanTransformUC.type);
+        this.enabled = true;
+        this.dispatchStateChangeOnComplete = false;
+        this.updatePixel = jest.fn();
+        this.initializePixel = jest.fn();
+        this.finish = jest.fn();
+        this.cancelPan = jest.fn();
+        this.updateRay = jest.fn();
+        this.initializeRay = jest.fn();
+    }
+}
+exports.MockPanTransformUC = MockPanTransformUC;

package/lib/Components/Transform3D/Mocks/MockPinchTransformUC.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { PinchTransformUC } from "../UC";
+export declare class MockPinchTransformUC extends PinchTransformUC {
+    enabled: boolean;
+    sensitivity: number;
+    minScale?: number | undefined;
+    maxScale?: number | undefined;
+    doPinch: jest.Mock<any, any>;
+    initializePinch: jest.Mock<any, any>;
+    finishPinch: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Mocks/MockPinchTransformUC.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockPinchTransformUC = void 0;
+const UC_1 = require("../UC");
+class MockPinchTransformUC extends UC_1.PinchTransformUC {
+    constructor(appObject) {
+        super(appObject, UC_1.PinchTransformUC.type);
+        this.enabled = true;
+        this.sensitivity = 0;
+        this.doPinch = jest.fn();
+        this.initializePinch = jest.fn();
+        this.finishPinch = jest.fn();
+    }
+}
+exports.MockPinchTransformUC = MockPinchTransformUC;

package/lib/Components/Transform3D/Mocks/MockRayPanScaleTransformUC.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { RayPanScaleTransformUC } from "../UC";
+export declare class MockRayPanScaleTransformUC extends RayPanScaleTransformUC {
+    enabled: boolean;
+    sensitivity: number;
+    minScale?: number | undefined;
+    maxScale?: number | undefined;
+    minX?: number | undefined;
+    maxX?: number | undefined;
+    minY?: number | undefined;
+    maxY?: number | undefined;
+    update: jest.Mock<any, any>;
+    initialize: jest.Mock<any, any>;
+    finish: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Mocks/MockRayPanScaleTransformUC.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockRayPanScaleTransformUC = void 0;
+const UC_1 = require("../UC");
+class MockRayPanScaleTransformUC extends UC_1.RayPanScaleTransformUC {
+    constructor(appObject) {
+        super(appObject, UC_1.RayPanScaleTransformUC.type);
+        this.enabled = true;
+        this.sensitivity = 1;
+        this.update = jest.fn();
+        this.initialize = jest.fn();
+        this.finish = jest.fn();
+    }
+}
+exports.MockRayPanScaleTransformUC = MockRayPanScaleTransformUC;

package/lib/Components/Transform3D/Mocks/MockRayScaleTransform.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { ScaleTransformUC } from "../UC";
+export declare class MockRayScaleTransform extends ScaleTransformUC {
+    enabled: boolean;
+    pixelSensitivity: number;
+    raySensitivity: number;
+    minScale?: number | undefined;
+    maxScale?: number | undefined;
+    updateRay: jest.Mock<any, any>;
+    initializeRay: jest.Mock<any, any>;
+    finish: jest.Mock<any, any>;
+    initializePixel: jest.Mock<any, any>;
+    updatePixel: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Mocks/MockRayScaleTransform.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MockRayScaleTransform = void 0;
+const UC_1 = require("../UC");
+class MockRayScaleTransform extends UC_1.ScaleTransformUC {
+    constructor(appObject) {
+        super(appObject, UC_1.ScaleTransformUC.type);
+        this.enabled = true;
+        this.pixelSensitivity = 1;
+        this.raySensitivity = 1;
+        this.updateRay = jest.fn();
+        this.initializeRay = jest.fn();
+        this.finish = jest.fn();
+        this.initializePixel = jest.fn();
+        this.updatePixel = jest.fn();
+    }
+}
+exports.MockRayScaleTransform = MockRayScaleTransform;

package/lib/Components/Transform3D/Mocks/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./MockBumpTransformScaleAboutPixelPoint";
+export * from "./MockPanTransformUC";
+export * from "./MockPinchTransformUC";
+export * from "./MockRayPanScaleTransformUC";
+export * from "./MockRayScaleTransform";

package/lib/Components/Transform3D/Mocks/index.js

@@ -0,0 +1,17 @@
+"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("./MockBumpTransformScaleAboutPixelPoint"), exports);
+__exportStar(require("./MockPanTransformUC"), exports);
+__exportStar(require("./MockPinchTransformUC"), exports);
+__exportStar(require("./MockRayPanScaleTransformUC"), exports);
+__exportStar(require("./MockRayScaleTransform"), exports);

package/lib/Components/Transform3D/UC/BumpTransformScaleAboutPixelPoint.d.ts

@@ -0,0 +1,12 @@
+import { AppObject, AppObjectUC } from "../../../AppObject";
+import { Vector2 } from "../../../ValueObjects";
+export declare abstract class BumpTransformScaleAboutPixelPointUC extends AppObjectUC {
+    static readonly type = "BumpTransformScaleAboutPixelPointUC";
+    abstract sensitivity: number;
+    abstract minScale?: number | undefined;
+    abstract maxScale?: number | undefined;
+    abstract enabled: boolean;
+    abstract allow(): boolean;
+    abstract bump(direction: "IN" | "OUT", pixelPosition: Vector2): void;
+}
+export declare function makeBumpTransformScaleAboutPixelPointUC(appObject: AppObject): BumpTransformScaleAboutPixelPointUC;

package/lib/Components/Transform3D/UC/BumpTransformScaleAboutPixelPoint.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeBumpTransformScaleAboutPixelPointUC = exports.BumpTransformScaleAboutPixelPointUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+const Babylon_1 = require("../../Babylon");
+const Dispatcher_1 = require("../../Dispatcher");
+const Entities_1 = require("../Entities");
+class BumpTransformScaleAboutPixelPointUC extends AppObject_1.AppObjectUC {
+}
+exports.BumpTransformScaleAboutPixelPointUC = BumpTransformScaleAboutPixelPointUC;
+BumpTransformScaleAboutPixelPointUC.type = "BumpTransformScaleAboutPixelPointUC";
+function makeBumpTransformScaleAboutPixelPointUC(appObject) {
+    return new BumpTransformScaleAboutPixelPointUCImp(appObject);
+}
+exports.makeBumpTransformScaleAboutPixelPointUC = makeBumpTransformScaleAboutPixelPointUC;
+class BumpTransformScaleAboutPixelPointUCImp extends BumpTransformScaleAboutPixelPointUC {
+    constructor(appObject) {
+        super(appObject, BumpTransformScaleAboutPixelPointUC.type);
+        this.enabled = true;
+        this.sensitivity = 0.1;
+        this.allow = () => {
+            return true;
+        };
+        this.bump = (direction, pixelPosition) => {
+            var _a;
+            if (!this.enabled)
+                return;
+            if (!this.transform)
+                return;
+            if (!this.allow())
+                return;
+            let bumpDirection = -1;
+            if (direction === "IN") {
+                bumpDirection = 1;
+            }
+            const currentScale = this.transform.worldScale.x;
+            const scaleDelta = bumpDirection * this.sensitivity * currentScale;
+            const pick = Babylon_1.scenePixelPick(pixelPosition, this.appObjects);
+            const pickPoint = (_a = pick === null || pick === void 0 ? void 0 : pick.worldPickPoint) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+            this.bumpScaleAboutPoint(scaleDelta, pickPoint);
+            Dispatcher_1.dispatchStateChange(this.appObjects);
+        };
+        this.bumpScaleAboutPoint = (amount, worldPoint) => {
+            if (!this.transform)
+                return;
+            const localPickOffset = this.transform.worldPointToLocal(worldPoint);
+            const currentScale = this.transform.worldScale.x;
+            let newScale = currentScale + amount;
+            if (this.minScale !== undefined && newScale < this.minScale) {
+                newScale = this.minScale;
+            }
+            if (this.maxScale !== undefined && newScale > this.maxScale) {
+                newScale = this.maxScale;
+            }
+            this.transform.worldScale = new ValueObjects_1.Vector3(newScale, newScale, newScale);
+            const worldPickOffset = this.transform.localPointToWorld(localPickOffset);
+            const bump = ValueObjects_1.Vector3.Subtract(worldPoint, worldPickOffset);
+            this.transform.worldPosition = ValueObjects_1.Vector3.Add(bump, this.transform.worldPosition);
+        };
+        this.transform = appObject.getComponent(Entities_1.Transform3D.type);
+        if (!this.transform) {
+            this.error("BumpSceneRootScaleAboutPixelPointImp UC has been added to an App Object that does not have a Transform");
+            return;
+        }
+    }
+}

package/lib/Components/Transform3D/UC/PanTransformUC.d.ts

@@ -0,0 +1,18 @@
+import { AppObject, AppObjectUC } from "../../../AppObject";
+import { ParametricLine, Vector2 } from "../../../ValueObjects";
+export declare abstract class PanTransformUC extends AppObjectUC {
+    static readonly type = "PanTransformUC";
+    abstract minX?: number;
+    abstract maxX?: number;
+    abstract minY?: number;
+    abstract maxY?: number;
+    abstract dispatchStateChangeOnComplete: boolean;
+    abstract enabled: boolean;
+    abstract updatePixel: (pixel: Vector2) => void;
+    abstract initializePixel: (pixel: Vector2) => void;
+    abstract updateRay: (ray: ParametricLine) => void;
+    abstract initializeRay: (ray: ParametricLine) => void;
+    abstract finish: () => void;
+    abstract cancelPan: () => void;
+}
+export declare function makePanTransformUC(appObject: AppObject): PanTransformUC;

package/lib/Components/Transform3D/UC/PanTransformUC.js

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePanTransformUC = exports.PanTransformUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+const Babylon_1 = require("../../Babylon");
+const Dispatcher_1 = require("../../Dispatcher");
+const Entities_1 = require("../Entities");
+class PanTransformUC extends AppObject_1.AppObjectUC {
+}
+exports.PanTransformUC = PanTransformUC;
+PanTransformUC.type = "PanTransformUC";
+function makePanTransformUC(appObject) {
+    return new PanTransformUCImp(appObject);
+}
+exports.makePanTransformUC = makePanTransformUC;
+class PanTransformUCImp extends PanTransformUC {
+    constructor(appObject) {
+        super(appObject, PanTransformUC.type);
+        this.enabled = true;
+        this.panPlane = ValueObjects_1.ParametricPlane.XY();
+        this.dispatchStateChangeOnComplete = true;
+        this.pickOffset = ValueObjects_1.Vector3.Zero();
+        this.initialPosition = ValueObjects_1.Vector3.Zero();
+        this.hasBeenInitialized = false;
+        this.initializePixel = (initialPixelPos) => {
+            const ray = Babylon_1.pixelToSceneRay(initialPixelPos, this.appObjects);
+            this.initializeRay(ray);
+        };
+        this.updatePixel = (pixelPosition) => {
+            if (!this.enabled)
+                return;
+            const pickRay = Babylon_1.pixelToSceneRay(pixelPosition, this.appObjects);
+            this.updateRay(pickRay);
+        };
+        this.initializeRay = (ray) => {
+            var _a;
+            if (!this.transformNode)
+                return;
+            const pick = (_a = this.panPlane.intersectLine(ray)) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+            const rootPos = this.transformNode.worldPosition;
+            this.pickOffset = ValueObjects_1.Vector3.Subtract(rootPos, pick);
+            this.hasBeenInitialized = true;
+            this.initialPosition = this.transformNode.worldPosition;
+        };
+        this.updateRay = (ray) => {
+            var _a;
+            if (!this.transformNode)
+                return;
+            if (!this.hasBeenInitialized)
+                return;
+            if (!this.enabled)
+                return;
+            const pick = (_a = this.panPlane.intersectLine(ray)) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+            let wPos = ValueObjects_1.Vector3.Add(pick, this.pickOffset);
+            if (this.minX !== undefined && wPos.x < this.minX) {
+                wPos = new ValueObjects_1.Vector3(this.minX, wPos.y, wPos.z);
+            }
+            if (this.maxX !== undefined && wPos.x > this.maxX) {
+                wPos = new ValueObjects_1.Vector3(this.maxX, wPos.y, wPos.z);
+            }
+            if (this.minY !== undefined && wPos.y < this.minY) {
+                wPos = new ValueObjects_1.Vector3(wPos.x, this.minY, wPos.z);
+            }
+            if (this.maxY !== undefined && wPos.y > this.maxY) {
+                wPos = new ValueObjects_1.Vector3(wPos.x, this.maxY, wPos.z);
+            }
+            this.transformNode.worldPosition = wPos;
+        };
+        this.finish = () => {
+            var _a;
+            if (!this.transformNode)
+                return;
+            if (!this.hasBeenInitialized)
+                return;
+            if (!this.enabled)
+                return;
+            this.hasBeenInitialized = false;
+            if (ValueObjects_1.Vector3.Equal(this.initialPosition, (_a = this.transformNode) === null || _a === void 0 ? void 0 : _a.worldPosition))
+                return;
+            if (this.dispatchStateChangeOnComplete) {
+                Dispatcher_1.dispatchStateChange(this.appObjects);
+            }
+        };
+        this.cancelPan = () => {
+            this.hasBeenInitialized = false;
+        };
+        this.transformNode = appObject.getComponent(Entities_1.Transform3D.type);
+        if (!this.transformNode) {
+            this.error("App Object does not have a Transform3D");
+            return;
+        }
+    }
+}

package/lib/Components/Transform3D/UC/PinchTransform.d.ts

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectUC } from "../../../AppObject";
+import { Vector2 } from "../../../ValueObjects";
+export declare abstract class PinchTransformUC extends AppObjectUC {
+    static readonly type = "PinchTransformUC";
+    abstract sensitivity: number;
+    abstract enabled: boolean;
+    abstract minScale?: number;
+    abstract maxScale?: number;
+    abstract doPinch: (touchPos1: Vector2, touchPos2: Vector2) => void;
+    abstract initializePinch: (touchPos1: Vector2, touchPos2: Vector2) => void;
+    abstract finishPinch: () => void;
+}
+export declare function makePinchTransformUC(appObject: AppObject): PinchTransformUC;

package/lib/Components/Transform3D/UC/PinchTransform.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makePinchTransformUC = exports.PinchTransformUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+const Babylon_1 = require("../../Babylon");
+const Dispatcher_1 = require("../../Dispatcher");
+const Entities_1 = require("../Entities");
+class PinchTransformUC extends AppObject_1.AppObjectUC {
+}
+exports.PinchTransformUC = PinchTransformUC;
+PinchTransformUC.type = "PinchTransformUC";
+function makePinchTransformUC(appObject) {
+    return new PinchTransformUCImp(appObject);
+}
+exports.makePinchTransformUC = makePinchTransformUC;
+class PinchTransformUCImp extends PinchTransformUC {
+    constructor(appObject) {
+        super(appObject, PinchTransformUC.type);
+        this.sensitivity = 0.01;
+        this.enabled = true;
+        this.previousDistanceBetweenTouches = 0;
+        this.panPlane = ValueObjects_1.ParametricPlane.XY();
+        this.pickOffset = ValueObjects_1.Vector3.Zero();
+        this.initialScale = 0;
+        this.initializePinch = (touchPos1, touchPos2) => {
+            var _a, _b;
+            if (!this.transform)
+                return;
+            this.previousDistanceBetweenTouches = this.getTouchDistance(touchPos1, touchPos2);
+            const touchCenter = this.getTouchCenter(touchPos1, touchPos2);
+            const scenePick = Babylon_1.scenePixelPick(touchCenter, this.appObjects);
+            const pickPoint = (_a = scenePick === null || scenePick === void 0 ? void 0 : scenePick.worldPickPoint) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+            const pickPlaneDirection = ValueObjects_1.Vector3.Backward();
+            this.panPlane = ValueObjects_1.ParametricPlane.FromPointNormal(pickPoint, pickPlaneDirection);
+            const pickRay = Babylon_1.pixelToSceneRay(touchCenter, this.appObjects);
+            const planePick = (_b = this.panPlane.intersectLine(pickRay)) !== null && _b !== void 0 ? _b : ValueObjects_1.Vector3.Zero();
+            this.pickOffset = this.transform.worldPointToLocal(planePick);
+            this.initialScale = this.transform.worldScale.x;
+        };
+        this.doPinch = (touchPos1, touchPos2) => {
+            var _a;
+            if (!this.enabled)
+                return;
+            if (!this.transform)
+                return;
+            const currentTouchDist = this.getTouchDistance(touchPos1, touchPos2);
+            const touchDelta = currentTouchDist - this.previousDistanceBetweenTouches;
+            const currentScale = this.transform.worldScale.x;
+            const scaleDelta = touchDelta * this.sensitivity * currentScale;
+            let newScale = currentScale + scaleDelta;
+            if (this.minScale !== undefined && newScale < this.minScale) {
+                newScale = this.minScale;
+            }
+            if (this.maxScale !== undefined && newScale > this.maxScale) {
+                newScale = this.maxScale;
+            }
+            this.transform.worldScale = new ValueObjects_1.Vector3(newScale, newScale, newScale);
+            const touchCenter = this.getTouchCenter(touchPos1, touchPos2);
+            const pickRay = Babylon_1.pixelToSceneRay(touchCenter, this.appObjects);
+            const planePick = (_a = this.panPlane.intersectLine(pickRay)) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+            const globalOffset = this.transform.localPointToWorld(this.pickOffset);
+            const delta = ValueObjects_1.Vector3.Subtract(planePick, globalOffset);
+            const currentWorldPos = this.transform.worldPosition;
+            const newWorldPos = ValueObjects_1.Vector3.Add(currentWorldPos, delta);
+            this.transform.worldPosition = newWorldPos;
+            this.previousDistanceBetweenTouches = currentTouchDist;
+        };
+        this.finishPinch = () => {
+            var _a;
+            if (this.initialScale === ((_a = this.transform) === null || _a === void 0 ? void 0 : _a.worldScale.x))
+                return;
+            Dispatcher_1.dispatchStateChange(this.appObjects);
+        };
+        this.transform = appObject.getComponent(Entities_1.Transform3D.type);
+        if (!this.transform) {
+            this.warn("PinchSceneRootUC UC has been added to an App Object that does not have a Transform3D");
+            return;
+        }
+    }
+    getTouchCenter(t1, t2) {
+        const delta = ValueObjects_1.Vector2.Subtract(t2, t1);
+        const halfDelta = ValueObjects_1.Vector2.NewVectorOfLength(delta.unit, 0.5 * delta.magnitued);
+        return ValueObjects_1.Vector2.Add(t1, halfDelta);
+    }
+    getTouchDistance(t1, t2) {
+        const delta = ValueObjects_1.Vector2.Subtract(t2, t1);
+        return delta.magnitued;
+    }
+}

package/lib/Components/Transform3D/UC/RayPanScaleTransform.d.ts

@@ -0,0 +1,17 @@
+import { AppObject, AppObjectUC } from "../../../AppObject";
+import { ParametricLine } from "../../../ValueObjects";
+export declare abstract class RayPanScaleTransformUC extends AppObjectUC {
+    static readonly type = "RayPanScaleTransformUC";
+    abstract sensitivity: number;
+    abstract enabled: boolean;
+    abstract minScale?: number;
+    abstract maxScale?: number;
+    abstract minX?: number;
+    abstract maxX?: number;
+    abstract minY?: number;
+    abstract maxY?: number;
+    abstract update: (ray: ParametricLine) => void;
+    abstract initialize: (ray: ParametricLine) => void;
+    abstract finish: () => void;
+}
+export declare function makeRayPanScaleTransformUC(appObject: AppObject): RayPanScaleTransformUC;