https://www.rosebikes.es/_nuxt/Image-Cs8jGhRJ.js

1import{n as S}from"./rolldown-runtime-kjsH4l9N.js";import{D as j,On as a,_ as p,b as x,ct as E,et as N,ft as A,g as d,k as V,mt as m,o as D,qt as b,v as k,vn as s,y as f}from"./runtime-core.esm-bundler-vVj0RfwH.js";import{t as H}from"./runtime-dom.esm-bundler-DPqmuQ3t.js";import{t as P}from"./client-only-BQpSi9QX.js";import{t as q}from"./_plugin-vue_export-helper-K9rsuiWd.js";import{n as I}from"./breakpoints-DX3vDiou.js";import{t as F}from"./useMedia-BciGyfrl.js";var K={},R={class:"h-20 w-[75px] lg:h-30 lg:w-[113px]"};function U(v,l){return m(),x("div",R,l[0]||(l[0]=[p("div",{class:"relative bg-gray-80 w-full h-full clip-logo-sm lg:clip-logo-lg"},[p("span",{class:"absolute bg-linear-to-r opacity-20 from-gray-10/0 via-gray-10/20 to-gray-10/0 w-20 min-h-[1rem] h-full left-0 top-0 animate-skeletonload"})],-1)]))}var W=Object.assign(q(K,[["render",U]]),{__name:"SkeletonLoadLogo"}),X=["alt","src","srcset","sizes","width","height","loading","data-test-image-url"],G=V({__name:"Image",props:{src:{},alt:{},width:{},height:{},bg:{},ratio:{},factor:{default:1},lazy:{type:Boolean,default:!0},encode:{type:Boolean,default:!0},magnolia:{type:Boolean,default:!1},preloader:{type:Boolean,default:!1}},emits:["error"],setup(v,{expose:l,emit:B}){const e=v,z=B,{normalizeImageSrc:c}=F(),o=s(!1),u=s(!1),r=s(null);let i;const g=d(()=>c(e.src,{width:e.width,height:e.height,ratio:e.ratio,bg:e.bg,magnolia:e.magnolia,encode:e.encode})),L=d(()=>e.lazy?"lazy":void 0),T=d(()=>{if(e.src){if(e.width){const t=c(e.src,{width:e.width,height:e.height,ratio:e.ratio,bg:e.bg,magnolia:e.magnolia,encode:e.encode}),n=c(e.src,{width:e.width*2,height:e.height?e.height*2:void 0,ratio:e.ratio,bg:e.bg,magnolia:e.magnolia,encode:e.encode});return[`${t} 1x`,`${n} 2x`].join(",")}if(!e.height)return I.map(t=>{const n=Math.round((e.width??t.width)*e.factor),h=!e.ratio&&e.height!==void 0?Math.round(e.height*e.factor):void 0;return`${c(e.src,{width:n,height:h,bg:e.bg,ratio:e.ratio,encode:e.encode,magnolia:e.magnolia})} ${n}w`}).filter(Boolean).join(",")}}),_=s(!1),$=d(()=>{if(e.src)return e.width?`${e.width}px`:e.lazy&&_.value?"auto":I.map(t=>`(max-width: ${t.width}px) ${Math.round(t.width*e.factor)}px`).join(",")}),C=()=>{o.value=!0,u.value=!1},M=()=>{u.value=!0,o.value=!1,z("error")},w=s(100),y=()=>{o.value||(o.value=!1,r.value&&r.value.complete&&(r.value.naturalHeight!==0?o.value=!0:u.value=!0),o.value||(w.value=w.value-1,clearTimeout(i),i=setTimeout(()=>y(),100)))};return E(()=>{window&&(_.value=!!window.chrome),clearTimeout(i),i=setTimeout(()=>y(),100)}),A(()=>{clearTimeout(i)}),l({img:r}),(t,n)=>{const h=W,O=P;return a(g)?(m(),x(D,{key:0},[p("img",N({ref_key:"img",ref:r,alt:t.alt,src:a(g),srcset:a(T),sizes:a($),width:t.width,height:t.height,loading:a(L)},t.$attrs,{"data-test-image-url":a(g),onLoad:C,onError:M}),null,16,X),t.preloader?(m(),k(O,{key:0},{default:b(()=>[j(H,{"enter-active-class":"transition-opacity duration-500","leave-active-class":"transition-opacity duration-500","enter-from-class":"opacity-0","enter-to-class":"opacity-100","leave-to-class":"opacity-0"},{default:b(()=>[!a(o)||a(u)?(m(),k(h,{key:0,class:"absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 -z-10"})):f("",!0)]),_:1})]),_:1})):f("",!0)],64)):f("",!0)}}}),re=S({default:()=>J}),J=Object.assign(G,{__name:"Image"});export{re as n,W as r,J as t};