UNPKG

primevue

Version:

PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBloc

2 lines (1 loc) 2.16 kB
this.primevue=this.primevue||{},this.primevue.chip=function(e,o,n,t){"use strict";function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(e),r={name:"Chip",extends:{name:"BaseChip",extends:l(o).default,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}},style:l(n).default,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:c.default}},i=["aria-label"],a=["src"];return r.render=function(e,o,n,l,c,r){return c.visible?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:0,class:e.cx("root"),"aria-label":e.label},e.ptm("root"),{"data-pc-name":"chip"}),[t.renderSlot(e.$slots,"default",{},(function(){return[e.image?(t.openBlock(),t.createElementBlock("img",t.mergeProps({key:0,src:e.image},e.ptm("image")),null,16,a)):e.$slots.icon?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.$slots.icon),t.mergeProps({key:1,class:e.cx("icon")},e.ptm("icon")),null,16,["class"])):e.icon?(t.openBlock(),t.createElementBlock("span",t.mergeProps({key:2,class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16)):t.createCommentVNode("",!0),e.label?(t.openBlock(),t.createElementBlock("div",t.mergeProps({key:3,class:e.cx("label")},e.ptm("label")),t.toDisplayString(e.label),17)):t.createCommentVNode("",!0)]})),e.removable?t.renderSlot(e.$slots,"removeicon",{key:0,onClick:r.close,onKeydown:r.onKeydown,removeCallback:r.close,keydownCallback:r.onKeydown},(function(){return[(t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.removeIcon?"span":"TimesCircleIcon"),t.mergeProps({tabindex:"0",class:[e.cx("removeIcon"),e.removeIcon],onClick:r.close,onKeydown:r.onKeydown},e.ptm("removeIcon")),null,16,["class","onClick","onKeydown"]))]})):t.createCommentVNode("",!0)],16,i)):t.createCommentVNode("",!0)},r}(primevue.icons.timescircle,primevue.basecomponent,primevue.chip.style,Vue);