@discord-user-card/vue/lib/index.cjs

Display Discord users' profile cards just like in Discord.

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("discord-user-card"),C=["aria-label","innerHTML"],b=e.defineComponent({__name:"DiscordUserCard",props:{user:{default:()=>t.defaultUserCardProperties.user},activities:{default:()=>t.defaultUserCardProperties.activities},style:{default:"original"},type:{default:"card"}},async setup(d){let o,i;const n=d,{user:s,activities:l,style:r,type:u}=e.toRefs(n),a=e.ref(document.createElement("div"));let c=t(a.value,{style:r.value,type:u.value});[o,i]=e.withAsyncContext(()=>c.render({user:s.value,activities:l.value})),await o,i();const v=e.ref(a.value.innerHTML),f=e.ref(a.value.style.cssText),p=e.ref(a.value.className),y=e.ref(a.value.getAttribute("aria-label"));function m(){v.value=a.value.innerHTML,f.value=a.value.style.cssText,p.value=a.value.className,y.value=a.value.getAttribute("aria-label")}return e.watch([s,l],async()=>{await c.render({user:s.value,activities:l.value}),m()},{deep:!0}),e.watch([r,u],async()=>{c.destroy(),c=t(a.value,{style:r.value,type:u.value}),await c.render({user:s.value,activities:l.value}),m()},{deep:!0}),e.onBeforeUnmount(()=>{c.destroy()}),(T,P)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(p.value),style:e.normalizeStyle(f.value),"aria-label":y.value||void 0,innerHTML:v.value},null,14,C))}}),g=["aria-label","innerHTML"],_=e.defineComponent({__name:"DiscordUserCardSkeleton",props:{user:{default:()=>t.defaultUserCardProperties.user},activities:{default:()=>t.defaultUserCardProperties.activities},style:{default:"original"},type:{default:"card"}},setup(d){const o=d,{user:i,activities:n,style:s,type:l}=e.toRefs(o),r=e.ref(document.createElement("div"));let u=t(r.value,{style:s.value,type:l.value});u.renderSkeleton({user:i.value,activities:n.value});const a=e.ref(r.value.innerHTML),c=e.ref(r.value.style.cssText),v=e.ref(r.value.className),f=e.ref(r.value.getAttribute("aria-label"));function p(){a.value=r.value.innerHTML,c.value=r.value.style.cssText,v.value=r.value.className,f.value=r.value.getAttribute("aria-label")}return e.watch([i,n],()=>{u.renderSkeleton({user:i.value,activities:n.value}),p()},{deep:!0}),e.watch([s,l],()=>{u.destroy(),u=t(r.value,{style:s.value,type:l.value}),u.renderSkeleton({user:i.value,activities:n.value}),p()},{deep:!0}),e.onBeforeUnmount(()=>{u.destroy()}),(y,m)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(v.value),style:e.normalizeStyle(c.value),"aria-label":f.value||void 0,innerHTML:a.value},null,14,g))}}),U=e.defineComponent({__name:"Export",props:{user:{default:()=>t.defaultUserCardProperties.user},activities:{default:()=>t.defaultUserCardProperties.activities},style:{default:"original"},type:{default:"card"}},setup(d){const o=d,{user:i,activities:n,style:s,type:l}=e.toRefs(o);return(r,u)=>(e.openBlock(),e.createBlock(e.Suspense,null,{default:e.withCtx(()=>[e.createVNode(b,{activities:e.unref(n),style:e.normalizeStyle(e.unref(s)),type:e.unref(l),user:e.unref(i)},null,8,["activities","style","type","user"])]),fallback:e.withCtx(()=>[e.createVNode(_,{activities:e.unref(n),style:e.normalizeStyle(e.unref(s)),type:e.unref(l),user:e.unref(i)},null,8,["activities","style","type","user"])]),_:1}))}});Object.defineProperty(exports,"ActivityType",{enumerable:!0,get:()=>t.ActivityType});Object.defineProperty(exports,"DiscordUserCardBadges",{enumerable:!0,get:()=>t.DiscordUserCardBadges});Object.defineProperty(exports,"DiscordUserCardBotBadges",{enumerable:!0,get:()=>t.DiscordUserCardBotBadges});Object.defineProperty(exports,"PresenceUpdateStatus",{enumerable:!0,get:()=>t.PresenceUpdateStatus});Object.defineProperty(exports,"defaultUserCardProperties",{enumerable:!0,get:()=>t.defaultUserCardProperties});Object.defineProperty(exports,"flagsToBadges",{enumerable:!0,get:()=>t.flagsToBadges});exports.DiscordUserCard=U;exports.DiscordUserCardAsync=b;exports.DiscordUserCardSkeleton=_;
//# sourceMappingURL=index.cjs.map