neo.mjs 5.3.2 → 5.3.4

package/apps/ServiceWorker.mjs

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

package/apps/form/view/FormContainerController.mjs

@@ -22,6 +22,10 @@ class FormContainerController extends Component {
         this.component.on('fieldFocusLeave', data => {
             console.log('fieldFocusLeave', data);
         })
+
+        this.component.on('fieldChange', data => {
+            console.log('fieldChange', data);
+        })
     }
 
     /**

package/examples/ServiceWorker.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "5.3.2",
+    "version": "5.3.4",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -41,14 +41,14 @@
     },
     "homepage": "https://neomjs.github.io/pages/",
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^6.3.0",
+        "@fortawesome/fontawesome-free": "^6.4.0",
         "@material/mwc-button": "^0.27.0",
         "@material/mwc-textfield": "^0.27.0",
         "autoprefixer": "^10.4.14",
         "chalk": "^5.2.0",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^10.0.0",
-        "cssnano": "^5.1.15",
+        "cssnano": "^6.0.0",
         "envinfo": "^7.8.1",
         "fs-extra": "^11.1.1",
         "highlightjs-line-numbers.js": "^2.8.0",

package/src/DefaultConfig.mjs

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

package/src/form/field/Base.mjs

@@ -89,7 +89,7 @@ class Base extends Component {
             value
         });
 
-        ComponentManager.getParents(this).forEach(parent => {
+        ComponentManager.getParents(me).forEach(parent => {
             if (parent instanceof Neo.form.Container) {
                 parent.fire('fieldChange', {
                     component: me,

package/src/form/field/CheckBox.mjs

@@ -123,11 +123,7 @@ class CheckBox extends Base {
         me.update();
 
         if (oldValue !== undefined) {
-            me.fire('change', {
-                component: me,
-                oldValue,
-                value
-            })
+            me.fireChangeEvent(me.value, null);
         }
     }
 

package/src/form/field/Text.mjs

@@ -73,6 +73,20 @@ class Text extends Base {
          * @member {String|null} error_=null
          */
         error_: null,
+        /**
+         * data passes maxLength, minLength & valueLength properties
+         * @member {Function} errorTextMaxLength=data=>`Max length violation: ${valueLength} / ${maxLength}`
+         */
+        errorTextMaxLength: data => `Max length violation: ${data.valueLength} / ${data.maxLength}`,
+        /**
+         * data passes maxLength, minLength & valueLength properties
+         * @member {Function} errorTextMinLength=data=>`Min length violation: ${data.valueLength} / ${data.minLength}`
+         */
+        errorTextMinLength: data => `Min length violation: ${data.valueLength} / ${data.minLength}`,
+        /**
+         * @member {String} errorTextRequired='Required'
+         */
+        errorTextRequired: 'Required',
         /**
          * @member {Boolean} hideLabel_=false
          */
@@ -181,20 +195,6 @@ class Text extends Base {
      * @member {Boolean} clean=true
      */
     clean = true
-    /**
-     * data passes maxLength, minLength & valueLength properties
-     * @member {Function} errorTextMaxLength=data=>`Max length violation: ${valueLength} / ${maxLength}`
-     */
-    errorTextMaxLength = data => `Max length violation: ${data.valueLength} / ${data.maxLength}`
-    /**
-     * data passes maxLength, minLength & valueLength properties
-     * @member {Function} errorTextMinLength=data=>`Min length violation: ${data.valueLength} / ${data.minLength}`
-     */
-    errorTextMinLength = data => `Min length violation: ${data.valueLength} / ${data.minLength}`
-    /**
-     * @member {String} errorTextRequired='Required'
-     */
-    errorTextRequired = 'Required'
 
     /**
      * @param {Object} config