@vived/host 3.4.0 → 3.5.0

package/lib/Components/Dispatcher/UCs/DispatchThemeUC.d.ts

@@ -2,8 +2,59 @@ import { HostAppObject, HostAppObjectRepo, HostAppObjectUC } from "../../../Host
 export declare abstract class DispatchThemeUC extends HostAppObjectUC {
     static readonly type = "DispatchThemeUC";
     readonly requestType = "SET_THEME_COLORS";
-    abstract doDispatch(colors: object): void;
+    abstract doDispatch(): void;
     static get(appObject: HostAppObject): DispatchThemeUC | undefined;
     static getByID(id: string, appObjects: HostAppObjectRepo): DispatchThemeUC | undefined;
 }
 export declare function makeDispatchThemeUC(appObject: HostAppObject): DispatchThemeUC;
+export interface ColorSchemeV1 {
+    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;
+}

package/lib/Components/Dispatcher/UCs/DispatchThemeUC.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeDispatchThemeUC = exports.DispatchThemeUC = void 0;
 const HostAppObject_1 = require("../../../HostAppObject");
+const ThemeColors_1 = require("../../ThemeColors");
 const Entities_1 = require("../Entities");
 class DispatchThemeUC extends HostAppObject_1.HostAppObjectUC {
     constructor() {
@@ -40,9 +41,13 @@ class DispatchThemeUCImp extends DispatchThemeUC {
             this.dispose();
         }
     }
-    doDispatch(colors) {
-        if (!this.dispatcher)
+    get theme() {
+        return this.getCachedSingleton(ThemeColors_1.HostThemeEntity.type);
+    }
+    doDispatch() {
+        if (!this.dispatcher || !this.theme)
             return;
+        const colors = Object.assign({}, this.theme.activeScheme);
         const payload = {
             colors
         };

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

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

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

package/lib/Components/ThemeColors/Adapter/themeColorAdapter.d.ts

@@ -0,0 +1,3 @@
+import { SingletonPmAdapter } from "../../../Types";
+import { ThemeColorsVM } from "../PM";
+export declare const themeColorAdapter: SingletonPmAdapter<ThemeColorsVM>;

package/lib/Components/ThemeColors/Adapter/themeColorAdapter.js

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

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

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

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

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

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

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

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

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

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

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

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 {};