neo.mjs 8.27.0 → 8.28.0

package/apps/ServiceWorker.mjs

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

package/apps/portal/index.html

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

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

@@ -51,10 +51,10 @@ class MainContainer extends Container {
         items: [
             {ntype: 'component', cls: ['portal-home-progress']},
             MainNeo,
-            Features,
             Helix,
             Colors,
             How,
+            Features,
             AfterMath
         ],
         /**

package/apps/portal/view/home/parts/AfterMath.mjs

@@ -36,7 +36,7 @@ class AfterMath extends BaseContainer {
             tag : 'ul',
 
             html: `
-                <li>To learn more about Neo.mjs please read the <a href="#/learn">Learning Section</a> or browse the <a href="#/blog">Blog</a></li>
+                <li>To learn more about Neo.mjs please dive into the <a href="#/learn">Learning Section</a> or browse the <a href="#/blog">Blog</a></li>
                 <li>To arrange a demo or to talk to an engineer email <a href="mailto:info@neomjs.com">info@neomjs.com</a></li>
                 <li>For help starting a project email <a href="mailto:services@neomjs.com">services@neomjs.com</a></li>
                 <li>For questions about private training email <a href="mailto:training@neomjs.com">training@neomjs.com</a></li>

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/scss/src/apps/portal/home/FeatureSection.scss

@@ -25,6 +25,7 @@
         font-size  : min(max(4.5vw, 30px), 44px);
         line-height: 1em;
         margin     : 0;
+        text-align : start;
     }
 
     h2.neo-h2 {
@@ -32,6 +33,7 @@
         font-weight: 600;
         line-height: 1em;
         margin     : 0;
+        text-align : start;
     }
 
     .page-live-preview {

package/src/DefaultConfig.mjs

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

package/src/grid/View.mjs

@@ -154,12 +154,12 @@ class GridView extends Component {
     }
 
     /**
-     * @member {String[]} selectedRows
+     * @member {String[]} selectedCells
      */
     get selectedCells() {
         let {selectionModel} = this;
 
-        if (selectionModel.ntype.includes('cell')) {
+        if (selectionModel.ntype?.includes('cell')) {
             return selectionModel.items
         }
 
@@ -176,6 +176,10 @@ class GridView extends Component {
             return selectionModel.items
         }
 
+        if (selectionModel.ntype?.includes('row')) {
+            return selectionModel.selectedRows
+        }
+
         return []
     }
 
@@ -438,7 +442,7 @@ class GridView extends Component {
         }
 
         if (me.selectionModel?.selectedColumns?.includes(dataField)) {
-            NeoArray.add(cellCls, 'neo-selected')
+            NeoArray.add(cellCls, me.selectionModel.selectedColumnCellCls || 'neo-selected')
         }
 
         cellConfig = {
@@ -567,9 +571,9 @@ class GridView extends Component {
     }
 
     /**
-     *
+     * @param {Boolean} silent=false
      */
-    createViewData() {
+    createViewData(silent=false) {
         let me                   = this,
             {mountedRows, store} = me,
             rows                 = [],
@@ -597,7 +601,7 @@ class GridView extends Component {
         me.parent.isLoading = false;
 
         me.updateScrollHeight(true); // silent
-        me.update()
+        !silent && me.update()
     }
 
     /**

package/src/selection/grid/CellColumnModel.mjs

@@ -1,5 +1,4 @@
 import CellModel from './CellModel.mjs';
-import VDomUtil  from '../../util/VDom.mjs';
 
 /**
  * @class Neo.selection.grid.CellColumnModel
@@ -28,25 +27,10 @@ class CellColumnModel extends CellModel {
          */
         selectedColumnCellCls: 'selected-column-cell',
         /**
-         * @member {String[]} selectedColumnCellIds=[]
-         * @protected
+         * Storing the column dataFields
+         * @member {String[]} selectedColumns=[]
          */
-        selectedColumnCellIds: []
-    }
-
-    /**
-     * @param {Boolean} [silent] true to prevent a vdom update
-     */
-    deselectAllCells(silent) {
-        let me      = this,
-            cellIds = [...me.selectedColumnCellIds],
-            {view}  = me
-
-        cellIds.forEach(cellId => {
-            me.deselect(cellId, true, me.selectedColumnCellIds, me.selectedColumnCellCls)
-        });
-
-        !silent && view.update()
+        selectedColumns: []
     }
 
     /**
@@ -55,16 +39,11 @@ class CellColumnModel extends CellModel {
     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.deselectAllCells(true);
-            me.select(columnNodeIds, me.selectedColumnCellIds, me.selectedColumnCellCls)
+            me.selectedColumns = [view.getDataField(cellId)];
+            view.createViewData(true)
         }
 
         super.onCellClick(data)
@@ -76,10 +55,10 @@ class CellColumnModel extends CellModel {
     onNavKeyColumn(step) {
         let me                 = this,
             {dataFields, view} = me,
-            columnNodeIds, currentColumn, index;
+            currentColumn, index;
 
         if (me.hasSelection()) {
-            currentColumn = view.getDataField(me.items[0])
+            currentColumn = me.selectedColumns[0]
         } else {
             currentColumn = dataFields[0]
         }
@@ -90,10 +69,9 @@ class CellColumnModel extends CellModel {
             index += dataFields.length
         }
 
-        columnNodeIds = VDomUtil.getColumnNodesIds(view.vdom.cn[0], index);
+        me.selectedColumns = [dataFields[index]];
 
-        me.deselectAllCells(true);
-        me.select(columnNodeIds, me.selectedColumnCellIds, me.selectedColumnCellCls);
+        view.createViewData(true);
 
         super.onNavKeyColumn(step)
     }
@@ -102,7 +80,9 @@ class CellColumnModel extends CellModel {
      *
      */
     unregister() {
-        this.deselectAllCells();
+        this.selectedColumns = [];
+        this.view.createViewData();
+
         super.unregister()
     }
 }

package/src/selection/grid/CellColumnRowModel.mjs

@@ -1,5 +1,4 @@
 import CellRowModel from './CellRowModel.mjs';
-import VDomUtil     from '../../util/VDom.mjs';
 
 /**
  * @class Neo.selection.grid.CellColumnRowModel
@@ -28,25 +27,10 @@ class CellColumnRowModel extends CellRowModel {
          */
         selectedColumnCellCls: 'selected-column-cell',
         /**
-         * @member {String[]} selectedColumnCellIds=[]
-         * @protected
+         * Storing the column dataFields
+         * @member {String[]} selectedColumns=[]
          */
-        selectedColumnCellIds: []
-    }
-
-    /**
-     * @param {Boolean} [silent] true to prevent a vdom update
-     */
-    deselectAllCells(silent) {
-        let me      = this,
-            cellIds = [...me.selectedColumnCellIds],
-            {view}  = me;
-
-        cellIds.forEach(cellId => {
-            me.deselect(cellId, true, me.selectedColumnCellIds, me.selectedColumnCellCls)
-        });
-
-        !silent && view.update()
+        selectedColumns: []
     }
 
     /**
@@ -55,16 +39,11 @@ class CellColumnRowModel extends CellRowModel {
     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.deselectAllCells(true);
-            me.select(columnNodeIds, me.selectedColumnCellIds, me.selectedColumnCellCls)
+            me.selectedColumns = [view.getDataField(cellId)];
+            view.createViewData(true)
         }
 
         super.onCellClick(data)
@@ -76,10 +55,10 @@ class CellColumnRowModel extends CellRowModel {
     onNavKeyColumn(step) {
         let me                 = this,
             {dataFields, view} = me,
-            columnNodeIds, currentColumn, index;
+            currentColumn, index;
 
         if (me.hasSelection()) {
-            currentColumn = view.getDataField(me.items[0])
+            currentColumn = me.selectedColumns[0]
         } else {
             currentColumn = dataFields[0]
         }
@@ -90,10 +69,9 @@ class CellColumnRowModel extends CellRowModel {
             index += dataFields.length
         }
 
-        columnNodeIds = VDomUtil.getColumnNodesIds(view.vdom.cn[0], index);
+        me.selectedColumns = [dataFields[index]];
 
-        me.deselectAllCells(true);
-        me.select(columnNodeIds, me.selectedColumnCellIds, me.selectedColumnCellCls);
+        view.createViewData(true);
 
         super.onNavKeyColumn(step)
     }
@@ -102,7 +80,7 @@ class CellColumnRowModel extends CellRowModel {
      *
      */
     unregister() {
-        this.deselectAllCells();
+        this.selectedColumns = [];
         super.unregister()
     }
 }

package/src/selection/grid/CellRowModel.mjs

@@ -1,5 +1,4 @@
 import CellModel from './CellModel.mjs';
-import NeoArray  from '../../util/Array.mjs';
 
 /**
  * @class Neo.selection.grid.CellRowModel
@@ -23,46 +22,11 @@ class CellRowModel extends CellModel {
          */
         cls: 'neo-selection-cellrowmodel',
         /**
-         * @member {String[]} selectedRowIds=[]
+         * Storing the node ids
+         * @member {String[]} selectedRows=[]
          * @protected
          */
-        selectedRowIds: []
-    }
-
-    /**
-     * @param {Boolean} [silent] true to prevent a vdom update
-     */
-    deselectAllRows(silent) {
-        let me     = this,
-            rowIds = [...me.selectedRowIds],
-            {view} = me;
-
-        rowIds.forEach(rowId => {
-            me.deselectRow(rowId, true)
-        });
-
-        !silent && view.update()
-    }
-
-    /**
-     * @param {String} rowId
-     * @param {Boolean} [silent] true to prevent a vdom update
-     */
-    deselectRow(rowId, silent) {
-        let me     = this,
-            {view} = me,
-            node   = view.getVdomChild(rowId),
-            cls;
-
-        if (node) {
-            cls = node.cls || [];
-            NeoArray.remove(cls, me.selectedCls);
-            node.cls = cls
-        }
-
-        NeoArray.remove(me.selectedRowIds, rowId);
-
-        !silent && view.update()
+        selectedRows: []
     }
 
     /**
@@ -70,12 +34,13 @@ class CellRowModel extends CellModel {
      */
     onCellClick(data) {
         let me     = this,
-            record = me.view.getRecord(data.data.currentTarget),
-            rowId  = me.view.getRowId(record);
+            {view} = me,
+            record = view.getRecord(data.data.currentTarget),
+            rowId  = view.getRowId(record);
 
         if (rowId) {
-            me.deselectAllRows(true);
-            me.selectRow(rowId)
+            me.selectedRows = [rowId];
+            view.createViewData(true)
         }
 
         super.onCellClick(data)
@@ -85,13 +50,11 @@ class CellRowModel extends CellModel {
      * @param {Number} step
      */
     onNavKeyRow(step) {
-        super.onNavKeyRow(step);
-
         let me           = this,
             {view}       = me,
             {store}      = view,
             countRecords = store.getCount(),
-            rowId        = me.selectedRowIds[0] || view.getRowId(store.getAt(0)),
+            rowId        = me.selectedRows[0] || view.getRowId(store.getAt(0)),
             record       = view.getRecord(rowId),
             index        = store.indexOf(record),
             newIndex     = (index + step) % countRecords,
@@ -104,37 +67,20 @@ class CellRowModel extends CellModel {
         id = view.getRowId(store.getAt(newIndex));
 
         if (id) {
-            me.deselectAllRows(true);
-            me.selectRow(id)
+            me.selectedRows = [id];
+            view.createViewData(true)
         }
-    }
 
-    /**
-     * @param {String} id
-     * @param {Boolean} [silent]
-     */
-    selectRow(id, silent) {
-        let me       = this,
-            {view}   = me,
-            vdomNode = id && view.getVdomChild(id),
-            cls;
-
-        if (vdomNode) {
-            cls = vdomNode.cls || [];
-            NeoArray.add(cls, me.selectedCls);
-            vdomNode.cls = cls;
-
-            me.selectedRowIds.push(id)
-        }
-
-        !silent && view.update()
+        super.onNavKeyRow(step)
     }
 
     /**
      *
      */
     unregister() {
-        this.deselectAllRows();
+        this.selectedRows = [];
+        this.view.createViewData();
+
         super.unregister()
     }
 }

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
@@ -23,6 +22,7 @@ class ColumnModel extends BaseModel {
          */
         cls: 'neo-selection-columnmodel',
         /**
+         * Storing the column dataFields
          * @member {String[]} selectedColumns=[]
          */
         selectedColumns: []
@@ -89,7 +89,7 @@ class ColumnModel extends BaseModel {
     onNavKeyColumn(step) {
         let me                 = this,
             {dataFields, view} = me,
-            currentColumn, index;
+            currentColumn, currentIndex, index;
 
         if (me.hasSelection()) {
             currentColumn = me.selectedColumns[0]
@@ -97,14 +97,18 @@ class ColumnModel extends BaseModel {
             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
         }
 
         me.selectedColumns = [dataFields[index]];
-        view.createViewData()
+
+        view.createViewData();
+
+        view.parent.scrollByColumns(currentIndex, step)
     }
 
     /**
@@ -125,7 +129,11 @@ class ColumnModel extends BaseModel {
      *
      */
     unregister() {
-        let {id, view} = this;
+        let me         = this,
+            {id, view} = me;
+
+        me.selectedColumns = [];
+        me.view.createViewData();
 
         view.keys?.removeKeys([
             {fn: 'onKeyDownLeft',  key: 'Left',  scope: id},

package/src/worker/App.mjs

@@ -547,21 +547,18 @@ class App extends Base {
      * @param {String} [data.priority] optionally pass 'important'
      * @param {String} data.theme=Neo.config.themes[0]
      * @param {String} data.value
+     * @param {Number} data.windowId
      * @returns {Promise<any>}
      */
-    setCssVariable(data) {
-        let addon = Neo.main?.addon?.Stylesheet,
-            theme = Neo.config.themes?.[0];
+    async setCssVariable(data) {
+        let Stylesheet = await this.getAddon('Stylesheet', data.windowId),
+            theme      = data.theme || Neo.config.themes?.[0];
 
-        if (!addon) {
-            return Promise.reject('Neo.main.addon.Stylesheet not imported')
-        } else {
-            if (theme.startsWith('neo-')) {
-                theme = theme.substring(4)
-            }
-
-            return addon.setCssVariable({theme, ...data})
+        if (theme.startsWith('neo-')) {
+            theme = theme.substring(4)
         }
+
+        return Stylesheet.setCssVariable({theme, ...data})
     }
 }