neo.mjs 8.41.2 → 8.42.0

package/apps/ServiceWorker.mjs

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

package/apps/portal/view/home/FooterContainer.mjs

@@ -107,7 +107,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v8.41.2'
+                html  : 'v8.42.0'
             }]
         }],
         /**

package/examples/ServiceWorker.mjs

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

package/examples/grid/nestedRecordFields/ViewportController.mjs

@@ -23,9 +23,9 @@ class ViewportController extends Component {
      */
     editButtonHandler(data) {
         let me       = this,
+            {dialog} = me,
             button   = data.component,
-            {appName, dialog, theme, windowId} = me,
-            {record} = button;
+            {appName, record, theme, windowId} = button;
 
         if (!dialog) {
             import('./EditUserDialog.mjs').then(module => {
@@ -91,7 +91,7 @@ class ViewportController extends Component {
     onSwitchThemeButtonClick(data) {
         let me          = this,
             button      = data.component,
-            isDarkTheme = me.theme !== 'neo-theme-light',
+            isDarkTheme = button.theme !== 'neo-theme-light',
             theme       = isDarkTheme ? 'neo-theme-light' : 'neo-theme-dark';
 
         button.set({
@@ -99,7 +99,7 @@ class ViewportController extends Component {
             text   : isDarkTheme ? 'Dark Theme' : 'Light Theme'
         });
 
-        me.theme = theme;
+        me.component.theme = theme;
 
         if (me.dialog) {
             me.dialog.theme = theme

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "8.41.2",
+    "version": "8.42.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -65,7 +65,7 @@
         "sass": "^1.86.3",
         "siesta-lite": "5.5.2",
         "url": "^0.11.4",
-        "webpack": "^5.99.3",
+        "webpack": "^5.99.5",
         "webpack-cli": "^6.0.1",
         "webpack-dev-server": "^5.2.1",
         "webpack-hook-plugin": "^1.0.7",

package/src/DefaultConfig.mjs

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

package/src/collection/Base.mjs

@@ -811,7 +811,7 @@ class Collection extends Base {
     /**
      * Returns the first item which matches the property and value
      * @param {Object|String} property
-     * @param {String|Number} [value] Only required in case the first param is a string
+     * @param {Number|String} [value] Only required in case the first param is a string
      * @returns {Object} Returns the first found item or null
      */
     findFirst(property, value) {
@@ -828,7 +828,7 @@ class Collection extends Base {
 
     /**
      * Returns the object associated to the key, or null if there is none.
-     * @param key
+     * @param {Number|String} key
      * @returns {Object|null}
      */
     get(key) {

package/src/container/Base.mjs

@@ -303,7 +303,7 @@ class Container extends Component {
     createItem(item, index) {
         let me       = this,
             config   = {appName: me.appName, parentId: me.id, parentIndex: index, windowId: me.windowId},
-            defaults = {theme: me.theme, ...me.itemDefaults},
+            defaults = {...me.itemDefaults},
             lazyLoadItem, module;
 
         if (defaults) {
@@ -319,6 +319,7 @@ class Container extends Component {
         switch (Neo.typeOf(item)) {
             case 'NeoClass': {
                 item = Neo.create({
+                    theme: item.config.theme || me.theme,
                     ...defaults,
                     module: item,
                     ...config
@@ -350,7 +351,8 @@ class Container extends Component {
                 lazyLoadItem = module && !module.isClass && Neo.isFunction(module);
 
                 if (module && !lazyLoadItem) {
-                    item.className = module.prototype.className
+                    item.className = module.prototype.className;
+                    item.theme     = defaults.theme || module.config.theme || me.theme
                 }
 
                 if (item.handlerScope === 'this') {

package/src/manager/Component.mjs

@@ -35,7 +35,7 @@ class Component extends Manager {
         let me = this;
 
         Neo.first        = me.getFirst.bind(me); // alias
-        Neo.getComponent = me.getById.bind(me)   // alias
+        Neo.getComponent = me.get     .bind(me)  // alias
     }
 
     /**
@@ -157,7 +157,7 @@ class Component extends Manager {
     }
 
     /**
-     * @param {Array} path
+     * @param {Object[]} path
      * @returns {String|null} the component id in case there is a match
      */
     findParentComponent(path) {
@@ -179,11 +179,20 @@ class Component extends Manager {
 
     /**
      * Returns the object associated to the key, or null if there is none.
-     * @param key
+     * @param {Number|String} key
+     * @param {Boolean}       [includeWrapperNodes=true]
      * @returns {Neo.component.Base|null}
      */
-    get(key) {
-        return this.wrapperNodes.get(key) || super.get(key)
+    get(key, includeWrapperNodes=true) {
+        if (includeWrapperNodes) {
+            let wrapperNode = this.wrapperNodes.get(key);
+
+            if (wrapperNode) {
+                return wrapperNode
+            }
+        }
+
+        return super.get(key)
     }
 
     /**
@@ -333,7 +342,7 @@ class Component extends Manager {
         let parentIds = [];
 
         while (component?.parentId) {
-            component = this.getById(component.parentId);
+            component = this.get(component.parentId);
 
             if (component) {
                 parentIds.push(component.id)
@@ -369,13 +378,13 @@ class Component extends Manager {
      */
     getParents(component) {
         if (Neo.isString(component)) {
-            component = this.getById(component)
+            component = this.get(component)
         }
 
         let parents = [];
 
         while (component?.parentId) {
-            component = this.getById(component.parentId);
+            component = this.get(component.parentId);
 
             if (component) {
                 parents.push(component)
@@ -509,7 +518,7 @@ class Component extends Manager {
      * @returns {Neo.component.Base|Neo.component.Base[]|null}
      */
     up(componentId, config, returnFirstMatch=true) {
-        let component   = this.getById(componentId),
+        let component   = this.get(componentId),
             returnArray = [],
             configArray, configLength, matchArray;
 
@@ -525,7 +534,7 @@ class Component extends Manager {
         configLength = configArray.length;
 
         while (component?.parentId) {
-            component = this.getById(component.parentId);
+            component = this.get(component.parentId);
 
             if (!component) {
                 return returnFirstMatch ? null : returnArray

package/src/util/Logger.mjs

@@ -163,7 +163,7 @@ class Logger extends Base {
                 component;
 
             data.path.forEach(item => {
-                component = Neo.getComponent(item.id);
+                component = Neo.getComponent(item.id, false);
 
                 if (component) {
                     if (!isGroupSet) {