primevue/badge/badge.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/basecomponent";import{useStyle as n}from"primevue/usestyle";import{ObjectUtils as t}from"primevue/utils";import{openBlock as a,createElementBlock as r,mergeProps as i,renderSlot as o,createTextVNode as d,toDisplayString as s}from"vue";var p={root:function(e){var n=e.props,a=e.instance;return["p-badge p-component",{"p-badge-no-gutter":t.isNotEmpty(n.value)&&1===String(n.value).length,"p-badge-dot":t.isEmpty(n.value)&&!a.$slots.default,"p-badge-lg":"large"===n.size,"p-badge-xl":"xlarge"===n.size,"p-badge-info":"info"===n.severity,"p-badge-success":"success"===n.severity,"p-badge-warning":"warning"===n.severity,"p-badge-danger":"danger"===n.severity}]}},g=n("\n.p-badge {\n    display: inline-block;\n    border-radius: 10px;\n    text-align: center;\n    padding: 0 .5rem;\n}\n\n.p-overlay-badge {\n    position: relative;\n}\n\n.p-overlay-badge .p-badge {\n    position: absolute;\n    top: 0;\n    right: 0;\n    transform: translate(50%,-50%);\n    transform-origin: 100% 0;\n    margin: 0;\n}\n\n.p-badge-dot {\n    width: .5rem;\n    min-width: .5rem;\n    height: .5rem;\n    border-radius: 50%;\n    padding: 0;\n}\n\n.p-badge-no-gutter {\n    padding: 0;\n    border-radius: 50%;\n}\n",{name:"badge",manual:!0}),l={name:"Badge",extends:{name:"BaseBadge",extends:e,props:{value:{type:[String,Number],default:null},severity:{type:String,default:null},size:{type:String,default:null}},css:{classes:p,loadStyle:g.load},provide:function(){return{$parentInstance:this}}}};l.render=function(e,n,t,p,g,l){return a(),r("span",i({class:e.cx("root")},e.ptm("root"),{"data-pc-name":"badge"}),[o(e.$slots,"default",{},(function(){return[d(s(e.value),1)]}))],16)};export{l as default};