https://cleanshot.com/_nuxt/DW2vlCIw.js

1import{a as e}from"./DeL40SvN.js";import{A as t,G as n,J as r,R as i,T as a,V as o,Z as s,ct as c,f as l,g as u,jt as d}from"./CHmo4w3q.js";import"./rxhDcyfF.js";import"./Cg3WgdaY.js";import{n as f,t as p}from"./Qn4L3rfJ.js";function m(e){performance?.mark?.(`mark_feature_usage`,{detail:{feature:e}})}var h=e=>{let t=p();return{providerOptions:l(()=>({provider:e.provider,preset:e.preset})),normalizedAttrs:l(()=>({width:f(e.width),height:f(e.height),crossorigin:e.crossorigin===!0?`anonymous`:e.crossorigin||void 0,nonce:e.nonce})),imageModifiers:l(()=>({...e.modifiers,width:e.width,height:e.height,format:e.format,quality:e.quality||t.options.quality,background:e.background,fit:e.fit}))}},g=[`src`],_={__name:`NuxtImg`,props:{custom:{type:Boolean,required:!1},placeholder:{type:[Boolean,String,Number,Array],required:!1},placeholderClass:{type:String,required:!1},src:{type:String,required:!1},format:{type:String,required:!1},quality:{type:[String,Number],required:!1},background:{type:String,required:!1},fit:{type:String,required:!1},modifiers:{type:Object,required:!1},preset:{type:String,required:!1},provider:{type:null,required:!1},sizes:{type:[String,Object],required:!1},densities:{type:String,required:!1},preload:{type:[Boolean,Object],required:!1},width:{type:[String,Number],required:!1},height:{type:[String,Number],required:!1},crossorigin:{type:[String,Boolean],required:!1},nonce:{type:String,required:!1}},emits:[`load`,`error`],setup(f,{expose:_,emit:v}){let y=f,b=v,x=p(),{providerOptions:S,normalizedAttrs:C,imageModifiers:w}=h(y),T=l(()=>x.getSizes(y.src,{...S.value,sizes:y.sizes,densities:y.densities,modifiers:w.value})),E=c(!1),D=r(),O=l(()=>({...C.value,"data-nuxt-img":``,...!y.placeholder||E.value?{sizes:T.value.sizes,srcset:T.value.srcset}:{},...D})),k=l(()=>{if(E.value)return!1;let e=y.placeholder===``?[10,10]:y.placeholder;if(!e)return!1;if(typeof e==`string`)return e;let[t=10,n=t,r=50,i=3]=Array.isArray(e)?e:typeof e==`number`?[e]:[];return x(y.src,{...w.value,width:t,height:n,quality:r,blur:i},S.value)}),A=l(()=>y.sizes?T.value.src:x(y.src,w.value,S.value)),j=l(()=>k.value||A.value),M=e().isHydrating,N=s(`imgEl`);return _({imgEl:N}),i(()=>{if(k.value||y.custom){let e=new Image;A.value&&(e.src=A.value),y.sizes&&(e.sizes=T.value.sizes||``,e.srcset=T.value.srcset),e.decode?e.decode().then(()=>{E.value=!0,b(`load`,new Event(`load`))}).catch(e=>{b(`error`,e)}):(e.onload=e=>{E.value=!0,b(`load`,e)},e.onerror=e=>{b(`error`,e)}),m(`nuxt-image`);return}N.value&&(N.value.complete&&M&&(N.value.getAttribute(`data-error`)?b(`error`,new Event(`error`)):b(`load`,new Event(`load`))),N.value.onload=e=>{b(`load`,e)},N.value.onerror=e=>{b(`error`,e)})}),(e,r)=>f.custom?n(e.$slots,`default`,d(a({imgAttrs:O.value,isLoaded:E.value,src:j.value})),void 0,void 0,1):(o(),u(`img`,t({key:0,ref_key:`imgEl`,ref:N,class:k.value?f.placeholderClass:void 0},O.value,{src:j.value}),null,16,g))}};export{_ as t};