neo.mjs 8.14.0 → 8.14.1

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='8.14.0'
+         * @member {String} version='8.14.1'
          */
-        version: '8.14.0'
+        version: '8.14.1'
     }
 
     /**

package/apps/portal/view/home/FooterContainer.mjs

@@ -107,7 +107,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v8.14.0'
+                html  : 'v8.14.1'
             }]
         }],
         /**

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='8.14.0'
+         * @member {String} version='8.14.1'
          */
-        version: '8.14.0'
+        version: '8.14.1'
     }
 
     /**

package/package.json

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

package/resources/data/deck/learnneo/pages/gettingstarted/ComponentModels.md

@@ -1,6 +1,6 @@
 Neo has a feature that allows shared, bindable, data.
 
-A _view model_ — `Neo.model.Component` — instance holds properties that 
+A _state provider_ — `Neo.state.Provider` — instance holds properties that 
 can be bound to component properties.
 
 <pre data-neo>
@@ -12,7 +12,7 @@ class MainView extends Container {
     static config = {
         className: 'GS.data1.MainView',
 
-        model: {
+        stateProvider: {
             data: {
                 foo: 'Hi there!'
             }
@@ -83,7 +83,7 @@ class MainView extends Container {
     static config = {
         className: 'GS.data2.MainView',
 
-        model: {
+        stateProvider: {
             data: {
                 foo: 'parent'
             }
@@ -95,8 +95,9 @@ class MainView extends Container {
             module: MyPanel
         }, {
             module: MyPanel,
-            // You wouldn't normally configure a view model. We're doing it here to illustrate view model scope.
-            model: {
+            // You wouldn't normally configure a state provider.
+            // We're doing it here to illustrate state provider scope.
+            stateProvider: {
                 data: {
                     foo: 'child'
                 }
@@ -109,7 +110,7 @@ MainView = Neo.setupClass(MainView);
 </pre>
 
 In this case, the main view has three child items of type `MyPanel`, each containing a label. 
-The main view has a view model with a `foo` property, and the third child has its own view model with a `foo` property.
+The main view has a state provider with a `foo` property, and the third child has its own state provider with a `foo` property.
 
 <img width="75%" src="https://s3.amazonaws.com/mjs.neo.learning.images/gettingStarted/vm/VisualHierarchyFooShadowed.png"></img>
 
@@ -124,5 +125,5 @@ because the third copy of `MyPanel` has its own view model with the `foo` proper
 
 ## Conclusion
 
-The Neo.mjs view model and binding approach is simple and powerful. It gives you easy control 
+The Neo.mjs state provider and binding approach is simple and powerful. It gives you easy control 
 over the scope of a value, which means you can share properties as globally or narrowly as needed.

package/src/DefaultConfig.mjs

@@ -262,12 +262,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '8.14.0'
+     * @default '8.14.1'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '8.14.0'
+    version: '8.14.1'
 };
 
 Object.assign(DefaultConfig, {

package/src/component/Base.mjs

@@ -2300,7 +2300,7 @@ class Component extends Base {
         // Verify that the critical rendering path => CSS files for the new tree is in place
         if (currentWorker.countLoadingThemeFiles !== 0) {
             currentWorker.on('themeFilesLoaded', function() {
-                me.render(mount)
+                !me.mounted && me.render(mount)
             }, me, {once: true});
 
             return