window.onload = function() { // if (window.customElements){ // console.log('we got components') // } else { var adapter = document.createElement('script'); adapter.src = 'https://unpkg.com/@webcomponents/webcomponentsjs/custom-elements-es5-adapter.js' document.head.appendChild(adapter) // } var loader = document.createElement('script'); loader.src = 'https://unpkg.com/@webcomponents/webcomponentsjs/webcomponents-loader.js' document.head.appendChild(loader) if ('registerElement' in document && 'import' in document.createElement('link') && 'content' in document.createElement('template')) { console.log('i got components') // browser has web components } else { // polyfill web components var e = document.createElement('script'); e.src = 'https://unpkg.com/@webcomponents/webcomponentsjs/webcomponents-lite.min.js'; document.head.appendChild(e); } window.addEventListener('WebComponentsReady', function(e) { // imports are loaded and elements have been registered var loader = document.createElement('script'); loader.src = 'https://unpkg.com/@menucloudapp/mc-menu-widget/dist/mc-menu-widget.js' document.head.appendChild(loader) console.log('Components are ready'); }); }