1import{a as e}from"./CVq4I7NU.js";import{H as t,M as n,P as r,St as i,V as a,at as o,f as s,l as c,p as l,st as u,tt as d,u as f}from"./VBAjchcS.js";import{t as p}from"./DW__cYuf.js";import{n as m}from"./D3_T7NNj.js";import{n as h}from"./CbdO58k3.js";var g=[`srcset`],_=[`src`,`srcset`,`alt`,`width`,`height`,`loading`],v={__name:`FBasicsImage`,props:{image:{type:Object,required:!0},alt:{type:String},size:{type:String,default:`default`},isAnimating:{type:Boolean,default:!0},isLazy:{type:Boolean,default:!0},withMeta:{type:Boolean,default:!0},withPrefetch:{type:Boolean,default:!1},hasOptimized:{type:Boolean,default:!0},preload:{type:String,default:`auto`}},emits:[`load`],async setup(v,{expose:y,emit:b}){let x=v,S=b,C=e().public.mediaSizes,{$c:w}=p(),T=w(o(x,`image`),`name`),E=c(()=>T.value?.replace(/(\.png|\.jpeg|\.jpg|\.gif)/g,`.avif`)),D=c(()=>T.value?.toLowerCase().endsWith(`.gif`)),O=c(()=>w(x.image,`alt`).value||x.alt),k=d(x.preload!==`none`),A=()=>{k.value=!0};t(T,()=>{x.preload===`none`&&A()}),y({activate:A});let j=a(`imageRef`),M=d(!1),N=()=>{M.value=!0,S(`load`),typeof document<`u`&&document.dispatchEvent(new Event(`ImageLoaded`)),j.value?.removeEventListener(`load`,N)};n(()=>{requestAnimationFrame(()=>{j.value&&(j.value.complete?N():j.value.addEventListener(`load`,N))})});let P=c(()=>({origin:`/_media/images/w_[size]`,avif:`/_media/images/w_[size]`,svg:`/_media/files`})),F=c(()=>{let e=C[x.size]??C.default;if(T.value?.endsWith(`.svg`)){let e=`${P.value.svg}/${T.value}`;return{isSVG:!0,origin:e,set:{origin:e}}}return{isSVG:!1,origin:`${P.value.origin}/${T.value}`.replace(`[size]`,e[e.length-1][0]??`2000`),set:{origin:e.map(e=>`${P.value.origin.replace(`[size]`,e[0])}/${T.value} ${e[1]}w`).join(`,`),avif:e.map(e=>`${P.value.avif.replace(`[size]`,e[0])}/${E.value} ${e[1]}w`).join(`,`)}}}),I=h(`meta-${T.value}`,()=>null);return T.value&&x.withMeta,x.withPrefetch&&m({link:[{rel:`preload`,as:`image`,href:F.value.origin,imagesrcset:F.value.set.avif,fetchpriority:`high`}]}),(e,t)=>u(T)?(r(),l(`picture`,{key:0,class:i({"opacity-0":v.isAnimating&&v.isLazy,"animate-fade-in":v.isAnimating&&u(M)&&v.isLazy})},[!u(F).isSVG&&v.hasOptimized&&!u(D)&&u(k)?(r(),l(`source`,{key:0,srcset:u(F).set.avif,type:`image/avif`},null,8,g)):s(``,!0),f(`img`,{"basics-image":``,class:i([`block`,{"is-landscape":u(I)?.width>u(I)?.height,"is-portrait":u(I)?.width<=u(I)?.height}]),src:u(k)?u(F).origin:void 0,srcset:u(k)?u(F).set.origin:void 0,alt:u(O)??``,width:u(I)?.width??1e3,height:u(I)?.height??1e3,loading:v.isLazy?`lazy`:`eager`,ref_key:`imageRef`,ref:j},null,10,_)],2)):s(``,!0)}};export{v as t};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.