neo.mjs 5.4.2 → 5.4.4

package/apps/ServiceWorker.mjs

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

package/apps/form/view/ViewportModel.mjs

@@ -77,14 +77,15 @@ class ViewportModel extends Component {
         let me = this;
 
         if (me.formData && key === 'activeIndex') {
-            // short delay to honor the lazy loading
-            setTimeout(() => {
-                let page = me.getController().getReference('pages-container').items[value];
-
-                console.log(key, value, page);
+            let page = me.getController().getReference('pages-container').items[value];
 
+            if (page instanceof Neo.core.Base) {
                 page.setValues(me.formData);
-            }, 50)
+            } else {
+                setTimeout(() => {
+                    me.onDataPropertyChange(key, value, oldValue)
+                }, 20)
+            }
         }
     }
 }

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.4.2",
+    "version": "5.4.4",
     "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.2'
+     * @default '5.4.4'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '5.4.2'
+    version: '5.4.4'
 };
 
 Object.assign(DefaultConfig, {

package/src/form/field/CheckBox.mjs

@@ -75,6 +75,12 @@ class CheckBox extends Base {
          * @member {String} The name (group) of the input dom node
          */
         name_: '',
+        /**
+         * 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,
         /**
          * @member {String|null} valueLabelText_=null
          */
@@ -91,13 +97,6 @@ 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
      */

package/src/form/field/Select.mjs

@@ -79,10 +79,10 @@ class Select extends Picker {
          */
         pickerHeight: null,
         /**
-         * @member {Object} record=null
+         * @member {Object} record_=null
          * @protected
          */
-        record: null,
+        record_: null,
         /**
          * @member {String|null} role='listbox'
          */
@@ -157,6 +157,32 @@ class Select extends Picker {
         me.typeAhead && me.updateTypeAhead()
     }
 
+    /**
+     * Triggered after the record config got changed
+     * @param {Object} value
+     * @param {Object} oldValue
+     * @protected
+     */
+    afterSetRecord(value, oldValue) {
+        let me             = this,
+            list           = me.list,
+            selectionModel = list?.selectionModel,
+            valueField     = me.valueField,
+            nodeId;
+
+        if (oldValue) {
+            nodeId = list?.getItemId(oldValue[valueField]);
+
+            selectionModel?.deselect(nodeId);
+        }
+
+        if (value) {
+            nodeId = list?.getItemId(value[valueField]);
+
+            selectionModel?.select(nodeId);
+        }
+    }
+
     /**
      * Triggered after the store config got changed
      * @param {Neo.data.Store} value
@@ -529,25 +555,6 @@ class Select extends Picker {
         this.onListItemChange(record)
     }
 
-    /**
-     * Called by form.field.trigger.Picker
-     * @protected
-     */
-    onPickerTriggerClick() {
-        let me = this,
-            filter;
-
-        if (me.triggerAction === 'all' && !me.pickerIsMounted) {
-            filter = me.store.getFilter(me.displayField);
-
-            if (filter) {
-                filter.value = null;
-            }
-        }
-
-        super.onPickerTriggerClick()
-    }
-
     /**
      * @protected
      */
@@ -597,6 +604,24 @@ class Select extends Picker {
         me.onListItemNavigate(me.store.getAt(index))
     }
 
+    /**
+     *
+     */
+    togglePicker() {
+        let me = this,
+            filter;
+
+        if (me.triggerAction === 'all' && !me.pickerIsMounted) {
+            filter = me.store.getFilter(me.displayField);
+
+            if (filter) {
+                filter.value = null;
+            }
+        }
+
+        super.togglePicker()
+    }
+
     /**
      * @param {Boolean} [silent=false]
      * @protected