import{proxyCustomElement as e,HTMLElement as i,getAssetPath as n,h as r,Host as t,transformTag as a}from"@stencil/core/internal/client";const s=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="normal",this.framed=!1}async componentWillLoad(){await fetch(n(`./assets/glyph-${this.name}.svg`)).then((e=>e.text())).then((e=>{this.glyph=e})).catch((e=>console.log(e)))}render(){return r(t,{key:"fd1cab62856b3bdba0208035d746724d5ed7dc78",class:`${this.size} ${this.framed?"framed":""}`},r("div",{key:"b2fed8ed7e5c01adfb6e4c8af93ed13f3b24b206",id:"glyph",innerHTML:this.glyph}))}static get assetsDirs(){return["assets"]}static get style(){return":host{-ms-flex-line-pack:center;align-content:center;background:var(--ezp-icon-background, transparent);border-radius:var(--ezp-icon-borderRadius, 0);display:grid;grid-template:var(--ezp-icon-gridTemplate)/var(--ezp-icon-gridTemplate);height:var(--ezp-icon-height, var(--ezp-icon-size));-ms-flex-pack:center;justify-content:center;padding:var(--ezp-icon-padding, 0);width:var(--ezp-icon-width, var(--ezp-icon-size))}:host(.framed){--ezp-icon-background:var(--ezp-core-shade-primary);--ezp-icon-borderRadius:50%;--ezp-icon-padding:var(--ezp-icon-frame)}:host(.normal){--ezp-icon-size:18px;--ezp-icon-gridTemplate:24px;--ezp-icon-frame:var(--ezp-spacing-3)}:host(.large){--ezp-icon-size:36px;--ezp-icon-gridTemplate:48px;--ezp-icon-frame:var(--ezp-spacing-4)}:host(.huge){--ezp-icon-size:54px;--ezp-icon-gridTemplate:72px;--ezp-icon-frame:var(--ezp-spacing-5)}svg{display:block;fill:var(--ezp-icon-fill, currentColor);height:100%;width:100%}"}},[1,"ezp-icon",{name:[1],size:[1],framed:[4]}]);function c(){"undefined"!=typeof customElements&&["ezp-icon"].forEach((e=>{"ezp-icon"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}export{s as E,c as d}