neo.mjs 6.22.0 → 6.22.1

package/apps/ServiceWorker.mjs

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

package/apps/portal/view/ViewportController.mjs

@@ -9,7 +9,7 @@ import {getSearchParams} from '../Util.mjs';
 class ViewportController extends Controller {
     /**
      * Valid values for mainContentLayout
-     * @member {String[]} iconPositions=['top','right','bottom','left']
+     * @member {String[]} mainContentLayouts=['card','cube','mixed']
      * @protected
      * @static
      */
@@ -56,6 +56,12 @@ class ViewportController extends Controller {
      * @member {String[]} connectedApps=[]
      */
     connectedApps = []
+    /**
+     * Internal flag to store the amount of main navigation changes
+     * @member {Number} #transitionId=0
+     * @private
+     */
+    #transitionId = 0
 
     /**
      * Triggered after the mainContentLayout config got changed
@@ -108,7 +114,7 @@ class ViewportController extends Controller {
                 livePreviewId   = getSearchParams(searchString).id,
                 livePreview     = Neo.getComponent(livePreviewId),
                 sourceContainer = livePreview.getReference('preview'),
-                tabContainer    = livePreview.tabContainer,
+                {tabContainer}  = livePreview,
                 sourceView      = sourceContainer.removeAt(0, false);
 
             livePreview.previewContainer = mainView;
@@ -136,7 +142,7 @@ class ViewportController extends Controller {
                 livePreviewId   = getSearchParams(searchString).id,
                 livePreview     = Neo.getComponent(livePreviewId),
                 sourceContainer = livePreview.getReference('preview'),
-                tabContainer    = livePreview.tabContainer,
+                {tabContainer}  = livePreview,
                 sourceView      = mainView.removeAt(0, false);
 
             livePreview.previewContainer = null;
@@ -235,16 +241,23 @@ class ViewportController extends Controller {
         let me                               = this,
             {activeIndex, mainContentLayout} = me,
             container                        = me.getReference('main-content'),
-            updateLayout                     = true;
+            updateLayout                     = true,
+            transitionId;
 
         if (index !== activeIndex) {
+            me.activeIndex = index;
+            me.#transitionId++;
+
+            transitionId = me.#transitionId;
+
             // skip the initial layout-switch, since we do not need a transition
             if (mainContentLayout === 'mixed' && Neo.isNumber(activeIndex)) {
                 updateLayout = false;
 
-                container.wrapperStyle; // todo: without accessing the getter, the flex value can get lost.
-
-                container.layout = {ntype: 'cube', activeIndex, fitContainer: true, hideInactiveCardsOnDestroy: true};
+                // enable "fast clicking" on main nav items => do not replace a cube layout with a new instance of cube
+                if (container.layout.ntype !== 'layout-cube') {
+                    container.layout = {ntype: 'cube', activeIndex, fitContainer: true, hideInactiveCardsOnDestroy: true}
+                }
 
                 await me.timeout(200);
 
@@ -252,14 +265,14 @@ class ViewportController extends Controller {
 
                 await me.timeout(1100);
 
-                container.layout = {ntype: 'card', activeIndex: index}
+                if (transitionId === me.#transitionId) {
+                    container.layout = {ntype: 'card', activeIndex: index}
+                }
             }
 
             if (updateLayout) {
                 container.layout.activeIndex = index
             }
-
-            me.activeIndex = index
         }
     }
 }

package/apps/portal/view/about/Container.mjs

@@ -31,6 +31,14 @@ class Container extends Base {
             profileLinkedIn: 'https://www.linkedin.com/in/tobiasuhlig/',
             profileX       : 'https://x.com/UhligTobias',
             teamRole       : 'Co-Founder & Core Team Member'
+        }, {
+            module         : MemberContainer,
+            location       : 'Germany',
+            name           : 'Torsten Dinkheller',
+            picture        : 'torsten.png',
+            profileGitHub  : 'https://github.com/Dinkh',
+            profileLinkedIn: 'https://www.linkedin.com/in/dinkheller/',
+            teamRole       : 'Co-Founder & Core Team Member'
         }],
         /**
          * @member {Object} layout={ntype:'vbox',align:'start'}

package/apps/portal/view/blog/Container.mjs

@@ -36,7 +36,20 @@ class Container extends BaseContainer {
         }, {
             module   : List,
             flex     : 1,
-            reference: 'blog-list'
+            reference: 'blog-list',
+            /**
+             * @member {Object[]} domListeners
+             */
+            domListeners: [{
+                scroll(event) {
+                    const isHomeContainer = event.target.cls.includes('portal-blog-list'),
+                          beyondEighty    = event.scrollTop > 80;
+
+                    if (isHomeContainer) {
+                        this.toggleCls('hide-sidebar', beyondEighty);
+                    }
+                }
+            }]
         }],
         /**
          * @member {Object} layout={ntype:'vbox',align:'stretch'}

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

@@ -32,7 +32,12 @@ class MainContainer extends Container {
                 Neo.getComponent(data.targetId)?.activate?.()
             },
             scroll(event) {
-                this.toggleCls('hide-sidebar', event.scrollTop > 80)
+                const isHomeContainer = event.target.cls.includes('portal-home-maincontainer'),
+                      beyondEighty    = event.scrollTop > 80;
+
+                if (isHomeContainer) {
+                    this.toggleCls('hide-sidebar', beyondEighty);
+                }
             }
         }],
         /**

package/apps/portal/view/learn/PageContainer.mjs

@@ -25,6 +25,19 @@ class PageContainer extends Container {
             nextPageRecord    : data => data.nextPageRecord,
             previousPageRecord: data => data.previousPageRecord
         },
+        /**
+         * @member {Object[]} domListeners
+         */
+        domListeners: [{
+            scroll(event) {
+                const isHomeContainer = event.target.cls.includes('portal-learn-page-container'),
+                      beyondEighty    = event.scrollTop > 80;
+
+                if (isHomeContainer) {
+                    this.toggleCls('hide-sidebar', beyondEighty);
+                }
+            }
+        }],
         /**
          * @member {Object[]} items
          */

package/apps/portal/view/services/Component.mjs

@@ -15,6 +15,19 @@ class Component extends BaseComponent {
          * @member {String[]} cls=['portal-services-component']
          */
         cls: ['portal-services-component'],
+        /**
+         * @member {Object[]} domListeners
+         */
+        domListeners: [{
+            scroll(event) {
+                const isHomeContainer = event.target.cls.includes('portal-services-component'),
+                      beyondEighty    = event.scrollTop > 80;
+
+                if (isHomeContainer) {
+                    this.toggleCls('hide-sidebar', beyondEighty);
+                }
+            }
+        }],
         /**
          * @member {Object} vdom
          */

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/src/DefaultConfig.mjs

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