neo.mjs 6.10.17 → 6.12.0

package/src/main/addon/GoogleMaps.mjs

@@ -1,12 +1,11 @@
-import Base       from '../../core/Base.mjs';
+import Base       from './Base.mjs';
 import DomAccess  from '../DomAccess.mjs';
 import DomEvents  from '../DomEvents.mjs';
 import Observable from '../../core/Observable.mjs';
 
 /**
  * @class Neo.main.addon.GoogleMaps
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class GoogleMaps extends Base {
     static config = {
@@ -37,12 +36,7 @@ class GoogleMaps extends Base {
                 'setZoom',
                 'showMarker'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -52,11 +46,11 @@ class GoogleMaps extends Base {
     /**
      * @member {Object} maps={}
      */
-    maps     = {}
+    maps = {}
     /**
      * @member {Object} markers={}
      */
-    markers  = {}
+    markers = {}
 
     /**
      * @param {Object} config
@@ -278,6 +272,6 @@ class GoogleMaps extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(GoogleMaps);
+Neo.applyClassConfig(GoogleMaps);
 
-export default instance;
+export default GoogleMaps;

package/src/main/addon/HighlightJS.mjs

@@ -1,12 +1,11 @@
-import Base       from '../../core/Base.mjs';
+import Base       from './Base.mjs';
 import DomAccess  from '../DomAccess.mjs';
 import Stylesheet from './Stylesheet.mjs'
 
 /**
  * Required for the docs app which uses highlight.js for the source views
  * @class Neo.main.addon.HighlightJS
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class HighlightJS extends Base {
     static config = {
@@ -41,11 +40,6 @@ class HighlightJS extends Base {
                 'highlightAuto'
             ]
         },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true,
         /**
          * @member {String} themePath='./resources/highlightjs-custom-github-theme.css'
          * @protected
@@ -187,6 +181,6 @@ class HighlightJS extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(HighlightJS);
+Neo.applyClassConfig(HighlightJS);
 
-export default instance;
+export default HighlightJS;

package/src/main/addon/LocalStorage.mjs

@@ -1,10 +1,9 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Basic CRUD support for window.localStorage
  * @class Neo.main.addon.LocalStorage
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class LocalStorage extends Base {
     static config = {
@@ -25,12 +24,7 @@ class LocalStorage extends Base {
                 'readLocalStorageItem',
                 'updateLocalStorageItem'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -76,6 +70,6 @@ class LocalStorage extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(LocalStorage);
+Neo.applyClassConfig(LocalStorage);
 
-export default instance;
+export default LocalStorage;

package/src/main/addon/MapboxGL.mjs

@@ -1,4 +1,4 @@
-import Base      from '../../core/Base.mjs';
+import Base      from './Base.mjs';
 import DomAccess from '../DomAccess.mjs';
 
 /**
@@ -7,8 +7,7 @@ import DomAccess from '../DomAccess.mjs';
  * In case you need more API methods to get exposed to the App worker,
  * please open issues inside the tracker and / or submit PRs.
  * @class Neo.main.addon.MapboxGL
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class MapboxGL extends Base {
     static config = {
@@ -48,23 +47,6 @@ class MapboxGL extends Base {
          * @protected
          */
         mapsToCreate: [],
-        /**
-         * @member {Boolean} scriptsLoaded_=true
-         * @protected
-         */
-        scriptsLoaded_: false,
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true,
-        /**
-         * Stores all map sources inside an object.
-         * key => map id, value => {Array} sources
-         * @member {Object} sources={}
-         * @protected
-         */
-        sources: {},
         /**
          * Remote method access for other workers
          * @member {Object} remote
@@ -86,6 +68,18 @@ class MapboxGL extends Base {
                 'zoom'
             ]
         },
+        /**
+         * @member {Boolean} scriptsLoaded_=true
+         * @protected
+         */
+        scriptsLoaded_: false,
+        /**
+         * Stores all map sources inside an object.
+         * key => map id, value => {Array} sources
+         * @member {Object} sources={}
+         * @protected
+         */
+        sources: {},
         /**
          * Stores all map style objects inside an objects to prevent reloads when switching themes multiple times.
          * key => style name (url)
@@ -488,6 +482,6 @@ class MapboxGL extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(MapboxGL);
+Neo.applyClassConfig(MapboxGL);
 
-export default instance;
+export default MapboxGL;

package/src/main/addon/Markdown.mjs

@@ -1,4 +1,4 @@
-import Base      from '../../core/Base.mjs';
+import Base      from './Base.mjs';
 import DomAccess from '../DomAccess.mjs';
 
 /**
@@ -7,8 +7,7 @@ import DomAccess from '../DomAccess.mjs';
  * script tag with the markdown lib has to be added before the Main.mjs script tag in the index.html
  * <script src="https://cdn.jsdelivr.net/npm/showdown@1.9.1/dist/showdown.min.js"></script>
  * @class Neo.main.addon.Markdown
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class Markdown extends Base {
     static config = {
@@ -31,12 +30,7 @@ class Markdown extends Base {
          * @member {String} showdownPath='https://cdn.jsdelivr.net/npm/showdown@1.9.1/dist/showdown.min.js'
          * @protected
          */
-        showdownPath: 'https://cdn.jsdelivr.net/npm/showdown@1.9.1/dist/showdown.min.js',
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        showdownPath: 'https://cdn.jsdelivr.net/npm/showdown@1.9.1/dist/showdown.min.js'
     }
 
     /**
@@ -59,6 +53,6 @@ class Markdown extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(Markdown);
+Neo.applyClassConfig(Markdown);
 
-export default instance;
+export default Markdown;

package/src/main/addon/Mwc.mjs

@@ -1,4 +1,4 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Helper class to include Google's Material Web Components into your neo.mjs app
@@ -13,8 +13,7 @@ import Base from '../../core/Base.mjs';
  * into the neo-config.json of your app. E.g.: [..., "WS/Mwc"].
  *
  * @class Neo.main.addon.Mwc
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class Mwc extends Base {
     static config = {
@@ -23,11 +22,6 @@ class Mwc extends Base {
          * @protected
          */
         className: 'Neo.main.addon.Mwc',
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true,
         /**
          * Remote method access for other workers
          * @member {Object} remote
@@ -90,6 +84,6 @@ class Mwc extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(Mwc);
+Neo.applyClassConfig(Mwc);
 
-export default instance;
+export default Mwc;

package/src/main/addon/Navigator.mjs

@@ -1,7 +1,7 @@
-import Base      from '../../core/Base.mjs';
+import Base      from './Base.mjs';
 import DomAccess from '../DomAccess.mjs';
-import DomUtils  from '../DomUtils.mjs';
 import DomEvents from '../DomEvents.mjs';
+import DomUtils  from '../DomUtils.mjs';
 
 // We do not need to inject a synthesized "click" event when we detect an ENTER
 // keypress on these element types.
@@ -13,8 +13,7 @@ const enterActivatedTags= {
 /**
  * Addon for Navigator
  * @class Neo.main.addon.Navigator
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class Navigator extends Base {
     static config = {
@@ -34,12 +33,7 @@ class Navigator extends Base {
                 'subscribe',
                 'unsubscribe'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -348,13 +342,19 @@ class Navigator extends Base {
             return;
         }
 
+        // Scroll the target into view smoothly before we focus it without triggering a scroll
+        newActiveElement.scrollIntoView({
+            block    : 'nearest',
+            behavior : 'smooth'
+        });
+
         // Find a focusable element which may be the item, or inside the item to draw focus to.
         // For example a Chip list in which .neo-list-items contain focusable Chips.
         const focusTarget = DomUtils.query(newActiveElement, DomUtils.isFocusable);
 
         // If the item contains a focusable, we focus it and then react in navigateFocusInHandler
         if (focusTarget) {
-            focusTarget.focus();
+            focusTarget.focus({ preventScroll : true });
         }
         // If not, we programatically navigate there
         else {
@@ -445,6 +445,6 @@ class Navigator extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(Navigator);
+Neo.applyClassConfig(Navigator);
 
-export default instance;
+export default Navigator;

package/src/main/addon/Popover.mjs

@@ -1,10 +1,10 @@
-import Base      from '../../core/Base.mjs';
-import DomAccess from '../DomAccess.mjs'
+import Base      from './Base.mjs';
+import DomAccess from '../DomAccess.mjs';
+
 /**
  * Addon for Popover
  * @class Neo.main.addon.Popover
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class Popover extends Base {
     static config = {
@@ -24,12 +24,7 @@ class Popover extends Base {
                 'show',
                 'toggle'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -70,6 +65,6 @@ class Popover extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(Popover);
+Neo.applyClassConfig(Popover);
 
-export default instance;
+export default Popover;

package/src/main/addon/PrefixField.mjs

@@ -1,11 +1,10 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Helper class to include Google's Material Web Components into your neo.mjs app
  * https://www.amcharts.com/docs/v4/
  * @class Neo.main.addon.PrefixField
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class PrefixField extends Base {
     static config = {
@@ -15,10 +14,16 @@ class PrefixField extends Base {
          */
         className: 'Neo.main.addon.PrefixField',
         /**
-         * @member {Boolean} singleton=true
-         * @protected
+         * regex to calculate if entered value is acceptable
+         * Preset to numbers only
+         *
+         * @member {regex|null} accept
          */
-        singleton: true,
+        accept_: null,
+        /**
+         * @member {String} pattern=null
+         */
+        pattern_: null,
         /**
          * Remote method access for other workers
          * @member {Object} remote
@@ -33,18 +38,6 @@ class PrefixField extends Base {
                 'updateSlots',
             ]
         },
-
-        /**
-         * regex to calculate if entered value is acceptable
-         * Preset to numbers only
-         *
-         * @member {regex|null} accept
-         */
-        accept_: null,
-        /**
-         * @member {String} pattern=null
-         */
-        pattern_: null,
         /**
          * Only add a String. A Set will be automatically created
          * @member {String|Set|null} slots=null
@@ -52,15 +45,15 @@ class PrefixField extends Base {
         slots_: null
     }
 
-    destroy() {
+    elIds = new Map()
 
-    }
+    prev
 
-    elIds = new Map();
+    back = false
 
-    prev;
+    destroy() {
 
-    back = false;
+    }
 
     /**
      *
@@ -144,6 +137,6 @@ class PrefixField extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(PrefixField);
+Neo.applyClassConfig(PrefixField);
 
-export default instance;
+export default PrefixField;

package/src/main/addon/ResizeObserver.mjs

@@ -1,10 +1,10 @@
-import Base      from '../../core/Base.mjs';
+import Base      from './Base.mjs';
 import DomAccess from '../DomAccess.mjs';
 import DomEvents from '../DomEvents.mjs';
 
 /**
  * @class Neo.main.addon.ResizeObserver
- * @extends Neo.core.Base
+ * @extends Neo.main.addon.Base
  * @singleton
  */
 class NeoResizeObserver extends Base {
@@ -29,12 +29,7 @@ class NeoResizeObserver extends Base {
                 'register',
                 'unregister'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -111,6 +106,6 @@ class NeoResizeObserver extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(NeoResizeObserver);
+Neo.applyClassConfig(NeoResizeObserver);
 
-export default instance;
+export default NeoResizeObserver;

package/src/main/addon/ServiceWorker.mjs

@@ -1,11 +1,10 @@
-import Base          from '../../core/Base.mjs';
+import Base          from './Base.mjs';
 import WorkerManager from '../../worker/Manager.mjs';
 
 /**
  * Creates a ServiceWorker instance, in case Neo.config.useServiceWorker is set to true
  * @class Neo.main.addon.ServiceWorker
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class ServiceWorker extends Base {
     static config = {
@@ -13,12 +12,7 @@ class ServiceWorker extends Base {
          * @member {String} className='Neo.main.addon.ServiceWorker'
          * @protected
          */
-        className: 'Neo.main.addon.ServiceWorker',
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        className: 'Neo.main.addon.ServiceWorker'
     }
 
     /**
@@ -70,6 +64,6 @@ class ServiceWorker extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(ServiceWorker);
+Neo.applyClassConfig(ServiceWorker);
 
-export default instance;
+export default ServiceWorker;

package/src/main/addon/Siesta.mjs

@@ -1,10 +1,9 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Required when running Neo Apps inside the Siesta browser harness (iframe)
  * @class Neo.main.addon.Siesta
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class Siesta extends Base {
     static config = {
@@ -12,12 +11,7 @@ class Siesta extends Base {
          * @member {String} className='Neo.main.addon.Siesta'
          * @protected
          */
-        className: 'Neo.main.addon.Siesta',
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        className: 'Neo.main.addon.Siesta'
     }
 
     /**
@@ -47,6 +41,6 @@ class Siesta extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(Siesta);
+Neo.applyClassConfig(Siesta);
 
-export default instance;
+export default Siesta;

package/src/main/addon/Stylesheet.mjs

@@ -1,11 +1,10 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Logic to work with stylesheets, e.g. apply & switch Neo based themes
  * main.addon.HighlightJS requires this file
  * @class Neo.main.addon.Stylesheet
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class Stylesheet extends Base {
     /**
@@ -34,12 +33,7 @@ class Stylesheet extends Base {
                 'setCssVariable',
                 'swapStyleSheet'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -301,6 +295,6 @@ class Stylesheet extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(Stylesheet);
+Neo.applyClassConfig(Stylesheet);
 
-export default instance;
+export default Stylesheet;

package/src/main/addon/WebComponent.mjs

@@ -1,10 +1,9 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Addon to register WebComponents
  * @class Neo.main.addon.WebComponent
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class WebComponent extends Base {
     static config = {
@@ -12,12 +11,7 @@ class WebComponent extends Base {
          * @member {String} className='Neo.main.addon.WebComponent'
          * @protected
          */
-        className: 'Neo.main.addon.WebComponent',
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        className: 'Neo.main.addon.WebComponent'
     }
 
     /**
@@ -48,6 +42,6 @@ class WebComponent extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(WebComponent);
+Neo.applyClassConfig(WebComponent);
 
-export default instance;
+export default WebComponent;

package/src/main/addon/WindowPosition.mjs

@@ -1,9 +1,8 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * @class Neo.main.addon.WindowPosition
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class WindowPosition extends Base {
     static config = {
@@ -49,11 +48,6 @@ class WindowPosition extends Base {
          * @member {Number|null} screenTop=null
          */
         screenTop: null,
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true,
         /**
          * @member {Object} windows={}
          * @protected
@@ -297,6 +291,6 @@ class WindowPosition extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(WindowPosition);
+Neo.applyClassConfig(WindowPosition);
 
-export default instance;
+export default WindowPosition;

package/src/menu/List.mjs

@@ -269,6 +269,7 @@ class List extends BaseList {
      * @param {Object[]} data.path
      */
     onFocusEnter(data) {
+        super.onFocusEnter(data);
         this.menuFocus = true
     }
 
@@ -277,6 +278,8 @@ class List extends BaseList {
      * @param {Object[]} data.oldPath
      */
     onFocusLeave(data) {
+        super.onFocusLeave(data);
+
         let insideParent = false,
             parentId     = this.parentComponent?.id,
             item;