https://www.nikon.nl/dist-client/StatCardsList-Chunk-33a215794ce866133cfe.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[718],{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:m,...g})=>{const p=(0,c.useMemo)(()=>o.P[e||"div"],[e]),y=(0,s.I)(),v={variants:n,initial:r,animate:a,exit:l,transition:d,whileHover:m};return React.createElement(p,u({ref:t},y?i(v):v,{layout:!y&&f},g))}},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)}},96807(e,t,n){n.r(t),n.d(t,{default:()=>g});var r=n(47976),a=n(28885),i=n(65505),o=n(25264),s=n(32088),c=n(80368),u=n(59471);const l=({items:e=[],rollSuffix:t,className:n})=>{const l=(0,i.A)(),d=(0,u.useRef)(null),f=(0,s.W)(d,{once:!0,amount:.5}),m=(0,u.useRef)(null),[g,p]=(0,u.useState)(0),[y,v]=(0,u.useState)(!1),h=(0,a.A)(1920),b=(0,a.A)(1024),w=(0,a.A)(768),S=(0,c.d)(0),E=(0,o.S)(S,{stiffness:y?1e4:20,damping:y?200:20,bounce:0}),x=-(e.length-1)*g;return(0,u.useEffect)(()=>{if(m.current){const e=m.current.offsetHeight;p(e)}},[h,b,w]),(0,u.useEffect)(()=>{if(f&&g>0){const e=setTimeout(()=>{S.set(x),v(!0)},y?0:1e3);return()=>clearTimeout(e)}},[f,S,x,g]),React.createElement("div",{className:"flex items-end justify-start"},React.createElement("div",{ref:d,className:`relative overflow-hidden ${n}`,style:{height:g||"auto",width:m.current?.offsetWidth}},React.createElement(r.A,{className:"absolute flex flex-col",style:{y:l?x:E},"aria-hidden":!0},e.map((e,t)=>React.createElement("div",{key:e,ref:0===t?m:null,className:"flex flex-shrink-0 items-center justify-center"},e))),React.createElement("p",{className:"sr-only"},`${e[e.length-1]}${t??""}`)),React.createElement("span",{className:n,"aria-hidden":!0},t))};var d=n(8222),f=n(97500),m=n.n(f);const g=({title:e,cards:t,anchorId:n,meta:r})=>{const a=t.length>=5?"lg:grid-cols-3 2xl:flex 2xl:flex-row 2xl:items-center 2xl:justify-center":"lg:flex lg:flex-row lg:items-center lg:justify-center";return React.createElement("section",{className:"component-padding bg-black-100 text-white",id:`a-${n}`,"data-testid":"CT-166-Stat-Cards-List"},React.createElement(d.A,null,React.createElement("div",{className:"container flex flex-col items-center justify-center"},e&&React.createElement("h2",{className:"mb-10 text-center lg:w-4/5","data-epi-property-name":r?.editHints?.title,"data-testid":"CT-166-Stat-Cards-List-Title"},e),React.createElement("div",{className:m()("flex flex-col gap-4 md:grid md:grid-cols-2",a),"data-epi-property-name":r?.editHints?.cards},t.map(({title:e,body:t,countFrom:n,countTo:r,countSuffix:a},i)=>{const o="number"==typeof n&&"number"==typeof r,s=o?Array.from({length:Math.abs(r-n)+1},(e,t)=>(n<r?n+t:n-t).toString()):[];return React.createElement("div",{key:t,className:"flex flex-col gap-2 rounded-[5px] bg-grey-600 p-4 lg:flex-1 lg:self-stretch lg:px-6 lg:py-10","data-testid":`CT-166-Stat-Cards-List-Title-Card-${i}`},o&&React.createElement(l,{items:s,className:"h2 text-white",rollSuffix:a,"data-testid":`CT-166-Stat-Cards-List-Title-Card-${i}-Title`}),!o&&e&&React.createElement("h3",{className:"h2 text-white","data-testid":`CT-166-Stat-Cards-List-Title-Card-${i}-Title`},e),t&&React.createElement("div",{className:"body-one text-grey-500 [&_p_strong]:font-light [&_p_strong]:text-white",dangerouslySetInnerHTML:{__html:t},"data-testid":`CT-166-Stat-Cards-List-Title-Card-${i}-Body`}))})))))}},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}},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}},25264(e,t,n){n.d(t,{C:()=>o,S:()=>i});var r=n(27903),a=n(24675);const i=(e,t)=>{const n=(0,a.I)(),i=(0,r.z)(e,t);return n?e:i},o=(e,t)=>{const n=(0,a.I)(),i=(0,r.z)(e,t);return n?e:i}},44285(e,t,n){n.d(t,{A:()=>

1o});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({},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 m=!1;(s.current!==o||c.current!==e||u.current!==n||l.current)&&(f=e(o),m=!n(d.current,f)),i(()=>{m&&(d.current=f),s.current=o,c.current=e,u.current=n,l.current=!1});const g=(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()!==g.current&&e(),n},[]);const p=m?f:d.current;return(0,r.useDebugValue)(p),p};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}},27903(e,t,n){n.d(t,{z:()=>m});var r=n(57730),a=n(31222),i=n(82634);function o(e,t,n={}){const o=e.get();let u,l=null,d=o;const f="string"==typeof o?o.replace(/[\d.-]/g,""):void 0,m=()=>{l&&(l.stop(),l=null),e.animation=void 0},g=()=>{(()=>{const t=c(e.get()),r=c(d);if(t===r)return void m();const i=l?l.getGeneratorVelocity():e.getVelocity();m(),l=new a.s({keyframes:[t,r],velocity:i,type:"spring",restDelta:.001,restSpeed:.01,...n,onUpdate:u})})(),e.animation=l??void 0,e.events.animationStart?.notify(),l?.then(()=>{e.animation=void 0,e.events.animationComplete?.notify()})};if(e.attach((e,t)=>{d=e,u=e=>t(s(e,f)),i.Gt.postRender(g)},m),(0,r.S)(t)){let r=!0===n.skipInitialAnimation;const a=t.on("change",t=>{r?(r=!1,e.jump(s(t,f),!1)):e.set(s(t,f))}),i=e.on("destroy",a);return()=>{a(),i()}}return m}function s(e,t){return t?e+t:e}function c(e){return"number"==typeof e?e:parseFloat(e)}var u=n(59471),l=n(87087),d=n(80368),f=n(13859);function m(e,t={}){return function(e,t={}){const{isStatic:n}=(0,u.useContext)(l.Q),a=()=>(0,r.S)(e)?e.get():e;if(n)return(0,f.G)(a);const i=(0,d.d)(a());return(0,u.useInsertionEffect)(()=>o(i,e,t),[i,JSON.stringify(t)]),i}(e,{type:"spring",...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()=>

1{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=StatCardsList-Chunk-33a215794ce866133cfe.js.map