@vived/app 4.14.0 → 4.14.1

package/lib/Components/Babylon/Mocks/MockBabylonRenderingUC.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="jest" />
-import { AppObjectRepo } from "../../../AppObject";
-import { AppObject } from "../../../AppObject/AppObject";
-import { BabylonRenderingUC } from "../UC/BabylonRenderingUC";
+import { AppObject, AppObjectRepo } from "../../../AppObject";
+import { BabylonRenderingUC } from "../UC";
 export declare class MockBabylonRenderingUC extends BabylonRenderingUC {
     submitRenderCanvas: jest.Mock<any, any>;
     clearRenderCanvas: jest.Mock<any, any>;

package/lib/Components/Babylon/Mocks/MockBabylonRenderingUC.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMockBabylonRenderingUC = exports.MockBabylonRenderingUC = void 0;
-const BabylonRenderingUC_1 = require("../UC/BabylonRenderingUC");
-class MockBabylonRenderingUC extends BabylonRenderingUC_1.BabylonRenderingUC {
+const UC_1 = require("../UC");
+class MockBabylonRenderingUC extends UC_1.BabylonRenderingUC {
     constructor(appObject) {
-        super(appObject, BabylonRenderingUC_1.BabylonRenderingUC.type);
+        super(appObject, UC_1.BabylonRenderingUC.type);
         this.submitRenderCanvas = jest.fn();
         this.clearRenderCanvas = jest.fn();
         this.resize = jest.fn();

package/lib/Components/Babylon/Mocks/MockPixelToSceneRayUC.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="jest" />
 import { AppObject, AppObjectRepo } from "../../../AppObject";
-import { PixelToSceneRayUC } from "../UC/PixelToSceneRayUC";
+import { PixelToSceneRayUC } from "../UC";
 export declare class MockPixelToSceneRayUC extends PixelToSceneRayUC {
     pixelToSceneRay: jest.Mock<any, any>;
     constructor(appObject: AppObject);

package/lib/Components/Babylon/Mocks/MockPixelToSceneRayUC.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMockPixelToSceneRayUC = exports.MockPixelToSceneRayUC = void 0;
-const PixelToSceneRayUC_1 = require("../UC/PixelToSceneRayUC");
-class MockPixelToSceneRayUC extends PixelToSceneRayUC_1.PixelToSceneRayUC {
+const UC_1 = require("../UC");
+class MockPixelToSceneRayUC extends UC_1.PixelToSceneRayUC {
     constructor(appObject) {
-        super(appObject, PixelToSceneRayUC_1.PixelToSceneRayUC.type);
+        super(appObject, UC_1.PixelToSceneRayUC.type);
         this.pixelToSceneRay = jest.fn();
     }
 }

package/lib/Components/Babylon/Mocks/MockSceneRayPickUC.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="jest" />
 import { AppObject, AppObjectRepo } from "../../../AppObject";
-import { SceneRayPickUC } from "../UC/SceneRayPickUC";
+import { SceneRayPickUC } from "../UC";
 export declare class MockSceneRayPickUC extends SceneRayPickUC {
     sceneRayPick: jest.Mock<any, any>;
     constructor(appObject: AppObject);

package/lib/Components/Babylon/Mocks/MockSceneRayPickUC.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeMockSceneRayPickUC = exports.MockSceneRayPickUC = void 0;
-const SceneRayPickUC_1 = require("../UC/SceneRayPickUC");
-class MockSceneRayPickUC extends SceneRayPickUC_1.SceneRayPickUC {
+const UC_1 = require("../UC");
+class MockSceneRayPickUC extends UC_1.SceneRayPickUC {
     constructor(appObject) {
-        super(appObject, SceneRayPickUC_1.SceneRayPickUC.type);
+        super(appObject, UC_1.SceneRayPickUC.type);
         this.sceneRayPick = jest.fn();
     }
 }

package/lib/Components/Babylon/UC/BabylonRenderingUC.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-import { AppObject } from "../../../AppObject";
 import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
 import { AppObjectUC } from "../../../AppObject/AppObjectUC";
 export declare abstract class BabylonRenderingUC extends AppObjectUC {
@@ -9,10 +7,3 @@ export declare abstract class BabylonRenderingUC extends AppObjectUC {
     abstract clearRenderCanvas: () => void;
     abstract resize: () => void;
 }
-export declare class MockBabylonRenderingUC extends BabylonRenderingUC {
-    submitRenderCanvas: jest.Mock<any, any>;
-    clearRenderCanvas: jest.Mock<any, any>;
-    resize: jest.Mock<any, any>;
-    constructor(appObject: AppObject);
-}
-export declare function makeMockBabylonRenderingUC(appObjects: AppObjectRepo): MockBabylonRenderingUC;

package/lib/Components/Babylon/UC/BabylonRenderingUC.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeMockBabylonRenderingUC = exports.MockBabylonRenderingUC = exports.BabylonRenderingUC = void 0;
+exports.BabylonRenderingUC = void 0;
 const AppObject_1 = require("../../../AppObject");
 const AppObjectUC_1 = require("../../../AppObject/AppObjectUC");
 class BabylonRenderingUC extends AppObjectUC_1.AppObjectUC {
@@ -8,16 +8,3 @@ class BabylonRenderingUC extends AppObjectUC_1.AppObjectUC {
 exports.BabylonRenderingUC = BabylonRenderingUC;
 BabylonRenderingUC.type = "BabylonRenderingUC";
 BabylonRenderingUC.get = (appObjects) => AppObject_1.getSingletonComponent(BabylonRenderingUC.type, appObjects);
-class MockBabylonRenderingUC extends BabylonRenderingUC {
-    constructor(appObject) {
-        super(appObject, BabylonRenderingUC.type);
-        this.submitRenderCanvas = jest.fn();
-        this.clearRenderCanvas = jest.fn();
-        this.resize = jest.fn();
-    }
-}
-exports.MockBabylonRenderingUC = MockBabylonRenderingUC;
-function makeMockBabylonRenderingUC(appObjects) {
-    return new MockBabylonRenderingUC(appObjects.getOrCreate("Babylon"));
-}
-exports.makeMockBabylonRenderingUC = makeMockBabylonRenderingUC;

package/lib/Components/Babylon/UC/PixelToSceneRayUC.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-import { AppObject } from "../../../AppObject";
 import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
 import { AppObjectUC } from "../../../AppObject/AppObjectUC";
 import { ParametricLine, Vector2 } from "../../../ValueObjects";
@@ -9,8 +7,3 @@ export declare abstract class PixelToSceneRayUC extends AppObjectUC {
     abstract pixelToSceneRay: (pixelPos: Vector2) => ParametricLine;
 }
 export declare function pixelToSceneRay(pixelPos: Vector2, appObjects: AppObjectRepo): ParametricLine;
-export declare class MockPixelToSceneRayUC extends PixelToSceneRayUC {
-    pixelToSceneRay: jest.Mock<any, any>;
-    constructor(appObject: AppObject);
-}
-export declare function makeMockPixelToSceneRayUC(appObjects: AppObjectRepo): MockPixelToSceneRayUC;

package/lib/Components/Babylon/UC/PixelToSceneRayUC.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeMockPixelToSceneRayUC = exports.MockPixelToSceneRayUC = exports.pixelToSceneRay = exports.PixelToSceneRayUC = void 0;
+exports.pixelToSceneRay = exports.PixelToSceneRayUC = void 0;
 const AppObject_1 = require("../../../AppObject");
 const AppObjectUC_1 = require("../../../AppObject/AppObjectUC");
 const ValueObjects_1 = require("../../../ValueObjects");
@@ -18,14 +18,3 @@ function pixelToSceneRay(pixelPos, appObjects) {
     return uc.pixelToSceneRay(pixelPos);
 }
 exports.pixelToSceneRay = pixelToSceneRay;
-class MockPixelToSceneRayUC extends PixelToSceneRayUC {
-    constructor(appObject) {
-        super(appObject, PixelToSceneRayUC.type);
-        this.pixelToSceneRay = jest.fn();
-    }
-}
-exports.MockPixelToSceneRayUC = MockPixelToSceneRayUC;
-function makeMockPixelToSceneRayUC(appObjects) {
-    return new MockPixelToSceneRayUC(appObjects.getOrCreate("Babylon"));
-}
-exports.makeMockPixelToSceneRayUC = makeMockPixelToSceneRayUC;

package/lib/Components/Babylon/UC/ScenePixelPickUC.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-import { AppObject } from "../../../AppObject";
 import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
 import { AppObjectUC } from "../../../AppObject/AppObjectUC";
 import { ParametricLine, Vector2, Vector3 } from "../../../ValueObjects";
@@ -17,8 +15,3 @@ export declare abstract class ScenePixelPickUC extends AppObjectUC {
     abstract scenePixelPick: (pixelPos: Vector2) => ScenePixelPick | undefined;
 }
 export declare function scenePixelPick(pixelPos: Vector2, appObjects: AppObjectRepo): ScenePixelPick | undefined;
-export declare class MockScenePixelPickUC extends ScenePixelPickUC {
-    scenePixelPick: jest.Mock<any, any>;
-    constructor(appObject: AppObject);
-}
-export declare function makeMockScenePixelPickUC(appObjects: AppObjectRepo): MockScenePixelPickUC;

package/lib/Components/Babylon/UC/ScenePixelPickUC.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeMockScenePixelPickUC = exports.MockScenePixelPickUC = exports.scenePixelPick = exports.ScenePixelPickUC = void 0;
+exports.scenePixelPick = exports.ScenePixelPickUC = void 0;
 const AppObject_1 = require("../../../AppObject");
 const AppObjectUC_1 = require("../../../AppObject/AppObjectUC");
 class ScenePixelPickUC extends AppObjectUC_1.AppObjectUC {
@@ -17,14 +17,3 @@ function scenePixelPick(pixelPos, appObjects) {
     return uc.scenePixelPick(pixelPos);
 }
 exports.scenePixelPick = scenePixelPick;
-class MockScenePixelPickUC extends ScenePixelPickUC {
-    constructor(appObject) {
-        super(appObject, ScenePixelPickUC.type);
-        this.scenePixelPick = jest.fn();
-    }
-}
-exports.MockScenePixelPickUC = MockScenePixelPickUC;
-function makeMockScenePixelPickUC(appObjects) {
-    return new MockScenePixelPickUC(appObjects.getOrCreate("Babylon"));
-}
-exports.makeMockScenePixelPickUC = makeMockScenePixelPickUC;

package/lib/Components/Babylon/UC/SceneRayPickUC.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="jest" />
-import { AppObject } from "../../../AppObject";
 import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
 import { AppObjectUC } from "../../../AppObject/AppObjectUC";
 import { ParametricLine, Vector3 } from "../../../ValueObjects";
@@ -16,8 +14,3 @@ export declare abstract class SceneRayPickUC extends AppObjectUC {
     abstract sceneRayPick: (ray: ParametricLine) => SceneRayPick | undefined;
 }
 export declare function sceneRayPick(ray: ParametricLine, appObjects: AppObjectRepo): SceneRayPick | undefined;
-export declare class MockSceneRayPickUC extends SceneRayPickUC {
-    sceneRayPick: jest.Mock<any, any>;
-    constructor(appObject: AppObject);
-}
-export declare function makeMockSceneRayPickUC(appObjects: AppObjectRepo): MockSceneRayPickUC;

package/lib/Components/Babylon/UC/SceneRayPickUC.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeMockSceneRayPickUC = exports.MockSceneRayPickUC = exports.sceneRayPick = exports.SceneRayPickUC = void 0;
+exports.sceneRayPick = exports.SceneRayPickUC = void 0;
 const AppObject_1 = require("../../../AppObject");
 const AppObjectUC_1 = require("../../../AppObject/AppObjectUC");
 class SceneRayPickUC extends AppObjectUC_1.AppObjectUC {
@@ -17,14 +17,3 @@ function sceneRayPick(ray, appObjects) {
     return uc.sceneRayPick(ray);
 }
 exports.sceneRayPick = sceneRayPick;
-class MockSceneRayPickUC extends SceneRayPickUC {
-    constructor(appObject) {
-        super(appObject, SceneRayPickUC.type);
-        this.sceneRayPick = jest.fn();
-    }
-}
-exports.MockSceneRayPickUC = MockSceneRayPickUC;
-function makeMockSceneRayPickUC(appObjects) {
-    return new MockSceneRayPickUC(appObjects.getOrCreate("Babylon"));
-}
-exports.makeMockSceneRayPickUC = makeMockSceneRayPickUC;

package/lib/Components/Babylon/index.d.ts

@@ -1,3 +1,4 @@
 export * from "./Entities";
+export * from "./Mocks";
 export * from "./UC";
 export * from "./PM";

package/lib/Components/Babylon/index.js

@@ -11,5 +11,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Entities"), exports);
+__exportStar(require("./Mocks"), exports);
 __exportStar(require("./UC"), exports);
 __exportStar(require("./PM"), exports);

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

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

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

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

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

@@ -1,5 +1,6 @@
 /// <reference types="jest" />
 import { AppObject } from "../../../AppObject";
+import { ParametricPlane } from "../../../ValueObjects";
 import { RayPanScaleTransformUC } from "../UC";
 export declare class MockRayPanScaleTransformUC extends RayPanScaleTransformUC {
     enabled: boolean;
@@ -10,6 +11,7 @@ export declare class MockRayPanScaleTransformUC extends RayPanScaleTransformUC {
     maxX?: number | undefined;
     minY?: number | undefined;
     maxY?: number | undefined;
+    pickPlane?: ParametricPlane | undefined;
     update: jest.Mock<any, any>;
     initialize: jest.Mock<any, any>;
     finish: jest.Mock<any, any>;

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

@@ -1,5 +1,6 @@
 /// <reference types="jest" />
 import { AppObject } from "../../../AppObject";
+import { ParametricPlane } from "../../../ValueObjects";
 import { ScaleTransformUC } from "../UC";
 export declare class MockRayScaleTransform extends ScaleTransformUC {
     enabled: boolean;
@@ -7,6 +8,7 @@ export declare class MockRayScaleTransform extends ScaleTransformUC {
     raySensitivity: number;
     minScale?: number | undefined;
     maxScale?: number | undefined;
+    pickPlane?: ParametricPlane | undefined;
     updateRay: jest.Mock<any, any>;
     initializeRay: jest.Mock<any, any>;
     finish: jest.Mock<any, any>;

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

@@ -1,10 +1,11 @@
 import { AppObject, AppObjectUC } from "../../../AppObject";
-import { Vector2 } from "../../../ValueObjects";
+import { ParametricPlane, 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 pickPlane?: ParametricPlane;
     abstract enabled: boolean;
     abstract allow(): boolean;
     abstract bump(direction: "IN" | "OUT", pixelPosition: Vector2): void;

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

@@ -23,7 +23,7 @@ class BumpTransformScaleAboutPixelPointUCImp extends BumpTransformScaleAboutPixe
             return true;
         };
         this.bump = (direction, pixelPosition) => {
-            var _a;
+            var _a, _b, _c;
             if (!this.enabled)
                 return;
             if (!this.transform)
@@ -36,8 +36,14 @@ class BumpTransformScaleAboutPixelPointUCImp extends BumpTransformScaleAboutPixe
             }
             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();
+            let pickPoint = ValueObjects_1.Vector3.Zero();
+            if (this.pickPlane) {
+                const pickRay = Babylon_1.pixelToSceneRay(pixelPosition, this.appObjects);
+                pickPoint = (_a = this.pickPlane.intersectLine(pickRay)) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+            }
+            else {
+                pickPoint = (_c = (_b = Babylon_1.scenePixelPick(pixelPosition, this.appObjects)) === null || _b === void 0 ? void 0 : _b.worldPickPoint) !== null && _c !== void 0 ? _c : ValueObjects_1.Vector3.Zero();
+            }
             this.bumpScaleAboutPoint(scaleDelta, pickPoint);
             Dispatcher_1.dispatchStateChange(this.appObjects);
         };

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

@@ -1,11 +1,12 @@
 import { AppObject, AppObjectUC } from "../../../AppObject";
-import { Vector2 } from "../../../ValueObjects";
+import { ParametricPlane, 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 pickPlane?: ParametricPlane;
     abstract doPinch: (touchPos1: Vector2, touchPos2: Vector2) => void;
     abstract initializePinch: (touchPos1: Vector2, touchPos2: Vector2) => void;
     abstract finishPinch: () => void;

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

@@ -20,7 +20,7 @@ class PinchTransformUCImp extends PinchTransformUC {
         this.sensitivity = 0.01;
         this.enabled = true;
         this.previousDistanceBetweenTouches = 0;
-        this.panPlane = ValueObjects_1.ParametricPlane.XY();
+        this._panPlane = ValueObjects_1.ParametricPlane.XY();
         this.pickOffset = ValueObjects_1.Vector3.Zero();
         this.initialScale = 0;
         this.initializePinch = (touchPos1, touchPos2) => {
@@ -30,11 +30,16 @@ class PinchTransformUCImp extends PinchTransformUC {
             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);
+            if (this.pickPlane) {
+                this._panPlane = this.pickPlane;
+            }
+            else {
+                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();
+            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;
         };
@@ -58,7 +63,7 @@ class PinchTransformUCImp extends PinchTransformUC {
             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 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;

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

@@ -1,5 +1,5 @@
 import { AppObject, AppObjectUC } from "../../../AppObject";
-import { ParametricLine } from "../../../ValueObjects";
+import { ParametricLine, ParametricPlane } from "../../../ValueObjects";
 export declare abstract class RayPanScaleTransformUC extends AppObjectUC {
     static readonly type = "RayPanScaleTransformUC";
     abstract sensitivity: number;
@@ -10,6 +10,7 @@ export declare abstract class RayPanScaleTransformUC extends AppObjectUC {
     abstract maxX?: number;
     abstract minY?: number;
     abstract maxY?: number;
+    abstract pickPlane?: ParametricPlane;
     abstract update: (ray: ParametricLine) => void;
     abstract initialize: (ray: ParametricLine) => void;
     abstract finish: () => void;

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

@@ -22,16 +22,21 @@ class RayPanScaleTransformUCImp extends RayPanScaleTransformUC {
         this.allowUpdate = false;
         this.initialScale = 1;
         this.pickOffset = ValueObjects_1.Vector3.Zero();
-        this.panPlane = ValueObjects_1.ParametricPlane.XY();
+        this._panPlane = ValueObjects_1.ParametricPlane.XY();
         this.lastRayLength = 0;
         this.initialize = (ray) => {
             var _a, _b;
             this.allowUpdate = false;
             if (!this.transform)
                 return;
-            const pick = Babylon_1.sceneRayPick(ray, this.appObjects);
-            this.panPlane = ValueObjects_1.ParametricPlane.FromPointNormal((_a = pick === null || pick === void 0 ? void 0 : pick.worldPickPoint) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero(), ValueObjects_1.Vector3.Backward());
-            const pickPoint = (_b = this.panPlane.intersectLine(ray)) !== null && _b !== void 0 ? _b : ValueObjects_1.Vector3.Zero();
+            if (this.pickPlane) {
+                this._panPlane = this.pickPlane;
+            }
+            else {
+                const pick = Babylon_1.sceneRayPick(ray, this.appObjects);
+                this._panPlane = ValueObjects_1.ParametricPlane.FromPointNormal((_a = pick === null || pick === void 0 ? void 0 : pick.worldPickPoint) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero(), ValueObjects_1.Vector3.Backward());
+            }
+            const pickPoint = (_b = this._panPlane.intersectLine(ray)) !== null && _b !== void 0 ? _b : ValueObjects_1.Vector3.Zero();
             this.lastRayLength = ValueObjects_1.ParametricLine.GetDistanceToPoint(ray, pickPoint);
             this.pickOffset = this.transform.worldPointToLocal(pickPoint);
             this.initialScale = this.transform.worldScale.x;
@@ -45,7 +50,7 @@ class RayPanScaleTransformUCImp extends RayPanScaleTransformUC {
                 return;
             if (!this.transform)
                 return;
-            const pick = (_a = this.panPlane.intersectLine(ray)) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+            const pick = (_a = this._panPlane.intersectLine(ray)) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
             this.updateScale(ray, pick);
             this.updatePosition(pick);
         };

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

@@ -1,5 +1,5 @@
 import { AppObject, AppObjectUC } from "../../../AppObject";
-import { ParametricLine, Vector2 } from "../../../ValueObjects";
+import { ParametricLine, ParametricPlane, Vector2 } from "../../../ValueObjects";
 export declare abstract class ScaleTransformUC extends AppObjectUC {
     static readonly type = "ScaleTransformUC";
     abstract raySensitivity: number;
@@ -7,6 +7,7 @@ export declare abstract class ScaleTransformUC extends AppObjectUC {
     abstract enabled: boolean;
     abstract minScale?: number;
     abstract maxScale?: number;
+    abstract pickPlane?: ParametricPlane;
     abstract initializeRay: (ray: ParametricLine) => void;
     abstract updateRay: (ray: ParametricLine) => void;
     abstract initializePixel: (pixel: Vector2) => void;

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

@@ -92,12 +92,16 @@ class ScaleTransformUCImp extends ScaleTransformUC {
         }
     }
     doInitialize(ray) {
-        var _a;
+        var _a, _b, _c;
         this.isScaling = false;
         if (!this.transform)
             return;
-        const pick = Babylon_1.sceneRayPick(ray, this.appObjects);
-        this.pickPoint = (_a = pick === null || pick === void 0 ? void 0 : pick.worldPickPoint) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+        if (this.pickPlane) {
+            this.pickPoint = (_a = this.pickPlane.intersectLine(ray)) !== null && _a !== void 0 ? _a : ValueObjects_1.Vector3.Zero();
+        }
+        else {
+            this.pickPoint = (_c = (_b = Babylon_1.sceneRayPick(ray, this.appObjects)) === null || _b === void 0 ? void 0 : _b.worldPickPoint) !== null && _c !== void 0 ? _c : ValueObjects_1.Vector3.Zero();
+        }
         this.initialScale = this.transform.worldScale.x;
         this.isScaling = true;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vived/app",
-  "version": "4.14.0",
+  "version": "4.14.1",
   "description": "Public package for the VIVED Learning App system",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",