refactor: migrate menu-label HTML template to separate JS file and update component initialization

Author: caperaven

components/menu/menu-label/menu-label.html

@@ -0,0 +1,6 @@
+export const HTML = `
+<link rel="stylesheet" href="__css__" />
+<slot name="prefix"></slot>
+<slot></slot>
+<slot name="suffix"></slot>
+`.replace("__css__", import.meta.url.replace(".html.js", ".css"));

components/menu/menu-label/menu-label.html.js

@@ -1,20 +1,12 @@
-import { ComponentModule } from "../../../src/modules/component.js";
+import { HTML } from "./menu-label.html.js";
 
 class MenuLabel extends HTMLElement {
     static name = Object.freeze("menu-label");
 
     constructor() {
         super();
         this.attachShadow({ mode: "open" });
-        this.style.display = "none";
-    }
-
-    async connectedCallback() {
-        this.shadowRoot.innerHTML = await ComponentModule.load_html({
-            url: import.meta.url,
-        });
-
-        this.style.display = "flex";
+        this.shadowRoot.innerHTML = HTML;
     }
 }