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

Author: caperaven

components/menu/menu-container/menu-container.html

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

components/menu/menu-container/menu-container.html.js

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