1import{d as a,I as e,o as s,w as l,J as u,a as o,c as r,A as i,k as t,r as c,K as d,h as n}from"./vue-BLbPMQBZ.js";const v=a({__name:"FluidImage",props:{imageBase:{default:void 0},focus:{default:void 0},additionalParams:{default:void 0},backgroundColor:{default:void 0}},setup(a,{expose:v}){const g=a,m=c(0),f=c(2),p=c(2),h=c(null),{width:y,height:b}=e(h),k=d({q:85,g:"sm"}),O=n(()=>Object.assign(k,{w:p.value,ar:"".concat(p.value,":").concat(f.value)})),j=n(()=>O.value?{...O.value,q:1,blur:100}:{});function w(){m.value=Math.random()}return s(async()=>{g.additionalParams&&Object.assign(k,g.additionalParams),g.focus&&Object.assign(k,{g:["fp",JSON.parse(g.focus).x,JSON.parse(g.focus).y]}),f.value=b.value,p.value=y.value,w()}),l(b,(a,e)=>{Math.abs(a-f.value)>10&&(f.value=b.value)}),l(y,(a,e)=>{Math.abs(a-p.value)>10&&(p.value=y.value)}),v({forceUpdate:w}),(e,s)=>{const l=u("dyn-source"),c=u("dyn-img");return o(),r("picture",{key:m.value,ref_key:"fluidImageRoot",ref:h,class:"fluid-image",style:i({"background-color":a.backgroundColor})},[t(l,{src:a.imageBase,"img-params":O.value},null,8,["src","img-params"]),t(c,{style:{width:"100%",height:"100%"},loading:"lazy",decoding:"async",src:a.imageBase,"img-params":j.value,alt:""},null,8,["src","img-params"])],4)}}});export{v as _};
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.