neo.mjs 6.42.0 → 6.44.0

package/examples/component/process/realWorldExample/MainContainer.mjs

@@ -43,7 +43,7 @@ class MainContainer extends ConfigurationViewport {
             module   : TextField,
             labelText: 'iconColor',
             listeners: {change: me.onConfigChange.bind(me, 'iconColor')}
-        }];
+        }]
     }
 
     createExampleComponent() {
@@ -57,7 +57,7 @@ class MainContainer extends ConfigurationViewport {
                 temperature   = Math.ceil(result.current_weather.temperature),
                 temperatureEl = me.down({flag: 'temperature'})
 
-            temperatureEl.value = temperature;
+            temperatureEl.value = temperature
         });
 
         return Neo.create({
@@ -231,7 +231,7 @@ class MainContainer extends ConfigurationViewport {
                 }],
                 listeners   : {fieldChange: onRangeChange}
             }]
-        });
+        })
     }
 
     /**
@@ -242,8 +242,8 @@ class MainContainer extends ConfigurationViewport {
         const processes = Neo.find({ntype: 'process'});
 
         processes.forEach(process => {
-            process[config] = opts.value;
-        });
+            process[config] = opts.value
+        })
     }
 
     /**
@@ -262,19 +262,21 @@ class MainContainer extends ConfigurationViewport {
         if (startKm) {
             const startProcess = this.down({flag: 'start-process'});
 
-            startProcess.arrowColor = '#12FE88';
+            startProcess.arrowColor = '#12FE88'
         }
+
         if (endKm) {
             const startProcess = this.down({flag: 'end-process'});
 
-            startProcess.arrowColor = '#12FE88';
+            startProcess.arrowColor = '#12FE88'
         }
 
         if ((startKm && !endKm) || endKm <= startKm) {
-            endKmEl.value = startKm + 5;
+            endKmEl.value = startKm + 5
         }
+
         if (endBattery >= startBattery) {
-            endBatteryEl.value = startBattery - 1;
+            endBatteryEl.value = startBattery - 1
         }
 
         if (startKm && endKm) {
@@ -291,9 +293,9 @@ class MainContainer extends ConfigurationViewport {
             additionalInformationEl.disabled = false;
             resultEl.value = Math.ceil(resultKm);
             remainKwhEl.value = Math.ceil(kwpMaxEl.value * (endBattery / 100));
-            averageKwhEl.value = Math.ceil(100 * (kWhUsed / kmDiff));
+            averageKwhEl.value = Math.ceil(100 * (kWhUsed / kmDiff))
         } else {
-            additionalInformationEl.disabled = true;
+            additionalInformationEl.disabled = true
         }
     }
 
@@ -311,12 +313,12 @@ class MainContainer extends ConfigurationViewport {
             msg = `Du bist seeehr sportlich unterwegs mit ${averageKwh} kWh auf 100km`;
             iconCls = 'fa fa-flag-checkered';
             ui = 'danger';
-            title = 'racing';
+            title = 'racing'
         } else if (averageKwh < 15) {
             msg = `Du bist sehr umweltbewusst gefahren und hast nur ${averageKwh} kwh/100km verbraucht.`;
             iconCls = 'fa-brands fa-pagelines';
             ui = 'success';
-            title = 'ECO';
+            title = 'ECO'
         }
 
         Neo.toast({
@@ -325,10 +327,8 @@ class MainContainer extends ConfigurationViewport {
             iconCls: iconCls,
             title  : title,
             msg    : msg
-        });
+        })
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/component/progress/MainContainer.mjs

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

package/examples/component/splitter/MainContainer.mjs

@@ -44,7 +44,7 @@ class MainContainer extends ConfigurationViewport {
             stepSize : 5,
             style    : {marginTop: '10px'},
             value    : me.exampleComponent.width
-        }];
+        }]
     }
 
     createExampleComponent() {
@@ -61,14 +61,14 @@ class MainContainer extends ConfigurationViewport {
             }, {
                 ntype: 'component'
             }]
-        });
+        })
     }
 
     /**
      * @param {Object} data
      */
     logInstance(data) {
-        console.log(this.exampleComponent.down({module: Splitter}));
+        console.log(this.exampleComponent.down({module: Splitter}))
     }
 
     /**
@@ -80,10 +80,8 @@ class MainContainer extends ConfigurationViewport {
         this.exampleComponent.layout = {
             ntype: data.value ? 'vbox' : 'hbox',
             align: 'stretch'
-        };
+        }
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/component/statusbadge/MainContainer.mjs

@@ -1,9 +1,9 @@
-import CheckBox from '../../../src/form/field/CheckBox.mjs';
+import CheckBox              from '../../../src/form/field/CheckBox.mjs';
 import ConfigurationViewport from '../../ConfigurationViewport.mjs';
-import NumberField from '../../../src/form/field/Number.mjs';
-import Radio from '../../../src/form/field/Radio.mjs';
-import StatusBadge from '../../../src/component/StatusBadge.mjs';
-import TextField from '../../../src/form/field/Text.mjs';
+import NumberField           from '../../../src/form/field/Number.mjs';
+import Radio                 from '../../../src/form/field/Radio.mjs';
+import StatusBadge           from '../../../src/component/StatusBadge.mjs';
+import TextField             from '../../../src/form/field/Text.mjs';
 
 /**
  * @class Neo.examples.component.statusbadge.MainContainer
@@ -11,172 +11,172 @@ import TextField from '../../../src/form/field/Text.mjs';
  */
 class MainContainer extends ConfigurationViewport {
     static config = {
-        className: 'Neo.examples.component.statusbadge.MainContainer',
-        autoMount: true,
+        className           : 'Neo.examples.component.statusbadge.MainContainer',
+        autoMount           : true,
         configItemLabelWidth: 110,
-        configItemWidth: 230,
-        layout: { ntype: 'hbox', align: 'stretch' }
+        configItemWidth     : 230,
+        layout              : {ntype: 'hbox', align: 'stretch'}
     }
 
     createConfigurationComponents() {
         let me = this;
 
         return [{
-            module: CheckBox,
-            checked: me.exampleComponent.closable,
+            module   : CheckBox,
+            checked  : me.exampleComponent.closable,
             labelText: 'closable',
-            listeners: { change: me.onConfigChange.bind(me, 'closable') }
+            listeners: {change: me.onConfigChange.bind(me, 'closable')}
         }, {
-            module: NumberField,
+            module   : NumberField,
             clearable: true,
             labelText: 'height',
-            listeners: { change: me.onConfigChange.bind(me, 'height') },
-            maxValue: 100,
-            minValue: 20,
-            stepSize: 2,
-            style: { marginTop: '10px' },
-            value: me.exampleComponent.height
-        }, {
-            module: NumberField,
+            listeners: {change: me.onConfigChange.bind(me, 'height')},
+            maxValue : 100,
+            minValue : 20,
+            stepSize : 2,
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.height
+        }, {
+            module   : NumberField,
             clearable: true,
             labelText: 'width',
-            listeners: { change: me.onConfigChange.bind(me, 'width') },
-            maxValue: 300,
-            minValue: 100,
-            stepSize: 5,
-            style: { marginTop: '10px' },
-            value: me.exampleComponent.width
-        }, {
-            module: TextField,
+            listeners: {change: me.onConfigChange.bind(me, 'width')},
+            maxValue : 300,
+            minValue : 100,
+            stepSize : 5,
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.width
+        }, {
+            module   : TextField,
             labelText: 'label Alert',
-            listeners: { change: me.onConfigChange.bind(me, 'labelAlert') },
-            style: { marginTop: '20px' },
-            value: me.exampleComponent.labelAlert
+            listeners: {change: me.onConfigChange.bind(me, 'labelAlert')},
+            style    : {marginTop: '20px'},
+            value    : me.exampleComponent.labelAlert
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'icon Alert',
-            listeners: { change: me.onConfigChange.bind(me, 'iconAlert') },
-            value: me.exampleComponent.iconAlert
+            listeners: {change: me.onConfigChange.bind(me, 'iconAlert')},
+            value    : me.exampleComponent.iconAlert
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'side-icon Alert',
-            listeners: { change: me.onConfigChange.bind(me, 'sideIconAlert') },
-            value: me.exampleComponent.sideIconAlert
+            listeners: {change: me.onConfigChange.bind(me, 'sideIconAlert')},
+            value    : me.exampleComponent.sideIconAlert
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'label Error',
-            listeners: { change: me.onConfigChange.bind(me, 'labelError') },
-            style: { marginTop: '10px' },
-            value: me.exampleComponent.labelError
+            listeners: {change: me.onConfigChange.bind(me, 'labelError')},
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.labelError
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'icon Error',
-            listeners: { change: me.onConfigChange.bind(me, 'iconError') },
-            value: me.exampleComponent.iconError
+            listeners: {change: me.onConfigChange.bind(me, 'iconError')},
+            value    : me.exampleComponent.iconError
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'side-icon Error',
-            listeners: { change: me.onConfigChange.bind(me, 'sideIconError') },
-            value: me.exampleComponent.sideIconError
-        },{
-            module: TextField,
+            listeners: {change: me.onConfigChange.bind(me, 'sideIconError')},
+            value    : me.exampleComponent.sideIconError
+        }, {
+            module   : TextField,
             labelText: 'label Info',
-            listeners: { change: me.onConfigChange.bind(me, 'labelInfo') },
-            style: { marginTop: '10px' },
-            value: me.exampleComponent.labelInfo
+            listeners: {change: me.onConfigChange.bind(me, 'labelInfo')},
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.labelInfo
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'icon Info',
-            listeners: { change: me.onConfigChange.bind(me, 'iconInfo') },
-            value: me.exampleComponent.iconInfo
+            listeners: {change: me.onConfigChange.bind(me, 'iconInfo')},
+            value    : me.exampleComponent.iconInfo
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'side-icon Info',
-            listeners: { change: me.onConfigChange.bind(me, 'sideIconInfo') },
-            value: me.exampleComponent.sideIconInfo 
+            listeners: {change: me.onConfigChange.bind(me, 'sideIconInfo')},
+            value    : me.exampleComponent.sideIconInfo
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'label Neutral',
-            listeners: { change: me.onConfigChange.bind(me, 'labelNeutral') },
-            style: { marginTop: '10px' },
-            value: me.exampleComponent.labelNeutral
+            listeners: {change: me.onConfigChange.bind(me, 'labelNeutral')},
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.labelNeutral
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'icon Neutral',
-            listeners: { change: me.onConfigChange.bind(me, 'iconNeutral') },
-            value: me.exampleComponent.iconNeutral
+            listeners: {change: me.onConfigChange.bind(me, 'iconNeutral')},
+            value    : me.exampleComponent.iconNeutral
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'side-icon Neutral',
-            listeners: { change: me.onConfigChange.bind(me, 'sideIconNeutral') },
-            value: me.exampleComponent.sideIconNeutral
+            listeners: {change: me.onConfigChange.bind(me, 'sideIconNeutral')},
+            value    : me.exampleComponent.sideIconNeutral
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'label Success',
-            listeners: { change: me.onConfigChange.bind(me, 'labelSuccess') },
-            style: { marginTop: '10px' },
-            value: me.exampleComponent.labelSuccess
+            listeners: {change: me.onConfigChange.bind(me, 'labelSuccess')},
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.labelSuccess
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'icon Success',
-            listeners: { change: me.onConfigChange.bind(me, 'iconSuccess') },
-            value: me.exampleComponent.iconSuccess
+            listeners: {change: me.onConfigChange.bind(me, 'iconSuccess')},
+            value    : me.exampleComponent.iconSuccess
         }, {
-            module: TextField,
+            module   : TextField,
             labelText: 'side-icon Success',
-            listeners: { change: me.onConfigChange.bind(me, 'sideIconSuccess') },
-            value: me.exampleComponent.sideIconSuccess
+            listeners: {change: me.onConfigChange.bind(me, 'sideIconSuccess')},
+            value    : me.exampleComponent.sideIconSuccess
         }, {
-            module: CheckBox,
-            checked: me.exampleComponent.deactivateStateIcons,
+            module   : CheckBox,
+            checked  : me.exampleComponent.deactivateStateIcons,
             labelText: 'deactivate State Icons',
-            style: { marginTop: '20px' },
-            listeners: { change: me.onConfigChange.bind(me, 'deactivateStateIcons') },
+            style    : {marginTop: '20px'},
+            listeners: {change: me.onConfigChange.bind(me, 'deactivateStateIcons')},
         }, {
-            module: CheckBox,
-            checked: me.exampleComponent.deactivateSideIcons,
+            module   : CheckBox,
+            checked  : me.exampleComponent.deactivateSideIcons,
             labelText: 'deactivate Side Icons',
-            listeners: { change: me.onConfigChange.bind(me, 'deactivateSideIcons') },
+            listeners: {change: me.onConfigChange.bind(me, 'deactivateSideIcons')},
         }, {
-            module: Radio,
-            checked: me.exampleComponent.state === 'alert',
+            module        : Radio,
+            checked       : me.exampleComponent.state === 'alert',
             hideValueLabel: false,
-            labelText: 'state',
-            listeners: { change: me.onRadioChange.bind(me, 'state', 'alert') },
-            name: 'state',
-            style: { marginTop: '20px' },
+            labelText     : 'state',
+            listeners     : {change: me.onRadioChange.bind(me, 'state', 'alert')},
+            name          : 'state',
+            style         : {marginTop: '20px'},
             valueLabelText: 'alert'
         }, {
-            module: Radio,
-            checked: me.exampleComponent.state === 'error',
+            module        : Radio,
+            checked       : me.exampleComponent.state === 'error',
             hideValueLabel: false,
-            labelText: '',
-            listeners: { change: me.onRadioChange.bind(me, 'state', 'error') },
-            name: 'state',
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'state', 'error')},
+            name          : 'state',
             valueLabelText: 'error'
         }, {
-            module: Radio,
-            checked: me.exampleComponent.state === 'info',
+            module        : Radio,
+            checked       : me.exampleComponent.state === 'info',
             hideValueLabel: false,
-            labelText: '',
-            listeners: { change: me.onRadioChange.bind(me, 'state', 'info') },
-            name: 'state',
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'state', 'info')},
+            name          : 'state',
             valueLabelText: 'info'
         }, {
-            module: Radio,
-            checked: me.exampleComponent.state === 'neutral',
+            module        : Radio,
+            checked       : me.exampleComponent.state === 'neutral',
             hideValueLabel: false,
-            labelText: '',
-            listeners: { change: me.onRadioChange.bind(me, 'state', 'neutral') },
-            name: 'state',
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'state', 'neutral')},
+            name          : 'state',
             valueLabelText: 'neutral'
         }, {
-            module: Radio,
-            checked: me.exampleComponent.state === 'success',
+            module        : Radio,
+            checked       : me.exampleComponent.state === 'success',
             hideValueLabel: false,
-            labelText: '',
-            listeners: { change: me.onRadioChange.bind(me, 'state', 'success') },
-            name: 'state',
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'state', 'success')},
+            name          : 'state',
             valueLabelText: 'success'
         }]
     }
@@ -190,6 +190,4 @@ class MainContainer extends ConfigurationViewport {
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/component/timer/MainContainer.mjs

@@ -1,8 +1,8 @@
 import ConfigurationViewport from '../../ConfigurationViewport.mjs';
-import Timer               from '../../../src/component/Timer.mjs';
 import Container             from '../../../src/container/Base.mjs';
-import TextField              from "../../../src/form/field/Text.mjs";
-import ColorField             from "../../../src/form/field/Color.mjs"
+import ColorField            from '../../../src/form/field/Color.mjs';
+import TextField             from '../../../src/form/field/Text.mjs';
+import Timer                 from '../../../src/component/Timer.mjs';
 
 /**
  * @class Neo.examples.component.timer.MainContainer
@@ -10,7 +10,7 @@ import ColorField             from "../../../src/form/field/Color.mjs"
  */
 class MainContainer extends ConfigurationViewport {
     static config = {
-        className           : 'Neo.examples.component.timer.MainContainer',
+        className: 'Neo.examples.component.timer.MainContainer',
     }
 
     createConfigurationComponents() {
@@ -19,28 +19,28 @@ class MainContainer extends ConfigurationViewport {
         return [{
             module   : TextField,
             labelText: 'dimensions',
-            value    : '8rem',
-            listeners: {change: me.onConfigChange.bind(me, 'dimensions')}
+            listeners: {change: me.onConfigChange.bind(me, 'dimensions')},
+            value    : '8rem'
         }, {
             module   : ColorField,
-            clearable : false,
+            clearable: false,
             labelText: 'colorStart',
-            value: '#8a9b0f',
-            listeners: {change: me.onConfigChange.bind(me, 'colorStart')}
+            listeners: {change: me.onConfigChange.bind(me, 'colorStart')},
+            value    : '#8a9b0f'
         }, {
             module   : ColorField,
-            clearable : false,
+            clearable: false,
             labelText: 'colorEnd',
-            value: '#940a3d',
-            listeners: {change: me.onConfigChange.bind(me, 'colorEnd')}
-        }];
+            listeners: {change: me.onConfigChange.bind(me, 'colorEnd')},
+            value    : '#940a3d'
+        }]
     }
 
     createExampleComponent() {
         return Neo.create({
             module: Container,
-            style: {
-                overflow: 'auto',
+            style : {
+                overflow : 'auto',
                 maxHeight: '100%'
             },
             items : [{
@@ -50,9 +50,9 @@ class MainContainer extends ConfigurationViewport {
                 module    : Timer,
                 duration  : '20s',
                 flag      : 'timer-component',
-                dimensions: '8rem',
+                dimensions: '8rem'
             }]
-        });
+        })
     }
 
     /**
@@ -62,10 +62,8 @@ class MainContainer extends ConfigurationViewport {
     onConfigChange(config, opts) {
         const timer = this.down({flag: 'timer-component'});
 
-        timer[config] = opts.value;
+        timer[config] = opts.value
     }
 }
 
-Neo.setupClass(MainContainer);
-
-export default MainContainer;
+export default Neo.setupClass(MainContainer);

package/examples/component/timer/MainContainerController.mjs

@@ -19,7 +19,7 @@ class MainContainerController extends ComponentController {
      */
     construct(config) {
         super.construct(config);
-        Neo.main.addon.HighlightJS.switchTheme('dark');
+        Neo.main.addon.HighlightJS.switchTheme('dark')
     }
 
     /**
@@ -37,7 +37,7 @@ class MainContainerController extends ComponentController {
             values;
 
         if (Neo.isBoolean(data.value)) {
-            me.getReference('closable').value = data.value;
+            me.getReference('closable').value = data.value
         }
 
         values = await form.getSubmitValues();
@@ -67,12 +67,12 @@ class MainContainerController extends ComponentController {
         // use the defaults from toast if not set
         clear.forEach(item => {
             if (values[item] === null) {
-                delete values[item];
+                delete values[item]
             }
         })
 
         values.appName = me.component.appName;
-        Neo.toast(values);
+        Neo.toast(values)
     }
 
     /**
@@ -86,10 +86,8 @@ class MainContainerController extends ComponentController {
         Neo.main.addon.HighlightJS.syntaxHighlight({
             appName: me.component.appName,
             vnodeId: oVdom.cn[0].id
-        });
+        })
     }
 }
 
-Neo.setupClass(MainContainerController);
-
-export default MainContainerController;
+export default Neo.setupClass(MainContainerController);

package/examples/component/toast/MainContainer.mjs

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

package/examples/component/toast/MainContainerController.mjs

@@ -20,7 +20,7 @@ class MainContainerController extends ComponentController {
     construct(config) {
         super.construct(config);
         Neo.main.addon.HighlightJS.switchTheme('dark');
-        Neo.main.addon.HighlightJS.loadLibrary({});
+        Neo.main.addon.HighlightJS.loadLibrary({})
     }
 
     /**
@@ -68,12 +68,12 @@ class MainContainerController extends ComponentController {
         // use the defaults from toast if not set
         clear.forEach(item => {
             if (values[item] === null) {
-                delete values[item];
+                delete values[item]
             }
         })
 
         values.appName = me.component.appName;
-        Neo.toast(values);
+        Neo.toast(values)
     }
 
     /**
@@ -87,10 +87,8 @@ class MainContainerController extends ComponentController {
         Neo.main.addon.HighlightJS.syntaxHighlight({
             appName: me.component.appName,
             vnodeId: oVdom.cn[0].id
-        });
+        })
     }
 }
 
-Neo.setupClass(MainContainerController);
-
-export default MainContainerController;
+export default Neo.setupClass(MainContainerController);

package/examples/component/video/MainContainer.mjs

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