neo.mjs 6.41.0 → 6.43.0

package/src/form/field/ZipCode.mjs

@@ -112,6 +112,4 @@ class ZipCode extends Text {
     }
 }
 
-Neo.setupClass(ZipCode);
-
-export default ZipCode;
+export default Neo.setupClass(ZipCode);

package/src/form/field/trigger/Base.mjs

@@ -203,6 +203,4 @@ class Base extends Component {
     }
 }
 
-Neo.setupClass(Base);
-
-export default Base;
+export default Neo.setupClass(Base);

package/src/form/field/trigger/Clear.mjs

@@ -141,6 +141,4 @@ class Clear extends Base {
     }
 }
 
-Neo.setupClass(Clear);
-
-export default Clear;
+export default Neo.setupClass(Clear);

package/src/form/field/trigger/CopyToClipboard.mjs

@@ -103,6 +103,4 @@ class CopyToClipboard extends Base {
     }
 }
 
-Neo.setupClass(CopyToClipboard);
-
-export default CopyToClipboard;
+export default Neo.setupClass(CopyToClipboard);

package/src/form/field/trigger/Date.mjs

@@ -24,6 +24,4 @@ class DateTrigger extends Picker {
     }
 }
 
-Neo.setupClass(DateTrigger);
-
-export default DateTrigger;
+export default Neo.setupClass(DateTrigger);

package/src/form/field/trigger/Picker.mjs

@@ -37,6 +37,4 @@ class Picker extends Base {
     }
 }
 
-Neo.setupClass(Picker);
-
-export default Picker;
+export default Neo.setupClass(Picker);

package/src/form/field/trigger/Search.mjs

@@ -23,6 +23,4 @@ class Search extends Picker {
     }
 }
 
-Neo.setupClass(Search);
-
-export default Search;
+export default Neo.setupClass(Search);

package/src/form/field/trigger/SpinDown.mjs

@@ -41,6 +41,4 @@ class SpinDown extends Base {
     }
 }
 
-Neo.setupClass(SpinDown);
-
-export default SpinDown;
+export default Neo.setupClass(SpinDown);

package/src/form/field/trigger/SpinUp.mjs

@@ -37,6 +37,4 @@ class SpinUp extends Base {
     }
 }
 
-Neo.setupClass(SpinUp);
-
-export default SpinUp;
+export default Neo.setupClass(SpinUp);

package/src/form/field/trigger/SpinUpDown.mjs

@@ -69,6 +69,4 @@ class SpinUpDown extends Base {
     }
 }
 
-Neo.setupClass(SpinUpDown);
-
-export default SpinUpDown;
+export default Neo.setupClass(SpinUpDown);

package/src/form/field/trigger/Time.mjs

@@ -96,6 +96,4 @@ class Time extends Picker {
     }
 }
 
-Neo.setupClass(Time);
-
-export default Time;
+export default Neo.setupClass(Time);

package/src/grid/Container.mjs

@@ -336,6 +336,4 @@ class Container extends BaseContainer {
     }
 }
 
-Neo.setupClass(Container);
-
-export default Container;
+export default Neo.setupClass(Container);

package/src/grid/View.mjs

@@ -261,6 +261,4 @@ class View extends Component {
     }
 }
 
-Neo.setupClass(View);
-
-export default View;
+export default Neo.setupClass(View);

package/src/grid/header/Button.mjs

@@ -168,6 +168,4 @@ class Button extends BaseButton {
     }
 }
 
-Neo.setupClass(Button);
-
-export default Button;
+export default Neo.setupClass(Button);

package/src/grid/header/Toolbar.mjs

@@ -82,6 +82,4 @@ class Toolbar extends BaseToolbar {
     }
 }
 
-Neo.setupClass(Toolbar);
-
-export default Toolbar;
+export default Neo.setupClass(Toolbar);

package/src/layout/Base.mjs

@@ -156,6 +156,4 @@ class Base extends CoreBase {
     }
 }
 
-Neo.setupClass(Base);
-
-export default Base;
+export default Neo.setupClass(Base);

package/src/layout/Card.mjs

@@ -282,6 +282,4 @@ class Card extends Base {
     }
 }
 
-Neo.setupClass(Card);
-
-export default Card;
+export default Neo.setupClass(Card);

package/src/layout/Cube.mjs

@@ -425,6 +425,4 @@ class Cube extends Card {
     }
 }
 
-Neo.setupClass(Cube);
-
-export default Cube;
+export default Neo.setupClass(Cube);

package/src/layout/Fit.mjs

@@ -51,6 +51,4 @@ class Fit extends Base {
     }
 }
 
-Neo.setupClass(Fit);
-
-export default Fit;
+export default Neo.setupClass(Fit);

package/src/layout/Flexbox.mjs

@@ -308,6 +308,4 @@ class Flexbox extends Base {
     }
 }
 
-Neo.setupClass(Flexbox);
-
-export default Flexbox;
+export default Neo.setupClass(Flexbox);

package/src/layout/Form.mjs

@@ -78,6 +78,4 @@ class Form extends Base {
     }
 }
 
-Neo.setupClass(Form);
-
-export default Form;
+export default Neo.setupClass(Form);

package/src/layout/Grid.mjs

@@ -25,6 +25,4 @@ class Grid extends Base {
     }
 }
 
-Neo.setupClass(Grid);
-
-export default Grid;
+export default Neo.setupClass(Grid);

package/src/layout/HBox.mjs

@@ -34,6 +34,4 @@ class HBox extends Flexbox {
     }
 }
 
-Neo.setupClass(HBox);
-
-export default HBox;
+export default Neo.setupClass(HBox);

package/src/layout/VBox.mjs

@@ -34,6 +34,4 @@ class VBox extends Flexbox {
     }
 }
 
-Neo.setupClass(VBox);
-
-export default VBox;
+export default Neo.setupClass(VBox);

package/src/list/Base.mjs

@@ -811,6 +811,4 @@ class Base extends Component {
     }
 }
 
-Neo.setupClass(Base);
-
-export default Base;
+export default Neo.setupClass(Base);

package/src/list/Chip.mjs

@@ -102,6 +102,4 @@ class Chip extends ComponentList {
     }
 }
 
-Neo.setupClass(Chip);
-
-export default Chip;
+export default Neo.setupClass(Chip);

package/src/list/Circle.mjs

@@ -82,6 +82,4 @@ class Circle extends Component {
     }
 }
 
-Neo.setupClass(Circle);
-
-export default Circle;
+export default Neo.setupClass(Circle);

package/src/list/Color.mjs

@@ -93,6 +93,4 @@ class Color extends Base {
     }
 }
 
-Neo.setupClass(Color);
-
-export default Color;
+export default Neo.setupClass(Color);

package/src/list/Component.mjs

@@ -111,6 +111,4 @@ class Component extends Base {
     }
 }
 
-Neo.setupClass(Component);
-
-export default Component;
+export default Neo.setupClass(Component);

package/src/list/plugin/Animate.mjs

@@ -433,6 +433,4 @@ class Animate extends Base {
     }
 }
 
-Neo.setupClass(Animate);
-
-export default Animate;
+export default Neo.setupClass(Animate);

package/src/main/DomAccess.mjs

@@ -566,18 +566,21 @@ class DomAccess extends Base {
 
     /**
      * Include a script into the document.head
+     * You can add more attributes if needed. See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script
      * @param {String} src
-     * @param {Boolean} [async=true]
+     * @param {Object} opts=defer:true}
+     * @param {Boolean} [opts.async]
+     * @param {Boolean} [opts.defer]
      * @returns {Promise<unknown>}
      */
-    loadScript(src, async=true) {
+    loadScript(src, opts={defer:true}) {
         let script;
 
         return new Promise((resolve, reject) => {
             script = document.createElement('script');
 
             Object.assign(script, {
-                async,
+                ...opts,
                 onerror: reject,
                 onload : resolve,
                 src

package/src/main/addon/AmCharts.mjs

@@ -20,12 +20,6 @@ class AmCharts extends Base {
          * @protected
          */
         charts: {},
-        /**
-         * Stores all chart config objects which arrived before the chart lib scripts got loaded
-         * @member {Object[]} chartsToCreate=[]
-         * @protected
-         */
-        chartsToCreate: [],
         /**
          * Stores all chart data inside an object. key => chart id
          * No array since in case a chart gets loaded multiple times, we only want to apply the last data on mount.
@@ -45,7 +39,7 @@ class AmCharts extends Base {
         fallbackPath: 'https://neomjs.github.io/pages/resources_pub/amCharts/',
         /**
          * Remote method access for other workers
-         * @member {Object} remote={app: [//...]}
+         * @member {Object} remote
          * @protected
          */
         remote: {
@@ -57,39 +51,21 @@ class AmCharts extends Base {
                 'setProperty',
                 'updateData'
             ]
-        },
-        /**
-         * @member {Boolean} scriptsLoaded_=true
-         * @protected
-         */
-        scriptsLoaded_: false
-    }
-
-    /**
-     * @param {Object} config
-     */
-    construct(config) {
-        super.construct(config);
-
-        this.insertAmChartsScripts()
+        }
     }
 
     /**
-     * Triggered after the scriptsLoaded config got changed
+     * Triggered after the isReady config got changed
      * @param {Boolean} value
      * @param {Boolean} oldValue
      * @protected
      */
-    afterSetScriptsLoaded(value, oldValue) {
+    afterSetIsReady(value, oldValue) {
+        super.afterSetIsReady(value, oldValue);
+
         if (value) {
             let me = this;
 
-            me.chartsToCreate.forEach(config => {
-                me.create(config)
-            });
-
-            me.chartsToCreate = [];
-
             me.timeout(1000).then(() => {
                 Object.entries(me.dataMap).forEach(([key, dataValue]) => {
                     me.updateData(dataValue)
@@ -107,15 +83,21 @@ class AmCharts extends Base {
      * @param {Array} [data.params]
      */
     callMethod(data) {
-        if (this.hasChart(data.id)) {
-            let chart      = this.charts[data.id],
-                pathArray  = data.path.split('.'),
-                methodName = pathArray.pop(),
-                scope      = pathArray.length < 1 ? chart:  Neo.ns(pathArray.join('.'), false, chart);
+        let me = this;
 
-            scope[methodName].call(scope, ...data.params || [])
+        if (!me.isReady) {
+            return me.cacheMethodCall({fn: 'callMethod', data})
         } else {
-            // todo
+            if (me.hasChart(data.id)) {
+                let chart      = me.charts[data.id],
+                    pathArray  = data.path.split('.'),
+                    methodName = pathArray.pop(),
+                    scope      = pathArray.length < 1 ? chart:  Neo.ns(pathArray.join('.'), false, chart);
+
+                scope[methodName].call(scope, ...data.params || [])
+            } else {
+                // todo
+            }
         }
     }
 
@@ -149,11 +131,10 @@ class AmCharts extends Base {
     create(data) {
         let me = this;
 
-        if (!me.scriptsLoaded) {
-            me.chartsToCreate.push(data)
+        if (!me.isReady) {
+            return me.cacheMethodCall({fn: 'create', data})
         } else {
             // todo: check if globalThis[data.package] exists, if not load it and call create afterwards
-
             am4core.useTheme(am4themes_dark);
 
             me.charts[data.id] = am4core.createFromConfig(data.config, data.id, globalThis[data.package][data.type || 'XYChart']);
@@ -181,8 +162,14 @@ class AmCharts extends Base {
      * @param {String} data.id
      */
     destroy(data) {
-        this.charts[data.id]?.dispose?.();
-        delete this.charts[data.id]
+        let me = this;
+
+        if (!me.isReady) {
+            return me.cacheMethodCall({fn: 'destroy', data})
+        } else {
+            me.charts[data.id]?.dispose?.();
+            delete me.charts[data.id]
+        }
     }
 
     /**
@@ -197,11 +184,14 @@ class AmCharts extends Base {
      * Async approach
      * core.js has to arrive first or the other scripts will cause JS errors since they rely on it
      * => fetching the other files after core.js is loaded
+     * @param {Boolean} useFallback=false
      */
-    insertAmChartsScripts(useFallback=false) {
+    loadFiles(useFallback=false) {
         let me       = this,
             basePath = useFallback ? me.fallbackPath : me.downloadPath;
 
+        me.isLoading = true;
+
         DomAccess.loadScript(basePath + 'core.js').then(() => {
             Promise.all([
                 DomAccess.loadScript(basePath + 'charts.js'),
@@ -209,11 +199,12 @@ class AmCharts extends Base {
                 DomAccess.loadScript(basePath + 'themes/dark.js'),
                 DomAccess.loadScript(basePath + 'geodata/worldLow.js')
             ]).then(() => {
-                me.scriptsLoaded = true
-            });
+                me.isLoading = false;
+                me.isReady   = true
+            })
         }).catch(e => {
             console.log('Download from amcharts.com failed, switching to fallback', e);
-            me.insertAmChartsScripts(true)
+            me.loadFiles(true)
         })
     }
 
@@ -223,13 +214,19 @@ class AmCharts extends Base {
      * @param {Object} data.properties
      */
     setProperties(data) {
-        Object.entries(data.properties).forEach(([key, value]) => {
-            this.setProperty({
-                id   : data.id,
-                path : key,
-                value
+        let me = this;
+
+        if (!me.isReady) {
+            return me.cacheMethodCall({fn: 'setProperties', data})
+        } else {
+            Object.entries(data.properties).forEach(([key, value]) => {
+                me.setProperty({
+                    id   : data.id,
+                    path : key,
+                    value
+                })
             })
-        })
+        }
     }
 
     /**
@@ -240,15 +237,21 @@ class AmCharts extends Base {
      * @param {*} data.value
      */
     setProperty(data) {
-        if (this.hasChart(data.id)) {
-            let chart        = this.charts[data.id],
-                pathArray    = data.path.split('.'),
-                propertyName = pathArray.pop(),
-                scope        = Neo.ns(pathArray.join('.'), false, chart);
+        let me = this;
 
-            scope[propertyName] = data.isColor ? am4core.color(data.value) : data.value
+        if (!me.isReady) {
+            return me.cacheMethodCall({fn: 'setProperty', data})
         } else {
-            // todo
+            if (this.hasChart(data.id)) {
+                let chart        = this.charts[data.id],
+                    pathArray    = data.path.split('.'),
+                    propertyName = pathArray.pop(),
+                    scope        = Neo.ns(pathArray.join('.'), false, chart);
+
+                scope[propertyName] = data.isColor ? am4core.color(data.value) : data.value
+            } else {
+                // todo
+            }
         }
     }
 
@@ -261,10 +264,12 @@ class AmCharts extends Base {
     updateData(data) {
         let me = this;
 
-        if (!me.scriptsLoaded || !me.hasChart(data.id)) {
+        if (!me.isReady) {
+            return me.cacheMethodCall({fn: 'updateData', data})
+        } else if (!me.hasChart(data.id)) {
             me.dataMap[data.id] = data
         } else {
-            const chart = me.charts[data.id];
+            let chart = me.charts[data.id];
 
             if (data.dataPath === '') {
                 chart.data = data.data
@@ -275,6 +280,4 @@ class AmCharts extends Base {
     }
 }
 
-Neo.setupClass(AmCharts);
-
-export default AmCharts;
+export default Neo.setupClass(AmCharts);

package/src/main/addon/AnalyticsByGoogle.mjs

@@ -48,6 +48,4 @@ class AnalyticsByGoogle extends Base {
     }
 }
 
-Neo.setupClass(AnalyticsByGoogle);
-
-export default AnalyticsByGoogle;
+export default Neo.setupClass(AnalyticsByGoogle);

package/src/main/addon/Base.mjs

@@ -17,10 +17,95 @@ class Base extends CoreBase {
          * @member {Boolean} isMainThreadAddon=true
          * @protected
          */
-        isMainThreadAddon: true
+        isMainThreadAddon: true,
+        /**
+         * Will get set to true once all addon related files got loaded (if there is a need to load)
+         * @member {Boolean} isReady_=false
+         * @protected
+         */
+        isReady_: false,
+        /**
+         * Amount in ms to delay the loading of library files, unless remote method access happens
+         * Change the value to false in case you don't want an automated preloading
+         * @member {Boolean|Number} preloadFilesDelay=5000
+         * @protected
+         */
+        preloadFilesDelay: 5000,
     }
-}
 
-Neo.setupClass(Base);
+    /**
+     * @member {Object[]} cache=[]
+     */
+    cache = []
+    /**
+     * Will get set to true once we start loading Monaco related files
+     * @member {Boolean} isLoading=false
+     */
+    isLoading = false
+    /**
+     * Internal flag to store the setTimeout() id for loading external files
+     * @member {Number|null} loadingTimeoutId=null
+     */
+    loadingTimeoutId = null
+
+    /**
+     * @param {Object} config
+     */
+    construct(config) {
+        super.construct(config);
+
+        let me = this;
+
+        if (me.loadFiles) {
+            if (me.preloadFilesDelay === 0) {
+                me.loadFiles()
+            } else if (Neo.isNumber(me.preloadFilesDelay)) {
+                me.loadingTimeoutId = setTimeout(() => {
+                    me.loadFiles()
+                }, me.preloadFilesDelay)
+            }
+        }
+    }
+
+    /**
+     * Triggered after the isReady config got changed
+     * @param {Boolean} value
+     * @param {Boolean} oldValue
+     * @protected
+     */
+    afterSetIsReady(value, oldValue) {
+        if (value) {
+            let me = this,
+                returnValue;
+
+            me.cache.forEach(item => {
+                returnValue = me[item.fn](item.data);
+                item.resolve(returnValue)
+            });
+
+            me.cache = []
+        }
+    }
+
+    /**
+     * Internally caches call when isReady===false
+     * Loads the library files in case this is not already happening
+     * @param item
+     * @returns {Promise<unknown>}
+     */
+    cacheMethodCall(item) {
+        let me = this;
+
+        if (!me.isLoading) {
+            me.loadingTimeoutId && clearTimeout(me.loadingTimeoutId);
+            me.loadingTimeoutId = null;
+            me.loadFiles()
+        }
+
+        return new Promise((resolve, reject) => {
+            me.cache.push({...item, resolve})
+        })
+    }
+}
 
-export default Base;
+export default Neo.setupClass(Base);

package/src/main/addon/CesiumJS.mjs

@@ -111,6 +111,4 @@ class CesiumJS extends Base {
     }
 }
 
-Neo.setupClass(CesiumJS);
-
-export default CesiumJS;
+export default Neo.setupClass(CesiumJS);

package/src/main/addon/CloneNode.mjs

@@ -97,6 +97,4 @@ class CloneNode extends Base {
     }
 }
 
-Neo.setupClass(CloneNode);
-
-export default CloneNode;
+export default Neo.setupClass(CloneNode);

package/src/main/addon/Cookie.mjs

@@ -53,6 +53,4 @@ class Cookie extends Base {
     }
 }
 
-Neo.setupClass(Cookie);
-
-export default Cookie;
+export default Neo.setupClass(Cookie);