neo.mjs 6.46.0 → 6.48.0

package/apps/ServiceWorker.mjs

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

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

@@ -116,7 +116,7 @@ class MemberContainer extends Container {
         if (value) {
             let item = this.items[1];
 
-            item.vdom.cn[0].src = '../../../resources/images/team/' + value;
+            item.vdom.cn[0].src = './resources/images/team/' + value;
             item.update?.()
         }
     }

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

@@ -111,7 +111,7 @@ class FooterContainer extends Container {
             }, {
                 module: Component,
                 cls   : ['neo-version'],
-                html  : 'v6.46.0'
+                html  : 'v6.48.0'
             }]
         }],
         /**

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

@@ -36,7 +36,7 @@ class Colors extends FeatureSection {
             "    }",
             "}",
             "",
-            "Neo.setupClass(MainView);"
+            "MainView = Neo.setupClass(MainView);"
         ].join('\n'),
         /**
          * @member {String} paragraph
@@ -49,7 +49,11 @@ class Colors extends FeatureSection {
         /**
          * @member {String} subHeadline='Socket Data'
          */
-        subHeadline: 'Socket Data'
+        subHeadline: 'Shared Socket Data',
+        /**
+         * @member {String} textContainerPosition='end'
+         */
+        textContainerPosition: 'end'
     }
 }
 

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

@@ -37,7 +37,7 @@ class Helix extends FeatureSection {
             "    }",
             "}",
             "",
-            "Neo.setupClass(MainView);"
+            "MainView = Neo.setupClass(MainView);"
         ].join('\n'),
         /**
          * @member {String} paragraph

package/examples/ServiceWorker.mjs

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

package/package.json

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

package/resources/data/deck/learnneo/pages/2023-10-14T19-25-08-153Z.md

@@ -135,6 +135,6 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 

package/resources/data/deck/learnneo/pages/2023-10-31T13-59-37-550Z.md

@@ -9,7 +9,7 @@ class Mammal extends Base {
 
 const myMammal = Neo.create(Mammal);
 
-Neo.setupClass(Mammal); // Where Neo.mjs initializes the class config. 
+Mammal = Neo.setupClass(Mammal); // Where Neo.mjs initializes the class config. 
 export default Mammal;        // Makes the class available elsewhere.
 </pre>
 
@@ -26,6 +26,6 @@ class Mammal extends Base {
 
 const myMammal = Neo.create(Mammal);
 
-Neo.setupClass(Mammal); // Where Neo.mjs initializes the class config. 
+Mammal = Neo.setupClass(Mammal); // Where Neo.mjs initializes the class config. 
 export default Mammal;        // Makes the class available elsewhere.
 </pre>

package/resources/data/deck/learnneo/pages/ComponentModels.md

@@ -34,7 +34,7 @@ class MainView extends Container {
         style: {padding: '1em'}
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 View model properties are visible down the containment hierarchy:
@@ -77,7 +77,7 @@ class MyPanel extends Panel {
         style: {margin: '1em'}
     }
 }
-Neo.setupClass(MyPanel);
+MyPanel = Neo.setupClass(MyPanel);
 
 class MainView extends Container {
     static config = {
@@ -105,7 +105,7 @@ class MainView extends Container {
         style: {margin: '1em'}
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 In this case, the main view has three child items of type `MyPanel`, each containing a label. 

package/resources/data/deck/learnneo/pages/ComponentsAndContainers.md

@@ -41,7 +41,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 Components also have an `html`. The `html` property is rarely used, and goes against the abstract philosophy of Neo.mjs, but
@@ -64,7 +64,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 
@@ -91,7 +91,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ### Vbox and hbox
@@ -118,7 +118,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ### Card
@@ -166,7 +166,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 
@@ -188,7 +188,7 @@ class MySpecialButton extends Button {
     }
 }
 
-Neo.setupClass(MySpecialButton);
+MySpecialButton = Neo.setupClass(MySpecialButton);
 
 
 import Container from '../container/Base.mjs';
@@ -208,6 +208,6 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 

package/resources/data/deck/learnneo/pages/Config.md

@@ -29,9 +29,8 @@ class Simple extends Component {
         bar_: ''       // Another instance field -- note the underscore at the end
 
     }
-
 }
-Neo.setupClass(Simple);
+Simple = Neo.setupClass(Simple);
 
 
 class MainView extends Container {
@@ -48,7 +47,7 @@ class MainView extends Container {
 
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Detecting when a value changes
@@ -80,9 +79,8 @@ class Simple extends Component {
     afterSetBar(value, oldValue){
         this.html = value;
     }
-
 }
-Neo.setupClass(Simple);
+Simple = Neo.setupClass(Simple);
 
 
 class MainView extends Container {
@@ -99,7 +97,7 @@ class MainView extends Container {
 
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 This time if you run the code you'll see "hi there" in the view. That's because the Simple instance is
@@ -128,9 +126,8 @@ class Simple extends Component {
         this.html = value;
         this.fire('barChange', {component: this, value, oldValue});
     }
-
 }
-Neo.setupClass(Simple);
+Simple = Neo.setupClass(Simple);
 
 
 class MainView extends Container {
@@ -151,6 +148,6 @@ class MainView extends Container {
 
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 

package/resources/data/deck/learnneo/pages/CustomComponents.md

@@ -20,7 +20,7 @@ class MySpecialButton extends Button {
     }
 }
 
-Neo.setupClass(MySpecialButton);
+MySpecialButton = Neo.setupClass(MySpecialButton);
 
 
 import Container from '../container/Base.mjs';

package/resources/data/deck/learnneo/pages/DescribingTheUI.md

@@ -26,7 +26,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 
@@ -66,7 +66,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 If you run the example you'll see two buttons, arranged according to the `layout`. If you'd like, 

package/resources/data/deck/learnneo/pages/Events.md

@@ -37,7 +37,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 If you run the example, and open the browser's debugger, you'll see the console being logged as you type or give
@@ -64,7 +64,7 @@ class MainViewController extends Base {
     }
 
 }
-Neo.setupClass(MainViewController);
+MainViewController = Neo.setupClass(MainViewController);
 
 
 import Container from '../container/Base.mjs';
@@ -85,7 +85,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 
@@ -136,7 +136,7 @@ class ToggleButton extends Button {
         this.checked = !this.checked
     }
 }
-Neo.setupClass(ToggleButton);
+ToggleButton = Neo.setupClass(ToggleButton);
 
 
 class MainView extends Container {
@@ -153,5 +153,5 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>

package/resources/data/deck/learnneo/pages/Extending.md

@@ -41,7 +41,7 @@ class MainView extends Panel {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 If you wanted, any of the configs can be refactored into their own class. Here, the button, store, and table
@@ -61,7 +61,7 @@ class BeatlesButton extends Button {
         handler  : () => Neo.Main.alert({message: 'Yeah, yeah yeah!'})
     }
 }
-Neo.setupClass(BeatlesButton);
+BeatlesButton = Neo.setupClass(BeatlesButton);
 
 class BeatlesStore extends Store {
     static config = {
@@ -73,7 +73,7 @@ class BeatlesStore extends Store {
         }
     }
 }
-Neo.setupClass(BeatlesStore);
+BeatlesStore = Neo.setupClass(BeatlesStore);
 
 class BeatlesTable extends Table {
     static config = {
@@ -87,7 +87,7 @@ class BeatlesTable extends Table {
         }]
    }
 }
-Neo.setupClass(BeatlesTable);
+BeatlesTable = Neo.setupClass(BeatlesTable);
 
 class MainView extends Panel {
     static config = {
@@ -102,7 +102,7 @@ class MainView extends Panel {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 There are several use-cases for creating your own classes:

package/resources/data/deck/learnneo/pages/GuideEvents.md

@@ -25,7 +25,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Event listeners
@@ -53,7 +53,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ### As a view method
@@ -83,7 +83,7 @@ class MainView extends Container {
         Neo.Main.log({value:data.value})
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ### As a controller method
@@ -103,7 +103,7 @@ class MainViewController extends Controller {
         Neo.Main.log({value:data.value})
     }
 }
-Neo.setupClass(MainViewController);
+MainViewController = Neo.setupClass(MainViewController);
 
 
 import Container from '../container/Base.mjs';
@@ -124,7 +124,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Adding listeners procedurally
@@ -145,7 +145,7 @@ class MainViewController extends Controller {
         Neo.Main.log({value:data.value})
     }
 }
-Neo.setupClass(MainViewController);
+MainViewController = Neo.setupClass(MainViewController);
 
 
 import Container from '../container/Base.mjs';
@@ -166,7 +166,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 The method specified in `on()` doesn't have to be an arrow function; you can use a controller function.
@@ -188,7 +188,7 @@ class MainViewController extends Controller {
         this.getReference('nameTextfield').on('change', this.foo, this)
     }
 }
-Neo.setupClass(MainViewController);
+MainViewController = Neo.setupClass(MainViewController);
 
 
 import Container from '../container/Base.mjs';
@@ -207,7 +207,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Events versus binding
@@ -276,7 +276,7 @@ class MainView extends Container {
         this.getReference('foo').html = `${this.getReference('textFieldOne').value} ${this.getReference('textFieldTwo').value}`
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 <pre data-neo>
@@ -312,7 +312,7 @@ class MainView extends Container {
         this.getReference('foo').html = data.value;
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ##How are events set up?

package/resources/data/deck/learnneo/pages/GuideViewModels.md

@@ -53,7 +53,7 @@ class MainView extends Container {
         layout: {ntype: 'vbox', align: 'start'}
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 We use a Container with a VM containing the data props `hello` and `world`.
@@ -108,7 +108,7 @@ class MainView extends Container {
         layout: {ntype: 'vbox', align: 'start'}
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 We use a Container with a VM containing the data props `hello` and `world`.
@@ -183,7 +183,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 The output of this demo is supposed to exactly look the same like the previous demo.
@@ -245,7 +245,7 @@ class MainView extends Container {
         layout: {ntype: 'vbox', align: 'start'}
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 Data props inside VMs can be nested. Our VM contains a `user` data prop as an object,
 which contains the nested props `firstname` and `lastname`.
@@ -288,7 +288,7 @@ class EditUserDialogController extends Controller {
         })
     }
 }
-Neo.setupClass(EditUserDialogController);
+EditUserDialogController = Neo.setupClass(EditUserDialogController);
 
 class EditUserDialog extends Dialog {
     static config = {
@@ -309,7 +309,7 @@ class EditUserDialog extends Dialog {
         wrapperStyle: {height: '300px', width : '400px'}
     }
 }
-Neo.setupClass(EditUserDialog);
+EditUserDialog = Neo.setupClass(EditUserDialog);
 
 class MainContainerController extends Controller {
     static config = {
@@ -336,7 +336,7 @@ class MainContainerController extends Controller {
         }
     }
 }
-Neo.setupClass(MainContainerController);
+MainContainerController = Neo.setupClass(MainContainerController);
 
 class MainView extends Viewport {
     static config = {
@@ -383,7 +383,7 @@ class MainView extends Viewport {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Class based Models
@@ -398,7 +398,7 @@ import ViewModel from '../model/Component.mjs';
 
 class MainViewModel extends ViewModel {
     static config = {
-        className: 'Example.view.MainViewModel',
+        className: 'Guides.vm6.MainViewModel',
         data: {
             hello: 'Hello',
             world: 'world!'
@@ -410,6 +410,7 @@ class MainViewModel extends ViewModel {
         Neo.Main.log({value: `onDataPropertyChange: key: ${key}, value: ${value}, oldValue: ${oldValue}`})
     }
 }
+MainViewModel = Neo.setupClass(MainViewModel);
 
 class MainView extends Container {
     static config = {
@@ -440,5 +441,5 @@ class MainView extends Container {
         layout: {ntype: 'vbox', align: 'start'}
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>

package/resources/data/deck/learnneo/pages/References.md

@@ -23,7 +23,7 @@ class MainViewController extends Controller {
         data.component.disabled = true;
     }
 }
-Neo.setupClass(MainViewController);
+MainViewController = Neo.setupClass(MainViewController);
 
 
 class MainView extends Container {
@@ -38,7 +38,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Using getReference() 
@@ -63,7 +63,7 @@ class MainViewController extends Controller {
         this.getReference('myButton').disabled = false
     }
 }
-Neo.setupClass(MainViewController);
+MainViewController = Neo.setupClass(MainViewController);
 
 
 class MainView extends Container {
@@ -83,7 +83,7 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Getting a reference when debugging
@@ -127,5 +127,5 @@ class MainView extends Container {
         }]
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>

package/resources/data/deck/learnneo/pages/TestLivePreview.md

@@ -28,5 +28,5 @@ class Bar extends Base {
         }]
     }
 }
-Neo.setupClass(Bar);
+Bar = Neo.setupClass(Bar);
 </pre>

package/resources/data/deck/learnneo/pages/TodoList.md

@@ -109,7 +109,7 @@ class MainComponent extends Component {
     }
 }
 
-Neo.setupClass(MainComponent);
+MainComponent = Neo.setupClass(MainComponent);
 </pre>
 
 ## Neo Style
@@ -142,7 +142,7 @@ class TodoListModel extends Model {
     }
 }
 
-Neo.setupClass(TodoListModel);
+TodoListModel = Neo.setupClass(TodoListModel);
 
 
 class TodoListStore extends Store {
@@ -167,7 +167,7 @@ class TodoListStore extends Store {
     }
 }
 
-Neo.setupClass(TodoListStore);
+TodoListStore = Neo.setupClass(TodoListStore);
 
 
 class MainContainer extends Container {
@@ -237,5 +237,5 @@ class MainContainer extends Container {
     }
 }
 
-Neo.setupClass(MainContainer);
+MainContainer = Neo.setupClass(MainContainer);
 </pre>

package/resources/data/deck/learnneo/pages/Welcome.md

@@ -64,5 +64,5 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>

package/resources/data/deck/learnneo/pages/WhyNeo-Multi-Window.md

@@ -30,7 +30,7 @@ class MainView extends Container {
     }
 }
 
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 </details>

package/resources/data/deck/learnneo/pages/WhyNeo-Speed.md

@@ -41,7 +41,7 @@ class Foo extends Base {
         }]
     }
 }
-Neo.setupClass(Foo);
+Foo = Neo.setupClass(Foo);
 </pre>
 
 

package/resources/data/deck/learnneo/pages/benefits/FormsEngine.md

@@ -37,7 +37,7 @@ class MainView extends FormContainer {
         Neo.Main.log({value: formValues})
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Forms can get validated without being mounted
@@ -88,7 +88,7 @@ class MainView extends Container {
         Neo.Main.log({value: formValues})
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 ## Nested Forms
@@ -222,7 +222,7 @@ class MainView extends FormContainer {
         await this.getFormValues(this.getReference('user-form'))
     }
 }
-Neo.setupClass(MainView);
+MainView = Neo.setupClass(MainView);
 </pre>
 
 Bonus: Inspect the DOM Inside the `TabContainer`.

package/resources/data/deck/learnneo/pages/stylesheet.md

@@ -34,7 +34,7 @@ class Mammal extends Base {
 
 For short in-line statements of code use <code> or backticks.
 
-When definining variables avoid `var` — use `let` or `const` instead.
+When defining variables avoid `var` — use `let` or `const` instead.
 
 <br>
 

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

@@ -8,28 +8,6 @@
     position       : relative;
     text-decoration: none;
 
-    &:hover {
-        background-color: var(--sem-color-surface-primary-background);
-
-        &:after {
-            background-color: var(--purple-200);
-            border-radius   : 2px;
-            bottom          : 10px;
-            content         : attr(href) ' \2192';
-            font-size       : 0.7em;
-            left            : -1px;
-            opacity         : 0.7;
-            padding         : 3px 20px;
-            position        : absolute;
-            right           : -1px;
-            text-align      : center;
-        }
-
-        .portal-content-box-headline {
-            border-bottom-color: #b7c0da;
-        }
-    }
-
     .portal-content-box-content {
         margin-top  : 0.75em;
         padding-left: 1.3em;
@@ -46,6 +24,32 @@
     }
 }
 
+.neo-mouse {
+    .portal-content-box {
+        &:hover {
+            background-color: var(--sem-color-surface-primary-background);
+
+            &:after {
+                background-color: var(--purple-200);
+                border-radius   : 2px;
+                bottom          : 10px;
+                content         : attr(href) ' \2192';
+                font-size       : 0.7em;
+                left            : -1px;
+                opacity         : 0.7;
+                padding         : 3px 20px;
+                position        : absolute;
+                right           : -1px;
+                text-align      : center;
+            }
+
+            .portal-content-box-headline {
+                border-bottom-color: #b7c0da;
+            }
+        }
+    }
+}
+
 .neo-no-mouse {
     .portal-content-box {
         &:after {

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

@@ -10,27 +10,28 @@
         flex-direction: column;
     }
 
-    &.portal-position-end {
-        flex-direction: row-reverse;
+    @media (min-width: 841px) {
+        &.portal-position-end {
+            flex-direction: row-reverse;
+        }
     }
 
     .neo-content {
         font-size: min(max(2.3vw, 16px), 30px);
     }
 
-    .neo-h1 {
-        font-size  : min(max(5.5vw, 30px), 64px);
+    h1.neo-h1 {
+        color      : var(--purple-400);
+        font-size  : min(max(4.5vw, 30px), 44px);
         line-height: 1em;
         margin     : 0;
-        text-align : center;
     }
 
-    .neo-h2 {
-        font-size  : min(max(3.5vw, 24px), 44px);
+    h2.neo-h2 {
+        font-size  : min(max(3.5vw, 24px), 35px);
         font-weight: 600;
         line-height: 1em;
         margin     : 0;
-        text-align : center;
     }
 
     .page-live-preview {
@@ -39,7 +40,7 @@
     }
 
     .portal-content-text {
-        align-items    : center;
+        align-items    : start;
         display        : flex;
         flex           : 1;
         flex-direction : column;
@@ -52,12 +53,15 @@
             justify-content: start;
             padding        : 1rem;
         }
+
+        .neo-button {
+            margin-left: 0;
+        }
     }
 
     .portal-content-wrapper {
-        background-color: lightgray;
-        flex            : 2;
-        padding         : 20px;
+        flex   : 2;
+        padding: 20px;
 
         @media (max-width: 600px) {
             max-height: 35em;

package/src/DefaultConfig.mjs

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

package/src/worker/Manager.mjs

@@ -232,7 +232,7 @@ class Manager extends Base {
         NeoConfig.hasTouchEvents = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
 
         // Useful for styling
-        !NeoConfig.hasMouseEvents && document.body.classList.add('neo-no-mouse');
+        document.body.classList.add(NeoConfig.hasMouseEvents ? 'neo-mouse' : 'neo-no-mouse');
 
         if (window.Worker) {
             me.webWorkersEnabled = true