https://www.nikon.nl/dist-client/LightScrollAnimation-Chunk-ee6d89a7ffc5ca435adf.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[7232],{76439(e,t,n){n.d(t,{A:()=>l});var r=n(36223),a=n(30808),i=n(4586),o=n(97500),s=n.n(o),c=n(59471);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(null,arguments)}const l=({ariaHidden:e,children:t,classes:n,dataTestId:o,epiEdit:l,fallbackSize:d,image:f,imageClasses:g,imageRef:m,lazyLoad:w=!0,progressiveLoad:p=!0,showFallback:v,sizes:b=""})=>{const h=f?.mobile,A=f?.tablet,y=f?.desktop,E=f?.largeDesktop,S=(0,i.A)(),[R,x]=(0,c.useState)(!1);if(!y?.url&&!v)return null;const L={[a.A.Small]:h,[a.A.Medium]:A,[a.A.Large]:y,[a.A.XLarge]:E};return v&&!y?.url?React.createElement("div",{className:s()(n,"flex items-center justify-center")},React.createElement(r.A,{ariaHidden:!0,className:s()(g,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:d??"100%"}),t):React.createElement("picture",{className:s()(n)},React.createElement("source",{type:"image/webp",sizes:b,srcSet:`${h?.url} 376w, ${A?.url} 768w, ${y?.url} 1024w, ${E?.url} 1440w`}),React.createElement("img",u({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":l,draggable:"false",loading:w?"lazy":"eager",onLoad:()=>{x(!0)},sizes:b,src:R&&p?L[S]?.url:h?.url,height:L[S]?.height,width:L[S]?.width,srcSet:`${h?.originalUrl} 376w, ${A?.originalUrl} 768w, ${y?.originalUrl} 1024w, ${E?.originalUrl} 1440w`},o&&{"data-testid":o})),R&&t)}},47976(e,t,n){n.d(t,{A:()=>l});const r=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),a=(e,t)=>Object.entries(e).reduce((e,[t,n])=>("duration"!==t&&"delay"!==t||"number"!=typeof n?r(n)?e[t]=a(n,t):e[t]=n:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),i=e=>{const t=Object.keys(e).reduce((t,n)=>{const i=e[n];return r(i)&&(t[n]=a(i,n)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var o=n(63392),s=n(24675),c=n(59471);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},u.apply(null,arguments)}const l=({tag:e,ref:t,variants:n,initial:r,animate:a,exit:l,transition:d,layout:f,whileHover:g,...m})=>{const w=(0,c.useMemo)(()=>o.P[e||"div"],[e]),p=(0,s.I)(),v={variants:n,initial:r,animate:a,exit:l,transition:d,whileHover:g};return React.createElement(w,u({ref:t},p?i(v):v,{layout:!p&&f},m))}},8222(e,t,n){n.d(t,{A:()=>u});var r=n(47976),a=n(76081),i=n(68194),o=n(65505),s=n(32088),c=n(59471);const u=({children:e,isAnimationDisabled:t})=>{const n=(0,o.A)(),u=(0,i.A)(),l=(0,c.useRef)(null),d=(0,s.W)(l,{once:!0,margin:"100% 0p

1x -15% 0px"}),{isSoftLoadEnabled:f}=(0,a.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return t||u?React.createElement(React.Fragment,null,e):React.createElement(r.A,{"data-testid":"Soft-Load-Wrapper",ref:l,variants:{hidden:{opacity:0,y:60},visible:{opacity:1,y:0}},initial:"hidden",animate:f&&d||!1===f||n?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===f?0:.6},y:{ease:"easeOut",duration:f?.6:0}}},e)}},32686(e,t,n){n.r(t),n.d(t,{default:()=>g});var r=n(76439),a=n(47976),i=n(44528),o=n(8222),s=n(28885),c=n(97500),u=n.n(c),l=n(11866),d=n(13859),f=n(59471);const g=({title:e,image:t,hasTopPadding:n})=>{const c=(0,f.useRef)(null),{scrollY:g}=(0,l.L)({offset:["start end","end start"],target:c}),m=(0,s.A)(767),w=(0,s.A)(1024),p=(0,s.A)(1440),v=!(0,s.A)(767,i.A.Screen)&&m,b=()=>m?[0,130]:w?[0,88]:[0,170],h=(0,d.G)(g,b(),m||w?[0,-55]:[0,-140]),A=(0,d.G)(g,b(),m?["38px","35px"]:w?["60px","55px"]:p?["100px","94px"]:["127px","115px"]);return React.createElement("section",{className:u()("component-padding w-full overflow-visible bg-black-100 pt-6 text-white",{"md:pt-20":n,"md:pt-0":!n}),ref:c},React.createElement(o.A,null,React.createElement("div",{className:"container mx-auto flex h-full flex-col items-center gap-7 lg:gap-14"},React.createElement(a.A,{tag:"h1",style:{fontSize:A,lineHeight:A},dangerouslySetInnerHTML:{__html:e}}),React.createElement(a.A,{className:"w-[90%] md:w-4/6 xl:w-5/12",style:{y:v?0:h}},React.createElement(r.A,{image:t,imageClasses:"w-full object-contain",sizes:"(min-width: 1024px) 1024px, 100vw"})))))}},30808(e,t,n){n.d(t,{A:()=>a});var r=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(r||{});const a=r},44528(e,t,n){n.d(t,{A:()=>a});var r=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(r||{});const a=r},76081(e,t,n){n.d(t,{A:()=>r});const r=(0,n(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:t=>e({isSoftLoadEnabled:t})}))},80552(e,t,n){n.d(t,{A:()=>a});var r=n(42926);const a=()=>{const e=Math.abs(window.outerWidth-window.innerWidth)<=50?1:Number((window.outerWidth/window.innerWidth).toFixed(2));return r.gm&&!r.Fr?window.devicePixelRatio:e}},4586(e,t,n){n.d(t,{A:()=>c});var r=n(30808),a=n(44528),i=n(80552),o=n(59471);const s=e=>{const t=768,n=1024,o=1440,s=(0,i.A)(),c=e===a.A.Viewport?window.innerWidth:window.innerWidth*s;return c<t?r.A.Small:c>=t&&c<n?r.A.Medium:c>=n&&c<o?r.A.Large:r.A.XLarge},c=(e=a.A.Viewport)=>{const[t,n]=(0,o.useState)(),r=(0,o.useCallback)(()=>n(s(e)),[e]);return(0,o.useEffect)(()=>(window.addEventListener("resize",r),n(s(e)),()=>{window.removeEventListener("resize",r)}),[r,e]),t}},2569(e,t,n){n.d(t,{A:()=>a});var r=n(59471);const a=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(!0)},[]),e}},28885(e,t,n){n.d(t,{A:()=>o});var r=n(44528),a=n(80552),i=n(59471);const o=(e,t=r.A.Viewport)=>{const[n,o]=(0,i.useState)(),s=(0,i.useCallback)(()=>{const n=(0,a.A)(),i=t===r.A.Viewport?window.innerWidth:window.innerWidth*n;o(i<e)},[e,t]);return(0,i.useEffect)(()=>(window.addEventListener("resize",s),s(),()=>{window.removeEventListener("resize",s)}),[s]),n}},68194(e,t,n){n.d(t,{A:()=>a});var r=n(59471);const a=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(window.self!==window.top)},[]),e}},65505(e,t,n){n.d(t,{A:()=>i});var r=n(24675),a=n(2569);const i=()=>{const e=(0,a.A)();return(0,r.I)()&&e}},44285(e,t,n){n.d(t,{A:()=>o});var r=n(59471);function a(e){let t;const n=new Set,r=(e,r)=>{const a="function"==typeof e?e(t):e;if(a!==t){const e=t;t=r?a:Object.assign({}

1,t,a),n.forEach(n=>n(t,e))}},a=()=>t,i={setState:r,getState:a,subscribe:(e,r,i)=>r||i?((e,r=a,i=Object.is)=>{console.warn("[DEPRECATED] Please use `subscribeWithSelector` middleware");let o=r(t);function s(){const n=r(t);if(!i(o,n)){const t=o;e(o=n,t)}}return n.add(s),()=>n.delete(s)})(e,r,i):(n.add(e),()=>n.delete(e)),destroy:()=>n.clear()};return t=e(r,a,i),i}const i="undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent)?r.useEffect:r.useLayoutEffect;function o(e){const t="function"==typeof e?a(e):e,n=(e=t.getState,n=Object.is)=>{const[,a]=(0,r.useReducer)(e=>e+1,0),o=t.getState(),s=(0,r.useRef)(o),c=(0,r.useRef)(e),u=(0,r.useRef)(n),l=(0,r.useRef)(!1),d=(0,r.useRef)();let f;void 0===d.current&&(d.current=e(o));let g=!1;(s.current!==o||c.current!==e||u.current!==n||l.current)&&(f=e(o),g=!n(d.current,f)),i(()=>{g&&(d.current=f),s.current=o,c.current=e,u.current=n,l.current=!1});const m=(0,r.useRef)(o);i(()=>{const e=()=>{try{const e=t.getState(),n=c.current(e);u.current(d.current,n)||(s.current=e,d.current=n,a())}catch(e){l.current=!0,a()}},n=t.subscribe(e);return t.getState()!==m.current&&e(),n},[]);const w=g?f:d.current;return(0,r.useDebugValue)(w),w};return Object.assign(n,t),n[Symbol.iterator]=function(){console.warn("[useStore, api] = create() is deprecated and will be removed in v4");const e=[n,t];return{next(){const t=e.length<=0;return{value:e.shift(),done:t}}}},n}},32088(e,t,n){n.d(t,{W:()=>o});var r=n(59471),a=n(57671);const i={some:0,all:1};function o(e,{root:t,margin:n,amount:o,once:s=!1,initial:c=!1}={}){const[u,l]=(0,r.useState)(c);return(0,r.useEffect)(()=>{if(!e.current||s&&u)return;const r={root:t&&t.current||void 0,margin:n,amount:o};return function(e,t,{root:n,margin:r,amount:o="some"}={}){const s=(0,a.K)(e),c=new WeakMap,u=new IntersectionObserver(e=>{e.forEach(e=>{const n=c.get(e.target);if(e.isIntersecting!==Boolean(n))if(e.isIntersecting){const n=t(e.target,e);"function"==typeof n?c.set(e.target,n):u.unobserve(e.target)}else"function"==typeof n&&(n(e),c.delete(e.target))})},{root:n,rootMargin:r,threshold:"number"==typeof o?o:i[o]});return s.forEach(e=>u.observe(e)),()=>u.disconnect()}(e.current,()=>(l(!0),s?void 0:()=>l(!1)),r)},[t,e,n,s,o]),u}},80368(e,t,n){n.d(t,{d:()=>s});var r=n(82563),a=n(59471),i=n(87087),o=n(76430);function s(e){const t=(0,o.M)(()=>(0,r.OQ)(e)),{isStatic:n}=(0,a.useContext)(i.Q);if(n){const[,n]=(0,a.useState)(e);(0,a.useEffect)(()=>t.on("change",n),[])}return t}},13859(e,t,n){n.d(t,{G:()=>l});var r=n(18558);var a=n(76430),i=n(82634),o=n(76009),s=n(80368);function c(e,t){const n=(0,s.d)(t()),r=()=>n.set(t());return r(),(0,o.E)(()=>{const t=()=>i.Gt.preRender(r,!1,!0),n=e.map(e=>e.on("change",t));return()=>{n.forEach(e=>e()),(0,i.WG)(r)}}),n}var u=n(82563);function l(e,t,n,i){if("function"==typeof e)return function(e){u.bt.current=[],e();const t=c(u.bt.current,e);return u.bt.current=void 0,t}(e);if(void 0!==n&&!Array.isArray(n)&&"function"!=typeof t)return function(e,t,n,r){const i=(0,a.M)(()=>Object.keys(n)),o=(0,a.M)(()=>({}));for(const a of i)o[a]=l(e,t,n[a],r);return o}(e,t,n,i);const o="function"==typeof t?t:function(...e){const t=!Array.isArray(e[0]),n=t?0:-1,a=e[0+n],i=e[1+n],o=e[2+n],s=e[3+n],c=(0,r.G)(i,o,s);return t?c(a):c}(t,n,i);return Array.isArray(e)?d(e,o):d([e],([e])=>o(e))}function d(e,t){const n=(0,a.M)(()=>[]);return c(e,()=>{n.length=0;const r=e.length;for(let t=0;t<r;t++)n[t]=e[t].get();return t(n)})}}}]);
2//# sourceMappingURL=LightScrollAnimation-Chunk-ee6d89a7ffc5ca435adf.js.map