neo.mjs 2.3.17 → 3.0.1

package/examples/model/inlineNoModel/MainContainerController.mjs

@@ -46,7 +46,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton1Click(data) {
@@ -54,7 +53,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton2Click(data) {
@@ -62,7 +60,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField1Change(data) {
@@ -70,7 +67,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField2Change(data) {
@@ -88,7 +84,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      * @param {String} buttonReference
      * @param {String} textfieldReference
@@ -101,4 +96,4 @@ class MainContainerController extends Component {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};

package/examples/model/multiWindow/EditUserDialogController.mjs

@@ -14,7 +14,6 @@ class EditUserDialogController extends Component {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onFirstnameTextFieldChange(data) {
@@ -24,7 +23,6 @@ class EditUserDialogController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onLastnameTextFieldChange(data) {
@@ -36,4 +34,4 @@ class EditUserDialogController extends Component {
 
 Neo.applyClassConfig(EditUserDialogController);
 
-export {EditUserDialogController as default};
+export {EditUserDialogController as default};

package/examples/model/multiWindow/MainContainerController.mjs

@@ -19,7 +19,6 @@ class MainContainerController extends Component {
     }}
 
     /**
-     *
      * @param {Boolean} enable
      */
     enableEditUserButton(enable) {
@@ -27,7 +26,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onEditUserButtonClick(data) {
@@ -60,4 +58,4 @@ class MainContainerController extends Component {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};

package/examples/model/multiWindow/ViewportController.mjs

@@ -27,8 +27,8 @@ class MainContainerController extends ComponentController {
     /**
      * The App worker will receive connect & disconnect events inside the SharedWorkers context
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this;
 
@@ -40,7 +40,6 @@ class MainContainerController extends ComponentController {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.appName
      */
@@ -81,7 +80,6 @@ class MainContainerController extends ComponentController {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {String} data.appName
      */
@@ -97,4 +95,4 @@ class MainContainerController extends ComponentController {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};

package/examples/model/nestedData/MainContainerController.mjs

@@ -14,7 +14,6 @@ class MainContainerController extends Component {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     onButton1Click(data) {
@@ -22,7 +21,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onButton2Click(data) {
@@ -30,7 +28,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onLogModelIntoConsoleButtonClick(data) {
@@ -38,7 +35,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField1Change(data) {
@@ -48,7 +44,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTextField2Change(data) {
@@ -58,7 +53,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton1Text(value) {
@@ -66,7 +60,6 @@ class MainContainerController extends Component {
     }
 
     /**
-     *
      * @param {String} value
      */
     updateButton2Text(value) {
@@ -78,4 +71,4 @@ class MainContainerController extends Component {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export {MainContainerController as default};

package/examples/tab/container/MainContainer.mjs

@@ -158,7 +158,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @param {String} config
      * @param {Object} opts
      */
@@ -167,7 +166,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @returns {Neo.tab.header.Button}
      */
     getFirstTabHeader() {
@@ -175,7 +173,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @param {Object} data
      * @param {Neo.component.Base} data.component
      * @param {Boolean} data.oldValue
@@ -199,7 +196,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @param {String} value
      * @param {Object} opts
      */
@@ -212,7 +208,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @param {Object} opts
      */
     onUserActiveIndexChange(opts) {
@@ -222,4 +217,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export {MainContainer as default};

package/examples/todoList/version1/MainComponent.mjs

@@ -40,8 +40,8 @@ class MainComponent extends Component {
         ]}
     }}
 
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me           = this,
             domListeners = me.domListeners || [];
@@ -124,4 +124,4 @@ class MainComponent extends Component {
 
 Neo.applyClassConfig(MainComponent);
 
-export {MainComponent as default};
+export {MainComponent as default};

package/examples/todoList/version2/MainContainer.mjs

@@ -30,8 +30,8 @@ class MainContainer extends Container {
         store: null
     }}
 
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this;
 
@@ -90,4 +90,4 @@ console.log(field.value);
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export {MainContainer as default};

package/examples/todoList/version2/TodoList.mjs

@@ -50,4 +50,4 @@ class TodoList extends List {
 
 Neo.applyClassConfig(TodoList);
 
-export {TodoList as default};
+export {TodoList as default};

package/examples/tree/MainContainer.mjs

@@ -76,7 +76,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @returns {*}
      */
     createExampleComponent() {
@@ -119,7 +118,6 @@ class MainContainer extends ConfigurationViewport {
     }
 
     /**
-     *
      * @param {Object} opts
      */
     onLeafNodesOnlyChange(opts) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "2.3.17",
+    "version": "3.0.1",
     "description": "The webworkers driven UI framework",
     "repository": {
         "type": "git",
@@ -36,22 +36,22 @@
         "@fortawesome/fontawesome-free": "^5.15.4",
         "@material/mwc-button": "^0.25.3",
         "@material/mwc-textfield": "^0.25.3",
-        "autoprefixer": "^10.4.0",
+        "autoprefixer": "^10.4.1",
         "chalk": "^4.1.2",
         "clean-webpack-plugin": "^4.0.0",
         "commander": "^8.3.0",
-        "cssnano": "^5.0.10",
+        "cssnano": "^5.0.14",
         "envinfo": "^7.8.1",
         "fs-extra": "^10.0.0",
         "highlightjs-line-numbers.js": "^2.8.0",
         "inquirer": "^8.1.5",
         "neo-jsdoc": "^1.0.1",
         "neo-jsdoc-x": "^1.0.4",
-        "postcss": "^8.3.11",
-        "sass": "^1.43.4",
-        "webpack": "^5.62.1",
+        "postcss": "^8.4.5",
+        "sass": "^1.45.2",
+        "webpack": "^5.65.0",
         "webpack-cli": "^4.9.1",
-        "webpack-dev-server": "4.4.0",
+        "webpack-dev-server": "4.7.2",
         "webpack-hook-plugin": "^1.0.7",
         "webpack-node-externals": "^3.0.0"
     },

package/src/Main.mjs

@@ -96,11 +96,10 @@ class Main extends core.Base {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me = this;
 
@@ -229,7 +228,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param data
      */
     onMountDom(data) {
@@ -243,7 +241,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param data
      */
     onRender(data) {
@@ -252,7 +249,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param data
      */
     onUpdateDom(data) {
@@ -260,7 +256,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param data
      */
     onUpdateVdom(data) {
@@ -269,7 +264,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param {Object[]} queue
      * @param {Date} start
      * @returns {Number}
@@ -292,7 +286,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */
@@ -307,7 +300,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param {Object} data
      * @protected
      */
@@ -322,7 +314,6 @@ class Main extends core.Base {
     }
 
     /**
-     *
      * @param data
      * @protected
      */
@@ -380,20 +371,20 @@ class Main extends core.Base {
     /**
      * Change the location.hash value
      * @param {Object} data
-     * @param {String} data.value
+     * @param {String} data.key
+     * @param {*} data.value
      */
-    setRoute(data) {
-        window.location.hash = data.value;
+    setNeoConfig(data) {
+        Neo.config[data.key] = data.value;
     }
 
     /**
      * Change the location.hash value
      * @param {Object} data
-     * @param {String} data.key
-     * @param {*} data.value
+     * @param {String} data.value
      */
-    setNeoConfig(data) {
-        Neo.config[data.key] = data.value;
+    setRoute(data) {
+        window.location.hash = data.value;
     }
 
     /**

package/src/Neo.mjs

@@ -87,7 +87,7 @@ Neo = self.Neo = Object.assign({
 
                     // only apply properties which have no setters inside the prototype chain
                     // those will get applied on create (Neo.core.Base -> initConfig)
-                    else if (!hasPropertySetter(element, key)) {
+                    else if (!Neo.hasPropertySetter(element, key)) {
                         Object.defineProperty(element, key, {
                             enumerable: true,
                             value     : value,
@@ -333,8 +333,9 @@ Neo = self.Neo = Object.assign({
             cls = Neo.ns(className);
         }
 
-        instance = new cls(config);
+        instance = new cls();
 
+        instance.construct(config);
         instance.onConstructed();
         instance.onAfterConstructed();
         instance.init();
@@ -344,6 +345,28 @@ Neo = self.Neo = Object.assign({
 
     emptyFn() {},
 
+    /**
+     * Checks if there is a set method for a given property key inside the prototype chain
+     * @memberOf module:Neo
+     * @param {Neo.core.Base} proto The top level prototype of a class
+     * @param {String} key the property key to test
+     * @returns {Boolean}
+     */
+    hasPropertySetter(proto, key) {
+        let descriptor;
+
+        while (proto.__proto__) {
+            descriptor = Object.getOwnPropertyDescriptor(proto, key);
+
+            if (typeof descriptor === 'object' && typeof descriptor.set === 'function') {
+                return true;
+            }
+            proto = proto.__proto__;
+        }
+
+        return false;
+    },
+
     /**
      * Deep-merges a source object into a target object
      * @memberOf module:Neo
@@ -435,7 +458,6 @@ Neo = self.Neo = Object.assign({
     },
 
     /**
-     *
      * @param {*} item
      * @returns {String|null}
      */
@@ -527,7 +549,7 @@ function applyMixins(cls, mixins) {
  * @tutorial 02_ClassSystem
  */
 function autoGenerateGetSet(proto, key) {
-    if (hasPropertySetter(proto, key)) {
+    if (Neo.hasPropertySetter(proto, key)) {
         throw('Config ' + key + '_ (' + proto.className + ') already has a set method, use beforeGet, beforeSet & afterSet instead');
     }
 
@@ -623,28 +645,6 @@ function exists(className) {
     }
 }
 
-/**
- * Checks if there is a set method for a given property key inside the prototype chain
- * @param {Neo.core.Base} proto The top level prototype of a class
- * @param {String} key the property key to test
- * @returns {Boolean}
- * @private
- */
-function hasPropertySetter(proto, key) {
-    let descriptor;
-
-    while (proto.__proto__) {
-        descriptor = Object.getOwnPropertyDescriptor(proto, key);
-
-        if (typeof descriptor === 'object' && typeof descriptor.set === 'function') {
-            return true;
-        }
-        proto = proto.__proto__;
-    }
-
-    return false;
-}
-
 /**
  *
  * @param {Neo.core.Base} proto

package/src/button/Menu.mjs

@@ -20,7 +20,6 @@ class Menu extends Split {
     }}
 
     /**
-     *
      * @param {Object} data
      */
     splitButtonHandler(data) {

package/src/button/Split.mjs

@@ -49,11 +49,10 @@ class Split extends Button {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         let me   = this,
             vdom = me.vdom;
@@ -120,7 +119,6 @@ class Split extends Button {
     }
 
     /**
-     *
      * @param {Boolean} [updateParentVdom=false]
      * @param {Boolean} [silent=false]
      */
@@ -130,7 +128,6 @@ class Split extends Button {
     }
 
     /**
-     *
      * @returns {Object} The new vdom root
      */
     getVdomRoot() {
@@ -138,7 +135,6 @@ class Split extends Button {
     }
 
     /**
-     *
      * @returns {Object} The new vnode root
      */
     getVnodeRoot() {

package/src/calendar/store/Events.mjs

@@ -32,7 +32,6 @@ class Events extends Store {
     }}
 
     /**
-     *
      * @param {Date} date
      * @returns {Neo.calendar.model.Event[]}
      */

package/src/calendar/view/DayComponent.mjs

@@ -28,7 +28,6 @@ class DayComponent extends WeekComponent {
     }}
 
     /**
-     *
      * @param {Date} date
      */
     setFirstColumnDate(date) {

package/src/calendar/view/EditEventContainer.mjs

@@ -75,11 +75,10 @@ class EditEventContainer extends FormContainer {
     }}
 
     /**
-     *
      * @param {Object} config
      */
-    constructor(config) {
-        super(config);
+    construct(config) {
+        super.construct(config);
 
         // focus trap, see: https://github.com/neomjs/neo/issues/2306
         this.vdom.tabIndex = -1;
@@ -214,7 +213,6 @@ class EditEventContainer extends FormContainer {
     }
 
     /**
-     *
      * @param {Neo.calendar.model.Event} record
      * @returns {String}
      */
@@ -227,7 +225,6 @@ class EditEventContainer extends FormContainer {
     }
 
     /**
-     *
      * @param {Neo.calendar.model.Event} record
      * @returns {String}
      */
@@ -240,7 +237,6 @@ class EditEventContainer extends FormContainer {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onCalendarFieldChange(data) {
@@ -261,7 +257,6 @@ class EditEventContainer extends FormContainer {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onFocusLeave(data) {
@@ -274,7 +269,6 @@ class EditEventContainer extends FormContainer {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTimeFieldChange(data) {
@@ -298,7 +292,6 @@ class EditEventContainer extends FormContainer {
     }
 
     /**
-     *
      * @param {Object} data
      */
     onTitleFieldChange(data) {