@vived/host 3.3.0 → 3.5.0

package/lib/Components/ThemeColors/Controllers/getPrimaryColor.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPrimaryColor = void 0;
+const ValueObjects_1 = require("../../../ValueObjects");
+const Entities_1 = require("../Entities");
+function getPrimaryColor(appObjects) {
+    const theme = Entities_1.HostThemeEntity.get(appObjects);
+    if (theme) {
+        return theme.getColorForType(Entities_1.ThemeColorType.primary);
+    }
+    else {
+        appObjects.submitError("getPrimaryColor", "Unable to find ThemeColors");
+        return ValueObjects_1.Color.RGB(0, 0, 0);
+    }
+}
+exports.getPrimaryColor = getPrimaryColor;

package/lib/Components/ThemeColors/Controllers/getSurfaceColor.d.ts

@@ -0,0 +1,3 @@
+import { HostAppObjectRepo } from "../../../HostAppObject";
+import { Color } from "../../../ValueObjects";
+export declare function getSurfaceColor(appObjects: HostAppObjectRepo): Color;

package/lib/Components/ThemeColors/Controllers/getSurfaceColor.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSurfaceColor = void 0;
+const ValueObjects_1 = require("../../../ValueObjects");
+const Entities_1 = require("../Entities");
+function getSurfaceColor(appObjects) {
+    const theme = Entities_1.HostThemeEntity.get(appObjects);
+    if (theme) {
+        return theme.getColorForType(Entities_1.ThemeColorType.surface);
+    }
+    else {
+        appObjects.submitError("getSurfaceColor", "Unable to find ThemeColors");
+        return ValueObjects_1.Color.RGB(0, 0, 0);
+    }
+}
+exports.getSurfaceColor = getSurfaceColor;

package/lib/Components/ThemeColors/Controllers/getSurfaceContainerColor.d.ts

@@ -0,0 +1,3 @@
+import { HostAppObjectRepo } from "../../../HostAppObject";
+import { Color } from "../../../ValueObjects";
+export declare function getSurfaceContainerColor(appObjects: HostAppObjectRepo): Color;

package/lib/Components/ThemeColors/Controllers/getSurfaceContainerColor.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSurfaceContainerColor = void 0;
+const ValueObjects_1 = require("../../../ValueObjects");
+const Entities_1 = require("../Entities");
+function getSurfaceContainerColor(appObjects) {
+    const theme = Entities_1.HostThemeEntity.get(appObjects);
+    if (theme) {
+        return theme.getColorForType(Entities_1.ThemeColorType.surfaceContainer);
+    }
+    else {
+        appObjects.submitError("getSurfaceColor", "Unable to find ThemeColors");
+        return ValueObjects_1.Color.RGB(0, 0, 0);
+    }
+}
+exports.getSurfaceContainerColor = getSurfaceContainerColor;

package/lib/Components/ThemeColors/Controllers/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./getOnPrimaryColor";
+export * from "./getOnSurfaceColor";
+export * from "./getPrimaryColor";
+export * from "./getSurfaceColor";
+export * from "./getSurfaceContainerColor";

package/lib/Components/ThemeColors/Controllers/index.js

@@ -0,0 +1,17 @@
+"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("./getOnPrimaryColor"), exports);
+__exportStar(require("./getOnSurfaceColor"), exports);
+__exportStar(require("./getPrimaryColor"), exports);
+__exportStar(require("./getSurfaceColor"), exports);
+__exportStar(require("./getSurfaceContainerColor"), exports);

package/lib/Components/ThemeColors/Data/index.d.ts

@@ -0,0 +1,2 @@
+export { default as vivedDarkThemeData } from "./vivedDarkTheme.json";
+export { default as vivedLightThemeData } from "./vivedLightTheme.json";

package/lib/Components/ThemeColors/Data/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.vivedLightThemeData = exports.vivedDarkThemeData = void 0;
+var vivedDarkTheme_json_1 = require("./vivedDarkTheme.json");
+Object.defineProperty(exports, "vivedDarkThemeData", { enumerable: true, get: function () { return __importDefault(vivedDarkTheme_json_1).default; } });
+var vivedLightTheme_json_1 = require("./vivedLightTheme.json");
+Object.defineProperty(exports, "vivedLightThemeData", { enumerable: true, get: function () { return __importDefault(vivedLightTheme_json_1).default; } });

package/lib/Components/ThemeColors/Data/vivedDarkTheme.json

@@ -0,0 +1,51 @@
+{
+    "primary": "#7BD0FF",
+    "onPrimary": "#003549",
+    "primaryContainer": "#004C69",
+    "onPrimaryContainer": "#C4E7FF",
+    "primaryFixed": "#C4E7FF",
+    "onPrimaryFixed": "#001E2C",
+    "primaryFixedDim": "#7BD0FF",
+    "onPrimaryFixedVariant": "#004C69",
+    "secondary": "#B5C9D7",
+    "onSecondary": "#20333E",
+    "secondaryContainer": "#374955",
+    "onSecondaryContainer": "#D1E5F4",
+    "secondaryFixed": "#D1E5F4",
+    "onSecondaryFixed": "#0A1E28",
+    "secondaryFixedDim": "#B5C9D7",
+    "onSecondaryFixedVariant": "#374955",
+    "tertiary": "#CAC1E9",
+    "onTertiary": "#322C4C",
+    "tertiaryContainer": "#484264",
+    "onTertiaryContainer": "#E6DEFF",
+    "tertiaryFixed": "#E6DEFF",
+    "onTertiaryFixed": "#1D1736",
+    "tertiaryFixedDim": "#CAC1E9",
+    "onTertiaryFixedVariant": "#484264",
+    "error": "#FFB4AB",
+    "onError": "#690005",
+    "errorContainer": "#93000A",
+    "onErrorContainer": "#FFDAD6",
+    "outline": "#8B9297",
+    "background": "#191C1E",
+    "onBackground": "#E1E2E5",
+    "surface": "#111416",
+    "onSurface": "#C5C6C9",
+    "surfaceVariant": "#41484D",
+    "onSurfaceVariant": "#C0C7CD",
+    "inverseSurface": "#E1E2E5",
+    "inverseOnSurface": "#191C1E",
+    "inversePrimary": "#00668A",
+    "shadow": "#000000",
+    "surfaceTint": "#7BD0FF",
+    "outlineVariant": "#41484D",
+    "scrim": "#000000",
+    "surfaceContainerHighest": "#333537",
+    "surfaceContainerHigh": "#282A2C",
+    "surfaceContainer": "#1D2022",
+    "surfaceContainerLow": "#191C1E",
+    "surfaceContainerLowest": "#0C0F10",
+    "surfaceBright": "#37393C",
+    "surfaceDim": "#111416"
+}

package/lib/Components/ThemeColors/Data/vivedLightTheme.json

@@ -0,0 +1,51 @@
+{
+    "primary": "#00668A",
+    "onPrimary": "#FFFFFF",
+    "primaryContainer": "#C4E7FF",
+    "onPrimaryContainer": "#001E2C",
+    "primaryFixed": "#C4E7FF",
+    "onPrimaryFixed": "#001E2C",
+    "primaryFixedDim": "#7BD0FF",
+    "onPrimaryFixedVariant": "#004C69",
+    "secondary": "#4E616D",
+    "onSecondary": "#FFFFFF",
+    "secondaryContainer": "#D1E5F4",
+    "onSecondaryContainer": "#0A1E28",
+    "secondaryFixed": "#D1E5F4",
+    "onSecondaryFixed": "#0A1E28",
+    "secondaryFixedDim": "#B5C9D7",
+    "onSecondaryFixedVariant": "#374955",
+    "tertiary": "#605A7D",
+    "onTertiary": "#FFFFFF",
+    "tertiaryContainer": "#E6DEFF",
+    "onTertiaryContainer": "#1D1736",
+    "tertiaryFixed": "#E6DEFF",
+    "onTertiaryFixed": "#1D1736",
+    "tertiaryFixedDim": "#CAC1E9",
+    "onTertiaryFixedVariant": "#484264",
+    "error": "#BA1A1A",
+    "onError": "#FFFFFF",
+    "errorContainer": "#FFDAD6",
+    "onErrorContainer": "#410002",
+    "outline": "#71787D",
+    "background": "#FBFCFF",
+    "onBackground": "#191C1E",
+    "surface": "#F8F9FC",
+    "onSurface": "#191C1E",
+    "surfaceVariant": "#DCE3E9",
+    "onSurfaceVariant": "#41484D",
+    "inverseSurface": "#2E3133",
+    "inverseOnSurface": "#F0F1F3",
+    "inversePrimary": "#7BD0FF",
+    "shadow": "#000000",
+    "surfaceTint": "#00668A",
+    "outlineVariant": "#C0C7CD",
+    "scrim": "#000000",
+    "surfaceContainerHighest": "#E1E2E5",
+    "surfaceContainerHigh": "#E7E8EA",
+    "surfaceContainer": "#EDEEF0",
+    "surfaceContainerLow": "#F3F3F6",
+    "surfaceContainerLowest": "#FFFFFF",
+    "surfaceBright": "#F8F9FC",
+    "surfaceDim": "#D9DADC"
+}

package/lib/Components/ThemeColors/Entities/HostThemeEntity.d.ts

@@ -0,0 +1,127 @@
+import { HostAppObject, HostAppObjectEntity, HostAppObjectRepo } from "../../../HostAppObject";
+import { Color } from "../../../ValueObjects";
+export declare enum ThemeColorType {
+    primary = "primary",
+    onPrimary = "onPrimary",
+    primaryContainer = "primaryContainer",
+    onPrimaryContainer = "onPrimaryContainer",
+    primaryFixed = "primaryFixed",
+    onPrimaryFixed = "onPrimaryFixed",
+    primaryFixedDim = "primaryFixedDim",
+    onPrimaryFixedVariant = "onPrimaryFixedVariant",
+    secondary = "secondary",
+    onSecondary = "onSecondary",
+    secondaryContainer = "secondaryContainer",
+    onSecondaryContainer = "onSecondaryContainer",
+    secondaryFixed = "secondaryFixed",
+    onSecondaryFixed = "onSecondaryFixed",
+    secondaryFixedDim = "secondaryFixedDim",
+    onSecondaryFixedVariant = "onSecondaryFixedVariant",
+    tertiary = "tertiary",
+    onTertiary = "onTertiary",
+    tertiaryContainer = "tertiaryContainer",
+    onTertiaryContainer = "onTertiaryContainer",
+    tertiaryFixed = "tertiaryFixed",
+    onTertiaryFixed = "onTertiaryFixed",
+    tertiaryFixedDim = "tertiaryFixedDim",
+    onTertiaryFixedVariant = "onTertiaryFixedVariant",
+    error = "error",
+    onError = "onError",
+    errorContainer = "errorContainer",
+    onErrorContainer = "onErrorContainer",
+    outline = "outline",
+    background = "background",
+    onBackground = "onBackground",
+    surface = "surface",
+    onSurface = "onSurface",
+    surfaceVariant = "surfaceVariant",
+    onSurfaceVariant = "onSurfaceVariant",
+    inverseSurface = "inverseSurface",
+    inverseOnSurface = "inverseOnSurface",
+    inversePrimary = "inversePrimary",
+    shadow = "shadow",
+    surfaceTint = "surfaceTint",
+    outlineVariant = "outlineVariant",
+    scrim = "scrim",
+    surfaceContainerHighest = "surfaceContainerHighest",
+    surfaceContainerHigh = "surfaceContainerHigh",
+    surfaceContainer = "surfaceContainer",
+    surfaceContainerLow = "surfaceContainerLow",
+    surfaceContainerLowest = "surfaceContainerLowest",
+    surfaceBright = "surfaceBright",
+    surfaceDim = "surfaceDim"
+}
+export interface ColorScheme {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    primaryFixed: string;
+    onPrimaryFixed: string;
+    primaryFixedDim: string;
+    onPrimaryFixedVariant: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    secondaryFixed: string;
+    onSecondaryFixed: string;
+    secondaryFixedDim: string;
+    onSecondaryFixedVariant: string;
+    tertiary: string;
+    onTertiary: string;
+    tertiaryContainer: string;
+    onTertiaryContainer: string;
+    tertiaryFixed: string;
+    onTertiaryFixed: string;
+    tertiaryFixedDim: string;
+    onTertiaryFixedVariant: string;
+    error: string;
+    onError: string;
+    errorContainer: string;
+    onErrorContainer: string;
+    outline: string;
+    background: string;
+    onBackground: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    inverseSurface: string;
+    inverseOnSurface: string;
+    inversePrimary: string;
+    shadow: string;
+    surfaceTint: string;
+    outlineVariant: string;
+    scrim: string;
+    surfaceContainerHighest: string;
+    surfaceContainerHigh: string;
+    surfaceContainer: string;
+    surfaceContainerLow: string;
+    surfaceContainerLowest: string;
+    surfaceBright: string;
+    surfaceDim: string;
+}
+export declare abstract class HostThemeEntity extends HostAppObjectEntity {
+    static readonly type = "HostThemeEntity";
+    abstract submitScheme(name: string, scheme: ColorScheme): void;
+    abstract activeSchemeName: string;
+    abstract get activeScheme(): ColorScheme;
+    abstract getColorForType(type: ThemeColorType): Color;
+    abstract getHexForType(type: ThemeColorType): string;
+    static get: (appObjects: HostAppObjectRepo) => HostThemeEntity | undefined;
+}
+export declare function makeHostThemeEntity(appObject: HostAppObject): HostThemeEntityImp;
+declare class HostThemeEntityImp extends HostThemeEntity {
+    private schemeLookup;
+    get activeScheme(): ColorScheme;
+    submitScheme: (name: string, scheme: ColorScheme) => void;
+    getHexForType(type: ThemeColorType): string;
+    private memoizedActiveScheme;
+    get activeSchemeName(): string;
+    set activeSchemeName(val: string);
+    constructor(appObject: HostAppObject);
+    getColorForType: (type: ThemeColorType) => Color;
+}
+export declare const defaultScheme: ColorScheme;
+export {};

package/lib/Components/ThemeColors/Entities/HostThemeEntity.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultScheme = exports.makeHostThemeEntity = exports.HostThemeEntity = exports.ThemeColorType = void 0;
+const Entities_1 = require("../../../Entities");
+const HostAppObject_1 = require("../../../HostAppObject");
+const ValueObjects_1 = require("../../../ValueObjects");
+var ThemeColorType;
+(function (ThemeColorType) {
+    ThemeColorType["primary"] = "primary";
+    ThemeColorType["onPrimary"] = "onPrimary";
+    ThemeColorType["primaryContainer"] = "primaryContainer";
+    ThemeColorType["onPrimaryContainer"] = "onPrimaryContainer";
+    ThemeColorType["primaryFixed"] = "primaryFixed";
+    ThemeColorType["onPrimaryFixed"] = "onPrimaryFixed";
+    ThemeColorType["primaryFixedDim"] = "primaryFixedDim";
+    ThemeColorType["onPrimaryFixedVariant"] = "onPrimaryFixedVariant";
+    ThemeColorType["secondary"] = "secondary";
+    ThemeColorType["onSecondary"] = "onSecondary";
+    ThemeColorType["secondaryContainer"] = "secondaryContainer";
+    ThemeColorType["onSecondaryContainer"] = "onSecondaryContainer";
+    ThemeColorType["secondaryFixed"] = "secondaryFixed";
+    ThemeColorType["onSecondaryFixed"] = "onSecondaryFixed";
+    ThemeColorType["secondaryFixedDim"] = "secondaryFixedDim";
+    ThemeColorType["onSecondaryFixedVariant"] = "onSecondaryFixedVariant";
+    ThemeColorType["tertiary"] = "tertiary";
+    ThemeColorType["onTertiary"] = "onTertiary";
+    ThemeColorType["tertiaryContainer"] = "tertiaryContainer";
+    ThemeColorType["onTertiaryContainer"] = "onTertiaryContainer";
+    ThemeColorType["tertiaryFixed"] = "tertiaryFixed";
+    ThemeColorType["onTertiaryFixed"] = "onTertiaryFixed";
+    ThemeColorType["tertiaryFixedDim"] = "tertiaryFixedDim";
+    ThemeColorType["onTertiaryFixedVariant"] = "onTertiaryFixedVariant";
+    ThemeColorType["error"] = "error";
+    ThemeColorType["onError"] = "onError";
+    ThemeColorType["errorContainer"] = "errorContainer";
+    ThemeColorType["onErrorContainer"] = "onErrorContainer";
+    ThemeColorType["outline"] = "outline";
+    ThemeColorType["background"] = "background";
+    ThemeColorType["onBackground"] = "onBackground";
+    ThemeColorType["surface"] = "surface";
+    ThemeColorType["onSurface"] = "onSurface";
+    ThemeColorType["surfaceVariant"] = "surfaceVariant";
+    ThemeColorType["onSurfaceVariant"] = "onSurfaceVariant";
+    ThemeColorType["inverseSurface"] = "inverseSurface";
+    ThemeColorType["inverseOnSurface"] = "inverseOnSurface";
+    ThemeColorType["inversePrimary"] = "inversePrimary";
+    ThemeColorType["shadow"] = "shadow";
+    ThemeColorType["surfaceTint"] = "surfaceTint";
+    ThemeColorType["outlineVariant"] = "outlineVariant";
+    ThemeColorType["scrim"] = "scrim";
+    ThemeColorType["surfaceContainerHighest"] = "surfaceContainerHighest";
+    ThemeColorType["surfaceContainerHigh"] = "surfaceContainerHigh";
+    ThemeColorType["surfaceContainer"] = "surfaceContainer";
+    ThemeColorType["surfaceContainerLow"] = "surfaceContainerLow";
+    ThemeColorType["surfaceContainerLowest"] = "surfaceContainerLowest";
+    ThemeColorType["surfaceBright"] = "surfaceBright";
+    ThemeColorType["surfaceDim"] = "surfaceDim";
+})(ThemeColorType = exports.ThemeColorType || (exports.ThemeColorType = {}));
+class HostThemeEntity extends HostAppObject_1.HostAppObjectEntity {
+}
+exports.HostThemeEntity = HostThemeEntity;
+HostThemeEntity.type = "HostThemeEntity";
+HostThemeEntity.get = (appObjects) => HostAppObject_1.getSingletonComponent(HostThemeEntity.type, appObjects);
+function makeHostThemeEntity(appObject) {
+    return new HostThemeEntityImp(appObject);
+}
+exports.makeHostThemeEntity = makeHostThemeEntity;
+class HostThemeEntityImp extends HostThemeEntity {
+    constructor(appObject) {
+        super(appObject, HostThemeEntity.type);
+        this.schemeLookup = new Map();
+        this.submitScheme = (name, scheme) => {
+            if (this.schemeLookup.has(name)) {
+                this.warn("Duplicate scheme name submitted. Overwriting");
+            }
+            this.schemeLookup.set(name, scheme);
+            if (!this.activeSchemeName) {
+                this.activeSchemeName = name;
+            }
+        };
+        this.memoizedActiveScheme = new Entities_1.MemoizedString("", this.notifyOnChange);
+        this.getColorForType = (type) => {
+            const scheme = this.schemeLookup.get(this.activeSchemeName);
+            if (!scheme) {
+                this.error("No active scheme");
+                return ValueObjects_1.Color.RGB(0, 0, 0);
+            }
+            const colorHex = scheme[type];
+            return ValueObjects_1.Color.Hex(colorHex);
+        };
+        this.appObjects.registerSingleton(this);
+    }
+    get activeScheme() {
+        var _a;
+        return (_a = this.schemeLookup.get(this.activeSchemeName)) !== null && _a !== void 0 ? _a : exports.defaultScheme;
+    }
+    getHexForType(type) {
+        const scheme = this.schemeLookup.get(this.activeSchemeName);
+        if (!scheme) {
+            this.error("No active scheme");
+            return "#000000";
+        }
+        return scheme[type];
+    }
+    get activeSchemeName() {
+        return this.memoizedActiveScheme.val;
+    }
+    set activeSchemeName(val) {
+        if (!this.schemeLookup.has(val)) {
+            this.warn(`Unknown theme schema: ${val}. Ignoring.`);
+            return;
+        }
+        this.memoizedActiveScheme.val = val;
+    }
+}
+exports.defaultScheme = {
+    primary: "#7BD0FF",
+    onPrimary: "#003549",
+    primaryContainer: "#004C69",
+    onPrimaryContainer: "#C4E7FF",
+    primaryFixed: "#C4E7FF",
+    onPrimaryFixed: "#001E2C",
+    primaryFixedDim: "#7BD0FF",
+    onPrimaryFixedVariant: "#004C69",
+    secondary: "#B5C9D7",
+    onSecondary: "#20333E",
+    secondaryContainer: "#374955",
+    onSecondaryContainer: "#D1E5F4",
+    secondaryFixed: "#D1E5F4",
+    onSecondaryFixed: "#0A1E28",
+    secondaryFixedDim: "#B5C9D7",
+    onSecondaryFixedVariant: "#374955",
+    tertiary: "#CAC1E9",
+    onTertiary: "#322C4C",
+    tertiaryContainer: "#484264",
+    onTertiaryContainer: "#E6DEFF",
+    tertiaryFixed: "#E6DEFF",
+    onTertiaryFixed: "#1D1736",
+    tertiaryFixedDim: "#CAC1E9",
+    onTertiaryFixedVariant: "#484264",
+    error: "#FFB4AB",
+    onError: "#690005",
+    errorContainer: "#93000A",
+    onErrorContainer: "#FFDAD6",
+    outline: "#8B9297",
+    background: "#191C1E",
+    onBackground: "#E1E2E5",
+    surface: "#111416",
+    onSurface: "#C5C6C9",
+    surfaceVariant: "#41484D",
+    onSurfaceVariant: "#C0C7CD",
+    inverseSurface: "#E1E2E5",
+    inverseOnSurface: "#191C1E",
+    inversePrimary: "#00668A",
+    shadow: "#000000",
+    surfaceTint: "#7BD0FF",
+    outlineVariant: "#41484D",
+    scrim: "#000000",
+    surfaceContainerHighest: "#333537",
+    surfaceContainerHigh: "#282A2C",
+    surfaceContainer: "#1D2022",
+    surfaceContainerLow: "#191C1E",
+    surfaceContainerLowest: "#0C0F10",
+    surfaceBright: "#37393C",
+    surfaceDim: "#111416"
+};

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

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

package/lib/Components/ThemeColors/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("./HostThemeEntity"), exports);

package/lib/Components/ThemeColors/Mocks/MockThemeColorPM.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="jest" />
+import { HostAppObject, HostAppObjectRepo } from "../../../HostAppObject";
+import { ThemeColorsPM } from "../PM";
+export declare class MockThemeColorPM extends ThemeColorsPM {
+    vmsAreEqual: jest.Mock<any, any>;
+    constructor(appObject: HostAppObject);
+}
+export declare function makeMockThemeColorPM(appObjects: HostAppObjectRepo): MockThemeColorPM;

package/lib/Components/ThemeColors/Mocks/MockThemeColorPM.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeMockThemeColorPM = exports.MockThemeColorPM = void 0;
+const PM_1 = require("../PM");
+class MockThemeColorPM extends PM_1.ThemeColorsPM {
+    constructor(appObject) {
+        super(appObject, PM_1.ThemeColorsPM.type);
+        this.vmsAreEqual = jest.fn();
+    }
+}
+exports.MockThemeColorPM = MockThemeColorPM;
+function makeMockThemeColorPM(appObjects) {
+    return new MockThemeColorPM(appObjects.getOrCreate("MockThemeColorPM"));
+}
+exports.makeMockThemeColorPM = makeMockThemeColorPM;

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

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

package/lib/Components/ThemeColors/Mocks/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("./MockThemeColorPM"), exports);

package/lib/Components/ThemeColors/PM/ThemeColorsPM.d.ts

@@ -0,0 +1,12 @@
+import { HostAppObject, HostAppObjectPM, HostAppObjectRepo } from "../../../HostAppObject";
+import { ColorScheme } from "../Entities/HostThemeEntity";
+export interface ThemeColorsVM {
+    themeName: string;
+    scheme: ColorScheme;
+}
+export declare const defaultThemeColorsVM: ThemeColorsVM;
+export declare abstract class ThemeColorsPM extends HostAppObjectPM<ThemeColorsVM> {
+    static readonly type = "ThemeColorsPM";
+    static get(appObjects: HostAppObjectRepo): ThemeColorsPM | undefined;
+}
+export declare function makeThemeColorsPM(appObject: HostAppObject): ThemeColorsPM;

package/lib/Components/ThemeColors/PM/ThemeColorsPM.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeThemeColorsPM = exports.ThemeColorsPM = exports.defaultThemeColorsVM = void 0;
+const HostAppObject_1 = require("../../../HostAppObject");
+const HostThemeEntity_1 = require("../Entities/HostThemeEntity");
+exports.defaultThemeColorsVM = {
+    themeName: "",
+    scheme: HostThemeEntity_1.defaultScheme
+};
+class ThemeColorsPM extends HostAppObject_1.HostAppObjectPM {
+    static get(appObjects) {
+        return HostAppObject_1.getSingletonComponent(ThemeColorsPM.type, appObjects);
+    }
+}
+exports.ThemeColorsPM = ThemeColorsPM;
+ThemeColorsPM.type = "ThemeColorsPM";
+function makeThemeColorsPM(appObject) {
+    return new ThemeColorsPMImp(appObject);
+}
+exports.makeThemeColorsPM = makeThemeColorsPM;
+class ThemeColorsPMImp extends ThemeColorsPM {
+    constructor(appObject) {
+        super(appObject, ThemeColorsPM.type);
+        this.onThemeChange = () => {
+            if (!this.themeColors)
+                return;
+            this.doUpdateView({
+                themeName: this.themeColors.activeSchemeName,
+                scheme: this.themeColors.activeScheme
+            });
+        };
+        this.appObjects.registerSingleton(this);
+        this.themeColors = HostThemeEntity_1.HostThemeEntity.get(appObject.appObjectRepo);
+        if (!this.themeColors) {
+            this.error("Unable to find HostThemeEntity");
+            return;
+        }
+        else {
+            this.themeColors.addChangeObserver(this.onThemeChange);
+            this.onThemeChange();
+        }
+    }
+    vmsAreEqual(a, b) {
+        return a.themeName === b.themeName;
+    }
+}

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

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

package/lib/Components/ThemeColors/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("./ThemeColorsPM"), exports);

package/lib/Components/ThemeColors/UCs/SetThemeUC.d.ts

@@ -0,0 +1,10 @@
+import { HostAppObject, HostAppObjectRepo, HostAppObjectUC } from "../../../HostAppObject";
+export declare abstract class SetThemeUC extends HostAppObjectUC {
+    static type: string;
+    abstract lightThemeName: string;
+    abstract darkThemeName: string;
+    abstract setThemeByName(name: string): void;
+    abstract tryDetectTheme(): void;
+    static get(appObjects: HostAppObjectRepo): SetThemeUC | undefined;
+}
+export declare function makeSetThemeUC(appObject: HostAppObject): SetThemeUC;