neo.mjs 6.11.0 → 6.12.0

package/apps/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.11.0'
+         * @member {String} version='6.12.0'
          */
-        version: '6.11.0'
+        version: '6.12.0'
     }
 
     /**

package/examples/ServiceWorker.mjs

@@ -20,9 +20,9 @@ class ServiceWorker extends ServiceBase {
          */
         singleton: true,
         /**
-         * @member {String} version='6.11.0'
+         * @member {String} version='6.12.0'
          */
-        version: '6.11.0'
+        version: '6.12.0'
     }
 
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "neo.mjs",
-    "version": "6.11.0",
+    "version": "6.12.0",
     "description": "The webworkers driven UI framework",
     "type": "module",
     "repository": {

package/src/DefaultConfig.mjs

@@ -236,12 +236,12 @@ const DefaultConfig = {
     useVdomWorker: true,
     /**
      * buildScripts/injectPackageVersion.mjs will update this value
-     * @default '6.11.0'
+     * @default '6.12.0'
      * @memberOf! module:Neo
      * @name config.version
      * @type String
      */
-    version: '6.11.0'
+    version: '6.12.0'
 };
 
 Object.assign(DefaultConfig, {

package/src/Main.mjs

@@ -209,7 +209,7 @@ class Main extends core.Base {
             module = await import(`./main/addon/${name}.mjs`)
         }
 
-        this.addon[module.default.constructor.name] = module.default;
+        this.registerAddon(module.default);
 
         return true
     }
@@ -254,7 +254,7 @@ class Main extends core.Base {
         me.addon = {};
 
         modules.forEach(module => {
-            me.addon[module.default.constructor.name] = module.default;
+            me.registerAddon(module.default)
         });
 
         WorkerManager.onWorkerConstructed({
@@ -370,6 +370,24 @@ class Main extends core.Base {
         window.location.href = data.url;
     }
 
+    /**
+     * Helper method to register main thread addons
+     * @param {Neo.core.Base} addon Can either be a neo class or instance
+     */
+    registerAddon(addon) {
+        if (Neo.typeOf(addon) === 'NeoClass') {
+            // Addons could get imported multiple times. Ensure to only create an instance once.
+            if (Neo.typeOf(Neo.ns(addon.prototype.className)) !== 'NeoInstance') {
+                addon = Neo.create(addon)
+            }
+
+            // Main thread addons need to get registered as singletons inside the neo namespace
+            Neo.applyToGlobalNs(addon)
+        }
+
+        this.addon[addon.constructor.name] = addon;
+    }
+
     /**
      * Triggers the different DOM operation queues
      * @protected

package/src/component/Base.mjs

@@ -801,12 +801,6 @@ class Base extends CoreBase {
         }
     }
 
-    revertFocus() {
-        if (this.containsFocus && this.focusEnterData?.relatedTarget) {
-            Neo.getComponent(this.focusEnterData.relatedTarget.id)?.focus();
-        }
-    }
-
     /**
      * Triggered after the reference config got changed
      * @param {String|null} value
@@ -1838,13 +1832,19 @@ class Base extends CoreBase {
         this.keys?.register(this)
     }
 
+    /**
+     * @param {Object} data
+     */
     onFocusEnter(data) {
         // If we are hidden, or unmounted while we still contain focus, we have to revert
         // focus to where it came from if possible
         this.focusEnterData = data;
     }
 
-    onFocusLeave() {
+    /**
+     * @param {Object} data
+     */
+    onFocusLeave(data) {
         this.focusEnterData = null;
     }
 
@@ -2067,6 +2067,17 @@ class Base extends CoreBase {
         }
     }
 
+    /**
+     *
+     */
+    revertFocus() {
+        let relatedTarget = this.focusEnterData?.relatedTarget;
+
+        if (this.containsFocus && relatedTarget) {
+            Neo.getComponent(relatedTarget.id)?.focus()
+        }
+    }
+
     /**
      * Change multiple configs at once, ensuring that all afterSet methods get all new assigned values
      * @param {Object} values={}

package/src/core/Base.mjs

@@ -370,7 +370,7 @@ class Base {
             currentWorker = Neo.currentWorker,
             listenerId;
 
-        if (!me.singleton) {
+        if (!me.singleton && !me.isMainThreadAddon) {
             throw new Error('Remote method access is only functional for Singleton classes ' + className)
         }
 

package/src/form/field/Select.mjs

@@ -661,7 +661,7 @@ class Select extends Picker {
                 cls: ['neo-input-field-wrapper'],
                 cn : [{
                     tag         : 'input',
-                    autocomplete: 'off',
+                    autocomplete: 'no', // while "off" is the correct value, browser vendors ignore it. Arbitrary strings do the trick.
                     autocorrect : 'off',
                     cls         : ['neo-textfield-input', 'neo-typeahead-input'],
                     disabled    : true,

package/src/form/field/Text.mjs

@@ -318,7 +318,8 @@ class Text extends Base {
      * @protected
      */
     afterSetAutoComplete(value, oldValue) {
-        this.changeInputElKey('autocomplete', value ? null : 'off')
+        // while "off" is the correct value, browser vendors ignore it. Arbitrary strings do the trick.
+        this.changeInputElKey('autocomplete', value ? null : 'no')
     }
 
     /**

package/src/main/addon/AmCharts.mjs

@@ -1,12 +1,11 @@
-import Base      from '../../core/Base.mjs';
+import Base      from './Base.mjs';
 import DomAccess from '../DomAccess.mjs';
 
 /**
  * Helper class to include amCharts into your neo.mjs app
  * https://www.amcharts.com/docs/v4/
  * @class Neo.main.addon.AmCharts
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class AmCharts extends Base {
     static config = {
@@ -44,16 +43,6 @@ class AmCharts extends Base {
          * @protected
          */
         fallbackPath: 'https://neomjs.github.io/pages/resources/amCharts/',
-        /**
-         * @member {Boolean} scriptsLoaded_=true
-         * @protected
-         */
-        scriptsLoaded_: false,
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true,
         /**
          * Remote method access for other workers
          * @member {Object} remote={app: [//...]}
@@ -68,7 +57,12 @@ class AmCharts extends Base {
                 'setProperty',
                 'updateData'
             ]
-        }
+        },
+        /**
+         * @member {Boolean} scriptsLoaded_=true
+         * @protected
+         */
+        scriptsLoaded_: false
     }
 
     /**
@@ -278,6 +272,6 @@ class AmCharts extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(AmCharts);
+Neo.applyClassConfig(AmCharts);
 
-export default instance;
+export default AmCharts;

package/src/main/addon/AnalyticsByGoogle.mjs

@@ -1,12 +1,11 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Required for the online version of the examples & docs app
  * We can not name the file GoogleAnalytics, since it does break when using uBlock origin for dist versions.
  * See: https://github.com/neomjs/neo/issues/651
  * @class Neo.main.addon.AnalyticsByGoogle
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class AnalyticsByGoogle extends Base {
     static config = {
@@ -14,12 +13,7 @@ class AnalyticsByGoogle extends Base {
          * @member {String} className='Neo.main.addon.AnalyticsByGoogle'
          * @protected
          */
-        className: 'Neo.main.addon.AnalyticsByGoogle',
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        className: 'Neo.main.addon.AnalyticsByGoogle'
     }
 
     /**
@@ -54,6 +48,6 @@ class AnalyticsByGoogle extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(AnalyticsByGoogle);
+Neo.applyClassConfig(AnalyticsByGoogle);
 
-export default instance;
+export default AnalyticsByGoogle;

package/src/main/addon/Base.mjs

@@ -0,0 +1,26 @@
+import CoreBase from '../../core/Base.mjs';
+
+/**
+ * Base class for main thread addons
+ * @class Neo.main.addon.Base
+ * @extends Neo.core.Base
+ */
+class Base extends CoreBase {
+    static config = {
+        /**
+         * @member {String} className='Neo.main.addon.Base'
+         * @protected
+         */
+        className: 'Neo.main.addon.Base',
+        /**
+         * An identifier for core.Base to get handled like singletons for remote method access
+         * @member {Boolean} isMainThreadAddon=true
+         * @protected
+         */
+        isMainThreadAddon: true
+    }
+}
+
+Neo.applyClassConfig(Base);
+
+export default Base;

package/src/main/addon/CesiumJS.mjs

@@ -1,11 +1,10 @@
-import Base      from '../../core/Base.mjs';
+import Base      from './Base.mjs';
 import DomAccess from '../DomAccess.mjs';
 
 /**
  * See: https://github.com/CesiumGS/cesium
  * @class Neo.main.addon.CesiumJS
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class CesiumJS extends Base {
     static config = {
@@ -26,12 +25,7 @@ class CesiumJS extends Base {
                 'destroy',
                 'flyTo'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -117,6 +111,6 @@ class CesiumJS extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(CesiumJS);
+Neo.applyClassConfig(CesiumJS);
 
-export default instance;
+export default CesiumJS;

package/src/main/addon/CloneNode.mjs

@@ -1,11 +1,10 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Basic helper class to create template DOM nodes and apply them to a target node via cloning.
  * See: https://github.com/neomjs/neo/blob/dev/apps/krausest/view/TableComponent.mjs
  * @class Neo.main.addon.CloneNode
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class CloneNode extends Base {
     static config = {
@@ -30,12 +29,7 @@ class CloneNode extends Base {
                 'applyClones',
                 'createNode'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -93,15 +87,16 @@ class CloneNode extends Base {
      */
     createNode(data) {
         let template = document.createElement(data.tag);
+
         template.innerHTML = data.html;
 
         this.map[data.id] = {
-            paths   : data.paths,
-            template: template
+            paths: data.paths,
+            template
         };
     }
 }
 
-let instance = Neo.applyClassConfig(CloneNode);
+Neo.applyClassConfig(CloneNode);
 
-export default instance;
+export default CloneNode;

package/src/main/addon/Cookie.mjs

@@ -1,10 +1,9 @@
-import Base from '../../core/Base.mjs';
+import Base from './Base.mjs';
 
 /**
  * Basic Read and write access for document.cookie
  * @class Neo.main.addon.Cookie
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class Cookie extends Base {
     static config = {
@@ -24,12 +23,7 @@ class Cookie extends Base {
                 'getCookies',
                 'setCookie'
             ]
-        },
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        }
     }
 
     /**
@@ -59,6 +53,6 @@ class Cookie extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(Cookie);
+Neo.applyClassConfig(Cookie);
 
-export default instance;
+export default Cookie;

package/src/main/addon/DragDrop.mjs

@@ -1,11 +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.DragDrop
- * @extends Neo.core.Base
- * @singleton
+ * @extends Neo.main.addon.Base
  */
 class DragDrop extends Base {
     static config = {
@@ -124,12 +123,7 @@ class DragDrop extends Base {
         /**
          * @member {Number} scrollFactorTop=1
          */
-        scrollFactorTop: 1,
-        /**
-         * @member {Boolean} singleton=true
-         * @protected
-         */
-        singleton: true
+        scrollFactorTop: 1
     }
 
     /**
@@ -515,6 +509,6 @@ class DragDrop extends Base {
     }
 }
 
-let instance = Neo.applyClassConfig(DragDrop);
+Neo.applyClassConfig(DragDrop);
 
-export default instance;
+export default DragDrop;

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
+        }
     }
 
     /**
@@ -451,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;

package/src/selection/ListModel.mjs

@@ -1,4 +1,3 @@
-import NeoArray from '../util/Array.mjs';
 import Model from './Model.mjs';
 
 /**
@@ -55,6 +54,9 @@ class ListModel extends Model {
      */
     onKeyDownUp(data) {}
 
+    /**
+     * @param {Object} data
+     */
     onListClick({ currentTarget }) {
         const { view } = this;
 
@@ -67,6 +69,9 @@ class ListModel extends Model {
         }
     }
 
+    /**
+     * @param {Object} data
+     */
     onListNavigate(data) {
         const
             { view }  = this,