import{r as e,c as r,h as a,H as i}from"./p-e81f56ed.js";const t=':host{display:inline-block;padding:var(--klevu-spacing-02) var(--klevu-spacing-05);background:var(--klevu-badge-background);border-radius:var(--klevu-border-radius-xxl, var(--klevu-badge-border-radius));align-items:center}:host(.closable){display:inline-flex;cursor:pointer;user-select:none}span[part="material-icon"]{position:relative;top:1px;left:-4px;font-size:0.7em;margin-right:var(--klevu-spacing-01)}klevu-typography{line-height:1}';var s=undefined&&undefined.__classPrivateFieldGet||function(e,r,a,i){if(a==="a"&&!i)throw new TypeError("Private accessor was defined without a getter");if(typeof r==="function"?e!==r||!i:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return a==="m"?i:a==="a"?i.call(e):i?i.value:r.get(e)};var n;const o=class{constructor(a){e(this,a);this.klevuBadgeClose=r(this,"klevuBadgeClose",7);n.set(this,(()=>{if(this.closable){this.klevuBadgeClose.emit()}}));this.accent=undefined;this.neutral=undefined;this.closable=undefined}render(){let e={};if(this.accent||this.neutral){e={"--klevu-badge-background":this.accent?`var(--klevu-color-accent-${this.accent})`:`var(--klevu-color-neutral-${this.neutral})`}}return a(i,{style:e,class:{closable:Boolean(this.closable)},onClick:s(this,n,"f").bind(this)},this.closable&&a("span",{part:"material-icon"},"close"),a("klevu-typography",{variant:"body-xs"},a("slot",null)))}};n=new WeakMap;o.style=t;export{o as klevu_badge};
//# sourceMappingURL=p-6f684edf.entry.js.map