primevue/badgedirective/badgedirective.esm.min.js

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

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