neo.mjs 4.8.0 → 4.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.8.0",
+    "version": "4.8.2",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/component/wrapper/GoogleMaps.mjs

@@ -16,6 +16,11 @@ class GoogleMaps extends Base {
      * @member {Object} markerStoreConfig=null
      */
     markerStoreConfig = null
+    /**
+     * Internal flag. Gets set to true once Neo.main.addon.GoogleMaps.create() is finished.
+     * @member {Boolean} mapCreated=false
+     */
+    mapCreated = false
     /**
      * Pass any options to the map instance which are not explicitly defined here
      * @member {Object} mapOptions={}
@@ -118,10 +123,12 @@ class GoogleMaps extends Base {
      * @protected
      */
     afterSetCenter(value, oldValue) {
-        if (oldValue !== undefined) {
+        let me = this;
+
+        if (me.mapCreated) {
             Neo.main.addon.GoogleMaps.setCenter({
-                appName: this.appName,
-                id     : this.id,
+                appName: me.appName,
+                id     : me.id,
                 value
             })
         }
@@ -176,6 +183,7 @@ class GoogleMaps extends Base {
 
             setTimeout(() => {
                 Neo.main.addon.GoogleMaps.create(opts).then(() => {
+                    me.mapCreated = true;
                     me.onComponentMounted();
                 });
             }, 50);
@@ -189,9 +197,9 @@ class GoogleMaps extends Base {
      * @protected
      */
     afterSetZoom(value, oldValue) {
-        if (oldValue !== undefined) {
-            let me = this;
+        let me = this;
 
+        if (me.mapCreated) {
             Neo.main.addon.GoogleMaps.setZoom({
                 appName: me.appName,
                 id     : me.id,
@@ -290,10 +298,9 @@ class GoogleMaps extends Base {
      * @protected
      */
     parseMarkerClick(data) {
-        let me     = this,
-            record = me.markerStore.get(data.id);
+        let me = this;
 
-        data.record = record;
+        data.record = me.markerStore.get(data.id);
 
         me.onMarkerClick(data);
 

package/src/worker/App.mjs

@@ -55,7 +55,12 @@ class App extends Base {
      */
     construct(config) {
         super.construct(config);
-        Neo.applyDeltas = this.applyDeltas.bind(this); // convenience shortcut
+
+        let me = this;
+
+        // convenience shortcuts
+        Neo.applyDeltas    = me.applyDeltas   .bind(me);
+        Neo.setCssVariable = me.setCssVariable.bind(me);
     }
 
     /**
@@ -291,6 +296,29 @@ class App extends Base {
 
         me.themeFilesCache = [];
     }
+
+    /**
+     * @param {Object} data
+     * @param {String} data.key
+     * @param {String} [data.priority] optionally pass 'important'
+     * @param {String} data.theme=Neo.config.themes[0]
+     * @param {String} data.value
+     * @returns {Promise<any>}
+     */
+    setCssVariable(data) {
+        let addon = Neo.main?.addon?.Stylesheet,
+            theme = Neo.config.themes?.[0];
+
+        if (!addon) {
+            return Promise.reject('Neo.main.addon.Stylesheet not imported');
+        } else {
+            if (theme.startsWith('neo-')) {
+                theme = theme.substring(4);
+            }
+
+            return addon.setCssVariable({theme, ...data});
+        }
+    }
 }
 
 let instance = Neo.applyClassConfig(App);