https://familiesforlife.sg/assets/Image.56e14f41.js

1import{h as a}from"./element-plus.80abf16b.js";import{c1 as e,bM as t,bK as l,bR as r,bQ as s,bP as n,c2 as o,c3 as u,cg as i,cp as p,c5 as c,c7 as d,ev as m}from"./commonmodules.b9c1dd40.js";import{D as v}from"./model.b2b31a9c.js";import{_ as g,u as b,a as f}from"./index.d3bd9396.js";import"./lodash-es.480d1bd8.js";import"./axios.1263d4b1.js";import"./vue-router.5e13d197.js";const y=["arial-label"];var j=g(e({__name:"Image",props:{domId:null,componentData:null,save:{type:Function}},setup(e){const g=e;m((a=>({"8cd7310e":n(_)})));const j=t(v);b();const x=l((()=>f.isBuilderPage()));r((()=>{g.componentData&&(j.value={...v,...JSON.parse(g.componentData)})})),s((()=>g.componentData),(a=>{a&&(j.value={...v,...JSON.parse(g.componentData)})}));const h=l((()=>{var a;return j.value.url||(null==(a=j.value.media)?void 0:a.value)})),D=l((()=>{let a=j.value.style&&j.value.style.replace&&j.value.style.replace(/[/^`\r\n\s+]/g,"");try{return a?JSON.parse(a):a}catch(e){return a}})),U=l((()=>j.value.alt?j.value.alt:"Image")),_=l((()=>{var a,e,t,l;return j.value.paddingTop||j.value.paddingRight||j.value.paddingBottom||j.value.paddingLeft?`${null!=(a=j.value.paddingTop)?a:0}px ${null!=(e=j.value.paddingRight)?e:0}px ${null!=(t=j.value.paddingBottom)?t:0}px ${null!=(l=j.value.paddingLeft)?l:0}px`:"initial"})),I=l((()=>{var a;return null!=(a=j.value.objectFit)?a:"contain"}));return(e,t)=>{const l=a;return n(j).redirectUrl&&!n(x)?(o(),u("a",c({key:0},{href:n(f).ensureUrl(n(j).redirectUrl)},{"arial-label":n(U),onClick:t[0]||(t[0]=a=>n(f).gotoUrl(a,n(j).redirectUrl))}),[i(l,{class:"part-image",src:n(h),style:p(n(D)),alt:n(U),title:n(U),fit:n(I)},null,8,["src","style","alt","title","fit"])],16,y)):(o(),d(l,{key:1,class:"part-image",src:n(h),style:p(n(D)),alt:n(U),title:n(U),fit:n(I)},null,8,["src","style","alt","title","fit"]))}}}),[["__scopeId","data-v-499f2e30"]]);export{j as default};