neo.mjs 5.4.6 → 5.4.8

package/apps/ServiceWorker.mjs

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

package/apps/form/view/ViewportModel.mjs

@@ -80,11 +80,11 @@ class ViewportModel extends Component {
             let page = me.getController().getReference('pages-container').items[value];
 
             if (page instanceof Neo.core.Base) {
-                page.setValues(me.formData);
+                page.setValues(me.formData, true);
             } else {
                 setTimeout(() => {
                     me.onDataPropertyChange(key, value, oldValue)
-                }, 20)
+                }, 30)
             }
         }
     }

package/apps/form/view/pages/Page8.mjs

@@ -24,8 +24,14 @@ class Page8 extends FormPageContainer {
             module   : NumberField,
             labelText: 'Page 8 Field 2',
             name     : 'page8field2',
+            required : true,
             stepSize : 0.01,
             value    : 0.02
+        }, {
+            module   : NumberField,
+            labelText: 'Page 8 Field 3',
+            name     : 'page8field3',
+            stepSize : 0.01
         }]
     }
 }

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/examples/data/formSideNav.json

@@ -15,7 +15,7 @@
         {"id": 11, "cardIndex":    7, "isHeader": false, "isValid": null, "name": "NumberFields"},
         {"id": 12, "cardIndex":    8, "isHeader": false, "isValid": null, "name": "HiddenFields"},
         {"id": 13, "cardIndex":    9, "isHeader": false, "isValid": null, "name": "SelectFields"},
-        {"id": 14, "cardIndex": null, "isHeader": true,  "isValid": null, "name": "3. Optional data"},
+        {"id": 14, "cardIndex": null, "isHeader": true,  "isValid": null, "name": "4. Optional data"},
         {"id": 15, "cardIndex":   10, "isHeader": false, "isValid": null, "name": "Page 11"},
         {"id": 16, "cardIndex":   11, "isHeader": false, "isValid": null, "name": "Page 12"},
         {"id": 17, "cardIndex":   12, "isHeader": false, "isValid": null, "name": "Page 13"},

package/src/DefaultConfig.mjs

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

package/src/form/Container.mjs

@@ -205,28 +205,32 @@ class Container extends BaseContainer {
     async setValues(values={}, suspendEvents=false) {
         let me     = this,
             fields = await me.getFields(),
-            isRadio, path, value;
+            isCheckBox, isRadio, path, value;
 
         fields.forEach(item => {
             if (suspendEvents) {
                 item.suspendEvents = true;
             }
 
-            path  = me.getFieldPath(item);
-            value = Neo.nsWithArrays(path, false, values);
+            isCheckBox = Neo.form.field?.CheckBox && item instanceof Neo.form.field.CheckBox;
+            path       = me.getFieldPath(item);
+            value      = Neo.nsWithArrays(path, false, values);
 
-            if (Neo.typeOf(value) === 'Array') {
-                // form.field.CheckBox
-                if (value.includes(item.value)) {
-                    item.checked = true;
+            if (isCheckBox) {
+                if (Neo.typeOf(value) === 'Array') {
+                    if (value.includes(item.value)) {
+                        item.checked = true
+                    }
+                } else {
+                    item.checked = item.value === value
                 }
             } else if (value !== undefined) {
                 isRadio = Neo.form.field?.Radio && item instanceof Neo.form.field.Radio;
 
                 if (isRadio) {
-                    item.checked = item.value === value;
+                    item.checked = item.value === value
                 } else {
-                    item.value = value;
+                    item.value = value
                 }
             }
 

package/src/form/field/CheckBox.mjs

@@ -123,8 +123,7 @@ class CheckBox extends Base {
 
         me.vdom.cn[1].checked = value;
 
-        NeoArray.remove(iconCls, oldCls);
-        NeoArray.add(iconCls, newCls);
+        NeoArray.removeAdd(iconCls, oldCls, newCls);
 
         me.update();
 
@@ -253,8 +252,6 @@ class CheckBox extends Base {
             this.vdom.cn[1].value = value;
             this.update();
         }
-
-        super.afterSetValue(value, oldValue);
     }
 
     /**

package/src/form/field/Number.mjs

@@ -143,11 +143,11 @@ class Number extends Text {
 
         me.changeInputElKey('step', value);
 
-        if (val !== null) {
-            stepSizeString = String(this.stepSize);
+        stepSizeString = String(this.stepSize);
 
-            me.stepSizeDigits = stepSizeString.includes('.') ? stepSizeString.split('.')[1].length : 0;
+        me.stepSizeDigits = stepSizeString.includes('.') ? stepSizeString.split('.')[1].length : 0;
 
+        if (val !== null) {
             modulo = (val - me.minValue) % value;
 
             if (modulo !== 0) { // find the closest valid value