import{r as e,c as r,h as i,H as o}from"./p-326e6826.js";const t=":host{display:inline-flex;padding:var(--klevu-spacing-02) var(--klevu-spacing-05);border-radius:var(--klevu-chip-radius, var(--klevu-border-radius-xxl));align-items:center;border:1px solid var(--klevu-chip-border, var(--klevu-color-neutral-5))}:host(.removable){display:inline-flex}:host(.selected){background-color:var(\n    --klevu-chip-selected-background,\n    color-mix(in srgb, var(--klevu-color-primary), transparent 80%)\n  );border-color:var(--klevu-chip-selected-border, var(--klevu-color-primary))}klevu-icon{position:relative;top:2px;left:-4px;font-size:0.7em;padding:2px;margin-right:var(--klevu-spacing-01);cursor:pointer;user-select:none}klevu-typography{line-height:1}";var a=undefined&&undefined.__classPrivateFieldGet||function(e,r,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof r==="function"?e!==r||!o:!r.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(e):o?o.value:r.get(e)};var n,s;const l=class{constructor(i){e(this,i);this.klevuChipRemove=r(this,"klevuChipRemove",7);n.add(this);this.selected=false;this.removable=false}render(){return i(o,{class:{removable:Boolean(this.removable),selected:Boolean(this.selected)}},i("div",{part:"chip-base"},this.removable&&i("klevu-icon",{part:"chip-icon",name:"close",onClick:a(this,n,"m",s).bind(this)}),i("klevu-typography",{variant:"body-xs",part:"chip-content"},i("slot",null))))}};n=new WeakSet,s=function e(r){if(this.removable){const e=this.klevuChipRemove.emit();if(e.defaultPrevented){r.stopPropagation();return false}}};l.style=t;export{l as klevu_chip};
//# sourceMappingURL=p-e4659b01.entry.js.map