primevue/chip/chip.cjs.min.js

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

"use strict";var e=require("primevue/basecomponent"),n=require("primevue/icons/timescircle"),o=require("vue");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=t(e),l=t(n),c={name:"Chip",extends:i.default,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:void 0}},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}]}},components:{TimesCircleIcon:l.default}};const r=["aria-label"],s=["src"];!function(e,n){void 0===n&&(n={});var o=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===o&&t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.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"),c.render=function(e,n,t,i,l,c){return l.visible?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:0,class:c.containerClass,"aria-label":t.label},e.ptm("root")),[o.renderSlot(e.$slots,"default",{},(()=>[t.image?(o.openBlock(),o.createElementBlock("img",o.mergeProps({key:0,src:t.image},e.ptm("image")),null,16,s)):e.$slots.icon?(o.openBlock(),o.createBlock(o.resolveDynamicComponent(e.$slots.icon),o.mergeProps({key:1,class:"p-chip-icon"},e.ptm("icon")),null,16)):t.icon?(o.openBlock(),o.createElementBlock("span",o.mergeProps({key:2,class:["p-chip-icon",t.icon]},e.ptm("icon")),null,16)):o.createCommentVNode("",!0),t.label?(o.openBlock(),o.createElementBlock("div",o.mergeProps({key:3,class:"p-chip-text"},e.ptm("label")),o.toDisplayString(t.label),17)):o.createCommentVNode("",!0)])),t.removable?o.renderSlot(e.$slots,"removeicon",{key:0,onClick:c.close,onKeydown:c.onKeydown},(()=>[(o.openBlock(),o.createBlock(o.resolveDynamicComponent(t.removeIcon?"span":"TimesCircleIcon"),o.mergeProps({tabindex:"0",class:["p-chip-remove-icon",t.removeIcon],onClick:c.close,onKeydown:c.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))])):o.createCommentVNode("",!0)],16,r)):o.createCommentVNode("",!0)},module.exports=c;