mirror of https://github.com/sveltejs/svelte
36 lines
664 B
36 lines
664 B
<script>
|
|
class MyCustomElement extends HTMLElement {
|
|
constructor() {
|
|
super();
|
|
this._obj = null;
|
|
this._text = null;
|
|
}
|
|
|
|
set text(text) {
|
|
this._text = text;
|
|
this.render();
|
|
}
|
|
|
|
set camelCase(obj) {
|
|
this._obj = obj;
|
|
this.render();
|
|
}
|
|
|
|
connectedCallback() {
|
|
this.render();
|
|
}
|
|
|
|
render() {
|
|
this.innerHTML = 'Hello ' + this._obj.text + this._text;
|
|
}
|
|
}
|
|
|
|
class Extended extends MyCustomElement {}
|
|
|
|
if(!window.customElements.get('my-custom-inheritance-element')) {
|
|
window.customElements.define('my-custom-inheritance-element', Extended);
|
|
}
|
|
</script>
|
|
|
|
<my-custom-inheritance-element camelCase={{ text: 'World' }} text="!" />
|