("object"==typeof self?self:process).__InlineContent__=function(e,{type:t="text/plain"}){this.text=e,this.type=t};const e=new __InlineContent__(".logo{pointer-events:none;height:40vmin}",{type:"text/css"}),t=new CSSStyleSheet;t.replaceSync(e.text);let n=0;const o=new URL(__v__("/other/jsenv_logo.svg"),import.meta.url);class s extends HTMLElement{constructor(){super();const e=this.attachShadow({mode:"open"});e.adoptedStyleSheets=[...e.adoptedStyleSheets,t],e.innerHTML=`\n<h1>Hello world!</h1>\n<img class="logo" src=${o} 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('/.internal/open_file/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>`,(e=>{const t=e.querySelector("#counter_button"),o=e.querySelector("#counter_output");o.innerHTML=n,t.onclick=()=>{n++,o.innerHTML=n}})(e)}}customElements.define("my-app",s),document.querySelector("#root").innerHTML="<my-app></my-app>";