neo.mjs 6.40.0 → 6.41.0

package/apps/ServiceWorker.mjs

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

package/apps/portal/view/learn/ContentView.mjs

@@ -34,7 +34,11 @@ class ContentView extends Component {
         /**
          * @member {Object} record_=null
          */
-        record_: null
+        record_: null,
+        /**
+         * @member {String} tag='article'
+         */
+        tag: 'article'
     }
 
     /**

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/data/deck/learnneo/pages/benefits/FormsEngine.md

@@ -202,34 +202,24 @@ class MainView extends FormContainer {
         }]
     }
 
-    async getMainFormValues(data) {
-        const formValues = await this.getValues();
+    async getFormValues(form) {
+        const formValues = await form.getValues();
         Neo.Main.log({value: formValues});
 
-        const isValid = await this.validate();
-        Neo.Main.log({value: `isValid: ${isValid}`});
+        const isValid = await form.validate();
+        Neo.Main.log({value: `isValid: ${isValid}`})
     }
 
-    async getProductFormValues(data) {
-        const
-            form       = this.getReference('product-form'),
-            formValues = await form.getValues();
-
-        Neo.Main.log({value: formValues});
+    async getMainFormValues(data) {
+        await this.getFormValues(this)
+    }
 
-        const isValid = await form.validate();
-        Neo.Main.log({value: `isValid: ${isValid}`});
+    async getProductFormValues(data) {
+        await this.getFormValues(this.getReference('product-form'))
     }
 
     async getUserFormValues(data) {
-        const
-            form       = this.getReference('user-form'),
-            formValues = await form.getValues();
-
-        Neo.Main.log({value: formValues});
-
-        const isValid = await form.validate();
-        Neo.Main.log({value: `isValid: ${isValid}`});
+        await this.getFormValues(this.getReference('user-form'))
     }
 }
 Neo.setupClass(MainView);

package/resources/data/deck/learnneo/tree.json

@@ -2,7 +2,7 @@
     {"name":  "Welcome!",                                   "parentId": null,                "isLeaf":  true, "id": "Welcome" },
     {"name": "Benefits",                                    "parentId": null,                "isLeaf": false, "id": "WhyNeo"},
         {"name": "Introduction ",                           "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Intro"},
-        {"name": "Multi-Threading",                         "parentId": "WhyNeo",            "isLeaf": true,  "id": "benefits.Multi-Threading"},
+        {"name": "Off the Main Thread",                     "parentId": "WhyNeo",            "isLeaf": true,  "id": "benefits.Multi-Threading"},
         {"name": "Extreme Speed",                           "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Speed"},
         {"name": "Multi-Window Applications",               "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Multi-Window"},
         {"name": "Quick Application Development",           "parentId": "WhyNeo",            "isLeaf": true,  "id": "WhyNeo-Quick"},

package/src/DefaultConfig.mjs

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

package/src/main/DomEvents.mjs

@@ -542,17 +542,19 @@ class DomEvents extends Base {
     onKeyDown(event) {
         let {target}  = event,
             {tagName} = target,
-            isInput = tagName === 'INPUT' || tagName === 'TEXTAREA';
+            isInput   = tagName === 'INPUT' || tagName === 'TEXTAREA';
 
         if (isInput && disabledInputKeys[target.id]?.includes(event.key)) {
             event.preventDefault()
         } else {
             this.sendMessageToApp(this.getKeyboardEventData(event));
 
-            if (!isInput) { // see: https://github.com/neomjs/neo/issues/1729
-                if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
-                    event.preventDefault()
-                }
+            if (
+                !isInput &&
+                ['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key) &&
+                this.testPathInclusion(event, ['neo-selection'], true)
+            ) {
+                event.preventDefault()
             }
         }
     }
@@ -832,9 +834,10 @@ event.preventDefault();
     /**
      * @param {Object} event
      * @param {Object} targetArray
+     * @param {Object} testSubstring=false
      * @returns {Object|Boolean} target cls & node if found, false otherwise
      */
-    testPathInclusion(event, targetArray) {
+    testPathInclusion(event, targetArray, testSubstring=false) {
         let countTargets = targetArray.length,
             path         = event.path || event.composedPath(),
             i            = 0,
@@ -845,7 +848,10 @@ event.preventDefault();
             node = path[i];
 
             for (j = 0; j < countTargets; j++) {
-                if (node.classList?.contains(targetArray[j])) {
+                if (
+                    testSubstring && node.classList?.value?.includes(targetArray[j]) ||
+                    node.classList?.contains(targetArray[j])
+                ) {
                     return {cls: targetArray[j], node}
                 }
             }