CustomElement.new()
An utility to simplify Custom Elements instantiation for every browser, specially those incapable of extending built-ins.
Please note that while this module by its own works out of the box in WebKit/Safari, as in every other browser, you still need to polyfill Custom Elements built-in extends for these, and before using this helper.
class MyButton extends HTMLButtonElement {}
customElements.define('my-button', MyButton, {extends: 'button'});
// Safari would fail at using `new MyButton()`
// Safari would indeed need `document.createElement('button', {is: 'my-button'})`
// With this utility/helper though, you can simply write instead:
const mybtn = MyButton.new(); // 🎉- CDN via https://unpkg.com/@ungap/custom-elements-new
- ESM via
import iterator from '@ungap/custom-elements-new' - CJS via
const iterator = require('@ungap/custom-elements-new')