(function() { function checkSupport() { if (!document.body) { setTimeout(checkSupport); return; } function supportsDynamicImports() { try { new Function('import("")'); return true; } catch (e) {} return false; } var supportsEsModules = !!('noModule' in document.createElement('script')); if (!supportsEsModules) { document.body.innerHTML = '\n \n\n\n\n
\n npm run dev --es5
\n
\n For stencil-component-starter, use:
\n\n npm start --es5
\n
\n\n\n \n npm run dev --prod
\n
\n For stencil-component-starter, use:
\n\n npm start --prod
\n
\n\n \n
\n
\n';
document.getElementById('current-browser-output').textContent = window.navigator.userAgent;
document.getElementById('es-modules-test').textContent = supportsEsModules;
document.getElementById('es-dynamic-modules-test').textContent = supportsDynamicImports();
document.getElementById('shadow-dom-test').textContent = !!(document.head.attachShadow);
document.getElementById('custom-elements-test').textContent = !!(window.customElements);
document.getElementById('css-variables-test').textContent = !!(window.CSS && window.CSS.supports && window.CSS.supports('color', 'var(--c)'));
document.getElementById('fetch-test').textContent = !!(window.fetch);
} else {
document.body.innerHTML = '\n \n\n\n\n Stencil recently changed how scripts are loaded in order to improve performance.
\n\nPreviously, a single script was included that handled loading the correct JavaScript based on browser support.
\n\n <script src="/build/scalapay-widget.js"></script>\n
\n
\n\n The index.html should now include two scripts using the modern ES Module script pattern.\n Note that only one file will actually be requested and loaded based on the browser\'s native support for ES Modules.\n For more info, please see Using JavaScript modules on the web.\n
\n\n <script type="module" src="/build/scalapay-widget.esm.js"></script>\n <script nomodule src="/build/scalapay-widget.js"></script>
\n
\n';
}
}
setTimeout(checkSupport);
})();