2022-03-18 17:35:45 -05:00
|
|
|
async function polyfill() {
|
|
|
|
const { hydrateShadowRoots } = await import(
|
|
|
|
'@webcomponents/template-shadowroot/template-shadowroot.js'
|
|
|
|
);
|
2022-05-31 10:41:24 -05:00
|
|
|
window.addEventListener('DOMContentLoaded', () => hydrateShadowRoots(document.body), {
|
|
|
|
once: true,
|
|
|
|
});
|
2022-03-18 17:35:45 -05:00
|
|
|
}
|
|
|
|
|
2024-05-29 15:01:22 -05:00
|
|
|
const polyfillCheckEl = Document.parseHTMLUnsafe(
|
|
|
|
`<p><template shadowrootmode="open"></template></p>`
|
|
|
|
).querySelector('p');
|
2022-03-18 17:35:45 -05:00
|
|
|
|
2023-07-03 07:59:43 -05:00
|
|
|
if (!polyfillCheckEl?.shadowRoot) {
|
2022-03-18 17:35:45 -05:00
|
|
|
polyfill();
|
|
|
|
}
|