neo.mjs 5.2.11 → 5.2.12

package/apps/ServiceWorker.mjs

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

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

@@ -1,5 +1,5 @@
 import FormPageContainer from '../FormPageContainer.mjs';
-import TextField         from '../../../../src/form/field/Text.mjs';
+import Radio             from '../../../../src/form/field/Radio.mjs';
 
 /**
  * @class Form.view.pages.Page5
@@ -12,6 +12,15 @@ class Page5 extends FormPageContainer {
          * @protected
          */
         className: 'Form.view.pages.Page5',
+        /**
+         * @member {Object} itemDefaults
+         */
+        itemDefaults: {
+            module    : Radio,
+            labelText : null,
+            labelWidth: 70,
+            name      : 'fruits'
+        },
         /**
          * @member {String} formGroup='page5'
          */
@@ -20,15 +29,22 @@ class Page5 extends FormPageContainer {
          * @member {Object[]} items
          */
         items: [{
-            module   : TextField,
-            labelText: 'Page 5 Field 1',
-            name     : 'field1',
-            required : true,
-            value    : 'bar'
+            labelText     : 'Fruits',
+            value         : 'apple',
+            valueLabelText: 'Apple'
+        }, {
+            value         : 'banana',
+            valueLabelText: 'Banana'
+        }, {
+            checked       : true,
+            value         : 'lemon',
+            valueLabelText: 'Lemon'
+        }, {
+            value         : 'orange',
+            valueLabelText: 'Orange'
         }, {
-            module   : TextField,
-            labelText: 'Page 5 Field 2',
-            name     : 'field2'
+            value         : 'strawberry',
+            valueLabelText: 'Strawberry'
         }]
     }
 }

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.2.11",
+    "version": "5.2.12",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -44,7 +44,7 @@
         "@fortawesome/fontawesome-free": "^6.3.0",
         "@material/mwc-button": "^0.27.0",
         "@material/mwc-textfield": "^0.27.0",
-        "autoprefixer": "^10.4.13",
+        "autoprefixer": "^10.4.14",
         "chalk": "^5.2.0",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^10.0.0",
@@ -56,8 +56,8 @@
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.5",
         "postcss": "^8.4.21",
-        "sass": "^1.58.3",
-        "webpack": "^5.75.0",
+        "sass": "^1.59.2",
+        "webpack": "^5.76.1",
         "webpack-cli": "^5.0.1",
         "webpack-dev-server": "4.11.1",
         "webpack-hook-plugin": "^1.0.7",

package/resources/examples/data/formSideNav.json

@@ -8,7 +8,7 @@
         {"id":  4, "cardIndex":    2, "isHeader": false, "isValid": null, "name": "Page 3"},
         {"id":  5, "cardIndex": null, "isHeader": true,  "isValid": null, "name": "2. Personal data"},
         {"id":  6, "cardIndex":    3, "isHeader": false, "isValid": null, "name": "CheckBoxes"},
-        {"id":  7, "cardIndex":    4, "isHeader": false, "isValid": null, "name": "Page 5"},
+        {"id":  7, "cardIndex":    4, "isHeader": false, "isValid": null, "name": "Radios"},
         {"id":  8, "cardIndex":    5, "isHeader": false, "isValid": null, "name": "Page 6"},
         {"id":  9, "cardIndex":    6, "isHeader": false, "isValid": null, "name": "Fieldsets"},
         {"id": 10, "cardIndex": null, "isHeader": true,  "isValid": null, "name": "3. More data"},

package/src/DefaultConfig.mjs

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

package/src/form/Container.mjs

@@ -110,7 +110,7 @@ class Container extends BaseContainer {
                 ns  = values;
             }
 
-            if (Object.hasOwn(ns, key)) {
+            if (Object.hasOwn(ns, key) && value !== undefined) {
                 if (ns[key] === null) {
                     ns[key] = []
                 } else if (!Array.isArray(ns[key])) {
@@ -118,8 +118,8 @@ class Container extends BaseContainer {
                 }
 
                 value !== null && ns[key].unshift(value)
-            } else {
-                ns[key] = value;
+            } else if (value !== undefined) {
+                ns[key] = value
             }
         });
 

package/src/form/field/Radio.mjs

@@ -44,6 +44,13 @@ class Radio extends CheckBox {
         value && this.uncheckGroupItems()
     }
 
+    /**
+     * @returns {String|null}
+     */
+    getValue() {
+        return this.checked ? this.value : undefined
+    }
+
     /**
      * Radios do not fire a change event for "uncheck", so we need to iterate over other radios with the same name.
      */