import{r as e,c as r,h as i,H as o}from"./p-567d4700.js";const a=":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(--klevu-chip-selected-background, rgba(var(--klevu-color-primary-rgb), 0.2));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 t=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 s,l;const n=class{constructor(i){e(this,i);this.klevuChipRemove=r(this,"klevuChipRemove",7);s.add(this);this.selected=false;this.removable=false}render(){return i(o,{class:{removable:Boolean(this.removable),selected:Boolean(this.selected)}},this.removable&&i("klevu-icon",{name:"close",onClick:t(this,s,"m",l).bind(this)}),i("klevu-typography",{variant:"body-xs"},i("slot",null)))}};s=new WeakSet,l=function e(r){if(this.removable){const e=this.klevuChipRemove.emit();if(e.defaultPrevented){r.stopPropagation();return false}}};n.style=a;export{n as klevu_chip};
//# sourceMappingURL=p-06692b4d.entry.js.map