primevue/chip/chip.esm.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

import e from"primevue/icons/timescircle";import n from"primevue/basecomponent";import{useStyle as o}from"primevue/usestyle";import{openBlock as i,createElementBlock as l,mergeProps as c,renderSlot as t,createBlock as r,resolveDynamicComponent as s,createCommentVNode as a,toDisplayString as p}from"vue";var m=o("\n.p-chip {\n    display: inline-flex;\n    align-items: center;\n}\n\n.p-chip-text {\n    line-height: 1.5;\n}\n\n.p-chip-icon.pi {\n    line-height: 1.5;\n}\n\n.p-chip-remove-icon {\n    line-height: 1.5;\n    cursor: pointer;\n}\n\n.p-chip img {\n    border-radius: 50%;\n}\n",{name:"chip",manual:!0}),u={name:"Chip",extends:{name:"BaseChip",extends:n,props:{label:{type:String,default:null},icon:{type:String,default:null},image:{type:String,default:null},removable:{type:Boolean,default:!1},removeIcon:{type:String,default:void 0}},css:{classes:{root:function(e){return["p-chip p-component",{"p-chip-image":null!=e.props.image}]},icon:"p-chip-icon",label:"p-chip-text",removeIcon:"p-chip-remove-icon"},loadStyle:m.load},provide:function(){return{$parentInstance:this}}},emits:["remove"],data:function(){return{visible:!0}},methods:{onKeydown:function(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close:function(e){this.visible=!1,this.$emit("remove",e)}},components:{TimesCircleIcon:e}},d=["aria-label"],h=["src"];u.render=function(e,n,o,m,u,v){return u.visible?(i(),l("div",c({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t(e.$slots,"default",{},(function(){return[e.image?(i(),l("img",c({key:0,src:e.image},e.ptm("image")),null,16,h)):e.$slots.icon?(i(),r(s(e.$slots.icon),c({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(i(),l("span",c({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):a("",!0),e.label?(i(),l("div",c({key:3,class:e.cx("label")},e.ptm("label")),p(e.label),17)):a("",!0)]})),e.removable?t(e.$slots,"removeicon",{key:0,onClick:v.close,onKeydown:v.onKeydown},(function(){return[(i(),r(s(e.removeIcon?"span":"TimesCircleIcon"),c({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:v.close,onKeydown:v.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):a("",!0)],16,d)):a("",!0)};export{u as default};