1import{Q as F,al as H,aD as j,e as V,T as L,a4 as G,am as R,t as p,aF as C,j as n,da as P,ck as z,dc as q,db as J,h as Q,r as K,z as W,B as _,C as i,D as o,E as I,aa as l,I as S,F as s,J as c,ag as X}from"./index-D-81gIvX.js";import{A as Y}from"./ArticleHtmlRenderer-C-64xhHk.js";import"./legacy-style-scoping-DLBkiVNm.js";import"./useListAdSlots-Bgts2JoK.js";const Z={name:"TextImage",components:{SyMedia:H,ArticleHtmlRenderer:Y,SyHeading:F},props:{siteSection:{type:Object,required:!0}},setup(f){const{isMobileView:D}=j(),k=V(),{siteSection:e}=L(f),t=n(()=>{var a;return(a=e.value)==null?void 0:a.config}),y=Q([]),r=n(()=>{var a;return!((a=t.value)!=null&&a.isOrginalImgProportion)}),g=n(()=>{var a,x;return t.value.imgPosition==="above"||t.value.imgPosition===""||((a=t.value)==null?void 0:a.imgPosition)==="noImage"||!((x=t.value)!=null&&x.imgEnabled)}),d=n(()=>p(t.value.heading2)),m=n(()=>{var a;return!C(t.value.imgSrc)&&!(t.value.imgPosition==="noImage"||!((a=t.value)!=null&&a.imgEnabled))}),b=n(()=>t.value.imgPosition==="left"?"":"order-2"),h=n(()=>{var a;return m.value&&((a=t.value)==null?void 0:a.imgPosition)==="above"}),v=n(()=>{var a;return(a=t.value)==null?void 0:a.body}),M=n(()=>{var a;return(a=t.value)==null?void 0:a.body2}),O=a=>`object-fit:cover;object-position:${J(a,y)}`,w=(a,x)=>{q(a,x,y)},E=a=>P(a),U=a=>P(a)&&!a.includes("https://")&&!a.includes("http://")&&!a.includes("mailto")?z(a,!0):a,A=a=>a.mainMediaRenderMetaData??a.imgSrc,N=a=>`${a&&a!==""?` text-${a}`:""}`,T=n(()=>{var a;return k.getSectionIndex((a=e==null?void 0:e.value)==null?void 0:a.id)}),u=G("headerOffset",K(0)),B=n(()=>{if(T.value===0)return u.value>0?{marginTop:`${u.value}px`}:void 0});return{isMobileView:D,isNull:C,isEmpty:p,Renderer:R,aboveOrNoneImage:g,hasMediaAbove:h,imageEnabled:m,positionImage:b,textContent:v,textContentSecondColumn:M,oneHeading:d,customStyleImgOriginal:O,triggerGetFocalPointUtil:w,openButtonLinkUrlInNewTab:E,getLinkUrl:U,getMedia:A,getTextAlignmentClass:N,isCropEnabled:r,textImageData:t,containerStyle:B}}},$={class:"text-image-container"},ee=["target","href"],ae={key:1,class:"image mb-10"},te={key:1,class:"two-columns"};function ne(f,D,k,e,t,y){var m,b,h,v;const r=_("sy-media"),g=_("sy-heading"),d=_("article-html-renderer");return i(),o("div",{class:"text-image-root",style:X(e.containerStyle)},[I("div",$,[I("div",{class:l([{"text-image":!e.aboveOrNoneImage},"text-image-inner"])},[e.imageEnabled?(i(),o("div",{key:0,class:l([e.positionImage,"image-container"])},[e.textImageData.imageUrl?(i(),o("a",{key:0,target:e.openButtonLinkUrlInNewTab(e.textImageData.imageUrl)?"_blank":"_self",href:e.getLinkUrl(e.textImageData.imageUrl),class:"cursor-pointer image-linkable image mb-10"},[(m=e.textImageData)!=null&&m.isOrginalImgProportion?(i(),S(r,{key:0,media:e.getMedia(e.textImageData),"is-cropping-enabled":e.isCropEnabled,"custom-style":e.customStyleImgOriginal((b=e.textImageData)==null?void 0:b.src),"is-keep-original-proportion":(h=e.textImageData)==null?void 0:h.isOrginalImgProportion,onGetFocalPoint:e.triggerGetFocalPointUtil},null,8,["media","is-cropping-enabled","custom-style","is-keep-original-proportion","onGetFocalPoint"])):(i(),S(r,{key:1,media:e.getMedia(e.textImageData)},null,8,["media"]))],8,ee)):(i(),o("div",ae,[s(r,{media:e.getMedia(e.textImageData),"is-cropping-enabled":e.isCropEnabled,"is-keep-original-proportion":(v=e.textImageData)==null?void 0:v.isOrginalImgProportion},null,8,["media","is-cropping-enabled","is-keep-original-proportion"])]))],2)):c("",!0),I("div",{class:l([e.textImageData.twoColumns?"text-image":"smaller-text-container",e.aboveOrNoneImage?"pt-5":"pt-2"])},[e.oneHeading&&e.textImageData.twoColumns?(i(),o("div",{key:0,class:l({"col-span-2 text-center mb-2":e.oneHeading})},[s(g,{"has-rectangle":!1,"heading-label":e.textImageData.heading,heading:"heading 1","mobile-heading":"heading 2"},null,8,["heading-label"])],2)):c("",!0),I("div",null,[!e.oneHeading||!e.textImageData.twoColumns?(i(),o("div",{key:0,class:l([e.getTextAlignmentClass(e.textImageData.headingAlignment),"mb-5"])},[s(g,{"is-section-heading":!e.textImageData.twoColumns&&!e.hasMediaAbove,"has-rectangle":!1,"heading-label":e.textImageData.heading,heading:"heading 1","mobile-heading":"heading 2"},null,8,["is-section-heading","heading-label"])],2)):c("",!0),s(d,{body:e.textContent,"is-read-more-enabled":e.isMobileView,"visible-lines":8,variant:"section"},null,8,["body","is-read-more-enabled"])]),e.textImageData.twoColumns?(i(),o("div",te,[e.oneHeading?c("",!0):(i(),o("div",{key:0,class:l([e.getTextAlignmentClass(e.textImageData.heading2Alignment),"mb-5 two-columns"])},[s(g,{"has-rectangle":!1,"heading-label":e.textImageData.heading2,heading:"heading 1","mobile-heading":"heading 2"},null,8,["heading-label"])],2)),s(d,{body:e.textContentSecondColumn,"is-read-more-enabled":e.isMobileView,"visible-lines":8,variant:"section"}
1,null,8,["body","is-read-more-enabled"])])):c("",!0)],2)],2)])],4)}const re=W(Z,[["render",ne],["__scopeId","data-v-3a3c6b35"]]);export{re as default};
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.