class SimpleLoginAvatar extends HTMLElement{static get tag(){return"simple-login-avatar"}constructor(t=!1){super(),this.tag=SimpleLoginAvatar.tag,this.template=globalThis.document.createElement("template"),this.attachShadow({mode:"open"}),t||this.render()}connectedCallback(){globalThis.ShadyCSS&&globalThis.ShadyCSS.styleElement(this)}_copyAttribute(t,e){const a=this.shadowRoot.querySelectorAll(e),n=this.getAttribute(t),i=null==n?"removeAttribute":"setAttribute";for(const e of a)e[i](t,n)}render(){this.shadowRoot.innerHTML=null,this.template.innerHTML=this.html,globalThis.ShadyCSS&&globalThis.ShadyCSS.prepareTemplate(this.template,this.tag),this.shadowRoot.appendChild(this.template.content.cloneNode(!0))}get html(){return'\n    <style>\n      :host {\n        margin: 0;\n        display: block;\n        max-width: 100%; \n      }\n      :host([hidden]){\n        display: none;\n      }\n      #svg {\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        fill: var(--simple-login-avatar-background, white);\n      }\n      .avatar {\n        position:relative;\n        margin: 0 auto;\n        display: block;\n        overflow: hidden;\n        text-decoration: none;\n        line-height: 240%;\n        color: var(--simple-login-avatar-background, white);\n        background: var(--simple-login-avatar-color, #36bed4);\n        border-radius: var(--simple-login-avatar-border-radius, 100%);\n      }\n    </style>\n    <div class="avatar">\n      <svg id="svg" viewBox="0 0 24 24" preserveAspectRatio="xMidYMid meet" focusable="false" style="pointer-events: none; display: block;"><g><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g></svg>\n      <slot></slot>\n    </div>'}}customElements.define(SimpleLoginAvatar.tag,SimpleLoginAvatar);export{SimpleLoginAvatar};