@vived/host 3.3.0 → 3.5.0

package/lib/Components/ThemeColors/UCs/SetThemeUC.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeSetThemeUC = exports.SetThemeUC = void 0;
+const HostAppObject_1 = require("../../../HostAppObject");
+const Entities_1 = require("../Entities");
+class SetThemeUC extends HostAppObject_1.HostAppObjectUC {
+    static get(appObjects) {
+        return HostAppObject_1.getSingletonComponent(SetThemeUC.type, appObjects);
+    }
+}
+exports.SetThemeUC = SetThemeUC;
+SetThemeUC.type = "SetThemeUC";
+function makeSetThemeUC(appObject) {
+    return new SetThemeUCImp(appObject);
+}
+exports.makeSetThemeUC = makeSetThemeUC;
+class SetThemeUCImp extends SetThemeUC {
+    constructor(appObject) {
+        super(appObject, SetThemeUC.type);
+        this.lightThemeName = "light";
+        this.darkThemeName = "dark";
+        this.appObjects.registerSingleton(this);
+    }
+    get theme() {
+        return this.getCachedSingleton(Entities_1.HostThemeEntity.type);
+    }
+    setThemeByName(name) {
+        if (!this.theme)
+            return;
+        this.theme.activeSchemeName = name;
+    }
+    tryDetectTheme() {
+        if (!this.theme)
+            return;
+        const darkThemeMq = window.matchMedia("(prefers-color-scheme: dark)");
+        if (darkThemeMq.matches) {
+            this.theme.activeSchemeName = this.darkThemeName;
+        }
+        else {
+            this.theme.activeSchemeName = this.darkThemeName;
+        }
+    }
+}

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

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

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

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

@@ -0,0 +1,7 @@
+export * from "./Adapter";
+export * from "./Controllers";
+export * from "./Data";
+export * from "./Entities";
+export * from "./Mocks";
+export * from "./PM";
+export * from "./UCs";

package/lib/Components/ThemeColors/index.js

@@ -0,0 +1,19 @@
+"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("./Adapter"), exports);
+__exportStar(require("./Controllers"), exports);
+__exportStar(require("./Data"), exports);
+__exportStar(require("./Entities"), exports);
+__exportStar(require("./Mocks"), exports);
+__exportStar(require("./PM"), exports);
+__exportStar(require("./UCs"), exports);

package/lib/Components/index.d.ts

@@ -4,6 +4,8 @@ export * from "./Assets";
 export * from "./Dialog";
 export * from "./Dispatcher";
 export * from "./Handler";
+export * from "./Logger";
 export * from "./StateMachine";
+export * from "./ThemeColors";
 export * from "./VivedAPI";
 export * from "./ZSpaceHost";

package/lib/Components/index.js

@@ -16,6 +16,8 @@ __exportStar(require("./Assets"), exports);
 __exportStar(require("./Dialog"), exports);
 __exportStar(require("./Dispatcher"), exports);
 __exportStar(require("./Handler"), exports);
+__exportStar(require("./Logger"), exports);
 __exportStar(require("./StateMachine"), exports);
+__exportStar(require("./ThemeColors"), exports);
 __exportStar(require("./VivedAPI"), exports);
 __exportStar(require("./ZSpaceHost"), exports);

package/lib/Entities/MemoizedColor.d.ts

@@ -0,0 +1,9 @@
+import { Color } from "../ValueObjects";
+export declare class MemoizedColor {
+    private _val;
+    get val(): Color;
+    set val(v: Color);
+    setValQuietly(val: Color): void;
+    private onChangeCallback;
+    constructor(initialValue: Color, onChangeCallback: () => void);
+}

package/lib/Entities/MemoizedColor.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MemoizedColor = void 0;
+const ValueObjects_1 = require("../ValueObjects");
+class MemoizedColor {
+    constructor(initialValue, onChangeCallback) {
+        this._val = initialValue;
+        this.onChangeCallback = onChangeCallback;
+    }
+    get val() {
+        return this._val;
+    }
+    set val(v) {
+        if (ValueObjects_1.Color.Equal(v, this._val))
+            return;
+        this._val = v;
+        this.onChangeCallback();
+    }
+    setValQuietly(val) {
+        this._val = val;
+    }
+}
+exports.MemoizedColor = MemoizedColor;

package/lib/Entities/index.d.ts

@@ -1,9 +1,9 @@
-export * from './Auth';
-export * from './ChallengeResults';
-export * from './Logger';
-export * from './MemoizedBoolean';
-export * from './MemoizedNumber';
-export * from './MemoizedString';
-export * from './ObservableEntity';
-export * from './ObserverList';
-export * from './SnackbarRepo';
+export * from "./Auth";
+export * from "./ChallengeResults";
+export * from "./MemoizedBoolean";
+export * from "./MemoizedColor";
+export * from "./MemoizedNumber";
+export * from "./MemoizedString";
+export * from "./ObservableEntity";
+export * from "./ObserverList";
+export * from "./SnackbarRepo";

package/lib/Entities/index.js

@@ -12,8 +12,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./Auth"), exports);
 __exportStar(require("./ChallengeResults"), exports);
-__exportStar(require("./Logger"), exports);
 __exportStar(require("./MemoizedBoolean"), exports);
+__exportStar(require("./MemoizedColor"), exports);
 __exportStar(require("./MemoizedNumber"), exports);
 __exportStar(require("./MemoizedString"), exports);
 __exportStar(require("./ObservableEntity"), exports);

package/lib/Utilities/addAlphaToHex.d.ts

@@ -0,0 +1 @@
+export declare function addAlphaToHex(hex: string, alpha: number): string;

package/lib/Utilities/addAlphaToHex.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addAlphaToHex = void 0;
+const alphaToHex_1 = require("./alphaToHex");
+function addAlphaToHex(hex, alpha) {
+    if (!/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/.test(hex)) {
+        console.warn("[addAlphaToHex] Hex value is not valid.");
+        return "#000";
+    }
+    if (hex.length === 4) {
+        hex = "#" + hex[1] + hex[1] + hex[2] + hex[2] + hex[3] + hex[3];
+    }
+    const alphaHex = alphaToHex_1.alphaToHex(alpha);
+    return `${hex}${alphaHex}`;
+}
+exports.addAlphaToHex = addAlphaToHex;

package/lib/Utilities/alphaToHex.d.ts

@@ -0,0 +1,2 @@
+export declare function roundHalfToEven(number: number): number;
+export declare function alphaToHex(alpha: number): string;

package/lib/Utilities/alphaToHex.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.alphaToHex = exports.roundHalfToEven = void 0;
+function roundHalfToEven(number) {
+    const roundedNumber = Math.round(number);
+    if (Math.abs(roundedNumber - number) === 0.5 && roundedNumber % 2 !== 0) {
+        return roundedNumber > number ? roundedNumber - 1 : roundedNumber + 1;
+    }
+    return roundedNumber;
+}
+exports.roundHalfToEven = roundHalfToEven;
+function alphaToHex(alpha) {
+    if (alpha < 0 || alpha > 1) {
+        console.warn("[alphaToHex] Alpha value must be between 0 and 1.");
+        return "00";
+    }
+    const alpha255 = roundHalfToEven(alpha * 255);
+    const alphaHex = alpha255.toString(16).padStart(2, "0");
+    return alphaHex;
+}
+exports.alphaToHex = alphaToHex;

package/lib/Utilities/downloadFile.d.ts

@@ -0,0 +1 @@
+export declare function downloadFile(filename: string, file: Blob): void;

package/lib/Utilities/downloadFile.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.downloadFile = void 0;
+function downloadFile(filename, file) {
+    const a = document.createElement("a");
+    const url = window.URL.createObjectURL(file);
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    document.body.removeChild(a);
+    window.URL.revokeObjectURL(url);
+}
+exports.downloadFile = downloadFile;

package/lib/Utilities/index.d.ts

@@ -1 +1,4 @@
+export * from "./addAlphaToHex";
+export * from "./alphaToHex";
+export * from "./downloadFile";
 export * from "./generateUniqueID";

package/lib/Utilities/index.js

@@ -10,4 +10,7 @@ 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("./addAlphaToHex"), exports);
+__exportStar(require("./alphaToHex"), exports);
+__exportStar(require("./downloadFile"), exports);
 __exportStar(require("./generateUniqueID"), exports);

package/lib/ValueObjects/Color.d.ts

@@ -0,0 +1,82 @@
+export declare type BasicColor = "";
+export interface ColorDTO {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+}
+export declare class Color {
+    /**
+     * Creates a Color from RGBA values
+     * @param r Red value, between 0-255
+     * @param g Green value, between 0-255
+     * @param b Blue value, between 0-255
+     * @param a Alpha value, between 0-255
+     * @returns The Color
+     */
+    static RGBA(r: number, g: number, b: number, a: number): Color;
+    /**
+     * Creates a Color from RGB values. Alpha is set to 255
+     * @param r Red value, between 0-255
+     * @param g Green value, between 0-255
+     * @param b Blue value, between 0-255
+     * @returns The Color
+     */
+    static RGB(r: number, g: number, b: number): Color;
+    /**
+     *
+     * @returns Creates a Color from a DTO
+     * @param data Data Transfer Object
+     */
+    static FromDTO(data: ColorDTO): Color;
+    /**
+     * Creates a color from a Hex value
+     * @param hex The Hex string. Example '808080'
+     * @returns The Color
+     */
+    static Hex(hex: string): Color;
+    /**
+     * Creates a color from the X11 standard.
+     * @param name X11 name
+     * @returns The Color. If the color name is not found, it will return Black.
+     */
+    static X11(name: string): Color;
+    /**
+     * Checks to see if Color A equals Color B
+     * @param a Color A
+     * @param b Color B
+     * @returns True if Color A === Color B
+     */
+    static Equal(a: Color, b: Color): boolean;
+    readonly r: number;
+    readonly g: number;
+    readonly b: number;
+    readonly a: number;
+    /**
+     * Return the r value as a percent
+     */
+    get rPercent(): number;
+    /**
+     * Return the g value as a percent
+     */
+    get gPercent(): number;
+    /**
+     * Return the b value as a percent
+     */
+    get bPercent(): number;
+    /**
+     * Return the a value as a percent
+     */
+    get aPercent(): number;
+    /**
+     * Returns the Color values as an array [r,g,b,a]
+     */
+    get array(): [number, number, number, number];
+    /**
+     * Returns the Color values as a hex
+     */
+    get hex(): string;
+    get dto(): ColorDTO;
+    private clampVal;
+    private constructor();
+}