mira-app-server
Version:
Mira Server - standalone server application using mira-app-core
2 lines (1 loc) • 3.82 kB
JavaScript
import{am as i,be as h,aT as m,aO as c,ab as f,bB as v,aY as p,b5 as r,n as y,ad as w,bA as z,ac as L,ay as A,a9 as R,aM as x,aN as B,b2 as I,bz as M,bC as $,by as E,aI as F,a8 as S,aR as j,aG as k,ak as N}from"./index-BAS7XAoe.js";const[q,T]=w("AvatarRoot");var P=i({__name:"AvatarRoot",props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},setup(e){return h(),T({imageLoadingStatus:m("idle")}),(a,t)=>(c(),f(r(y),{"as-child":a.asChild,as:a.as},{default:v(()=>[p(a.$slots,"default")]),_:3},8,["as-child","as"]))}}),D=P,G=i({__name:"AvatarFallback",props:{delayMs:{type:Number,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"span"}},setup(e){const a=e,t=q();h();const l=m(a.delayMs===void 0);return z(o=>{if(a.delayMs&&A){const n=window.setTimeout(()=>{l.value=!0},a.delayMs);o(()=>{window.clearTimeout(n)})}}),(o,n)=>l.value&&r(t).imageLoadingStatus.value!=="loaded"?(c(),f(r(y),{key:0,"as-child":o.asChild,as:o.as},{default:v(()=>[p(o.$slots,"default")]),_:3},8,["as-child","as"])):L("v-if",!0)}}),O=G;function C(e,a){return e?a?(e.src!==a&&(e.src=a),e.complete&&e.naturalWidth>0?"loaded":"loading"):"error":"idle"}function U(e,{referrerPolicy:a,crossOrigin:t}={}){const l=m(!1),o=m(null),n=R(()=>l.value?(!o.value&&A&&(o.value=new window.Image),o.value):null),u=m(C(n.value,e.value)),_=d=>()=>{l.value&&(u.value=d)};return x(()=>{l.value=!0,z(d=>{const s=n.value;if(!s)return;u.value=C(s,e.value);const g=_("loaded"),b=_("error");s.addEventListener("load",g),s.addEventListener("error",b),a!=null&&a.value&&(s.referrerPolicy=a.value),typeof(t==null?void 0:t.value)=="string"&&(s.crossOrigin=t.value),d(()=>{s.removeEventListener("load",g),s.removeEventListener("error",b)})})}),B(()=>{l.value=!1}),u}var V=i({__name:"AvatarImage",props:{src:{type:String,required:!0},referrerPolicy:{type:null,required:!1},crossOrigin:{type:null,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:"img"}},emits:["loadingStatusChange"],setup(e,{emit:a}){const t=e,l=a,{src:o,referrerPolicy:n,crossOrigin:u}=I(t);h();const _=q(),d=U(o,{referrerPolicy:n,crossOrigin:u});return M(d,s=>{l("loadingStatusChange",s),s!=="idle"&&(_.imageLoadingStatus.value=s)},{immediate:!0}),(s,g)=>$((c(),f(r(y),{role:"img","as-child":s.asChild,as:s.as,src:r(o),referrerpolicy:r(n),crossorigin:r(u)},{default:v(()=>[p(s.$slots,"default")]),_:3},8,["as-child","as","src","referrerpolicy","crossorigin"])),[[E,r(d)==="loaded"]])}}),W=V;const J=i({__name:"Avatar",props:{class:{},size:{}},setup(e){const a=e;return(t,l)=>(c(),f(r(D),{"data-slot":"avatar","data-size":t.size??"default",class:F(r(S)(r(Y)({size:t.size}),a.class))},{default:v(()=>[p(t.$slots,"default")]),_:3},8,["data-size","class"]))}}),K=i({__name:"AvatarFallback",props:{delayMs:{},asChild:{type:Boolean},as:{},class:{}},setup(e){const a=e,t=j(a,"class");return(l,o)=>(c(),f(r(O),k({"data-slot":"avatar-fallback"},r(t),{class:r(S)("bg-muted text-muted-foreground rounded-full flex size-full items-center justify-center text-sm group-data-[size=sm]/avatar:text-xs",a.class)}),{default:v(()=>[p(l.$slots,"default")]),_:3},16,["class"]))}}),Q=i({__name:"AvatarImage",props:{src:{},referrerPolicy:{},crossOrigin:{},asChild:{type:Boolean},as:{}},setup(e){const a=e;return(t,l)=>(c(),f(r(W),k({"data-slot":"avatar-image"},a,{class:"rounded-full aspect-square size-full object-cover"}),{default:v(()=>[p(t.$slots,"default")]),_:3},16))}}),Y=N("size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:border-border after:mix-blend-darken dark:after:mix-blend-lighten",{variants:{size:{sm:"",default:"",lg:""}},defaultVariants:{size:"default"}});export{J as _,Q as a,K as b};