neo.mjs 5.3.0 → 5.3.2

package/apps/ServiceWorker.mjs

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

package/apps/form/view/FormContainerController.mjs

@@ -13,6 +13,17 @@ class FormContainerController extends Component {
         className: 'Form.view.FormContainerController'
     }
 
+    /**
+     *
+     */
+    onComponentConstructed() {
+        super.onComponentConstructed();
+
+        this.component.on('fieldFocusLeave', data => {
+            console.log('fieldFocusLeave', data);
+        })
+    }
+
     /**
      * @param {Object} data
      */

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/form/field/Base.mjs

@@ -81,11 +81,23 @@ class Base extends Component {
      * @param {*} oldValue
      */
     fireChangeEvent(value, oldValue) {
-        this.fire('change', {
-            component: this,
+        let me = this;
+
+        me.fire('change', {
+            component: me,
             oldValue,
             value
         });
+
+        ComponentManager.getParents(this).forEach(parent => {
+            if (parent instanceof Neo.form.Container) {
+                parent.fire('fieldChange', {
+                    component: me,
+                    oldValue,
+                    value
+                })
+            }
+        })
     }
 
     /**
@@ -102,6 +114,24 @@ class Base extends Component {
         return true;
     }
 
+    /**
+     * @param {Object} data
+     * @param {Object[]} data.oldPath
+     * @protected
+     */
+    onFocusLeave(data) {
+        super.onFocusLeave?.(data);
+
+        ComponentManager.getParents(this).forEach(parent => {
+            if (parent instanceof Neo.form.Container) {
+                parent.fire('fieldFocusLeave', {
+                    ...data,
+                    component: this
+                })
+            }
+        })
+    }
+
     /**
      * Resets the field to a new value or null
      * @param {*} value=null

package/src/form/field/Select.mjs

@@ -1,8 +1,9 @@
-import ClassSystemUtil from '../../util/ClassSystem.mjs';
-import List            from '../../list/Base.mjs';
-import Picker          from './Picker.mjs';
-import Store           from '../../data/Store.mjs';
-import VDomUtil        from '../../util/VDom.mjs';
+import ClassSystemUtil  from '../../util/ClassSystem.mjs';
+import ComponentManager from '../../manager/Component.mjs';
+import List             from '../../list/Base.mjs';
+import Picker           from './Picker.mjs';
+import Store            from '../../data/Store.mjs';
+import VDomUtil         from '../../util/VDom.mjs';
 
 /**
  * Provides a dropdown list to select one or multiple items
@@ -306,6 +307,18 @@ class Select extends Picker {
                 oldValue,
                 record,
                 value
+            });
+
+            ComponentManager.getParents(me).forEach(parent => {
+                if (parent instanceof Neo.form.Container) {
+                    parent.fire('fieldChange', {
+                        component: me,
+                        oldRecord,
+                        oldValue,
+                        record,
+                        value
+                    })
+                }
             })
         }
     }

package/src/form/field/Text.mjs

@@ -1109,6 +1109,8 @@ class Text extends Base {
 
             me.update();
         }
+
+        super.onFocusLeave(data);
     }
 
     /**