@vived/app 4.26.2 → 4.27.0

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;

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

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCreateCalloutUC = exports.CreateCalloutUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+const LabelEntity_1 = require("../../Label/Entities/LabelEntity");
+const CalloutGlobals_1 = require("../Entities/CalloutGlobals");
+const CalloutRepo_1 = require("../Entities/CalloutRepo");
+const CreateCalloutUndoRedo_1 = require("./CreateCalloutUndoRedo");
+class CreateCalloutUC extends AppObject_1.AppObjectUC {
+    constructor() {
+        super(...arguments);
+        this.newLabelBumpAmount = 0.01;
+    }
+    static get(appObj) {
+        return appObj.getComponent(this.type);
+    }
+    static getById(id, appObjects) {
+        var _a;
+        return (_a = appObjects.get(id)) === null || _a === void 0 ? void 0 : _a.getComponent(this.type);
+    }
+}
+exports.CreateCalloutUC = CreateCalloutUC;
+CreateCalloutUC.type = "CreateCalloutUC";
+function makeCreateCalloutUC(appObject) {
+    return new CreateCalloutUCImp(appObject);
+}
+exports.makeCreateCalloutUC = makeCreateCalloutUC;
+class CreateCalloutUCImp extends CreateCalloutUC {
+    get repo() {
+        return this.getCachedLocalComponent(CalloutRepo_1.CalloutRepo.type);
+    }
+    get calloutGlobals() {
+        return this.getCachedSingleton(CalloutGlobals_1.CalloutGlobals.type);
+    }
+    get repoLabel() {
+        return this.getCachedLocalComponent(LabelEntity_1.LabelEntity.type);
+    }
+    fromPick(pickHit, pickHitNormal, undoRedo = true) {
+        if (!this.repo) {
+            throw new Error("No Callout Repo");
+        }
+        const callout = this.repo.makeCallout();
+        callout.rootTransform.worldPosition = pickHit;
+        callout.rootTransform.worldRotation = ValueObjects_1.Quaternion.FromDirectionVector(pickHitNormal);
+        const labelBump = ValueObjects_1.Vector3.NewVectorOfLength(pickHitNormal, this.newLabelBumpAmount);
+        callout.labelTransform.worldPosition = ValueObjects_1.Vector3.Add(labelBump, pickHit);
+        callout.labelTransform.worldRotation = ValueObjects_1.Quaternion.FromYawPitchRoll(ValueObjects_1.Angle.FromDegrees(180), ValueObjects_1.Angle.FromDegrees(0), ValueObjects_1.Angle.FromDegrees(0));
+        if (this.repoLabel) {
+            callout.label.default = this.repoLabel.default;
+        }
+        if (this.calloutGlobals) {
+            callout.size = this.calloutGlobals.lastSize;
+            callout.overlayColor.overlayColor = this.calloutGlobals.lastColor;
+        }
+        if (undoRedo) {
+            new CreateCalloutUndoRedo_1.CreateCalloutUndoRedo(callout.data, this.appObjects);
+        }
+        return callout;
+    }
+    constructor(appObject) {
+        super(appObject, CreateCalloutUC.type);
+    }
+}

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

@@ -0,0 +1,10 @@
+import { AppObjectRepo } from "../../../AppObject";
+import { UndoRedoAction } from "../../UndoRedo/Entities/UndoRedoEntity";
+import { CalloutDTO } from "../Entities/CalloutEntity";
+export declare class CreateCalloutUndoRedo implements UndoRedoAction {
+    private createdCalloutData;
+    private appObjects;
+    redoAction: () => void;
+    undoAction: () => void;
+    constructor(createdCalloutData: CalloutDTO, appObjects: AppObjectRepo);
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CreateCalloutUndoRedo = void 0;
+const DispatchStateChangeUC_1 = require("../../Dispatcher/UC/DispatchStateChangeUC");
+const UndoRedoEntity_1 = require("../../UndoRedo/Entities/UndoRedoEntity");
+const CalloutRepo_1 = require("../Entities/CalloutRepo");
+class CreateCalloutUndoRedo {
+    constructor(createdCalloutData, appObjects) {
+        this.createdCalloutData = createdCalloutData;
+        this.appObjects = appObjects;
+        this.redoAction = () => {
+            const repo = CalloutRepo_1.CalloutRepo.getById(this.createdCalloutData.parentID, this.appObjects);
+            if (!repo) {
+                return;
+            }
+            const callout = repo.makeCallout(this.createdCalloutData.id);
+            callout.data = this.createdCalloutData;
+            DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        };
+        this.undoAction = () => {
+            const repo = CalloutRepo_1.CalloutRepo.getById(this.createdCalloutData.parentID, this.appObjects);
+            if (!repo) {
+                return;
+            }
+            repo.deleteCallout(this.createdCalloutData.id);
+            DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        };
+        const undoRedo = UndoRedoEntity_1.UndoRedoEntity.get(this.appObjects);
+        if (!undoRedo) {
+            this.appObjects.submitError("CreateCalloutAction", "Unable to find UndoRedoEntity");
+            return;
+        }
+        undoRedo.submitAction(this);
+    }
+}
+exports.CreateCalloutUndoRedo = CreateCalloutUndoRedo;

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

@@ -0,0 +1,8 @@
+import { AppObject, AppObjectRepo, AppObjectUC } from "../../../AppObject";
+export declare abstract class DeleteAllCalloutsUC extends AppObjectUC {
+    static readonly type = "DeleteAllCalloutsUC";
+    abstract deleteAllCallouts(): void;
+    static get: (appObjects: AppObjectRepo) => DeleteAllCalloutsUC | undefined;
+    static addIfMissing(appObj: AppObject): DeleteAllCalloutsUC;
+}
+export declare function makeDeleteAllCalloutsUC(appObject: AppObject): DeleteAllCalloutsUC;

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

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeDeleteAllCalloutsUC = exports.DeleteAllCalloutsUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const DispatchStateChangeUC_1 = require("../../Dispatcher/UC/DispatchStateChangeUC");
+const CalloutRepo_1 = require("../Entities/CalloutRepo");
+const DeleteAllCalloutsUndoRedo_1 = require("./DeleteAllCalloutsUndoRedo");
+class DeleteAllCalloutsUC extends AppObject_1.AppObjectUC {
+    static addIfMissing(appObj) {
+        const existing = appObj.getComponent(this.type);
+        if (existing)
+            return existing;
+        else {
+            return makeDeleteAllCalloutsUC(appObj);
+        }
+    }
+}
+exports.DeleteAllCalloutsUC = DeleteAllCalloutsUC;
+DeleteAllCalloutsUC.type = "DeleteAllCalloutsUC";
+DeleteAllCalloutsUC.get = (appObjects) => AppObject_1.getSingletonComponent(DeleteAllCalloutsUC.type, appObjects);
+function makeDeleteAllCalloutsUC(appObject) {
+    return new DeleteAllCalloutsUCImp(appObject);
+}
+exports.makeDeleteAllCalloutsUC = makeDeleteAllCalloutsUC;
+class DeleteAllCalloutsUCImp extends DeleteAllCalloutsUC {
+    deleteAllCallouts() {
+        const deletedCallouts = [];
+        const calloutRepos = this.appObjects.getAllComponents(CalloutRepo_1.CalloutRepo.type);
+        calloutRepos.forEach((repo) => {
+            const callouts = repo.getAll();
+            callouts.forEach((callout) => {
+                deletedCallouts.push(callout.data);
+                repo.removeForAppObject(callout.appObject.id);
+                callout.appObject.dispose();
+            });
+        });
+        DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        new DeleteAllCalloutsUndoRedo_1.DeleteAllCalloutsUndoRedo(deletedCallouts, this.appObjects);
+    }
+    constructor(appObject) {
+        super(appObject, DeleteAllCalloutsUC.type);
+    }
+}

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

@@ -0,0 +1,10 @@
+import { AppObjectRepo } from "../../../AppObject";
+import { UndoRedoAction } from "../../UndoRedo/Entities/UndoRedoEntity";
+import { CalloutDTO } from "../Entities/CalloutEntity";
+export declare class DeleteAllCalloutsUndoRedo implements UndoRedoAction {
+    private deletedCallouts;
+    private appObjects;
+    undoAction: () => void;
+    redoAction: () => void;
+    constructor(deletedCallouts: CalloutDTO[], appObjects: AppObjectRepo);
+}

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteAllCalloutsUndoRedo = void 0;
+const DispatchStateChangeUC_1 = require("../../Dispatcher/UC/DispatchStateChangeUC");
+const UndoRedoEntity_1 = require("../../UndoRedo/Entities/UndoRedoEntity");
+const CalloutRepo_1 = require("../Entities/CalloutRepo");
+class DeleteAllCalloutsUndoRedo {
+    constructor(deletedCallouts, appObjects) {
+        this.deletedCallouts = deletedCallouts;
+        this.appObjects = appObjects;
+        this.undoAction = () => {
+            this.deletedCallouts.forEach((deletedCallout) => {
+                const repo = CalloutRepo_1.CalloutRepo.getById(deletedCallout.parentID, this.appObjects);
+                if (!repo) {
+                    return;
+                }
+                const callout = repo.makeCallout(deletedCallout.id);
+                callout.data = deletedCallout;
+            });
+            DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        };
+        this.redoAction = () => {
+            this.deletedCallouts.forEach((deletedCallout) => {
+                const repo = CalloutRepo_1.CalloutRepo.getById(deletedCallout.parentID, this.appObjects);
+                if (!repo) {
+                    return;
+                }
+                repo.deleteCallout(deletedCallout.id);
+            });
+            DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        };
+        const undoRedo = UndoRedoEntity_1.UndoRedoEntity.get(this.appObjects);
+        if (!undoRedo) {
+            appObjects.submitWarning("DeleteAllCalloutsUndoRedo", "Unable to find UndoRedoEntity");
+            return;
+        }
+        undoRedo.submitAction(this);
+    }
+}
+exports.DeleteAllCalloutsUndoRedo = DeleteAllCalloutsUndoRedo;

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

@@ -0,0 +1,8 @@
+import { AppObject, AppObjectRepo, AppObjectUC } from "../../../AppObject";
+export declare abstract class DeleteCalloutUC extends AppObjectUC {
+    static readonly type = "DeleteCalloutUC";
+    abstract delete(): void;
+    static get(appObj: AppObject): DeleteCalloutUC | undefined;
+    static getById(id: string, appObjects: AppObjectRepo): DeleteCalloutUC | undefined;
+}
+export declare function makeDeleteCalloutUC(appObject: AppObject): DeleteCalloutUC;

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

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeDeleteCalloutUC = exports.DeleteCalloutUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const DispatchStateChangeUC_1 = require("../../Dispatcher/UC/DispatchStateChangeUC");
+const CalloutEntity_1 = require("../Entities/CalloutEntity");
+const DeleteCalloutUndoRedo_1 = require("./DeleteCalloutUndoRedo");
+class DeleteCalloutUC extends AppObject_1.AppObjectUC {
+    static get(appObj) {
+        return appObj.getComponent(this.type);
+    }
+    static getById(id, appObjects) {
+        var _a;
+        return (_a = appObjects.get(id)) === null || _a === void 0 ? void 0 : _a.getComponent(this.type);
+    }
+}
+exports.DeleteCalloutUC = DeleteCalloutUC;
+DeleteCalloutUC.type = "DeleteCalloutUC";
+function makeDeleteCalloutUC(appObject) {
+    return new DeleteCalloutUCImp(appObject);
+}
+exports.makeDeleteCalloutUC = makeDeleteCalloutUC;
+class DeleteCalloutUCImp extends DeleteCalloutUC {
+    constructor(appObject) {
+        super(appObject, DeleteCalloutUC.type);
+        this.delete = () => {
+            var _a;
+            if (!this.callout)
+                return;
+            new DeleteCalloutUndoRedo_1.DeleteCalloutUndoRedo(this.callout.data, this.appObjects);
+            (_a = this.callout.inRepo) === null || _a === void 0 ? void 0 : _a.deleteCallout(this.callout.id);
+            DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        };
+    }
+    get callout() {
+        return this.getCachedLocalComponent(CalloutEntity_1.CalloutEntity.type);
+    }
+}

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

@@ -0,0 +1,10 @@
+import { AppObjectRepo } from "../../../AppObject";
+import { UndoRedoAction } from "../../UndoRedo/Entities/UndoRedoEntity";
+import { CalloutDTO } from "../Entities/CalloutEntity";
+export declare class DeleteCalloutUndoRedo implements UndoRedoAction {
+    private deletedCallout;
+    private appObjects;
+    undoAction: () => void;
+    redoAction: () => void;
+    constructor(deletedCallout: CalloutDTO, appObjects: AppObjectRepo);
+}

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DeleteCalloutUndoRedo = void 0;
+const DispatchStateChangeUC_1 = require("../../Dispatcher/UC/DispatchStateChangeUC");
+const UndoRedoEntity_1 = require("../../UndoRedo/Entities/UndoRedoEntity");
+const CalloutRepo_1 = require("../Entities/CalloutRepo");
+class DeleteCalloutUndoRedo {
+    constructor(deletedCallout, appObjects) {
+        this.deletedCallout = deletedCallout;
+        this.appObjects = appObjects;
+        this.undoAction = () => {
+            const repo = CalloutRepo_1.CalloutRepo.getById(this.deletedCallout.parentID, this.appObjects);
+            if (!repo) {
+                return;
+            }
+            const callout = repo.makeCallout(this.deletedCallout.id);
+            callout.data = this.deletedCallout;
+            DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        };
+        this.redoAction = () => {
+            const repo = CalloutRepo_1.CalloutRepo.getById(this.deletedCallout.parentID, this.appObjects);
+            if (!repo) {
+                return;
+            }
+            repo.deleteCallout(this.deletedCallout.id);
+            DispatchStateChangeUC_1.dispatchStateChange(this.appObjects);
+        };
+        const undoRedo = UndoRedoEntity_1.UndoRedoEntity.get(this.appObjects);
+        if (!undoRedo) {
+            this.appObjects.submitWarning("DeleteCalloutUndoRedo", "Unable to find UndoRedoEntity");
+            return;
+        }
+        undoRedo.submitAction(this);
+    }
+}
+exports.DeleteCalloutUndoRedo = DeleteCalloutUndoRedo;

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

@@ -0,0 +1,7 @@
+import { AppObject, AppObjectUC } from "../../../AppObject";
+export declare abstract class LookAtCameraUC extends AppObjectUC {
+    static readonly type = "LookAtCameraUC";
+    static get(appObj: AppObject): LookAtCameraUC | undefined;
+    abstract onChange(): void;
+}
+export declare function makeLookAtCameraUC(appObject: AppObject): LookAtCameraUC;

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

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeLookAtCameraUC = exports.LookAtCameraUC = 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 LookAtCameraUC extends AppObject_1.AppObjectUC {
+    static get(appObj) {
+        return appObj.getComponent(this.type);
+    }
+}
+exports.LookAtCameraUC = LookAtCameraUC;
+LookAtCameraUC.type = "LookAtCameraUC";
+function makeLookAtCameraUC(appObject) {
+    return new LookAtCameraUCIMP(appObject);
+}
+exports.makeLookAtCameraUC = makeLookAtCameraUC;
+class LookAtCameraUCIMP extends LookAtCameraUC {
+    constructor(appObject) {
+        var _a, _b;
+        super(appObject, LookAtCameraUC.type);
+        this.cameraPos = new ValueObjects_1.Vector3(0, 0, -0.6);
+        this.targetQ = ValueObjects_1.Quaternion.Identity();
+        this.isSlerping = false;
+        this.onChange = () => {
+            if (!this.callout)
+                return;
+            const parent = this.callout.labelTransform.parent;
+            if (!parent) {
+                return;
+            }
+            const worldDir = ValueObjects_1.Vector3.Subtract(this.cameraPos, this.callout.labelTransform.worldPosition);
+            const localDir = parent.worldDirectionToLocal(worldDir);
+            const desiredQ = ValueObjects_1.Quaternion.FromDirectionVector(localDir);
+            if (ValueObjects_1.Quaternion.Close(this.targetQ, desiredQ)) {
+                return;
+            }
+            this.targetQ = desiredQ;
+            if (!this.isSlerping) {
+                this.kickOffSlerping();
+            }
+        };
+        this.stopSlerping = () => {
+            if (this.callout) {
+                this.callout.labelTransform.localRotation = this.targetQ;
+            }
+            if (this.slerpInterval) {
+                clearInterval(this.slerpInterval);
+                this.slerpInterval = undefined;
+            }
+            this.isSlerping = false;
+        };
+        this.dispose = () => {
+            var _a;
+            super.dispose();
+            (_a = this.sceneRootEntity) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onChange);
+        };
+        (_a = this.sceneRootEntity) === null || _a === void 0 ? void 0 : _a.addChangeObserver(this.onChange);
+        (_b = this.callout) === null || _b === void 0 ? void 0 : _b.addChangeObserver(this.onChange);
+        this.onChange();
+    }
+    get sceneRootEntity() {
+        return this.getCachedSingleton(SceneRootEntity_1.SceneRootEntity.type);
+    }
+    get callout() {
+        return this.getCachedLocalComponent(CalloutEntity_1.CalloutEntity.type);
+    }
+    kickOffSlerping() {
+        var _a;
+        if (this.slerpInterval) {
+            this.stopSlerping();
+        }
+        this.isSlerping = true;
+        const transform = (_a = this.callout) === null || _a === void 0 ? void 0 : _a.labelTransform;
+        if (!transform)
+            return;
+        let previousError = ValueObjects_1.Quaternion.AngleBetween(transform.localRotation, this.targetQ).degrees;
+        this.slerpInterval = setInterval(() => {
+            const error = ValueObjects_1.Quaternion.AngleBetween(transform.localRotation, this.targetQ).degrees;
+            if (error < 0.15) {
+                this.stopSlerping();
+                return;
+            }
+            const deltaError = error - previousError;
+            if (deltaError === 0) {
+                this.stopSlerping();
+                return;
+            }
+            const kp = 0.05;
+            const kd = 5;
+            const pEffect = kp * error;
+            const dEffect = kd * (deltaError / 10);
+            let deltaAng = pEffect + dEffect;
+            let slerpPercent = deltaAng / error;
+            if (slerpPercent > 1) {
+                slerpPercent = 1;
+            }
+            const slerpedQ = ValueObjects_1.Quaternion.Slerp(transform.localRotation, this.targetQ, slerpPercent);
+            transform.localRotation = slerpedQ;
+            previousError = error;
+        }, 10);
+    }
+}

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

@@ -0,0 +1,14 @@
+import { AppObject, AppObjectRepo, AppObjectUC } from "../../../AppObject";
+export declare function makeMoveCalloutToCamUC(appObject: AppObject): MoveCalloutToCamUCImp;
+export declare abstract class MoveCalloutToCamUC extends AppObjectUC {
+    static readonly type = "MoveCalloutToCamUC";
+    abstract moveCalloutToCam(delta: number): void;
+    static get(appObject: AppObject): MoveCalloutToCamUC | undefined;
+    static getById(id: string, appObjects: AppObjectRepo): MoveCalloutToCamUC | undefined;
+}
+declare class MoveCalloutToCamUCImp extends MoveCalloutToCamUC {
+    private get callout();
+    moveCalloutToCam: (delta: number) => void;
+    constructor(appObject: AppObject);
+}
+export {};

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MoveCalloutToCamUC = exports.makeMoveCalloutToCamUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+const CalloutEntity_1 = require("../Entities/CalloutEntity");
+function makeMoveCalloutToCamUC(appObject) {
+    return new MoveCalloutToCamUCImp(appObject);
+}
+exports.makeMoveCalloutToCamUC = makeMoveCalloutToCamUC;
+class MoveCalloutToCamUC extends AppObject_1.AppObjectUC {
+    static get(appObject) {
+        return appObject.getComponent(this.type);
+    }
+    static getById(id, appObjects) {
+        var _a;
+        return (_a = appObjects.get(id)) === null || _a === void 0 ? void 0 : _a.getComponent(this.type);
+    }
+}
+exports.MoveCalloutToCamUC = MoveCalloutToCamUC;
+MoveCalloutToCamUC.type = "MoveCalloutToCamUC";
+class MoveCalloutToCamUCImp extends MoveCalloutToCamUC {
+    constructor(appObject) {
+        super(appObject, MoveCalloutToCamUC.type);
+        this.moveCalloutToCam = (delta) => {
+            if (!this.callout) {
+                return;
+            }
+            this.callout.labelTransform.worldPosition = this.callout.labelTransform.localPointToWorld(new ValueObjects_1.Vector3(0, 0, this.callout.labelTransform.localScale.x * delta));
+        };
+    }
+    get callout() {
+        return this.getCachedLocalComponent(CalloutEntity_1.CalloutEntity.type);
+    }
+}

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

@@ -0,0 +1,17 @@
+import { AppObject, AppObjectUC } from "../../../AppObject";
+import { SerializedSystem } from "../../StateMachine/Entities/StateMachineEntity";
+import { CalloutDTO } from "../Entities/CalloutEntity";
+export declare class SerializeCallouts extends AppObjectUC implements SerializedSystem {
+    static readonly type = "SerializeCallouts";
+    name: string;
+    seriliziationVersion: number;
+    private get calloutGlobal();
+    getSystemState(): object;
+    applySystemState(state: object, version: number): void;
+    private handleStateVersion1;
+    applyDefaultState(): void;
+    constructor(appObj: AppObject);
+}
+export interface SerilizedCalloutsV1 {
+    callouts: CalloutDTO[];
+}

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

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SerializeCallouts = void 0;
+const AppObject_1 = require("../../../AppObject");
+const StateMachineEntity_1 = require("../../StateMachine/Entities/StateMachineEntity");
+const CalloutEntity_1 = require("../Entities/CalloutEntity");
+const CalloutGlobals_1 = require("../Entities/CalloutGlobals");
+const CalloutRepo_1 = require("../Entities/CalloutRepo");
+class SerializeCallouts extends AppObject_1.AppObjectUC {
+    constructor(appObj) {
+        super(appObj, SerializeCallouts.type);
+        this.name = "callouts";
+        this.seriliziationVersion = 1;
+        const stateMachine = this.appObjects.getSingleton(StateMachineEntity_1.StateMachineEntity.type);
+        if (stateMachine) {
+            stateMachine.registerSerializedSystem(this);
+        }
+        else {
+            this.warn("Unable to find StateMachineEntity");
+        }
+    }
+    get calloutGlobal() {
+        return this.getCachedSingleton(CalloutGlobals_1.CalloutGlobals.type);
+    }
+    getSystemState() {
+        const repos = this.appObjects.getAllComponents(CalloutRepo_1.CalloutRepo.type);
+        const callouts = [];
+        repos.forEach((repo) => {
+            repo.getAll().forEach((callout) => {
+                callouts.push(callout.data);
+            });
+        });
+        return {
+            callouts,
+        };
+    }
+    applySystemState(state, version) {
+        if (version === 1) {
+            this.handleStateVersion1(state);
+        }
+        else {
+            this.warn("Unsupported state version. Reverting to default");
+            this.applyDefaultState();
+        }
+    }
+    handleStateVersion1(state) {
+        const { callouts } = state;
+        if (!callouts) {
+            this.warn("Unable to parse state. Reverting to default");
+            this.applyDefaultState();
+            return;
+        }
+        const previousCalloutLookup = new Map();
+        const allCallouts = this.appObjects.getAllComponents(CalloutEntity_1.CalloutEntity.type);
+        allCallouts.forEach((callout) => {
+            previousCalloutLookup.set(callout.appObject.id, callout);
+        });
+        callouts.forEach((calloutData) => {
+            var _a;
+            let callout = previousCalloutLookup.get(calloutData.id);
+            if (callout) {
+                previousCalloutLookup.delete(calloutData.id);
+            }
+            else {
+                let repo = CalloutRepo_1.CalloutRepo.getById(calloutData.parentID, this.appObjects);
+                if (!repo) {
+                    repo = (_a = this.calloutGlobal) === null || _a === void 0 ? void 0 : _a.calloutRepoFactory(calloutData.parentID);
+                }
+                callout = repo === null || repo === void 0 ? void 0 : repo.makeCallout(calloutData.id);
+            }
+            if (!callout) {
+                this.warn("Unable to create or find callout");
+                return;
+            }
+            callout.data = calloutData;
+        });
+        previousCalloutLookup.forEach((callout) => {
+            var _a;
+            (_a = callout.inRepo) === null || _a === void 0 ? void 0 : _a.deleteCallout(callout.appObject.id);
+        });
+    }
+    applyDefaultState() {
+        const repos = this.appObjects.getAllComponents(CalloutRepo_1.CalloutRepo.type);
+        repos.forEach((repo) => {
+            const callouts = repo.getAll();
+            callouts.forEach((callout) => {
+                var _a;
+                (_a = callout.inRepo) === null || _a === void 0 ? void 0 : _a.deleteCallout(callout.appObject.id);
+            });
+        });
+    }
+}
+exports.SerializeCallouts = SerializeCallouts;
+SerializeCallouts.type = "SerializeCallouts";

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

@@ -0,0 +1,9 @@
+import { AppObject, AppObjectRepo, AppObjectUC } from "../../../AppObject";
+export declare abstract class SetCalloutSizeUC extends AppObjectUC {
+    static readonly type = "SetCalloutSizeUC";
+    abstract updateSize(size: number): void;
+    abstract submitSize(size: number): void;
+    static get(appObj: AppObject): SetCalloutSizeUC | undefined;
+    static getById(id: string, appObjects: AppObjectRepo): SetCalloutSizeUC | undefined;
+}
+export declare function makeSetCalloutSizeUC(appObject: AppObject): SetCalloutSizeUC;