https://www.aramcofuels.com/fuels/_next/static/chunks/content_MultiColumnRichText.0b2bfc59aeddc7e0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21],{508:(e,t,l)=>{l.d(t,{W:()=>i});var s=l(4232),n=l(373);let a={some:0,all:1};function i(e,{root:t,margin:l,amount:r,once:c=!1,initial:d=!1}={}){let[o,g]=(0,s.useState)(d);return(0,s.useEffect)(()=>{if(!e.current||c&&o)return;let s={root:t&&t.current||void 0,margin:l,amount:r};return function(e,t,{root:l,margin:s,amount:i="some"}={}){let r=(0,n.K)(e),c=new WeakMap,d=new IntersectionObserver(e=>{e.forEach(e=>{let l=c.get(e.target);if(!!l!==e.isIntersecting)if(e.isIntersecting){let l=t(e.target,e);"function"==typeof l?c.set(e.target,l):d.unobserve(e.target)}else"function"==typeof l&&(l(e),c.delete(e.target))})},{root:l,rootMargin:s,threshold:"number"==typeof i?i:a[i]});return r.forEach(e=>d.observe(e)),()=>d.disconnect()}(e.current,()=>(g(!0),c?void 0:()=>g(!1)),s)},[t,e,l,c,r]),o}},3703:(e,t,l)=>{l.d(t,{Y:()=>i});var s=l(7876),n=l(4373),a=l(841);let i=({text:e,className:t,theme:l,variant:i="default",align:r="start"})=>{let{sitecoreContext:c}=(0,a.n)(),d="inverse"===i,o="object"==typeof e&&null!==e&&"value"in e,g=o?e.value:e,u=o?e:void 0;return g&&"string"==typeof g&&""!==g.trim()||c.pageEditing?(0,s.jsxs)("div",{className:(0,n.cn)("flex items-center gap-2","center"===r?"justify-center":"justify-start",t),...l&&{"data-brand":l},children:[(0,s.jsx)("div",{className:"bg-brand h-2 w-2 shrink-0 rounded-[1px]"}),u?(u.value||c.pageEditing)&&(0,s.jsx)("span",{className:(0,n.cn)("font-sm font-semibold uppercase",d?"text-inverse":"text-primary"),children:(0,s.jsx)(a.sc.Text,{field:u})}):(g||c.pageEditing)&&(0,s.jsx)("span",{className:(0,n.cn)("font-sm font-semibold uppercase",d?"text-inverse":"text-primary"),children:(0,s.jsx)(s.Fragment,{children:g})})]}):null}},3714:(e,t,l)=>{l.r(t),l.d(t,{default:()=>d});var s=l(7876),n=l(8991),a=l(3807),i=l(841),r=l(4373),c=l(9047);let d=({fields:e})=>{let{sitecoreContext:t}=(0,i.n)(),l=(0,r.O4)(e?.theme),d=(0,r.gK)(e?.backgroundcolor),o=[{content:e?.column1,key:"column1"},{content:e?.column2,key:"column2"},{content:e?.column3,key:"column3"},{content:e?.column4,key:"column4"}].filter(e=>e.content?.value||t.pageEditing),g=o.length;return(0,s.jsx)(c.k,{"data-rendering":"MultiColumnRichText",...(0,r.Y9)(d),children:(0,s.jsxs)("div",{className:"space-y-12 py-10 lg:py-12",children:[(0,s.jsx)(n.L,{eyebrow:e?.trumpet,title:e?.headline,subtitle:e?.subHeadline,description:e?.description,primaryButton:e?.featuredPrimaryLink,secondaryButton:e?.featuredSecondaryLink,variant:"sideBySide",theme:l}),g>0&&(0,s.jsx)("div",{className:(0,r.cn)("grid-fuels-content grid grid-cols-1 gap-6",(()=>{switch(g){case 1:case 2:return"lg:grid-cols-2";case 3:return"lg:grid-cols-3";case 4:return"lg:grid-cols-4";default:return""}})()),children:o.map(e=>(0,s.jsx)(a.A,{textContent:e.content,backgroundColor:d,...1===g&&{className:"lg:col-start-2"},theme:l},e.key))})]})})}},8991:(e,t,l)=>{l.d(t,{L:()=>m});

1var s=l(7876),n=l(2510),a=l(3703),i=l(841),r=l(2005);let c="stacked",d="stackedCentered",o=({eyebrow:e,title:t,subtitle:l,theme:r,variant:c})=>{let{sitecoreContext:o}=(0,i.n)(),g=c===d;return(0,s.jsxs)("div",{className:(0,n.cn)("flex flex-col items-start gap-3 lg:gap-4",g&&"items-center justify-center gap-6 lg:gap-8"),children:[(0,s.jsxs)("div",{className:(0,n.cn)("order-2 flex w-full flex-col items-start gap-3 lg:gap-4",g&&"items-center gap-6 lg:gap-8"),children:[(t?.value||o.pageEditing)&&(0,s.jsx)("h2",{className:(0,n.cn)("font-2xl text-primary w-full",g&&"text-center"),children:(0,s.jsx)(i.sc.Text,{field:t})}),(l?.value||o.pageEditing)&&(0,s.jsx)("h3",{className:(0,n.cn)("font-lg text-primary w-full",g&&"text-center"),children:(0,s.jsx)(i.sc.Text,{field:l})})]}),(e||o.pageEditing)&&(0,s.jsx)(a.Y,{text:e,className:"order-1",theme:r})]})},g=({description:e,className:t})=>{let{sitecoreContext:l}=(0,i.n)();return e?.value||l.pageEditing?(0,s.jsx)("div",{className:(0,n.cn)("font-sm text-primary w-full whitespace-pre-wrap",t),children:(0,s.jsx)(i.sc.RichText,{field:e})}):null},u=({primaryButton:e,secondaryButton:t,theme:l,className:a})=>{let{sitecoreContext:c}=(0,i.n)(),d=e=>!!e&&"value"in e&&!!e.value&&!!(e.value.href&&""!==e.value.href.trim()),o=d(e),g=d(t);return o||g||c.pageEditing?(0,s.jsxs)("div",{className:(0,n.cn)("flex flex-col items-start gap-6 lg:flex-row lg:items-center lg:gap-8",a),children:[(o||c.pageEditing)&&(0,s.jsx)(r.$,{variant:"primary",field:e,theme:l,showIcon:!0}),(g||c.pageEditing)&&(0,s.jsx)(r.$,{variant:"tertiary",field:t,theme:l,showIcon:!0})]}):null},m=({eyebrow:e,title:t,subtitle:l,description:a,primaryButton:i,secondaryButton:r,variant:m=c,reversedAlignment:p=!1,theme:x,className:f,firstSideContent:h,secondSideContent:j,...v})=>(0,s.jsxs)("div",{className:(0,n.cn)("grid-fuels-content",f),...x&&{"data-brand":x},...v,children:[m===c&&(0,s.jsxs)(s.Fragment,{children:[p&&j&&(0,s.jsx)("div",{className:"col-span-4 hidden w-full lg:col-span-6 lg:col-start-1 lg:block",children:j}),(0,s.jsxs)("div",{className:(0,n.cn)("col-span-4 flex flex-col items-start gap-6 lg:col-span-6 lg:gap-8",p&&"lg:col-start-7"),children:[(0,s.jsx)(o,{eyebrow:e,title:t,subtitle:l,theme:x}),(0,s.jsx)(g,{description:a}),(0,s.jsx)(u,{primaryButton:i,secondaryButton:r,theme:x}),h&&(0,s.jsx)("div",{className:"w-full",children:h}),j&&(0,s.jsx)("div",{className:"w-full lg:hidden",children:j})]}),!p&&j&&(0,s.jsx)("div",{className:"col-span-4 hidden w-full lg:col-span-6 lg:block",children:j})]}),m===d&&(0,s.jsx)("div",{className:"col-span-4 flex flex-col items-center gap-6 lg:col-span-12 lg:gap-8",children:(0,s.jsxs)("div",{className:"flex w-full max-w-2xl flex-col items-center gap-8 lg:gap-10",children:[(0,s.jsx)(o,{eyebrow:e,title:t,subtitle:l,theme:x,variant:m}),(0,s.jsx)(g,{description:a,className:"text-center"}),(0,s.jsx)(u,{primaryButton:i,secondaryButton:r,theme:x})]})}),"sideBySide"===m&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:"col-span-4 flex flex-col items-start gap-6 lg:col-span-6 lg:gap-8",children:[(0,s.jsx)(o,{eyebrow:e,title:t,subtitle:l,theme:x}),(0,s.jsx)(g,{description:a,className:"lg:hidden"}),(0,s.jsx)(u,{primaryButton:i,secondaryButton:r,theme:x,className:"lg:hidden"}),h&&(0,s.jsx)("div",{className:"w-full lg:hidden",children:h}),j&&(0,s.jsx)("div",{className:"w-full lg:hidden",children:j})]}),(0,s.jsxs)("div",{className:(0,n.cn)("col-span-4 hidden flex-col gap-8 lg:col-span-6 lg:flex lg:gap-12",a?.value?"items-start":"items-end"),children:[(0,s.jsx)(g,{description:a}),(0,s.jsx)(u,{primaryButton:i,secondaryButton:r,theme:x})]}),h&&(0,s.jsx)("div",{className:"col-span-4 hidden w-full lg:col-span-6 lg:block",children:h}),j&&(0,s.jsx)("div",{className:"col-span-4 hidden w-full lg:col-span-6 lg:block",children:j})]})]})},9047:(e,t,l)=>{l.d(t,{k:()=>o});var s=l(7876),n=l(945),a=l(508),i=l(4232),r=l(841),c=l(2510);let d={hidden:{opacity:0,y:20},visible:{opacity:1,y:0}},o=({children:e,className:t,delay:l=0,duration:o=.8,once:g=!0,animateO

1nMount:u=!1,...m})=>{let p=(0,i.useRef)(null),x=(0,a.W)(p,{once:g,margin:"0px 0px -200px 0px"}),{sitecoreContext:f}=(0,r.n)(),[h,j]=(0,i.useState)(!1);if((0,i.useEffect)(()=>{if(u){let e=setTimeout(()=>{j(!0)},0);return()=>clearTimeout(e)}},[u]),f.pageEditing)return(0,s.jsx)("section",{className:(0,c.cn)(t),...m,children:e});let v=u?h:x;return(0,s.jsx)(n.P.section,{ref:p,initial:"hidden",animate:v?"visible":"hidden",variants:d,transition:{duration:o,delay:l,ease:[.25,.1,.25,1]},className:(0,c.cn)(t),...m,children:e})}}}]);