https://www.aramco.com/dist/client/assets/Media_HeroCarousel-C9_p7AWQ.js

1import{aX as e,g as y,z as A,F as E,an as F,u as V,a7 as z,bi as J,p as K,e as Z,b2 as X,v as ee}from"./vendor-DacH4Axe.js";import{ap as T,V as q,a8 as Q,aa as g,al as B,j as Y,t as S,O as R,X as U,R as ae,d as re,ad as te}from"./common-BQRL9VEI.js";import{S as W,b as G,a as P}from"./@splidejs/react-splide-DZCQO66H.js";import"./react-hook-form-DKq7G64E.js";import"./devlop-Cl3hj7Sz.js";import"./react-markdown-C0K8dZ-l.js";import"./micromark-util-sanitize-uri-Dr-249hl.js";import"./micromark-util-character-Crq1AjvP.js";import"./unist-util-visit-BEqpjG-T.js";import"./unist-util-visit-parents-BzuIhZFT.js";import"./unist-util-is-D9KQvrmg.js";import"./micromark-util-decode-numeric-character-reference-CNs1qBpV.js";import"./micromark-util-decode-string-strjl-tx.js";import"./decode-named-character-reference-C3-224fz.js";import"./micromark-util-normalize-identifier-C9ANKk3v.js";import"./micromark-util-subtokenize-BC4BSQ9J.js";import"./micromark-util-chunked-DrRIdSP-.js";import"./micromark-util-combine-extensions-Bka6Sc1c.js";import"./micromark-factory-space-BWWALS__.js";import"./micromark-core-commonmark-3inbqGMm.js";import"./micromark-util-classify-character-CmoJ_zKU.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./micromark-factory-destination-C2qZjv7H.js";import"./micromark-factory-label-Bolj5dRz.js";import"./micromark-factory-title-Cioy9Ajn.js";import"./micromark-factory-whitespace-TGriqLdU.js";import"./mdast-util-to-string-C_aolqmU.js";import"./remark-gfm-CfmVxcyc.js";const $=({slide:a,renderVideo:k,setSplideAutoplay:t,playing:C,index:f,numberOfSlides:d})=>{var u,v,b,_,j,m,h,L,M,N,O,n,r,o,i,p,s;const{sitecoreContext:I}=T(),x=I.custom.settings.isRtl;return e.jsxs(y,{position:"relative",h:"100%",color:"white",children:[e.jsx(y,{className:"slide__background",children:(v=(u=a.backgroundVideo)==null?void 0:u.value)!=null&&v.src&&k?e.jsx(q,{src:a.backgroundVideo.value.src,preload:"yes",className:"slide__video",autoPlay:!0,playing:C,muted:!0,loop:!0,playsInline:!0,style:{position:"absolute",objectFit:"cover",objectPosition:"center center",minWidth:"100%",minHeight:"100%"}}):e.jsx(e.Fragment,{children:((_=(b=a.backgroundImage)==null?void 0:b.value)==null?void 0:_.src)&&e.jsx(A,{src:B(a.backgroundImage.value.src,g.none),sizes:"100vw","data-splide-lazy":a.backgroundImage.value.src,"data-splide-lazy-srcset":Q(a.backgroundImage.value.src,[g.heroCarousel.s,g.heroCarousel.m,g.heroCarousel.l,g.heroCarousel.xl]),alt:a.backgroundImage.value.alt})})}),e.jsx(Y,{className:"slide__content",h:"100%",children:e.jsxs(E,{position:"relative",direction:"column",h:"100%",justifyContent:"center",maxW:"790px",children:[a.trumpet&&e.jsx(y,{className:"slide__trumpet",mb:"4",children:(m=(j=a.primaryLink)==null?void 0:j.value)!=null&&m.href?e.jsx(S,{field:a.primaryLink,showLinkTextWithChildrenPresent:!1,editable:!1,children:e.jsx(F,{variant:"overline",lineHeight:x?["1.75rem",null,null,"2rem"]:["1rem",null,null,"1.125rem"],onMouseEnter:()=>t(!1),onMouseLeave:()=>t(!0),children:e.jsx(R,{field:a.trumpet})})}):e.jsx(F,{variant:"overline",children:e.jsx(R,{field:a.trumpet})})}),((h=a.headline)==null?void 0:h.value)&&e.jsx("span",{className:"slide__headline",children:(M=(L=a.primaryLink)==null?void 0:L.value)!=null&&M.href?e.jsx(S,{field:a.primaryLink,showLinkTextWithChildrenPresent:!1,editable:!1,dataLayer:()=>{var l,c;return{event:"GAevent",event_type:"click",event_name:"homepage_hero_carousel",text:(l=a.headline)==null?void 0:l.value,index:f,count:d,type:"primary",url:(c=a.primaryLink)==null?void 0:c.value.href}},children:e.jsx(V,{as:"h2",size:"xl",pb:"2",mb:["4",null,"2"],noOfLines:4,onMouseEnter:()=>t(!1),onMouseLeave:()=>t(!0),wordBreak:"normal",children:e.jsx(R,{field:a.headline})})}):e.jsx(V,{as:"h2",size:"xl",mb:["6",null,"4"],noOfLines:4,wordBreak:"normal",children:e.jsx(R,{field:a.headline})})}),(((O=(N=a.primaryLink)==null?void 0:N.value)==null?void 0:O.href)||((r=(n=a.secondaryLink)==null?void 0:n.value)==null?void 0:r.href))&&e.jsx(E,{wrap:"wrap",direction:["column",null,"row"],className:"slide__links",children:e.jsxs(e.Fragment,{children:[((i=(o=a.primaryLink)==null?void 0:o.value)==null?void 0:i.href)&&e.jsx(y,{me:[null,null,"16"],mt:[null,

1null,"4"],className:"slide__link",onMouseEnter:()=>t(!1),onMouseLeave:()=>t(!0),children:e.jsx(S,{field:a.primaryLink,editable:!1,variant:"primary",size:["md",null,"lg"],color:"white",dataLayer:()=>{var l,c;return{event:"GAevent",event_type:"click",event_name:"homepage_hero_carousel",text:(l=a.headline)==null?void 0:l.value,index:f,count:d,type:"primary",url:(c=a.primaryLink)==null?void 0:c.value.href}}})}),((s=(p=a.secondaryLink)==null?void 0:p.value)==null?void 0:s.href)&&e.jsx(y,{mt:["6",null,"4"],display:"flex",className:"slide__link",onMouseEnter:()=>t(!1),onMouseLeave:()=>t(!0),children:e.jsx(S,{field:a.secondaryLink,editable:!1,variant:"secondary",size:["md",null,"lg"],color:"white",dataLayer:()=>{var l,c;return{event:"GAevent",event_type:"click",event_name:"homepage_hero_carousel",text:(l=a.headline)==null?void 0:l.value,index:f,count:d,type:"secondary",url:(c=a.secondaryLink)==null?void 0:c.value.href}}})})]})})]})})]})},ne=a=>({sx:{"@keyframes revealBelow":{from:{height:"100dvh"},to:{height:"95dvh"}},".slide__wrapper":{height:"100dvh",animationName:"revealBelow",animationDuration:"1s",animationDelay:"2s",animationFillMode:"forwards",animationTimingFunction:"cubic-bezier(.23,1.76,.47,1.09)",overflow:"hidden",".splide__track":{height:"100dvh"},".splide__slide":{transform:a?"translateX(0%) !important":"","&:nth-of-type(2)":{transform:a?"translateX(100%) !important":""},"&:nth-of-type(3)":{transform:a?"translateX(200%) !important":""},"&:nth-of-type(4)":{transform:a?"translateX(300%) !important":""},".slide__background":{img:{position:"absolute",objectFit:"cover",objectPosition:"center center",minWidth:"100%",minHeight:"100%",transform:"scale(1.03)",transformOrigin:"top right",transition:"transform .8s ease-out"},"&:after":{content:"''",position:"absolute",top:"0",right:"0",bottom:"0",left:"0",background:["linear-gradient(69.09deg, rgba(0, 0, 0, 0.76) 31.16%, rgba(0, 0, 0, 0) 90.51%), linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 27.65%)",null,null,"linear-gradient(81.38deg, rgba(0, 0, 0, 0.8075) 34.59%, rgba(0, 0, 0, 0) 71.8%), linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 27.65%)",null,"linear-gradient(72.77deg, rgba(0, 0, 0, 0.855) 26.39%, rgba(0, 0, 0, 0) 83.78%, rgba(0, 0, 0, 0.27) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 27.65%)"],transform:a?"scaleX(-1)":""}},".slide__content":{pt:["32",null,"7.75rem",null,"7.75rem"],pb:["32",null,"7.75rem",null,"7.75rem"],"@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px), only screen and (min--moz-device-pixel-ratio: 1.5) and (min-width: 1200px), only screen and (-o-min-device-pixel-ratio: 1.5/1) and (min-width: 1200px), only screen and (min-device-pixel-ratio: 1.5) and (min-width: 1200px)":{pt:"3.75rem",pb:"3.75rem"},".slide__trumpet, .slide__headline, .slide__links":{display:"inline-flex",overflow:"hidden","@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 1200px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 1200px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1200px)":{overflow:"visible"}},p:{transform:"translate3d(2px,41px,0)",transformOrigin:"center center",transition:"transform .75s .1s ease-in-out",willChange:"transform",backfaceVisibility:"hidden"},h2:{transform:"translate3d(5px,150px,0)",transformOrigin:"center center",transition:"transform .75s .1s ease-in-out",willChange:"transform",backfaceVisibility:"hidden"},".slide__link":{transform:"translateY(90px)",transformOrigin:"center center",transition:"transform .75s .1s ease-in-out",willChange:"transform",backfaceVisibility:"hidden"}},"&.is-visible":{".slide__content":{"p, h2":{transform:"translate3d(0,0,0)"},".slide__link":{transform:"translateY(0)"}},img:{transform:"scale(1)"}}}},".pagination__wrapper":{position:"absolute",bottom:["8",null,"12"],w:"100%",".splide__list":{alignItems:"flex-end",justifyContent:"center",gap:["0",null,"5"],".splide__slide":{w:["2.625rem",null,"calc(25% - .9375rem)"],flexGrow:[0],transition:"width .3s ease-in-out","+ .splide__slide":{ms:["2",null,"0"]},"&.is-active":{w:["12rem",null,"calc(25% - .9375rem)"],flexShrink:[1,null,0]}}}}}}),ie=(a,k)=>({sx:{"@keyframes slideProgress":{"0%":{transform:a?"translateX(100%)":"translateX(-100%)"},"50%":{transform:"translateX(0%)"},"100%":{transform:a?"translateX(-100%)":"translateX(100%)"}},userSelect:"none",width:"100%",textAlign:"start",color:"white",".pagination__progress":{position:["relative",null,"absolute"],overflow:"hidden",bottom:"0",zIndex:"-1",width:"100%",h:"1",background:["whiteAlpha.400",null,"whiteAlpha.200"],"&:after":{content:"''",display:"block",position:"absolute",bottom:"0",w:"100%",h:"100%",background:"gradients.progress",transform:a?"translateX(100%)":"translateX(-100%)",animationTimingFunction:"ease-in-out",animationDuration:`${k/1e3-.4}s`,animationDelay:".4s"},"li.is-active &":{"&:after":{animationName:"slideProgress"}}}}}),se=({slide:a,slideDuration:k,isActive:t,isPlaying:C})=>{var b,_,j,m,h;const{sitecoreContext:f}=T(),[d,I]=z.useState(!1),x=()=>I(!d),[u]=J(`(min-width: ${U.md})`),v=f.custom.settings.isRtl;return e.jsxs(y,{...ie(v,k),onMouseEnter:x,onMouseLeave:x,children:[a.trumpet&&e.jsx(F,{variant:"overline",noOfLines:1,fontSize:"2xs",fontWeight:"600",lineHeight:v?"2rem":"1rem",letterSpacing:v?"0":".1em",display:["none",null,"block"],mb:"4",transition:"opacity .5s",opacity:t||d?"1":".5",children:(b=a.trumpet)==null?void 0:b.value}),e.jsx(y,{display:u?"block":"none",children:e.jsx(K,{in:t?!1:d,transition:{enter:{ease:"easeOut",duration:.6},exit:{ease:"easeOut",duration:.4}},children:e.jsx(Z,{ratio:16/9,minWidth:"100%",children:(j=(_=a.backgroundVideo)==null?void 0:_.value)!=null&&j.src&&u?e.jsx(q,{src:a.backgroundVideo.value.src,autoPlay:!0,muted:!0,loop:!0,style:{maxWidth:"100%",borderRadius:"var(--chakra-radii-sm)",borderBottomRightRadius:"0"}}):e.jsx(e.Fragment,{children:((h=(m=a.backgroundImage)==null?void 0:m.value)==null?void 0:h.src)&&u&&e.jsx(A,{src:B(a.backgroundImage.value.src,g.heroCarousel.xs),alt:a.backgroundImage.value.alt,sx:{maxWidth:"100%",borderRadius:"sm",borderBottomRightRadius:"0"}})})})})}),(!d||t||!u)&&e.jsx(y,{className:"pagination__progress",borderRadius:"xs",sx:{"&:after":{animationPlayState:C?"running":"paused"}}})]})},Pe=({rendering:a})=>{var N,O;const{sitecoreContext:k}=T(),[t,C]=X.useState(0),[f,d]=X.useState(!0),[I]=J(`(min-width: ${U.md})`),x=z.createRef(),u=z.createRef(),v=8e3,b=k.custom.settings.isRtl,_={arrows:!1,pagination:!1,autoWidth:!0,isNavigation:!0,drag:!1,mediaQuery:"min",direction:b?"rtl":"ltr",breakpoints:{768:{perPage:4}}},j={type:"fade",lazyLoad:"nearby",interval:v,speed:1500,arrows:!1,pagination:!1,direction:b?"rtl":"ltr",autoHeight:!0,width:"100vw",autoplay:!0,rewind:!0,pauseOnHover:!1,pauseOnFocus:!1,resetProgress:!1},m=((O=(N=a.customData)==null?void 0:N.slides)==null?void 0:O.slice(0,4))||[],h=m.length<4?m.length:4;X.useEffect(()=>{var n,r,o,i;if((n=u.current)!=null&&n.splide&&((r=x.current)==null||r.sync(u.current.splide)),(o=x.current)!=null&&o.splide){const s=((i=x.current)==null?void 0:i.splide).Components.Autoplay;f?s==null||s.play():s==null||s.pause()}},[x,u,f]);const L=m.slice(0,4).map((n,r)=>{var i,p;return((p=(i=n.backgroundVideo)==null?void 0:i.value)==null?void 0:p.src)?r:null}).filter(n=>n!==null),M=(n,r)=>{var s,l,c;const o=n.splides[r.index],i=o==null?void 0:o.splide.root,p=((s=i==null?void 0:i.querySelector("h2"))==null?void 0:s.innerText)||((c=(l=r.slide)==null?void 0:l.querySelector("h2"))==null?void 0:c.innerText);p&&te(()=>({event:"GAevent",event_type:"click",event_name:"homepage_hero_carousel",type:"slide up",text:p,count:h,index:r.index}))};return e.jsxs(ae,{position:"relative",...ne(b),children:[e.jsx(re,{sitecoreContext:k}),e.jsx(W,{ref:x,options:j,hasTrack:!1,className:"slide__wrapper",children:e.jsx(G,{children:m.map((n,r)=>{var p,s,l,c,H;const o=L==null?void 0:L.find(w=>{const D=(m||[]).slice(0,4).length-1;return w===t||w===t-1||w===t+1||t===0&&(w===D||w===t+1)||t===D&&(w===t-1||w===0)}),i={type:"auto slide",text:(p=n.headline)==null?void 0:p.value,index:r+1,count:h};return typeof o<"u"?e.jsx(P,{"data-tracking-type":"visibility","data-tracking-id":"homepage_hero_carousel","data-tracking-data":JSON.stringify(i),children:e.jsx($,{index:r,slide:n,renderVideo:!0,setSplideAutoplay:d,playing:f,numberOfSlides:h})},`hero_carousel_item_${r}`):e.jsxs(z.Fragment,{children:[r===0&&e.jsx(ee,{children:e.jsx("link",{rel:"preload",as:"image",href:B((l=(s=n.backgroundImage)==null?void 0:s.value)==null?void 0:l.src,g.none),imageSrcSet:Q((H=(c=n.backgroundImage)==null?void 0:c.value)==null?void 0:H.src,[g.heroCarousel.s,g.heroCarousel.m,g.heroCarousel.l,g.heroCarousel.xl])})}),e.jsx(P,{"data-tracking-type":"visibility","data-tracking-id":"homepage_hero_carousel","data-tracking-data":JSON.stringify(i),children:e.jsx($,{index:r,slide:n,renderVideo:!1,setSplideAutoplay:d,numberOfSlides:h})})]},`hero_carousel_item_${r}`)})})}),e.jsx(y,{className:"pagination__wrapper",children:e.jsx(Y,{py:"0",px:["8",null,null,null,"16"],children:e.jsx(W,{ref:u,options:_,hasTrack:!1,onMoved:(n,r)=>C(r),onClick:M,children:e.jsx(G,{children:m.map((n,r)=>{var i;const o={type:"hover slide up",text:(i=n.headline)==null?void 0:i.value,index:r,count:h};return e.jsx(P,{onMouseEnter:()=>d(!I),onMouseLeave:()=>d(!0),"data-tracking-type":"visibility","data-tracking-id":"homepage_hero_carousel","data-tracking-data":JSON.stringify(o),children:e.jsx(se,{slide:n,slideDuration:v,isActive:r===t,isPlaying:f})},r)})})})})})]})};export{Pe as HeroCarousel};
2//# sourceMappingURL=Media_HeroCarousel-C9_p7AWQ.js.map