Move instantiation logic to `connectedCallback`

Reference: https://html.spec.whatwg.org/multipage/custom-elements.html#custom-element-conformance

diff --git a/script.js b/script.js
index 2393fe48f44655d13606626585f0f6367330c94b..164b3c0d6d33db43e1b89a716fe91ef8622c06ea 100644 (file)
--- a/script.js
+++ b/script.js
@@ -4,8 +4,7 @@ const invisibleCharacters = [9, 10, 11, 12, 13, 32, 127, 160, 173, 847, 1564, 44
 const encoder = new TextEncoder();
 
 customElements.define('al-point-visualization', class extends HTMLElement {
-  constructor() {
-    super();
+  connectedCallback() {
     const template = document.querySelector('template').content;
     const shadowRoot = this.attachShadow({ mode: 'open' });
     shadowRoot.appendChild(template.cloneNode(true));