npm - neo.mjs - Versions diffs - 8.0.0-beta.1 → 8.0.0-beta.2 - Mend

neo.mjs 8.0.0-beta.1 → 8.0.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (141) hide show

package/examples/{model → stateProvider}/multiWindow/ViewportController.mjs RENAMED Viewed

@@ -1,9 +1,9 @@
 import ComponentController from '../../../src/controller/Component.mjs';
-import ComponentModel      from '../../../src/model/Component.mjs';
 import NeoArray            from '../../../src/util/Array.mjs';
+import StateProvider       from '../../../src/state/Provider.mjs';
 /**
- * @class Neo.examples.model.multiWindow.ViewportController
+ * @class Neo.examples.stateProvider.multiWindow.ViewportController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends ComponentController {
@@ -12,16 +12,16 @@ class MainContainerController extends ComponentController {
      */
     connectedApps = []
     /**
-     * @member {Neo.model.Component|null} mainModel=null
+     * @member {Neo.state.Provider|null} mainStateProvider=null
      */
-    mainModel = null
+    mainStateProvider = null
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow.ViewportController'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow.ViewportController'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow.ViewportController'
+        className: 'Neo.examples.stateProvider.multiWindow.ViewportController'
     }
     /**
@@ -46,14 +46,14 @@ class MainContainerController extends ComponentController {
     onAppConnect(data) {
         let me   = this,
             name = data.appName,
-            model, view;
+            stateProvider, view;
         console.log('onAppConnect', data);
         NeoArray.add(me.connectedApps, name);
-        if (!me.mainModel) {
-            model = {
+        if (!me.mainStateProvider) {
+            stateProvider = {
                 data: {
                     user: {
                         firstname: 'Tobias',
@@ -62,19 +62,19 @@ class MainContainerController extends ComponentController {
                 }
             };
         } else {
-            model = {
-                parent: me.mainModel
+            stateProvider = {
+                parent: me.mainStateProvider
             };
         }
         import('../multiWindow/MainContainer.mjs').then(module => {
             view = Neo.apps[name].mainView.add({
                 module: module.default,
-                model : model
+                stateProvider
             });
-            if (!me.mainModel) {
-                me.mainModel = view.model
+            if (!me.mainStateProvider) {
+                me.mainStateProvider = view.stateProvider
             }
         })
     }

package/examples/{model/multiWindow2 → stateProvider/multiWindow}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import Viewport from './Viewport.mjs';
 export const onStart = () => Neo.app({
     mainView: Viewport,
-    name    : 'Neo.examples.model.multiWindow2'
+    name    : 'Neo.examples.stateProvider.multiWindow'
 });

package/examples/{model/advanced → stateProvider/multiWindow}/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="UTF-8">
-    <title>model.Component: advanced</title>
+    <title>stateProvider.multiWindow</title>
 </head>
 <body>
     <script src="../../../src/MicroLoader.mjs" type="module"></script>

package/examples/{model → stateProvider}/multiWindow/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"         : "examples/model/multiWindow/app.mjs",
+    "appPath"         : "examples/stateProvider/multiWindow/app.mjs",
     "basePath"        : "../../../",
     "environment"     : "development",
     "mainPath"        : "./Main.mjs",

package/examples/{model → stateProvider}/multiWindow2/Viewport.mjs RENAMED Viewed

@@ -1,16 +1,16 @@
 import BaseViewport from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.multiWindow2.Viewport
+ * @class Neo.examples.stateProvider.multiWindow2.Viewport
  * @extends Neo.container.Viewport
  */
 class Viewport extends BaseViewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.multiWindow2.Viewport'
+         * @member {String} className='Neo.examples.stateProvider.multiWindow2.Viewport'
          * @protected
          */
-        className: 'Neo.examples.model.multiWindow2.Viewport',
+        className: 'Neo.examples.stateProvider.multiWindow2.Viewport',
         /**
          * @member {Object} style
          */

package/examples/{model/multiWindow → stateProvider/multiWindow2}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import Viewport from './Viewport.mjs';
 export const onStart = () => Neo.app({
     mainView: Viewport,
-    name    : 'Neo.examples.model.multiWindow'
+    name    : 'Neo.examples.stateProvider.multiWindow2'
 });

package/examples/{model/multiWindow → stateProvider/multiWindow2}/index.html RENAMED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta charset="UTF-8">
-    <title>model.multiWindow</title>
+    <title>stateProvider.multiWindow2</title>
 </head>
 <body>
     <script src="../../../src/MicroLoader.mjs" type="module"></script>

package/examples/{model → stateProvider}/multiWindow2/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"         : "examples/model/multiWindow2/app.mjs",
+    "appPath"         : "examples/stateProvider/multiWindow2/app.mjs",
     "basePath"        : "../../../",
     "environment"     : "development",
     "mainPath"        : "./Main.mjs",

package/examples/{model → stateProvider}/nestedData/MainContainer.mjs RENAMED Viewed

@@ -1,28 +1,28 @@
-import ComponentModel          from '../../../src/model/Component.mjs';
 import MainContainerController from './MainContainerController.mjs'
 import Panel                   from '../../../src/container/Panel.mjs';
+import StateProvider           from '../../../src/state/Provider.mjs';
 import TextField               from '../../../src/form/field/Text.mjs';
 import Viewport                from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.nestedData.MainContainer
+ * @class Neo.examples.stateProvider.nestedData.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.nestedData.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.nestedData.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.nestedData.MainContainer',
+        className: 'Neo.examples.stateProvider.nestedData.MainContainer',
         /**
          * @member {Neo.controller.Component} controller=MainContainerController
          */
         controller: MainContainerController,
         /**
-         * @member {Object|Neo.model.Component} model
+         * @member {Object|Neo.state.Provider} stateProvider
          */
-        model: {
+        stateProvider: {
             data: {
                 user: {
                     details: {
@@ -59,7 +59,7 @@ class MainContainer extends Viewport {
                 dock : 'top',
                 items: [{
                     ntype: 'label',
-                    text : 'model.Component: nested data'
+                    text : 'state.Provider: nested data'
                 }, {
                     ntype: 'component',
                     flex : 1
@@ -111,9 +111,9 @@ class MainContainer extends Viewport {
                 }
             }, {
                 ntype  : 'button',
-                handler: 'onLogModelIntoConsoleButtonClick',
+                handler: 'onLogStateProviderIntoConsoleButtonClick',
                 style  : {marginTop: '2em'},
-                text   : 'Log model into console'
+                text   : 'Log stateProvider into console'
             }]
         }]
     }

package/examples/{model → stateProvider}/nestedData/MainContainerController.mjs RENAMED Viewed

@@ -1,16 +1,16 @@
 import Controller from '../../../src/controller/Component.mjs';
 /**
- * @class Neo.examples.model.nestedData.MainContainerController
+ * @class Neo.examples.stateProvider.nestedData.MainContainerController
  * @extends Neo.controller.Component
  */
 class MainContainerController extends Controller {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.nestedData.MainContainerController'
+         * @member {String} className='Neo.examples.stateProvider.nestedData.MainContainerController'
          * @protected
          */
-        className: 'Neo.examples.model.nestedData.MainContainerController'
+        className: 'Neo.examples.stateProvider.nestedData.MainContainerController'
     }
     /**
@@ -30,8 +30,8 @@ class MainContainerController extends Controller {
     /**
      * @param {Object} data
      */
-    onLogModelIntoConsoleButtonClick(data) {
-        console.log(this.getModel())
+    onLogStateProviderIntoConsoleButtonClick(data) {
+        console.log(this.getStateProvider())
     }
     /**
@@ -56,14 +56,14 @@ class MainContainerController extends Controller {
      * @param {String} value
      */
     updateButton1Text(value) {
-        this.getModel().data.user.details.firstname = value
+        this.getStateProvider().data.user.details.firstname = value
     }
     /**
      * @param {String} value
      */
     updateButton2Text(value) {
-        this.getModel().setData({
+        this.setState({
             'user.details.lastname': value
         })
     }

package/examples/stateProvider/nestedData/app.mjs ADDED Viewed

@@ -0,0 +1,6 @@
+import MainContainer from './MainContainer.mjs';
+export const onStart = () => Neo.app({
+    mainView: MainContainer,
+    name    : 'Neo.examples.stateProvider.nestedData'
+});

package/examples/stateProvider/nestedData/index.html ADDED Viewed

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>state.Provider: nested data</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/stateProvider/nestedData/neo-config.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+    "appPath"    : "examples/stateProvider/nestedData/app.mjs",
+    "basePath"   : "../../../",
+    "environment": "development",
+    "mainPath"   : "./Main.mjs",
+    "themes"     : ["neo-theme-dark"]
+}

package/examples/{model → stateProvider}/table/MainContainer.mjs RENAMED Viewed

@@ -1,26 +1,26 @@
-import MainContainerModel from './MainContainerModel.mjs';
-import TableContainer     from '../../../src/table/Container.mjs';
-import Viewport           from '../../../src/container/Viewport.mjs';
+import MainContainerStateProvider from './MainContainerStateProvider.mjs';
+import TableContainer             from '../../../src/table/Container.mjs';
+import Viewport                   from '../../../src/container/Viewport.mjs';
 /**
- * @class  Neo.examples.model.table.MainContainer
+ * @class  Neo.examples.stateProvider.table.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.table.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.table.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.table.MainContainer',
+        className: 'Neo.examples.stateProvider.table.MainContainer',
         /**
          * @member {Object} layout
          */
         layout: {ntype: 'fit'},
         /**
-         * @member {Object|Neo.model.Component} model=MainContainerModel
+         * @member {Object|Neo.state.Provider} stateProvider=MainContainerStateProvider
          */
-        model: MainContainerModel,
+        stateProvider: MainContainerStateProvider,
         /**
          * @member {Object} style
          */

package/examples/stateProvider/table/MainContainerStateProvider.mjs ADDED Viewed

@@ -0,0 +1,24 @@
+import MainStore     from './MainStore.mjs';
+import StateProvider from '../../../src/state/Provider.mjs';
+/**
+ * @class Neo.examples.stateProvider.table.MainContainerStateProvider
+ * @extends Neo.state.Provider
+ */
+class MainContainerStateProvider extends StateProvider {
+    static config = {
+        /**
+         * @member {String} className='Neo.examples.stateProvider.table.MainContainerStateProvider'
+         * @protected
+         */
+        className: 'Neo.examples.stateProvider.table.MainContainerStateProvider',
+        /**
+         * @member {Object} stores
+         */
+        stores: {
+            main: MainStore
+        }
+    }
+}
+export default Neo.setupClass(MainContainerStateProvider);

package/examples/{model → stateProvider}/table/MainModel.mjs RENAMED Viewed

@@ -1,12 +1,12 @@
 import Model from '../../../src/data/Model.mjs';
 /**
- * @class  Neo.examples.model.table.MainModel
+ * @class  Neo.examples.stateProvider.table.MainModel
  * @extends Neo.data.Model
  */
 class MainModel extends Model {
     static config = {
-        className: 'Neo.examples.model.table.MainModel',
+        className: 'Neo.examples.stateProvider.table.MainModel',
         fields: [{
             name: 'country',

package/examples/{model → stateProvider}/table/MainStore.mjs RENAMED Viewed

@@ -2,12 +2,12 @@ import Model from './MainModel.mjs';
 import Store from '../../../src/data/Store.mjs';
 /**
- * @class  Neo.examples.model.table.MainStore
+ * @class  Neo.examples.stateProvider.table.MainStore
  * @extends Neo.data.Store
  */
 class MainStore extends Store {
     static config = {
-        className  : 'Neo.examples.model.table.MainStore',
+        className  : 'Neo.examples.stateProvider.table.MainStore',
         keyProperty: 'githubId',
         model      : Model,

package/examples/{model/advanced → stateProvider/table}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import MainContainer from './MainContainer.mjs';
 export const onStart = () => Neo.app({
     mainView: MainContainer,
-    name    : 'Neo.examples.model.advanced'
+    name    : 'Neo.examples.stateProvider.table'
 });

package/examples/{model/advanced → stateProvider/table}/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"    : "examples/model/advanced/app.mjs",
+    "appPath"    : "examples/stateProvider/table/app.mjs",
     "basePath"   : "../../../",
     "environment": "development",
     "mainPath"   : "./Main.mjs",

package/examples/{model → stateProvider}/twoWay/MainContainer.mjs RENAMED Viewed

@@ -1,23 +1,23 @@
-import ComponentModel from '../../../src/model/Component.mjs';
-import Label          from '../../../src/component/Label.mjs';
-import TextField      from '../../../src/form/field/Text.mjs';
-import Viewport       from '../../../src/container/Viewport.mjs';
+import Label         from '../../../src/component/Label.mjs';
+import StateProvider from '../../../src/state/Provider.mjs';
+import TextField     from '../../../src/form/field/Text.mjs';
+import Viewport      from '../../../src/container/Viewport.mjs';
 /**
- * @class Neo.examples.model.twoWay.MainContainer
+ * @class Neo.examples.stateProvider.twoWay.MainContainer
  * @extends Neo.container.Viewport
  */
 class MainContainer extends Viewport {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.twoWay.MainContainer'
+         * @member {String} className='Neo.examples.stateProvider.twoWay.MainContainer'
          * @protected
          */
-        className: 'Neo.examples.model.twoWay.MainContainer',
+        className: 'Neo.examples.stateProvider.twoWay.MainContainer',
         /**
-         * @member {Object|Neo.model.Component} model
+         * @member {Object|Neo.state.Provider} stateProvider
          */
-        model: {
+        stateProvider: {
             data: {
                 user: {
                     details: {

package/examples/{model/inline → stateProvider/twoWay}/app.mjs RENAMED Viewed

@@ -2,5 +2,5 @@ import MainContainer from './MainContainer.mjs';
 export const onStart = () => Neo.app({
     mainView: MainContainer,
-    name    : 'Neo.examples.model.inline'
+    name    : 'Neo.examples.stateProvider.twoWay'
 });

package/examples/stateProvider/twoWay/index.html ADDED Viewed

@@ -0,0 +1,11 @@
+<!DOCTYPE HTML>
+<html>
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="UTF-8">
+    <title>state.Provider: 2 way binding</title>
+</head>
+<body>
+    <script src="../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>

package/examples/{model → stateProvider}/twoWay/neo-config.json RENAMED Viewed

@@ -1,5 +1,5 @@
 {
-    "appPath"    : "examples/model/twoWay/app.mjs",
+    "appPath"    : "examples/stateProvider/twoWay/app.mjs",
     "basePath"   : "../../../",
     "environment": "development",
     "mainPath"   : "./Main.mjs"

package/examples/table/nestedRecordFields/EditUserDialog.mjs CHANGED Viewed

@@ -10,10 +10,10 @@ import TextField    from '../../../src/form/field/Text.mjs';
 class EditUserDialog extends Dialog {
     static config = {
         /**
-         * @member {String} className='Neo.examples.model.dialog.EditUserDialog'
+         * @member {String} className='Neo.examples.table.nestedRecordFields.EditUserDialog'
          * @protected
          */
-        className: 'Neo.examples.model.dialog.EditUserDialog',
+        className: 'Neo.examples.table.nestedRecordFields.EditUserDialog',
         /**
          * @member {String} closeAction='hide'
          */
@@ -121,7 +121,7 @@ class EditUserDialog extends Dialog {
      */
     onSelectedFieldChange(data) {
         let me    = this,
-            store = me.getModel().getStore('mainStore');
+            store = me.getStateProvider().getStore('mainStore');
         if (data.value === false) {
             me.record.annotations.selected = false

package/examples/table/nestedRecordFields/MainContainer.mjs CHANGED Viewed

@@ -1,7 +1,7 @@
-import Button             from '../../../src/button/Base.mjs';
-import MainContainerModel from './MainContainerModel.mjs';
-import TableContainer     from '../../../src/table/Container.mjs';
-import Viewport           from '../../../src/container/Viewport.mjs';
+import Button                     from '../../../src/button/Base.mjs';
+import MainContainerStateProvider from './MainContainerStateProvider.mjs';
+import TableContainer             from '../../../src/table/Container.mjs';
+import Viewport                   from '../../../src/container/Viewport.mjs';
 /**
  * @class Neo.examples.table.nestedRecordFields.MainContainer
@@ -19,9 +19,9 @@ class MainContainer extends Viewport {
          */
         layout: 'fit',
         /**
-         * @member {Neo.model.Component} model=MainContainerModel
+         * @member {Neo.state.Provider} stateProvider=MainContainerStateProvider
          */
-        model: MainContainerModel,
+        stateProvider: MainContainerStateProvider,
         /**
          * @member {Object} style={padding:'20px'}
          */
@@ -52,7 +52,7 @@ class MainContainer extends Viewport {
      * @param {Object} data
      */
     countryRenderer({record}) {
-        let countryStore = this.getModel().getStore('countries');
+        let countryStore = this.getStateProvider().getStore('countries');
         if (countryStore.getCount() > 0) {
             return countryStore.get(record.country).name
@@ -76,7 +76,7 @@ class MainContainer extends Viewport {
                     module         : module.default,
                     animateTargetId: button.id,
                     appName,
-                    model          : {parent: me.getModel()},
+                    stateProvider  : {parent: me.getStateProvider()},
                     record,
                     windowId
                 })

package/examples/table/nestedRecordFields/{MainContainerModel.mjs → MainContainerStateProvider.mjs} RENAMED Viewed

@@ -1,20 +1,20 @@
-import MainStore from './MainStore.mjs';
-import Model     from '../../../src/model/Component.mjs';
-import Store     from '../../../src/data/Store.mjs';
+import MainStore     from './MainStore.mjs';
+import StateProvider from '../../../src/state/Provider.mjs';
+import Store         from '../../../src/data/Store.mjs';
 const countrySymbol = Symbol.for('country');
 /**
- * @class Neo.examples.table.nestedRecordFields.MainContainerModel
- * @extends Neo.model.Component
+ * @class Neo.examples.table.nestedRecordFields.MainContainerStateProvider
+ * @extends Neo.state.Provider
  */
-class MainContainerModel extends Model {
+class MainContainerStateProvider extends StateProvider {
     static config = {
         /**
-         * @member {String} className='Neo.examples.table.nestedRecordFields.MainContainerModel'
+         * @member {String} className='Neo.examples.table.nestedRecordFields.MainContainerStateProvider'
          * @protected
          */
-        className: 'Neo.examples.table.nestedRecordFields.MainContainerModel',
+        className: 'Neo.examples.table.nestedRecordFields.MainContainerStateProvider',
         /**
          * @member {Object} stores
          */
@@ -30,7 +30,7 @@ class MainContainerModel extends Model {
                     fields: [
                         {name: 'code'},
                         {name: 'name'}
-                    ]},
+                    ]}
             },
             mainStore: MainStore
         }
@@ -58,4 +58,4 @@ class MainContainerModel extends Model {
     }
 }
-export default Neo.setupClass(MainContainerModel);
+export default Neo.setupClass(MainContainerStateProvider);

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

@@ -1,8 +1,8 @@
-import MainContainerController from './MainContainerController.mjs';
-import MainContainerModel      from './MainContainerModel.mjs';
-import PagingToolbar           from '../../../../src/toolbar/Paging.mjs';
-import UserTableContainer      from './UserTableContainer.mjs';
-import Viewport                from '../../../../src/container/Viewport.mjs';
+import MainContainerController    from './MainContainerController.mjs';
+import MainContainerStateProvider from './MainContainerStateProvider.mjs';
+import PagingToolbar              from '../../../../src/toolbar/Paging.mjs';
+import UserTableContainer         from './UserTableContainer.mjs';
+import Viewport                   from '../../../../src/container/Viewport.mjs';
 /**
  * @class Neo.examples.toolbar.paging.view.MainContainer
@@ -92,9 +92,9 @@ class MainContainer extends Viewport {
          */
         layout: {ntype: 'vbox', align: 'stretch'},
         /**
-         * @member {Neo.model.Component} model=MainContainerModel
+         * @member {Neo.state.Provider} stateProvider=MainContainerStateProvider
          */
-        model: MainContainerModel,
+        stateProvider: MainContainerStateProvider,
         /**
          * @member {Object} style={padding:'20px'}
          */

package/examples/toolbar/paging/view/{MainContainerModel.mjs → MainContainerStateProvider.mjs} RENAMED Viewed

@@ -1,17 +1,17 @@
-import Model     from '../../../../src/model/Component.mjs';
-import UserStore from '../store/Users.mjs';
+import StateProvider from '../../../../src/state/Provider.mjs';
+import UserStore     from '../store/Users.mjs';
 /**
- * @class Neo.examples.toolbar.paging.view.MainContainerModel
- * @extends Neo.model.Component
+ * @class Neo.examples.toolbar.paging.view.MainContainerStateProvider
+ * @extends Neo.state.Provider
  */
-class MainContainerModel extends Model {
+class MainContainerStateProvider extends StateProvider {
     static config = {
         /**
-         * @member {String} className='Neo.examples.toolbar.paging.view.MainContainerModel'
+         * @member {String} className='Neo.examples.toolbar.paging.view.MainContainerStateProvider'
          * @protected
          */
-        className: 'Neo.examples.toolbar.paging.view.MainContainerModel',
+        className: 'Neo.examples.toolbar.paging.view.MainContainerStateProvider',
         /**
          * @member {Object} stores
          */
@@ -24,4 +24,4 @@ class MainContainerModel extends Model {
     }
 }
-export default Neo.setupClass(MainContainerModel);
+export default Neo.setupClass(MainContainerStateProvider);

package/examples/treeAccordion/MainContainer.mjs CHANGED Viewed

@@ -3,9 +3,9 @@ import CheckBox              from '../../src/form/field/CheckBox.mjs';
 import ConfigurationViewport from '../ConfigurationViewport.mjs';
 import NumberField           from '../../src/form/field/Number.mjs';
 import Panel                 from '../../src/container/Panel.mjs';
+import StateProvider         from '../../src/state/Provider.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
@@ -103,7 +103,7 @@ class MainContainer extends ConfigurationViewport {
         return Neo.ntype({
             ntype: 'container',
-            model: {
+            stateProvider: {
                 data: {
                     selection: [{name: 'Please select something'}]
                 }