import{r as e,c as r,h as o,H as i}from"./p-23359d3b.js";const a=":host{display:inline-block;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:1px;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,o,i){if(o==="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 o==="m"?i:o==="a"?i.call(e):i?i.value:r.get(e)};var s,l;const n=class{constructor(o){e(this,o);this.klevuChipRemove=r(this,"klevuChipRemove",7);s.add(this);this.selected=false;this.removable=false}render(){return o(i,{class:{removable:Boolean(this.removable),selected:Boolean(this.selected)}},this.removable&&o("klevu-icon",{name:"close",onClick:t(this,s,"m",l).bind(this)}),o("klevu-typography",{variant:"body-xs"},o("slot",null)))}};s=new WeakSet,l=function e(){if(this.removable){this.klevuChipRemove.emit()}};n.style=a;export{n as klevu_chip};
//# sourceMappingURL=p-280ae2ab.entry.js.map