primevue/badge/style/badgestyle.min.js

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

this.primevue=this.primevue||{},this.primevue.badge=this.primevue.badge||{},this.primevue.badge.style=function(e,n){"use strict";function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}return t(e).default.extend({name:"badge",css:"\n@layer primevue {\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}\n",classes:{root:function(e){var t=e.props,i=e.instance;return["p-badge p-component",{"p-badge-no-gutter":n.ObjectUtils.isNotEmpty(t.value)&&1===String(t.value).length,"p-badge-dot":n.ObjectUtils.isEmpty(t.value)&&!i.$slots.default,"p-badge-lg":"large"===t.size,"p-badge-xl":"xlarge"===t.size,"p-badge-info":"info"===t.severity,"p-badge-success":"success"===t.severity,"p-badge-warning":"warning"===t.severity,"p-badge-danger":"danger"===t.severity}]}}})}(primevue.base.style,primevue.utils);