1import{d as B,r as d,i as a,E as p,n as _,o as b,g as I,b as O,h as u,O as m}from"./index.a7219c61.js";import{_ as k}from"./_plugin-vue_export-helper.cdc0426e.js";const z=["src","width","height","alt"],N=B({__name:"BaseImage",props:{src:String,width:Number,height:Number,rounded:Boolean,circle:Boolean,outlined:Boolean,contain:Boolean,childStyle:[Object,String,Array],altText:String,imageSet:Object,maxVariant:{type:String,default:"large"},intrinsic:Boolean},emits:["load"],setup(t,{emit:g}){const r=d(null),o=["micro","small","medium","large"],e=t,h=g,i=d(!0);function f(n){i.value=!0,h("load",n)}function y(n){if(e.imageSet){const s=o.indexOf(n),x=o.slice(0,s+1).reverse();for(const c of x){const l=e.imageSet[c]?.cdnSrc??e.imageSet[c]?.src;if(typeof l=="string")return l}}return""}const S=a(()=>e.src?e.src:e.imageSet?y(e.maxVariant):""),v=a(()=>typeof e.width=="number"?e.width+"px":typeof e.width=="string"?e.width:""),w=a(()=>typeof e.height=="number"?e.height+"px":typeof e.height=="string"?e.height:"");return p(async()=>{await _();const n=r.value;(!n?.complete||n.naturalHeight===0)&&(i.value=!1)}),(n,s)=>(b(),I("div",{class:u(["image-container",{["inner-outline"]:t.outlined,["s-rounded"]:t.rounded}]),style:m([{overflow:"hidden"},{width:v.value,height:w.value}])},[O("img",{ref_key:"imgRef",ref:r,class:u({show:i.value,["contain-image"]:t.contain,intrinsic:t.intrinsic}),src:S.value,width:t.width,height:t.height,style:m(t.childStyle),alt:t.altText??"image",onLoad:f,loading:"lazy"},null,46,z)],6))}});const j=k(N,[["__scopeId","data-v-0f399c8f"]]);export{j as B};
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.