neo.mjs 8.41.0 → 8.41.1

package/apps/ServiceWorker.mjs

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

package/apps/covid/view/country/Table.mjs

@@ -42,6 +42,7 @@ class Table extends Container {
             minWidth : 40,
             text     : '#',
             renderer : Util.indexRenderer,
+            sortable : false,
             width    : 40
         }, {
             cellAlign           : 'left',

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2025-04-06",
+      "datePublished": "2025-04-08",
       "publisher": {
         "@type": "Organization",
         "name": "Neo.mjs"

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

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

package/apps/sharedcovid/view/country/Table.mjs

@@ -42,6 +42,7 @@ class Table extends Container {
             minWidth : 40,
             text     : '#',
             renderer : Util.indexRenderer,
+            sortable : false,
             width    : 40
         }, {
             cellAlign           : 'left',

package/examples/ServiceWorker.mjs

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

package/examples/calendar/basic/MainContainerController.mjs

@@ -1,5 +1,4 @@
 import ComponentController from '../../../src/controller/Component.mjs';
-import NeoArray            from '../../../src/util/Array.mjs';
 
 /**
  * @class Neo.examples.calendar.basic.MainContainerController
@@ -22,7 +21,7 @@ class MainContainerController extends ComponentController {
             button        = data.component,
             component     = me.component,
             headerToolbar = me.getReference('headerToolbar'),
-            buttonText, cls, headerColor, iconCls, style, theme;
+            buttonText, headerColor, iconCls, style, theme;
 
         if (button.text === 'Theme Light') {
             buttonText  = 'Theme Dark';
@@ -36,16 +35,7 @@ class MainContainerController extends ComponentController {
             theme       = 'neo-theme-dark'
         }
 
-        cls = [...component.cls];
-
-        component.cls.forEach(item => {
-            if (item.includes('neo-theme')) {
-                NeoArray.remove(cls, item)
-            }
-        });
-
-        NeoArray.add(cls, theme);
-        component.cls = cls;
+        component.theme = theme;
 
         button.set({
             iconCls,

package/examples/table/covid/TableContainer.mjs

@@ -37,6 +37,7 @@ class TableContainer extends BaseTableContainer {
             minWidth : 40,
             text     : '#',
             renderer : Util.indexRenderer,
+            sortable : false,
             width    : 40
         }, {
             cellAlign           : 'left',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "8.41.0",
+    "version": "8.41.1",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {
@@ -57,7 +57,7 @@
         "fs-extra": "^11.3.0",
         "highlightjs-line-numbers.js": "^2.9.0",
         "inquirer": "^12.5.2",
-        "marked": "^15.0.7",
+        "marked": "^15.0.8",
         "monaco-editor": "0.50.0",
         "neo-jsdoc": "1.0.1",
         "neo-jsdoc-x": "1.0.5",
@@ -65,7 +65,7 @@
         "sass": "^1.86.3",
         "siesta-lite": "5.5.2",
         "url": "^0.11.4",
-        "webpack": "^5.98.0",
+        "webpack": "^5.99.3",
         "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.0'
+     * @default '8.41.1'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '8.41.0'
+    version: '8.41.1'
 };
 
 Object.assign(DefaultConfig, {

package/src/calendar/view/MainContainer.mjs

@@ -289,6 +289,26 @@ class MainContainer extends Container {
         }
     }
 
+    /**
+     * Triggered after the theme config got changed
+     * @param {String} value
+     * @param {String} oldValue
+     * @protected
+     */
+    afterSetTheme(value, oldValue) {
+        super.afterSetTheme(value, oldValue);
+
+        let me = this;
+
+        if (me._editCalendarContainer) {
+            me._editCalendarContainer.theme = value
+        }
+
+        if (me._editEventContainer) {
+            me._editEventContainer.theme = value
+        }
+    }
+
     /**
      * Triggered after the useSettingsContainer config got changed
      * @param {Boolean} value
@@ -330,6 +350,7 @@ class MainContainer extends Container {
                 appName      : me.appName,
                 owner        : me,
                 stateProvider: {parent: me.getStateProvider()},
+                theme        : me.theme,
                 width        : 250,
                 windowId     : me.windowId,
                 ...me.editCalendarContainerConfig
@@ -353,6 +374,7 @@ class MainContainer extends Container {
                 appName      : me.appName,
                 owner        : me,
                 stateProvider: {parent: me.getStateProvider()},
+                theme        : me.theme,
                 width        : 250,
                 windowId     : me.windowId,
                 ...me.editEventContainerConfig

package/src/component/Base.mjs

@@ -1582,11 +1582,11 @@ class Component extends Base {
             me.isVdomUpdating = false;
             reject?.()
         }).then(data => {
-            me.isVdomUpdating = false;
-
-            // checking if the component got destroyed before the update cycle is done
+            // Checking if the component got destroyed before the update cycle is done
             if (me.id) {
-                me.vnode = data.vnode;
+                // It is crucial to delegate the vnode tree before resolving the cycle
+                me.vnode          = data.vnode;
+                me.isVdomUpdating = false;
 
                 deltas = data.deltas;
 

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 = {...me.itemDefaults},
+            defaults = {theme: me.theme, ...me.itemDefaults},
             lazyLoadItem, module;
 
         if (defaults) {

package/src/grid/column/Component.mjs

@@ -83,6 +83,7 @@ class Component extends Column {
         }
 
         componentConfig = me.applyRecordConfigs(componentConfig, record);
+        componentConfig = {...componentConfig};
 
         if (component) {
             delete componentConfig.className;

package/src/grid/header/Toolbar.mjs

@@ -155,6 +155,12 @@ class Toolbar extends BaseToolbar {
 
         me.itemDefaults.showHeaderFilter = me.showHeaderFilters;
 
+        me.items.forEach(item => {
+            if (!Object.hasOwn(item, 'sortable')) {
+                item.sortable = me.sortable
+            }
+        });
+
         super.createItems();
 
         let {items} = me,
@@ -170,7 +176,6 @@ class Toolbar extends BaseToolbar {
             if (item.minWidth) {style.minWidth = item.minWidth + 'px'}
             if (item.width)    {style.width    = item.width    + 'px'}
 
-            item.sortable = me.sortable;
             item.wrapperStyle = style
         });
 

package/src/table/header/Toolbar.mjs

@@ -128,6 +128,12 @@ class Toolbar extends BaseToolbar {
 
         me.itemDefaults.showHeaderFilter = me.showHeaderFilters;
 
+        me.items.forEach(item => {
+            if (!Object.hasOwn(item, 'sortable')) {
+                item.sortable = me.sortable
+            }
+        });
+
         super.createItems();
 
         let dockLeftWidth  = 0,
@@ -156,7 +162,6 @@ class Toolbar extends BaseToolbar {
                 item.vdom.cls = [] // remove the button cls from the th tag
             }
 
-            item.sortable = me.sortable;
             item.wrapperStyle = style;
 
             // inverse loop direction

package/src/calendar/README.md

@@ -1,2 +0,0 @@
-# Development in progress
-Currently, scheduled for the v4.x release