neo.mjs 8.26.0 → 8.27.0

package/apps/ServiceWorker.mjs

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

package/apps/portal/index.html

@@ -16,7 +16,7 @@
         "@type": "Organization",
         "name": "Neo.mjs"
       },
-      "datePublished": "2025-02-26",
+      "datePublished": "2025-03-01",
       "publisher": {
         "@type": "Organization",
         "name": "Neo.mjs"

package/apps/portal/view/examples/TabContainer.mjs

@@ -27,9 +27,9 @@ class TabContainer extends Container {
          */
         controller: TabContainerController,
         /**
-         * @member {Object} headerToolbarDefaults
+         * @member {Object} headerToolbar
          */
-        headerToolbarDefaults: {
+        headerToolbar: {
             cls: ['portal-examples-tab-header-toolbar']
         },
         /**

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

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

package/docs/app/view/ContentTabContainer.mjs

@@ -22,15 +22,15 @@ class ContentTabContainer extends Container {
          */
         activateInsertedTabs: true,
         /**
-         * @member {Object} contentContainerDefaults
+         * @member {Object} contentContainer
          */
-        contentContainerDefaults: {
+        contentContainer: {
             cls: ['neo-docs-tab-content-container']
         },
         /**
-         * @member {Object} headerToolbarDefaults
+         * @member {Object} headerToolbar
          */
-        headerToolbarDefaults: {
+        headerToolbar: {
             cls: ['docs-tab-header-toolbar']
         },
         /**

package/examples/ServiceWorker.mjs

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

package/examples/grid/bigData/ControlsContainer.mjs

@@ -32,6 +32,12 @@ class ControlsContainer extends Container {
             cls     : ['neo-examples-bigdata-controls-container-content'],
             sortable: true,
 
+            headerToolbar: {
+                sortZoneConfig: {
+                    adjustItemRectsToParent: true
+                }
+            },
+
             items: [{
                 module: Container,
                 header: {text: 'Settings'},

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "8.26.0",
+    "version": "8.27.0",
     "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.0'
+     * @default '8.27.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '8.26.0'
+    version: '8.27.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/component/Base.mjs

@@ -1947,6 +1947,24 @@ class Component extends Base {
         me.getStateProvider()?.parseConfig(me)
     }
 
+    /**
+     * Check if this component or any of its parents is floating
+     * @returns {Boolean}
+     */
+    isFloating() {
+        let me = this;
+
+        if (me.floating) {
+            return true
+        }
+
+        if (!me.parent) {
+            return false
+        }
+
+        return  me.parent.floating
+    }
+
     /**
      * Checks for vdom updates inside the parent chain and if found.
      * Registers the component for a vdom update once done.

package/src/draggable/grid/header/toolbar/SortZone.mjs

@@ -18,10 +18,6 @@ class SortZone extends BaseSortZone {
          * @protected
          */
         ntype: 'grid-header-toolbar-sortzone',
-        /**
-         * @member {Boolean} adjustItemRectsToParent=false
-         */
-        adjustItemRectsToParent: false,
         /**
          * @member {String|null} itemMargin='1px'
          * @protected

package/src/draggable/toolbar/SortZone.mjs

@@ -20,10 +20,9 @@ class SortZone extends DragZone {
         /**
          * Depending on the parent structure using position absolute and relative, it can be needed to subtract
          * the x & y parent rect values from the item rects.
-         * For tab.header.Toolbar it is needed, for grid.header.Toolbar it is not
-         * @member {Boolean} adjustItemRectsToParent=true
+         * @member {Boolean} adjustItemRectsToParent=false
          */
-        adjustItemRectsToParent: true,
+        adjustItemRectsToParent: false,
         /**
          * @member {Boolean} alwaysFireDragMove=true
          */

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

@@ -18,10 +18,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 +48,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,10 +89,10 @@ class ColumnModel extends BaseModel {
     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]
         }
@@ -96,9 +103,8 @@ class ColumnModel extends BaseModel {
             index += dataFields.length
         }
 
-        columnNodeIds = VDomUtil.getColumnNodesIds(view.vdom.cn[0], index);
-
-        me.select(columnNodeIds)
+        me.selectedColumns = [dataFields[index]];
+        view.createViewData()
     }
 
     /**

package/src/tab/Container.mjs

@@ -49,14 +49,14 @@ class Container extends BaseContainer {
         cardContainerId: null,
         /**
          * Default configs for the tab.Strip
-         * @member {Object|null} contentContainerDefaults=null
+         * @member {Object|null} contentContainer=null
          */
-        contentContainerDefaults: null,
+        contentContainer: null,
         /**
          * Default configs for the tab.HeaderToolbar
-         * @member {Object|null} headerToolbarDefaults=null
+         * @member {Object|null} headerToolbar=null
          */
-        headerToolbarDefaults: null,
+        headerToolbar: null,
         /**
          * @member {Object|null} layout=null
          */
@@ -84,9 +84,9 @@ class Container extends BaseContainer {
         tabBarId: null,
         /**
          * Default configs for the tab.Strip
-         * @member {Object|null} tabStripDefaults=null
+         * @member {Object|null} tabStrip=null
          */
-        tabStripDefaults: null,
+        tabStrip: null,
         /**
          * @member {String|null} tabStripId=null
          */
@@ -264,7 +264,7 @@ class Container extends BaseContainer {
             items                : tabButtons,
             sortable             : me.sortable,
             useActiveTabIndicator: me.useActiveTabIndicator,
-            ...me.headerToolbarDefaults
+            ...me.headerToolbar
         }, {
             module               : Strip,
             cls                  : ['neo-tab-strip', 'neo-dock-' + me.tabBarPosition],
@@ -272,7 +272,7 @@ class Container extends BaseContainer {
             id                   : me.tabStripId,
             tabContainerId       : me.id,
             useActiveTabIndicator: me.useActiveTabIndicator,
-            ...me.tabStripDefaults
+            ...me.tabStrip
         }, {
             ntype                : 'container',
             cls                  : ['neo-container', 'neo-tab-content-container'],
@@ -281,7 +281,7 @@ class Container extends BaseContainer {
             items                : tabComponents,
             layout               : {ntype: 'card', activeIndex: me.activeIndex, removeInactiveCards: me.removeInactiveCards},
             useActiveTabIndicator: me.useActiveTabIndicator,
-            ...me.contentContainerDefaults
+            ...me.contentContainer
         }];
 
         me.itemDefaults = null;