primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 2.55 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.chip=function(e,n){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t={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: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:o(e).default}};const l=["aria-label"],i=["src"],c={key:3,class:"p-chip-text"};return function(e,n){void 0===n&&(n={});var o=n.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],l=document.createElement("style");l.type="text/css","top"===o&&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"),t.render=function(e,o,t,a,s,r){return s.visible?(n.openBlock(),n.createElementBlock("div",{key:0,class:n.normalizeClass(r.containerClass),"aria-label":t.label},[n.renderSlot(e.$slots,"default"),e.$slots.default?n.createCommentVNode("",!0):(n.openBlock(),n.createElementBlock(n.Fragment,{key:0},[t.image?(n.openBlock(),n.createElementBlock("img",{key:0,src:t.image},null,8,i)):e.$slots.icon?(n.openBlock(),n.createBlock(n.resolveDynamicComponent(e.$slots.icon),{key:1,class:"p-chip-icon"})):t.icon?(n.openBlock(),n.createElementBlock("span",{key:2,class:n.normalizeClass(["p-chip-icon",t.icon])},null,2)):n.createCommentVNode("",!0),t.label?(n.openBlock(),n.createElementBlock("div",c,n.toDisplayString(t.label),1)):n.createCommentVNode("",!0)],64)),t.removable?n.renderSlot(e.$slots,"removeicon",{key:1,onClick:r.close,onKeydown:r.onKeydown},(()=>[(n.openBlock(),n.createBlock(n.resolveDynamicComponent(t.removeIcon?"span":"TimesCircleIcon"),{tabindex:"0",class:n.normalizeClass(["p-chip-remove-icon",t.removeIcon]),onClick:r.close,onKeydown:r.onKeydown},null,40,["class","onClick","onKeydown"]))])):n.createCommentVNode("",!0)],10,l)):n.createCommentVNode("",!0)},t}(primevue.icons.timescircle,Vue);