neo.mjs 3.1.1 → 3.2.0

package/examples/form/field/email/MainContainer.mjs

@@ -130,4 +130,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/email/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.email'
 });
-
-export {onStart as onStart};

package/examples/form/field/number/MainContainer.mjs

@@ -125,4 +125,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/number/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.number'
 });
-
-export {onStart as onStart};

package/examples/form/field/picker/MainContainer.mjs

@@ -121,4 +121,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/picker/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.picker'
 });
-
-export {onStart as onStart};

package/examples/form/field/select/MainContainer.mjs

@@ -140,4 +140,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/select/MainModel.mjs

@@ -21,4 +21,4 @@ class MainModel extends Model {
 
 Neo.applyClassConfig(MainModel);
 
-export {MainModel as default};
+export default MainModel;

package/examples/form/field/select/MainStore.mjs

@@ -22,4 +22,4 @@ class MainStore extends Store {
 
 Neo.applyClassConfig(MainStore);
 
-export {MainStore as default};
+export default MainStore;

package/examples/form/field/select/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.select'
 });
-
-export {onStart as onStart};

package/examples/form/field/text/MainContainer.mjs

@@ -140,4 +140,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/text/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.text'
 });
-
-export {onStart as onStart};

package/examples/form/field/textarea/MainContainer.mjs

@@ -186,4 +186,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/textarea/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.textarea'
 });
-
-export {onStart as onStart};

package/examples/form/field/time/MainContainer.mjs

@@ -149,4 +149,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/time/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.time'
 });
-
-export {onStart as onStart};

package/examples/form/field/trigger/copyToClipboard/MainContainer.mjs

@@ -122,4 +122,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/trigger/copyToClipboard/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.trigger.copyToClipboard'
 });
-
-export {onStart as onStart};

package/examples/form/field/url/MainContainer.mjs

@@ -130,4 +130,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/field/url/app.mjs

@@ -1,8 +1,6 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.field.url'
 });
-
-export {onStart as onStart};

package/examples/form/fieldset/MainContainer.mjs

@@ -87,4 +87,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/form/fieldset/app.mjs

@@ -1,8 +1,7 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.form.fieldset'
 });
 
-export {onStart as onStart};

package/examples/list/animate/List.mjs

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

package/examples/list/animate/MainContainer.mjs

@@ -1,10 +1,11 @@
-import CheckBox    from '../../../src/form/field/CheckBox.mjs';
-import List        from './List.mjs';
-import MainStore   from './MainStore.mjs';
-import NumberField from '../../../src/form/field/Number.mjs';
-import TextField   from '../../../src/form/field/Text.mjs';
-import Toolbar     from '../../../src/container/Toolbar.mjs';
-import Viewport    from '../../../src/container/Viewport.mjs';
+import CheckBox                from '../../../src/form/field/CheckBox.mjs';
+import List                    from './List.mjs';
+import MainContainerController from './MainContainerController.mjs';
+import MainStore               from './MainStore.mjs';
+import NumberField             from '../../../src/form/field/Number.mjs';
+import TextField               from '../../../src/form/field/Text.mjs';
+import Toolbar                 from '../../../src/container/Toolbar.mjs';
+import Viewport                from '../../../src/container/Viewport.mjs';
 
 /**
  * @class Neo.examples.list.animate.MainContainer
@@ -12,21 +13,27 @@ import Viewport    from '../../../src/container/Viewport.mjs';
  */
 class MainContainer extends Viewport {
     static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.list.animate.MainContainer'
+         * @protected
+         */
         className: 'Neo.examples.list.animate.MainContainer',
+        /**
+         * @member {Boolean} autoMount=true
+         */
         autoMount: true,
-        layout   : {ntype: 'vbox', align: 'stretch'},
-        sortBy   : 'firstname'
-    }}
-
-    /**
-     * @param {Object} config
-     */
-    construct(config) {
-        super.construct(config);
-
-        let me = this;
-
-        me.items = [{
+        /**
+         * @member {Neo.controller.Component} controller=MainContainerController
+         */
+        controller: MainContainerController,
+        /**
+         * @member {Object} layout={ntype:'vbox',align:'stretch'}
+         */
+        layout: {ntype: 'vbox', align: 'stretch'},
+        /**
+         * @member {Object[]} items
+         */
+        items: [{
             module: Toolbar,
             flex  : 'none',
 
@@ -40,20 +47,22 @@ class MainContainer extends Viewport {
                 text : 'Sort by'
             }, {
                 field       : 'firstname',
-                handler     : me.changeSorting.bind(me, 'firstname'),
+                handler     : 'changeSorting',
                 iconCls     : 'fas fa-arrow-circle-up',
                 iconPosition: 'right',
+                reference   : 'firstnameButton',
                 text        : 'Firstname'
             }, {
                 field       : 'lastname',
-                handler     : me.changeSorting.bind(me, 'lastname'),
+                handler     : 'changeSorting',
                 iconPosition: 'right',
+                reference   : 'lastnameButton',
                 text        : 'Lastname'
             }, {
                 module    : CheckBox,
                 labelText : 'Is online',
                 labelWidth: 70,
-                listeners : {change: me.changeIsOnlineFilter.bind(me)},
+                listeners : {change: 'changeIsOnlineFilter'},
                 style     : {marginLeft: '50px'}
             }]
         }, {
@@ -61,7 +70,7 @@ class MainContainer extends Viewport {
             flex      : 'none',
             labelText : 'Search',
             labelWidth: 60,
-            listeners : {change: me.changeNameFilter.bind(me)},
+            listeners : {change: 'changeNameFilter'},
             style     : {marginLeft: '10px'},
             width     : 262
         }, {
@@ -70,7 +79,7 @@ class MainContainer extends Viewport {
             flex                : 'none',
             labelText           : 'Transition Duration',
             labelWidth          : 150,
-            listeners           : {change: me.changeTransitionDuration.bind(me)},
+            listeners           : {change: 'changeTransitionDuration'},
             maxValue            : 5000,
             minValue            : 100,
             stepSize            : 100,
@@ -78,66 +87,13 @@ class MainContainer extends Viewport {
             value               : 500,
             width               : 262
         }, {
-            module: List,
-            store : MainStore
-        }];
-    }
-
-    /**
-     * @param {Object} data
-     */
-    changeIsOnlineFilter(data) {
-        let store = this.down({module: List}).store;
-
-        store.getFilter('isOnline').disabled = !data.value;
-    }
-
-    /**
-     * @param {Object} data
-     */
-    changeNameFilter(data) {
-        let store = this.down({module: List}).store;
-
-        store.getFilter('name').value = data.value;
-    }
-
-    /**
-     * @param {String} property
-     * @param {Object} data
-     */
-    changeSorting(property, data) {
-        let me              = this,
-            buttonFirstName = me.down({field: 'firstname'}),
-            buttonLastName  = me.down({field: 'lastname'}),
-            direction       = 'ASC',
-            store           = me.down({module: List}).store,
-            sorter          = store.sorters[0],
-            button;
-
-        button = property === 'firstname' ? buttonFirstName : buttonLastName;
-
-        if (property === me.sortBy) {
-            direction = sorter.direction === 'ASC' ? 'DESC' : 'ASC';
-        }
-
-        button.iconCls = `fas fa-arrow-circle-${direction === 'ASC' ? 'up' : 'down'}`;
-
-        button = button === buttonFirstName ? buttonLastName : buttonFirstName;
-        button.iconCls = null;
-
-        sorter.set({direction, property});
-
-        me.sortBy = property;
-    }
-
-    /**
-     * @param {Object} data
-     */
-    changeTransitionDuration(data) {
-        this.down({module: List}).getPlugin('animate').transitionDuration = data.value;
-    }
+            module   : List,
+            reference: 'list',
+            store    : MainStore
+        }]
+    }}
 }
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/list/animate/MainContainerController.mjs

@@ -0,0 +1,74 @@
+import Component from '../../../src/controller/Component.mjs';
+
+/**
+ * @class Neo.examples.list.animate.MainContainerController
+ * @extends Neo.controller.Component
+ */
+class MainContainerController extends Component {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.examples.list.animate.MainContainerController'
+         * @protected
+         */
+        className: 'Neo.examples.list.animate.MainContainerController',
+        /**
+         * @member {String} sortBy='firstname'
+         * @protected
+         */
+        sortBy: 'firstname'
+    }}
+
+    /**
+     * @param {Object} data
+     */
+    changeIsOnlineFilter(data) {
+        this.getReference('list').store.getFilter('isOnline').disabled = !data.value;
+    }
+
+    /**
+     * @param {Object} data
+     */
+    changeNameFilter(data) {
+        this.getReference('list').store.getFilter('name').value = data.value;
+    }
+
+    /**
+     * @param {Object} data
+     */
+    changeSorting(data) {
+        let me              = this,
+            buttonFirstName = me.getReference('firstnameButton'),
+            buttonLastName  = me.getReference('lastnameButton'),
+            direction       = 'ASC',
+            property        = data.component.field,
+            store           = me.getReference('list').store,
+            sorter          = store.sorters[0],
+            button;
+
+        button = property === 'firstname' ? buttonFirstName : buttonLastName;
+
+        if (property === me.sortBy) {
+            direction = sorter.direction === 'ASC' ? 'DESC' : 'ASC';
+        }
+
+        button.iconCls = `fas fa-arrow-circle-${direction === 'ASC' ? 'up' : 'down'}`;
+
+        button = button === buttonFirstName ? buttonLastName : buttonFirstName;
+        button.iconCls = null;
+
+        sorter.set({direction, property});
+
+        me.sortBy = property;
+    }
+
+    /**
+     * @param {Object} data
+     */
+    changeTransitionDuration(data) {
+        this.getReference('list').getPlugin('animate').transitionDuration = data.value;
+    }
+}
+
+Neo.applyClassConfig(MainContainerController);
+
+export default MainContainerController;

package/examples/list/animate/MainModel.mjs

@@ -30,4 +30,4 @@ class MainModel extends Model {
 
 Neo.applyClassConfig(MainModel);
 
-export {MainModel as default};
+export default MainModel;

package/examples/list/animate/MainStore.mjs

@@ -45,4 +45,4 @@ class MainStore extends Store {
 
 Neo.applyClassConfig(MainStore);
 
-export {MainStore as default};
+export default MainStore;

package/examples/list/animate/app.mjs

@@ -1,8 +1,7 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.list.animate'
 });
 
-export {onStart as onStart};

package/examples/list/base/MainContainer.mjs

@@ -73,4 +73,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/list/base/MainModel.mjs

@@ -27,4 +27,4 @@ class MainModel extends Model {
 
 Neo.applyClassConfig(MainModel);
 
-export {MainModel as default};
+export default MainModel;

package/examples/list/base/MainStore.mjs

@@ -52,4 +52,4 @@ class MainStore extends Store {
 
 Neo.applyClassConfig(MainStore);
 
-export {MainStore as default};
+export default MainStore;

package/examples/list/base/app.mjs

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

package/examples/list/chip/MainContainer.mjs

@@ -65,4 +65,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/list/chip/MainModel.mjs

@@ -27,4 +27,4 @@ class MainModel extends Model {
 
 Neo.applyClassConfig(MainModel);
 
-export {MainModel as default};
+export default MainModel;

package/examples/list/chip/MainStore.mjs

@@ -52,4 +52,4 @@ class MainStore extends Store {
 
 Neo.applyClassConfig(MainStore);
 
-export {MainStore as default};
+export default MainStore;

package/examples/list/chip/app.mjs

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

package/examples/list/color/MainContainer.mjs

@@ -59,4 +59,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/list/color/MainModel.mjs

@@ -27,4 +27,4 @@ class MainModel extends Model {
 
 Neo.applyClassConfig(MainModel);
 
-export {MainModel as default};
+export default MainModel;

package/examples/list/color/MainStore.mjs

@@ -32,4 +32,4 @@ class MainStore extends Store {
 
 Neo.applyClassConfig(MainStore);
 
-export {MainStore as default};
+export default MainStore;

package/examples/list/color/app.mjs

@@ -1,8 +1,7 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.list.color'
 });
 
-export {onStart as onStart};

package/examples/menu/list/MainContainer.mjs

@@ -53,4 +53,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/menu/list/MainStore.mjs

@@ -66,4 +66,4 @@ class MainStore extends Store {
 
 Neo.applyClassConfig(MainStore);
 
-export {MainStore as default};
+export default MainStore;

package/examples/menu/list/app.mjs

@@ -1,8 +1,7 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.menu.list'
 });
 
-export {onStart as onStart};

package/examples/menu/panel/MainContainer.mjs

@@ -125,4 +125,4 @@ class MainContainer extends ConfigurationViewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/menu/panel/app.mjs

@@ -1,8 +1,7 @@
 import MainContainer from './MainContainer.mjs';
 
-const onStart = () => Neo.app({
+export const onStart = () => Neo.app({
     mainView: MainContainer,
     name    : 'Neo.examples.menu.panel'
 });
 
-export {onStart as onStart};

package/examples/model/advanced/MainContainer.mjs

@@ -161,4 +161,4 @@ class MainContainer extends Viewport {
 
 Neo.applyClassConfig(MainContainer);
 
-export {MainContainer as default};
+export default MainContainer;

package/examples/model/advanced/MainContainerController.mjs

@@ -146,4 +146,4 @@ class MainContainerController extends Component {
 
 Neo.applyClassConfig(MainContainerController);
 
-export {MainContainerController as default};
+export default MainContainerController;

package/examples/model/advanced/app.mjs

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