primevue
Version:
[](https://opensource.org/licenses/MIT) [](https://badge.fury.io/js/primevue) [ • 3.81 kB
JavaScript
this.primevue=this.primevue||{},this.primevue.badgedirective=function(e,t,n){"use strict";function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=r(t),d=n.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)}function l(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 i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function u(e,t,n){return(t=s(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e){var t=b(e,"string");return"symbol"===o(t)?t:String(t)}function b(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)}return a.default.extend({css:{classes:{root:"p-badge p-component"},loadStyle:d.load}}).extend("badge",{mounted:function(t,n){var r,a,d=e.UniqueComponentId()+"_badge";t.unstyled=(null===(r=n.instance.$primevue)||void 0===r||null===(r=r.config)||void 0===r?void 0:r.unstyled)||(null===(a=n.value)||void 0===a?void 0:a.unstyled)||!1;var l=e.DomHandler.createElement("span",{id:d,class:!t.unstyled&&this.cx("root"),"p-bind":this.ptm("root",{context:i(i({},n.modifiers),{},{nogutter:1===String(n.value).length,dot:null==n.value})})});for(var u in t.$_pbadgeId=l.getAttribute("id"),n.modifiers)!t.unstyled&&e.DomHandler.addClass(l,"p-badge-"+u);null!=n.value?(t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,l.appendChild(document.createTextNode(t.$_badgeValue)),1!==String(t.$_badgeValue).length||t.unstyled||!t.unstyled&&e.DomHandler.addClass(l,"p-badge-no-gutter")):!t.unstyled&&e.DomHandler.addClass(l,"p-badge-dot"),t.setAttribute("data-pd-badge",!0),!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),t.appendChild(l),this.$el=l},updated:function(t,n){if(!t.unstyled&&e.DomHandler.addClass(t,"p-overlay-badge"),t.setAttribute("data-p-overlay-badge","true"),n.oldValue!==n.value){var r=document.getElementById(t.$_pbadgeId);t.$_badgeValue="object"===o(n.value)?n.value.value:n.value,t.unstyled||(t.$_badgeValue?(e.DomHandler.hasClass(r,"p-badge-dot")&&e.DomHandler.removeClass(r,"p-badge-dot"),1===t.$_badgeValue.length?e.DomHandler.addClass(r,"p-badge-no-gutter"):e.DomHandler.removeClass(r,"p-badge-no-gutter")):t.$_badgeValue||e.DomHandler.hasClass(r,"p-badge-dot")||e.DomHandler.addClass(r,"p-badge-dot")),r.innerHTML="",r.appendChild(document.createTextNode(t.$_badgeValue))}}})}(primevue.utils,primevue.basedirective,primevue.usestyle);