primevue/badgedirective/badgedirective.min.js

[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [![Discord Chat](https://img.shields.io/discord/55794023

this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,a,d){"use strict";function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=n(a),l=d.useStyle("\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});function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}return t.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:l.load}}).extend("badge",{mounted:function(a,d){var n,t,l=e.UniqueComponentId()+"_badge";a.unstyled=(null===(n=d.instance.$primevue)||void 0===n||null===(n=n.config)||void 0===n?void 0:n.unstyled)||(null===(t=d.value)||void 0===t?void 0:t.unstyled)||!1;var r=e.DomHandler.createElement("span",{id:l,class:!a.unstyled&&this.cx("root"),"p-bind":this.ptm("root")});for(var u in a.$_pbadgeId=r.getAttribute("id"),d.modifiers)!a.unstyled&&e.DomHandler.addClass(r,"p-badge-"+u);null!=d.value?(a.$_badgeValue="object"===o(d.value)?d.value.value:d.value,r.appendChild(document.createTextNode(a.$_badgeValue)),1!==String(a.$_badgeValue).length||a.unstyled||!a.unstyled&&e.DomHandler.addClass(r,"p-badge-no-gutter")):!a.unstyled&&e.DomHandler.addClass(r,"p-badge-dot"),a.setAttribute("data-pd-badge",!0),!a.unstyled&&e.DomHandler.addClass(a,"p-overlay-badge"),a.setAttribute("data-p-overlay-badge","true"),a.appendChild(r),this.$el=r},updated:function(a,d){if(!a.unstyled&&e.DomHandler.addClass(a,"p-overlay-badge"),a.setAttribute("data-p-overlay-badge","true"),d.oldValue!==d.value){var n=document.getElementById(a.$_pbadgeId);a.$_badgeValue="object"===o(d.value)?d.value.value:d.value,a.unstyled||(a.$_badgeValue?(e.DomHandler.hasClass(n,"p-badge-dot")&&e.DomHandler.removeClass(n,"p-badge-dot"),1===a.$_badgeValue.length?e.DomHandler.addClass(n,"p-badge-no-gutter"):e.DomHandler.removeClass(n,"p-badge-no-gutter")):a.$_badgeValue||e.DomHandler.hasClass(n,"p-badge-dot")||e.DomHandler.addClass(n,"p-badge-dot")),n.innerHTML="",n.appendChild(document.createTextNode(a.$_badgeValue))}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);