https://www.aramcotaleed.com/dist/client/assets/AramcoWorld_FeaturedVideoList-BQuzj7QD.js

1import{j as e,r as _}from"./vendor-f5S74Hzf.js";import{aR as U,X,r as q,aS as J,aT as K,aU as P,aV as o,a$ as Q,b3 as d,b1 as W,a3 as m,b0 as N,k as c,b9 as G,bR as Y,bw as Z}from"./common-CHQtHwBh.js";import{T as p,F as V,B as a,H as x,D as ee,L as b,A as te,a2 as ie}from"./@chakra-ui/react-gJ6NaqAj.js";import"./html-react-parser-xE6q2Esb.js";import"./style-to-js-B6NqiOWy.js";import"./react-markdown-Bs7M-Au_.js";import"./devlop-Cl3hj7Sz.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-DRnmu9Gw.js";import"./micromark-util-character-hRuAkC1j.js";import"./micromark-core-commonmark-DkU5eqHe.js";import"./micromark-util-classify-character-DzqK33dx.js";import"./micromark-util-resolve-all-PQCKh0dx.js";import"./micromark-factory-destination-Cii3Ukc3.js";import"./micromark-factory-label-pk4cmpdi.js";import"./micromark-factory-title-cwTJpkI9.js";import"./micromark-factory-whitespace-DbSIwM2c.js";import"./mdast-util-to-string-C_aolqmU.js";import"./micromark-util-sanitize-uri-CaPxsR5P.js";import"./unist-util-visit-8_a2MF5S.js";import"./unist-util-visit-parents-B1S0AetN.js";import"./unist-util-is-BPZGFiMU.js";import"./remark-gfm-DBMNSnBZ.js";import"./swiper-BojwEeCi.js";import"./polished-VDK7He2T.js";import"./@babel/runtime-Bt6Ne3b9.js";import"./tailwind-merge-CPcsbTWB.js";import"./react-calendar-DqgCvrlm.js";import"./hoist-non-react-statics-BjaAnAum.js";import"./use-sidecar-BuciW2qi.js";import"./tslib-De9GV7Vy.js";import"./use-callback-ref-DBc0-MCP.js";import"./react-remove-scroll-BxC6qjtr.js";import"./react-remove-scroll-bar-DSTyrTd8.js";import"./react-style-singleton-76azCXWd.js";import"./aria-hidden-DQ5UC2Eg.js";const le=({fields:r})=>{var g,h,u,f,j,y,T,v,C,k,w,H,B,L;const{sitecoreContext:s}=q();if(!(r!=null&&r.featuredVideos)||r.featuredVideos.length===0)return e.jsx(p,{children:"No Videos available"});const n=r.featuredVideos.slice(0,4),[l]=_.useContext(J),t=n[0];return e.jsxs(K,{"data-rendering":"FeaturedVideoList",children:[e.jsx(P,{px:"0",children:n.length>0&&e.jsxs(V,{direction:{base:"column",md:"row"},alignItems:{base:"start",lg:"center"},gap:{base:"4",lg:"8"},py:{base:"8",md:"12"},px:{base:"4",md:"8"},children:[e.jsxs(a,{sx:{width:{base:"100%",md:"50%"}},children:[(r.sectionHeadline||((g=t.fields)==null?void 0:g.title)||s.pageEditing)&&e.jsxs(e.Fragment,{children:[(((h=r==null?void 0:r.sectionHeadline)==null?void 0:h.value)||s.pageEditing)&&e.jsxs(e.Fragment,{children:[e.jsx(x,{size:["mobileHeadline7","desktopHeadline7"],display:"inline-block",as:"h2",py:2,color:l.ribbon.secondaryColor,children:r.sectionHeadline&&e.jsx(o.Text,{field:r.sectionHeadline,markdown:!0})}),e.jsx(ee,{w:"100%",h:"1px",bg:l.ribbon.secondaryColor})]}),(((f=(u=t==null?void 0:t.fields)==null?void 0:u.listTeaserTitle)==null?void 0:f.value)||((y=(j=t==null?void 0:t.fields)==null?void 0:j.videoTitle)==null?void 0:y.value)||s.pageEditing)&&e.jsx(Q,{to:t.url,"aria-labelledby":`featured-video-title-${t==null?void 0:t.id}`,children:e.jsx(x,{as:"h3",size:["mobileHeadline2",null,"tabletHeadline2",null,"desktopHeadline1"],my:[4,3],color:l.ribbon.primaryColor,id:`featured-video-title-${t==null?void 0:t.id}`,children:e.jsx(d,{children:((v=(T=t==null?void 0:t.fields)==null?void 0:T.listTeaserTitle)==null?void 0:v.value)||((k=(C=t==null?void 0:t.fields)==null?void 0:C.videoTitle)==null?void 0:k.value)})})})]}),t.fields.categoryTags&&t.fields.categoryTags.length>0&&e.jsx(W,{tags:t.fields.categoryTags,backgroundColor:l.ribbon.tagDefaultBgColor,borderColor:l.ribbon.tagDefaultBorderColor,linkable:!0}),(w=t.fields.listTeaserText)!=null&&w.value?e.jsx(p,{mt:["4","3"],color:l.ribbon.primaryColor,children:e.jsx(d,{children:t.fields.listTeaserText.value})}):((H=t.fields.text)==null?void 0:H.value)&&e.jsx(a,{mt:["4","3"],color:l.ribbon.primaryColor,children:e.jsx(o.RichText,{editable:!1,field:{value:t.fields.text.value}})}),(t.url||s.pageEditing)&&e.jsx(b,{"aria-labelledby":`featured-video-title-${t==null?void 0:t.id}`,display:"inline-block",mt:["8","3"],size:"lg",href:t.url,variant:"primaryDark",backgroundColor:l.ribbon.primaryButtonBg,color:l.ribbon.primaryButtonColor,_hover:{bg:l.ribbon.primaryButtonHoverBg,borderColor:l.ribbon.primaryButtonHoverBg},children:e.jsx(o.Text,{field:r.featuredLinkLabel})})]}),((L=(B=t.fields.videoImage)==null?void 0:B.value)==null?void 0:L.src)&&e.jsxs(b,{"aria-labelledby":`featured-video-title-${t==null?void 0:t.id}`,href:t.url,variant:"none",_hover:{textDecoration:"none"},sx:{width:{base:"100%",md:"50%"},height:"auto",position:"relative",flex:"1",overflow:"hidden"},children:[e.jsx(m,{variants:N,initial:"initial",whileHover:"hover",animate:"initial",children:e.jsx(te,{ratio:16/9,w:"100%",children:e.jsx(o.AdvanceImage,{fields:t.fields,itemId:t.id,fieldName:"videoImage",editable:!1,srcSet:[c.contentSection.sm,c.contentSection.md],sx:{width:"100%",height:"auto",objectFit:"cover",objectPosition:"center center"}})})}),e.jsx(a,{display:"flex",position:"absolute",alignItems:"center",justifyContent:"center",top:"50%",left:"50%",transform:"translate(-50%, -50%)",children:e.jsx(G,{color:"AWFunctional.white",w:["34px",null,null,"58px"],h:["39px",null,null,"66px"]})})]})]})}),n.length>1&&e.jsx(a,{backgroundColor:l.ribbon.secondaryBg,pt:12,pb:16,px:{base:"4",md:"8"},color:"AWPrimary.dark",children:e.jsx(P,{px:"0",children:e.jsx(ie,{display:"grid",gridColumnGap:"8",grid

1RowGap:"6",mb:"8",gridTemplateColumns:{base:"repeat(1, 1fr)",md:"repeat(2, 1fr)",lg:"repeat(3, 1fr)"},children:n.slice(1).map((i,O)=>{var D,I,F,A,R,$,S,z,E,M;return e.jsx(Y,{initial:"initial",whileHover:"hover",animate:"initial",children:e.jsxs(b,{href:i.url,style:{textDecoration:"none"},display:"block","aria-labelledby":`featured-video-list-title-${i==null?void 0:i.id}`,children:[((I=(D=i.fields.videoImage)==null?void 0:D.value)==null?void 0:I.src)&&e.jsxs(a,{flex:"1",mb:["3","4"],position:"relative",overflow:"hidden",children:[e.jsx(m,{variants:N,children:e.jsx(o.AdvanceImage,{fields:i.fields,itemId:i.id,fieldName:"videoImage",editable:!1,srcSet:[c.videoList.sm,c.videoList.md],sx:{objectFit:"cover",objectPosition:"center center",width:"100%",height:"100%"}})}),e.jsx(a,{display:"flex",position:"absolute",alignItems:"center",justifyContent:"center",top:"50%",left:"50%",transform:"translate(-50%, -50%)",children:e.jsx(G,{color:"AWFunctional.white",w:["34px",null,null,"58px"],h:["39px",null,null,"66px"]})})]}),e.jsxs(m,{variants:Z,children:[(((F=i.fields.listTeaserTitle)==null?void 0:F.value)||((R=(A=i==null?void 0:i.fields)==null?void 0:A.videoTitle)==null?void 0:R.value))&&e.jsx(x,{as:"h3",size:["mobileHeadline5",null,"tabletHeadline5",null,"desktopHeadline5"],mb:["4","3"],id:`featured-video-list-title-${i==null?void 0:i.id}`,children:e.jsx(d,{children:(($=i.fields.listTeaserTitle)==null?void 0:$.value)||((z=(S=i==null?void 0:i.fields)==null?void 0:S.videoTitle)==null?void 0:z.value)})}),i.fields.categoryTags&&i.fields.categoryTags.length>0&&e.jsx(W,{tags:i.fields.categoryTags,variant:"defaultCategoryTag",textColor:"AWPrimary.dark",backgroundColor:l.ribbon.tagDefaultDarkBgColor,borderColor:l.ribbon.tagDefaultDarkBorderColor,linkable:!1}),(E=i.fields.listTeaserText)!=null&&E.value?e.jsx(p,{noOfLines:3,children:e.jsx(d,{children:i.fields.listTeaserText.value})}):((M=i.fields.text)==null?void 0:M.value)&&e.jsx(a,{noOfLines:3,mt:["4","3"],children:e.jsx(o.RichText,{editable:!1,field:{value:i.fields.text.value}})})]})]})},O)})})})})]})},Xe=U()(X(le,"section"));export{Xe as default};