feat: dispatch event "<component>Loaded"

Author: frankpagan

src/client.js

@@ -1,13 +1,14 @@
 import observer from '@cocreate/observer';
 
-function listen(callback, selector) {
+function listen(name, callback, selector) {
 
     function observerCallback({ target }) {
         // let isInit = target.querySelector(selector)/testtt
         // if (isInit) {
         callback()
         // console.log('lazyloaded', selector)
         observer.uninit(observerCallback)
+        dispatchComponentLoaded(name)
         // }
     }
 
@@ -50,12 +51,19 @@ export async function lazyLoad(name, selector, callback) {
     if (document.querySelector(selector))
         await dependency(name, await callback())
     else
-        listen(callback, selector)
+        listen(name, callback, selector)
 }
 
 export async function dependency(name, promise) {
     let component = await promise;
     Object.assign(window.CoCreate, {
         [name]: component.default
     });
-}
+    dispatchComponentLoaded(name)
+}
+
+function dispatchComponentLoaded(name) {
+    document.dispatchEvent(new CustomEvent(name + 'Loaded', {
+        detail: { name }
+    }));
+}