neo.mjs 8.26.1 → 8.27.1

package/apps/ServiceWorker.mjs

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

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2025-02-27",
+      "datePublished": "2025-03-01",
       "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.26.1'
+                html  : 'v8.27.1'
             }]
         }],
         /**

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/scss/src/component/MagicMoveText.scss

@@ -17,10 +17,10 @@
         .neo-char {
             position  : absolute;
             transition:
-                    color   0.2s ease-out,
-                    left    var(--neo-transition-time) ease-out,
-                    opacity var(--neo-transition-time) ease-out,
-                    top     var(--neo-transition-time) ease-out;
+                color   0.2s ease-out,
+                left    var(--neo-transition-time) ease-out,
+                opacity var(--neo-transition-time) ease-out,
+                top     var(--neo-transition-time) ease-out;
         }
     }
 

package/src/DefaultConfig.mjs

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

package/src/grid/Container.mjs

@@ -486,13 +486,6 @@ class GridContainer extends BaseContainer {
         return this.vdom.cn[0]
     }
 
-    /**
-     * @returns {Object[]} The new vdom items root
-     */
-    getVdomItemsRoot() {
-        return this.vdom.cn[0]
-    }
-
     /**
      * @override
      * @returns {Neo.vdom.VNode}

package/src/grid/View.mjs

@@ -437,6 +437,10 @@ class GridView extends Component {
             cellCls.push('neo-selected')
         }
 
+        if (me.selectionModel?.selectedColumns?.includes(dataField)) {
+            NeoArray.add(cellCls, 'neo-selected')
+        }
+
         cellConfig = {
             'aria-colindex': columnIndex + 1, // 1 based
             id             : cellId,

package/src/selection/Model.mjs

@@ -165,7 +165,7 @@ class Model extends Base {
     }
 
     /**
-     * @returns {Boolean} true in case there is a selection
+     * @returns {Boolean}
      */
     hasSelection() {
         return this.items.length > 0

package/src/selection/grid/ColumnModel.mjs

@@ -1,5 +1,4 @@
 import BaseModel from './BaseModel.mjs';
-import VDomUtil  from '../../util/VDom.mjs';
 
 /**
  * @class Neo.selection.grid.ColumnModel
@@ -18,10 +17,14 @@ class ColumnModel extends BaseModel {
          */
         ntype: 'selection-grid-columnmodel',
         /**
-         * @member {String} cls='selection-columnmodel'
+         * @member {String} cls='neo-selection-columnmodel'
          * @protected
          */
-        cls: 'neo-selection-columnmodel'
+        cls: 'neo-selection-columnmodel',
+        /**
+         * @member {String[]} selectedColumns=[]
+         */
+        selectedColumns: []
     }
 
     /**
@@ -44,21 +47,24 @@ class ColumnModel extends BaseModel {
         super.destroy(...args)
     }
 
+    /**
+     * @returns {Boolean}
+     */
+    hasSelection() {
+        return this.selectedColumns.length > 0
+    }
+
     /**
      * @param {Object} data
      */
     onCellClick(data) {
         let me     = this,
             {view} = me,
-            cellId = data.data.currentTarget,
-            columnNodeIds, dataField, index;
+            cellId = data.data.currentTarget;
 
         if (cellId) {
-            dataField     = view.getDataField(cellId);
-            index         = view.getColumn(dataField, true);
-            columnNodeIds = VDomUtil.getColumnNodesIds(view.vdom.cn[0], index);
-
-            me.select(columnNodeIds)
+            me.selectedColumns = [view.getDataField(cellId)];
+            view.createViewData()
         }
     }
 
@@ -82,23 +88,26 @@ class ColumnModel extends BaseModel {
     onNavKeyColumn(step) {
         let me                 = this,
             {dataFields, view} = me,
-            columnNodeIds, currentColumn, index;
+            currentColumn, currentIndex, index;
 
         if (me.hasSelection()) {
-            currentColumn = view.getDataField(me.items[0])
+            currentColumn = me.selectedColumns[0]
         } else {
             currentColumn = dataFields[0]
         }
 
-        index = (dataFields.indexOf(currentColumn) + step) % dataFields.length;
+        currentIndex = dataFields.indexOf(currentColumn);
+        index        = (currentIndex + step) % dataFields.length;
 
         while (index < 0) {
             index += dataFields.length
         }
 
-        columnNodeIds = VDomUtil.getColumnNodesIds(view.vdom.cn[0], index);
+        me.selectedColumns = [dataFields[index]];
+
+        view.createViewData();
 
-        me.select(columnNodeIds)
+        view.parent.scrollByColumns(currentIndex, step)
     }
 
     /**