https://www.aramcotaleed.com/dist/client/assets/AramcoWorld_LatestContentList-B09XnT4A.js

1import{r as R,j as i}from"./vendor-f5S74Hzf.js";import{aR as G,X as M,r as O,aS as X,aT as J,aU as K,aV as s,b3 as b,b1 as j,aw as A,b9 as V}from"./common-CHQtHwBh.js";import{o as N}from"./shared/AramcoWorld_FeaturedStoryList/AramcoWorld_LatestContentList-DH9zt2AF.js";import{F as y,B as c,H as g,D as d,T as t,L as x,A as _,a2 as Q,j as Y}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 q=(o="id")=>{const m=Math.random().toString(36).substring(2,17);return`${o}-${m}`},Z=({fields:o,rendering:m,params:P})=>{var k,H,v,B,w,D,T,F,$,z,E,W;const[p]=R.useState(()=>q("latest-content")),{sitecoreContext:a}=O(),r=(k=m.customData)==null?void 0:k.results[0],h=(H=m.customData)==null?void 0:H.results.slice(1,4),u=(r==null?void 0:r.contentType)==="Video",U=P.orientation,[l]=R.useContext(X);return i.jsx(J,{"data-rendering":"LatestContentList",children:i.jsxs(K,{px:"0",children:[i.jsx(y,{direction:{base:"column",md:"row"},alignItems:{base:"start",lg:"stretch"},gap:{base:"4",lg:"8"},py:{base:"8",md:"12"},px:{base:"4",md:"8"},children:U===N.TextImage?i.jsxs(i.Fragment,{children:[i.jsxs(c,{sx:{width:{base:"100%",md:"50%"}},children:[((o==null?void 0:o.sectionHeadline)||(r==null?void 0:r.title)||a.pageEditing)&&i.jsxs(i.Fragment,{children:[(v=o==null?void 0:o.sectionHeadline)!=null&&v.value||a.pageEditing?i.jsxs(i.Fragment,{children:[i.jsx(g,{size:["mobileHeadline7","desktopHeadline7"],display:"inline-block",as:"h2",py:["2"],color:l.ribbon.secondaryColor,children:(o==null?void 0:o.sectionHeadline)&&i.jsx(s.Text,{field:o.sectionHeadline,markdown:!0})}),i.jsx(d,{w:"100%",h:"1px",bg:l.ribbon.secondaryColor})]}):null,(r==null?void 0:r.title)&&i.jsx(g,{as:"h3",size:["mobileHeadline2",null,"tabletHeadline2",null,"desktopHeadline1"],my:["4","3"],color:l.ribbon.primaryColor,id:`${p}-item-title`,children:i.jsx(b,{children:r.title})})]}),(r==null?void 0:r.tags)&&(r==null?void 0:r.tags.length)>0&&i.jsx(j,{tags:r==null?void 0:r.tags,backgroundColor:l.ribbon.tagDefaultBgColor,borderColor:l.ribbon.tagDefaultBorderColor,variant:"defaultCategoryTag",linkable:!0}),(r==null?void 0:r.description)&&i.jsx(t,{mt:["4","3"],color:l.ribbon.primaryColor,children:r==null?void 0:r.description}),((r==null?void 0:r.url)&&((B=o==null?void 0:o.featuredLinkLabel)==null?void 0:B.value)||a.pageEditing)&&i.jsx(x,{"aria-labelledby":`${p}-item-title`,display:"block",mt:["8","3"],size:"lg",href:r==null?void 0:r.url,variant:"primaryDark",backgroundColor:l.ribbon.primaryButtonBg,color:l.ribbon.primaryButtonColor,_hover:{bg:l.ribbon.primaryButtonHoverBg,borderColor:l.ribbon.primaryButtonHoverBg},children:i.jsx(s.Text,{field:o==null?void 0:o.featuredLinkLabel})})]}),(r==null?void 0:r.largeImage)&&i.jsxs(x,{"aria-labelledby":`${p}-item-title`,href:r==null?void 0:r.url,variant:"none",_hover:{textDecoration:"none"},sx:{width:{base:"100%",md:"50%"},height:"auto",position:"relative",flex:"1"},children:[i.jsx(_,{ratio:4/3,minW:"100%",children:i.jsx(A,{src:(w=r==null?void 0:r.largeImage)==null?void 0:w.url,alt:((D=r==null?void 0:r.largeImage)==null?void 0:D.alt)||"Latest Item image",style:{objectFit:"cover",objectPosition:"center center",width:"100%",height:"100%",minWidth:"100%"}})}),u&&i.jsx(c,{display:"flex",position:"absolute",alignItems:"center",justifyContent:"center",top:"50%",left:"50%",transform:"translate(-50%, -50%)",children:i.jsx(V,{color:"AWFunctional.white",w:["34px",null,null,"58px"],h:["39px",null,null,"66px"]})})]})]}):i.jsxs(i.Fragment,{children:[(r==null?void 0:r.largeImage)&&i.jsxs(x,{"aria-labelledby":`${p}-item-title`,href:r==null?void 0:r.url,variant:"none",_hover:{textDecoration:"none"},sx:{width:{base:"100%",md:"50%"},height:"auto",position:"relative",flex:"1"},children:[i.jsx(_,{ratio:4/3,minW:"100%",children:i.jsx(A,{src:(T=r==null?void 0:r.largeImage)==null?void 0:T.url,alt:((F=r==null?void 0:r.largeImage)==null?void 0:F.alt)||"Latest Item image",style:{objectFit:"cover",objectPosition:"center center",width:"100%",height:"100%",minWidth:"100%"}})}),u&&i.jsx(c,{display:"flex",position:"absolute",alignItems:"center",justifyContent:"center",top:"50%",left:"50%",transform:"translate(-50%, -50%)",children:i.jsx(V,{color:"AWFunctional.white",w:["34px",null,null,"58px"],h:["39px",null,null,"66px"]})})]}),i.jsxs(c,{sx:{width:{base:"100%",md:"50%"}},children:[((o==null?void 0:o.sectionHeadline)||(r==null?void 0:r.title)||a.pageEditing)&&i.jsxs(i.Fragment,{children:[((($=o==null?void 0:o.sectionHeadline)==null?void 0:$.value)||a.pageEditing)&&i.jsxs(i.Fragment,{children:[i.jsx(g,{size:["mobileHeadline7","desktopHeadline7"],display:"inline-block",as:"h2",py:["2"],color:l.ribbon.secondaryColor,children:(o==null?void 0:o.sectionHeadline)&&i.jsx(s.Text,{field:o.sectionHeadline,markdown:!0})}),i.jsx(d,{w:"100%",h:"1px",bg:l.ribbon.secondaryColor})]}),(r==null?void 0:r.title)&&i.jsx(g,{as:"h3",size:["mobileHeadline2",null,"tabletHeadline1",null,"desktopHeadline1"],my:["4","3"],color:l.ribbon.primaryColor,id:`${p}-item-title`,children:i.jsx(b,{children:r.title})})]}),(r==null?void 0:r.tags)&&(r==null?void 0:r.tags.length)>0&&i.jsx(j,{tags:r==null?void 0:r.tags,backgroundColor:l.ribbon.tagDefaultBgColor,borderColor:l.ribbon.tagDefaultBorderColor,variant:"defaultCategoryTag",linkable:!0}),(r==null?void 0:r.description)&&i.jsx(t,{mt:["4","3"],color:l.ribbon.primaryColor,children:i.jsx(b,{children:r==null?void 0:r.description})}),((r==null?void 0:r.url)&&((z=o==null?void 0:o.featuredLinkLabel)==null?void 0:z.value)||a.pageEditing)&&i.jsx(x,{"aria-labelledby":`${p}-item-title`,display:"block",mt:["8","3"],size:"lg",href:r==null?void 0:r.url,variant:"primaryDark",backgroundColor:l.ribbon.primaryButtonBg,color:l.ribbon.primaryButtonColor,_hover:{bg:l.ribbon.primaryButtonHoverBg,borderColor:l.ribbon.primaryButtonHoverBg},children:i.jsx(s.Text,{field:o==null?void 0:o.featuredLinkLabel})})]})]})}),i.jsxs(c,{pt:12,pb:8,px:{base:"4",md:"8"}

1,children:[i.jsx(Q,{display:"grid",gridColumnGap:"8",gridRowGap:"6",mb:"8",gridTemplateColumns:{base:"repeat(1, 1fr)",md:"repeat(2, 1fr)",lg:"repeat(3, 1fr)"},children:h==null?void 0:h.map(n=>{const e=q("latest-content-list-item");return i.jsx(Y,{children:i.jsxs(x,{href:n==null?void 0:n.url,style:{textDecoration:"none"},"aria-labelledby":`${e}-title`,display:"block",children:[n.title&&i.jsx(g,{as:"h3",size:["mobileHeadline5",null,"tabletHeadline5",null,"desktopHeadline5"],mb:["4","3"],id:`${e}-title`,children:i.jsx(b,{children:n.title})}),n.tags&&n.tags.length>0&&i.jsx(j,{tags:n.tags.map(S=>({id:S.id,title:S.title})),backgroundColor:l.ribbon.tagDefaultBgColor,borderColor:l.ribbon.tagDefaultBorderColor}),n.description&&i.jsx(t,{noOfLines:3,children:i.jsx(b,{children:n.description})})]})},e)})}),(((W=(E=o==null?void 0:o.sectionLink)==null?void 0:E.value)==null?void 0:W.href)||a.pageEditing)&&i.jsxs(y,{justifyContent:"flex-end",alignItems:"center",gap:{base:"2",md:"8"},children:[i.jsx(d,{w:"100%",h:"1px",bg:l.ribbon.secondaryColor}),i.jsx(y,{sx:{whiteSpace:"nowrap"},children:i.jsx(s.Link,{field:o==null?void 0:o.sectionLink,variant:"primaryOutline",size:"sm",color:l.ribbon.primaryColor,style:{border:`1px solid ${l.ribbon.primaryColor}`}})})]})]})]})})},Ur=G()(M(Z,"section"));export{Ur as default};