@omnia/velcron 7.0.512-dev → 7.0.513-dev

package/internal-do-not-import-from-here/shared/models/index.d.ts

@@ -12,4 +12,3 @@ export * from "./Realtime";
 export * from "./OmniaSharedBootstrapData";
 export * from "./StringExtensions";
 export * from "./theming";
-export * from "./reactivity";

package/internal-do-not-import-from-here/shared/models/index.js

@@ -16,4 +16,3 @@ tslib_1.__exportStar(require("./Realtime"), exports);
 tslib_1.__exportStar(require("./OmniaSharedBootstrapData"), exports);
 tslib_1.__exportStar(require("./StringExtensions"), exports);
 tslib_1.__exportStar(require("./theming"), exports);
-tslib_1.__exportStar(require("./reactivity"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/velcron",
   "license": "MIT",
-  "version": "7.0.512-dev",
+  "version": "7.0.513-dev",
   "description": "Provide Omnia Velcron Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/parser/VelcronStyles.js

@@ -53,6 +53,7 @@ class VelcronStyles {
                 }
             }
             if (flexViewDefinition.colorSchema && flexViewDefinition.colorSchema != "") {
+                const color = renderCtx.theming.get.activeColorSchema().base.color;
                 styleBase["backgroundColor"] = renderCtx.theming.get.activeColorSchema().base.color;
             }
         }

package/{internal-do-not-import-from-here/shared/models/reactivity/DefineReactivity.js → stores/ReactivitySystem.js}

@@ -8,4 +8,5 @@ class ReactivitySystem {
     }
 }
 exports.ReactivitySystem = ReactivitySystem;
+ReactivitySystem.makeReactive = null;
 ReactivitySystem.hasReactivityProvider = false;

package/stores/VelcronStore.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.defineVelcronStore = void 0;
-const __1 = require("..");
+const ReactivitySystem_1 = require("./ReactivitySystem");
 const stateMap = new Map();
 const defineVelcronStore = (name, definition) => {
-    if (!stateMap.has(name)) {
-        stateMap.set(name, __1.ReactivitySystem.makeReactive(definition.state));
-    }
-    const reactiveState = stateMap.get(name);
     const result = () => {
+        if (!stateMap.has(name)) {
+            stateMap.set(name, ReactivitySystem_1.ReactivitySystem.makeReactive(definition.state));
+        }
+        const reactiveState = stateMap.get(name);
         return {
             state: reactiveState,
             get: definition.getters(reactiveState),
@@ -18,20 +18,3 @@ const defineVelcronStore = (name, definition) => {
     return result;
 };
 exports.defineVelcronStore = defineVelcronStore;
-// export const testStore = defineVelcronStore({
-//     state: {
-//         hepp: ""
-//     },
-//     getters(state) {
-//         return {
-//             get hepp() { return state.hepp; }
-//         };
-//     },
-//     actions(state) {
-//         return {
-//             testMutate() {
-//                 state.hepp = "hepp";
-//             }
-//         };
-//     }
-// });

package/stores/VelcronTheming.js

@@ -101,90 +101,3 @@ exports.useVelcronThemingStore = (0, VelcronStore_1.defineVelcronStore)("Velcron
         };
     }
 });
-// export class VelcronTheming extends VelcronStore {
-//     // public currentTheme = this.state({} as ThemeDefinitionV2);
-//     // private activeSchemaState = this.state("" as string);
-//     typography = (name: string): TypographyType => {
-//         if (name === TypographyTypes.h1) {
-//             return this.currentTheme.typography.h1;
-//         }
-//         else if (name === TypographyTypes.h2) {
-//             return this.currentTheme.typography.h2;
-//         }
-//         else if (name === TypographyTypes.h3) {
-//             return this.currentTheme.typography.h3;
-//         }
-//         else if (name === TypographyTypes.caption) {
-//             return this.currentTheme.typography.caption;
-//         }
-//         else if (name === TypographyTypes.link) {
-//             return this.currentTheme.typography.link;
-//         }
-//         else if (name === TypographyTypes.text) {
-//             return this.currentTheme.typography.text;
-//         }
-//         return this.currentTheme.typography.text;
-//     };
-//     activeColorSchema =  (): ColorSchema => {
-//         if (this.activeSchemaState === ColorSchemaTypes.primary) {
-//             return this.currentTheme.primary;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.secondary) {
-//             return this.currentTheme.secondary;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.accent1) {
-//             return this.currentTheme.accent1;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.accent2) {
-//             return this.currentTheme.accent2;
-//         }
-//         else if (this.activeSchemaState=== ColorSchemaTypes.accent3) {
-//             return this.currentTheme.accent3;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.background) {
-//             return this.currentTheme.background;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.neutral) {
-//             return this.currentTheme.neutral;
-//         }
-//         else if (this.activeSchemaState === ColorSchemaTypes.error) {
-//             return this.currentTheme.error;
-//         }
-//         return this.currentTheme.background;
-//     };
-//     getColorFromActiveSchema =  (name):string => {
-//         if (name === ColorTypes.base) {
-//             return this.activeColorSchema().base.color;
-//         }
-//         else if (name === ColorTypes.baseTone) {
-//             return this.activeColorSchema().base.colorToned;
-//         }
-//         else if (name === ColorTypes.onBase) {
-//             return this.activeColorSchema().onBase.color;
-//         }
-//         else if (name === ColorTypes.onBaseTone) {
-//             return this.activeColorSchema().onBase.colorToned;
-//         }
-//         else if (name === ColorTypes.container) {
-//             return this.activeColorSchema().container.color;
-//         }
-//         else if (name === ColorTypes.containerTone) {
-//             return this.activeColorSchema().container.colorToned;
-//         }
-//         else if (name === ColorTypes.onContainer) {
-//             return this.activeColorSchema().onContainer.color;
-//         }
-//         else if (name === ColorTypes.onContainerTone) {
-//             return this.activeColorSchema().onContainer.colorToned;
-//         }
-//         return name;
-//     };
-//     mutations = {
-//         setActiveSchema: (name: string) => {
-//             this.activeSchemaState = name;
-//         },
-//         setTheme: (newTheme: ThemeDefinitionV2) => {
-//             this.currentTheme = newTheme;
-//         }
-//     };
-// }

package/stores/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./VelcronStore";
 export * from "./VelcronTheming";
+export * from "./ReactivitySystem";

package/stores/index.js

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./VelcronStore"), exports);
 tslib_1.__exportStar(require("./VelcronTheming"), exports);
+tslib_1.__exportStar(require("./ReactivitySystem"), exports);

package/internal-do-not-import-from-here/shared/models/reactivity/index.d.ts

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

package/internal-do-not-import-from-here/shared/models/reactivity/index.js

@@ -1,4 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./DefineReactivity"), exports);