22 lines
531 B
JavaScript
22 lines
531 B
JavaScript
async function polyfill() {
|
|
const { hydrateShadowRoots } = await import(
|
|
'@webcomponents/template-shadowroot/template-shadowroot.js'
|
|
);
|
|
window.addEventListener('DOMContentLoaded', () => hydrateShadowRoots(document.body), {
|
|
once: true,
|
|
});
|
|
}
|
|
|
|
const polyfillCheckEl = new DOMParser()
|
|
.parseFromString(
|
|
`<p><template shadowroot="open" shadowrootmode="open"></template></p>`,
|
|
'text/html',
|
|
{
|
|
includeShadowRoots: true,
|
|
}
|
|
)
|
|
.querySelector('p');
|
|
|
|
if (!polyfillCheckEl || !polyfillCheckEl.shadowRoot) {
|
|
polyfill();
|
|
}
|