fixed bundle

Author: nmetulev

packages/mgt-components/src/utils/FluentComponents.ts

@@ -9,6 +9,10 @@ export const registerFluentComponents = (...fluentComponents) => {
 
   const registry = {
     register(container: any) {
+      if (!container) {
+        return;
+      }
+
       for (const component of fluentComponents) {
         component().register(container);
       }

packages/mgt/src/bundle/mgt-loader.js

@@ -5,7 +5,7 @@
  * -------------------------------------------------------------------------------------------
  */
 
-(function() {
+(async function () {
   'use strict';
 
   var rootPath = getScriptPath();
@@ -15,6 +15,8 @@
     window.WebComponents = window.WebComponents || {};
     window.WebComponents.root = rootPath + 'wc/';
 
+    await waitUntilReady();
+
     addScript(rootPath + 'wc/webcomponents-loader.js');
     addScript(rootPath + 'mgt.es6.js');
   } else {
@@ -48,6 +50,19 @@
     return true;
   }
 
+  function waitUntilReady() {
+
+    return new Promise(function (resolve, reject) {
+      if (document.body) {
+        resolve();
+      }
+
+      document.addEventListener('DOMContentLoaded', function () {
+        resolve();
+      })
+    });
+  };
+
   function addScript(src, onload) {
     // TODO: support async loading
 
@@ -58,7 +73,7 @@
     //   tag.addEventListener("load", onload);
     // }
 
-    document.write(tag.outerHTML);
-    // document.head.appendChild(tag);
+    // document.write(tag.outerHTML);
+    document.head.appendChild(tag);
   }
 })();