https://mobiadroit.com/build/assets/AvatarImage-bp7WJCp_.js

1import{$t as e,A as t,Bt as n,Dn as r,J as i,Kt as a,Mt as o,Tn as s,Wt as c,X as l,Xn as u,Z as d,bn as f,lr as p,or as m,rr as h,st as g,xn as _}from"./dist-B9c2KMVk.js";import{t as v}from"./utils-BTfqr2bq.js";import{n as y}from"./button-BqKoHWzk.js";import{t as b}from"./createContext-PBke_35z.js";import{d as x,t as S}from"./useForwardExpose-9W21IEI0.js";import{s as C}from"./shared-D4M7b6rK.js";var[w,T]=b(`AvatarRoot`),E=g({__name:`AvatarRoot`,props:{asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(t){return S(),T({imageLoadingStatus:u(`idle`)}),(t,n)=>(a(),l(m(y),{"as-child":t.asChild,as:t.as},{default:s(()=>[e(t.$slots,`default`)]),_:3},8,[`as-child`,`as`]))}}),D=g({__name:`AvatarFallback`,props:{delayMs:{type:Number,required:!1},asChild:{type:Boolean,required:!1},as:{type:null,required:!1,default:`span`}},setup(t){let n=t,r=w();S();let i=u(n.delayMs===void 0);return _(e=>{if(n.delayMs&&x){let t=window.setTimeout(()=>{i.value=!0},n.delayMs);e(()=>{window.clearTimeout(t)})}}),(t,n)=>i.value&&m(r).imageLoadingStatus.value!==`loaded`?(a(),l(m(y),{key:0,"as-child":t.asChild,as:t.as},{default:s(()=>[e(t.$slots,`default`)]),_:3},8,[`as-child`,`as`])):d(`v-if`,!0)}});function O(e,t){return e?t?(e.src!==t&&(e.src=t),e.complete&&e.naturalWidth>0?`loaded`:`loading`):`error`:`idle`}function k(e,{referrerPolicy:t,crossOrigin:r}={}){let a=u(!1),o=u(null),s=i(()=>a.value?(!o.value&&x&&(o.value=new window.Image),o.value):null),l=u(O(s.value,e.value)),d=e=>()=>{a.value&&(l.value=e)};return n(()=>{a.value=!0,_(n=>{let i=s.value;if(!i)return;l.value=O(i,e.value);let a=d(`loaded`),o=d(`error`);i.addEventListener(`load`,a),i.addEventListener(`error`,o),t?.value&&(i.referrerPolicy=t.value),typeof r?.value==`string`&&(i.crossOrigin=r.value),n(()=>{i.removeEventListener(`load`,a),i.removeEventListener(`error`,o)})})}),c(()=>{a.value=!1}),l}var A=g({__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(n,{emit:i}){let o=n,c=i,{src:u,referrerPolicy:d,crossOrigin:p}=h(o);S();let g=w(),_=k(u,{referrerPolicy:d,crossOrigin:p});return f(_,e=>{c(`loadingStatusChange`,e),e!==`idle`&&(g.imageLoadingStatus.value=e)},{immediate:!0}),(n,i)=>r((a(),l(m(y),{role:`img`,"as-child":n.asChild,as:n.as,src:m(u),referrerpolicy:m(d),crossorigin:m(p)},{default:s(()=>[e(n.$slots,`default`)]),_:3},8,[`as-child`,`as`,`src`,`referrerpolicy`,`crossorigin`])),[[t,m(_)===`loaded`]])}}),j=g({__name:`Avatar`,props:{class:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t;return(t,r)=>(a(),l(m(E),{"data-slot":`avatar`,class:p(m(v)(`relative flex size-8 shrink-0 overflow-hidden rounded-full`,n.class))},{default:s(()=>[e(t.$slots,`default`)]),_:3},8,[`class`]))}}),M=g({__name:`AvatarFallback`,props:{delayMs:{},asChild:{type:Boolean},as:{},class:{type:[Boolean,null,String,Object,Array]}},setup(t){let n=t,r=C(n,`class`);return(t,i)=>(a(),l(m(D),o({"data-slot":`avatar-fallback`},m(r),{class:m(v)(`bg-muted flex size-full items-center justify-center rounded-full`,n.class)}),{default:s(()=>[e(t.$slots,`default`)]),_:3},16,[`class`]))}}),N=g({__name:`AvatarImage`,props:{src:{},referrerPolicy:{},crossOrigin:{},asChild:{type:Boolean},as:{}},setup(t){let n=t;return(t,r)=>(a(),l(m(A),o({"data-slot":`avatar-image`},n,{class:`aspect-square size-full`}),{default:s(()=>[e(t.$slots,`default`)]),_:3},16))}});export{M as n,j as r,N as t};