@vived/app 3.9.2 → 4.0.0

package/lib/Components/Dispatcher/UC/SubmitResultResultUC.d.ts

@@ -0,0 +1,43 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { AppObjectUC } from "../../../AppObject/AppObjectUC";
+export interface HitResultDTO {
+    success: boolean;
+    description: string;
+}
+export interface ProgressResultDTO {
+    progress: number;
+    description: string;
+}
+export interface MultiHitResultDTO {
+    hits: number;
+    misses: number;
+    unanswered: number;
+    description: string;
+}
+export interface QualityResultDTO {
+    stars: number;
+    maxStars: number;
+    description: string;
+}
+export interface ScoreResultDTO {
+    score: number;
+    maxScore: number;
+    description: string;
+}
+export declare abstract class SubmitResultResultUC extends AppObjectUC {
+    static readonly type = "SubmitResultResultUC";
+    readonly requestType = "SUBMIT_RESULTS";
+    abstract submitHitResult(data: HitResultDTO): void;
+    abstract submitProgressResult(data: ProgressResultDTO): void;
+    abstract submitMultiHitResult(data: MultiHitResultDTO): void;
+    abstract submitQualityResult(data: QualityResultDTO): void;
+    abstract submitScoreResult(data: ScoreResultDTO): void;
+    static get: (appObjects: AppObjectRepo) => SubmitResultResultUC | undefined;
+}
+export declare function makeSubmitResultUC(appObject: AppObject): SubmitResultResultUC;
+export declare function submitHitResult(data: HitResultDTO, appObjects: AppObjectRepo): void;
+export declare function submitProgressResult(data: ProgressResultDTO, appObjects: AppObjectRepo): void;
+export declare function submitQualityResult(data: QualityResultDTO, appObjects: AppObjectRepo): void;
+export declare function submitScoreResult(data: ScoreResultDTO, appObjects: AppObjectRepo): void;
+export declare function submitMultiHitResult(data: MultiHitResultDTO, appObjects: AppObjectRepo): void;

package/lib/Components/Dispatcher/UC/SubmitResultResultUC.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.submitMultiHitResult = exports.submitScoreResult = exports.submitQualityResult = exports.submitProgressResult = exports.submitHitResult = exports.makeSubmitResultUC = exports.SubmitResultResultUC = void 0;
+const AppObject_1 = require("../../../AppObject");
+const AppObjectUC_1 = require("../../../AppObject/AppObjectUC");
+const AppDispatcher_1 = require("../Entities/AppDispatcher");
+class SubmitResultResultUC extends AppObjectUC_1.AppObjectUC {
+    constructor() {
+        super(...arguments);
+        this.requestType = "SUBMIT_RESULTS";
+    }
+}
+exports.SubmitResultResultUC = SubmitResultResultUC;
+SubmitResultResultUC.type = "SubmitResultResultUC";
+SubmitResultResultUC.get = (appObjects) => AppObject_1.getSingletonComponent(SubmitResultResultUC.type, appObjects);
+function makeSubmitResultUC(appObject) {
+    return new SubmitResultResultUCImp(appObject);
+}
+exports.makeSubmitResultUC = makeSubmitResultUC;
+function submitHitResult(data, appObjects) {
+    const dispatchUC = SubmitResultResultUC.get(appObjects);
+    if (dispatchUC) {
+        dispatchUC.submitHitResult(data);
+    }
+    else {
+        appObjects.submitWarning("submitHitResult", "Can't find SubmitResultResultUC");
+    }
+}
+exports.submitHitResult = submitHitResult;
+function submitProgressResult(data, appObjects) {
+    const dispatchUC = SubmitResultResultUC.get(appObjects);
+    if (dispatchUC) {
+        dispatchUC.submitProgressResult(data);
+    }
+    else {
+        appObjects.submitWarning("submitProgressResult", "Can't find SubmitResultResultUC");
+    }
+}
+exports.submitProgressResult = submitProgressResult;
+function submitQualityResult(data, appObjects) {
+    const dispatchUC = SubmitResultResultUC.get(appObjects);
+    if (dispatchUC) {
+        dispatchUC.submitQualityResult(data);
+    }
+    else {
+        appObjects.submitWarning("submitQualityResult", "Can't find SubmitResultResultUC");
+    }
+}
+exports.submitQualityResult = submitQualityResult;
+function submitScoreResult(data, appObjects) {
+    const dispatchUC = SubmitResultResultUC.get(appObjects);
+    if (dispatchUC) {
+        dispatchUC.submitScoreResult(data);
+    }
+    else {
+        appObjects.submitWarning("submitScoreResult", "Can't find SubmitResultResultUC");
+    }
+}
+exports.submitScoreResult = submitScoreResult;
+function submitMultiHitResult(data, appObjects) {
+    const dispatchUC = SubmitResultResultUC.get(appObjects);
+    if (dispatchUC) {
+        dispatchUC.submitMultiHitResult(data);
+    }
+    else {
+        appObjects.submitWarning("submitMultiHitResult", "Can't find SubmitResultResultUC");
+    }
+}
+exports.submitMultiHitResult = submitMultiHitResult;
+class SubmitResultResultUCImp extends SubmitResultResultUC {
+    constructor(appObject) {
+        super(appObject, SubmitResultResultUC.type);
+        this.requestVersion = 3;
+        this.appDispatcher = appObject.getComponent(AppDispatcher_1.AppDispatcher.type);
+        if (!this.appDispatcher) {
+            this.warn("DispatchStateChangeUC has been added to an App Object that does not have a AppDispatcher. Add a dispatcher first");
+            this.dispose();
+        }
+    }
+    submitHitResult(data) {
+        if (!this.appDispatcher)
+            return;
+        const { description, success } = data;
+        const payload = {
+            resultType: "HIT_V1",
+            description,
+            result: {
+                success,
+            },
+        };
+        this.appDispatcher.formRequestAndDispatch("SUBMIT_RESULTS", 3, payload);
+    }
+    submitProgressResult(data) {
+        if (!this.appDispatcher)
+            return;
+        const { description, progress } = data;
+        const payload = {
+            resultType: "PROGRESS_V1",
+            description,
+            result: {
+                progress,
+            },
+        };
+        this.appDispatcher.formRequestAndDispatch("SUBMIT_RESULTS", 3, payload);
+    }
+    submitMultiHitResult(data) {
+        if (!this.appDispatcher)
+            return;
+        const { description, hits, misses, unanswered } = data;
+        const payload = {
+            resultType: "MULTIHIT_V1",
+            description,
+            result: {
+                hits,
+                misses,
+                unanswered,
+            },
+        };
+        this.appDispatcher.formRequestAndDispatch("SUBMIT_RESULTS", 3, payload);
+    }
+    submitQualityResult(data) {
+        if (!this.appDispatcher)
+            return;
+        const { description, stars, maxStars } = data;
+        const payload = {
+            resultType: "QUALITY_V1",
+            description,
+            result: {
+                stars,
+                maxStars,
+            },
+        };
+        this.appDispatcher.formRequestAndDispatch("SUBMIT_RESULTS", 3, payload);
+    }
+    submitScoreResult(data) {
+        if (!this.appDispatcher)
+            return;
+        const { description, score, maxScore } = data;
+        const payload = {
+            resultType: "SCORE_V1",
+            description,
+            result: {
+                score,
+                maxScore,
+            },
+        };
+        this.appDispatcher.formRequestAndDispatch("SUBMIT_RESULTS", 3, payload);
+    }
+}

package/lib/Components/Dispatcher/UC/index.d.ts

@@ -0,0 +1,25 @@
+export * from "./AppIsReadyUC";
+export * from "./DispatchStartZSpaceUC";
+export * from "./DispatchStateChangeUC";
+export * from "./DispatchStopZSpaceUC";
+export * from "./GetAssetBlobURLUC";
+export * from "./GetAssetFolderURLUC";
+export * from "./GetAssetMetaUC";
+export * from "./GetAssetsForOwnerUC";
+export * from "./GetLinkedAssetsUC";
+export * from "./GoToNextStateUC";
+export * from "./GoToPreviousStateUC";
+export * from "./HasNextStateUC";
+export * from "./HasPreviousStateUC";
+export * from "./IsAssetFetchedUC";
+export * from "./IsZSpaceAvailableUC";
+export * from "./LogUC";
+export * from "./RegisterExternalStylesheetsUC";
+export * from "./ShowAlertUC";
+export * from "./ShowConfirmUC";
+export * from "./ShowMarkdownEditorUC";
+export * from "./ShowSelectModelUC";
+export * from "./ShowSpinnerUC";
+export * from "./StateHasChangedUC";
+export * from "./StateIsCompleteUC";
+export * from "./SubmitResultResultUC";

package/lib/Components/Dispatcher/UC/index.js

@@ -0,0 +1,37 @@
+"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("./AppIsReadyUC"), exports);
+__exportStar(require("./DispatchStartZSpaceUC"), exports);
+__exportStar(require("./DispatchStateChangeUC"), exports);
+__exportStar(require("./DispatchStopZSpaceUC"), exports);
+__exportStar(require("./GetAssetBlobURLUC"), exports);
+__exportStar(require("./GetAssetFolderURLUC"), exports);
+__exportStar(require("./GetAssetMetaUC"), exports);
+__exportStar(require("./GetAssetsForOwnerUC"), exports);
+__exportStar(require("./GetLinkedAssetsUC"), exports);
+__exportStar(require("./GoToNextStateUC"), exports);
+__exportStar(require("./GoToPreviousStateUC"), exports);
+__exportStar(require("./HasNextStateUC"), exports);
+__exportStar(require("./HasPreviousStateUC"), exports);
+__exportStar(require("./IsAssetFetchedUC"), exports);
+__exportStar(require("./IsZSpaceAvailableUC"), exports);
+__exportStar(require("./LogUC"), exports);
+__exportStar(require("./RegisterExternalStylesheetsUC"), exports);
+__exportStar(require("./ShowAlertUC"), exports);
+__exportStar(require("./ShowConfirmUC"), exports);
+__exportStar(require("./ShowMarkdownEditorUC"), exports);
+__exportStar(require("./ShowSelectModelUC"), exports);
+__exportStar(require("./ShowSpinnerUC"), exports);
+__exportStar(require("./StateHasChangedUC"), exports);
+__exportStar(require("./StateIsCompleteUC"), exports);
+__exportStar(require("./SubmitResultResultUC"), exports);

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

@@ -0,0 +1,3 @@
+export * from "./Controllers";
+export * from "./Entities";
+export * from "./UC";

package/lib/Components/Dispatcher/index.js

@@ -0,0 +1,15 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Controllers"), exports);
+__exportStar(require("./Entities"), exports);
+__exportStar(require("./UC"), exports);

package/lib/Components/Enablement/Entities/index.d.ts

@@ -0,0 +1 @@
+export * from "./EnablablementEntity";

package/lib/Components/Enablement/Entities/index.js

@@ -0,0 +1,13 @@
+"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("./EnablablementEntity"), exports);

package/lib/Components/Enablement/PM/EnablableStatePM.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EnablableStatePM = void 0;
+const AppObjectPM_1 = require("../../../AppObject/AppObjectPM");
+const EnablablementEntity_1 = require("../Entities/EnablablementEntity");
+class EnablableStatePM extends AppObjectPM_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, EnablableStatePM.type);
+        this.onEnablableStateChange = () => {
+            if (!this.enablable)
+                return;
+            const vm = {
+                enabled: this.enablable.enabled,
+            };
+            this.doUpdateView(vm);
+        };
+        this.dispose = () => {
+            var _a, _b;
+            super.dispose();
+            (_a = this.enablable) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onEnablableStateChange);
+            (_b = this.enablable) === null || _b === void 0 ? void 0 : _b.removeChangeObserver(this.dispose);
+        };
+        this.enablable = EnablablementEntity_1.EnablablementEntity.get(appObject);
+        if (!this.enablable) {
+            this.warn("App Object does not have a Enablable Entity");
+            this.dispose();
+            return;
+        }
+        this.enablable.addChangeObserver(this.onEnablableStateChange);
+        this.enablable.addOnDisposeObserver(this.dispose);
+        this.onEnablableStateChange();
+    }
+    vmsAreEqual(a, b) {
+        return a.enabled === b.enabled;
+    }
+}
+exports.EnablableStatePM = EnablableStatePM;
+EnablableStatePM.type = "EnablableStatePM";
+EnablableStatePM.defaultVM = {
+    enabled: false,
+};

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

@@ -0,0 +1 @@
+export * from "./EnablableStatePM";

package/lib/Components/Enablement/PM/index.js

@@ -0,0 +1,13 @@
+"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("./EnablableStatePM"), exports);

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

@@ -0,0 +1,2 @@
+export * from "./Entities";
+export * from "./PM";

package/lib/Components/Enablement/index.js

@@ -0,0 +1,14 @@
+"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("./Entities"), exports);
+__exportStar(require("./PM"), exports);

package/lib/Components/FramedScreen/Entities/FramedScreenContainer.d.ts

@@ -0,0 +1,14 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { Vector2 } from "../../../ValueObjects";
+export declare abstract class FramedScreenContainer extends AppObjectEntity {
+    static readonly type = "FramedScreenContainer";
+    abstract get id(): string;
+    abstract get position(): Vector2;
+    abstract set position(p: Vector2);
+    abstract get size(): Vector2;
+    abstract set size(s: Vector2);
+    abstract get show(): boolean;
+    abstract set show(s: boolean);
+}
+export declare function makeFramedScreenContainer(appObject: AppObject): FramedScreenContainer;

package/lib/Components/FramedScreen/Entities/FramedScreenContainer.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeFramedScreenContainer = exports.FramedScreenContainer = void 0;
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const Entities_1 = require("../../../Entities");
+const ValueObjects_1 = require("../../../ValueObjects");
+class FramedScreenContainer extends AppObjectEntity_1.AppObjectEntity {
+}
+exports.FramedScreenContainer = FramedScreenContainer;
+FramedScreenContainer.type = "FramedScreenContainer";
+function makeFramedScreenContainer(appObject) {
+    return new FramedScreenContainerImp(appObject);
+}
+exports.makeFramedScreenContainer = makeFramedScreenContainer;
+class FramedScreenContainerImp extends FramedScreenContainer {
+    constructor(appObject) {
+        super(appObject, FramedScreenContainer.type);
+        this.memoizedPos = new Entities_1.MemoizedVector2(ValueObjects_1.Vector2.Zero(), this.notifyOnChange);
+        this.memoizedSize = new Entities_1.MemoizedVector2(ValueObjects_1.Vector2.Zero(), this.notifyOnChange);
+        this.memoizedShow = new Entities_1.MemoizedBoolean(true, this.notifyOnChange);
+    }
+    get id() {
+        return this.appObject.id;
+    }
+    get position() {
+        return this.memoizedPos.val;
+    }
+    set position(p) {
+        this.memoizedPos.val = p;
+    }
+    get size() {
+        return this.memoizedSize.val;
+    }
+    set size(s) {
+        this.memoizedSize.val = s;
+    }
+    get show() {
+        return this.memoizedShow.val;
+    }
+    set show(s) {
+        this.memoizedShow.val = s;
+    }
+}

package/lib/Components/FramedScreen/Entities/FramedScreenEntity.d.ts

@@ -0,0 +1,18 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectEntity } from "../../../AppObject/AppObjectEntity";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+import { FramedScreenContainer } from "./FramedScreenContainer";
+export declare abstract class FramedScreenEntity extends AppObjectEntity {
+    static readonly type = "FramedScreenEntity";
+    abstract get containers(): FramedScreenContainer[];
+    abstract addContainer(container: FramedScreenContainer): void;
+    abstract removeContainer(id: string): void;
+    abstract hasContainer(id: string): boolean;
+    abstract getContainerByID(id: string): FramedScreenContainer | undefined;
+    abstract get screenWidth(): number;
+    abstract set screenWidth(width: number);
+    abstract get screenHeight(): number;
+    abstract set screenHeight(height: number);
+    static get: (appObjects: AppObjectRepo) => FramedScreenEntity | undefined;
+}
+export declare function makeFramedScreen(appObject: AppObject): FramedScreenEntity;

package/lib/Components/FramedScreen/Entities/FramedScreenEntity.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeFramedScreen = exports.FramedScreenEntity = void 0;
+const AppObject_1 = require("../../../AppObject");
+const AppObjectEntity_1 = require("../../../AppObject/AppObjectEntity");
+const Entities_1 = require("../../../Entities");
+class FramedScreenEntity extends AppObjectEntity_1.AppObjectEntity {
+}
+exports.FramedScreenEntity = FramedScreenEntity;
+FramedScreenEntity.type = "FramedScreenEntity";
+FramedScreenEntity.get = (appObjects) => AppObject_1.getSingletonComponent(FramedScreenEntity.type, appObjects);
+function makeFramedScreen(appObject) {
+    return new FramedScreenImp(appObject);
+}
+exports.makeFramedScreen = makeFramedScreen;
+class FramedScreenImp extends FramedScreenEntity {
+    constructor(appObject) {
+        super(appObject, FramedScreenEntity.type);
+        this.memoizeWidth = new Entities_1.MemoizedNumber(0, this.notifyOnChange);
+        this.memoizeHeight = new Entities_1.MemoizedNumber(0, this.notifyOnChange);
+        this._containerLookup = new Map();
+    }
+    get screenWidth() {
+        return this.memoizeWidth.val;
+    }
+    set screenWidth(val) {
+        this.memoizeWidth.val = val;
+    }
+    get screenHeight() {
+        return this.memoizeHeight.val;
+    }
+    set screenHeight(val) {
+        this.memoizeHeight.val = val;
+    }
+    get containers() {
+        return Array.from(this._containerLookup.values());
+    }
+    addContainer(container) {
+        this._containerLookup.set(container.id, container);
+        this.notifyOnChange();
+    }
+    removeContainer(id) {
+        const container = this._containerLookup.get(id);
+        if (container) {
+            this._containerLookup.delete(id);
+            this.notifyOnChange();
+        }
+    }
+    hasContainer(id) {
+        return this._containerLookup.has(id);
+    }
+    getContainerByID(id) {
+        return this._containerLookup.get(id);
+    }
+}

package/lib/Components/FramedScreen/Entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./FramedScreenContainer";
+export * from "./FramedScreenEntity";

package/lib/Components/FramedScreen/Entities/index.js

@@ -0,0 +1,14 @@
+"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("./FramedScreenContainer"), exports);
+__exportStar(require("./FramedScreenEntity"), exports);

package/lib/Components/FramedScreen/PM/FramedScreenContainerPM.d.ts

@@ -0,0 +1,18 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectPM } from "../../../AppObject/AppObjectPM";
+export interface FramedContainerVM {
+    top: number;
+    left: number;
+    width: number;
+    height: number;
+    show: boolean;
+}
+export declare class FramedContainerPM extends AppObjectPM<FramedContainerVM> {
+    static readonly type = "FramedContainerPM";
+    private container?;
+    onContainerChange: () => void;
+    vmsAreEqual(a: FramedContainerVM, b: FramedContainerVM): boolean;
+    dispose: () => void;
+    constructor(appObject: AppObject);
+}
+export declare const defaultFramedContainerVM: FramedContainerVM;

package/lib/Components/FramedScreen/PM/FramedScreenContainerPM.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFramedContainerVM = exports.FramedContainerPM = void 0;
+const AppObjectPM_1 = require("../../../AppObject/AppObjectPM");
+const Entities_1 = require("../Entities");
+class FramedContainerPM extends AppObjectPM_1.AppObjectPM {
+    constructor(appObject) {
+        super(appObject, FramedContainerPM.type);
+        this.onContainerChange = () => {
+            if (!this.container)
+                return;
+            const vm = {
+                height: this.container.size.y,
+                width: this.container.size.x,
+                top: this.container.position.y,
+                left: this.container.position.x,
+                show: this.container.show,
+            };
+            this.doUpdateView(vm);
+        };
+        this.dispose = () => {
+            var _a;
+            (_a = this.container) === null || _a === void 0 ? void 0 : _a.removeChangeObserver(this.onContainerChange);
+        };
+        this.container = appObject.getComponent(Entities_1.FramedScreenContainer.type);
+        if (!this.container) {
+            this.warn("FramedContainerPM has been added to an App Object that does not have a FramedScreenContainer");
+            return;
+        }
+        this.container.addChangeObserver(this.onContainerChange);
+        this.onContainerChange();
+    }
+    vmsAreEqual(a, b) {
+        if (a.height !== b.height)
+            return false;
+        if (a.width !== b.width)
+            return false;
+        if (a.top !== b.top)
+            return false;
+        if (a.left !== b.left)
+            return false;
+        if (a.show !== b.show)
+            return false;
+        return true;
+    }
+}
+exports.FramedContainerPM = FramedContainerPM;
+FramedContainerPM.type = "FramedContainerPM";
+exports.defaultFramedContainerVM = {
+    height: 0,
+    left: 0,
+    top: 0,
+    width: 0,
+    show: false,
+};

package/lib/Components/FramedScreen/PM/FramedScreenSizePM.d.ts

@@ -0,0 +1,17 @@
+import { AppObject } from "../../../AppObject/AppObject";
+import { AppObjectPM } from "../../../AppObject/AppObjectPM";
+import { AppObjectRepo } from "../../../AppObject/AppObjectRepo";
+export interface FramedScreenSizeVM {
+    width: number;
+    height: number;
+}
+export declare class FramedScreenSizePM extends AppObjectPM<FramedScreenSizeVM> {
+    static readonly type = "FramedScreenSizePM";
+    static get: (appObjects: AppObjectRepo) => FramedScreenSizePM | undefined;
+    private screen?;
+    onContainerChange: () => void;
+    vmsAreEqual(a: FramedScreenSizeVM, b: FramedScreenSizeVM): boolean;
+    dispose: () => void;
+    constructor(appObject: AppObject);
+}
+export declare const defaultFramedScreenVM: FramedScreenSizeVM;