primevue/badge/style/badgestyle.esm.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

import e from"primevue/base/style";import{ObjectUtils as n}from"primevue/utils";var r=e.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 r=e.props,a=e.instance;return["p-badge p-component",{"p-badge-no-gutter":n.isNotEmpty(r.value)&&1===String(r.value).length,"p-badge-dot":n.isEmpty(r.value)&&!a.$slots.default,"p-badge-lg":"large"===r.size,"p-badge-xl":"xlarge"===r.size,"p-badge-info":"info"===r.severity,"p-badge-success":"success"===r.severity,"p-badge-warning":"warning"===r.severity,"p-badge-danger":"danger"===r.severity}]}}});export{r as default};