@vived/app 4.27.1 → 4.28.0

package/lib/{AppObjectComponents/ChannelModel → Components/Callouts/Entities}/index.js

@@ -10,5 +10,6 @@ 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/ChannelModel"), exports);
-__exportStar(require("./Entities/ChannelModelRepo"), exports);
+__exportStar(require("./CalloutEntity"), exports);
+__exportStar(require("./CalloutGlobals"), exports);
+__exportStar(require("./CalloutRepo"), exports);

package/lib/Components/Callouts/Mocks/CalloutLinePointsPmMock.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { CalloutLinePointsPM } from "../PM/CalloutLinePointsPM";
+export declare class CalloutLinePointsPmMock extends CalloutLinePointsPM {
+    vmsAreEqual: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/CalloutLinePointsPmMock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutLinePointsPmMock = void 0;
+const CalloutLinePointsPM_1 = require("../PM/CalloutLinePointsPM");
+class CalloutLinePointsPmMock extends CalloutLinePointsPM_1.CalloutLinePointsPM {
+    constructor(appObject) {
+        super(appObject, CalloutLinePointsPM_1.CalloutLinePointsPM.type);
+        this.vmsAreEqual = jest.fn();
+    }
+}
+exports.CalloutLinePointsPmMock = CalloutLinePointsPmMock;

package/lib/Components/Callouts/Mocks/CalloutListPmMock.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { CalloutListPM } from "../PM/CalloutListPM";
+export declare class CalloutListPmMock extends CalloutListPM {
+    vmsAreEqual: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/CalloutListPmMock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutListPmMock = void 0;
+const CalloutListPM_1 = require("../PM/CalloutListPM");
+class CalloutListPmMock extends CalloutListPM_1.CalloutListPM {
+    constructor(appObject) {
+        super(appObject, CalloutListPM_1.CalloutListPM.type);
+        this.vmsAreEqual = jest.fn();
+    }
+}
+exports.CalloutListPmMock = CalloutListPmMock;

package/lib/Components/Callouts/Mocks/CalloutOffsetPmMock.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { CalloutOffsetPM } from "../PM/CalloutOffsetPM";
+export declare class CalloutOffsetPmMock extends CalloutOffsetPM {
+    vmsAreEqual: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/CalloutOffsetPmMock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutOffsetPmMock = void 0;
+const CalloutOffsetPM_1 = require("../PM/CalloutOffsetPM");
+class CalloutOffsetPmMock extends CalloutOffsetPM_1.CalloutOffsetPM {
+    constructor(appObject) {
+        super(appObject, CalloutOffsetPM_1.CalloutOffsetPM.type);
+        this.vmsAreEqual = jest.fn();
+    }
+}
+exports.CalloutOffsetPmMock = CalloutOffsetPmMock;

package/lib/Components/Callouts/Mocks/CalloutSizePmMock.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { CalloutSizePM } from "../PM/CalloutSizePM";
+export declare class CalloutSizePmMock extends CalloutSizePM {
+    vmsAreEqual: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/CalloutSizePmMock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutSizePmMock = void 0;
+const CalloutSizePM_1 = require("../PM/CalloutSizePM");
+class CalloutSizePmMock extends CalloutSizePM_1.CalloutSizePM {
+    constructor(appObject) {
+        super(appObject, CalloutSizePM_1.CalloutSizePM.type);
+        this.vmsAreEqual = jest.fn();
+    }
+}
+exports.CalloutSizePmMock = CalloutSizePmMock;

package/lib/Components/Callouts/Mocks/CreateCalloutUcMock.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { CreateCalloutUC } from "../UC/CreateCalloutUC";
+export declare class CreateCalloutUcMock extends CreateCalloutUC {
+    fromDTO: jest.Mock<any, any>;
+    fromPick: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/CreateCalloutUcMock.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateCalloutUcMock = void 0;
+const CreateCalloutUC_1 = require("../UC/CreateCalloutUC");
+class CreateCalloutUcMock extends CreateCalloutUC_1.CreateCalloutUC {
+    constructor(appObject) {
+        super(appObject, CreateCalloutUC_1.CreateCalloutUC.type);
+        this.fromDTO = jest.fn();
+        this.fromPick = jest.fn();
+    }
+}
+exports.CreateCalloutUcMock = CreateCalloutUcMock;

package/lib/Components/Callouts/Mocks/DeleteCalloutUcMock.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { DeleteCalloutUC } from "../UC/DeleteCallout";
+export declare class DeleteCalloutUcMock extends DeleteCalloutUC {
+    delete: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/DeleteCalloutUcMock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteCalloutUcMock = void 0;
+const DeleteCallout_1 = require("../UC/DeleteCallout");
+class DeleteCalloutUcMock extends DeleteCallout_1.DeleteCalloutUC {
+    constructor(appObject) {
+        super(appObject, DeleteCallout_1.DeleteCalloutUC.type);
+        this.delete = jest.fn();
+    }
+}
+exports.DeleteCalloutUcMock = DeleteCalloutUcMock;

package/lib/Components/Callouts/Mocks/MoveCalloutToCamUcMock.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { MoveCalloutToCamUC } from "../UC/MoveCalloutToCamUC";
+export declare class MoveCalloutToCamUcMock extends MoveCalloutToCamUC {
+    moveCalloutToCam: jest.Mock<any, any>;
+    constructor(appObj: AppObject);
+}

package/lib/Components/Callouts/Mocks/MoveCalloutToCamUcMock.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoveCalloutToCamUcMock = void 0;
+const MoveCalloutToCamUC_1 = require("../UC/MoveCalloutToCamUC");
+class MoveCalloutToCamUcMock extends MoveCalloutToCamUC_1.MoveCalloutToCamUC {
+    constructor(appObj) {
+        super(appObj, MoveCalloutToCamUC_1.MoveCalloutToCamUC.type);
+        this.moveCalloutToCam = jest.fn();
+    }
+}
+exports.MoveCalloutToCamUcMock = MoveCalloutToCamUcMock;

package/lib/Components/Callouts/Mocks/SetCalloutSizeUcMock.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { SetCalloutSizeUC } from "../UC/SetCalloutSizeUC";
+export declare class SetCalloutSizeUcMock extends SetCalloutSizeUC {
+    updateSize: jest.Mock<any, any>;
+    submitSize: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/SetCalloutSizeUcMock.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetCalloutSizeUcMock = void 0;
+const SetCalloutSizeUC_1 = require("../UC/SetCalloutSizeUC");
+class SetCalloutSizeUcMock extends SetCalloutSizeUC_1.SetCalloutSizeUC {
+    constructor(appObject) {
+        super(appObject, SetCalloutSizeUC_1.SetCalloutSizeUC.type);
+        this.updateSize = jest.fn();
+        this.submitSize = jest.fn();
+    }
+}
+exports.SetCalloutSizeUcMock = SetCalloutSizeUcMock;

package/lib/Components/Callouts/Mocks/TryAddCalloutMock.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="jest" />
+import { AppObject, AppObjectRepo } from "../../../AppObject";
+import { TryAddCalloutUC } from "../UC/TryAddCallout";
+export declare class TryAddCalloutMock extends TryAddCalloutUC {
+    allow: jest.Mock<any, any>;
+    initializeWithPixel: jest.Mock<any, any>;
+    moveWithPixel: jest.Mock<any, any>;
+    initializeWithRay: jest.Mock<any, any>;
+    moveWithRay: jest.Mock<any, any>;
+    stop: jest.Mock<any, any>;
+    cancel: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}
+export declare function makeTryAddCalloutMock(appObjects: AppObjectRepo): TryAddCalloutMock;

package/lib/Components/Callouts/Mocks/TryAddCalloutMock.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeTryAddCalloutMock = exports.TryAddCalloutMock = void 0;
+const TryAddCallout_1 = require("../UC/TryAddCallout");
+class TryAddCalloutMock extends TryAddCallout_1.TryAddCalloutUC {
+    constructor(appObject) {
+        super(appObject, TryAddCallout_1.TryAddCalloutUC.type);
+        this.allow = jest.fn();
+        this.initializeWithPixel = jest.fn();
+        this.moveWithPixel = jest.fn();
+        this.initializeWithRay = jest.fn();
+        this.moveWithRay = jest.fn();
+        this.stop = jest.fn();
+        this.cancel = jest.fn();
+    }
+}
+exports.TryAddCalloutMock = TryAddCalloutMock;
+function makeTryAddCalloutMock(appObjects) {
+    return new TryAddCalloutMock(appObjects.getOrCreate("TryAddCalloutMock"));
+}
+exports.makeTryAddCalloutMock = makeTryAddCalloutMock;

package/lib/Components/Callouts/Mocks/TryBumpLabelUcMock.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="jest" />
+import { AppObject } from "../../../AppObject";
+import { TryBumpLabelUC } from "../UC/TryBumpLabelUC";
+export declare class TryBumpLabelUcMock extends TryBumpLabelUC {
+    allow: jest.Mock<any, any>;
+    tryWithRay: jest.Mock<any, any>;
+    tryWithPixel: jest.Mock<any, any>;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Mocks/TryBumpLabelUcMock.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TryBumpLabelUcMock = void 0;
+const TryBumpLabelUC_1 = require("../UC/TryBumpLabelUC");
+class TryBumpLabelUcMock extends TryBumpLabelUC_1.TryBumpLabelUC {
+    constructor(appObject) {
+        super(appObject, TryBumpLabelUC_1.TryBumpLabelUC.type);
+        this.allow = jest.fn();
+        this.tryWithRay = jest.fn();
+        this.tryWithPixel = jest.fn();
+    }
+}
+exports.TryBumpLabelUcMock = TryBumpLabelUcMock;

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

@@ -0,0 +1,8 @@
+export * from "./CalloutLinePointsPmMock";
+export * from "./CalloutListPmMock";
+export * from "./CalloutOffsetPmMock";
+export * from "./CalloutSizePmMock";
+export * from "./CreateCalloutUcMock";
+export * from "./DeleteCalloutUcMock";
+export * from "./SetCalloutSizeUcMock";
+export * from "./TryAddCalloutMock";

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

@@ -0,0 +1,20 @@
+"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("./CalloutLinePointsPmMock"), exports);
+__exportStar(require("./CalloutListPmMock"), exports);
+__exportStar(require("./CalloutOffsetPmMock"), exports);
+__exportStar(require("./CalloutSizePmMock"), exports);
+__exportStar(require("./CreateCalloutUcMock"), exports);
+__exportStar(require("./DeleteCalloutUcMock"), exports);
+__exportStar(require("./SetCalloutSizeUcMock"), exports);
+__exportStar(require("./TryAddCalloutMock"), exports);

package/lib/Components/Callouts/PM/CalloutLinePointsPM.d.ts

@@ -0,0 +1,7 @@
+import { AppObject, AppObjectPM, AppObjectRepo } from "../../../AppObject";
+import { Vector3 } from "../../../ValueObjects";
+export declare abstract class CalloutLinePointsPM extends AppObjectPM<Vector3[]> {
+    static readonly type = "CalloutLinePointsPM";
+    static getById(id: string, appObjects: AppObjectRepo): CalloutLinePointsPM | undefined;
+}
+export declare function makeCalloutLinePointsPM(appObject: AppObject): CalloutLinePointsPM;

package/lib/Components/Callouts/PM/CalloutLinePointsPM.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCalloutLinePointsPM = exports.CalloutLinePointsPM = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+const SceneRootEntity_1 = require("../../SceneRoot/Entities/SceneRootEntity");
+const CalloutEntity_1 = require("../Entities/CalloutEntity");
+class CalloutLinePointsPM extends AppObject_1.AppObjectPM {
+    static getById(id, appObjects) {
+        var _a;
+        return (_a = appObjects
+            .get(id)) === null || _a === void 0 ? void 0 : _a.getComponent(CalloutLinePointsPM.type);
+    }
+}
+exports.CalloutLinePointsPM = CalloutLinePointsPM;
+CalloutLinePointsPM.type = "CalloutLinePointsPM";
+function makeCalloutLinePointsPM(appObject) {
+    return new CalloutLinePMImp(appObject);
+}
+exports.makeCalloutLinePointsPM = makeCalloutLinePointsPM;
+class CalloutLinePMImp extends CalloutLinePointsPM {
+    constructor(appObject) {
+        super(appObject, CalloutLinePointsPM.type);
+        this.bumpScaleFactor = 0.002;
+        this.onChange = () => {
+            if (!this.callout || !this.sceneRootEntity)
+                return;
+            const bumpSize = this.bumpScaleFactor / this.sceneRootEntity.scale;
+            const startPos = this.callout.rootTransform.localPosition;
+            const startDir = ValueObjects_1.Vector3.Transform(ValueObjects_1.Vector3.Forward(), this.callout.rootTransform.localMatrix);
+            const startBumpOffset = ValueObjects_1.Vector3.NewVectorOfLength(startDir, bumpSize);
+            const startBump = ValueObjects_1.Vector3.Add(startPos, startBumpOffset);
+            const endPos = this.callout.labelTransform.localPosition;
+            const offsetDirection = this.callout.offsetDirection;
+            let localEndDir = ValueObjects_1.Vector3.Left();
+            if (offsetDirection === "DOWN") {
+                localEndDir = ValueObjects_1.Vector3.Up();
+            }
+            else if (offsetDirection === "UP") {
+                localEndDir = ValueObjects_1.Vector3.Down();
+            }
+            else if (offsetDirection === "LEFT") {
+                localEndDir = ValueObjects_1.Vector3.Left();
+            }
+            else if (offsetDirection === "RIGHT") {
+                localEndDir = ValueObjects_1.Vector3.Right();
+            }
+            const endDir = ValueObjects_1.Vector3.Transform(localEndDir, this.callout.labelTransform.localMatrix);
+            const endBumpOffset = ValueObjects_1.Vector3.NewVectorOfLength(endDir, bumpSize);
+            const endBump = ValueObjects_1.Vector3.Add(endPos, endBumpOffset);
+            this.doUpdateView([startPos, startBump, endBump, endPos]);
+        };
+        this.dispose = () => {
+            var _a, _b, _c, _d;
+            super.dispose();
+            (_a = this.sceneRootEntity) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onChange);
+            (_b = this.callout) === null || _b === void 0 ? void 0 : _b.removeChangeObserver(this.onChange);
+            (_c = this.callout) === null || _c === void 0 ? void 0 : _c.rootTransform.removeChangeObserver(this.onChange);
+            (_d = this.callout) === null || _d === void 0 ? void 0 : _d.labelTransform.removeChangeObserver(this.onChange);
+        };
+        if (this.callout) {
+            this.callout.addChangeObserver(this.onChange);
+            this.callout.rootTransform.addChangeObserver(this.onChange);
+            this.callout.labelTransform.addChangeObserver(this.onChange);
+        }
+        else {
+            this.error("App Object does not have a callout Entity");
+        }
+        if (this.sceneRootEntity) {
+            this.sceneRootEntity.addChangeObserver(this.onChange);
+        }
+        else {
+            this.error("Unable to find scene root");
+        }
+        this.onChange();
+    }
+    get callout() {
+        return this.getCachedLocalComponent(CalloutEntity_1.CalloutEntity.type);
+    }
+    get sceneRootEntity() {
+        return this.getCachedSingleton(SceneRootEntity_1.SceneRootEntity.type);
+    }
+    vmsAreEqual(a, b) {
+        if (a.length !== b.length)
+            return false;
+        let arraysAreTheSame = true;
+        a.forEach((aVec, i) => {
+            if (!arraysAreTheSame)
+                return;
+            const bVec = b[i];
+            if (!ValueObjects_1.Vector3.Equal(aVec, bVec)) {
+                arraysAreTheSame = false;
+            }
+        });
+        return arraysAreTheSame;
+    }
+}

package/lib/Components/Callouts/PM/CalloutListPM.d.ts

@@ -0,0 +1,6 @@
+import { AppObject, AppObjectPM, AppObjectRepo } from "../../../AppObject";
+export declare abstract class CalloutListPM extends AppObjectPM<string[]> {
+    static readonly type = "CalloutListPM";
+    static getById(id: string, appObjects: AppObjectRepo): CalloutListPM | undefined;
+}
+export declare function makeCalloutListPM(appObject: AppObject): CalloutListPM;

package/lib/Components/Callouts/PM/CalloutListPM.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCalloutListPM = exports.CalloutListPM = void 0;
+const AppObject_1 = require("../../../AppObject");
+const CalloutRepo_1 = require("../Entities/CalloutRepo");
+class CalloutListPM extends AppObject_1.AppObjectPM {
+    static getById(id, appObjects) {
+        var _a;
+        return (_a = appObjects.get(id)) === null || _a === void 0 ? void 0 : _a.getComponent(CalloutListPM.type);
+    }
+}
+exports.CalloutListPM = CalloutListPM;
+CalloutListPM.type = "CalloutListPM";
+function makeCalloutListPM(appObject) {
+    return new CalloutListPMImp(appObject);
+}
+exports.makeCalloutListPM = makeCalloutListPM;
+class CalloutListPMImp extends CalloutListPM {
+    constructor(appObject) {
+        var _a;
+        super(appObject, CalloutListPM.type);
+        this.onRepoChange = () => {
+            if (!this.calloutRepo)
+                return;
+            const callouts = this.calloutRepo.getAll();
+            const ids = callouts.map((callout) => callout.appObject.id);
+            this.doUpdateView(ids);
+        };
+        (_a = this.calloutRepo) === null || _a === void 0 ? void 0 : _a.addChangeObserver(this.onRepoChange);
+        this.onRepoChange();
+    }
+    get calloutRepo() {
+        return this.getCachedLocalComponent(CalloutRepo_1.CalloutRepo.type);
+    }
+    vmsAreEqual(a, b) {
+        if (a.length !== b.length)
+            return false;
+        let idAreTheSame = true;
+        a.forEach((aId, i) => {
+            if (!idAreTheSame)
+                return;
+            const bId = b[i];
+            if (aId !== bId) {
+                idAreTheSame = false;
+            }
+        });
+        return idAreTheSame;
+    }
+}

package/lib/Components/Callouts/PM/CalloutOffsetPM.d.ts

@@ -0,0 +1,7 @@
+import { AppObject, AppObjectPM, AppObjectRepo } from "../../../AppObject";
+import { CalloutOffsetDirection } from "../Entities/CalloutEntity";
+export declare abstract class CalloutOffsetPM extends AppObjectPM<CalloutOffsetDirection> {
+    static readonly type = "CalloutOffsetPM";
+    static get(id: string, appObjects: AppObjectRepo): CalloutOffsetPM | undefined;
+}
+export declare function makeCalloutOffsetPM(appObject: AppObject): CalloutOffsetPM;

package/lib/Components/Callouts/PM/CalloutOffsetPM.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCalloutOffsetPM = exports.CalloutOffsetPM = void 0;
+const AppObject_1 = require("../../../AppObject");
+const CalloutEntity_1 = require("../Entities/CalloutEntity");
+class CalloutOffsetPM extends AppObject_1.AppObjectPM {
+    static get(id, appObjects) {
+        var _a;
+        return (_a = appObjects
+            .get(id)) === null || _a === void 0 ? void 0 : _a.getComponent(CalloutOffsetPM.type);
+    }
+}
+exports.CalloutOffsetPM = CalloutOffsetPM;
+CalloutOffsetPM.type = "CalloutOffsetPM";
+function makeCalloutOffsetPM(appObject) {
+    return new CalloutOffsetPMImp(appObject);
+}
+exports.makeCalloutOffsetPM = makeCalloutOffsetPM;
+class CalloutOffsetPMImp extends CalloutOffsetPM {
+    constructor(appObject) {
+        var _a;
+        super(appObject, CalloutOffsetPM.type);
+        this.onChange = () => {
+            if (!this.callout)
+                return;
+            this.doUpdateView(this.callout.offsetDirection);
+        };
+        (_a = this.callout) === null || _a === void 0 ? void 0 : _a.addChangeObserver(this.onChange);
+        this.onChange();
+    }
+    get callout() {
+        return this.getCachedLocalComponent(CalloutEntity_1.CalloutEntity.type);
+    }
+    vmsAreEqual(a, b) {
+        return a === b;
+    }
+}

package/lib/Components/Callouts/PM/CalloutSizePM.d.ts

@@ -0,0 +1,6 @@
+import { AppObject, AppObjectPM, AppObjectRepo } from "../../../AppObject";
+export declare abstract class CalloutSizePM extends AppObjectPM<number> {
+    static readonly type = "CalloutSizePM";
+    static get(id: string, appObjects: AppObjectRepo): CalloutSizePM | undefined;
+}
+export declare function makeCalloutSizePM(appObject: AppObject): CalloutSizePM;

package/lib/Components/Callouts/PM/CalloutSizePM.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCalloutSizePM = exports.CalloutSizePM = void 0;
+const AppObject_1 = require("../../../AppObject");
+const CalloutEntity_1 = require("../Entities/CalloutEntity");
+class CalloutSizePM extends AppObject_1.AppObjectPM {
+    static get(id, appObjects) {
+        var _a;
+        return (_a = appObjects.get(id)) === null || _a === void 0 ? void 0 : _a.getComponent(CalloutSizePM.type);
+    }
+}
+exports.CalloutSizePM = CalloutSizePM;
+CalloutSizePM.type = "CalloutSizePM";
+function makeCalloutSizePM(appObject) {
+    return new CalloutSizePMImp(appObject);
+}
+exports.makeCalloutSizePM = makeCalloutSizePM;
+class CalloutSizePMImp extends CalloutSizePM {
+    constructor(appObject) {
+        var _a;
+        super(appObject, CalloutSizePM.type);
+        this.onEntityChange = () => {
+            if (!this.calloutEntity)
+                return;
+            this.doUpdateView(this.calloutEntity.size);
+        };
+        this.dispose = () => {
+            var _a;
+            super.dispose();
+            (_a = this.calloutEntity) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onEntityChange);
+        };
+        (_a = this.calloutEntity) === null || _a === void 0 ? void 0 : _a.addChangeObserver(this.onEntityChange);
+        this.onEntityChange();
+    }
+    get calloutEntity() {
+        return this.getCachedLocalComponent(CalloutEntity_1.CalloutEntity.type);
+    }
+    vmsAreEqual(a, b) {
+        return a === b;
+    }
+}

package/lib/Components/Callouts/PM/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./CalloutLinePointsPM";
+export * from "./CalloutListPM";
+export * from "./CalloutOffsetPM";
+export * from "./CalloutSizePM";

package/lib/{AppObjectComponents/Enablement → Components/Callouts/PM}/index.js

@@ -10,5 +10,7 @@ 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/EnablablementEntity"), exports);
-__exportStar(require("./PM/EnablableStatePM"), exports);
+__exportStar(require("./CalloutLinePointsPM"), exports);
+__exportStar(require("./CalloutListPM"), exports);
+__exportStar(require("./CalloutOffsetPM"), exports);
+__exportStar(require("./CalloutSizePM"), exports);

package/lib/Components/Callouts/UC/CalloutScaleHook.d.ts

@@ -0,0 +1,11 @@
+import { AppObject, AppObjectUC } from "../../../AppObject";
+export declare class CalloutScaleHook extends AppObjectUC {
+    static type: string;
+    private get sceneRoot();
+    private get callout();
+    private lastRootScale?;
+    private lastCalloutSize?;
+    private onEntityChange;
+    dispose: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/UC/CalloutScaleHook.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CalloutScaleHook = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+const SceneRootEntity_1 = require("../../SceneRoot/Entities/SceneRootEntity");
+const CalloutEntity_1 = require("../Entities/CalloutEntity");
+class CalloutScaleHook extends AppObject_1.AppObjectUC {
+    constructor(appObject) {
+        var _a, _b;
+        super(appObject, CalloutScaleHook.type);
+        this.onEntityChange = () => {
+            var _a;
+            if (!this.callout || !this.sceneRoot) {
+                this.error("Missing Components");
+                return;
+            }
+            const rootScale = (_a = this.sceneRoot.scale) !== null && _a !== void 0 ? _a : 1;
+            const calloutSize = this.callout.size;
+            if (rootScale === this.lastRootScale &&
+                calloutSize === this.lastCalloutSize) {
+                return;
+            }
+            const scaler = calloutSize / rootScale;
+            const labelScale = new ValueObjects_1.Vector3(scaler, scaler, scaler);
+            this.callout.labelTransform.localScale = labelScale;
+            this.lastCalloutSize = calloutSize;
+            this.lastRootScale = rootScale;
+        };
+        this.dispose = () => {
+            var _a, _b;
+            (_a = this.sceneRoot) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onEntityChange);
+            (_b = this.callout) === null || _b === void 0 ? void 0 : _b.removeChangeObserver(this.onEntityChange);
+            super.dispose();
+        };
+        (_a = this.sceneRoot) === null || _a === void 0 ? void 0 : _a.addChangeObserver(this.onEntityChange);
+        (_b = this.callout) === null || _b === void 0 ? void 0 : _b.addChangeObserver(this.onEntityChange);
+        this.onEntityChange();
+    }
+    get sceneRoot() {
+        return this.getCachedSingleton(SceneRootEntity_1.SceneRootEntity.type);
+    }
+    get callout() {
+        return this.getCachedLocalComponent(CalloutEntity_1.CalloutEntity.type);
+    }
+}
+exports.CalloutScaleHook = CalloutScaleHook;
+CalloutScaleHook.type = "CalloutScaleHook";

package/lib/Components/Callouts/UC/CreateCalloutUC.d.ts

@@ -0,0 +1,11 @@
+import { AppObject, AppObjectRepo, AppObjectUC } from "../../../AppObject";
+import { Vector3 } from "../../../ValueObjects";
+import { CalloutEntity } from "../Entities/CalloutEntity";
+export declare abstract class CreateCalloutUC extends AppObjectUC {
+    static readonly type = "CreateCalloutUC";
+    readonly newLabelBumpAmount = 0.01;
+    abstract fromPick(pickHit: Vector3, pickHitNormal: Vector3, undoRedo?: boolean): CalloutEntity | undefined;
+    static get(appObj: AppObject): CreateCalloutUC | undefined;
+    static getById(id: string, appObjects: AppObjectRepo): CreateCalloutUC | undefined;
+}
+export declare function makeCreateCalloutUC(appObject: AppObject): CreateCalloutUC;