https://www.nikon.nl/dist-client/StatReveal-Chunk-8265c8c2ff573e9c8c3e.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2330,5763,6246],{82043(e,t,a){a.d(t,{A:()=>i});var n=a(97500),r=a.n(n);const i=({children:e,className:t,dataTestId:a,epiEdit:n})=>React.createElement("span",{className:r()("bg-gradient-to-r from-yellow to-white bg-clip-text text-transparent",t),"data-testid":a,"data-epi-property-name":n},e)},11183(e,t,a){a.d(t,{A:()=>d});var n=a(13889),r=a(26640),i=a(48210),s=a(97500),l=a.n(s),o=a(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(null,arguments)}const d=({children:e,classes:t,dataTestId:a,epiEdit:s,fallbackSize:d,image:u,imageClasses:m,imageRef:p,lazyLoad:g=!0,progressiveLoad:f=!0,showFallback:b,sizes:h=""})=>{const v=u?.mobile,y=u?.tablet,w=u?.desktop,x=u?.largeDesktop,E=(0,i.A)(),[R,k]=(0,o.useState)(!1);if(!w?.url&&!b)return null;const S={[r.A.Small]:v,[r.A.Medium]:y,[r.A.Large]:w,[r.A.XLarge]:x};return b&&!w?.url?React.createElement("div",{className:l()(t,"flex items-center justify-center")},React.createElement(n.A,{ariaHidden:!0,className:l()(m,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:d??"100%"}),e):React.createElement("picture",{className:l()(t)},React.createElement("source",{type:"image/webp",sizes:h,srcSet:`${v?.url} 376w, ${y?.url} 768w, ${w?.url} 1024w, ${x?.url} 1440w`}),React.createElement("img",c({ref:p,alt:u?.altText?.length?u?.altText:"nikon-image",className:l()(m,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":s,draggable:"false",loading:g?"lazy":"eager",onLoad:()=>{k(!0)},sizes:h,src:R&&f?S[E]?.url:v?.url,height:S[E]?.height,width:S[E]?.width,srcSet:`${v?.originalUrl} 376w, ${y?.originalUrl} 768w, ${w?.originalUrl} 1024w, ${x?.originalUrl} 1440w`},a&&{"data-testid":a})),R&&e)}},54878(e,t,a){a.d(t,{A:()=>s});var n=a(82043),r=a(97500),i=a.n(r);const s=({dataTestId:e,meta:t,subtitle:a,title:r,trumpetText:s})=>React.createElement("div",{className:"mb-10 max-w-[min(100%,812px)] text-center lg:mb-20"},React.createElement(n.A,{className:"body-one mb-4 inline-block max-w-[183px] lg:max-w-[520px]",epiEdit:t?.editHints?.trumpetText,dataTestId:`${e}-Trumpet-Text`},s),React.createElement("h2",{className:i()("h3",a&&"mb-6"),"data-epi-property-name":t?.editHints?.title,"data-testid":`${e}-Title`},r),a&&React.createElement("p",{className:"body-two mx-auto max-w-[min(100%,536px)] text-grey-500","data-epi-property-name":t?.editHints?.subtitle,"data-testid":`${e}-Subtitle`},a))},62660(e,t,a){a.d(t,{A:()=>d});var n=a(97064),r=a(43143),i=a(97500),s=a.n(i),l=a(24675),o=a(59471),c=a(59798);const d=({autoplay:e,breakpoints:t,centeredSlides:a=!1,children:i,dataTestId:d="Pagination-Carousel",disableDefaultSlideAriaLabel:u,id:m="",customPaginationId:p="",initialSlide:g=0,observer:f,observeParents:b,paginationBulletsVisible:h=!0,paginationClasses:v,paginationContainerClasses:y,paginationBulletClasses:w,slideChangeCallback:x,swiperClasses:E,slidesPerView:R=1,spaceBetween:k=20})=>{const S=(0,l.I)(),A=!!e&&!S,N=p||`${m}-pagination-carousel-swiper`,T=(0,o.useRef)(null),[C,I]=(0,o.useState)(g),{goToSlideAriaLabel:$}=(0,r.A)();if(!i)return null;const P=Array.from({length:i.length},(e,t)=>t);return React.createElement("div",{className:"relative select-none","data-testid":d},React.createElement(n.A,{additionalModules:[...A?[c.Ij]:[]],className:E,autoplay:!!A&&e,onSwiper:e=>{T.current=e},onSlideChangeTransitionEnd:e=>{I(e.realIndex),x?.(e)},slidesPerView:R,spaceBetween:k,navId:m,centeredSlides:a,initialSlide:g,breakpoints:t,observer:f,observeParents:b,disableDefaultSlideAriaLabel:u},i),React.createElement("div",{className:s()("visible",v,{hidden:0===i.length})},React.createElement("div",{id:N,className:s()("pointer-events-none flex gap-4",y)},h&&P.map(e=>React.createElement("button",{key:e,tabIndex:0,className:s()("swiper-pagination-bullet",{"swiper-pagination-bullet-active":e===C},w),onClick:()=>T.current?.slideToLoop(e),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||T.current?.slideToLoop(e)},"aria-label":`${$} ${e+1}`,"aria-current":e===C?"true":void 0})))))}},22053(e,t,a){a.r(t),a.d(t,{default:()=>y});var n=a(54878),r=a(87529),i=a(62660),s=a(26093),l=a(37417),o=a(92888),c=a(97500),d=a.n(c),u=a(63027),m=a(91711),p=a(59471),g=a(90683),f=

1a(11183),b=a(74632);const h=({title:e,image:t,body:a,imageOpacity:n})=>{const r=(0,s.A)(1440);return React.createElement("div",{className:"relative aspect-auto h-full overflow-hidden rounded-[10px] bg-grey-600 xl:aspect-square xl:h-auto"},React.createElement(b.P.div,{className:"relative xl:absolute xl:inset-0 xl:z-10",style:{opacity:r?1:n}},React.createElement(f.A,{image:t,imageClasses:"w-full aspect-square object-cover xl:h-full",classes:"h-full w-full"})),React.createElement("div",{className:d()("flex flex-col justify-end gap-2 p-4",r?"":"absolute inset-0 z-0")},React.createElement("p",{className:"h6 text-white"},e),React.createElement("p",{className:"body-three text-grey-500"},a)))};function v(){return v=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},v.apply(null,arguments)}const y=({title:e,subtitle:t,trumpetText:a,items:c,meta:f})=>{const b="CT-185-Stat-Reveal",y=(0,p.useRef)(null),w=(0,l.A)(),x=(0,s.A)(1440),{scrollYProgress:E}=(0,u.L)({target:y,offset:["start start","end end"]}),R=(0,o.S)(E,{stiffness:500,damping:50,mass:1}),k=(0,m.G)(w?E:R,w?[.49,.5]:[.2,.7],[1,0]);return c?.length?React.createElement("section",{ref:y,className:"component-padding relative bg-white text-black-100 dark:bg-black-100 dark:text-white",style:{height:x?"auto":"200vh"},"data-testid":b},React.createElement("div",{className:"xl:sticky xl:top-20 xl:overflow-hidden"},React.createElement("div",{className:"container flex flex-col items-center"},React.createElement(n.A,{dataTestId:b,meta:f,subtitle:t,title:e,trumpetText:a})),x?React.createElement("div",{className:d()("pl-5",{"pr-5":1===c?.length})},React.createElement(i.A,{id:"stat-reveal-carousel-mobile",slidesPerView:c?.length>1?1.2:1,breakpoints:{768:{slidesPerView:c?.length>1?2.5:1}},spaceBetween:16,dataTestId:`${b}-Pagination-Carousel`,paginationBulletClasses:"!w-[15px] !h-[15px]",paginationContainerClasses:"gap-2.5 mt-10",paginationBulletsVisible:c?.length>1},c.map(e=>React.createElement(g.qr,{key:e.title,className:"stretch-card h-auto","data-testid":`${b}-Item`},React.createElement(h,v({},e,{imageOpacity:k})))))):React.createElement(r.A,{id:"stat-reveal-carousel-desktop",items:c,slidesToShowMobile:1.2,slidesToShowTablet:2,additionalBreakpoints:{1024:{slidesPerView:4}},slidesToShowDesktop:6,spaceBetween:16,centerInsufficientSlides:!0,epiEdit:f?.editHints?.items},e=>e.map(({ariaHidden:e,ariaLabel:t,...a})=>React.createElement(g.qr,{key:a.title,className:"h-auto","data-testid":`${b}-Item`,"aria-hidden":e,"aria-label":t},React.createElement(h,v({},a,{imageOpacity:k}))))))):null}},92888(e,t,a){a.d(t,{C:()=>s,S:()=>i});var n=a(2973),r=a(24675);const i=(e,t)=>{const a=(0,r.I)(),i=(0,n.z)(e,t);return a?e:i},s=(e,t)=>{const a=(0,r.I)(),i=(0,n.z)(e,t);return a?e:i}},32088(e,t,a){a.d(t,{W:()=>s});var n=a(59471),r=a(20818);const i={some:0,all:1};function s(e,{root:t,margin:a,amount:s,once:l=!1,initial:o=!1}={}){const[c,d]=(0,n.useState)(o);return(0,n.useEffect)(()=>{if(!e.current||l&&c)return;const n={root:t&&t.current||void 0,margin:a,amount:s};return function(e,t,{root:a,margin:n,amount:s="some"}={}){const l=(0,r.K)(e),o=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{const a=o.get(e.target);if(e.isIntersecting!==Boolean(a))if(e.isIntersecting){const a=t(e.target,e);"function"==typeof a?o.set(e.target,a):c.unobserve(e.target)}else"function"==typeof a&&(a(e),o.delete(e.target))})},{root:a,rootMargin:n,threshold:"number"==typeof s?s:i[s]});return l.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(d(!0),l?void 0:()=>d(!1)),n)},[t,e,a,l,s]),c}},80368(e,t,a){a.d(t,{d:()=>l});var n=a(48920),r=a(59471),i=a(87087),s=a(76430);function l(e){const t=(0,s.M)(()=>(0,n.OQ)(e)),{isStatic:a}=(0,r.useContext)(i.Q);if(a){const[,a]=(0,r.useState)(e);(0,r.useEffect)(()=>t.on("change",a),[])}return t}},2973(e,t,a){a.d(t,{z:()=>p});var n=a(95561),r=a(45023),i=a(85049);function s(e,t,a={}){const s=e.get();let c,d=null,u=s;const m="string"==typeof s?s.replace(/[\d.-]/g,""):void 0,p=()=>{d&&(d.stop(),d=null)};if(e.attach((t,n)=>{u=t,c=e=>n(l(e,m)),i.Gt.postRender(()=>{(()=>{p();const t=o(e.get()),n=o(u);t!==n&&(d=new r.s({keyframes:[t,n],velocity:e.getVelocity(),type:"spring",restDelta:.001,restSpeed:.01,...a,onUpdate:c}))})(),e.events.animationStart?.notify(),d?.then(()=>{e.events.animationComplete?.notify()})})},p),(0,n.S)(t)){const a=t.on("change",t=>e.set(l(t,m))),n=e.on("destroy",a);return()=>{a(),n()}}return p}function l(e,t){return t?e+t:e}function o(e){return"number"==typeof e?e:parseFloat(e)}var c=a(59471),d=a(87087),u=a(80368),m=a(91711);function p(e,t={}){return function(e,t={}){const{isStatic:a}=(0,c.useContext)(d.Q),r=()=>(0,n.S)(e)?e.get():e;if(a)return(0,m.G)(r);const i=(0,u.d)(r());return(0,c.useInsertionEffect)(()=>s(i,e,t),[i,JSON.stringify(t)]),i}(e,{type:"spring",...t})}},91711(e,t,a){a.d(t,{G:()=>d});var n=a(7085);var r=a(76430),i=a(85049),s=a(76009),l=a(80368);

1function o(e,t){const a=(0,l.d)(t()),n=()=>a.set(t());return n(),(0,s.E)(()=>{const t=()=>i.Gt.preRender(n,!1,!0),a=e.map(e=>e.on("change",t));return()=>{a.forEach(e=>e()),(0,i.WG)(n)}}),a}var c=a(48920);function d(e,t,a,i){if("function"==typeof e)return function(e){c.bt.current=[],e();const t=o(c.bt.current,e);return c.bt.current=void 0,t}(e);if(void 0!==a&&!Array.isArray(a)&&"function"!=typeof t)return function(e,t,a,n){const i=(0,r.M)(()=>Object.keys(a)),s=(0,r.M)(()=>({}));for(const r of i)s[r]=d(e,t,a[r],n);return s}(e,t,a,i);const s="function"==typeof t?t:function(...e){const t=!Array.isArray(e[0]),a=t?0:-1,r=e[0+a],i=e[1+a],s=e[2+a],l=e[3+a],o=(0,n.G)(i,s,l);return t?o(r):o}(t,a,i);return Array.isArray(e)?u(e,s):u([e],([e])=>s(e))}function u(e,t){const a=(0,r.M)(()=>[]);return o(e,()=>{a.length=0;const n=e.length;for(let t=0;t<n;t++)a[t]=e[t].get();return t(a)})}}}]);
2//# sourceMappingURL=StatReveal-Chunk-8265c8c2ff573e9c8c3e.js.map