https://www.billa.at/_nuxt/96wVROSt.js

1import{r as C,b as F,a as j}from"./D6j_4Kib.js";import{m as S}from"./BKRS8239.js";import{u as T}from"./BNIV_b_X.js";import{u as W}from"./Ddqj9abs.js";import{as as A,bL as z,dd as M,cF as N,cI as P,ak as u,ct as o,bB as L,g as q,c4 as D,ah as U,bz as V,c3 as w,ae as p,bR as c}from"./C9Z41gEb.js";const G=["alt","aria-hidden","aria-busy","loading","src","width"],J=["media","srcset","width","height"],K=["alt","aria-hidden","aria-busy","loading","src","height","width"],_=A({__name:"lazy-load-image",props:{image:{},aspectRatio:{default:void 0},backgroundColor:{default:"#fff"},eager:{type:Boolean,default:!1},height:{default:void 0},maxHeight:{default:void 0},noAnimation:{type:Boolean,default:!1},objectFit:{default:void 0},width:{default:void 0}},setup(s){const t=s,l=w(null),y=w(null),n=w(!1);z(()=>{(y.value??l.value)?.complete&&(n.value=!0)}),M(()=>t.image,()=>n.value=!1);const{loading:b}=T(l,{eager:t.eager}),r=t.image[0].type==="image/svg+xml",{mobileImage:R,tabletImage:k,desktopImage:g}=C(t.image),f=N(),m=p(()=>{if(!r)return j(t.image,f.name.value)}),E=(e,i)=>{const a=[];return e&&a.push(`(min-width: ${e}px)`),i&&a.push(`(max-width: ${i}px)`),a.join(" and ")},I=(e,i)=>{let a=i;return t.width?a=t.width:e.width&&(a=Math.min(i,e.width)),`${e.url}?w=${a}&fm=webp&lossless=0&q=80`},d=p(()=>{if(r)return[];const e=[{breakpoint:"sm",image:R||k||g},{breakpoint:"md",image:k||g},{breakpoint:"lg",image:g},{breakpoint:"xl",image:g}];return e.filter(({image:i})=>i).map(({breakpoint:i,image:a},h)=>{const $=f.thresholds.value[i],H=h?f.thresholds.value[e[h-1].breakpoint]+1:void 0,v=I(a,$);return{description:a.description,href:v,media:E(H,h+1===e.length?void 0:$),srcset:`${v}&dpr=1 1x, ${v}&dpr=2 2x`,width:a.width,height:a.height}})}),B=p(()=>{if(r)return{};const e={aspectRatio:t.aspectRatio,objectFit:t.objectFit};return b.value?(e.maxWidth=t.width?`${t.width}px`:void 0,e.height=t.height?`${t.height}px`:void 0,e.backgroundColor=t.backgroundColor):t.width&&t.height&&m.value?F({imageWidth:m.value.width,imageHeight:m.value.height},{containerWidth:t.width,containerHeight:t.height})?e.width="100%":(e.width="auto",e.height=`${m.value.height}px`):t.width?e.width=`${t.width}px`:t.height&&(e.width="auto",e.height=`${t.height}px`),t.maxHeight&&(e.maxHeight=`${t.maxHeight}px`,e.width="auto"),e});P({link:()=>r||!t.eager?[]:d.value.map(e=>S({as:"image",media:e.media,imagesrcset:e.srcset}))});const x=()=>{l.value.classList.add("ws-lazy-loaded-image--loaded"),t.noAnimation||l.value.classList.add("ws-lazy-loaded-image--loaded-animation")};return z(()=>{const e=l.value.tagName==="PICTURE"?l.value.getElementsByTagName("img")?.[0]:l.value;e.complete?x():W(e,"load",x,{once:!0})}),(e,i)=>r?(c(),u("img",{key:0,ref_key:"rootRef",ref:l,style:L({width:s.width?`${s.width}px`:"100%"}),class:"ws-lazy-loaded-image",height:"100%",alt:s.image[0].description||" ","aria-hidden":!s.image[0].description,"aria-busy":o(n)?void 0:"true",loading:s.eager?"eager":"lazy",src:s.image[0].url,width:s.width?`${s.width}px`:"100%",onLoad:i[0]||(i[0]=a=>n.value=!0),onError:i[1]||(i[1]=a=>n.value=!0)},null,44,G)):(c(),u("picture",{key:1,ref_key:"rootRef",ref:l,class:V(["ws-lazy-loaded-image",{"ws-lazy-loaded-image--loaded":!o(b)}])},[(c(!0),u(q,null,D(o(d),(a,h)=>(c(),u("source",{key:h,media:a.media,srcset:a.srcset,width:a.width,height:a.height},null,8,J))),128)),U("img",{ref_key:"imgRef",ref:y,style:L(o(B)),alt:o(d)[o(d).length-1].description||" ","aria-hidden":!o(d)[o(d).length-1].description,"aria-busy":o(n)?void 0:"true",loading:s.eager?void 0:"lazy",src:o(d)[o(d).length-1].href,height:s.height??o(d)[o(d).length-1].height,width:s.width??o(d)[o(d).length-1].width,onLoad:i[2]||(i[2]=a=>n.value=!0),onError:i[3]||(i[3]=a=>n.value=!0)},null,44,K)],2))}});export{_};