https://watools.ai/_nuxt/CfFyI2cl.js

1import{b as D}from"./CKsK5B1C.js";import{u as I}from"./kctRCKw3.js";import{a5 as A,ak as i,aq as s,as as n,av as r,at as g,al as k,ap as p,aM as f,aF as N,ar as u,ai as m,aO as R,b2 as _,b3 as z,au as P,a0 as w,r as $}from"./BrSRS2Es.js";import{_ as H}from"./B87YLHm0.js";const W={class:"desc-img-row__inner"},q={class:"desc-img-row__col desc-img-row__col--text"},O={key:0,class:"desc-img-row__card"},U={key:0,class:"desc-img-row__step-badge","aria-hidden":"true"},V={key:2,class:"desc-img-row__body"},j=["href"],E={key:0,class:"desc-img-row__step-badge","aria-hidden":"true"},M={key:2,class:"desc-img-row__body"},G=["href"],J={class:"desc-img-row__col desc-img-row__col--media"},K={key:0,class:"desc-img-row__media desc-img-row__media--img"},Q=["src","srcset","sizes","alt","width","height","loading","fetchpriority"],X={key:1,class:"desc-img-row__media desc-img-row__media--card"},Y=A({name:"DescriptionImageRow",__name:"DescriptionImageRow",props:{reverse:{type:Boolean,default:!1},title:{},headingLevel:{default:2},description:{},imageSrc:{},imageAlt:{},descriptionLinkText:{},descriptionLinkUrl:{},card:{type:Boolean,default:!1},stepNumber:{},imageLoading:{default:"lazy"},imageFetchPriority:{default:"auto"},imageWidth:{default:610},imageHeight:{default:381},imageSrcset:{},imageSizes:{default:"(max-width: 768px) calc(100vw - 48px), 610px"}},setup(e){const l=e,x=w(()=>l.headingLevel===3?"h3":"h2"),B=w(()=>l.description?l.description.split(/\n+/).map(a=>a.trim()).filter(Boolean):[]),v=w(()=>{const a=B.value,c=l.descriptionLinkText,d=l.descriptionLinkUrl;return!c||!d?a.map(t=>({type:"plain",text:t})):a.map(t=>{const o=t.indexOf(c);return o===-1?{type:"plain",text:t}:{type:"withLink",before:t.slice(0,o),linkText:c,after:t.slice(o+c.length),url:d}})}),b=w(()=>{const a=Number(l.imageWidth),c=Number(l.imageHeight);if(a>0&&c>0)return{aspectRatio:`${a} / ${c}`}}),S=$(null);return I(S,(a,c,d)=>{const t=l.reverse,o=d.querySelector(".desc-img-row__col--text"),L=d.querySelector(".desc-img-row__col--media"),h=72,C=t?{x:h}:{x:-h},F=t?{x:-h}:{x:h},T={trigger:d,start:"top 85%",toggleActions:"play none none none"},y=[];return o&&y.push(a.fromTo(o,C,{scrollTrigger:T,x:0,duration:.62,ease:"power2.out"})),L&&y.push(a.fromTo(L,F,{scrollTrigger:T,x:0,duration:.62,delay:.09,ease:"power2.out"})),y}),(a,c)=>{const d=D;return i(),s("section",{ref_key:"rootRef",ref:S,class:P(["desc-img-row",{"desc-img-row--reverse":e.reverse,"desc-img-row--card":e.card}]),"data-desc-img-row":""},[n("div",W,[n("div",q,[e.card?(i(),s("div",O,[e.stepNumber!=null?(i(),s("div",U,r(e.stepNumber),1)):g("",!0),e.title?(i(),k(N(u(

1x)),{key:1,class:"desc-img-row__title"},{default:p(()=>[f(r(e.title),1)]),_:1})):g("",!0),e.description?(i(),s("div",V,[(i(!0),s(m,null,R(u(v),(t,o)=>(i(),s("p",{key:o,class:"desc-img-row__para"},[t.type==="withLink"?(i(),s(m,{key:0},[n("span",null,r(t.before),1),n("a",{href:t.url,class:"desc-img-row__link"},r(t.linkText),9,j),n("span",null,r(t.after),1)],64)):(i(),s(m,{key:1},[f(r(t.text),1)],64))]))),128))])):g("",!0),_(a.$slots,"left-extra",{},void 0,!0)])):(i(),s(m,{key:1},[e.stepNumber!=null?(i(),s("div",E,r(e.stepNumber),1)):g("",!0),e.title?(i(),k(N(u(x)),{key:1,class:"desc-img-row__title"},{default:p(()=>[f(r(e.title),1)]),_:1})):g("",!0),e.description?(i(),s("div",M,[(i(!0),s(m,null,R(u(v),(t,o)=>(i(),s("p",{key:o,class:"desc-img-row__para"},[t.type==="withLink"?(i(),s(m,{key:0},[n("span",null,r(t.before),1),n("a",{href:t.url,class:"desc-img-row__link"},r(t.linkText),9,G),n("span",null,r(t.after),1)],64)):(i(),s(m,{key:1},[f(r(t.text),1)],64))]))),128))])):g("",!0),_(a.$slots,"left-extra",{},void 0,!0)],64))]),n("div",J,[e.imageSrc?(i(),s("div",K,[e.imageSrcset?(i(),s("img",{key:0,src:e.imageSrc,srcset:e.imageSrcset,sizes:e.imageSizes,alt:e.imageAlt||"",width:e.imageWidth,height:e.imageHeight,style:z(u(b)),class:"desc-img-row__img",loading:e.imageLoading,fetchpriority:e.imageFetchPriority,decoding:"async"},null,12,Q)):(i(),k(d,{key:1,src:e.imageSrc,alt:e.imageAlt||"",width:e.imageWidth,height:e.imageHeight,sizes:"(max-width: 768px) calc(100vw - 48px), 610px",style:z(u(b)),class:"desc-img-row__img",loading:e.imageLoading,fetchpriority:e.imageFetchPriority},null,8,["src","alt","width","height","style","loading","fetchpriority"]))])):(i(),s("div",X,[_(a.$slots,"right",{},void 0,!0)]))])])],2)}}}),se=Object.assign(H(Y,[["__scopeId","data-v-39ba0bd4"]]),{__name:"DescriptionImageRow"});export{se as default};