neo.mjs 6.17.2 → 6.18.1

package/src/main/addon/GoogleMaps.mjs

@@ -57,7 +57,7 @@ class GoogleMaps extends Base {
      */
     construct(config) {
         super.construct(config);
-        this.loadApi();
+        this.loadApi()
     }
 
     /**
@@ -71,15 +71,15 @@ class GoogleMaps extends Base {
      * @param {String} [data.title]
      */
     addMarker(data) {
-        let me    = this,
-            mapId = data.mapId,
+        let me      = this,
+            {mapId} = data,
             listenerId, marker;
 
         if (!me.maps[mapId]) {
             listenerId = me.on('mapCreated', id => {
                 if (mapId === id) {
                     me.un(listenerId);
-                    me.addMarker(data);
+                    me.addMarker(data)
                 }
             })
         } else {
@@ -95,7 +95,7 @@ class GoogleMaps extends Base {
                 title   : data.title,
             });
 
-            marker.addListener('click', me.onMarkerClick.bind(me, marker));
+            marker.addListener('click', me.onMarkerClick.bind(me, marker))
         }
     }
 
@@ -111,8 +111,8 @@ class GoogleMaps extends Base {
      * @param {Boolean} data.zoomControl
      */
     create(data) {
-        let me = this,
-            id = data.id,
+        let me   = this,
+            {id} = data,
             map;
 
         me.maps[id] = map = new google.maps.Map(DomAccess.getElement(id), {
@@ -127,7 +127,7 @@ class GoogleMaps extends Base {
 
         map.addListener('zoom_changed', me.onMapZoomChange.bind(me, map, id));
 
-        me.fire('mapCreated', id);
+        me.fire('mapCreated', id)
     }
 
     /**
@@ -140,7 +140,7 @@ class GoogleMaps extends Base {
             markers = me.markers[data.mapId] || {};
 
         Object.values(markers).forEach(marker => marker.setMap(null));
-        delete me.markers[data.mapId];
+        delete me.markers[data.mapId]
     }
 
     /**
@@ -156,12 +156,12 @@ class GoogleMaps extends Base {
             response;
 
         if (!me.geoCoder) {
-            me.geoCoder = new google.maps.Geocoder();
+            me.geoCoder = new google.maps.Geocoder()
         }
 
         response = await me.geoCoder.geocode(data);
 
-        return JSON.parse(JSON.stringify(response));
+        return JSON.parse(JSON.stringify(response))
     }
 
     /**
@@ -170,7 +170,7 @@ class GoogleMaps extends Base {
      * @param {String} data.mapId
      */
     hideMarker(data) {
-        this.markers[data.mapId][data.id].setMap(null);
+        this.markers[data.mapId][data.id].setMap(null)
     }
 
     /**
@@ -181,7 +181,7 @@ class GoogleMaps extends Base {
             url = ' https://maps.googleapis.com/maps/api/js';
 
         DomAccess.loadScript(`${url}?key=${key}&v=weekly&callback=Neo.emptyFn`).then(() => {
-            console.log('GoogleMaps API loaded');
+            console.log('GoogleMaps API loaded')
         })
     }
 
@@ -220,7 +220,7 @@ class GoogleMaps extends Base {
      * @param {Object} data.position
      */
     panTo(data) {
-        this.maps[data.mapId].panTo(data.position);
+        this.maps[data.mapId].panTo(data.position)
     }
 
     /**
@@ -229,7 +229,7 @@ class GoogleMaps extends Base {
      */
     removeMap(data) {
         delete this.maps[data.mapId];
-        delete this.markers[data.mapId];
+        delete this.markers[data.mapId]
     }
 
     /**
@@ -241,7 +241,7 @@ class GoogleMaps extends Base {
         let markers = this.markers[data.mapId];
 
         markers[data.id].setMap(null);
-        delete markers[data.id];
+        delete markers[data.id]
     }
 
     /**
@@ -250,7 +250,7 @@ class GoogleMaps extends Base {
      * @param {Object} data.value
      */
     setCenter(data) {
-        this.maps[data.id].setCenter(data.value);
+        this.maps[data.id].setCenter(data.value)
     }
 
     /**
@@ -259,7 +259,7 @@ class GoogleMaps extends Base {
      * @param {Number} data.value
      */
     setZoom(data) {
-        this.maps[data.id].setZoom(data.value);
+        this.maps[data.id].setZoom(data.value)
     }
 
     /**
@@ -268,7 +268,7 @@ class GoogleMaps extends Base {
      * @param {String} data.mapId
      */
     showMarker(data) {
-        this.markers[data.mapId][data.id].setMap(this.maps[data.mapId]);
+        this.markers[data.mapId][data.id].setMap(this.maps[data.mapId])
     }
 }
 

package/src/main/addon/IntersectionObserver.mjs

@@ -77,6 +77,25 @@ class NeoIntersectionObserver extends Base {
         })
     }
 
+    /**
+     * @param {IntersectionObserverEntry[]} entries
+     * @param {IntersectionObserver} observer
+     */
+    isVisible(entries, observer) {
+        let me = this,
+            data, path, target;
+
+        entries.forEach(entry => {
+            target = entry.target;
+            data   = target.dataset && {...target.dataset} || null;
+            path   = DomEvents.getPathFromElement(entry.target).map(e => DomEvents.getTargetData(e));
+
+            if (entry.isIntersecting) {
+                me.sendMessage({data, id: observer.rootId, isIntersecting: true, path, targetId: target.id})
+            }
+        })
+    }
+
     /**
      * Add more or new items into an existing observer instance
      * @param {Object} data
@@ -128,7 +147,7 @@ class NeoIntersectionObserver extends Base {
      */
     register(data) {
         let me            = this,
-            cache         = me.cache,
+            {cache}       = me,
             {id, observe} = data,
             observer;
 

package/src/main/addon/LocalStorage.mjs

@@ -35,7 +35,7 @@ class LocalStorage extends Base {
      * @param {String} opts.value
      */
     createLocalStorageItem(opts) {
-        this.updateLocalStorageItem(opts);
+        this.updateLocalStorageItem(opts)
     }
 
     /**
@@ -44,7 +44,7 @@ class LocalStorage extends Base {
      * @param {String} opts.key
      */
     destroyLocalStorageItem(opts) {
-        window.localStorage.removeItem(opts.key);
+        window.localStorage.removeItem(opts.key)
     }
 
     /**
@@ -66,7 +66,7 @@ class LocalStorage extends Base {
      * @param {String} opts.value
      */
     updateLocalStorageItem(opts) {
-        window.localStorage.setItem(opts.key, opts.value);
+        window.localStorage.setItem(opts.key, opts.value)
     }
 }
 

package/src/main/addon/MapboxGL.mjs

@@ -106,8 +106,7 @@ class MapboxGL extends Base {
      */
     construct(config) {
         super.construct(config);
-
-        this.insertMapboxGLScripts();
+        this.insertMapboxGLScripts()
     }
 
     /**
@@ -125,10 +124,10 @@ class MapboxGL extends Base {
                 beforeId = item.beforeId;
                 delete item.beforeId;
 
-                map.addLayer(item, beforeId);
-            });
+                map.addLayer(item, beforeId)
+            })
         } else {
-            me.layers[data.id] = Object.assign(me.layers[data.id] || {}, data);
+            me.layers[data.id] = Object.assign(me.layers[data.id] || {}, data)
         }
     }
 
@@ -147,10 +146,10 @@ class MapboxGL extends Base {
                 id = item.id;
                 delete item.id;
 
-                map.addSource(id, item);
-            });
+                map.addSource(id, item)
+            })
         } else {
-            me.sources[data.id] = Object.assign(me.sources[data.id] || {}, data);
+            me.sources[data.id] = Object.assign(me.sources[data.id] || {}, data)
         }
     }
 
@@ -168,7 +167,7 @@ class MapboxGL extends Base {
                 me.create(config);
             });
 
-            me.mapsToCreate = [];
+            me.mapsToCreate = []
         }
     }
 
@@ -179,14 +178,14 @@ class MapboxGL extends Base {
      */
     applyStyleObject(map, styleJson, name) {
         if (name) {
-            this.styleMap[name] = styleJson;
+            this.styleMap[name] = styleJson
         }
 
         styleJson.layers.forEach(layer => {
             Object.entries(layer.paint).forEach(([key, value]) => {
-                map.setPaintProperty(layer.id, key, value);
-            });
-        });
+                map.setPaintProperty(layer.id, key, value)
+            })
+        })
     }
 
     /**
@@ -198,7 +197,7 @@ class MapboxGL extends Base {
         let map = this.maps[data.id];
 
         map && setTimeout(() => {
-            map.resize();
+            map.resize()
         }, 100)
     }
 
@@ -215,9 +214,9 @@ class MapboxGL extends Base {
 
         if (map) {
             if (data.animate) {
-                map.flyTo({center: center});
+                map.flyTo({center})
             } else {
-                map.setCenter(center);
+                map.setCenter(center)
             }
         } else {
             // todo
@@ -240,7 +239,7 @@ class MapboxGL extends Base {
         let me = this;
 
         if (!me.scriptsLoaded) {
-            me.mapsToCreate.push(data);
+            me.mapsToCreate.push(data)
         } else {
             mapboxgl.accessToken = data.accessToken;
 
@@ -248,7 +247,7 @@ class MapboxGL extends Base {
 
             if (me.zoomMap[data.id]) {
                 zoom = me.zoomMap[data.id].zoom;
-                delete me.zoomMap[data.id];
+                delete me.zoomMap[data.id]
             }
 
             me.maps[data.id] = new mapboxgl.Map({
@@ -258,7 +257,7 @@ class MapboxGL extends Base {
                 zoom     : zoom
             });
 
-            me.maps[data.id].on('load', me.onMapLoaded.bind(me, data));
+            me.maps[data.id].on('load', me.onMapLoaded.bind(me, data))
         }
     }
 
@@ -268,7 +267,7 @@ class MapboxGL extends Base {
      */
     destroy(data) {
         this.maps[data.id].remove();
-        delete this.maps[data.id];
+        delete this.maps[data.id]
     }
 
     /**
@@ -276,7 +275,7 @@ class MapboxGL extends Base {
      * @returns {Boolean}
      */
     hasMap(id) {
-        return !!this.maps[id];
+        return !!this.maps[id]
     }
 
     insertMapboxGLScripts() {
@@ -287,8 +286,8 @@ class MapboxGL extends Base {
             DomAccess.loadScript(    basePath + 'mapbox-gl.js'),
             DomAccess.loadStylesheet(basePath + 'mapbox-gl.css')
         ]).then(() => {
-            me.scriptsLoaded = true;
-        });
+            me.scriptsLoaded = true
+        })
     }
 
     /**
@@ -304,29 +303,29 @@ class MapboxGL extends Base {
             me.addSources({
                 id     : data.id,
                 sources: data.sources
-            });
+            })
         } else if (me.sources[mapId]) {
             me.addSources(me.sources[mapId]);
-            delete me.sources[mapId];
+            delete me.sources[mapId]
         }
 
         if (data.layers) {
             me.addLayers({
                 id    : data.id,
                 layers: data.layers
-            });
+            })
         } else if (me.layers[mapId]) {
             me.addLayers(me.layers[mapId]);
-            delete me.layers[mapId];
+            delete me.layers[mapId]
         }
 
         // map.loaded() is false at this point,
         // in case we do add layers / sources
         // the "idle" event seems to be the best fit
         if (event.target.loaded()) {
-            me.onMapReallyLoaded(data, event);
+            me.onMapReallyLoaded(data, event)
         } else {
-            event.target.once('idle', me.onMapReallyLoaded.bind(me, data));
+            event.target.once('idle', me.onMapReallyLoaded.bind(me, data))
         }
     }
 
@@ -346,7 +345,7 @@ class MapboxGL extends Base {
                     id          : data.id
                 })
             } else if (me.dataMap[data.id]) {
-                me.updateData(me.dataMap[data.id]);
+                me.updateData(me.dataMap[data.id])
             }
         }, 100);
     }
@@ -364,7 +363,7 @@ class MapboxGL extends Base {
         let map = this.maps[data.id];
 
         if (map) {
-            map.setFilter(data.layerId, data.value, data.options || {});
+            map.setFilter(data.layerId, data.value, data.options || {})
         } else {
             // todo: we could cache this and apply onMapLoaded
         }
@@ -384,7 +383,7 @@ class MapboxGL extends Base {
         let map = this.maps[data.id];
 
         if (map) {
-            map.setLayoutProperty(data.layerId, data.key, data.value, data.options || {});
+            map.setLayoutProperty(data.layerId, data.key, data.value, data.options || {})
         } else {
             // todo: we could cache this and apply onMapLoaded
         }
@@ -404,7 +403,7 @@ class MapboxGL extends Base {
         let map = this.maps[data.id];
 
         if (map) {
-            map.setPaintProperty(data.layerId, data.key, data.value, data.options || {});
+            map.setPaintProperty(data.layerId, data.key, data.value, data.options || {})
         } else {
             // todo: we could cache this and apply onMapLoaded
         }
@@ -424,11 +423,11 @@ class MapboxGL extends Base {
         } else {
             if (Neo.isString(data.style)) {
                 if (data.style.indexOf('mapbox://styles/') === 0) {
-                    data.style = data.style.substring(16);
+                    data.style = data.style.substring(16)
                 }
 
                 if (me.styleMap[data.style]) {
-                    me.applyStyleObject(me.maps[data.id], me.styleMap[data.style]);
+                    me.applyStyleObject(me.maps[data.id], me.styleMap[data.style])
                 } else {
                     fetch(`https://api.mapbox.com/styles/v1/${data.style}?access_token=${data.accessToken}`)
                         .then(response => response.json())
@@ -454,14 +453,14 @@ class MapboxGL extends Base {
         if (!me.scriptsLoaded || !me.hasMap(data.id)) {
             me.dataMap[data.id] = data;
         } else {
-            const map    = me.maps[data.id],
-                  source = map.getSource(data.dataSourceId);
+            let map    = me.maps[data.id],
+                source = map.getSource(data.dataSourceId);
 
             if (source) {
                 source.setData(data.data);
-                delete me.dataMap[data.id];
+                delete me.dataMap[data.id]
             } else {
-                me.dataMap[data.id] = data;
+                me.dataMap[data.id] = data
             }
         }
     }
@@ -475,9 +474,9 @@ class MapboxGL extends Base {
         let map = this.maps[data.id];
 
         if (map) {
-            map.setZoom(data.zoom);
+            map.setZoom(data.zoom)
         } else {
-            this.zoomMap[data.id] = data;
+            this.zoomMap[data.id] = data
         }
     }
 }

package/src/main/addon/MonacoEditor.mjs

@@ -19,7 +19,7 @@ class MonacoEditor extends Base {
         /**
          * @member {String} libraryBasePath='../../node_modules/monaco-editor/min/vs'
          */
-        libraryBasePath: '../../node_modules/monaco-editor/min/vs',
+        libraryBasePath: Neo.config.basePath + 'node_modules/monaco-editor/min/vs',
         /**
          * Remote method access for other workers
          * @member {Object} remote
@@ -64,8 +64,8 @@ class MonacoEditor extends Base {
      * @param {Object} data
      */
     createInstance(data) {
-        let me = this,
-            id = data.id,
+        let me   = this,
+            {id} = data,
             editor;
 
         delete data.appName;
@@ -107,9 +107,9 @@ class MonacoEditor extends Base {
      *
      */
     async loadFiles() {
-        const path = this.libraryBasePath;
+        let path = this.libraryBasePath;
 
-        window.require = { paths: { vs: path } };
+        window.require = {paths: {vs: path}};
 
         await DomAccess.loadStylesheet(path + '/editor/editor.main.css', {name: 'vs/editor/editor.main'});
         await DomAccess.loadScript(path + '/loader.js');

package/src/main/addon/Mwc.mjs

@@ -42,7 +42,7 @@ class Mwc extends Base {
      * @returns {Boolean}
      */
     checkValidity(id) {
-        return document.getElementById(id).checkValidity();
+        return document.getElementById(id).checkValidity()
     }
 
     /**
@@ -53,10 +53,10 @@ class Mwc extends Base {
             import(
                 /* webpackIgnore: true */
                 'https://unpkg.com/@material/mwc-button@0.26.1/mwc-button.js?module'
-                );
+            )
         } else {
             // dist/development & dist/production
-            // import('@material/mwc-button'); // <= comment me in
+            // import('@material/mwc-button') // <= comment me in
         }
     }
 
@@ -68,10 +68,10 @@ class Mwc extends Base {
             import(
                 /* webpackIgnore: true */
                 'https://unpkg.com/@material/mwc-textfield@0.26.1/mwc-textfield.js?module'
-                );
+            )
         } else {
             // dist/development & dist/production
-            // import('@material/mwc-textfield'); // <= comment me in
+            // import('@material/mwc-textfield') // <= comment me in
         }
     }
 
@@ -80,7 +80,7 @@ class Mwc extends Base {
      * @returns {Boolean}
      */
     reportValidity(id) {
-        return document.getElementById(id).reportValidity();
+        return document.getElementById(id).reportValidity()
     }
 }