neo.mjs 6.10.16 → 6.10.17

package/apps/ServiceWorker.mjs

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

package/apps/form/neo-config.json

@@ -3,5 +3,5 @@
     "basePath"        : "../../",
     "environment"     : "development",
     "mainPath"        : "./Main.mjs",
-    "mainThreadAddons": ["DragDrop", "LocalStorage", "Stylesheet"]
+    "mainThreadAddons": ["DragDrop", "LocalStorage", "Navigator", "Stylesheet"]
 }

package/apps/form/view/SideNavList.mjs

@@ -16,6 +16,10 @@ class SideNavList extends List {
          * @protected
          */
         baseCls: ['form-side-nav-list', 'neo-list'],
+        /**
+         * @member {Boolean} itemsFocusable=true
+         */
+        itemsFocusable: true,
         /**
          * @member {Boolean} useHeaders=true
          */

package/apps/form/view/pages/Page6.mjs

@@ -20,24 +20,26 @@ class Page6 extends FormPageContainer {
          * @member {Object} itemDefaults
          */
         itemDefaults: {
-            module: TextArea
+            module  : TextArea,
+            autoGrow: true
         },
         /**
          * @member {Object[]} items
          */
         items: [{
-            height   : 200,
             labelText: 'Page 6 Field 1',
+            minHeight: 150,
             name     : 'field1',
             required : true,
             value    : 'Lorem ipsum'
         }, {
-            height   : 300,
             labelText: 'Page 6 Field 2',
+            minHeight: 150,
             name     : 'field2'
         }, {
             labelText: 'Page 6 Field 3',
-            name     : 'field3'
+            name     : 'field3',
+            readOnly : true
         }]
     }
 }

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/DefaultConfig.mjs

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

package/src/form/field/TextArea.mjs

@@ -79,12 +79,20 @@ class TextArea extends Text {
         wrap_: null
     }
 
-    afterSetAutoGrow(autoGrow) {
-        autoGrow && this.syncAutoGrowMonitor();
+    /**
+     * Triggered after the autoGrow config got changed
+     * @param {Boolean} value
+     * @param {Boolean} oldValue
+     * @protected
+     */
+    afterSetAutoGrow(value, oldValue) {
+        let me = this;
+
+        value && me.syncAutoGrowMonitor();
 
         // Restore any configured height if autoGrow turned off
-        if (!autoGrow) {
-            this.afterSetHeight(this._height);
+        if (!value) {
+            me.afterSetHeight(me._height);
         }
     }
 
@@ -150,13 +158,24 @@ class TextArea extends Text {
      * @protected
      */
     afterSetValue(value, oldValue) {
-        let inputEl = this.getInputEl();
+        let me      = this,
+            inputEl = me.getInputEl();
 
         if (inputEl) {
             inputEl.html = StringUtil.escapeHtml(value);
         }
 
         super.afterSetValue(value, oldValue);
+
+        if (me.autoGrow && me.mounted && me.readOnly) {
+            setTimeout(() => {
+                Neo.main.DomAccess.monitorAutoGrowHandler({
+                    appName : me.appName,
+                    id      : inputEl.id,
+                    windowId: me.windowId
+                })
+            }, 50)
+        }
     }
 
     /**
@@ -180,14 +199,19 @@ class TextArea extends Text {
         return this.beforeSetEnumValue(value, oldValue, 'wrap', 'wrapValues');
     }
 
+    /**
+     *
+     */
     async syncAutoGrowMonitor() {
-        if (this.mounted && this.autoGrow) {
-            // Delegate monitoring of sizes to the VDOM thread.
+        let me = this;
+
+        if (me.mounted && me.autoGrow) {
+            // Delegate monitoring of sizes to the main thread.
             Neo.main.DomAccess.monitorAutoGrow({
-                appName  : this.appName,
-                id       : this.getInputElId(),
-                autoGrow : this.autoGrow
-            });
+                appName  : me.appName,
+                id       : me.getInputElId(),
+                autoGrow : me.autoGrow
+            })
         }
     }
 }

package/src/main/DomAccess.mjs

@@ -88,6 +88,7 @@ class DomAccess extends Base {
                 'getScrollingDimensions',
                 'measure',
                 'monitorAutoGrow',
+                'monitorAutoGrowHandler',
                 'navigate',
                 'navigateTo',
                 'scrollBy',
@@ -637,8 +638,15 @@ class DomAccess extends Base {
         })
     }
 
-    monitorAutoGrowHandler({ target }) {
+    /**
+     *
+     * @param {Event|Object} data
+     * @param {String} [data.id]
+     * @param {HTMLElement} [data.target]
+     */
+    monitorAutoGrowHandler(data) {
         const
+            target                 = data.target || this.getElement(data.id),
             { style }              = target,
             { style : inputStyle } = target.closest('.neo-textarea');
 

package/src/tree/List.mjs

@@ -60,11 +60,9 @@ class Tree extends Base {
          * @member {Object} _vdom
          */
         _vdom:
-            {
-                cn: [
-                    {tag: 'ul', cls: ['neo-list-container', 'neo-list'], tabIndex: -1, cn: []}
-                ]
-            }
+        {cn: [
+            {tag: 'ul', cls: ['neo-list-container', 'neo-list'], tabIndex: -1, cn: []}
+        ]}
     }
 
     /**