https://www.nikon.nl/dist-client/ContentCards-Chunk-ddb35722a2f1349ba63f.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[7131],{97729(e,t,n){n.d(t,{A:()=>c});var r=n(13889),a=n(97500),i=n.n(a),o=n(65728);function s(){return s=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},s.apply(null,arguments)}const c=({children:e,className:t,dataTestId:n,disabled:a=!1,editHint:c,hasCustomStyling:l,icon:d,iconSize:u="18px",interactionTheme:g="grey-600",isLightMode:f,link:m,secondary:h=!1,secondaryBackgroundClassName:b="bg-transparent",tabIndex:p,theme:w="yellow",linkCallback:v,onFocus:y,...x})=>{const k="black"===w,E="red"===w,A=i()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":h&&(k||E)}),R=(0,o.h)({className:t,disabled:a,hasCustomStyling:l,icon:d,interactionTheme:g,isLightMode:f,secondary:h,secondaryBackgroundClassName:b,theme:w});return m?.url&&(m?.name||e)&&!a?React.createElement("a",s({},x,{className:R,href:m.url,target:m.target,"data-epi-property-name":c,onClick:v,"data-testid":n,onFocus:y,tabIndex:p},"download"===d&&{download:m.url}),e||m.name,d&&React.createElement(r.A,{name:d,className:A,size:u})):React.createElement("button",s({},x,{className:R,disabled:a,"data-epi-property-name":c,"data-testid":n,onFocus:y,tabIndex:p}),e,d&&React.createElement(r.A,{name:d,className:"ml-2",colorClassName:A,size:u}))}},65728(e,t,n){n.d(t,{h:()=>i});var r=n(97500),a=n.n(r);const i=({className:e,disabled:t=!1,hasCustomStyling:n,icon:r,interactionTheme:i="grey-600",isLightMode:o,secondary:s=!1,secondaryBackgroundClassName:c="bg-transparent",theme:l="yellow"})=>{const d="yellow"===l,u="black"===l,g="red"===l;return a()({"bg-yellow py-1 px-4 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500":!n&&!t&&!s&&d,[`${c} 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"}`]:!n&&!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]}`]:!n&&!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":!n&&!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":!n&&!t&&s&&g,"bg-grey text-grey-500 py-1 px-4":t,"flex items-center w-fit group":r},"cta rounded-full inline-block min-h-min select-none",e)}},11183(e,t,n){n.d(t,{A:()=>d});var r=n(13889),a=n(26640),i=n(48210),o=n(97500),s=n.n(o),c=n(59471);function l(){return l=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},l.apply(null,arguments)}const d=({children:e,classes:t,dataTestId:n,epiEdit:o,fallbackSize:d,image:u,imageClasses:g,imageRef:f,lazyLoad:m=!0,progressiveLoad:h=!0,showFallback:b,sizes:p=""})=>{const w=u?.mobile,v=u?.tablet,y=u?.desktop,x=u?.largeDesktop,k=(0,i.A)(),[E,A]=(0,c.useState)(!1);if(!y?.url&&!b)return null;const R={[a.A.Small]:w,[a.A.Medium]:v,[a.A.Large]:y,[a.A.XLarge]:x};return b&&!y?.url?React.createElement("div",{className:s()(t,"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%"}),e):React.createElement("picture",{className:s()(t)},React.createElement("source",{type:"image/webp",sizes:p,srcSet:`${w?.url} 376w, ${v?.url} 768w, ${y?.url} 1024w, ${x?.url} 1440w`}),React.createElement("img",l({ref:f,alt:u?.altText?.length?u?.altText:"nikon-image",className:s()(g,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":o,draggable:"false",loading:m?"lazy":"eager",onLoad:()=>{A(!0)},sizes:p,src:E&&h?R[k]?.url:w?.url,height:R[k]?.height,width:R[k]?.width,srcSet:`${w?.originalUrl} 376w, ${v?.originalUrl} 768w, ${y?.originalUrl} 1024w, ${x?.originalUrl} 1440w`},n&&{"data-testid":n})),E&&e)}},64363(e,t,n){n.d(t,{A:()=>d});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(74632),s=n(24675),c=n(59471);function l(){return l=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},l.apply(null,arguments)}const d=({tag:e,ref:t,variants:n,initial:r,animate:a,exit:d,transition:u,layout:g,whileHover:f,...m})=>{const h=(0,c.useMemo)(()=>o.P[e||"div"],[e]),b=(0,s.I)(),p={variants:n,initial:r,animate:a,exit:d,transition:u,whileHover:f};return React.createElement(h,l({ref:t},b?i(p):p,{layout:!b&&g},m))}},7670(e,t,n){n.d(t,{A:()=>l});var r=n(64363),a=n(5961),i=n(61002),o=n(37417),s=n(32088),c=n(59471);const l=({children:e,isAnimationDisabled:t})=>{const n=(0,o.A)(),l=(0,i.A)(),d=(0,c.useRef)(null),u=(0,s.W)(d,{once:!0,margin:"100% 0p

1x -15% 0px"}),{isSoftLoadEnabled:g}=(0,a.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return t||l?React.createElement(React.Fragment,null,e):React.createElement(r.A,{"data-testid":"Soft-Load-Wrapper",ref:d,variants:{hidden:{opacity:0,y:60},visible:{opacity:1,y:0}},initial:"hidden",animate:g&&u||!1===g||n?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===g?0:.6},y:{ease:"easeOut",duration:g?.6:0}}},e)}},90085(e,t,n){n.r(t),n.d(t,{default:()=>m});var r=n(97729),a=n(11183),i=n(64363),o=n(73706),s=n(26093),c=n(8383),l=n(59471);function d(){return d=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},d.apply(null,arguments)}const u=({image:e,title:t,link:n,text:u,largeCard:g,dataTestId:f="CT-74-Content-Card",showMoreLabel:m,showLessLabel:h})=>{const b=(0,s.A)(1024),p=(0,s.A)(1920),[w,v]=(0,l.useState)(""),y=b?22:p?26:28,[x,{scrollHeight:k}]=(0,c.A)(),[E,A]=(0,l.useState)(!1),R=g?4*y:5*y,S=k>R,C=n?.url&&n?.name,O=g?"h3":"h4";return(0,l.useEffect)(()=>{const e=u.replace(/<\/?p>/g,"").replace(/\n+/g," ");v((0,o.A)(e,300,"..."))},[]),React.createElement("div",{className:"flex h-full flex-col gap-4 lg:gap-5"},React.createElement("div",{className:"w-full pb-4"},React.createElement(a.A,{image:e,imageClasses:"w-full h-full object-cover left-0 -z-1 aspect-video",dataTestId:`${f}-Image`})),React.createElement("div",{className:"flex w-full flex-col gap-4 md:w-[90%] lg:gap-5"},React.createElement("p",{className:`${b?"h6":O} dark:text-white`,"data-testid":`${f}-Title`},t),React.createElement("div",{className:"flex flex-col items-start"},React.createElement(i.A,d({ref:x,className:"body-two overflow-hidden dark:text-grey-500"},C?{}:{initial:{height:0},animate:E?"expanded":"collapsed",variants:{expanded:{height:"auto"},collapsed:{height:S?R:"auto"}}},{dangerouslySetInnerHTML:{__html:u?.length>300&&C?w:u},"data-testid":`${f}-Text`})),S&&!C&&React.createElement("button",{className:"shrink-0 underline dark:text-grey-500",onClick:()=>{A(!E)},"data-testid":`${f}-Show-More/Less`},React.createElement("strong",null,E?h:m))),C&&React.createElement("div",null,React.createElement(r.A,{link:n,dataTestId:`${f}-Cta`}))))};var g=n(7670);function f(){return f=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},f.apply(null,arguments)}const m=({cards:e,showMoreLabel:t,showLessLabel:n,title:r,anchorId:a=""})=>{const i=(0,l.useMemo)(()=>{let t=[];const n={2:[2],3:[3],4:[2,2],5:[2,3]}[e.length];if(!n)return[];const r=["col-span-full","col-span-6","col-span-4"];return n.forEach(e=>{const n=new Array(e).fill(r[e-1]);t=[...t,...n]}),t},[e]);return React.createElement("section",{className:"component-padding bg-white text-black-100 dark:bg-black-100 dark:text-white","data-testid":"CT-74-Content-Cards",id:`a-${a}`},React.createElement(g.A,null,r&&React.createElement("div",{className:"container mb-10 flex items-center justify-center lg:mb-15"},React.createElement("h2",{className:"h3 text-center lg:w-4/5","data-testid":"CT-74-Content-Cards-Title"},r)),React.createElement("div",{className:"container xl:grid xl:grid-cols-12"},React.createElement("div",{className:"xl:col-span-full","data-testid":"listingCardBlockPrimary"},React.createElement("div",{className:"flex flex-col gap-x-0 gap-y-[5.625rem] md:gap-x-4 lg:grid lg:grid-cols-12 dark:text-white","data-testid":"content-card-listing"},e.map((e,r)=>React.createElement("div",{className:i[r],key:e.title},React.createElement(u,f({},e,{dataTestId:`CT-74-Content-Card-${r}`,largeCard:"col-span-6"===i[r],showMoreLabel:t,showLessLabel:n})))))))))}},26640(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},30680(e,t,n){n.d(t,{A:()=>a});var r=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(r||{});const a=r},5961(e,t,n){n.d(t,{A:()=>r});const r=(0,n(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:t=>e({isSoftLoadEnabled:t})}))},63904(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}},73706(e,t,n){n.d(t,{A:()=>r});const r=(e,t,n)=>{const r=e.replace(new RegExp(`^(.{${t}}[^\\s]*).*`),"$1");return"."===r.substring(r.length-1)?`${r.slice(0,-1)}${n}`:`${r}${n}`}},48210(e,t,n){n.d(t,{A:()=>c});var r=n(26640),a=n(30680),i=n(63904),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}},97505(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}},26093(e,t,n){n.d(t,{A:()=>

1o});var r=n(30680),a=n(63904),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}},61002(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}},37417(e,t,n){n.d(t,{A:()=>i});var r=n(24675),a=n(97505);const i=()=>{const e=(0,a.A)();return(0,r.I)()&&e}},8383(e,t,n){n.d(t,{A:()=>a});var r=n(59471);const a=()=>{const e=(0,r.useRef)(void 0),[t,n]=(0,r.useState)({width:0,height:0,clientWidth:0,clientHeight:0,scrollWidth:0,scrollHeight:0}),a=(0,r.useCallback)(e=>{if(!Array.isArray(e))return;const t=e[0];n({width:t?.contentRect.width??0,height:t?.contentRect.height??0,clientWidth:t?.target.clientWidth??0,clientHeight:t?.target.clientHeight??0,scrollWidth:t?.target.scrollWidth??0,scrollHeight:t?.target.scrollHeight??0})},[]);return[(0,r.useCallback)(t=>{e.current&&!t&&(e.current.disconnect(),e.current=void 0),!e.current&&t&&(e.current=new ResizeObserver(a),e.current.observe(t))},[a]),t]}},16621(e,t,n){var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var a in t=arguments[n])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},r.apply(this,arguments)},a=this&&this.__rest||function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.iconList=void 0;var i=n(59471);t.iconList=function(e){return e&&Array.isArray(e.icons)?e.icons.map(function(e){return e.properties.name}):null},t.default=function(e){var t=e.iconSet,n=e.icon,o=e.size,s=e.title,c=e.disableFill,l=e.removeInlineStyle,d=e.native,u=e.SvgComponent,g=e.PathComponent,f=a(e,["iconSet","icon","size","title","disableFill","removeInlineStyle","native","SvgComponent","PathComponent"]);if(!t||!n)return null;var m=t.icons.find(function(e){return e.properties.name===n});if(!m)return null;var h={display:"inline-block",stroke:"currentColor",fill:"currentColor"};d&&(h.display="flex",h.flexDirection="row",h.flexWrap="wrap");var b=r(r(r({},l?{}:h),o?{width:o,height:o}:{}),f.style||{}),p=m.icon.width,w="0 0 ".concat(void 0===p?"1024":p," 1024"),v=m.icon.paths.map(function(e,t){var a,o=null===(a=m.icon.attrs)||void 0===a?void 0:a[t],s=r({d:e,key:n+t},!c&&o?o:{});return(0,i.createElement)(g||"path",s)});return s&&!d&&v.push((0,i.createElement)("title",{key:s},s)),(0,i.createElement)(u||"svg",r(r({},f),{viewBox:w,style:b}),v)}},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),l=(0,r.useRef)(n),d=(0,r.useRef)(!1),u=(0,r.useRef)();let g;void 0===u.current&&(u.current=e(o));let f=!1;(s.current!==o||c.current!==e||l.current!==n||d.current)&&(g=e(o),f=!n(u.current,g)),i(()=>{f&&(u.current=g),s.current=o,c.current=e,l.current=n,d.current=!1});const m=(0,r.useRef)(o);i(()=>{const e=()=>{try{const e=t.getState(),n=c.current(e);l.current(u.current,n)||(s.current=e,u.current=n,a())}catch(e){d.current=!0,a()}},n=t.subscribe(e);return t.getState()!==m.current&&e(),n},[]);const h=f?g:u.current;return(0,r.useDebugValue)(h),h};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(20818);const i={some:0,all:1};function o(e,{root:t,margin:n,amount:o,once:s=!1,initial:c=!1}={}){const[l,d]=(0,r.useState)(c);return(0,r.useEffect)(()=>{if(!e.current||s&&l)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,l=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):l.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=>l.observe(e)),()=>l.disconnect()}(e.current,()=>(d(!0),s?void 0:()=>d(!1)),r)},[t,e,n,s,o]),l}}}]);
2//# sourceMappingURL=ContentCards-Chunk-ddb35722a2f1349ba63f.js.map