primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 1.97 kB
JavaScript
import{openBlock as e,createElementBlock as n,normalizeClass as i,renderSlot as t,createCommentVNode as l,toDisplayString as o}from"vue";var s={name:"Chip",emits:["remove"],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:"pi pi-times-circle"}},data:()=>({visible:!0}),methods:{onKeydown(e){"Enter"!==e.key&&"Backspace"!==e.key||this.close(e)},close(e){this.visible=!1,this.$emit("remove",e)}},computed:{containerClass(){return["p-chip p-component",{"p-chip-image":null!=this.image}]},iconClass(){return["p-chip-icon",this.icon]},removeIconClass(){return["p-chip-remove-icon",this.removeIcon]}}};const a=["aria-label"],c=["src"],r={key:2,class:"p-chip-text"};!function(e,n){void 0===n&&(n={});var i=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===i&&t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.styleSheet?l.styleSheet.cssText=e:l.appendChild(document.createTextNode(e))}}("\n.p-chip {\n display: inline-flex;\n align-items: center;\n}\n.p-chip-text {\n line-height: 1.5;\n}\n.p-chip-icon.pi {\n line-height: 1.5;\n}\n.p-chip-remove-icon {\n line-height: 1.5;\n cursor: pointer;\n}\n.p-chip img {\n border-radius: 50%;\n}\n"),s.render=function(s,p,d,m,h,u){return h.visible?(e(),n("div",{key:0,class:i(u.containerClass),"aria-label":d.label},[t(s.$slots,"default",{},(()=>[d.image?(e(),n("img",{key:0,src:d.image},null,8,c)):d.icon?(e(),n("span",{key:1,class:i(u.iconClass)},null,2)):l("",!0),d.label?(e(),n("div",r,o(d.label),1)):l("",!0)])),d.removable?(e(),n("span",{key:0,tabindex:"0",class:i(u.removeIconClass),onClick:p[0]||(p[0]=(...e)=>u.close&&u.close(...e)),onKeydown:p[1]||(p[1]=(...e)=>u.onKeydown&&u.onKeydown(...e))},null,34)):l("",!0)],10,a)):l("",!0)};export{s as default};