neo.mjs 4.0.54 → 4.0.57

package/package.json

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

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

@@ -36,6 +36,14 @@
         }
     }
 
+    &.neo-invalid:not(.neo-disabled, .neo-has-content) {
+        .neo-label-wrapper {
+            .neo-center-border {
+                border-top-color: v(textfield-border-color-invalid);
+            }
+        }
+    }
+
     &.label-bottom {
         align-items   : start;
         flex-direction: column-reverse;

package/src/form/Container.mjs

@@ -137,6 +137,22 @@ 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() {
+        let fields = this.getFields(),
+            form   = this.component,
+            vdom   = form.vdom;
+
+        fields.forEach(item => {
+            item.updateValidationIndicators?.(); // silent update
+        });
+
+        form.vdom = vdom;
+    }
 }
 
 Neo.applyClassConfig(Container);

package/src/form/field/Text.mjs

@@ -10,6 +10,12 @@ import VNodeUtil    from '../../util/VNode.mjs';
  * @extends Neo.form.field.Base
  */
 class Text extends Base {
+    /**
+     * Set this value to false, in case a field should display errors up front
+     * @member {Boolean} validBeforeMount=true
+     */
+    validBeforeMount = true
+
     static getStaticConfig() {return {
         /**
          * Valid values for autoCapitalize
@@ -877,19 +883,17 @@ class Text extends Base {
     onFocusLeave(data) {
         let me             = this,
             centerBorderEl = me.getCenterBorderEl(), // labelPosition: 'inline'
-            cls            = me.cls,
-            vdom;
+            vdom           = me.vdom;
 
-        NeoArray.remove(cls, 'neo-focus');
+        me.updateValidationIndicators();
+
+        NeoArray.remove(me._cls, 'neo-focus');
 
         if (centerBorderEl && me.isEmpty()) {
-            me._cls = cls; // silent update
-            vdom = me.vdom;
             delete centerBorderEl.width;
-            me.vdom = vdom;
-        } else {
-            me.cls = cls;
         }
+
+        me.vdom = vdom;
     }
 
     /**
@@ -1023,10 +1027,12 @@ class Text extends Base {
         let me   = this,
             vdom = me.vdom;
 
-        NeoArray[!me.isValid() ? 'add' : 'remove'](me._cls, 'neo-invalid');
+        if (!(me.validBeforeMount && !me.mounted)) {
+            NeoArray[!me.isValid() ? 'add' : 'remove'](me._cls, 'neo-invalid');
 
-        if (!silent) {
-            me.vdom = vdom;
+            if (!silent) {
+                me.vdom = vdom;
+            }
         }
     }
 }