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 t}from"primevue/utils";import n from"primevue/basedirective";import{useStyle as r}from"primevue/usestyle";var a=r("\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)}function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?d(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=u(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function u(e){var t=s(e,"string");return"symbol"===o(t)?t:String(t)}function s(e,t){if("object"!==o(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var b=n.extend({css:{classes:{root:"p-badge p-component"},loadStyle:a.load}}).extend("badge",{mounted:function(n,r){var a,d,i=e()+"_badge";n.unstyled=(null===(a=r.instance.$primevue)||void 0===a||null===(a=a.config)||void 0===a?void 0:a.unstyled)||(null===(d=r.value)||void 0===d?void 0:d.unstyled)||!1;var u=t.createElement("span",{id:i,class:!n.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:l(l({},r.modifiers),{},{nogutter:1===String(r.value).length,dot:null==r.value})})});for(var s in n.$_pbadgeId=u.getAttribute("id"),r.modifiers)!n.unstyled&&t.addClass(u,"p-badge-"+s);null!=r.value?(n.$_badgeValue="object"===o(r.value)?r.value.value:r.value,u.appendChild(document.createTextNode(n.$_badgeValue)),1!==String(n.$_badgeValue).length||n.unstyled||!n.unstyled&&t.addClass(u,"p-badge-no-gutter")):!n.unstyled&&t.addClass(u,"p-badge-dot"),n.setAttribute("data-pd-badge",!0),!n.unstyled&&t.addClass(n,"p-overlay-badge"),n.setAttribute("data-p-overlay-badge","true"),n.appendChild(u),this.$el=u},updated:function(e,n){if(!e.unstyled&&t.addClass(e,"p-overlay-badge"),e.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(e.$_pbadgeId);e.$_badgeValue="object"===o(n.value)?n.value.value:n.value,e.unstyled||(e.$_badgeValue?(t.hasClass(r,"p-badge-dot")&&t.removeClass(r,"p-badge-dot"),1===e.$_badgeValue.length?t.addClass(r,"p-badge-no-gutter"):t.removeClass(r,"p-badge-no-gutter")):e.$_badgeValue||t.hasClass(r,"p-badge-dot")||t.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(e.$_badgeValue))}}});export{b as default};