neo.mjs 4.3.14 → 4.3.16

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "4.3.14",
+    "version": "4.3.16",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -41,7 +41,7 @@
     },
     "homepage": "https://neomjs.github.io/pages/",
     "dependencies": {
-        "@fortawesome/fontawesome-free": "^6.2.0",
+        "@fortawesome/fontawesome-free": "^6.2.1",
         "@material/mwc-button": "^0.27.0",
         "@material/mwc-textfield": "^0.27.0",
         "autoprefixer": "^10.4.13",
@@ -55,10 +55,10 @@
         "inquirer": "^9.1.4",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
-        "postcss": "^8.4.18",
-        "sass": "^1.56.0",
-        "webpack": "^5.74.0",
-        "webpack-cli": "^4.10.0",
+        "postcss": "^8.4.19",
+        "sass": "^1.56.1",
+        "webpack": "^5.75.0",
+        "webpack-cli": "^5.0.0",
         "webpack-dev-server": "4.11.1",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"

package/src/component/Base.mjs

@@ -447,12 +447,16 @@ class Base extends CoreBase {
 
     /**
      * Registers the domListeners inside the Neo.manager.DomEvent
-     * @param {Array} value
-     * @param {Array} oldValue
+     * @param {Object[]} value
+     * @param {Object[]} oldValue
      * @protected
      */
     afterSetDomListeners(value, oldValue) {
-        DomEventManager.updateDomListeners(this, value, oldValue);
+        let me = this;
+
+        me.getController()?.parseDomListeners(me);
+
+        DomEventManager.updateDomListeners(me, value, oldValue);
     }
 
     /**

package/src/controller/Component.mjs

@@ -20,7 +20,7 @@ class Component extends Base {
          */
         ntype: 'component-controller',
         /**
-         * @member {Object} component=null
+         * @member {Neo.component.Base|null} component=null
          * @protected
          */
         component: null,
@@ -135,49 +135,13 @@ class Component extends Base {
     onComponentConstructed() {}
 
     /**
-     * @param {Neo.component.Base} [component=this.component]
+     * @param {Neo.component.Base} component=this.component
      */
     parseConfig(component=this.component) {
-        let me           = this,
-            domListeners = component.domListeners,
-            listeners    = component.listeners,
-            reference    = component.reference,
-            eventHandler, fn, handlerScope, parentController;
-
-        if (domListeners) {
-            domListeners.forEach(domListener => {
-                Object.entries(domListener).forEach(([key, value]) => {
-                    eventHandler = null;
-
-                    if (key !== 'scope' && key !== 'delegate') {
-                        if (Neo.isString(value)) {
-                            eventHandler = value;
-                        } else if (Neo.isObject(value) && value.hasOwnProperty('fn') && Neo.isString(value.fn)) {
-                            eventHandler = value.fn;
-                        }
-
-                        if (eventHandler) {
-                            handlerScope = me.getHandlerScope(eventHandler);
-
-                            if (!handlerScope) {
-                                Logger.logError('Unknown domEvent handler for', eventHandler, component);
-                            } else {
-                                fn               = handlerScope[eventHandler].bind(handlerScope);
-                                domListener[key] = fn;
-
-                                DomEventManager.updateListenerPlaceholder({
-                                    componentId       : component.id,
-                                    eventHandlerMethod: fn,
-                                    eventHandlerName  : eventHandler,
-                                    eventName         : key,
-                                    scope             : parentController
-                                });
-                            }
-                        }
-                    }
-                });
-            });
-        }
+        let me        = this,
+            listeners = component.listeners,
+            reference = component.reference,
+            eventHandler, handlerScope;
 
         if (listeners) {
             Object.entries(listeners).forEach(([key, value]) => {
@@ -215,6 +179,41 @@ class Component extends Base {
         }
     }
 
+    /**
+     * @param {Neo.component.Base} component=this.component
+     */
+    parseDomListeners(component=this.component) {
+        let me           = this,
+            domListeners = component.domListeners,
+            eventHandler, scope;
+
+        if (domListeners) {
+            domListeners.forEach(domListener => {
+                Object.entries(domListener).forEach(([key, value]) => {
+                    eventHandler = null;
+
+                    if (key !== 'scope' && key !== 'delegate') {
+                        if (Neo.isString(value)) {
+                            eventHandler = value;
+                        } else if (Neo.isObject(value) && value.hasOwnProperty('fn') && Neo.isString(value.fn)) {
+                            eventHandler = value.fn;
+                        }
+
+                        if (eventHandler) {
+                            scope = me.getHandlerScope(eventHandler);
+
+                            if (!scope) {
+                                Logger.logError('Unknown domEvent handler for', eventHandler, component);
+                            } else {
+                                domListener[key] = scope[eventHandler].bind(scope);
+                            }
+                        }
+                    }
+                });
+            });
+        }
+    }
+
     /**
      * Will get called by component.Base: destroy() in case the component has a reference config
      * @param {Neo.component.Base} component

package/src/core/Base.mjs

@@ -299,7 +299,8 @@ class Base {
      * @param {Object|Object[]} items
      */
     parseItemConfigs(items) {
-        let me = this;
+        let me = this,
+            ns, nsArray, nsKey, symbolNs;
 
         if (items) {
             if (!Array.isArray(items)) {
@@ -311,14 +312,22 @@ class Base {
                     if (Array.isArray(value)) {
                         me.parseItemConfigs(value);
                     } else if (typeof value === 'string' && value.startsWith('@config:')) {
-                        value = value.substr(8).trim();
+                        nsArray = value.substring(8).trim().split('.');
+                        nsKey   = nsArray.pop();
+                        ns      = Neo.ns(nsArray, false, me);
 
-                        if (!me[value] && !me.hasOwnProperty(value)) {
-                            console.error('The used @config does not exist:', value, me);
+                        if (!Object.hasOwn(ns, nsKey)) {
+                            console.error('The used @config does not exist:', nsKey, nsArray.join('.'));
                         } else {
+                            symbolNs = Neo.ns(nsArray, false, me[configSymbol]);
+
                             // The config might not be processed yet, especially for configs
                             // not ending with an underscore, so we need to check the configSymbol first.
-                            item[key] = me[configSymbol][value] || me[value];
+                            if (symbolNs && Object.hasOwn(symbolNs, nsKey)) {
+                                item[key] = symbolNs[nsKey];
+                            } else {
+                                item[key] = ns[nsKey];
+                            }
                         }
                     }
                 });

package/src/data/RecordFactory.mjs

@@ -306,6 +306,7 @@ class RecordFactory extends Base {
 
             if (!Neo.isEqual(oldValue, value)) {
                 record[Symbol.for(key)] = value; // silent update
+                record._isModified = true;
                 changedFields.push({name: key, oldValue, value});
             }
         });

package/src/manager/DomEvent.mjs

@@ -405,34 +405,6 @@ class DomEvent extends Base {
         }
     }
 
-    /**
-     * Intended for Neo.controller.Component to replace listener placeholders provided as a string
-     * @param {Object} config
-     * @param {String} config.componentId
-     * @param {Function} config.eventHandlerMethod
-     * @param {String} config.eventHandlerName
-     * @param {String} config.eventName
-     * @param {Neo.core.Base} config.scope
-     */
-    updateListenerPlaceholder(config) {
-        let me             = this,
-            items          = me.items[config.componentId] || {},
-            eventListeners = items[config.eventName] || [],
-            i              = 0,
-            len            = eventListeners.length,
-            listener;
-
-        for (; i < len; i++) {
-            listener = eventListeners[i];
-
-            if (listener.fn === config.eventHandlerName) {
-                listener.fn    = config.eventHandlerMethod;
-                listener.scope = config.scope;
-                break;
-            }
-        }
-    }
-
     /**
      * @param {Object} listener
      * @param {Array} path