https://www.nikon.ch/dist-client/CountdownWithImage-Chunk-25e8e21f32021338291c.js

1(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[8079],{2511(e,t,a){"use strict";a.d(t,{A:()=>m});var r=a(21580),l=a.n(r),i=a(96377),n=a.n(i),o=a(41308),c=a.n(o),s=a(64363),d=a(16014);function u(){return u=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},u.apply(null,arguments)}const f={[d.A.Yellow]:c(),[d.A.Red]:n(),[d.A.YellowFaint]:l()},m=({className:e,colour:t,dataTestId:a,motionStyle:r})=>{const l={src:`${f[t]}`,className:e,"data-testid":a,"aria-hidden":"true"};return r?React.createElement(s.A,u({tag:"img",alt:"",style:r},l)):React.createElement("img",u({alt:""},l))}},97729(e,t,a){"use strict";a.d(t,{A:()=>c});var r=a(13889),l=a(97500),i=a.n(l),n=a(65728);function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},o.apply(null,arguments)}const c=({children:e,className:t,dataTestId:a,disabled:l=!1,editHint:c,hasCustomStyling:s,icon:d,iconSize:u="18px",interactionTheme:f="grey-600",isLightMode:m,link:g,secondary:h=!1,secondaryBackgroundClassName:p="bg-transparent",tabIndex:b,theme:w="yellow",linkCallback:x,onFocus:y,...v})=>{const A="black"===w,k="red"===w,E=i()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":h&&(A||k)}),_=(0,n.h)({className:t,disabled:l,hasCustomStyling:s,icon:d,interactionTheme:f,isLightMode:m,secondary:h,secondaryBackgroundClassName:p,theme:w});return g?.url&&(g?.name||e)&&!l?React.createElement("a",o({},v,{className:_,href:g.url,target:g.target,"data-epi-property-name":c,onClick:x,"data-testid":a,onFocus:y,tabIndex:b},"download"===d&&{download:g.url}),e||g.name,d&&React.createElement(r.A,{name:d,className:E,size:u})):React.createElement("button",o({},v,{className:_,disabled:l,"data-epi-property-name":c,"data-testid":a,onFocus:y,tabIndex:b}),e,d&&React.createElement(r.A,{name:d,className:"ml-2",colorClassName:E,size:u}))}},65728(e,t,a){"use strict";a.d(t,{h:()=>i});var r=a(97500),l=a.n(r);const i=({className:e,disabled:t=!1,hasCustomStyling:a,icon:r,interactionTheme:i="grey-600",isLightMode:n,secondary:o=!1,secondaryBackgroundClassName:c="bg-transparent",theme:s="yellow"})=>{const d="yellow"===s,u="black"===s,f="red"===s;return l()({"bg-yellow py-1 px-4 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500":!a&&!t&&!o&&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 ${n?"":"dark:text-white dark:hover:text-black-100 dark:focus:text-black-100 dark:active:text-black-100"}`]:!a&&!t&&o&&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]}`]:!a&&!t&&!o&&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":!a&&!t&&o&&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":!a&&!t&&o&&f,"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,a){"use strict";a.d(t,{A:()=>d});var r=a(13889),l=a(26640),i=a(48210),n=a(97500),o=a.n(n),c=a(59471);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},s.apply(null,arguments)}const d=({children:e,classes:t,dataTestId:a,epiEdit:n,fallbackSize:d,image:u,imageClasses:f,imageRef:m,lazyLoad:g=!0,progressiveLoad:h=!0,showFallback:p,sizes:b=""})=>{const w=u?.mobile,x=u?.tablet,y=u?.desktop,v=u?.largeDesktop,A=(0,i.A)(),[k,E]=(0,c.useState)(!1);if(!y?.url&&!p)return null;const _={[l.A.Small]:w,[l.A.Medium]:x,[l.A.Large]:y,[l.A.XLarge]:v};return p&&!y?.url?React.createElement("div",{className:o()(t,"flex items-center justify-center")},React.createElement(r.A,{ariaHidden:!0,className:o()(f,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:d??"100%"}),e):React.createElement("picture",{className:o()(t)},React.createElement("source",{type:"image/webp",sizes:b,srcSet:`${w?.url} 376w, ${x?.url} 768w, ${y?.url} 1024w, ${v?.url} 1440w`}),React.createElement("img",s({ref:m,alt:u?.altText?.length?u?.altText:"nikon-image",className:o()(f,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":n,draggable:"false",loading:g?"lazy":"eager",onLoad:()=>{E(!0)},sizes:b,src:k&&h?_[A]?.url:w?.url,height:_[A]?.height,width:_[A]?.width,srcSet:`${w?.originalUrl} 376w, ${x?.originalUrl} 768w, ${y?.originalUrl} 1024w, ${v?.originalUrl} 1440w`},a&&{"data-testid":a})),k&&e)}},64363(e,t,a){"use strict";a.d(t,{A:()=>d});const r=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),l=(e,t)=>

1Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?r(a)?e[t]=l(a,t):e[t]=a:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),i=e=>{const t=Object.keys(e).reduce((t,a)=>{const i=e[a];return r(i)&&(t[a]=l(i,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var n=a(74632),o=a(24675),c=a(59471);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)({}).hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},s.apply(null,arguments)}const d=({tag:e,ref:t,variants:a,initial:r,animate:l,exit:d,transition:u,layout:f,whileHover:m,...g})=>{const h=(0,c.useMemo)(()=>n.P[e||"div"],[e]),p=(0,o.I)(),b={variants:a,initial:r,animate:l,exit:d,transition:u,whileHover:m};return React.createElement(h,s({ref:t},p?i(b):b,{layout:!p&&f},g))}},84108(e,t,a){"use strict";a.d(t,{A:()=>u});var r=a(64363),l=a(34629),i=a(59471);const n=({dateItem:e,label:t})=>{const[a,n]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{n(!0)},[]),React.createElement(l.N,null,React.createElement("div",{className:"flex flex-col items-center space-y-1"},React.createElement(r.A,{tag:"span",key:e,animate:{opacity:1,y:0},className:"countdown-item","data-testid":"countdown-item-date-item",exit:{opacity:0,y:40},initial:{opacity:0,y:a?-40:0}},e),React.createElement("span",{className:"body-two text-black-100 dark:text-white","data-testid":"countdown-item-label"},t)))};var o=a(73021),c=a.n(o),s=a(40751),d=a.n(s);c().extend(d());const u=({date:e,daysLabel:t,hoursLabel:a,minutesLabel:r,dataTestId:l})=>{const[o,s]=(0,i.useState)(),[d,u]=(0,i.useState)(),[f,m]=(0,i.useState)(),g=(0,i.useRef)(void 0),h=e=>e<0?"00":`${e}`.length>1?`${e}`:`0${e}`,p=(0,i.useCallback)(()=>{const t=c()(e).diff(c()(),"d"),a=c()(e).diff(c()().add(t,"d"),"h"),r=c()(e).diff(c()().add(t,"d").add(a,"h"),"minute"),l=h(t),i=h(a),n=h(r);o!==l&&s(l),d!==i&&u(i),f!==n&&m(n),c()().isSameOrAfter(e,"minute")&&clearInterval(g.current)},[e,o,d,f]);return(0,i.useEffect)(()=>(p(),g.current=setInterval(()=>{p()},1e3),()=>clearInterval(g.current)),[e,p]),o&&d&&f?React.createElement("div",{className:"flex space-x-6","data-testid":l},o&&React.createElement(n,{dateItem:o,label:t}),d&&React.createElement(n,{dateItem:d,label:a}),f&&React.createElement(n,{dateItem:f,label:r})):null}},7670(e,t,a){"use strict";a.d(t,{A:()=>s});var r=a(64363),l=a(5961),i=a(61002),n=a(37417),o=a(32088),c=a(59471);const s=({children:e,isAnimationDisabled:t})=>{const a=(0,n.A)(),s=(0,i.A)(),d=(0,c.useRef)(null),u=(0,o.W)(d,{once:!0,margin:"100% 0p

1x -15% 0px"}),{isSoftLoadEnabled:f}=(0,l.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return t||s?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:f&&u||!1===f||a?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===f?0:.6},y:{ease:"easeOut",duration:f?.6:0}}},e)}},65436(e,t,a){"use strict";a.r(t),a.d(t,{default:()=>s});var r=a(2511),l=a(97729),i=a(11183),n=a(16014),o=a(84108),c=a(7670);const s=({daysLabel:e,endDate:t,hoursLabel:a,image:s,link:d,minutesLabel:u,text:f})=>React.createElement("section",{className:"component-padding dark:bg-black-100 dark:text-white"},React.createElement(c.A,null,React.createElement("div",{className:"container grid grid-cols-12"},s&&React.createElement(i.A,{image:s,imageClasses:"max-h-80 object-contain",sizes:"(min-width: 1024px) 1024px, 100vw",classes:"col-start-3 col-end-11"}),React.createElement("div",{className:"relative col-span-12 mt-10 flex flex-col overflow-hidden rounded-lg py-24 xl:mt-24 xl:grid xl:grid-cols-12 xl:py-32"},f&&React.createElement("div",{className:"z-20 flex h-full flex-col gap-4 text-center xl:col-span-4 xl:col-start-2 xl:text-left dark:text-white"},React.createElement("h1",{className:"leading-tight"},f),d?.name&&d?.url&&React.createElement(l.A,{className:"hidden w-fit xl:block",link:d})),React.createElement("div",{className:"z-20 mx-auto mt-11 xl:col-start-8 xl:col-end-11 xl:mt-0 dark:text-white"},React.createElement(o.A,{date:t,daysLabel:e,hoursLabel:a,minutesLabel:u})),d?.name&&d?.url&&React.createElement(l.A,{className:"z-20 mx-auto mt-11 block w-fit xl:hidden",link:d}),React.createElement(r.A,{colour:n.A.Yellow,className:"absolute -bottom-[42%] -left-[47%] z-10 w-full object-contain opacity-50 md:-bottom-[75%] md:-left-[65%] xl:top-[50%] xl:-left-[25%] xl:w-2/4"}),React.createElement(r.A,{colour:n.A.Yellow,className:"absolute -top-[60%] -right-[35%] z-10 h-full w-full object-contain opacity-50 xl:-top-[100%] xl:-right-[10%] xl:h-auto xl:w-2/4"})))))},26640(e,t,a){"use strict";a.d(t,{A:()=>l});var r=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(r||{});const l=r},30680(e,t,a){"use strict";a.d(t,{A:()=>l});var r=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(r||{});const l=r},16014(e,t,a){"use strict";a.d(t,{A:()=>l});var r=function(e){return e.None="none",e.Yellow="yellow",e.Red="red",e.YellowFaint="yellow-faint",e}(r||{});const l=r},5961(e,t,a){"use strict";a.d(t,{A:()=>r});const r=(0,a(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:t=>e({isSoftLoadEnabled:t})}))},63904(e,t,a){"use strict";a.d(t,{A:()=>l});var r=a(42926);const l=()=>{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}},48210(e,t,a){"use strict";a.d(t,{A:()=>c});var r=a(26640),l=a(30680),i=a(63904),n=a(59471);const o=e=>{const t=768,a=1024,n=1440,o=(0,i.A)(),c=e===l.A.Viewport?window.innerWidth:window.innerWidth*o;return c<t?r.A.Small:c>=t&&c<a?r.A.Medium:c>=a&&c<n?r.A.Large:r.A.XLarge}

1,c=(e=l.A.Viewport)=>{const[t,a]=(0,n.useState)(),r=(0,n.useCallback)(()=>a(o(e)),[e]);return(0,n.useEffect)(()=>(window.addEventListener("resize",r),a(o(e)),()=>{window.removeEventListener("resize",r)}),[r,e]),t}},97505(e,t,a){"use strict";a.d(t,{A:()=>l});var r=a(59471);const l=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(!0)},[]),e}},61002(e,t,a){"use strict";a.d(t,{A:()=>l});var r=a(59471);const l=()=>{const[e,t]=(0,r.useState)(!1);return(0,r.useEffect)(()=>{t(window.self!==window.top)},[]),e}},37417(e,t,a){"use strict";a.d(t,{A:()=>i});var r=a(24675),l=a(97505);const i=()=>{const e=(0,l.A)();return(0,r.I)()&&e}},21580(e){e.exports="data:image/svg+xml,%3csvg width='1151' height='1150' viewBox='0 0 1151 1150' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.35' filter='url(%23filter0_df_4014_178052)'%3e %3cpath d='M801 575C801 699.264 700.04 800 575.5 800C450.96 800 350 699.264 350 575C350 450.736 450.96 350 575.5 350C700.04 350 801 450.736 801 575Z' fill='%23FFDD00'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_4014_178052' x='0' y='0' width='1151' height='1150' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfe

1ColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_4014_178052'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_4014_178052' result='shape'/%3e %3cfeGaussianBlur stdDeviation='175' result='effect2_foregroundBlur_4014_178052'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e"},96377(e){e.exports="data:image/svg+xml,%3csvg width='906' height='906' viewBox='0 0 906 906' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.5' filter='url(%23filter0_df_5839_100698)'%3e %3ccircle cx='453' cy='453' r='263' fill='%23FF0020'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_5839_100698' x='0' y='0' width='906' height='906' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfe

1ColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5839_100698'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5839_100698' result='shape'/%3e %3cfeGaussianBlur stdDeviation='95' result='effect2_foregroundBlur_5839_100698'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e"},41308(e){e.exports="data:image/svg+xml,%3csvg width='906' height='906' viewBox='0 0 906 906' fill='none' xmlns='http://www.w3.org/2000/svg'%3e %3cg opacity='0.5' filter='url(%23filter0_df_5839_100698)'%3e %3ccircle cx='453' cy='453' r='263' fill='%23FFDD00'/%3e %3c/g%3e %3cdefs%3e %3cfilter id='filter0_df_5839_100698' x='0' y='0' width='906' height='906' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3e %3cfeFlood flood-opacity='0' result='BackgroundImageFix'/%3e %3cfe

1ColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3e %3cfeOffset dy='1.66516'/%3e %3cfeGaussianBlur stdDeviation='0.832579'/%3e %3cfeComposite in2='hardAlpha' operator='out'/%3e %3cfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0'/%3e %3cfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_5839_100698'/%3e %3cfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_5839_100698' result='shape'/%3e %3cfeGaussianBlur stdDeviation='95' result='effect2_foregroundBlur_5839_100698'/%3e %3c/filter%3e %3c/defs%3e %3c/svg%3e"}}]);
2//# sourceMappingURL=CountdownWithImage-Chunk-25e8e21f32021338291c.js.map