neo.mjs 10.5.1 → 10.5.2

package/.github/RELEASE_NOTES/v10.5.2.md

@@ -0,0 +1,17 @@
+# Neo.mjs v10.5.2 Release Notes
+
+## Features
+
+- **grid.Container**: Added the `aria-colcount` attribute to the grid's wrapper element to enhance accessibility.
+- This attribute dynamically updates with the number of columns, ensuring screen readers can accurately announce the grid's structure.
+
+## Enhancements
+
+- **grid.Container**: The `updateColCount()` method now includes a `silent` parameter. This allows for updating the column count without triggering an immediate DOM update, optimizing performance in scenarios where multiple changes occur in sequence.
+- **examples.grid.bigData.ControlsContainer**: To improve user feedback, a loading mask is now displayed during the initial data filtering process in the Big Data grid example.
+
+## Bug Fixes
+
+- **data.Store**: Fixed an issue where the `isLoaded` flag was not set to `true` when records were added to the store via
+  the `add()` method. This ensures that the `load` event is fired correctly, even when the store is populated manually
+  instead of through assigning `data` or `autoLoad`.

package/ServiceWorker.mjs

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

package/apps/portal/index.html

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

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

@@ -108,7 +108,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                text  : 'v10.5.1'
+                text  : 'v10.5.2'
             }]
         }],
         /**

package/examples/grid/bigData/ControlsContainer.mjs

@@ -195,6 +195,11 @@ class ControlsContainer extends Container {
         tag: 'aside'
     }
 
+    /**
+     * @member {Boolean} firstFiltering=true
+     */
+    firstFiltering = true
+
     get grid() {
         return this.parent.getItem('grid')
     }
@@ -271,7 +276,15 @@ class ControlsContainer extends Container {
      * @param {Object} data
      */
     onFilterFieldChange(data) {
-        this.grid.store.getFilter(data.component.name).value = data.value
+        let me = this;
+
+        if (me.firstFiltering) {
+            me.firstFiltering = false;
+            me.grid.isLoading = 'Is Loading'
+        }
+
+        me.grid.store.getFilter(data.component.name).value = data.value;
+        me.grid.isLoading = false
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "10.5.1",
+    "version": "10.5.2",
     "description": "Neo.mjs: The multi-threaded UI framework for building ultra-fast, desktop-like web applications with uncompromised responsiveness, inherent security, and a transpilation-free dev mode.",
     "type": "module",
     "repository": {
@@ -88,11 +88,11 @@
         "commander": "^14.0.0",
         "cssnano": "^7.1.0",
         "envinfo": "^7.14.0",
-        "esbuild": "^0.25.8",
+        "esbuild": "^0.25.9",
         "fs-extra": "^11.3.1",
         "highlightjs-line-numbers.js": "^2.9.0",
         "html-minifier-terser": "^7.2.0",
-        "inquirer": "^12.9.1",
+        "inquirer": "^12.9.2",
         "marked": "^16.1.2",
         "monaco-editor": "0.50.0",
         "neo-jsdoc": "1.0.1",
@@ -103,7 +103,7 @@
         "siesta-lite": "5.5.2",
         "terser": "^5.43.1",
         "url": "^0.11.4",
-        "webpack": "^5.101.0",
+        "webpack": "^5.101.1",
         "webpack-cli": "^6.0.1",
         "webpack-dev-server": "^5.2.2",
         "webpack-hook-plugin": "^1.0.7",

package/src/DefaultConfig.mjs

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

package/src/data/Store.mjs

@@ -144,12 +144,12 @@ class Store extends Base {
      * @returns {Number} the collection count
      */
     add(item) {
-        let items = Array.isArray(item) ? item : [item];
-        const threshold = this.initialChunkSize;
+        let me        = this,
+            items     = Array.isArray(item) ? item : [item],
+            threshold = me.initialChunkSize;
 
         if (threshold > 0 && items.length > threshold) {
-            const me    = this,
-                  total = me.count + items.length,
+            const total = me.count + items.length,
                   chunk = items.splice(0, threshold);
 
             me.chunkingTotal = total;
@@ -175,7 +175,12 @@ class Store extends Base {
             return me.count;
         }
 
-        return super.add(item); // Pass raw item directly
+        const returnValue = super.add(items);
+
+        // If we use add() initially instead of setting `data`, we need to set the loaded flag here.
+        me.isLoaded = true;
+
+        return returnValue; // Pass raw item directly
     }
 
     /**
@@ -206,9 +211,7 @@ class Store extends Base {
 
                 me.isLoading = false;
 
-                me.add(value);
-
-                me.isLoaded = true
+                me.add(value)
             }
         }
     }

package/src/grid/Container.mjs

@@ -134,7 +134,7 @@ class GridContainer extends BaseContainer {
          */
         _vdom:
         {cls: ['neo-grid-wrapper'], cn: [
-            {'aria-rowcount': 1, cn: []} // aria-rowcount includes the column headers
+            {'aria-colcount': 0, 'aria-rowcount': 1, cn: []} // aria-rowcount includes the column headers
         ]}
     }
 
@@ -175,6 +175,7 @@ class GridContainer extends BaseContainer {
         me.vdom.id = me.getWrapperId();
 
         me._columns = me.createColumns(me.columns);
+        me.updateColCount();
 
         me.addDomListeners({
             resize: me.onResize,
@@ -245,6 +246,8 @@ class GridContainer extends BaseContainer {
 
             me.body?.createViewData()
         }
+
+        me.configsApplied && me.updateColCount()
     }
 
     /**
@@ -466,7 +469,8 @@ class GridContainer extends BaseContainer {
 
         return Neo.create(Collection, {
             keyProperty: 'dataField',
-            items      : columns
+            items      : columns,
+            listeners  : {mutate: me.onColumnsMutate, scope: me}
         })
     }
 
@@ -511,6 +515,13 @@ class GridContainer extends BaseContainer {
         return `${this.id}__wrapper`
     }
 
+    /**
+     * @param {Object} data
+     */
+    onColumnsMutate(data) {
+        this.updateColCount()
+    }
+
     /**
      *
      */
@@ -528,6 +539,7 @@ class GridContainer extends BaseContainer {
 
     /**
      * @param {Object} data
+     * @returns {Promise<void>}
      */
     async onResize(data) {
         let me = this;
@@ -666,6 +678,16 @@ class GridContainer extends BaseContainer {
         }
     }
 
+    /**
+     * @param {Boolean} [silent=false]
+     */
+    updateColCount(silent=false) {
+        let me = this;
+
+        me.getVdomRoot()['aria-colcount'] = me.columns.count;
+        !silent && me.update()
+    }
+
     /**
      * @param {Number} [count] The total number of rows in the store. Optional, will use store.count if not provided.
      * @param {Boolean} [silent=false]