neo.mjs 4.8.9 → 5.0.0

package/examples/todoList/version1/MainComponent.mjs

@@ -7,7 +7,7 @@ import VdomUtil  from '../../../src/util/VDom.mjs';
  * @extends Neo.component.Base
  */
 class MainComponent extends Component {
-    static getConfig() {return {
+    static config = {
         className: 'Neo.examples.todoList.version1.MainComponent',
         autoMount: true,
         height   : 200,
@@ -38,7 +38,7 @@ class MainComponent extends Component {
                 {tag: 'button', cls: ['todo-add-button'], html : 'Add Item', style: {marginLeft: '10px'}}
             ]}
         ]}
-    }}
+    }
 
     construct(config) {
         super.construct(config);

package/examples/todoList/version2/MainContainer.mjs

@@ -10,7 +10,7 @@ import Toolbar       from '../../../src/toolbar/Base.mjs';
  * @extends Neo.container.Base
  */
 class MainContainer extends Container {
-    static getConfig() {return {
+    static config = {
         className: 'Neo.examples.todoList.version2.MainContainer',
         autoMount: true,
         height   : 300,
@@ -28,7 +28,7 @@ class MainContainer extends Container {
          * @member {Neo.data.Store|null} store=null
          */
         store: null
-    }}
+    }
 
     construct(config) {
         super.construct(config);

package/examples/todoList/version2/TodoList.mjs

@@ -5,10 +5,10 @@ import List from '../../../src/list/Base.mjs';
  * @extends Neo.list.Base
  */
 class TodoList extends List {
-    static getConfig() {return {
+    static config = {
         className   : 'Neo.examples.todoList.version2.TodoList',
         displayField: 'text'
-    }}
+    }
 
     /**
      *

package/examples/todoList/version2/TodoListModel.mjs

@@ -5,7 +5,7 @@ import Model  from '../../../src/data/Model.mjs';
  * @extends Neo.data.Model
  */
 class TodoListModel extends Model {
-    static getConfig() {return {
+    static config = {
         className  : 'Neo.examples.todoList.version2.MainModel',
         keyProperty: 'id',
 
@@ -19,7 +19,7 @@ class TodoListModel extends Model {
             name: 'text',
             type: 'String'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(TodoListModel);

package/examples/todoList/version2/TodoListStore.mjs

@@ -6,7 +6,7 @@ import TodoListModel from './TodoListModel.mjs';
  * @extends Neo.data.Store
  */
 class TodoListStore extends Store {
-    static getConfig() {return {
+    static config = {
         className  : 'Neo.examples.todoList.version2.TodoListStore',
         keyProperty: 'id',
         model      : TodoListModel,
@@ -24,7 +24,7 @@ class TodoListStore extends Store {
             property : 'id',
             direction: 'ASC'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(TodoListStore);

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

@@ -6,7 +6,7 @@ import Viewport          from '../../../../src/container/Viewport.mjs';
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.breadcrumb.view.MainContainer'
          * @protected
@@ -27,7 +27,7 @@ class MainContainer extends Viewport {
          * @member {Object} style={padding:'20px'}
          */
         style: {padding: '20px'}
-    }}
+    }
 }
 
 Neo.applyClassConfig(MainContainer);

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

@@ -5,7 +5,7 @@ import Model from '../../../../src/data/Model.mjs';
  * @extends Neo.data.Model
  */
 class User extends Model {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.model.User'
          * @protected
@@ -30,7 +30,7 @@ class User extends Model {
             name: 'lastname',
             type: 'String'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(User);

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

@@ -6,7 +6,7 @@ import Store     from '../../../../src/data/Store.mjs';
  * @extends Neo.data.Store
  */
 class Users extends Store {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.store.Users'
          * @protected
@@ -44,7 +44,7 @@ class Users extends Store {
             direction: 'ASC',
             property : 'id'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(Users);

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

@@ -6,7 +6,7 @@ import TextField from '../../../../src/form/field/Text.mjs';
  * @extends Neo.dialog.Base
  */
 class AddUserDialog extends Dialog {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.view.AddUserDialog'
          * @protected
@@ -59,7 +59,7 @@ class AddUserDialog extends Dialog {
             height: '300px',
             width : '400px'
         }
-    }}
+    }
 }
 
 Neo.applyClassConfig(AddUserDialog);

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

@@ -9,7 +9,7 @@ import Viewport                from '../../../../src/container/Viewport.mjs';
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.view.MainContainer'
          * @protected
@@ -58,7 +58,7 @@ class MainContainer extends Viewport {
          * @member {Object} style={padding:'20px'}
          */
         style: {padding: '20px'}
-    }}
+    }
 }
 
 Neo.applyClassConfig(MainContainer);

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

@@ -10,13 +10,13 @@ class MainContainerController extends ComponentController {
      */
     addUserDialog = null
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.view.MainContainerController'
          * @protected
          */
         className: 'Neo.examples.toolbar.paging.view.MainContainerController'
-    }}
+    }
 
     /**
      * @param {Object} data

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

@@ -6,7 +6,7 @@ import UserStore from '../store/Users.mjs';
  * @extends Neo.model.Component
  */
 class MainContainerModel extends Component {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.view.MainContainerModel'
          * @protected
@@ -21,7 +21,7 @@ class MainContainerModel extends Component {
                 pageSize: 30
             }
         }
-    }}
+    }
 }
 
 Neo.applyClassConfig(MainContainerModel);

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

@@ -5,7 +5,7 @@ import TableContainer from '../../../../src/table/Container.mjs';
  * @extends Neo.table.Container
  */
 class UserTableContainer extends TableContainer {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.examples.toolbar.paging.view.UserTableContainer'
          * @protected
@@ -31,7 +31,7 @@ class UserTableContainer extends TableContainer {
             flex     : 1,
             text     : 'Image'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(UserTableContainer);

package/examples/tree/MainContainer.mjs

@@ -9,13 +9,13 @@ import Panel                 from '../../src/container/Panel.mjs';
  * @extends Neo.examples.ConfigurationViewport
  */
 class MainContainer extends ConfigurationViewport {
-    static getConfig() {return {
+    static config = {
         className           : 'Neo.examples.tree.MainContainer',
         autoMount           : true,
         configItemLabelWidth: 100,
         configItemWidth     : 230,
         layout              : {ntype: 'hbox', align: 'stretch'}
-    }}
+    }
 
     createConfigurationComponents() {
         let me       = this,

package/examples/viewport/MainContainer.mjs

@@ -6,7 +6,7 @@ import Viewport     from '../../src/container/Viewport.mjs';
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
-    static getConfig() {return {
+    static config = {
         className: 'Neo.examples.viewport.MainContainer',
 
         layout: {
@@ -106,7 +106,7 @@ class MainContainer extends Viewport {
                 tabBarPosition: 'left'
             }]
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(MainContainer);

package/package.json

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

package/src/DefaultConfig.mjs

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

package/src/Fetch.mjs

@@ -6,7 +6,7 @@ import FetchConnection from './data/connection/Fetch.mjs';
  * @singleton
  */
 class Fetch extends FetchConnection {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.Fetch'
          * @protected
@@ -32,7 +32,7 @@ class Fetch extends FetchConnection {
          * @protected
          */
         singleton: true
-    }}
+    }
 }
 
 let instance = Neo.applyClassConfig(Fetch);

package/src/Main.mjs

@@ -11,16 +11,14 @@ import WorkerManager from './worker/Manager.mjs';
  * @singleton
  */
 class Main extends core.Base {
-    static getStaticConfig() {return {
-        /**
-         * True automatically applies the core/Observable.mjs mixin
-         * @member {Boolean} observable=true
-         * @static
-         */
-        observable: true
-    }}
+    /**
+     * True automatically applies the core.Observable mixin
+     * @member {Boolean} observable=true
+     * @static
+     */
+    static observable = true
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.Main'
          * @protected
@@ -93,7 +91,7 @@ class Main extends core.Base {
          * @protected
          */
         writeQueue: []
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/Neo.mjs

@@ -48,18 +48,16 @@ Neo = globalThis.Neo = Object.assign({
      * @tutorial 02_ClassSystem
      */
     applyClassConfig(cls) {
-        let baseCfg       = null,
-            baseStaticCfg = null,
-            proto         = cls.prototype || cls,
-            protos        = [],
-            config, ctor, overrides, staticConfig;
+        let baseCfg = null,
+            proto   = cls.prototype || cls,
+            protos  = [],
+            config, ctor, overrides;
 
         while (proto.__proto__) {
             ctor = proto.constructor;
 
             if (ctor.hasOwnProperty('classConfigApplied')) {
-                baseCfg       = Neo.clone(ctor.config,       true);
-                baseStaticCfg = Neo.clone(ctor.staticConfig, true);
+                baseCfg = Neo.clone(ctor.config, true);
                 break;
             }
 
@@ -67,13 +65,12 @@ Neo = globalThis.Neo = Object.assign({
             proto = proto.__proto__;
         }
 
-        config       = baseCfg       || {};
-        staticConfig = baseStaticCfg || {};
+        config = baseCfg || {};
 
         protos.forEach(element => {
             ctor = element.constructor;
-            let cfg       = ctor.getConfig      ?.() || {},
-                staticCfg = ctor.getStaticConfig?.() || {},
+
+            let cfg = ctor.config || {},
                 mixins;
 
             if (cfg) {
@@ -97,15 +94,15 @@ Neo = globalThis.Neo = Object.assign({
                 });
             }
 
-            Object.assign(ctor, staticCfg);
-
             if (cfg.hasOwnProperty('ntype')) {
                 Neo.ntypeMap[cfg.ntype] = cfg.className;
             }
 
             mixins = config.hasOwnProperty('mixins') && config.mixins || [];
 
-            if (staticCfg?.observable) {
+            let foo = false;
+
+            if (ctor.observable) {
                 mixins.push('Neo.core.Observable');
             }
 
@@ -117,7 +114,7 @@ Neo = globalThis.Neo = Object.assign({
                 applyMixins(ctor, mixins);
 
                 if (Neo.ns('Neo.core.Observable', false, ctor.prototype.mixins)) {
-                    staticCfg.observable = true;
+                    ctor.observable = true;
                 }
             }
 
@@ -125,7 +122,6 @@ Neo = globalThis.Neo = Object.assign({
             delete config.mixins;
 
             Object.assign(config, cfg);
-            Object.assign(staticConfig, staticCfg);
 
             if (Neo.overrides) {
                 overrides = Neo.ns(config.className, false, Neo.overrides);
@@ -135,13 +131,9 @@ Neo = globalThis.Neo = Object.assign({
             Object.assign(ctor, {
                 classConfigApplied: true,
                 config            : Neo.clone(config, true),
-                isClass           : true,
-                staticConfig      : Neo.clone(staticConfig, true)
+                isClass           : true
             });
 
-            delete ctor.getConfig;
-            delete ctor.getStaticConfig;
-
             !config.singleton && this.applyToGlobalNs(cls);
         });
 

package/src/Xhr.mjs

@@ -6,7 +6,7 @@ import XhrConnection from './data/connection/Xhr.mjs';
  * @singleton
  */
 class Xhr extends XhrConnection {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.Xhr'
          * @protected
@@ -33,7 +33,7 @@ class Xhr extends XhrConnection {
          * @protected
          */
         singleton: true
-    }}
+    }
 }
 
 let instance = Neo.applyClassConfig(Xhr);

package/src/button/Base.mjs

@@ -19,24 +19,22 @@ class Base extends Component {
      */
     #rippleTimeoutId = null
 
-    static getStaticConfig() {return {
-        /**
-         * Valid values for badgePosition
-         * @member {String[]} badgePositions=['bottom-left','bottom-right','top-left','top-right']
-         * @protected
-         * @static
-         */
-        badgePositions: ['bottom-left', 'bottom-right', 'top-left', 'top-right'],
-        /**
-         * Valid values for iconPosition
-         * @member {String[]} iconPositions=['top','right','bottom','left']
-         * @protected
-         * @static
-         */
-        iconPositions: ['top', 'right', 'bottom', 'left']
-    }}
+    /**
+     * Valid values for badgePosition
+     * @member {String[]} badgePositions=['bottom-left','bottom-right','top-left','top-right']
+     * @protected
+     * @static
+     */
+    static badgePositions = ['bottom-left', 'bottom-right', 'top-left', 'top-right']
+    /**
+     * Valid values for iconPosition
+     * @member {String[]} iconPositions=['top','right','bottom','left']
+     * @protected
+     * @static
+     */
+    static iconPositions = ['top', 'right', 'bottom', 'left']
 
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.button.Base'
          * @protected
@@ -135,7 +133,7 @@ class Base extends Component {
                 {cls: ['neo-button-ripple']}
             ]}
         ]}
-    }}
+    }
 
     /**
      * Triggered after the badgePosition config got changed

package/src/button/Menu.mjs

@@ -6,7 +6,7 @@ import Split from './Split.mjs';
  * @extends Neo.button.Split
  */
 class Menu extends Split {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.button.Menu'
          * @protected
@@ -17,7 +17,7 @@ class Menu extends Split {
          * @protected
          */
         ntype: 'menu-button'
-    }}
+    }
 
     /**
      * @param {Object} data

package/src/button/Split.mjs

@@ -7,7 +7,7 @@ import Button from './Base.mjs';
  * @extends Neo.button.Base
  */
 class Split extends Button {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.button.Split'
          * @protected
@@ -50,7 +50,7 @@ class Split extends Button {
                 ]}
             ]}
         ]}
-    }}
+    }
 
     /**
      * @param {Object} config

package/src/calendar/model/Calendar.mjs

@@ -5,7 +5,7 @@ import Model from '../../data/Model.mjs';
  * @extends Neo.data.Model
  */
 class Calendar extends Model {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.calendar.model.Calendar'
          * @protected
@@ -28,7 +28,7 @@ class Calendar extends Model {
             name: 'name',
             type: 'String'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(Calendar);

package/src/calendar/model/Color.mjs

@@ -5,7 +5,7 @@ import Model from '../../data/Model.mjs';
  * @extends Neo.data.Model
  */
 class Color extends Model {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.calendar.model.Color'
          * @protected
@@ -22,7 +22,7 @@ class Color extends Model {
             name: 'name',
             type: 'String'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(Color);

package/src/calendar/model/Event.mjs

@@ -5,7 +5,7 @@ import Model from '../../data/Model.mjs';
  * @extends Neo.data.Model
  */
 class Event extends Model {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.calendar.model.Event'
          * @protected
@@ -40,7 +40,7 @@ class Event extends Model {
             name: 'title',
             type: 'String'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(Event);

package/src/calendar/store/Calendars.mjs

@@ -6,7 +6,7 @@ import Store    from '../../../src/data/Store.mjs';
  * @extends Neo.data.Store
  */
 class Calendars extends Store {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.calendar.store.Calendars'
          * @protected
@@ -27,7 +27,7 @@ class Calendars extends Store {
             property : 'name',
             direction: 'ASC'
         }]
-    }}
+    }
 }
 
 Neo.applyClassConfig(Calendars);

package/src/calendar/store/Colors.mjs

@@ -6,7 +6,7 @@ import Store from '../../../src/data/Store.mjs';
  * @extends Neo.data.Store
  */
 class Colors extends Store {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.calendar.store.Colors'
          * @protected
@@ -31,7 +31,7 @@ class Colors extends Store {
          * @member {Neo.data.Model} model=Color
          */
         model: Color
-    }}
+    }
 }
 
 Neo.applyClassConfig(Colors);

package/src/calendar/store/Events.mjs

@@ -7,7 +7,7 @@ import Store    from '../../../src/data/Store.mjs';
  * @extends Neo.data.Store
  */
 class Events extends Store {
-    static getConfig() {return {
+    static config = {
         /**
          * @member {String} className='Neo.calendar.store.Events'
          * @protected
@@ -29,7 +29,7 @@ class Events extends Store {
             property : 'startDate',
             direction: 'ASC'
         }]
-    }}
+    }
 
     /**
      * @param {Date} date