neo.mjs 4.3.7 → 4.3.9

package/package.json

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

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

@@ -45,8 +45,9 @@
     }
 
     &.label-bottom {
-        align-items   : start;
-        flex-direction: column-reverse;
+        align-items    : stretch;
+        flex-direction : column-reverse;
+        justify-content: start;
 
         .neo-textfield-label {
             margin-top: 3px;
@@ -164,7 +165,7 @@
     }
 
     &.label-top {
-        align-items   : start;
+        align-items   : stretch;
         flex-direction: column;
 
         .neo-textfield-label {

package/src/component/Base.mjs

@@ -405,7 +405,7 @@ class Base extends CoreBase {
             vdomRoot.cls = [...value];
         } else {
             // we need to merge changes
-            cls = [...me.wrapperCls, ...value];
+            cls = NeoArray.union(me.wrapperCls, value);
             NeoArray.remove(cls, NeoArray.difference(oldValue, value));
             vdom.cls = cls;
         }
@@ -729,7 +729,7 @@ class Base extends CoreBase {
 
         if (vdom === vdomRoot) {
             // we need to merge changes
-            cls = [...cls, ...value];
+            cls = NeoArray.union(cls, value);
             NeoArray.remove(cls, NeoArray.difference(oldValue, value));
             vdom.cls = cls;
 

package/src/core/Util.mjs

@@ -142,6 +142,10 @@ class Util extends Base {
      * @returns {Boolean}
      */
     static isEmpty(value) {
+        if (value === null || value === undefined) {
+            return true;
+        }
+
         if (Array.isArray(value)) {
             return value.length === 0;
         }

package/src/form/field/Text.mjs

@@ -347,6 +347,9 @@ class Text extends Base {
                     me.updateCenterBorderElWidth(false);
                 }, 20);
             }
+        } else {
+            // changes from e.g. left to top
+            me.updateInputWidth();
         }
     }
 
@@ -563,8 +566,8 @@ class Text extends Base {
 
         me.getInputEl().value = value;
 
-        if (!!value !== !!oldValue) { // change from empty to non-empty
-            NeoArray[value && value.toString().length > 0 ? 'add' : 'remove'](cls, 'neo-has-content');
+        if (Neo.isEmpty(value) !== Neo.isEmpty(oldValue)) {
+            NeoArray[value !== null && value.toString().length > 0 ? 'add' : 'remove'](cls, 'neo-has-content');
         }
 
         NeoArray[me.originalConfig.value !== value ? 'add' : 'remove'](cls, 'neo-is-dirty');
@@ -972,8 +975,12 @@ class Text extends Base {
     reset(value=null) {
         let me = this;
 
-        if (value && me.clearToOriginalValue) {
-            me.originalConfig.value = value;
+        if (me.clearToOriginalValue) {
+            if (value) {
+                me.originalConfig.value = value;
+            } else {
+                value = me.originalConfig.value
+            }
         }
 
         super.reset(value);

package/src/vdom/Helper.mjs

@@ -439,7 +439,7 @@ class Helper extends Base {
 
                                 Object.entries(value).forEach(([key, value]) => {
                                     if (!(oldVnode.attributes.hasOwnProperty(key) && oldVnode.attributes[key] === value)) {
-                                        if (!Neo.isString(value) && Neo.isEmpty(value)) {
+                                        if (value !== null && !Neo.isString(value) && Neo.isEmpty(value)) {
                                             // ignore empty arrays & objects
                                         } else {
                                             attributes[key] = value;