@vived/app 4.13.0 → 4.14.0

package/lib/Components/Question/Entities/QuestionAnswerEntity.d.ts

@@ -5,7 +5,6 @@ export declare const MAX_QUESTION_LENGTH = 40;
 export declare const LONG_TEXT_VALIDATION_MESSAGE: string;
 export declare const MAX_FEEDBACK_LENGTH = 200;
 export declare const LONG_FEEDBACK_VALIDATION_MESSAGE: string;
-export declare const FEEDBACK_STRING_CANNOT_BE_0_CHARACTERS = "Feedback string cannot be 0 characters.";
 export declare abstract class QuestionAnswerEntity extends AppObjectEntity {
     static readonly type = "QuestionAnswerEntity";
     abstract readonly id: string;

package/lib/Components/Question/Entities/QuestionAnswerEntity.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeQuestionAnswerEntity = exports.QuestionAnswerEntity = exports.FEEDBACK_STRING_CANNOT_BE_0_CHARACTERS = exports.LONG_FEEDBACK_VALIDATION_MESSAGE = exports.MAX_FEEDBACK_LENGTH = exports.LONG_TEXT_VALIDATION_MESSAGE = exports.MAX_QUESTION_LENGTH = exports.EMPTY_TEXT_VALIDATION_MESSAGE = void 0;
+exports.makeQuestionAnswerEntity = exports.QuestionAnswerEntity = exports.LONG_FEEDBACK_VALIDATION_MESSAGE = exports.MAX_FEEDBACK_LENGTH = exports.LONG_TEXT_VALIDATION_MESSAGE = exports.MAX_QUESTION_LENGTH = exports.EMPTY_TEXT_VALIDATION_MESSAGE = void 0;
 const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
 const Entities_1 = require("../../../Entities");
 exports.EMPTY_TEXT_VALIDATION_MESSAGE = "Answer text is required.";
@@ -8,7 +8,6 @@ exports.MAX_QUESTION_LENGTH = 40;
 exports.LONG_TEXT_VALIDATION_MESSAGE = `Answer text may not exceed ${exports.MAX_QUESTION_LENGTH} characters.`;
 exports.MAX_FEEDBACK_LENGTH = 200;
 exports.LONG_FEEDBACK_VALIDATION_MESSAGE = `Answer feedback may not exceed ${exports.MAX_FEEDBACK_LENGTH} characters.`;
-exports.FEEDBACK_STRING_CANNOT_BE_0_CHARACTERS = "Feedback string cannot be 0 characters.";
 class QuestionAnswerEntity extends AppObjectEntity_1.AppObjectEntity {
 }
 exports.QuestionAnswerEntity = QuestionAnswerEntity;
@@ -52,10 +51,7 @@ class QuestionAnswerEntityImp extends QuestionAnswerEntity {
         this.memoizedFeedback.val = val;
     }
     get feedbackValidationMessage() {
-        if (this.feedbackText.length === 0) {
-            return exports.FEEDBACK_STRING_CANNOT_BE_0_CHARACTERS;
-        }
-        else if (this.feedbackText.length > exports.MAX_FEEDBACK_LENGTH) {
+        if (this.feedbackText.length > exports.MAX_FEEDBACK_LENGTH) {
             return exports.LONG_FEEDBACK_VALIDATION_MESSAGE;
         }
         else {

package/lib/Components/Transform3D/Controllers/Mouse/DragScaleTransformMC.d.ts

@@ -0,0 +1,12 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { MouseController, MouseInputEvent } from "../../../MouseInput";
+export declare class DragScaleTransformMC extends AppObjectController implements MouseController {
+    static readonly type = "DragScaleTransformMC";
+    private isDragging;
+    private scaleUC?;
+    allow: (e: MouseInputEvent) => boolean;
+    onDown: (e: MouseInputEvent) => void;
+    onMove: (e: MouseInputEvent) => void;
+    onUp: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Controllers/Mouse/DragScaleTransformMC.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DragScaleTransformMC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const MouseInput_1 = require("../../../MouseInput");
+const UC_1 = require("../../UC");
+class DragScaleTransformMC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, DragScaleTransformMC.type);
+        this.isDragging = false;
+        this.allow = (e) => {
+            return true;
+        };
+        this.onDown = (e) => {
+            var _a;
+            this.isDragging = false;
+            if (!this.allow(e))
+                return;
+            const pixelPosition = e.position;
+            (_a = this.scaleUC) === null || _a === void 0 ? void 0 : _a.initializePixel(pixelPosition);
+            this.isDragging = true;
+        };
+        this.onMove = (e) => {
+            var _a;
+            if (!this.isDragging)
+                return;
+            (_a = this.scaleUC) === null || _a === void 0 ? void 0 : _a.updatePixel(e.position);
+        };
+        this.onUp = () => {
+            var _a;
+            this.isDragging = false;
+            (_a = this.scaleUC) === null || _a === void 0 ? void 0 : _a.finish();
+        };
+        this.scaleUC = appObject.getComponent(UC_1.ScaleTransformUC.type);
+        if (!this.scaleUC) {
+            this.error("App Object that does not have ScaleTransformUC");
+            return;
+        }
+        const mouseInput = MouseInput_1.MouseInputEntity.get(this.appObjects);
+        if (mouseInput) {
+            mouseInput.registerController(this);
+        }
+        else {
+            this.warn("Unable to find MouseInputEntity");
+        }
+    }
+}
+exports.DragScaleTransformMC = DragScaleTransformMC;
+DragScaleTransformMC.type = "DragScaleTransformMC";

package/lib/Components/Transform3D/Controllers/Mouse/PanTransformMC.d.ts

@@ -0,0 +1,12 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { MouseController, MouseInputEvent } from "../../../MouseInput";
+export declare class PanTransformMC extends AppObjectController implements MouseController {
+    static readonly type = "PanTransformMC";
+    private doPan;
+    allow: (e: MouseInputEvent) => boolean;
+    private panUC?;
+    onDown: (e: MouseInputEvent) => void;
+    onMove: (e: MouseInputEvent) => void;
+    onUp: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Controllers/Mouse/PanTransformMC.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanTransformMC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const MouseInput_1 = require("../../../MouseInput");
+const UC_1 = require("../../UC");
+class PanTransformMC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, PanTransformMC.type);
+        this.doPan = false;
+        this.allow = (e) => {
+            return true;
+        };
+        this.onDown = (e) => {
+            var _a;
+            this.doPan = false;
+            if (!this.allow(e))
+                return;
+            (_a = this.panUC) === null || _a === void 0 ? void 0 : _a.initializePixel(e.position);
+            this.doPan = true;
+        };
+        this.onMove = (e) => {
+            var _a;
+            if (!this.doPan)
+                return;
+            (_a = this.panUC) === null || _a === void 0 ? void 0 : _a.updatePixel(e.position);
+        };
+        this.onUp = () => {
+            var _a;
+            this.doPan = false;
+            (_a = this.panUC) === null || _a === void 0 ? void 0 : _a.finish();
+        };
+        this.panUC = appObject.getComponent(UC_1.PanTransformUC.type);
+        if (!this.panUC) {
+            this.error("Controller has been added to an App Object that does not have PanTransformUC. Add one first.");
+            return;
+        }
+        const mouseInput = MouseInput_1.MouseInputEntity.get(this.appObjects);
+        if (mouseInput) {
+            mouseInput.registerController(this);
+        }
+        else {
+            this.warn("Unable to find MouseInputEntity");
+        }
+    }
+}
+exports.PanTransformMC = PanTransformMC;
+PanTransformMC.type = "PanTransformMC";

package/lib/Components/Transform3D/Controllers/Mouse/RollScaleTransformMC.d.ts

@@ -0,0 +1,9 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { MouseController, MouseWheelEvent } from "../../../MouseInput";
+export declare class RollScaleTransformMC extends AppObjectController implements MouseController {
+    static readonly type = "RollScaleTransformMC";
+    private bumpScaleUC?;
+    allow: (e: MouseWheelEvent) => boolean;
+    onWheel: (e: MouseWheelEvent) => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Controllers/Mouse/RollScaleTransformMC.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RollScaleTransformMC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const MouseInput_1 = require("../../../MouseInput");
+const UC_1 = require("../../UC");
+class RollScaleTransformMC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, RollScaleTransformMC.type);
+        this.allow = (e) => {
+            return true;
+        };
+        this.onWheel = (e) => {
+            if (!this.allow(e))
+                return;
+            if (!this.bumpScaleUC) {
+                return;
+            }
+            this.bumpScaleUC.bump(e.event.deltaY > 0 ? "OUT" : "IN", e.position);
+        };
+        this.bumpScaleUC =
+            appObject.getComponent(UC_1.BumpTransformScaleAboutPixelPointUC.type);
+        if (!this.bumpScaleUC) {
+            this.error("Controller has been added to an App Object that does not have BumpTransformScaleAboutPixelPointUC. Add one first.");
+            return;
+        }
+        const mouseInput = MouseInput_1.MouseInputEntity.get(this.appObjects);
+        if (mouseInput) {
+            mouseInput.registerController(this);
+        }
+        else {
+            this.error("Unable to find MouseInputEntity");
+        }
+    }
+}
+exports.RollScaleTransformMC = RollScaleTransformMC;
+RollScaleTransformMC.type = "RollScaleTransformMC";

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

@@ -0,0 +1,3 @@
+export * from "./DragScaleTransformMC";
+export * from "./PanTransformMC";
+export * from "./RollScaleTransformMC";

package/lib/Components/Transform3D/Controllers/Mouse/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("./DragScaleTransformMC"), exports);
+__exportStar(require("./PanTransformMC"), exports);
+__exportStar(require("./RollScaleTransformMC"), exports);

package/lib/Components/Transform3D/Controllers/Stylus/PanScaleTransformSC.d.ts

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { StylusController } from "../../../Stylus";
+export declare class PanScaleTransformSC extends AppObjectController implements StylusController {
+    static readonly type = "PanScaleTransformSC";
+    private stylus?;
+    private uc?;
+    private doPan;
+    allow: (button: number) => boolean;
+    onButtonDown: (button: number) => void;
+    onButtonUp: () => void;
+    onStylusMove: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Controllers/Stylus/PanScaleTransformSC.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanScaleTransformSC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const Stylus_1 = require("../../../Stylus");
+const UC_1 = require("../../UC");
+class PanScaleTransformSC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, PanScaleTransformSC.type);
+        this.doPan = false;
+        this.allow = (button) => {
+            if (button === 0)
+                return true;
+            return false;
+        };
+        this.onButtonDown = (button) => {
+            this.doPan = false;
+            if (!this.stylus || !this.uc)
+                return;
+            if (!this.allow(button))
+                return;
+            this.uc.initialize(this.stylus.pickRay);
+            this.doPan = true;
+        };
+        this.onButtonUp = () => {
+            if (!this.doPan)
+                return;
+            this.doPan = false;
+            if (!this.uc)
+                return;
+            this.uc.finish();
+        };
+        this.onStylusMove = () => {
+            if (!this.stylus || !this.uc)
+                return;
+            if (!this.doPan)
+                return;
+            this.uc.update(this.stylus.pickRay);
+        };
+        this.stylus = Stylus_1.StylusEntity.get(this.appObjects);
+        if (!this.stylus) {
+            this.error("Unable to find StylusEntity");
+            return;
+        }
+        this.uc = appObject.getComponent(UC_1.RayPanScaleTransformUC.type);
+        if (!this.uc) {
+            this.error("App Object that does not have a StylusDragScaleTransformUC");
+            return;
+        }
+        this.stylus.registerController(this);
+    }
+}
+exports.PanScaleTransformSC = PanScaleTransformSC;
+PanScaleTransformSC.type = "PanScaleTransformSC";

package/lib/Components/Transform3D/Controllers/Stylus/PanTransformSC.d.ts

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { StylusController } from "../../../Stylus";
+export declare class PanTransformSC extends AppObjectController implements StylusController {
+    static readonly type = "PanTransformSC";
+    private stylus?;
+    private uc?;
+    private doUpdate;
+    allow: (button: number) => boolean;
+    onButtonDown: (button: number) => void;
+    onButtonUp: () => void;
+    onStylusMove: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Controllers/Stylus/PanTransformSC.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanTransformSC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const Stylus_1 = require("../../../Stylus");
+const UC_1 = require("../../UC");
+class PanTransformSC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, PanTransformSC.type);
+        this.doUpdate = false;
+        this.allow = (button) => {
+            if (button === 0)
+                return true;
+            return false;
+        };
+        this.onButtonDown = (button) => {
+            this.doUpdate = false;
+            if (!this.stylus || !this.uc)
+                return;
+            if (!this.allow(button))
+                return;
+            this.uc.initializeRay(this.stylus.pickRay);
+            this.doUpdate = true;
+        };
+        this.onButtonUp = () => {
+            if (!this.doUpdate)
+                return;
+            this.doUpdate = false;
+            if (!this.uc)
+                return;
+            this.uc.finish();
+        };
+        this.onStylusMove = () => {
+            if (!this.stylus || !this.uc)
+                return;
+            if (!this.doUpdate)
+                return;
+            this.uc.updateRay(this.stylus.pickRay);
+        };
+        this.stylus = Stylus_1.StylusEntity.get(this.appObjects);
+        if (!this.stylus) {
+            this.error("Unable to find StylusEntity");
+            return;
+        }
+        this.uc = appObject.getComponent(UC_1.PanTransformUC.type);
+        if (!this.uc) {
+            this.error("App Object that does not have a RayScaleTransformUC");
+            return;
+        }
+        this.stylus.registerController(this);
+    }
+}
+exports.PanTransformSC = PanTransformSC;
+PanTransformSC.type = "PanTransformSC";

package/lib/Components/Transform3D/Controllers/Stylus/ScaleTransformSC.d.ts

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { StylusController } from "../../../Stylus";
+export declare class ScaleTransformSC extends AppObjectController implements StylusController {
+    static readonly type = "ScaleTransformSC";
+    private stylus?;
+    private uc?;
+    private doUpdate;
+    allow: (button: number) => boolean;
+    onButtonDown: (button: number) => void;
+    onButtonUp: () => void;
+    onStylusMove: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Transform3D/Controllers/Stylus/ScaleTransformSC.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScaleTransformSC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const Stylus_1 = require("../../../Stylus");
+const UC_1 = require("../../UC");
+class ScaleTransformSC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, ScaleTransformSC.type);
+        this.doUpdate = false;
+        this.allow = (button) => {
+            if (button === 0)
+                return true;
+            return false;
+        };
+        this.onButtonDown = (button) => {
+            this.doUpdate = false;
+            if (!this.stylus || !this.uc)
+                return;
+            if (!this.allow(button))
+                return;
+            this.uc.initializeRay(this.stylus.pickRay);
+            this.doUpdate = true;
+        };
+        this.onButtonUp = () => {
+            if (!this.doUpdate)
+                return;
+            this.doUpdate = false;
+            if (!this.uc)
+                return;
+            this.uc.finish();
+        };
+        this.onStylusMove = () => {
+            if (!this.stylus || !this.uc)
+                return;
+            if (!this.doUpdate)
+                return;
+            this.uc.updateRay(this.stylus.pickRay);
+        };
+        this.stylus = Stylus_1.StylusEntity.get(this.appObjects);
+        if (!this.stylus) {
+            this.error("Unable to find StylusEntity");
+            return;
+        }
+        this.uc = appObject.getComponent(UC_1.ScaleTransformUC.type);
+        if (!this.uc) {
+            this.error("App Object that does not have a RayScaleTransformUC");
+            return;
+        }
+        this.stylus.registerController(this);
+    }
+}
+exports.ScaleTransformSC = ScaleTransformSC;
+ScaleTransformSC.type = "ScaleTransformSC";

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

@@ -0,0 +1,3 @@
+export * from "./PanScaleTransformSC";
+export * from "./PanTransformSC";
+export * from "./ScaleTransformSC";

package/lib/Components/Transform3D/Controllers/Stylus/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("./PanScaleTransformSC"), exports);
+__exportStar(require("./PanTransformSC"), exports);
+__exportStar(require("./ScaleTransformSC"), exports);

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

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { TouchController, TouchInputEvent } from "../../../TouchController";
+import { ScaleTransformUC } from "../../UC";
+export declare class DragScaleTransformTC extends AppObjectController implements TouchController {
+    static readonly type = "DragScaleTransformTC";
+    private isScaling;
+    scaleUC?: ScaleTransformUC;
+    allow: (e: TouchInputEvent) => boolean;
+    onTouchStart: (e: TouchInputEvent) => void;
+    onTouchMove: (e: TouchInputEvent) => void;
+    onTouchEnd: () => void;
+    constructor(appObject: AppObject);
+}

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

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

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

@@ -0,0 +1,12 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { TouchController, TouchInputEvent } from "../../../TouchController";
+export declare class PanTransformTC extends AppObjectController implements TouchController {
+    static readonly type = "PanTransformTC";
+    private isPanning;
+    private panUC?;
+    allow: (e: TouchInputEvent) => boolean;
+    onTouchStart: (e: TouchInputEvent) => void;
+    onTouchMove: (e: TouchInputEvent) => void;
+    onTouchEnd: (e: TouchInputEvent) => void;
+    constructor(appObject: AppObject);
+}

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

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanTransformTC = void 0;
+const AppObject_1 = require("../../../../AppObject");
+const TouchController_1 = require("../../../TouchController");
+const UC_1 = require("../../UC");
+class PanTransformTC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        super(appObject, PanTransformTC.type);
+        this.isPanning = false;
+        this.allow = (e) => {
+            return true;
+        };
+        this.onTouchStart = (e) => {
+            var _a, _b;
+            if (!this.allow(e)) {
+                this.isPanning = false;
+                (_a = this.panUC) === null || _a === void 0 ? void 0 : _a.cancelPan();
+                return;
+            }
+            (_b = this.panUC) === null || _b === void 0 ? void 0 : _b.initializePixel(e.touchCenter);
+            this.isPanning = true;
+        };
+        this.onTouchMove = (e) => {
+            var _a;
+            if (!this.isPanning)
+                return;
+            const pixelPosition = e.touches[0].position;
+            (_a = this.panUC) === null || _a === void 0 ? void 0 : _a.updatePixel(pixelPosition);
+        };
+        this.onTouchEnd = (e) => {
+            var _a;
+            this.isPanning = false;
+            (_a = this.panUC) === null || _a === void 0 ? void 0 : _a.finish();
+        };
+        const appObjects = appObject.appObjectRepo;
+        this.panUC = appObject.getComponent(UC_1.PanTransformUC.type);
+        if (!this.panUC) {
+            this.warn("Controller has been added to an App Object that does not have PanTransformUC. Add one first.");
+            return;
+        }
+        const touchInput = TouchController_1.TouchInputEntity.get(appObjects);
+        if (touchInput) {
+            touchInput.registerController(this);
+        }
+        else {
+            this.warn("Unable to find TouchInputEntity");
+        }
+    }
+}
+exports.PanTransformTC = PanTransformTC;
+PanTransformTC.type = "PanTransformTC";

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

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectController } from "../../../../AppObject";
+import { TouchController, TouchInputEvent } from "../../../TouchController";
+import { PinchTransformUC } from "../../UC";
+export declare class PinchTransformTC extends AppObjectController implements TouchController {
+    static readonly type = "PinchTransformTC";
+    private isPinching;
+    pinchUC?: PinchTransformUC;
+    allow: (e: TouchInputEvent) => boolean;
+    onTouchStart: (e: TouchInputEvent) => void;
+    onTouchMove: (e: TouchInputEvent) => void;
+    onTouchEnd: () => void;
+    constructor(appObject: AppObject);
+}