https://www.aramcofuels.com/fuels/_next/static/chunks/content_LargeTeaser.1017dfaaf2597260.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[282],{508:(e,t,a)=>{a.d(t,{W:()=>l});var r=a(4232),n=a(373);let i={some:0,all:1};function l(e,{root:t,margin:a,amount:s,once:d=!1,initial:c=!1}={}){let[g,o]=(0,r.useState)(c);return(0,r.useEffect)(()=>{if(!e.current||d&&g)return;let r={root:t&&t.current||void 0,margin:a,amount:s};return function(e,t,{root:a,margin:r,amount:l="some"}={}){let s=(0,n.K)(e),d=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{let a=d.get(e.target);if(!!a!==e.isIntersecting)if(e.isIntersecting){let a=t(e.target,e);"function"==typeof a?d.set(e.target,a):c.unobserve(e.target)}else"function"==typeof a&&(a(e),d.delete(e.target))})},{root:a,rootMargin:r,threshold:"number"==typeof l?l:i[l]});return s.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(o(!0),d?void 0:()=>o(!1)),r)},[t,e,a,d,s]),g}},5987:(e,t,a)=>{a.d(t,{v:()=>l});var r=a(7876),n=a(4373),i=a(841);let l=({text:e,variant:t="default",theme:a,className:l})=>(0,r.jsx)("p",{"data-brand":a,className:(0,n.cn)("border-2 font-tag uppercase inline-block items-center rounded-sm px-1 pt-[1px] pb-[2px]",{default:"border-brand text-primary",inverse:"border-inverse text-inverse",filled:"bg-brand text-brand-inverse"}[t],l),children:(0,r.jsx)(i.sc.Text,{field:e})})},7354:(e,t,a)=>{a.r(t),a.d(t,{default:()=>o});var r=a(7876),n=a(4373),i=a(841),l=a(5987),s=a(2005),d=a(5262),c=a(2510),g=a(9047);let o=({fields:e,rendering:t})=>{let{sitecoreContext:a}=(0,i.n)();if(!e)return null;let o=(0,n.O4)(e?.theme),u=(0,n.gK)(e?.backgroundcolor),p=e?.mini?.value===!0,x=[d.o.largeTeaser.sm,d.o.largeTeaser.md,d.o.largeTeaser.lg,d.o.largeTeaser.xl];return(0,r.jsx)(g.k,{"data-rendering":"LargeTeaser","data-brand":o,className:"module-y-spacing module-x-spacing",...(0,n.Y9)(u),children:(0,r.jsx)("div",{className:"content-wrapper",children:(0,r.jsxs)("div",{className:(0,c.cn)("relative rounded-sm",p?"min-h-[231px] lg:min-h-[136px]":"min-h-[340px] lg:min-h-[480px]"),children:[(e?.image?.value?.src||a.pageEditing)&&(0,r.jsx)(i.sc.AdvancedImage,{fields:e,itemId:t?.dataSource||"",fieldName:"image",srcSet:x,sizes:"(min-width: 1536px) 1488px, (min-width: 1024px) calc(100vw - 48px), calc(100vw - 32px)",className:"absolute inset-0 h-full w-full rounded-sm object-cover",loading:"lazy"}),(0,r.jsx)("div",{className:(0,c.cn)("absolute inset-0 rounded-sm",p?"bg-[linear-gradient(180deg,rgba(0,0,0,0)_0%,rgba(0,0,0,0.5)_25%,rgba(0,0,0,0.5)_75%,rgba(0,0,0,0)_100%)] lg:bg-[linear-gradient(180deg,rgba(0,0,0,0)_0%,rgba(0,0,0,0.4)_24.52%,rgba(0,0,0,0.4)_75%,rgba(0,0,0,0)_100%)]":"bg-[linear-gradient(180deg,rgba(0,0,0,0)_0%,rgba(0,0,0,0.5)_25%,rgba(0,0,0,0.5)_75%,rgba(0,0,0,0.5)_100%)] lg:bg-[linear-gradient(180deg,rgba(0,0,0,0)_0%,rgba(0,0,0,0.4)_24.52%,rgba(0,0,0,0.4)_75%,rgba(0,0,0,0)_100%)]")}),(0,r.jsxs)("div",{className:(0,c.cn)("relative flex h-full w-full flex-col items-center gap-6 py-8 lg:gap-8 lg:py-12","flex w-full max-w-[454px] m-auto flex-col items-center gap-6 lg:gap-8"),children:[!p&&(e?.trumpet?.value||a.pageEditing)&&(0,r.jsx)(l.v,{text:e?.trumpet,variant:"inverse",theme:o}),(e?.headline?.value||a.pageEditing)&&(0,r.jsx)("h2",{className:(0,c.cn)("font-2xl text-inverse text-center leading-tight font-bold"),children:(0,r.jsx)(i.sc.Text,{field:e?.headline})}),!p&&(e?.description?.value||a.pageEditing)&&(0,r.jsx)("p",{className:(0,c.cn)("font-sm text-inverse text-center leading-normal font-bold text-balance whitespace-pre-wrap"),children:(0,r.jsx)(i.sc.Text,{field:e?.description})}),(e?.link?.value?.href||a.pageEditing)&&(0,r.jsx)(s.$,{variant:"secondary",field:e?.link,theme:o})]})]})})})}},9047:(e,t,a)=>{a.d(t,{k:()=>g});var r=a(7876),n=a(945),i=a(508),l=a(4232),s=a(841),d=a(2510);let c={hidden:{opacity:0,y:20},visible:{opacity:1,y:0}},g=({children:e,className:t,delay:a=0,duration:g=.8,once:o=!0,animateOnMount:u=!1,...p})=>{let x=(0,l.useRef)(null),m=(0,i.W)(x,{once:o,margin:"0px 0px -200px 0px"}),{sitecoreContext:f}=(0,s.n)(),[b,v]=(0,l.useState)(!1);if((0,l.useEffect)(()=>{if(u){let e=setTimeout(()=>{v(!0)},0);return()=>clearTimeout(e)}},[u]),f.pageEditing)return(0,r.jsx)("section",{className:(0,d.cn)(t),...p,children:e});let h=u?b:m;return(0,r.jsx)(n.P.section,{ref:x,initial:"hidden",animate:h?"visible":"hidden",variants:c,transition:{duration:g,delay:a,ease:[.25,.1,.25,1]},className:(0,d.cn)(t),...p,children:e})}}}]);