v4web-components/dist/stencil-library/p-cb8c3453.entry.js

Stencil Component Starter

import{r as a,c as e,h as l}from"./p-c2aeec95.js";const s=".chip-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--lab-ds-semantic-placeholder-space-gap-m);padding:var(--lab-ds-semantic-placeholder-space-padding-none)}.clear-all{text-decoration:underline;margin-left:var(--lab-ds-semantic-placeholder-space-gap-xxl);font:var(--lab-ds-semantic-typography-body-decoration-underlined-p2-regular);color:black;cursor:pointer}";const i=class{constructor(l){a(this,l);this.handleCloseChip=e(this,"handleCloseChip",7);this.handleClearAll=e(this,"handleClearAll",7);this.size="medium";this.avatar=false;this.chips=[]}handleClickChip(a){a&&this.handleCloseChip.emit(a)}handleClickClearAll(){this.handleClearAll.emit()}render(){return l("div",{class:"chip-group"},this.chips.map((a=>l("lab-ds-chip",{onHandleCloseChip:()=>this.handleClickChip(a.id),key:a.id,avatar:this.avatar,size:this.size,label:a.label}))),this.chips.length>0&&l("lab-ds-button",{variant:"link-button",label:"Limpar opções",onHandleButton:()=>this.handleClickClearAll()}))}};i.style=s;export{i as lab_ds_chip_group};
//# sourceMappingURL=p-cb8c3453.entry.js.map