p3x-redis-ui-material/dist-vue/assets/VAvatar-Bo3xpDUh.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import{A as e,C as t,Dt as n,F as r,H as i,Kt as a,Ot as o,R as s,V as c,Wt as l,_t as u,at as d,h as f,ht as p,nt as m,w as h,y as g,yt as _,z as v}from"./i18n.store-Bbsc3Bab.js";import{B as y,Bt as b,C as x,Ct as S,En as ee,F as C,G as w,H as T,I as E,J as D,L as O,M as k,N as A,P as j,Pt as M,Q as N,Qn as P,Rt as te,S as F,U as I,V as L,Vn as R,Vt as z,W as B,X as V,Y as H,Z as U,gn as W,it as G,j as K,nt as q,or as ne,pt as re,q as J,rt as ie,vt as Y,x as X}from"./_plugin-vue_export-helper-D1H5elb2.js";import{t as Z}from"./intersect-DKQyINFq.js";function ae(e,t=`div`,i){return M()({name:i??o(n(e.replace(/__/g,`-`))),props:{tag:{type:String,default:t},...b()},setup(t,{slots:n}){return()=>r(t.tag,{class:[e,t.class],style:t.style},n.default?.())}})}function oe(e){return{aspectStyles:t(()=>{let t=Number(e.aspectRatio);return t?{paddingBottom:String(1/t*100)+`%`}:void 0})}}var Q=z({aspectRatio:[String,Number],contentClass:null,inline:Boolean,...b(),...H()},`VResponsive`),$=M()({name:`VResponsive`,props:Q(),setup(e,{slots:t}){let{aspectStyles:n}=oe(e),{dimensionStyles:r}=V(e);return S(()=>h(`div`,{class:l([`v-responsive`,{"v-responsive--inline":e.inline},e.class]),style:a([r.value,e.style])},[h(`div`,{class:`v-responsive__sizer`,style:a(n.value)},null),t.additional?.(),t.default&&h(`div`,{class:l([`v-responsive__content`,e.contentClass])},[t.default()])])),{}}}),se=z({absolute:Boolean,alt:String,cover:Boolean,color:String,draggable:{type:[Boolean,String],default:void 0},eager:Boolean,gradient:String,imageClass:null,lazySrc:String,options:{type:Object,default:()=>({root:void 0,rootMargin:void 0,threshold:void 0})},sizes:String,src:{type:[String,Object],default:``},crossorigin:String,referrerpolicy:String,srcset:String,position:String,...Q(),...b(),...B(),...I()},`VImg`),ce=M()({name:`VImg`,directives:{vIntersect:Z},inheritAttrs:!1,props:se(),emits:{loadstart:e=>!0,load:e=>!0,error:e=>!0},setup(n,{attrs:r,emit:a,slots:o}){let{backgroundColorClasses:y,backgroundColorStyles:b}=J(()=>n.color),{roundedClasses:x}=w(n),C=te(`VImg`),E=u(``),D=p(),O=u(n.eager?`loading`:`idle`),k=u(),A=u(),j=t(()=>n.src&&typeof n.src==`object`?{src:n.src.src,srcset:n.srcset||n.src.srcset,lazySrc:n.lazySrc||n.src.lazySrc,aspect:Number(n.aspectRatio||n.src.aspect||0)}:{src:n.src,srcset:n.srcset,lazySrc:n.lazySrc,aspect:Number(n.aspectRatio||0)}),M=t(()=>j.value.aspect||k.value/A.value||0);m(()=>n.src,()=>{N(O.value!==`idle`)}),m(M,(e,t)=>{!e&&t&&D.value&&R(D.value)}),c(()=>N());function N(e){if(!(n.eager&&e)&&!(ne&&!e&&!n.eager)){if(O.value=`loading`,j.value.lazySrc){let e=new Image;e.src=j.value.lazySrc,R(e,null)}j.value.src&&v(()=>{a(`loadstart`,D.value?.currentSrc||j.value.src),setTimeout(()=>{if(!C.isUnmounted)if(D.value?.complete){if(D.value.naturalWidth||F(),O.value===`error`)return;M.value||R(D.value,null),O.value===`loading`&&P()}else M.value||R(D.value),I()})})}}function P(){C.isUnmounted||(I(),R(D.value),O.value=`loaded`,a(`load`,D.value?.currentSrc||j.value.src))}function F(){C.isUnmounted||(O.value=`error`,a(`error`,D.value?.currentSrc||j.value.src))}function I(){let e=D.value;e&&(E.value=e.currentSrc||e.src)}let L=-1;i(()=>{clearTimeout(L)});function R(e,t=100){let n=()=>{if(clearTimeout(L),C.isUnmounted)return;let{naturalHeight:r,naturalWidth:i}=e;r||i?(k.value=i,A.value=r):!e.complete&&O.value===`loading`&&t!=null?L=window.setTimeout(n,t):(e.currentSrc.endsWith(`.svg`)||e.currentSrc.startsWith(`data:image/svg+xml`))&&(k.value=1,A.value=1)};n()}let z=_(()=>({"v-img__img--cover":n.cover,"v-img__img--contain":!n.cover})),B=()=>{if(!j.value.src||O.value===`idle`)return null;let t=h(`img`,{class:l([`v-img__img`,z.value,n.imageClass]),style:{objectPosition:n.position},crossorigin:n.crossorigin,src:j.value.src,srcset:j.value.srcset,alt:n.alt,referrerpolicy:n.referrerpolicy,draggable:n.draggable,sizes:n.sizes,ref:D,onLoad:P,onError:F},null),r=o.sources?.();return e(T,{transition:n.transition,appear:!0},{default:()=>[d(r?h(`picture`,{class:`v-img__picture`},[r,t]):t,[[f,O.value===`loaded`]])]})},V=()=>e(T,{transition:n.transition},{default:()=>[j.value.lazySrc&&O.value!==`loaded`&&h(`img`,{class:l([`v-img__img`,`v-img__img--preload`,z.value]),style:{objectPosition:n.position},crossorigin:n.crossorigin,src:j.value.lazySrc,alt:n.alt,referrerpolicy:n.referrerpolicy,draggable:n.draggable},null)]}),H=()=>o.placeholder?e(T,{transition:n.transition,appear:!0},{default:()=>[(O.value===`loading`||O.value===`error`&&!o.error)&&h(`div`,{class:`v-img__placeholder`},[o.placeholder()])]}):null,U=()=>o.error?e(T,{transition:n.transition,appear:!0},{default:()=>[O.value===`error`&&h(`div`,{class:`v-img__error`},[o.error()])]}):null,G=()=>n.gradient?h(`div`,{class:`v-img__gradient`,style:{backgroundImage:`linear-gradient(${n.gradient})`}},null):null,K=u(!1);{let e=m(M,t=>{t&&(requestAnimationFrame(()=>{requestAnimationFrame(()=>{K.value=!0})}),e())})}return S(()=>{let t=$.filterProps(n),[i,a]=ee(r);return d(e($,s({class:[`v-img`,{"v-img--absolute":n.absolute,"v-img--booting":!K.value,"v-img--fit-content":n.width===`fit-content`},y.value,x.value,n.class],style:[{width:W(n.width===`auto`?k.value:n.width)},b.value,n.style]},t,i,{aspectRatio:M.value,"aria-label":n.alt,role:n.alt?`img`:void 0}),{additional:()=>h(g,null,[e(B,a,null),e(V,null,null),e(G,null,null),e(H,null,null),e(U,null,null)]),default:o.default}),[[Z,{handler:N,options:n.options},null,{once:!0}]])}),{currentSrc:E,image:D,state:O,naturalWidth:k,naturalHeight:A}}}),le=z({bordered:Boolean,color:String,content:[Number,String],dot:Boolean,dotSize:[Number,String],floating:Boolean,icon:Y,inline:Boolean,label:{type:String,default:`$vuetify.badge`},max:[Number,String],modelValue:{type:Boolean,default:!0},offsetX:[Number,String],offsetY:[Number,String],textColor:String,...b(),...E({location:`top end`}),...B(),...N(),...q(),...I({transition:`scale-rotate-transition`}),...H()},`VBadge`),ue=M()({name:`VBadge`,inheritAttrs:!1,props:le(),setup(t,n){let{backgroundColorClasses:r,backgroundColorStyles:i}=J(()=>t.color),{roundedClasses:a}=w(t),{t:o}=re(),{textColorClasses:c,textColorStyles:l}=D(()=>t.textColor),{themeClasses:u}=G(),{locationStyles:p}=O(t,!0,e=>(t.floating?t.dot?2:4:t.dot?Number(t.dotSize??8):12)+([`top`,`bottom`].includes(e)?Number(t.offsetY??0):[`left`,`right`].includes(e)?Number(t.offsetX??0):0)),{dimensionStyles:m}=V(t);return S(()=>{let g=Number(t.content),_=!t.max||isNaN(g)?t.content:g<=Number(t.max)?g:`${t.max}+`,[v,y]=P(n.attrs,[`aria-atomic`,`aria-label`,`aria-live`,`role`,`title`]);return e(t.tag,s({class:[`v-badge`,{"v-badge--bordered":t.bordered,"v-badge--dot":t.dot,"v-badge--floating":t.floating,"v-badge--inline":t.inline},t.class]},y,{style:t.style}),{default:()=>[h(`div`,{class:`v-badge__wrapper`},[n.slots.default?.(),e(T,{transition:t.transition},{default:()=>[d(h(`span`,s({class:[`v-badge__badge`,u.value,r.value,a.value,c.value],style:[i.value,l.value,m.value,t.inline?{}:p.value,t.dot&&t.dotSize?{width:W(t.dotSize),height:W(t.dotSize)}:{}],"aria-atomic":`true`,"aria-label":o(t.label,g),"aria-live":`polite`,role:`status`},v),[t.dot?void 0:n.slots.badge?n.slots.badge?.():t.icon?e(X,{icon:t.icon},null):_]),[[f,t.modelValue]])]})])]})}),{}}}),de=z({badge:{type:[Boolean,Object],default:!1},start:Boolean,end:Boolean,icon:Y,image:String,text:String,...y(),...b(),...j(),...B(),...F(),...N(),...q(),...k({variant:`flat`})},`VAvatar`),fe=M()({name:`VAvatar`,props:de(),setup(n,{slots:r}){let{themeClasses:i}=ie(n),{borderClasses:o}=L(n),{colorClasses:s,colorStyles:c,variantClasses:u}=A(n),{densityClasses:d}=C(n),{roundedClasses:f}=w(n),{sizeClasses:p,sizeStyles:m}=x(n),h=t(()=>{switch(n.size){case`x-small`:return 8;case`small`:return 10;case`large`:return 14;case`x-large`:return 16;default:return 12}}),g=t(()=>{let{floating:e}=R(n.badge)?n.badge:{};return(e?h.value/2:0)-1.5}),_=t(()=>({bordered:!0,dot:!r.badge,dotSize:h.value,offsetX:g.value,offsetY:g.value,color:typeof n.badge==`string`?n.badge:`primary`,...R(n.badge)?n.badge:{}}));return S(()=>{let t=e(n.tag,{class:l([`v-avatar`,{"v-avatar--start":n.start,"v-avatar--end":n.end},i.value,o.value,s.value,d.value,f.value,p.value,u.value,n.class]),style:a([c.value,m.value,n.style])},{default:()=>[r.default?e(U,{key:`content-defaults`,defaults:{VImg:{cover:!0,src:n.image},VIcon:{icon:n.icon}}},{default:()=>[r.default()]}):n.image?e(ce,{key:`image`,src:n.image,alt:``,cover:!0},null):n.icon?e(X,{key:`icon`,icon:n.icon},null):n.text,K(!1,`v-avatar`)]});return n.badge?e(ue,_.value,{default:()=>t,badge:r.badge}):t}),{}}});export{$ as a,se as i,ue as n,ae as o,ce as r,fe as t};