neo.mjs 4.0.81 → 4.0.84

package/examples/form/field/text/MainContainer.mjs

@@ -153,6 +153,11 @@ class MainContainer extends ConfigurationViewport {
             stepSize : 5,
             style    : {marginTop: '10px'},
             value    : me.exampleComponent.width
+        }, {
+            ntype  : 'button',
+            handler: (() => {me.exampleComponent.reset()}),
+            style  : {marginTop: '10px', width: '50%'},
+            text   : 'reset()'
         }];
     }
 

package/package.json

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

package/resources/scss/src/form/field/Text.scss

@@ -194,9 +194,11 @@
     }
 
     .neo-textfield-error {
-        color     : v(textfield-border-color-invalid);
-        font-size : 11px;
-        margin-top: .3em;
+        color      : v(textfield-border-color-invalid);
+        font-size  : 11px;
+        margin-top : .3em;
+        white-space: break-spaces;
+        word-break : break-word;
     }
 
     .neo-textfield-input {

package/src/form/Container.mjs

@@ -156,11 +156,11 @@ class Container extends BaseContainer {
      * Updates the invalid state for all fields, which have updateValidationIndicators() implemented.
      * This can be useful for create entity forms which show up "clean", when pressing a submit button.
      */
-    updateValidationIndicators() {
+    validate() {
         let fields = this.getFields();
 
         fields.forEach(item => {
-            item.updateValidationIndicators?.(false);
+            item.validate?.(false);
         });
     }
 }

package/src/form/field/Text.mjs

@@ -969,11 +969,17 @@ class Text extends Base {
      * @param {String|null} [value=null]
      */
     reset(value=null) {
-        if (value && this.clearToOriginalValue) {
-            this.originalConfig.value = value;
+        let me = this;
+
+        if (value && me.clearToOriginalValue) {
+            me.originalConfig.value = value;
         }
 
         super.reset(value);
+
+        if (value === null && me.validBeforeMount) {
+            me.updateError(null);
+        }
     }
 
     /**
@@ -1006,6 +1012,8 @@ class Text extends Base {
             errorNode, isValid;
 
         if (!(me.validBeforeMount && !me.mounted)) {
+            me._error = value;
+
             isValid = !value || value === '';
 
             NeoArray[!isValid ? 'add' : 'remove'](me._cls, 'neo-invalid');