neo.mjs 4.0.46 → 4.0.47

package/package.json

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

package/src/component/Base.mjs

@@ -1007,7 +1007,7 @@ class Base extends CoreBase {
      * @returns {Promise<*>}
      */
     getDomRect(id=this.id, appName=this.appName) {
-        return Neo.main.DomAccess.getBoundingClientRect({ appName, id });
+        return Neo.main.DomAccess.getBoundingClientRect({appName, id});
     }
 
     /**

package/src/main/addon/WebComponent.mjs

@@ -0,0 +1,54 @@
+import Base from '../../core/Base.mjs';
+
+/**
+ * Addon to register WebComponents
+ * @class Neo.main.addon.WebComponent
+ * @extends Neo.core.Base
+ * @singleton
+ */
+class WebComponent extends Base {
+    static getConfig() {return {
+        /**
+         * @member {String} className='Neo.main.addon.WebComponent'
+         * @protected
+         */
+        className: 'Neo.main.addon.WebComponent',
+        /**
+         * @member {Boolean} singleton=true
+         * @protected
+         */
+        singleton: true
+    }}
+
+    /**
+     * @param {Object} config
+     */
+    construct(config) {
+        super.construct(config);
+
+        this.registerElementLoader();
+    }
+
+    /**
+     *
+     */
+    registerElementLoader() {
+        customElements.define('element-loader', class extends HTMLElement {
+            async connectedCallback() {
+                let me      = this,
+                    content = await (await fetch(me.getAttribute('src'))).text();
+
+                me.attachShadow({mode: 'open'}).innerHTML = content;
+                me.shadowRoot.append(me.querySelector('style'));
+            }
+        });
+    }
+}
+
+Neo.applyClassConfig(WebComponent);
+
+let instance = Neo.create(WebComponent);
+
+Neo.applyToGlobalNs(instance);
+
+export default instance;