https://f150europe.com/_next/static/chunks/1003.935acea0f9048495.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1003],{81003:(e,l,t)=>{t.r(l),t.d(l,{default:()=>x});var n=t(2183),a=t(27861),s=t(98576),r=t(3638),i=t(74241),o=t(57138),d=t(36439),u=t(75083),c=t(56410),h=t(28457),f=t(21958);function v(e){let l,t,u,v,m,x,p,g,w,b,j,N,k,y,A,T,I=(0,a.c)(43),{fields:C,currentPageId:S}=e,{Button1:_,Button2:B,Pages:E,GroupName:z,AnchorLinks:F}=C,L=(0,d.useRef)(null),W=(0,d.useRef)(null),$=(0,d.useRef)(null),[P,R]=(0,d.useState)(!1);I[0]===Symbol.for("react.memo_cache_sentinel")?(l={left:0,right:0},I[0]=l):l=I[0];let[H,M]=(0,d.useState)(l),O=C.TextColor?.value==="Black"?"text-black":"text-white",Y=(0,c.C)(C.BackgroundColor?.value),q=C.Button1Type?.value;I[1]!==q?(t=(0,f.I)(q),I[1]=q,I[2]=t):t=I[2];let D=t,G=C.Button2Type?.value;I[3]!==G?(u=(0,f.I)(G),I[3]=G,I[4]=u):u=I[4];let J=u;I[5]===Symbol.for("react.memo_cache_sentinel")?(v=()=>{let e=()=>{if(L.current&&W.current){let e=L.current.offsetWidth,l=W.current.scrollWidth,t=l>e;R(t),t?M({left:-(l-e),right:0}):M({left:0,right:0})}};e();let l=()=>{e()};return window.addEventListener("resize",l),()=>window.removeEventListener("resize",l)},m=[],I[5]=v,I[6]=m):(v=I[5],m=I[6]),(0,d.useEffect)(v,m);let K=(0,r.A)("px-lg flex items-center justify-between gap-4 py-2",Y,O),Q=P?"linear-gradient(to right, black 90%, transparent)":"none",U=P?"linear-gradient(to right, black 90%, transparent)":"none";I[7]!==Q||I[8]!==U?(x={WebkitOverflowScrolling:"touch",maskImage:Q,WebkitMaskImage:U},I[7]=Q,I[8]=U,I[9]=x):x=I[9];let V=!!P&&"x",X=P?"grab":"default";return I[10]!==X?(p={cursor:X},I[10]=X,I[11]=p):p=I[11],I[12]!==z?(g=z?.value&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"flex items-center font-bold",children:(0,n.jsx)(s.Text,{field:z})}),(0,n.jsx)("div",{className:"bg-outline-2 w-px shrink-0"})]}),I[12]=z,I[13]=g):g=I[13],I[14]!==F?.length||I[15]!==E||I[16]!==S?(w=E?.map((e,l)=>(0,n.jsx)(o.A,{href:e.url,className:(0,r.A)(S===e.id&&"font-bold","py-2 underline-offset-2 hover:underline focus-visible:underline focus-visible:!outline-none",l===E.length-1&&F?.length===0&&"pr-desktop-top-spacing"),children:e.fields?.navTitle?.value?.length>0?e.fields.navTitle.value:e.displayName},e.id)),I[14]=F?.length,I[15]=E,I[16]=S,I[17]=w):w=I[17],I[18]!==F?(b=F?.map((e,l)=>(0,n.jsx)(o.A,{href:{hash:e.fields.AnchorId?.value},className:(0,r.A)("hover:underline","py-2 underline-offset-2 hover:underline focus-visible:underline focus-visible:!outline-none",l===F.length-1&&"pr-desktop-top-spacing"),children:e.fields.Title?.value},e.fields.AnchorId?.value)),I[18]=F,I[19]=b):b=I[19],I[20]!==H||I[21]!==V||I[22]!==p||I[23]!==g||I[24]!==w||I[25]!==b?(j=(0,n.jsxs)(i.P.div,{ref:W,className:"gap-lg flex h-fit text-nowrap text-sm font-normal uppercase leading-none",drag:V,dragConstraints:H,style:p,children:[g,w,b]}),I[20]=H,I[21]=V,I[22]=p,I[23]=g,I[24]=w,I[25]=b,I[26]=j):j=I[26],I[27]!==x||I[28]!==j?(N=(0,n.jsx)("div",{ref:L,className:"no-scrollbar pr-sm w-full overflow-x-auto overflow-y-hidden",style:x,children:j}),I[27]=x,I[28]=j,I[29]=N):N=I[29],I[30]!==_||I[31]!==D?(k=_?.value?.href&&(0,n.jsx)(h.$n,{variant:D,field:_}),I[30]=_,I[31]=D,I[32]=k):k=I[32],I[33]!==B||I[34]!==J?(y=B?.value?.href&&(0,n.jsx)(h.$n,{variant:J,field:B}),I[33]=B,I[34]=J,I[35]=y):y=I[35],I[36]!==k||I[37]!==y?(A=(0,n.jsxs)("div",{className:"flex min-h-[50px] shrink-0 gap-2",children:[k,y]}),I[36]=k,I[37]=y,I[38]=A):A=I[38],I[39]!==K||I[40]!==N||I[41]!==A?(T=(0,n.jsx)("section",{ref:$,"data-component":"SubNavigation",className:"bp:block sticky top-[var(--hedin-menu-height,0px)] z-40 hidden w-full shadow-md",children:(0,n.jsxs)("div",{className:K,children:[N,A]})}),I[39]=K,I[40]=N,I[41]=A,I[42]=T):T=I[42],T}function m(e){let l,t,i,u,v,m,x,p,g,w,b,j=(0,a.c)(31),{fields:N,currentPageId:k}=e,{Pages:y,Button1:A,Button2:T,GroupName:I,AnchorLinks:C}=N,[S,_]=(0,d.useState)(!1),B=N.TextColor?.value==="Black"?"text-black":"text-white",E=(0,c.C)(N.BackgroundColor?.value),z=N.Button1Type?.value;j[0]!==z?(l=(0,f.I)(z),j[0]=z,j[1]=l):l=j[1];let F=l,L=N.Button2Type?.value;j[2]!==L?(t=(0,f.I)(L),j[2]=L,j[3]=t):t=j[3];let W=t;j[4]===Symbol.for("react.memo_cache_sentinel")?(i=()=>{let e=()=>{_(window.scrollY>window.innerHeight/2)};return window.addEventListener("scroll",e),()=>window.removeEventListener("scroll",e)},u=[],j[4]=i,j[5]=u):(i=j[4],u=j[5]),(0,d.useEffect)(i,u),j[6]!==I?(v=I?.value&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"font-bold",children:(0,n.jsx)(s.Text,{field:I})}),(0,n.jsx)("div",{className:"bg-outline-2 w-px shrink-0"})]}

1),j[6]=I,j[7]=v):v=j[7],j[8]!==C?.length||j[9]!==y||j[10]!==k?(m=y?.map((e,l)=>(0,n.jsx)(o.A,{href:e.url,className:(0,r.A)(k===e.id&&"font-bold","hover:underline",C?.length===0&&l===y.length-1&&"pr-sm"),children:e.fields?.navTitle?.value?.length>0?e.fields.navTitle.value:e.displayName},e.id)),j[8]=C?.length,j[9]=y,j[10]=k,j[11]=m):m=j[11],j[12]!==C?(x=C?.map((e,l)=>(0,n.jsx)(o.A,{href:{hash:e.fields.AnchorId?.value},className:(0,r.A)("hover:underline",l===C.length-1&&"pr-sm"),children:e.fields.Title?.value},e.id)),j[12]=C,j[13]=x):x=j[13],j[14]!==v||j[15]!==m||j[16]!==x?(p=(0,n.jsxs)("div",{className:"gap-sm mx-sm flex w-full text-nowrap py-3 text-sm font-normal uppercase leading-none",children:[v,m,x]}),j[14]=v,j[15]=m,j[16]=x,j[17]=p):p=j[17];let $=(0,r.A)("bp:hidden px-sm fixed bottom-0 z-40 flex w-full justify-center gap-2 py-1 transition-all duration-300",E,B,!A?.value?.href&&!T?.value?.href&&"hidden",!S&&"max-h-0! p-0! pointer-events-none opacity-0");return j[18]!==A?.value?.href||j[19]!==A?.value?.text||j[20]!==T?.value?.href||j[21]!==F?(g=A?.value?.href&&(0,n.jsx)(h.$n,{variant:F,href:A?.value?.href,sm:!0,className:(0,r.A)("min-w-0",!T?.value?.href&&"w-full"),children:(0,n.jsx)("span",{className:"truncate",children:A?.value?.text})}),j[18]=A?.value?.href,j[19]=A?.value?.text,j[20]=T?.value?.href,j[21]=F,j[22]=g):g=j[22],j[23]!==T?.value?.href||j[24]!==T?.value?.text||j[25]!==W?(w=T?.value?.href&&(0,n.jsx)(h.$n,{variant:W,href:T?.value?.href,sm:!0,className:"min-w-0 flex-1 shrink-0",children:(0,n.jsx)("span",{className:"truncate",children:T?.value?.text})}),j[23]=T?.value?.href,j[24]=T?.value?.text,j[25]=W,j[26]=w):w=j[26],j[27]!==$||j[28]!==g||j[29]!==w?(b=(0,n.jsxs)("section",{"data-component":"SubNavigation",className:$,children:[g,w]}),j[27]=$,j[28]=g,j[29]=w,j[30]=b):b=j[30],(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("section",{"data-component":"SubNavigation",className:(0,r.A)("bp:hidden no-scrollbar sticky top-[var(--hedin-menu-height,0px)] z-40 w-full overflow-x-auto shadow-md",E,B),children:p}),b]})}let x=(0,u.es)(function(e){let l,t=(0,a.c)(3),s=e?.sitecoreContext?.itemId;return t[0]!==s||t[1]!==e.fields?(l=(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(v,{fields:e.fields,currentPageId:s}),(0,n.jsx)(m,{fields:e.fields,currentPageId:s})]}),t[0]=s,t[1]=e.fields,t[2]=l):l=t[2],l})}}]);