import{r as e,c as r,h as a,H as i}from"./p-e81f56ed.js";const o=':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))}span[part="material-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,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 s,l;const n=class{constructor(a){e(this,a);this.klevuChipRemove=r(this,"klevuChipRemove",7);s.add(this);this.selected=false;this.removable=false}render(){return a(i,{class:{removable:Boolean(this.removable),selected:Boolean(this.selected)}},this.removable&&a("span",{onClick:t(this,s,"m",l).bind(this),part:"material-icon"},"close"),a("klevu-typography",{variant:"body-xs"},a("slot",null)))}};s=new WeakSet,l=function e(){if(this.removable){this.klevuChipRemove.emit()}};n.style=o;export{n as klevu_chip};
//# sourceMappingURL=p-379cc7b1.entry.js.map