// @ts-check import WebComponent from "../index.mjs"; export class HelloWorld extends WebComponent { name = "World"; emotion = "excited"; static properties = ["name", "emotion"]; onChanges({ property, previousValue, currentValue }) { console.log(">>> changed", { property, previousValue, currentValue }); } get template() { return `

Hello ${this.name}${this.emotion === "sad" ? ". 😭" : "! 🙌"}

`; } } customElements.define("hello-world", HelloWorld);