neo.mjs 6.41.0 → 6.43.0

package/examples/tablePerformance/MainContainer2.mjs

@@ -142,6 +142,4 @@ class MainContainer2 extends Container {
     }
 }
 
-Neo.setupClass(MainContainer2);
-
-export default MainContainer2;
+export default Neo.setupClass(MainContainer2);

package/examples/tablePerformance/MainContainer3.mjs

@@ -145,6 +145,4 @@ class MainContainer3 extends Container {
     }
 }
 
-Neo.setupClass(MainContainer3);
-
-export default MainContainer3;
+export default Neo.setupClass(MainContainer3);

package/examples/tablePerformance/Viewport.mjs

@@ -21,14 +21,12 @@ class Viewport extends BaseViewport {
             module: MainContainer
         }, {
             module: MainContainer2,
-            style: {marginTop: '20px'}
+            style : {marginTop: '20px'}
         }, {
             module: MainContainer3,
-            style: {marginTop: '20px'}
+            style : {marginTop: '20px'}
         }]
     }
 }
 
-Neo.setupClass(Viewport);
-
-export default Viewport;
+export default Neo.setupClass(Viewport);

package/examples/tableStore/MainContainer.mjs

@@ -210,6 +210,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/tableStore/MainModel.mjs

@@ -1,4 +1,4 @@
-import Model  from '../../src/data/Model.mjs';
+import Model from '../../src/data/Model.mjs';
 
 /**
  * @class Neo.examples.tableStore.MainModel
@@ -24,6 +24,4 @@ class MainModel extends Model {
     }
 }
 
-Neo.setupClass(MainModel);
-
-export default MainModel;
+export default Neo.setupClass(MainModel);

package/examples/tableStore/MainStore.mjs

@@ -1,5 +1,5 @@
-import Store from '../../src/data/Store.mjs';
 import Model from './MainModel.mjs';
+import Store from '../../src/data/Store.mjs';
 
 /**
  * @class Neo.examples.tableStore.MainStore
@@ -45,6 +45,4 @@ class MainStore extends Store {
     }
 }
 
-Neo.setupClass(MainStore);
-
-export default MainStore;
+export default Neo.setupClass(MainStore);

package/examples/tabs/MainContainer.mjs

@@ -1,6 +1,6 @@
-import TabContainer  from '../../src/tab/Container.mjs';
 import NumberField   from '../../src/form/field/Number.mjs';
 import PasswordField from '../../src/form/field/Password.mjs';
+import TabContainer  from '../../src/tab/Container.mjs';
 
 /**
  * @class Neo.examples.tabs.MainContainer
@@ -166,6 +166,4 @@ class MainContainer extends TabContainer {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/tabs/MainContainer2.mjs

@@ -155,6 +155,4 @@ class MainContainer2 extends Container {
     }
 }
 
-Neo.setupClass(MainContainer2);
-
-export default MainContainer2;
+export default Neo.setupClass(MainContainer2);

package/examples/todoList/version1/MainComponent.mjs

@@ -51,7 +51,7 @@ class MainComponent extends Component {
             {input: me.onInputFieldChange, delegate: 'todo-input'}
         ]);
 
-        me.createItems(me.items || []);
+        me.createItems(me.items || [])
     }
 
     createItems(items) {
@@ -62,9 +62,9 @@ class MainComponent extends Component {
             cls = ['todo-item'];
 
             if (item.done) {
-                cls.push('fa', 'fa-check');
+                cls.push('fa', 'fa-check')
             } else {
-                cls.push('far', 'fa-square');
+                cls.push('far', 'fa-square')
             }
 
             me.vdom.cn[0].cn.push({
@@ -77,10 +77,10 @@ class MainComponent extends Component {
                     vtype: 'text',
                     html : item.text
                 }]
-            });
+            })
         });
 
-        me.update();
+        me.update()
     }
 
     onAddButtonClick() {
@@ -91,7 +91,7 @@ class MainComponent extends Component {
                 id  : null,
                 done: false,
                 text: me.inputValue
-            }]);
+            }])
         }
     }
 
@@ -99,24 +99,22 @@ class MainComponent extends Component {
         let me     = this,
             cls    = ['far', 'fa-square'],
             oldCls = ['fa',  'fa-check'],
-            node   = VdomUtil.findVdomChild(me.vdom, data.path[0].id).vdom;
+            node   = VdomUtil.findVdomChild(me.vdom, data.path[0].id).vdom
 
         if (data.path[0].cls.includes('fa-square')) {
             cls    = ['fa',  'fa-check'];
-            oldCls = ['far', 'fa-square'];
+            oldCls = ['far', 'fa-square']
         }
 
         NeoArray.remove(node.cls, oldCls);
         NeoArray.add(node.cls, cls);
 
-        me.update();
+        me.update()
     }
 
     onInputFieldChange(data) {
-        this.inputValue = data.value;
+        this.inputValue = data.value
     }
 }
 
-Neo.setupClass(MainComponent);
-
-export default MainComponent;
+export default Neo.setupClass(MainComponent);

package/examples/todoList/version2/MainContainer.mjs

@@ -61,14 +61,14 @@ class MainContainer extends Container {
                 style       : {height: '27px'},
                 text        : 'Add Item'
             }]
-        }];
+        }]
     }
 
     onAddButtonClick() {
         let me    = this,
             field = me.down({reference: 'addItemField'}),
             data;
-console.log(field.value);
+
         if (field.value) {
             me.idCounter++;
 
@@ -80,14 +80,9 @@ console.log(field.value);
                 text: field.value
             });
 
-            me.store.data = data;
-
-            console.log('onAddButtonClick', data);
-            console.log(me.store.items);
+            me.store.data = data
         }
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/todoList/version2/TodoList.mjs

@@ -47,6 +47,4 @@ class TodoList extends List {
     }*/
 }
 
-Neo.setupClass(TodoList);
-
-export default TodoList;
+export default Neo.setupClass(TodoList);

package/examples/todoList/version2/TodoListModel.mjs

@@ -1,4 +1,4 @@
-import Model  from '../../../src/data/Model.mjs';
+import Model from '../../../src/data/Model.mjs';
 
 /**
  * @class Neo.examples.todoList.version2.TodoListModel
@@ -22,6 +22,4 @@ class TodoListModel extends Model {
     }
 }
 
-Neo.setupClass(TodoListModel);
-
-export default TodoListModel;
+export default Neo.setupClass(TodoListModel);

package/examples/todoList/version2/TodoListStore.mjs

@@ -27,6 +27,4 @@ class TodoListStore extends Store {
     }
 }
 
-Neo.setupClass(TodoListStore);
-
-export default TodoListStore;
+export default Neo.setupClass(TodoListStore);

package/examples/toolbar/breadcrumb/view/MainContainer.mjs

@@ -111,6 +111,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/toolbar/breadcrumb/view/MainContainerController.mjs

@@ -17,10 +17,8 @@ class MainContainerController extends Controller {
      * @param {Object} data
      */
     onActiveKeyButtonClick(data) {
-        this.getReference('breadcrumb-toolbar').activeKey = data.component.activeKey;
+        this.getReference('breadcrumb-toolbar').activeKey = data.component.activeKey
     }
 }
 
-Neo.setupClass(MainContainerController);
-
-export default MainContainerController;
+export default Neo.setupClass(MainContainerController);

package/examples/toolbar/paging/model/User.mjs

@@ -33,6 +33,4 @@ class User extends Model {
     }
 }
 
-Neo.setupClass(User);
-
-export default User;
+export default Neo.setupClass(User);

package/examples/toolbar/paging/store/Users.mjs

@@ -1,5 +1,5 @@
-import UserModel from '../model/User.mjs';
 import Store     from '../../../../src/data/Store.mjs';
+import UserModel from '../model/User.mjs';
 
 /**
  * @class Neo.examples.toolbar.paging.store.Users
@@ -47,6 +47,4 @@ class Users extends Store {
     }
 }
 
-Neo.setupClass(Users);
-
-export default Users;
+export default Neo.setupClass(Users);

package/examples/toolbar/paging/view/AddUserDialog.mjs

@@ -62,6 +62,4 @@ class AddUserDialog extends Dialog {
     }
 }
 
-Neo.setupClass(AddUserDialog);
-
-export default AddUserDialog;
+export default Neo.setupClass(AddUserDialog);

package/examples/toolbar/paging/view/MainContainer.mjs

@@ -102,6 +102,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/toolbar/paging/view/MainContainerController.mjs

@@ -30,10 +30,10 @@ class MainContainerController extends ComponentController {
                     animateTargetId: data.component.id,
                     appName        : me.component.appName,
                     closeAction    : 'hide'
-                });
-            });
+                })
+            })
         } else {
-            me.addUserDialog.show();
+            me.addUserDialog.show()
         }
     }
 
@@ -43,7 +43,7 @@ class MainContainerController extends ComponentController {
     onShowFiltersButtonClick(data) {
         let userTable = this.getReference('user-table');
 
-        userTable.showHeaderFilters = !userTable.showHeaderFilters;
+        userTable.showHeaderFilters = !userTable.showHeaderFilters
     }
 
     /**
@@ -52,11 +52,9 @@ class MainContainerController extends ComponentController {
      */
     onUserServiceReadButtonClick(data) {
         MyApp.backend.UserService.read().then(response => {
-            console.log(response);
+            console.log(response)
         })
     }
 }
 
-Neo.setupClass(MainContainerController);
-
-export default MainContainerController;
+export default Neo.setupClass(MainContainerController);

package/examples/toolbar/paging/view/MainContainerModel.mjs

@@ -1,11 +1,11 @@
-import Component from '../../../../src/model/Component.mjs';
+import Model     from '../../../../src/model/Component.mjs';
 import UserStore from '../store/Users.mjs';
 
 /**
  * @class Neo.examples.toolbar.paging.view.MainContainerModel
  * @extends Neo.model.Component
  */
-class MainContainerModel extends Component {
+class MainContainerModel extends Model {
     static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.view.MainContainerModel'
@@ -24,6 +24,4 @@ class MainContainerModel extends Component {
     }
 }
 
-Neo.setupClass(MainContainerModel);
-
-export default MainContainerModel;
+export default Neo.setupClass(MainContainerModel);

package/examples/toolbar/paging/view/UserTableContainer.mjs

@@ -34,6 +34,4 @@ class UserTableContainer extends TableContainer {
     }
 }
 
-Neo.setupClass(UserTableContainer);
-
-export default UserTableContainer;
+export default Neo.setupClass(UserTableContainer);

package/examples/tree/MainContainer.mjs

@@ -72,7 +72,7 @@ class MainContainer extends ConfigurationViewport {
             stepSize : 5,
             style    : {marginTop: '10px'},
             value    : treeList.width
-        }];
+        }]
     }
 
     /**
@@ -114,7 +114,7 @@ class MainContainer extends ConfigurationViewport {
                     minWidth  : '15em'
                 }
             }]
-        });
+        })
     }
 
     /**
@@ -124,11 +124,9 @@ class MainContainer extends ConfigurationViewport {
         let dragZone = this.exampleComponent.down({module: ApiTreeList}).dragZone;
 
         if (dragZone) {
-            dragZone.leafNodesOnly = opts.value;
+            dragZone.leafNodesOnly = opts.value
         }
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/treeAccordion/MainContainer.mjs

@@ -1,13 +1,11 @@
+import AccordionTree         from '../../src/tree/Accordion.mjs';
+import CheckBox              from '../../src/form/field/CheckBox.mjs';
 import ConfigurationViewport from '../ConfigurationViewport.mjs';
-
-import AccordionTree  from '../../src/tree/Accordion.mjs';
-import CheckBox       from "../../src/form/field/CheckBox.mjs";
-import NumberField    from '../../src/form/field/Number.mjs';
-import Panel          from '../../src/container/Panel.mjs';
-import Store          from '../../src/data/Store.mjs';
-// Do not remove the ViewController nor ViewModel
-import ViewController from '../../src/controller/Component.mjs';
-import ViewModel      from '../../src/model/Component.mjs';
+import NumberField           from '../../src/form/field/Number.mjs';
+import Panel                 from '../../src/container/Panel.mjs';
+import Store                 from '../../src/data/Store.mjs';
+import ViewController        from '../../src/controller/Component.mjs';
+import ViewModel             from '../../src/model/Component.mjs';
 
 /**
  * @class Neo.examples.treeAccordion.MainContainer
@@ -76,7 +74,7 @@ class MainContainer extends ConfigurationViewport {
             style  : {marginTop: '20px'},
             text   : 'Remove DOM',
             width  : 100
-        }];
+        }]
     }
 
     /**
@@ -169,7 +167,7 @@ class MainContainer extends ConfigurationViewport {
                     bind     : {html: data => data.selection[0].name}
                 }]
             }]
-        });
+        })
     }
 
     /**
@@ -177,7 +175,7 @@ class MainContainer extends ConfigurationViewport {
      * @param {Object} opts
      */
     onConfigChange(config, opts) {
-        this.exampleComponent.items[0][config] = opts.value;
+        this.exampleComponent.items[0][config] = opts.value
     }
 
     /**
@@ -190,6 +188,4 @@ class MainContainer extends ConfigurationViewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/videoMove/MainContainer.mjs

@@ -71,6 +71,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/viewport/MainContainer.mjs

@@ -109,6 +109,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/worker/task/MainContainer.mjs

@@ -43,6 +43,4 @@ class MainContainer extends Viewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/package.json

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

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

@@ -248,8 +248,8 @@ In a nutshell:
 {
     module: TabContainer,
     items : [
-        {module: () => import('./MyChildForm1')},
-        {module: () => import('./MyChildForm2')}
+        {module: () => import('./MyChildForm1.mjs')},
+        {module: () => import('./MyChildForm2.mjs')}
     ]
 }
 </pre>

package/resources/data/deck/learnneo/pages/benefits/Multi-Threading.md

@@ -24,7 +24,7 @@ On its own, a Browser will just use ***one*** core per tab / window.
 Meaning: your Angular or React apps look like this:
 
 <p style="overflow-x: auto;">
-    <img alt="Current State of Apps" src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps-today.png">
+    <img style="height: 279px; width: 481px;" alt="Current State of Apps" src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/apps-today.png">
 </p>
 
 The more JavaScript tasks are running inside your app, the slower it will get.
@@ -82,7 +82,7 @@ To resolve this performance bottleneck, we want to get main threads as idle as p
 rendering / dynamically manipulating the DOM:
 
 <p style="overflow-x: auto;">
-    <img alt="App Worker Concept" src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/app-worker.png">
+    <img style="height: 481px; width: 442px;" alt="App Worker Concept" src="https://raw.githubusercontent.com/neomjs/pages/main/resources_pub/images/app-worker.png">
 </p>
 
 The worst case that could happen now is that your app worker will slow down and this core runs at 100%. However,
@@ -93,7 +93,7 @@ Probably the best solution for single page apps (SPAs) as well as multi-window a
 {
     "cls" : "neo-worker-setup",
     "tag" : "element-loader",
-    "vdom": {"src": "../../resources/images/workers-focus.svg"}
+    "vdom": {"src": "./resources/images/workers-focus.svg"}
 }
 </pre>
 

package/resources/scss/src/apps/portal/HeaderToolbar.scss

@@ -2,12 +2,10 @@
     box-shadow: 0 5px 10px rgba(0,0,0,.3);
     z-index   : 8;
 
-    .logo {
-        margin-left: 1em;
-    }
-
     .neo-button {
-        margin-left: 10px;
+        &:not(:first-child) {
+            margin-left: 10px;
+        }
 
         &.no-text {
             margin-left: 0;

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

@@ -1,28 +1,61 @@
 .portal-content-box {
     border-radius  : 3px;
     box-shadow     : 0 3px 6px rgba(0, 0, 0, 0.3);
-    cursor         : pointer;
     color          : #000;
+    cursor         : pointer;
     min-width      : 300px;
     padding        : 0 1em 1em 1em;
+    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;
-        margin-top: 0.75em;
     }
 
     .portal-content-box-headline {
-        border-bottom: 1px solid #ececec;
+        border-bottom : 1px solid #ececec;
+        letter-spacing: 1.5px !important;
+        margin        : 1em auto 0 auto;
+        max-width     : 85%;
         padding-bottom: 0.75em;
-        max-width: 85%;
-        margin: 1em auto 0 auto;
-        text-align: center;
-        letter-spacing: 1.5px!important;
-        word-spacing: 1.5px;
+        text-align    : center;
+        word-spacing  : 1.5px;
+    }
+}
+
+.neo-no-mouse {
+    .portal-content-box {
+        &:after {
+            bottom     : .5em;
+            color      : var(--purple-200);
+            content    : '\f08e';
+            font-family: var(--fa-style-family-classic);
+            font-weight: 600;
+            position   : absolute;
+            right      : .5em;
+        }
     }
 }

package/resources/scss/src/toolbar/Base.scss

@@ -5,6 +5,10 @@
 
     .neo-button {
         margin: 0;
+
+        @media (max-width: 600px) {
+            padding: 0 5px;
+        }
     }
 
     &.neo-dock-left {

package/src/DefaultConfig.mjs

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