npm - neo.mjs - Versions diffs - 6.12.1 → 6.14.0 - Mend

neo.mjs 6.12.1 → 6.14.0

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 (948) hide show

package/examples/ServiceWorker.mjs CHANGED Viewed

@@ -32,6 +32,6 @@ class ServiceWorker extends ServiceBase {
     workerId = 'service'
 }
-let instance = Neo.applyClassConfig(ServiceWorker);
+let instance = Neo.setupClass(ServiceWorker);
 export default instance;

package/examples/button/base/MainContainer.mjs CHANGED Viewed

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

package/examples/button/split/MainContainer.mjs CHANGED Viewed

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

package/examples/calendar/basic/MainContainer.mjs CHANGED Viewed

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

package/examples/calendar/basic/MainContainerController.mjs CHANGED Viewed

@@ -58,6 +58,6 @@ class MainContainerController extends ComponentController {
     }
 }
-Neo.applyClassConfig(MainContainerController);
+Neo.setupClass(MainContainerController);
 export default MainContainerController;

package/examples/calendar/weekview/MainContainer.mjs CHANGED Viewed

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

package/examples/charts/MainContainer.mjs CHANGED Viewed

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

package/examples/component/canvas/MainContainer.mjs CHANGED Viewed

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

package/examples/component/carousel/MainContainer.mjs CHANGED Viewed

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

package/examples/component/chip/MainContainer.mjs CHANGED Viewed

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

package/examples/component/circle/MainContainer.mjs CHANGED Viewed

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

package/examples/component/clock/MainContainer.mjs CHANGED Viewed

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

package/examples/component/coronaGallery/CountryGallery.mjs CHANGED Viewed

@@ -183,6 +183,6 @@ class CountryGallery extends Gallery {
     }
 }
-Neo.applyClassConfig(CountryGallery);
+Neo.setupClass(CountryGallery);
 export default CountryGallery;

package/examples/component/coronaGallery/CountryModel.mjs CHANGED Viewed

@@ -39,6 +39,6 @@ class CountryModel extends Model {
     }
 }
-Neo.applyClassConfig(CountryModel);
+Neo.setupClass(CountryModel);
 export default CountryModel;

package/examples/component/coronaGallery/CountryStore.mjs CHANGED Viewed

@@ -23,6 +23,6 @@ class CountryStore extends Store {
     }
 }
-Neo.applyClassConfig(CountryStore);
+Neo.setupClass(CountryStore);
 export default CountryStore;

package/examples/component/coronaGallery/MainContainer.mjs CHANGED Viewed

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

package/examples/component/coronaHelix/CountryHelix.mjs CHANGED Viewed

@@ -214,6 +214,6 @@ class CountryHelix extends Helix {
     }
 }
-Neo.applyClassConfig(CountryHelix);
+Neo.setupClass(CountryHelix);
 export default CountryHelix;

package/examples/component/coronaHelix/CountryModel.mjs CHANGED Viewed

@@ -33,6 +33,6 @@ class CountryModel extends Model {
     }
 }
-Neo.applyClassConfig(CountryModel);
+Neo.setupClass(CountryModel);
 export default CountryModel;

package/examples/component/coronaHelix/CountryStore.mjs CHANGED Viewed

@@ -13,6 +13,6 @@ class CountryStore extends Store {
     }
 }
-Neo.applyClassConfig(CountryStore);
+Neo.setupClass(CountryStore);
 export default CountryStore;

package/examples/component/coronaHelix/MainContainer.mjs CHANGED Viewed

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

package/examples/component/dateSelector/MainContainer.mjs CHANGED Viewed

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

package/examples/component/gallery/ImageModel.mjs CHANGED Viewed

@@ -33,6 +33,6 @@ class ImageModel extends Model {
     }
 }
-Neo.applyClassConfig(ImageModel);
+Neo.setupClass(ImageModel);
 export default ImageModel;

package/examples/component/gallery/ImageStore.mjs CHANGED Viewed

@@ -27,6 +27,6 @@ class ImageStore extends Store {
     }
 }
-Neo.applyClassConfig(ImageStore);
+Neo.setupClass(ImageStore);
 export default ImageStore;

package/examples/component/gallery/MainContainer.mjs CHANGED Viewed

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

package/examples/component/helix/ImageModel.mjs CHANGED Viewed

@@ -33,6 +33,6 @@ class ImageModel extends Model {
     }
 }
-Neo.applyClassConfig(ImageModel);
+Neo.setupClass(ImageModel);
 export default ImageModel;

package/examples/component/helix/ImageStore.mjs CHANGED Viewed

@@ -27,6 +27,6 @@ class ImageStore extends Store {
     }
 }
-Neo.applyClassConfig(ImageStore);
+Neo.setupClass(ImageStore);
 export default ImageStore;

package/examples/component/helix/MainContainer.mjs CHANGED Viewed

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

package/examples/component/mwc/button/MainContainer.mjs CHANGED Viewed

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

package/examples/component/mwc/buttons/MainContainer.mjs CHANGED Viewed

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

package/examples/component/mwc/textField/MainContainer.mjs CHANGED Viewed

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

package/examples/component/mwc/textFields/MainContainer.mjs CHANGED Viewed

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

package/examples/component/process/MainContainer.mjs CHANGED Viewed

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

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

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

package/examples/component/progress/MainContainer.mjs CHANGED Viewed

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

package/examples/component/splitter/MainContainer.mjs CHANGED Viewed

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

package/examples/component/statusbadge/MainContainer.mjs CHANGED Viewed

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

package/examples/component/timer/MainContainer.mjs CHANGED Viewed

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

package/examples/component/timer/MainContainerController.mjs CHANGED Viewed

@@ -90,6 +90,6 @@ class MainContainerController extends ComponentController {
     }
 }
-Neo.applyClassConfig(MainContainerController);
+Neo.setupClass(MainContainerController);
 export default MainContainerController;

package/examples/component/toast/MainContainer.mjs CHANGED Viewed

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

package/examples/component/toast/MainContainerController.mjs CHANGED Viewed

@@ -90,6 +90,6 @@ class MainContainerController extends ComponentController {
     }
 }
-Neo.applyClassConfig(MainContainerController);
+Neo.setupClass(MainContainerController);
 export default MainContainerController;

package/examples/component/video/MainContainer.mjs CHANGED Viewed

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

package/examples/component/video/MainContainerController.mjs CHANGED Viewed

@@ -32,6 +32,6 @@ class MainContainerController extends ComponentController {
     }
 }
-Neo.applyClassConfig(MainContainerController);
+Neo.setupClass(MainContainerController);
 export default MainContainerController;

package/examples/component/wrapper/cesiumJS/MainContainer.mjs CHANGED Viewed

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

package/examples/component/wrapper/cesiumJS/MainContainerController.mjs CHANGED Viewed

@@ -25,6 +25,6 @@ class MainContainerController extends ComponentController {
     }
 }
-Neo.applyClassConfig(MainContainerController);
+Neo.setupClass(MainContainerController);
 export default MainContainerController;

package/examples/component/wrapper/googleMaps/MainContainer.mjs CHANGED Viewed

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

package/examples/component/wrapper/googleMaps/MainContainerController.mjs CHANGED Viewed

@@ -68,6 +68,6 @@ class MainContainerController extends ComponentController {
     }
 }
-Neo.applyClassConfig(MainContainerController);
+Neo.setupClass(MainContainerController);
 export default MainContainerController;

package/examples/component/wrapper/googleMaps/MapComponent.mjs CHANGED Viewed

@@ -163,6 +163,6 @@ class MapComponent extends GoogleMapsComponent {
     }
 }
-Neo.applyClassConfig(MapComponent);
+Neo.setupClass(MapComponent);
 export default MapComponent;

package/examples/component/wrapper/googleMaps/MarkerDialog.mjs CHANGED Viewed

@@ -101,6 +101,6 @@ class MarkerDialog extends DialogBase {
     }
 }
-Neo.applyClassConfig(MarkerDialog);
+Neo.setupClass(MarkerDialog);
 export default MarkerDialog;

package/examples/component/wrapper/monacoEditor/MainContainer.mjs ADDED Viewed

@@ -0,0 +1,187 @@
+import CheckBox              from '../../../../src/form/field/CheckBox.mjs';
+import ConfigurationViewport from '../../../ConfigurationViewport.mjs';
+import MonacoEditor          from '../../../../src/component/wrapper/MonacoEditor.mjs';
+import NumberField           from '../../../../src/form/field/Number.mjs';
+import Radio                 from '../../../../src/form/field/Radio.mjs';
+/**
+ * @class Neo.examples.component.wrapper.monacoEditor.MainContainer
+ * @extends Neo.container.Viewport
+ */
+class MainContainer extends ConfigurationViewport {
+    static config = {
+        className           : 'Neo.examples.component.wrapper.monacoEditor.MainContainer',
+        configItemLabelWidth: 170,
+        configItemWidth     : 280,
+        layout              : {ntype: 'hbox', align: 'stretch'}
+    }
+    createConfigurationComponents() {
+        let me = this;
+        return [{
+            module   : CheckBox,
+            checked  : me.exampleComponent.contextmenu,
+            labelText: 'contextmenu',
+            listeners: {change: me.onConfigChange.bind(me, 'contextmenu')}
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.cursorBlinking === 'blink',
+            hideValueLabel: false,
+            labelText     : 'cursorBlinking',
+            listeners     : {change: me.onRadioChange.bind(me, 'cursorBlinking', 'blink')},
+            name          : 'cursorBlinking',
+            style         : {marginTop: '10px'},
+            valueLabelText: 'blink'
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.cursorBlinking === 'expand',
+            hideValueLabel: false,
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'cursorBlinking', 'expand')},
+            name          : 'cursorBlinking',
+            valueLabelText: 'expand'
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.cursorBlinking === 'phase',
+            hideValueLabel: false,
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'cursorBlinking', 'phase')},
+            name          : 'cursorBlinking',
+            valueLabelText: 'phase'
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.cursorBlinking === 'smooth',
+            hideValueLabel: false,
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'cursorBlinking', 'smooth')},
+            name          : 'cursorBlinking',
+            valueLabelText: 'smooth'
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.cursorBlinking === 'solid',
+            hideValueLabel: false,
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'cursorBlinking', 'solid')},
+            name          : 'cursorBlinking',
+            valueLabelText: 'solid'
+        }, {
+            module   : CheckBox,
+            checked  : me.exampleComponent.domReadOnly,
+            labelText: 'domReadOnly',
+            listeners: {change: me.onConfigChange.bind(me, 'domReadOnly')},
+            style    : {marginTop: '10px'}
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.editorTheme === 'hc-black',
+            hideValueLabel: false,
+            labelText     : 'editorTheme',
+            listeners     : {change: me.onRadioChange.bind(me, 'editorTheme', 'hc-black')},
+            name          : 'editorTheme',
+            style         : {marginTop: '10px'},
+            valueLabelText: 'hc-black'
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.editorTheme === 'hc-light',
+            hideValueLabel: false,
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'editorTheme', 'hc-light')},
+            name          : 'editorTheme',
+            valueLabelText: 'hc-light'
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.editorTheme === 'vs',
+            hideValueLabel: false,
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'editorTheme', 'vs')},
+            name          : 'editorTheme',
+            valueLabelText: 'vs'
+        }, {
+            module        : Radio,
+            checked       : me.exampleComponent.editorTheme === 'vs-dark',
+            hideValueLabel: false,
+            labelText     : '',
+            listeners     : {change: me.onRadioChange.bind(me, 'editorTheme', 'vs-dark')},
+            name          : 'editorTheme',
+            valueLabelText: 'vs-dark'
+        }, {
+            module   : NumberField,
+            clearable: true,
+            labelText: 'fontSize',
+            listeners: {change: me.onConfigChange.bind(me, 'fontSize')},
+            maxValue : 30,
+            minValue : 8,
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.fontSize
+        }, {
+            module   : NumberField,
+            clearable: true,
+            labelText: 'height',
+            listeners: {change: me.onConfigChange.bind(me, 'height')},
+            maxValue : 1000,
+            minValue : 300,
+            stepSize : 10,
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.height
+        }, {
+            module   : CheckBox,
+            checked  : me.exampleComponent.minimap.enabled,
+            labelText: 'minimap',
+            listeners: {change: me.onToggleMinimap.bind(me)},
+            style    : {marginTop: '10px'}
+        }, {
+            module   : CheckBox,
+            checked  : me.exampleComponent.readOnly,
+            labelText: 'readOnly',
+            listeners: {change: me.onConfigChange.bind(me, 'readOnly')},
+            style    : {marginTop: '10px'}
+        }, {
+            module   : CheckBox,
+            checked  : me.exampleComponent.scrollBeyondLastLine,
+            labelText: 'scrollBeyondLastLine',
+            listeners: {change: me.onConfigChange.bind(me, 'scrollBeyondLastLine')},
+            style    : {marginTop: '10px'}
+        }, {
+            module   : CheckBox,
+            checked  : me.exampleComponent.showLineNumbers,
+            labelText: 'showLineNumbers',
+            listeners: {change: me.onConfigChange.bind(me, 'showLineNumbers')},
+            style    : {marginTop: '10px'}
+        }, {
+            module   : NumberField,
+            clearable: true,
+            labelText: 'width',
+            listeners: {change: me.onConfigChange.bind(me, 'width')},
+            maxValue : 1000,
+            minValue : 300,
+            stepSize : 10,
+            style    : {marginTop: '10px'},
+            value    : me.exampleComponent.width
+        }]
+    }
+    /**
+     * @returns {Neo.component.Base}
+     */
+    createExampleComponent() {
+        return Neo.create({
+            module: MonacoEditor,
+            height: 500,
+            value : ['function x() {', '\tconsole.log("Hello world!");', '}'],
+            width : 500
+        })
+    }
+    /**
+     * @param {Object} data
+     */
+    onToggleMinimap(data) {
+        this.exampleComponent.minimap = {
+            enabled: data.value
+        }
+    }
+}
+Neo.setupClass(MainContainer);
+export default MainContainer;

package/examples/component/wrapper/monacoEditor/app.mjs ADDED Viewed

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

package/examples/component/wrapper/monacoEditor/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>Neo Monaco Editor</title>
+</head>
+<body>
+    <script src="../../../../src/MicroLoader.mjs" type="module"></script>
+</body>
+</html>