UNPKG

@discord-user-card/vue

Version:

Display Discord users' profile cards just like in Discord.

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