import{r as e,c as i,h as r,H as t}from"./p-23359d3b.js";const a=":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}klevu-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,i,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?e!==i||!t:!i.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(e):t?t.value:i.get(e)};var n;const o=class{constructor(r){e(this,r);this.klevuBadgeClose=i(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 r(t,{style:e,class:{closable:Boolean(this.closable)},onClick:s(this,n,"f").bind(this)},this.closable&&r("klevu-icon",{name:"close"}),r("klevu-typography",{variant:"body-xs"},r("slot",null)))}};n=new WeakMap;o.style=a;export{o as klevu_badge};
//# sourceMappingURL=p-038777ed.entry.js.map