https://www.nikon.nl/dist-client/ParallaxHero-Chunk-6ba3f522c4de1c4772bf.js

1(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2846],{92727(e,t,r){"use strict";r.d(t,{A:()=>g});var a=r(21580),n=r.n(a),i=r(96377),o=r.n(i),s=r(41308),l=r.n(s),c=r(47976),d=r(81894);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},u.apply(null,arguments)}const f={[d.A.Yellow]:l(),[d.A.Red]:o(),[d.A.YellowFaint]:n()},g=({className:e,colour:t,dataTestId:r,motionStyle:a})=>{const n={src:`${f[t]}`,className:e,"data-testid":r,"aria-hidden":"true"};return a?React.createElement(c.A,u({tag:"img",alt:"",style:a},n)):React.createElement("img",u({alt:""},n))}},89993(e,t,r){"use strict";r.d(t,{A:()=>l});var a=r(36223),n=r(97500),i=r.n(n),o=r(82008);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},s.apply(null,arguments)}const l=({children:e,className:t,dataTestId:r,disabled:n=!1,editHint:l,hasCustomStyling:c,icon:d,iconSize:u="18px",interactionTheme:f="grey-600",isLightMode:g,link:m,secondary:p=!1,secondaryBackgroundClassName:h="bg-transparent",tabIndex:w,theme:y="yellow",linkCallback:v,onFocus:x,...b})=>{const A="black"===y,k="red"===y,_=i()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":p&&(A||k)}),E=(0,o.h)({className:t,disabled:n,hasCustomStyling:c,icon:d,interactionTheme:f,isLightMode:g,secondary:p,secondaryBackgroundClassName:h,theme:y});return m?.url&&(m?.name||e)&&!n?React.createElement("a",s({},b,{className:E,href:m.url,target:m.target,"data-epi-property-name":l,onClick:v,"data-testid":r,onFocus:x,tabIndex:w},"download"===d&&{download:m.url}),e||m.name,d&&React.createElement(a.A,{name:d,className:_,size:u})):React.createElement("button",s({},b,{className:E,disabled:n,"data-epi-property-name":l,"data-testid":r,onFocus:x,tabIndex:w}),e,d&&React.createElement(a.A,{name:d,className:"ml-2",colorClassName:_,size:u}))}},82008(e,t,r){"use strict";r.d(t,{h:()=>i});var a=r(97500),n=r.n(a);const i=({className:e,disabled:t=!1,hasCustomStyling:r,icon:a,interactionTheme:i="grey-600",isLightMode:o,secondary:s=!1,secondaryBackgroundClassName:l="bg-transparent",theme:c="yellow"})=>{const d="yellow"===c,u="black"===c,f="red"===c;return n()({"bg-yellow py-1 px-4 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500":!r&&!t&&!s&&d,[`${l} border border-yellow py-[3px] px-[15px] text-black-100 hover:border-yellow-100 hover:bg-yellow-100 hover:text-black-100 focus:border-yellow-500 focus:bg-yellow-500 active:border-yellow-500 active:bg-yellow-500 ${o?"":"dark:text-white dark:hover:text-black-100 dark:focus:text-black-100 dark:active:text-black-100"}`]:!r&&!t&&s&&d,[`bg-black-100 py-1 px-4 text-white ${{"grey-250":"hover:bg-grey-250 focus:bg-grey-250 active:bg-grey-250","grey-600":"hover:bg-grey-600 focus:bg-grey-600 active:bg-grey-600"}[i]}`]:!r&&!t&&!s&&u,"border border-black-100 bg-transparent px-[15px] py-[3px] text-black-100 hover:bg-black-100 hover:text-white focus:bg-black-100 focus:text-white active:bg-black-100 active:text-white":!r&&!t&&s&&u,"border border-red-100 bg-transparent px-[15px] py-[3px] text-black-100 hover:bg-red-100 hover:text-white focus:bg-red-100 focus:text-white active:bg-red-100 active:text-white":!r&&!t&&s&&f,"bg-grey text-grey-500 py-1 px-4":t,"flex items-center w-fit group":a},"cta rounded-full inline-block min-h-min select-none",e)}},76439(e,t,r){"use strict";r.d(t,{A:()=>d});var a=r(36223),n=r(30808),i=r(4586),o=r(97500),s=r.n(o),l=r(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(null,arguments)}const d=({ariaHidden:e,children:t,classes:r,dataTestId:o,epiEdit:d,fallbackSize:u,image:f,imageClasses:g,imageRef:m,lazyLoad:p=!0,progressiveLoad:h=!0,showFallback:w,sizes:y=""})=>{const v=f?.mobile,x=f?.tablet,b=f?.desktop,A=f?.largeDesktop,k=(0,i.A)(),[_,E]=(0,l.useState)(!1);if(!b?.url&&!w)return null;const C={[n.A.Small]:v,[n.A.Medium]:x,[n.A.Large]:b,[n.A.XLarge]:A};return w&&!b?.url?React.createElement("div",{className:s()(r,"flex items-center justify-center")},React.createElement(a.A,{ariaHidden:!0,className:s()(g,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:u??"100%"}),t):React.createElement("picture",{className:s()(r)},React.createElement("source",{type:"image/webp",sizes:y,srcSet:`${v?.url} 376w, ${x?.url} 768w, ${b?.url} 1024w, ${A?.url} 1440w`}),React.createElement("img",c({ref:m,alt:f?.altText?.length?f?.altText:"nikon-image","aria-hidden":e,className:s()(g,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":d,draggable:"false",loading:p?"lazy":"eager",onLoad:()=>{E(!0)},sizes:y,src:_&&h?C[k]?.url:v?.url,height:C[k]?.height,width:C[k]?.width,srcSet:`${v?.originalUrl} 376w, ${x?.originalUrl} 768w, ${b?.originalUrl} 1024w, ${A?.originalUrl} 1440w`},o&&{"data-testid":o})),_&&t)}},47976(e,t,r){"use strict";r.d(t,{A:()=>d});const a=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),n=(e,t)=>Object.entries(e).reduce((e,[t,r])=>("duration"!==t&&"delay"!==t||"number"!=typeof r?a(r)?e[t]=n(r,t):e[t]=r:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),i=e=>{const t=Object.keys(e).reduce((t,r)=>{const i=e[r];return a(i)&&(t[r]=n(i,r)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var o=r(63392),s=r(24675),l=r(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},c.apply(null,arguments)}const d=({tag:e,ref:t,variants:r,initial:a,animate:n,exit:d,transition:u,layout:f,whileHover:g,...m})=>{const p=(0,l.useMemo)(()=>o.P[e||"div"],[e]),h=(0,s.I)(),w={variants:r,initial:a,animate:n,exit:d,transition:u,whileHover:g};return React.createElement(p,c({ref:t},h?i(w):w,{layout:!h&&f},m))}},87354(e,t,r){"use strict";r.r(t),r.d(t,{default:()=>m});var a=r(92727),n=r(89993),i=r(76439),o=r(47976),s=r(81894),l=r(28885),c=r(65505),d=r(25264),u=r(11866),f=r(13859),g=r(59471);const m=({anchorId:e="",bottomImage:t,link:r,title:m,topImage:p})=>{const h=(0,c.A)(),w=(0,g.useRef)(null),{scrollYProgress:y}=(0,u.L)({offset:["start end","end start"],target:w}),{scrollYProgress:v}=(0,u.L)(),x=(0,l.A)(767),b=(0,f.G)(y,[0,1],x?[-50,50]:[-150,150]),A=(0,f.G)(y,[0,1],x?[25,-75]:[100,-250]),k=(0,f.G)(y,[0,1],[1.1,.9]),_=(0,f.G)(v,[0,1],["0%","-100%"]),E=(0,d.C)(_,{damping:15,mass:.27,stiffness:55});return React.createElement("section",{className:"flex min-h-[50vh] overflow-hidden bg-black-100 py-15 text-white lg:min-h-[95vh]",id:`a-${e}`,ref:w,"data-testid":"CT-04-E-Parallax-Hero"},React.createElement(o.A,{className:"container flex flex-col items-stretch lg:grid lg:grid-cols-12 lg:items-center",initial:{opacity:0,y:h?"0px":50},style:{y:h?"0px":E},viewport:{once:!0},whileInView:{opacity:1,y:"0px"},"data-testid":"CT-04-E-Parallax-Hero-Container"},React.createElement("div",{className:"grow md:col-span-6 md:col-start-1 xl:col-span-5"},React.createElement("h1",{dangerouslySetInnerHTML:{__html:m},"data-testid":"CT-04-E-Parallax-Hero-Title"}),r?.url&&r?.name&&React.createElement(n.A,{className:"mt-11 text-center lg:mt-16",link:r,dataTestId:"CT-04-E-Parallax-Hero-Link"})),React.createElement("div",{className:"relative flex grow items-center pt-16 md:col-span-7 md:col-start-7 lg:pt-0 xl:col-span-7 xl:col-start-6"},React.createElement(o.A,{className:"pointer-events-none absolute top-0 left-0 z-10 flex w-full items-center justify-center md:-top-16",style:{y:h?"0px":b}},React.createElement(a.A,{className:"h-full w-full scale-x-[200%] scale-y-150",colour:s.A.YellowFaint,dataTestId:"CT-04-E-Parallax-Hero-

1Hue"})),React.createElement(o.A,{className:"relative z-20 w-full",style:{scale:h?1:k,y:h?"0px":b}},React.createElement(i.A,{image:p,imageClasses:"h-full w-full object-contain",sizes:"(min-width: 1024px) 1024px, 100vw",dataTestId:"CT-04-E-Parallax-Hero-Top-Image"})),React.createElement(o.A,{className:"absolute z-10 w-full",style:{scale:h?1:k,y:h?"0px":A}},React.createElement(i.A,{image:t,imageClasses:"h-full w-full object-contain",sizes:"(min-width: 1024px) 1024px, 100vw",dataTestId:"CT-04-E-Parallax-Hero-Bottom-Image"})))))}},30808(e,t,r){"use strict";r.d(t,{A:()=>n});var a=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(a||{});const n=a},44528(e,t,r){"use strict";r.d(t,{A:()=>n});var a=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(a||{});const n=a},81894(e,t,r){"use strict";r.d(t,{A:()=>n});var a=function(e){return e.None="none",e.Yellow="yellow",e.Red="red",e.YellowFaint="yellow-faint",e}(a||{});const n=a},80552(e,t,r){"use strict";r.d(t,{A:()=>n});var a=r(42926);const n=()=>{const e=Math.abs(window.outerWidth-window.innerWidth)<=50?1:Number((window.outerWidth/window.innerWidth).toFixed(2));return a.gm&&!a.Fr?window.devicePixelRatio:e}},4586(e,t,r){"use strict";r.d(t,{A:()=>l});var a=r(30808),n=r(44528),i=r(80552),o=r(59471);const s=e=>{const t=768,r=1024,o=1440,s=(0,i.A)(),l=e===n.A.Viewport?window.innerWidth:window.innerWidth*s;return l<t?a.A.Small:l>=t&&l<r?a.A.Medium:l>=r&&l<o?a.A.Large:a.A.XLarge},l=(e=n.A.Viewport)=>{const[t,r]=(0,o.useState)(),a=(0,o.useCallback)(()=>r(s(e)),[e]);return(0,o.useEffect)(()=>(window.addEventListener("resize",a),r(s(e)),()=>{window.removeEventListener("resize",a)}),[a,e]),t}},2569(e,t,r){"use strict";r.d(t,{A:()=>n});var a=r(59471);const n=()=>{const[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{t(!0)},[]),e}},28885(e,t,r){"use strict";r.d(t,{A:()=>o});var a=r(44528),n=r(80552),i=r(59471);const o=(e,t=a.A.Viewport)=>{const[r,o]=(0,i.useState)(),s=(0,i.useCallback)(()=>{const r=(0,n.A)(),i=t===a.A.Viewport?window.innerWidth:window.innerWidth*r;o(i<e)},[e,t]);return(0,i.useEffect)(()=>(window.addEventListener("resize",s),s(),()=>{window.removeEventListener("resize",s)}),[s]),r}},65505(e,t,r){"use strict";r.d(t,{A:()=>i});var a=r(24675),n=r(2569);const i=()=>{const e=(0,n.A)();return(0,a.I)()&&e}},25264(e,t,r){"use strict";r.d(t,{C:()=>o,S:()=>i});var a=r(27903),n=r(24675);const i=(e,t)=>{const r=(0,n.I)(),i=(0,a.z)(e,t);return r?e:i},o=(e,t)=>{const r=(0,n.I)(),i=(0,a.z)(e,t);return r?e:i}},21580(e){e.exports="data:image/svg+xml,%3csvg width='1151' height='1150' viewBox='0 0 1151 1150' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.35' filter='url(%23filter0_df_4014_178052)'%3e %3cpath d='M801 575C801 699.264 700.04 800 575.5 800C450.96 800 350 699.264 350 575C350 450.736 450.96 350 575.5 350C700.04 350 801 450.736 801 575Z' fill='%23FFDD00'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_4014_178052' x='0' y='0' width='1151' height='1150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfe

1ColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4014_178052'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4014_178052' result='shape'/%3e %3cfeGaussianBlur stdDeviation='175' result='effect2_foregroundBlur_4014_178052'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e"},96377(e){e.exports="data:image/svg+xml,%3csvg width='906' height='906' viewBox='0 0 906 906' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.5' filter='url(%23filter0_df_5839_100698)'%3e %3ccircle cx='453' cy='453' r='263' fill='%23FF0020'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_5839_100698' x='0' y='0' width='906' height='906' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfe

1ColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5839_100698'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5839_100698' result='shape'/%3e %3cfeGaussianBlur stdDeviation='95' result='effect2_foregroundBlur_5839_100698'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e"},41308(e){e.exports="data:image/svg+xml,%3csvg width='906' height='906' viewBox='0 0 906 906' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.5' filter='url(%23filter0_df_5839_100698)'%3e %3ccircle cx='453' cy='453' r='263' fill='%23FFDD00'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_5839_100698' x='0' y='0' width='906' height='906' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfe

1ColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5839_100698'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5839_100698' result='shape'/%3e %3cfeGaussianBlur stdDeviation='95' result='effect2_foregroundBlur_5839_100698'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e"},80368(e,t,r){"use strict";r.d(t,{d:()=>s});var a=r(82563),n=r(59471),i=r(87087),o=r(76430);function s(e){const t=(0,o.M)(()=>(0,a.OQ)(e)),{isStatic:r}=(0,n.useContext)(i.Q);if(r){const[,r]=(0,n.useState)(e);(0,n.useEffect)(()=>t.on("change",r),[])}return t}},27903(e,t,r){"use strict";r.d(t,{z:()=>g});var a=r(57730),n=r(31222),i=r(82634);function o(e,t,r={}){const o=e.get();let c,d=null,u=o;const f="string"==typeof o?o.replace(/[\d.-]/g,""):void 0,g=()=>{d&&(d.stop(),d=null),e.animation=void 0},m=()=>{(()=>{const t=l(e.get()),a=l(u);if(t===a)return void g();const i=d?d.getGeneratorVelocity():e.getVelocity();g(),d=new n.s({keyframes:[t,a],velocity:i,type:"spring",restDelta:.001,restSpeed:.01,...r,onUpdate:c})})(),e.animation=d??void 0,e.events.animationStart?.notify(),d?.then(()=>{e.animation=void 0,e.events.animationComplete?.notify()})};if(e.attach((e,t)=>{u=e,c=e=>t(s(e,f)),i.Gt.postRender(m)},g),(0,a.S)(t)){let a=!0===r.skipInitialAnimation;const n=t.on("change",t=>{a?(a=!1,e.jump(s(t,f),!1)):e.set(s(t,f))}),i=e.on("destroy",n);return()=>{n(),i()}}return g}function s(e,t){return t?e+t:e}function l(e){return"number"==typeof e?e:parseFloat(e)}var c=r(59471),d=r(87087),u=r(80368),f=r(13859);function g(e,t={}){return function(e,t={}){const{isStatic:r}=(0,c.useContext)(d.Q),n=()=>(0,a.S)(e)?e.get():e;if(r)return(0,f.G)(n);const i=(0,u.d)(n());return(0,c.useInsertionEffect)(()=>o(i,e,t),[i,JSON.stringify(t)]),i}(e,{type:"spring",...t})}},13859(e,t,r){"use strict";r.d(t,{G:()=>d});var a=r(18558);var n=r(76430),i=r(82634),o=r(76009),s=r(80368);function l(e,t){const r=(0,s.d)(t()),a=()=>r.set(t());return a(),(0,o.E)(()=>{const t=()=>i.Gt.preRender(a,!1,!0),r=e.map(e=>e.on("change",t));return()=>{r.forEach(e=>e()),(0,i.WG)(a)}}),r}var c=r(82563);function d(e,t,r,i){if("function"==typeof e)return function(e){c.bt.current=[],e();const t=l(c.bt.current,e);return c.bt.current=void 0,t}(e);if(void 0!==r&&!Array.isArray(r)&&"function"!=typeof t)return function(e,t,r,a){const i=(0,n.M)(()=>Object.keys(r)),o=(0,n.M)(()=>({}));for(const n of i)o[n]=d(e,t,r[n],a);return o}(e,t,r,i);const o="function"==typeof t?t:function(...e){const t=!Array.isArray(e[0]),r=t?0:-1,n=e[0+r],i=e[1+r],o=e[2+r],s=e[3+r],l=(0,a.G)(i,o,s);return t?l(n):l}(t,r,i);return Array.isArray(e)?u(e,o):u([e],([e])=>o(e))}function u(e,t){const r=(0,n.M)(()=>[]);return l(e,()=>{r.length=0;const a=e.length;for(let t=0;t<a;t++)r[t]=e[t].get();return t(r)})}}}]);
2//# sourceMappingURL=ParallaxHero-Chunk-6ba3f522c4de1c4772bf.js.map