balm-ui/directives/badge/index.js

A modular and customizable UI library based on Material Design and Vue 3

!function(e,t){"object"===typeof exports&&"object"===typeof module?module.exports=t():"function"===typeof define&&define.amd?define("vBadge",[],t):"object"===typeof exports?exports.vBadge=t():e.vBadge=t()}("undefined"!==typeof self?self:this,(function(){return function(){"use strict";var e={};const t={outer:"mdc-badge",overlap:"mdc-badge--overlap",inner:"mdc-badge__sup",hide:"mdc-badge__sup--hide",dot:"mdc-badge__sup--dot"},d=99,o=function(e){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;o?e.classList.remove(t.hide):e.classList.add(t.hide),e.textContent=o>d?`${d}+`:o},n={name:"badge",mounted(e,d){((e,d)=>{let{value:n,modifiers:a}=d;if(e.parentNode&&!e.parentNode.classList.contains(t.outer)){const d=document.createElement("div");d.className=t.outer;const s=document.createElement("sup");s.className=t.inner,a.overlap&&d.classList.add(t.overlap),a.dot?s.classList.add(t.dot):o(s,n),e.parentNode.insertBefore(d,e),e.parentNode.removeChild(e),d.appendChild(e),d.appendChild(s)}})(e,d)},updated(e,t){((e,t)=>{let{value:d,modifiers:n}=t;if(!n.dot){const t=e.nextElementSibling;o(t,d)}})(e,t)}};return e.default=n,e=e.default}()}));