https://www.nikon.ch/dist-client/CategoryContentCards-Chunk-49e56eb120507336f4a7.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[799],{97729(e,t,n){n.d(t,{A:()=>l});var r=n(13889),a=n(97500),o=n.n(a),i=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 l=({children:e,className:t,dataTestId:n,disabled:a=!1,editHint:l,hasCustomStyling:c,icon:d,iconSize:u="18px",interactionTheme:g="grey-600",isLightMode:m,link:p,secondary:b=!1,secondaryBackgroundClassName:f="bg-transparent",tabIndex:y,theme:h="yellow",linkCallback:v,onFocus:w,...x})=>{const k="black"===h,E="red"===h,A=o()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":b&&(k||E)}),S=(0,i.h)({className:t,disabled:a,hasCustomStyling:c,icon:d,interactionTheme:g,isLightMode:m,secondary:b,secondaryBackgroundClassName:f,theme:h});return p?.url&&(p?.name||e)&&!a?React.createElement("a",s({},x,{className:S,href:p.url,target:p.target,"data-epi-property-name":l,onClick:v,"data-testid":n,onFocus:w,tabIndex:y},"download"===d&&{download:p.url}),e||p.name,d&&React.createElement(r.A,{name:d,className:A,size:u})):React.createElement("button",s({},x,{className:S,disabled:a,"data-epi-property-name":l,"data-testid":n,onFocus:w,tabIndex:y}),e,d&&React.createElement(r.A,{name:d,className:"ml-2",colorClassName:A,size:u}))}},65728(e,t,n){n.d(t,{h:()=>o});var r=n(97500),a=n.n(r);const o=({className:e,disabled:t=!1,hasCustomStyling:n,icon:r,interactionTheme:o="grey-600",isLightMode:i,secondary:s=!1,secondaryBackgroundClassName:l="bg-transparent",theme:c="yellow"})=>{const d="yellow"===c,u="black"===c,g="red"===c;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,[`${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 ${i?"":"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"}[o]}`]:!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),o=n(48210),i=n(97500),s=n.n(i),l=n(59471);function c(){return c=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},c.apply(null,arguments)}const d=({children:e,classes:t,dataTestId:n,epiEdit:i,fallbackSize:d,image:u,imageClasses:g,imageRef:m,lazyLoad:p=!0,progressiveLoad:b=!0,showFallback:f,sizes:y=""})=>{const h=u?.mobile,v=u?.tablet,w=u?.desktop,x=u?.largeDesktop,k=(0,o.A)(),[E,A]=(0,l.useState)(!1);if(!w?.url&&!f)return null;const S={[a.A.Small]:h,[a.A.Medium]:v,[a.A.Large]:w,[a.A.XLarge]:x};return f&&!w?.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:y,srcSet:`${h?.url} 376w, ${v?.url} 768w, ${w?.url} 1024w, ${x?.url} 1440w`}),React.createElement("img",c({ref:m,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":i,draggable:"false",loading:p?"lazy":"eager",onLoad:()=>{A(!0)},sizes:y,src:E&&b?S[k]?.url:h?.url,height:S[k]?.height,width:S[k]?.width,srcSet:`${h?.originalUrl} 376w, ${v?.originalUrl} 768w, ${w?.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}:{}}),o=e=>{const t=Object.keys(e).reduce((t,n)=>{const o=e[n];return r(o)&&(t[n]=a(o,n)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var i=n(74632),s=n(24675),l=n(59471);function c(){return c=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},c.apply(null,arguments)}const d=({tag:e,ref:t,variants:n,initial:r,animate:a,exit:d,transition:u,layout:g,whileHover:m,...p})=>{const b=(0,l.useMemo)(()=>i.P[e||"div"],[e]),f=(0,s.I)(),y={variants:n,initial:r,animate:a,exit:d,transition:u,whileHover:m};return React.createElement(b,c({ref:t},f?o(y):y,{layout:!f&&g},p))}},7670(e,t,n){n.d(t,{A:()=>c});var r=n(64363),a=n(5961),o=n(61002),i=n(37417),s=n(32088),l=n(59471);const c=({children:e,isAnimationDisabled:t})=>{const n=(0,i.A)(),c=(0,o.A)(),d=(0,l.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||c?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)}},64584(e,t,n){n.r(t),n.d(t,{default:()=>d});var r=n(97729),a=n(11183),o=n(73706),i=n(26093);const s=({dataTestId:e="Category-Content-Card",title:t,text:n,link:s,image:l,isLargeCard:c})=>{const d=(0,i.A)(1024);return React.createElement("div",{className:"rounded-[5px] bg-grey-200 lg:flex lg:h-full lg:flex-col lg:rounded-[10px] dark:bg-grey-600","data-testid":e},React.createElement("div",{className:"px-2.5 pt-2.5"},React.createElement(a.A,{image:l,imageClasses:"object-cover lg:aspect-[8/3] "+(c?"aspect-3/2":"aspect-[2/1]"),dataTestId:`${e}-Image`})),React.createElement("div",{className:"lg:flex lg:h-full lg:flex-col "+(c?"py-7.5 pr-[25px] pl-7.5 lg:px-7.5":"px-7.5 pt-[25px] pb-7.5 lg:p-7.5")},React.createElement("p",{className:d?"h6 mb-[5px]":"h5 mb-2.5","data-testid":`${e}-Title`},t),React.createElement("div",{className:"lg:flex lg:grow lg:flex-col lg:justify-between"},React.createElement("p",{className:`${d?"body-three":"body-two"} mb-7.5 w-full text-grey-450 lg:mb-10 dark:text-grey-400 ${c?"lg:w-3/5":"lg:w-9/12"}`,"data-testid":`${e}-Text`},n.length>90?(0,o.A)(n,90,"..."):n),s?.name&&s.url&&React.createElement(r.A,{link:s,className:"self-start",dataTestId:`${e}-Link`}))))};var l=n(7670);function c(){return c=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},c.apply(null,arguments)}const d=({title:e,items:t})=>{const n={2:[2],3:[3],4:[2,2],5:[2,3]}[t.length]??[],r={2:"lg:col-span-6",3:"lg:col-span-4"},a=n.reduce((e,t)=>[...e,...new Array(t).fill(r[t]??"")],[]);return React.createElement("section",{className:"component-padding bg-white text-black-100 dark:bg-black-100 dark:text-white","data-testid":"CT-138-Category-Content-Cards"},React.createElement(l.A,null,React.createElement("div",{className:"container"},React.createElement("h2",{className:"h3 mb-7.5 pt-1 xl:mb-10","data-testid":"CT-138-Category-Content-Cards-Title"},e),React.createElement("div",{className:"flex flex-col gap-y-7.5 lg:grid lg:grid-cols-12 lg:gap-x-4 lg:gap-y-5"},t.map((e,t)=>React.createElement("div",{className:a[t],key:e.title},React.createElement(s,c({},e,{isLargeCard:"lg:col-span-6"===a[t],dataTestId:`CT-138-Category-Content-Cards-Item-${t}`}))))))))}},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:()=>l});var r=n(26640),a=n(30680),o=n(63904),i=n(59471);const s=e=>{const t=768,n=1024,i=1440,s=(0,o.A)(),l=e===a.A.Viewport?window.innerWidth:window.innerWidth*s;return l<t?r.A.Small:l>=t&&l<n?r.A.Medium:l>=n&&l<i?r.A.Large:r.A.XLarge},l=(e=a.A.Viewport)=>{const[t,n]=(0,i.useState)(),r=(0,i.useCallback)(()=>n(s(e)),[e]);return(0,i.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:()=>i});var r=n(30680),a=n(63904),o=n(59471);const i=(e,t=r.A.Viewport)=>{const[n,i]=(0,o.useState)(),s=(0,o.useCallback)(()=>{const n=(0,a.A)(),o=t===r.A.Viewport?window.innerWidth:window.innerWidth*n;

1i(o<e)},[e,t]);return(0,o.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:()=>o});var r=n(24675),a=n(97505);const o=()=>{const e=(0,a.A)();return(0,r.I)()&&e}},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 o=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,i=e.size,s=e.title,l=e.disableFill,c=e.removeInlineStyle,d=e.native,u=e.SvgComponent,g=e.PathComponent,m=a(e,["iconSet","icon","size","title","disableFill","removeInlineStyle","native","SvgComponent","PathComponent"]);if(!t||!n)return null;var p=t.icons.find(function(e){return e.properties.name===n});if(!p)return null;var b={display:"inline-block",stroke:"currentColor",fill:"currentColor"};d&&(b.display="flex",b.flexDirection="row",b.flexWrap="wrap");var f=r(r(r({},c?{}:b),i?{width:i,height:i}:{}),m.style||{}),y=p.icon.width,h="0 0 ".concat(void 0===y?"1024":y," 1024"),v=p.icon.paths.map(function(e,t){var a,i=null===(a=p.icon.attrs)||void 0===a?void 0:a[t],s=r({d:e,key:n+t},!l&&i?i:{});return(0,o.createElement)(g||"path",s)});return s&&!d&&v.push((0,o.createElement)("title",{key:s},s)),(0,o.createElement)(u||"svg",r(r({},m),{viewBox:h,style:f}),v)}},44285(e,t,n){n.d(t,{A:()=>i});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,o={setState:r,getState:a,subscribe:(e,r,o)=>r||o?((e,r=a,o=Object.is)=>{console.warn("[DEPRECATED] Please use `subscribeWithSelector` middleware");let i=r(t);function s(){const n=r(t);if(!o(i,n)){const t=i;e(i=n,t)}}return n.add(s),()=>n.delete(s)})(e,r,o):(n.add(e),()=>n.delete(e)),destroy:()=>n.clear()};return t=e(r,a,o),o}const o="undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent)?r.useEffect:r.useLayoutEffect;function i(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),i=t.getState(),s=(0,r.useRef)(i),l=(0,r.useRef)(e),c=(0,r.useRef)(n),d=(0,r.useRef)(!1),u=(0,r.useRef)();let g;void 0===u.current&&(u.current=e(i));let m=!1;(s.current!==i||l.current!==e||c.current!==n||d.current)&&(g=e(i),m=!n(u.current,g)),o(()=>{m&&(u.current=g),s.current=i,l.current=e,c.current=n,d.current=!1});const p=(0,r.useRef)(i);o(()=>{const e=()=>{try{const e=t.getState(),n=l.current(e);c.current(u.current,n)||(s.current=e,u.current=n,a())}catch(e){d.current=!0,a()}},n=t.subscribe(e);return t.getState()!==p.current&&e(),n},[]);const b=m?g:u.current;return(0,r.useDebugValue)(b),b};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:()=>i});var r=n(59471),a=n(20818);const o={some:0,all:1};function i(e,{root:t,margin:n,amount:i,once:s=!1,initial:l=!1}={}){const[c,d]=(0,r.useState)(l);return(0,r.useEffect)(()=>{if(!e.current||s&&c)return;const r={root:t&&t.current||void 0,margin:n,amount:i};return function(e,t,{root:n,margin:r,amount:i="some"}={}){const s=(0,a.K)(e),l=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{const n=l.get(e.target);if(e.isIntersecting!==Boolean(n))if(e.isIntersecting){const n=t(e.target,e);"function"==typeof n?l.set(e.target,n):c.unobserve(e.target)}else"function"==typeof n&&(n(e),l.delete(e.target))})},{root:n,rootMargin:r,threshold:"number"==typeof i?i:o[i]});return s.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(d(!0),s?void 0:()=>d(!1)),r)},[t,e,n,s,i]),c}}}]);
2//# sourceMappingURL=CategoryContentCards-Chunk-49e56eb120507336f4a7.js.map