import{r as e,h as t,H as o,g as i}from"./p-23359d3b.js";const l=':host{display:inline-block}span{font-family:"Material Symbols Rounded";font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20}div svg{width:100%;height:100%}';const a=class{constructor(t){e(this,t);this.name=undefined;this.iconURL=undefined;this.iconURLSvg=undefined;this.svgStyle=undefined}async connectedCallback(){var e,t;const o=(t=(e=window["klevu_ui_settings"])===null||e===void 0?void 0:e.icons)===null||t===void 0?void 0:t[this.name];if(o===null||o===void 0?void 0:o.endsWith(".svg")){try{const e=await window.fetch(o);this.iconURLSvg=await e.text();const t=getComputedStyle(this.el).fontSize;this.svgStyle={fill:getComputedStyle(this.el).color,height:t,width:t}}catch(e){}}else if(o){this.iconURL=o}if(!this.iconURL&&!this.iconURLSvg){const e="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20,600,0,0";let t=document.querySelector(`link[href="${e}"]`);if(!t){t=document.createElement("link");t.setAttribute("rel","stylesheet");t.setAttribute("href",e);document.head.appendChild(t)}}}render(){return t(o,null,this.iconURLSvg?t("div",{style:this.svgStyle,innerHTML:this.iconURLSvg}):this.iconURL?t("img",{src:this.iconURL}):t("span",null,this.name))}get el(){return i(this)}};a.style=l;const r=":host{--klevu-typography-color:inherit;display:block}span{display:inline-block}.variant-h1{font-size:var(--klevu-typography-font-size, var(--klevu-h1-size));font-weight:var(--klevu-h1-weight);line-height:var(--klevu-h1-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-h2{font-size:var(--klevu-typography-font-size, var(--klevu-h2-size));font-weight:var(--klevu-h2-weight);line-height:var(--klevu-h2-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-h3{font-size:var(--klevu-typography-font-size, var(--klevu-h3-size));font-weight:var(--klevu-h3-weight);line-height:var(--klevu-h3-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-h4{font-size:var(--klevu-typography-font-size, var(--klevu-h4-size));font-weight:var(--klevu-h4-weight);line-height:var(--klevu-h4-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-body-l,.variant-body-l-bold{font-size:var(--klevu-typography-font-size, var(--klevu-body-l-size));line-height:var(--klevu-body-l-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-body-m,.variant-body-m-bold{font-size:var(--klevu-typography-font-size, var(--klevu-body-m-size));line-height:var(--klevu-body-m-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-body-s,.variant-body-s-bold{font-size:var(--klevu-typography-font-size, var(--klevu-body-s-size));line-height:var(--klevu-body-s-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-body-xs,.variant-body-xs-bold{font-size:var(--klevu-typography-font-size, var(--klevu-body-xs-size));line-height:var(--klevu-body-xs-line-height);color:var(--klevu-typography-color, var(--klevu-color-neutral-8))}.variant-body-l,.variant-body-m,.variant-body-s,.variant-body-xs{font-weight:400}.variant-body-l-bold,.variant-body-m-bold,.variant-body-s-bold,.variant-body-xs-bold{font-weight:600}";const n=class{constructor(t){e(this,t);this.variant=undefined}render(){return t("span",{class:`variant-${this.variant}`},t("slot",null))}};n.style=r;export{a as klevu_icon,n as klevu_typography};
//# sourceMappingURL=p-9b33b28a.entry.js.map