import AppCustomElementStyleSheet from "file:///Users/damien.maillard/dev/perso/jsenv-core/packages/related/cli/template-web-components/src/app/app_custom_element.css?as_css_module";
import { initCounter } from "file:///Users/damien.maillard/dev/perso/jsenv-core/packages/related/cli/template-web-components/src/app/counter.js";
const jsenvLogoUrl = new URL("file:///Users/damien.maillard/dev/perso/jsenv-core/packages/related/cli/template-web-components/src/jsenv_logo.svg", import.meta.url);
class AppCustomElement extends HTMLElement {
  constructor() {
    super();
    const shadow = this.attachShadow({
      mode: "open"
    });
    shadow.adoptedStyleSheets = [...shadow.adoptedStyleSheets, AppCustomElementStyleSheet];
    shadow.innerHTML = "\n<h1>Hello world!</h1>\n<img class=\"logo\" src=".concat(jsenvLogoUrl, " alt=\"logo\" />\n<p>\n  <button id=\"counter_button\">Click me!</button>\n  <p>\n    Number of clicks: <span id=\"counter_output\"></span>\n  </p>\n</p>\n<p>\n  Edit <a href=\"javascript:window.fetch('/__open_in_editor__/jsenv_logo.svg')\">jsenv_logo.svg</a> and save to test HMR updates.\n</p>\n<a href=\"https://github.com/jsenv/core\" target=\"_blank\">Documentation</a>");
    initCounter(shadow);
  }
}
customElements.define("my-app", AppCustomElement);