neo.mjs 5.4.0 → 5.4.1

package/apps/ServiceWorker.mjs

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

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

@@ -42,6 +42,12 @@ class Page4 extends FormPageContainer {
         }, {
             value         : 'strawberry',
             valueLabelText: 'Strawberry'
+        }, {
+            labelText     : 'Boolean',
+            name          : 'boolean',
+            style         : {marginTop: '50px'},
+            uncheckedValue: false,
+            value         : true
         }]
     }
 }

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/DefaultConfig.mjs

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

package/src/form/Container.mjs

@@ -122,14 +122,19 @@ class Container extends BaseContainer {
                 ns  = values;
             }
 
+            /*
+             * CheckBoxes need custom logic
+             * => we only want to pass the uncheckedValue in case the field does not belong to a group
+             * (multiple fields using the same name)
+             */
             if (Object.hasOwn(ns, key) && value !== undefined) {
-                if (ns[key] === null) {
+                if (ns[key] === item.uncheckedValue) {
                     ns[key] = []
                 } else if (!Array.isArray(ns[key])) {
                     ns[key] = [ns[key]]
                 }
 
-                value !== null && ns[key].unshift(value)
+                value !== item.uncheckedValue && ns[key].unshift(value)
             } else if (value !== undefined) {
                 ns[key] = value
             }

package/src/form/field/CheckBox.mjs

@@ -91,6 +91,13 @@ class CheckBox extends Base {
         ]}
     }
 
+    /**
+     * In case the CheckBox does not belong to a group (multiple fields with the same name),
+     * you can pass a custom value for the unchecked state.
+     * @member {*} uncheckedValue=null
+     */
+    uncheckedValue = null
+
     /**
      * @param {Object} config
      */
@@ -316,7 +323,9 @@ class CheckBox extends Base {
      * @returns {String|null}
      */
     getValue() {
-        return this.checked ? this.value : null
+        let me = this;
+
+        return me.checked ? me.value : me.uncheckedValue
     }
 
     /**