@vived/app 4.26.2 → 4.27.0

package/lib/Components/Callouts/Adapters/calloutOffsetAdapter.d.ts

@@ -0,0 +1,3 @@
+import { PmAdapter } from "../../../Types";
+import { CalloutOffsetDirection } from "../Entities/CalloutEntity";
+export declare const calloutOffsetAdapter: PmAdapter<CalloutOffsetDirection>;

package/lib/Components/Callouts/Adapters/calloutOffsetAdapter.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calloutOffsetAdapter = void 0;
+const CalloutOffsetPM_1 = require("../PM/CalloutOffsetPM");
+exports.calloutOffsetAdapter = {
+    defaultVM: "LEFT",
+    subscribe: (id, appObjects, setVM) => {
+        if (!id)
+            return;
+        const pm = CalloutOffsetPM_1.CalloutOffsetPM.get(id, appObjects);
+        if (!pm) {
+            appObjects.submitError("calloutSizeAdapter", "Unable to find CalloutOffsetPM");
+            return;
+        }
+        pm.addView(setVM);
+    },
+    unsubscribe: (id, appObjects, setVM) => {
+        const pm = CalloutOffsetPM_1.CalloutOffsetPM.get(id, appObjects);
+        if (pm) {
+            pm.removeView(setVM);
+        }
+    },
+};

package/lib/Components/Callouts/Adapters/calloutSizeAdapter.d.ts

@@ -0,0 +1,2 @@
+import { PmAdapter } from "../../../Types";
+export declare const calloutSizeAdapter: PmAdapter<number>;

package/lib/Components/Callouts/Adapters/calloutSizeAdapter.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.calloutSizeAdapter = void 0;
+const CalloutSizePM_1 = require("../PM/CalloutSizePM");
+exports.calloutSizeAdapter = {
+    defaultVM: 1,
+    subscribe: (id, appObjects, setVM) => {
+        if (!id)
+            return;
+        const pm = CalloutSizePM_1.CalloutSizePM.get(id, appObjects);
+        if (!pm) {
+            appObjects.submitError("calloutSizeAdapter", "Unable to find CalloutSizePM");
+            return;
+        }
+        pm.addView(setVM);
+    },
+    unsubscribe: (id, appObjects, setVM) => {
+        const pm = CalloutSizePM_1.CalloutSizePM.get(id, appObjects);
+        if (pm) {
+            pm.removeView(setVM);
+        }
+    }
+};

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

@@ -0,0 +1,4 @@
+export * from "./calloutLinePointsAdapter";
+export * from "./calloutListAdapter";
+export * from "./calloutOffsetAdapter";
+export * from "./calloutSizeAdapter";

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

@@ -0,0 +1,16 @@
+"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("./calloutLinePointsAdapter"), exports);
+__exportStar(require("./calloutListAdapter"), exports);
+__exportStar(require("./calloutOffsetAdapter"), exports);
+__exportStar(require("./calloutSizeAdapter"), exports);

package/lib/Components/Callouts/Controller/MouseAddCalloutMC.d.ts

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectController } from "../../../AppObject";
+import { MouseController, MouseInputEvent } from "../../MouseInput/Entities/MouseInput";
+import { TryAddCalloutUC } from "../UC/TryAddCallout";
+export declare class MouseAddCalloutMC extends AppObjectController implements MouseController {
+    static type: string;
+    get tryAddCalloutUc(): TryAddCalloutUC | undefined;
+    private get mouseInput();
+    private isAdding;
+    onDown: (e: MouseInputEvent) => void;
+    onMove: (e: MouseInputEvent) => void;
+    onUp: (e: MouseInputEvent) => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Controller/MouseAddCalloutMC.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MouseAddCalloutMC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const MouseInput_1 = require("../../MouseInput/Entities/MouseInput");
+const TryAddCallout_1 = require("../UC/TryAddCallout");
+class MouseAddCalloutMC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        var _a;
+        super(appObject, MouseAddCalloutMC.type);
+        this.isAdding = false;
+        this.onDown = (e) => {
+            var _a, _b;
+            this.isAdding = false;
+            if (e.button !== 0)
+                return;
+            this.isAdding =
+                (_b = (_a = this.tryAddCalloutUc) === null || _a === void 0 ? void 0 : _a.initializeWithPixel(e.position)) !== null && _b !== void 0 ? _b : false;
+        };
+        this.onMove = (e) => {
+            var _a;
+            if (!this.isAdding)
+                return;
+            (_a = this.tryAddCalloutUc) === null || _a === void 0 ? void 0 : _a.moveWithPixel(e.position);
+        };
+        this.onUp = (e) => {
+            var _a;
+            if (!this.isAdding)
+                return;
+            (_a = this.tryAddCalloutUc) === null || _a === void 0 ? void 0 : _a.stop();
+            this.isAdding = false;
+        };
+        (_a = this.mouseInput) === null || _a === void 0 ? void 0 : _a.registerController(this);
+    }
+    get tryAddCalloutUc() {
+        return this.getCachedSingleton(TryAddCallout_1.TryAddCalloutUC.type);
+    }
+    get mouseInput() {
+        return this.getCachedSingleton(MouseInput_1.MouseInputEntity.type);
+    }
+}
+exports.MouseAddCalloutMC = MouseAddCalloutMC;
+MouseAddCalloutMC.type = "MouseAddCalloutMC";

package/lib/Components/Callouts/Controller/MouseCalloutRoll.d.ts

@@ -0,0 +1,9 @@
+import { AppObject, AppObjectController } from "../../../AppObject";
+import { MouseController, MouseWheelEvent } from "../../MouseInput/Entities/MouseInput";
+export declare class MouseCalloutRoll extends AppObjectController implements MouseController {
+    static type: string;
+    private get mouseInput();
+    private get tryBumpUC();
+    onWheel: (e: MouseWheelEvent) => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Controller/MouseCalloutRoll.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MouseCalloutRoll = void 0;
+const AppObject_1 = require("../../../AppObject");
+const MouseInput_1 = require("../../MouseInput/Entities/MouseInput");
+const TryBumpLabelUC_1 = require("../UC/TryBumpLabelUC");
+class MouseCalloutRoll extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        var _a;
+        super(appObject, MouseCalloutRoll.type);
+        this.onWheel = (e) => {
+            if (!this.tryBumpUC) {
+                return;
+            }
+            this.tryBumpUC.tryWithPixel(e.event.deltaY > 0 ? "OUT" : "IN", e.position);
+        };
+        (_a = this.mouseInput) === null || _a === void 0 ? void 0 : _a.registerController(this);
+    }
+    get mouseInput() {
+        return this.getCachedSingleton(MouseInput_1.MouseInputEntity.type);
+    }
+    get tryBumpUC() {
+        return this.getCachedLocalComponent(TryBumpLabelUC_1.TryBumpLabelUC.type);
+    }
+}
+exports.MouseCalloutRoll = MouseCalloutRoll;
+MouseCalloutRoll.type = "MouseCalloutRoll";

package/lib/Components/Callouts/Controller/TouchAddCalloutTC.d.ts

@@ -0,0 +1,13 @@
+import { AppObject, AppObjectController } from "../../../AppObject";
+import { TouchController, TouchInputEvent } from "../../TouchController";
+import { TryAddCalloutUC } from "../UC/TryAddCallout";
+export declare class TouchAddCalloutTC extends AppObjectController implements TouchController {
+    static type: string;
+    get tryAddCalloutUc(): TryAddCalloutUC | undefined;
+    private get touchInput();
+    private isAdding;
+    onTouchStart: (e: TouchInputEvent) => void;
+    onTouchMove: (e: TouchInputEvent) => void;
+    onTouchEnd: () => void;
+    constructor(appObject: AppObject);
+}

package/lib/Components/Callouts/Controller/TouchAddCalloutTC.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchAddCalloutTC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const TouchController_1 = require("../../TouchController");
+const TryAddCallout_1 = require("../UC/TryAddCallout");
+class TouchAddCalloutTC extends AppObject_1.AppObjectController {
+    constructor(appObject) {
+        var _a;
+        super(appObject, TouchAddCalloutTC.type);
+        this.isAdding = false;
+        this.onTouchStart = (e) => {
+            var _a, _b, _c;
+            if (e.touchCount > 1) {
+                if (this.isAdding) {
+                    (_a = this.tryAddCalloutUc) === null || _a === void 0 ? void 0 : _a.cancel();
+                }
+                this.isAdding = false;
+                return;
+            }
+            this.isAdding =
+                (_c = (_b = this.tryAddCalloutUc) === null || _b === void 0 ? void 0 : _b.initializeWithPixel(e.touchCenter)) !== null && _c !== void 0 ? _c : false;
+        };
+        this.onTouchMove = (e) => {
+            var _a;
+            if (!this.isAdding)
+                return;
+            (_a = this.tryAddCalloutUc) === null || _a === void 0 ? void 0 : _a.moveWithPixel(e.touchCenter);
+        };
+        this.onTouchEnd = () => {
+            var _a;
+            if (!this.isAdding)
+                return;
+            (_a = this.tryAddCalloutUc) === null || _a === void 0 ? void 0 : _a.stop();
+            this.isAdding = false;
+        };
+        (_a = this.touchInput) === null || _a === void 0 ? void 0 : _a.registerController(this);
+    }
+    get tryAddCalloutUc() {
+        return this.getCachedSingleton(TryAddCallout_1.TryAddCalloutUC.type);
+    }
+    get touchInput() {
+        return this.getCachedSingleton(TouchController_1.TouchInputEntity.type);
+    }
+}
+exports.TouchAddCalloutTC = TouchAddCalloutTC;
+TouchAddCalloutTC.type = "TouchAddCalloutTC";

package/lib/Components/Callouts/Controller/deleteAllCallouts.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject";
+export declare function deleteAllCallouts(appObjects: AppObjectRepo): void;

package/lib/Components/Callouts/Controller/deleteAllCallouts.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteAllCallouts = void 0;
+const DeleteAllCalloutsUC_1 = require("../UC/DeleteAllCalloutsUC");
+function deleteAllCallouts(appObjects) {
+    const deleteAllCalloutsUC = DeleteAllCalloutsUC_1.DeleteAllCalloutsUC.get(appObjects);
+    if (!deleteAllCalloutsUC) {
+        appObjects.submitWarning("deleteAllCallouts Controller", "DeleteAllCalloutsUC was not found!");
+        return;
+    }
+    deleteAllCalloutsUC.deleteAllCallouts();
+}
+exports.deleteAllCallouts = deleteAllCallouts;

package/lib/Components/Callouts/Controller/deleteCallout.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject";
+export declare function deleteCallout(id: string, appObjects: AppObjectRepo): void;

package/lib/Components/Callouts/Controller/deleteCallout.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.deleteCallout = void 0;
+const DeleteCallout_1 = require("../UC/DeleteCallout");
+function deleteCallout(id, appObjects) {
+    const uc = DeleteCallout_1.DeleteCalloutUC.getById(id, appObjects);
+    if (!uc) {
+        appObjects.submitError("deleteCallout Controller", "DeleteCalloutUC was not found!");
+        return;
+    }
+    uc.delete();
+}
+exports.deleteCallout = deleteCallout;

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

@@ -0,0 +1,6 @@
+export * from "./MouseAddCalloutMC";
+export * from "./TouchAddCalloutTC";
+export * from "./deleteAllCallouts";
+export * from "./deleteCallout";
+export * from "./submitCalloutSize";
+export * from "./updateCalloutSize";

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

@@ -0,0 +1,18 @@
+"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("./MouseAddCalloutMC"), exports);
+__exportStar(require("./TouchAddCalloutTC"), exports);
+__exportStar(require("./deleteAllCallouts"), exports);
+__exportStar(require("./deleteCallout"), exports);
+__exportStar(require("./submitCalloutSize"), exports);
+__exportStar(require("./updateCalloutSize"), exports);

package/lib/Components/Callouts/Controller/submitCalloutSize.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject";
+export declare function submitCalloutSize(size: number, id: string, appObjects: AppObjectRepo): void;

package/lib/Components/Callouts/Controller/submitCalloutSize.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitCalloutSize = void 0;
+const SetCalloutSizeUC_1 = require("../UC/SetCalloutSizeUC");
+function submitCalloutSize(size, id, appObjects) {
+    const setLandmarkSizeUC = SetCalloutSizeUC_1.SetCalloutSizeUC.getById(id, appObjects);
+    if (!setLandmarkSizeUC) {
+        appObjects.submitWarning("submitCalloutSize", "Unable to find SetCalloutSizeUC");
+        return;
+    }
+    setLandmarkSizeUC.submitSize(size);
+}
+exports.submitCalloutSize = submitCalloutSize;

package/lib/Components/Callouts/Controller/updateCalloutSize.d.ts

@@ -0,0 +1,2 @@
+import { AppObjectRepo } from "../../../AppObject";
+export declare function updateCalloutSize(size: number, id: string, appObjects: AppObjectRepo): void;

package/lib/Components/Callouts/Controller/updateCalloutSize.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateCalloutSize = void 0;
+const SetCalloutSizeUC_1 = require("../UC/SetCalloutSizeUC");
+function updateCalloutSize(size, id, appObjects) {
+    const setLandmarkSizeUC = SetCalloutSizeUC_1.SetCalloutSizeUC.getById(id, appObjects);
+    if (!setLandmarkSizeUC) {
+        appObjects.submitWarning("updateCalloutSize", "Unable to find SetCalloutSizeUC");
+        return;
+    }
+    setLandmarkSizeUC.updateSize(size);
+}
+exports.updateCalloutSize = updateCalloutSize;

package/lib/Components/Callouts/Entities/CalloutEntity.d.ts

@@ -0,0 +1,51 @@
+import { AppObject, AppObjectEntity, AppObjectRepo } from "../../../AppObject";
+import { RangedNumber } from "../../../Entities/RangedNumber";
+import { Quaternion, QuaternionDTO, Vector3, Vector3DTO } from "../../../ValueObjects";
+import { Hideable } from "../../Hideable/Entities/Hideable";
+import { LabelEntity } from "../../Label/Entities/LabelEntity";
+import { OverlayColor } from "../../OverlayColor/Entities/OverlayColor";
+import { Selectable } from "../../Selection/Entities/Selectable";
+import { Transform3D } from "../../Transform3D/Entities/Transform3D";
+import { CalloutRepo } from "./CalloutRepo";
+export declare const CALLOUT_MINIMUM_SIZE: number;
+export declare const CALLOUT_MAXIMUM_SIZE: number;
+export declare type CalloutOffsetDirection = "LEFT" | "RIGHT" | "UP" | "DOWN";
+export interface CalloutDTO {
+    id: string;
+    rootPosition: Vector3DTO;
+    rootRotation: QuaternionDTO;
+    labelPosition: Vector3DTO;
+    size: number;
+    parentID: string;
+    label: string;
+    defaultLabel: string;
+    color: string;
+}
+export declare abstract class CalloutEntity extends AppObjectEntity {
+    static readonly type = "CALLOUT";
+    static get(appObj: AppObject): CalloutEntity | undefined;
+    static getById(id: string, appObjects: AppObjectRepo): CalloutEntity | undefined;
+    abstract get id(): string;
+    abstract inRepo?: CalloutRepo;
+    abstract readonly label: LabelEntity;
+    abstract readonly rootTransform: Transform3D;
+    abstract readonly labelTransform: Transform3D;
+    abstract readonly hideable: Hideable;
+    abstract readonly selectable: Selectable;
+    abstract readonly overlayColor: OverlayColor;
+    abstract readonly rangedSize: RangedNumber;
+    abstract get size(): number;
+    abstract set size(val: number);
+    abstract get rootPosition(): Vector3;
+    abstract set rootPosition(p: Vector3);
+    abstract get rootRotation(): Quaternion;
+    abstract set rootRotation(r: Quaternion);
+    abstract get labelPosition(): Vector3;
+    abstract set labelPosition(p: Vector3);
+    abstract get labelRotation(): Quaternion;
+    abstract set labelRotation(r: Quaternion);
+    abstract get data(): CalloutDTO;
+    abstract set data(dto: CalloutDTO);
+    abstract get offsetDirection(): CalloutOffsetDirection;
+}
+export declare function makeCalloutEntity(appObject: AppObject): CalloutEntity;

package/lib/Components/Callouts/Entities/CalloutEntity.js

@@ -0,0 +1,141 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCalloutEntity = exports.CalloutEntity = exports.CALLOUT_MAXIMUM_SIZE = exports.CALLOUT_MINIMUM_SIZE = void 0;
+const AppObject_1 = require("../../../AppObject");
+const RangedNumber_1 = require("../../../Entities/RangedNumber");
+const ValueObjects_1 = require("../../../ValueObjects");
+const Hideable_1 = require("../../Hideable/Entities/Hideable");
+const LabelEntity_1 = require("../../Label/Entities/LabelEntity");
+const OverlayColor_1 = require("../../OverlayColor/Entities/OverlayColor");
+const Selectable_1 = require("../../Selection/Entities/Selectable");
+const Transform3D_1 = require("../../Transform3D/Entities/Transform3D");
+exports.CALLOUT_MINIMUM_SIZE = 0.3;
+exports.CALLOUT_MAXIMUM_SIZE = 1.3;
+class CalloutEntity extends AppObject_1.AppObjectEntity {
+    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.CalloutEntity = CalloutEntity;
+CalloutEntity.type = "CALLOUT";
+function makeCalloutEntity(appObject) {
+    return new CalloutImp(appObject);
+}
+exports.makeCalloutEntity = makeCalloutEntity;
+class CalloutImp extends CalloutEntity {
+    constructor(appObject) {
+        super(appObject, CalloutEntity.type);
+        this.dispose = () => {
+            super.dispose();
+            this.label.dispose();
+            this.hideable.dispose();
+            this.selectable.dispose();
+            this.overlayColor.dispose();
+            this.labelTransform.appObject.dispose();
+            this.rootTransform.appObject.dispose();
+            if (this.inRepo) {
+                this.inRepo.removeForAppObject(this.appObject.id);
+            }
+        };
+        this.label = LabelEntity_1.LabelEntity.addIfMissing(appObject);
+        this.label.addChangeObserver(this.notifyOnChange);
+        this.hideable = Hideable_1.Hideable.addIfMissing(appObject);
+        this.hideable.addChangeObserver(this.notifyOnChange);
+        this.overlayColor = OverlayColor_1.OverlayColor.addIfMissing(appObject);
+        this.overlayColor.addChangeObserver(this.notifyOnChange);
+        this.selectable = Selectable_1.makeSelectable(appObject);
+        this.selectable.addChangeObserver(this.notifyOnChange);
+        this.rangedSize = new RangedNumber_1.RangedNumber({
+            min: exports.CALLOUT_MINIMUM_SIZE,
+            max: exports.CALLOUT_MAXIMUM_SIZE,
+            initialValue: exports.CALLOUT_MINIMUM_SIZE +
+                0.5 * (exports.CALLOUT_MAXIMUM_SIZE - exports.CALLOUT_MINIMUM_SIZE),
+        }, this.notifyOnChange);
+        const myID = appObject.id;
+        const rootAO = appObject.appObjectRepo.getOrCreate(myID + "_root");
+        this.rootTransform = Transform3D_1.makeTransform3D(rootAO);
+        this.rootTransform.addChangeObserver(this.notifyOnChange);
+        const labelAO = appObject.appObjectRepo.getOrCreate(myID + "_label");
+        this.labelTransform = Transform3D_1.makeTransform3D(labelAO);
+        this.labelTransform.addChangeObserver(this.notifyOnChange);
+    }
+    get id() {
+        return this.appObject.id;
+    }
+    get size() {
+        return this.rangedSize.val;
+    }
+    set size(val) {
+        this.rangedSize.val = val;
+    }
+    get rootPosition() {
+        return this.rootTransform.localPosition;
+    }
+    set rootPosition(p) {
+        this.rootTransform.localPosition = p;
+    }
+    get rootRotation() {
+        return this.rootTransform.localRotation;
+    }
+    set rootRotation(r) {
+        this.rootTransform.localRotation = r;
+    }
+    get labelPosition() {
+        return this.labelTransform.localPosition;
+    }
+    set labelPosition(p) {
+        this.labelTransform.localPosition = p;
+    }
+    get labelRotation() {
+        return this.labelTransform.localRotation;
+    }
+    set labelRotation(r) {
+        this.labelTransform.localRotation = r;
+    }
+    get offsetDirection() {
+        const worldStartPos = this.rootTransform.worldPosition;
+        const worldEndPos = this.labelTransform.worldPosition;
+        const delta = ValueObjects_1.Vector3.Subtract(worldEndPos, worldStartPos);
+        let offsetDirection = "LEFT";
+        if (Math.abs(delta.y) > Math.abs(delta.x)) {
+            if (delta.y < 0)
+                offsetDirection = "DOWN";
+            else
+                offsetDirection = "UP";
+        }
+        else {
+            if (delta.x < 0)
+                offsetDirection = "LEFT";
+            else
+                offsetDirection = "RIGHT";
+        }
+        return offsetDirection;
+    }
+    get data() {
+        return {
+            id: this.appObject.id,
+            parentID: this.inRepo ? this.inRepo.appObject.id : "",
+            rootPosition: this.rootPosition.dto,
+            rootRotation: this.rootRotation.dto,
+            labelPosition: this.labelPosition.dto,
+            size: this.size,
+            label: this.label.custom,
+            defaultLabel: this.label.default,
+            color: this.overlayColor.overlayColor,
+        };
+    }
+    set data(dto) {
+        this.rootPosition = ValueObjects_1.Vector3.FromDTO(dto.rootPosition);
+        this.rootRotation = ValueObjects_1.Quaternion.FromDTO(dto.rootRotation);
+        this.labelPosition = ValueObjects_1.Vector3.FromDTO(dto.labelPosition);
+        this.size = dto.size;
+        this.label.custom = dto.label;
+        this.label.default = dto.defaultLabel;
+        const overlayColor = dto.color;
+        this.overlayColor.overlayColor = overlayColor !== null && overlayColor !== void 0 ? overlayColor : OverlayColor_1.OverlayColorEnums.WHITE;
+    }
+}

package/lib/Components/Callouts/Entities/CalloutGlobals.d.ts

@@ -0,0 +1,11 @@
+import { AppObject, AppObjectEntity, AppObjectRepo } from "../../../AppObject";
+import { OverlayColorEnums } from "../../OverlayColor/Entities/OverlayColor";
+import { CalloutRepo } from "./CalloutRepo";
+export declare abstract class CalloutGlobals extends AppObjectEntity {
+    static readonly type = "CalloutGlobals";
+    static get: (appObjects: AppObjectRepo) => CalloutGlobals | undefined;
+    abstract calloutRepoFactory(id: string): CalloutRepo;
+    abstract lastSize: number;
+    abstract lastColor: OverlayColorEnums;
+}
+export declare function makeCalloutGlobals(appObject: AppObject): CalloutGlobals;

package/lib/Components/Callouts/Entities/CalloutGlobals.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCalloutGlobals = exports.CalloutGlobals = void 0;
+const AppObject_1 = require("../../../AppObject");
+const OverlayColor_1 = require("../../OverlayColor/Entities/OverlayColor");
+const CalloutRepo_1 = require("./CalloutRepo");
+class CalloutGlobals extends AppObject_1.AppObjectEntity {
+}
+exports.CalloutGlobals = CalloutGlobals;
+CalloutGlobals.type = "CalloutGlobals";
+CalloutGlobals.get = (appObjects) => {
+    return AppObject_1.getSingletonComponent(CalloutGlobals.type, appObjects);
+};
+function makeCalloutGlobals(appObject) {
+    return new CalloutGlobalsImp(appObject);
+}
+exports.makeCalloutGlobals = makeCalloutGlobals;
+class CalloutGlobalsImp extends CalloutGlobals {
+    constructor(appObject) {
+        super(appObject, CalloutGlobals.type);
+        this.calloutRepoFactory = (id) => {
+            const ao = this.appObjects.getOrCreate(id);
+            return CalloutRepo_1.makeCalloutRepoEntity(ao);
+        };
+        this.lastSize = 1;
+        this.lastColor = OverlayColor_1.OverlayColorEnums.WHITE;
+        this.appObjects.registerSingleton(this);
+    }
+}

package/lib/Components/Callouts/Entities/CalloutRepo.d.ts

@@ -0,0 +1,15 @@
+import { AppObject, AppObjectEntityRepo, AppObjectRepo } from "../../../AppObject";
+import { Transform3D } from "../../Transform3D/Entities/Transform3D";
+import { CalloutEntity } from "./CalloutEntity";
+export declare type CalloutFactory = (id: string) => CalloutEntity;
+export declare abstract class CalloutRepo extends AppObjectEntityRepo<CalloutEntity> {
+    static readonly type = "CALLOUT_REPO";
+    abstract transform: Transform3D;
+    abstract calloutFactory(id: string): CalloutEntity;
+    abstract makeCallout(id?: string): CalloutEntity;
+    abstract deleteCallout(id: string): void;
+    static get(appObj: AppObject): CalloutRepo | undefined;
+    static getById(id: string, appObjects: AppObjectRepo): CalloutRepo | undefined;
+    static addIfMissing(appObject: AppObject): CalloutRepo;
+}
+export declare function makeCalloutRepoEntity(appObject: AppObject): CalloutRepo;

package/lib/Components/Callouts/Entities/CalloutRepo.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeCalloutRepoEntity = exports.CalloutRepo = void 0;
+const AppObject_1 = require("../../../AppObject");
+const generateUniqueID_1 = require("../../../Utilities/generateUniqueID");
+const Transform3D_1 = require("../../Transform3D/Entities/Transform3D");
+const CalloutEntity_1 = require("./CalloutEntity");
+class CalloutRepo extends AppObject_1.AppObjectEntityRepo {
+    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);
+    }
+    static addIfMissing(appObject) {
+        const existing = appObject.getComponent(CalloutRepo.type);
+        if (existing) {
+            return existing;
+        }
+        else {
+            return makeCalloutRepoEntity(appObject);
+        }
+    }
+}
+exports.CalloutRepo = CalloutRepo;
+CalloutRepo.type = "CALLOUT_REPO";
+function makeCalloutRepoEntity(appObject) {
+    return new CalloutRepoImp(appObject);
+}
+exports.makeCalloutRepoEntity = makeCalloutRepoEntity;
+class CalloutRepoImp extends CalloutRepo {
+    constructor(appObject) {
+        super(appObject, CalloutRepo.type);
+        this.makeCallout = (id) => {
+            const idToUse = id !== null && id !== void 0 ? id : generateUniqueID_1.generateUniqueID();
+            const callout = this.calloutFactory(idToUse);
+            callout.inRepo = this;
+            callout.rootTransform.parent = this.transform;
+            callout.labelTransform.parent = this.transform;
+            this.add(callout);
+            return callout;
+        };
+        this.calloutFactory = (id) => {
+            const ao = this.appObjects.getOrCreate(id);
+            return CalloutEntity_1.makeCalloutEntity(ao);
+        };
+        this.transform = Transform3D_1.Transform3D.addIfMissing(appObject);
+    }
+    deleteCallout(id) {
+        const callout = this.getForAppObject(id);
+        if (!callout)
+            return;
+        callout.appObject.dispose();
+        this.removeForAppObject(id);
+    }
+}