neo.mjs 4.4.13 → 4.4.14

package/examples/model/inline/MainContainer.mjs

@@ -70,7 +70,7 @@ class MainContainer extends Viewport {
                     iconCls: 'fa fa-home',
 
                     bind: {
-                        text: data => `${data.button1Text}`
+                        text: data => data.button1Text
                     }
                 }, {
                     handler: 'onButton2Click',
@@ -91,11 +91,7 @@ class MainContainer extends Viewport {
                 width     : 300,
 
                 bind: {
-                    value: data => `${data.button1Text}`
-                },
-
-                listeners: {
-                    change: 'onTextField1Change'
+                    value: {twoWay: true, value: data => data.button1Text}
                 }
             }, {
                 module    : TextField,

package/package.json

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

package/src/button/Base.mjs

@@ -104,9 +104,9 @@ class Base extends Component {
         route_: null,
         /**
          * The text displayed on the button [optional]
-         * @member {String} text_=''
+         * @member {String|null} text_=null
          */
-        text_: '',
+        text_: null,
         /**
          * Transforms the button tag into an a tag [optional]
          * @member {String|null} url_=null
@@ -271,8 +271,8 @@ class Base extends Component {
 
     /**
      * Triggered after the text config got changed
-     * @param {String} value
-     * @param {String} oldValue
+     * @param {String|null} value
+     * @param {String|null} oldValue
      * @protected
      */
     afterSetText(value, oldValue) {
@@ -280,7 +280,7 @@ class Base extends Component {
             vdomRoot = me.getVdomRoot(),
             textNode = vdomRoot.cn[1];
 
-        if (value === '') {
+        if (!value || value === '') {
             NeoArray.add(me._cls,      'no-text');
             NeoArray.add(vdomRoot.cls, 'no-text');
             textNode.removeDom = true;

package/src/component/Base.mjs

@@ -425,9 +425,11 @@ class Base extends CoreBase {
      * @protected
      */
     afterSetConfig(key, value, oldValue) {
-        if (Neo.currentWorker.isUsingViewModels) {
-            if (this.bind?.[key]?.twoWay) {
-                this.getModel()?.setData(key, value);
+        if (Neo.currentWorker.isUsingViewModels && oldValue !== undefined) {
+            let binding = this.bind?.[key];
+
+            if (binding?.twoWay) {
+                this.getModel()?.setData(binding.key, value);
             }
         }
     }

package/src/model/Component.mjs

@@ -564,6 +564,7 @@ class Component extends Base {
 
             Object.entries(component.bind).forEach(([key, value]) => {
                 if (Neo.isObject(value)) {
+                    value.key = me.getFormatterVariables(value.value)[0];
                     value = value.value;
                 }