https://www.nikon.ch/dist-client/MediaWithTwoCards-Chunk-a7da306095177b683f5c.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[5054],{97729(e,t,a){a.d(t,{A:()=>s});var i=a(13889),r=a(97500),o=a.n(r),n=a(65728);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},l.apply(null,arguments)}const s=({children:e,className:t,dataTestId:a,disabled:r=!1,editHint:s,hasCustomStyling:c,icon:d,iconSize:u="18px",interactionTheme:m="grey-600",isLightMode:b,link:p,secondary:g=!1,secondaryBackgroundClassName:y="bg-transparent",tabIndex:v,theme:f="yellow",linkCallback:h,onFocus:w,...A})=>{const x="black"===f,L="red"===f,k=o()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":g&&(x||L)}),E=(0,n.h)({className:t,disabled:r,hasCustomStyling:c,icon:d,interactionTheme:m,isLightMode:b,secondary:g,secondaryBackgroundClassName:y,theme:f});return p?.url&&(p?.name||e)&&!r?React.createElement("a",l({},A,{className:E,href:p.url,target:p.target,"data-epi-property-name":s,onClick:h,"data-testid":a,onFocus:w,tabIndex:v},"download"===d&&{download:p.url}),e||p.name,d&&React.createElement(i.A,{name:d,className:k,size:u})):React.createElement("button",l({},A,{className:E,disabled:r,"data-epi-property-name":s,"data-testid":a,onFocus:w,tabIndex:v}),e,d&&React.createElement(i.A,{name:d,className:"ml-2",colorClassName:k,size:u}))}},65728(e,t,a){a.d(t,{h:()=>o});var i=a(97500),r=a.n(i);const o=({className:e,disabled:t=!1,hasCustomStyling:a,icon:i,interactionTheme:o="grey-600",isLightMode:n,secondary:l=!1,secondaryBackgroundClassName:s="bg-transparent",theme:c="yellow"})=>{const d="yellow"===c,u="black"===c,m="red"===c;return r()({"bg-yellow py-1 px-4 text-black-100 hover:bg-yellow-100 focus:bg-yellow-500 active:bg-yellow-500":!a&&!t&&!l&&d,[`${s} 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&&l&&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]}`]:!a&&!t&&!l&&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&&l&&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&&l&&m,"bg-grey text-grey-500 py-1 px-4":t,"flex items-center w-fit group":i},"cta rounded-full inline-block min-h-min select-none",e)}},82043(e,t,a){a.d(t,{A:()=>o});var i=a(97500),r=a.n(i);const o=({children:e,className:t,dataTestId:a,epiEdit:i})=>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":i},e)},11183(e,t,a){a.d(t,{A:()=>d});var i=a(13889),r=a(26640),o=a(48210),n=a(97500),l=a.n(n),s=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 i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},c.apply(null,arguments)}const d=({children:e,classes:t,dataTestId:a,epiEdit:n,fallbackSize:d,image:u,imageClasses:m,imageRef:b,lazyLoad:p=!0,progressiveLoad:g=!0,showFallback:y,sizes:v=""})=>{const f=u?.mobile,h=u?.tablet,w=u?.desktop,A=u?.largeDesktop,x=(0,o.A)(),[L,k]=(0,s.useState)(!1);if(!w?.url&&!y)return null;const E={[r.A.Small]:f,[r.A.Medium]:h,[r.A.Large]:w,[r.A.XLarge]:A};return y&&!w?.url?React.createElement("div",{className:l()(t,"flex items-center justify-center")},React.createElement(i.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:v,srcSet:`${f?.url} 376w, ${h?.url} 768w, ${w?.url} 1024w, ${A?.url} 1440w`}),React.createElement("img",c({ref:b,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":n,draggable:"false",loading:p?"lazy":"eager",onLoad:()=>{k(!0)},sizes:v,src:L&&g?E[x]?.url:f?.url,height:E[x]?.height,width:E[x]?.width,srcSet:`${f?.originalUrl} 376w, ${h?.originalUrl} 768w, ${w?.originalUrl} 1024w, ${A?.originalUrl} 1440w`},a&&{"data-testid":a})),L&&e)}},64363(e,t,a){a.d(t,{A:()=>d});const i=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),r=(e,t)=>

1Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?i(a)?e[t]=r(a,t):e[t]=a:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),o=e=>{const t=Object.keys(e).reduce((t,a)=>{const o=e[a];return i(o)&&(t[a]=r(o,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var n=a(74632),l=a(24675),s=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 i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},c.apply(null,arguments)}const d=({tag:e,ref:t,variants:a,initial:i,animate:r,exit:d,transition:u,layout:m,whileHover:b,...p})=>{const g=(0,s.useMemo)(()=>n.P[e||"div"],[e]),y=(0,l.I)(),v={variants:a,initial:i,animate:r,exit:d,transition:u,whileHover:b};return React.createElement(g,c({ref:t},y?o(v):v,{layout:!y&&m},p))}},59387(e,t,a){a.d(t,{A:()=>b});var i=a(64363),r=a(39673),o=a(55169),n=a(43143),l=a(97505),s=a(97500),c=a.n(s),d=a(59471);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 i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},u.apply(null,arguments)}const m=(0,r.Ay)(()=>a.e(2550).then(a.t.bind(a,21323,23))),b=({classes:e,config:t,controls:a=!0,epiEdit:r,inlineStyles:s,isPlaying:b,ref:p,title:g,subtitles:y,videoAttributes:v,videoDescription:f,videoRatio:h="aspect-video",videoSource:w,videoWidthStyle:A="100%",videoWrapperOpacityProgress:x,onEndedVideo:L,onVideoPause:k,onVideoPlay:E,onVideoReady:C,onVideoStart:N,onVolumeChange:R})=>{const{videoAriaLabel:S}=(0,n.A)(),P=(0,l.A)(),V=(0,d.useRef)(0),I=(0,d.useRef)(!1),$=e=>{(0,o.A)({event:"videoProgress",video_progress:e,video_title:g||w})};return w?React.createElement(i.A,{ref:p,className:c()(e,h,"w-full"),"data-epi-property-name":r,"data-testid":b?"video-playing":"video-paused",style:{opacity:x??1,...s}},P&&React.createElement(m,u({url:w,width:A,height:"100%",controls:a,playing:!0,onProgress:({played:e})=>{var t;t=e,I.current||(V.current<.25&&t>.25&&$("25%"),V.current<.5&&t>.5&&$("50%"),V.current<.75&&t>.75&&$("75%"),V.current>.9&&t<.1&&($("100%"),I.current=!0),V.current=t)},onStart:()=>{N?.()},onEnded:()=>{L?.()},onPause:k,onPlay:E,onReady:C,config:{...t,file:{tracks:y||[],attributes:{"aria-label":`${S}${f?`: ${f}`:""}`}}},onVolumeChange:e=>{R?.(e.target)}},v))):null}},70122(e,t,a){a.d(t,{A:()=>g});var i=a(13889),r=a(11183),o=a(64363),n=a(59387),l=a(55169),s=a(43143),c=a(37417),d=a(97500),u=a.n(d),m=a(34629),b=a(32088),p=a(59471);const g=({autoPlay:e=!1,controls:t=!0,coverImage:a,dataTestId:d="In-View-Video",epiEdit:g,hasInVideoPlayButton:y,hasInVideoMuteButton:v,hasVideoOverlay:f=!0,inVideoMuteButtonPositionClassName:h="bottom-5 left-15",inVideoMuteButtonTabIndex:w=0,inVideoPlayButtonClassName:A,inVideoPlayButtonPositionClassName:x="bottom-5 left-5",inVideoPlayButtonTabIndex:L=0,inViewThreshold:k=.5,meta:E,playOnCoverClick:C=!0,subtitles:N,video:R,videoClasses:S,viedeoInlineStyles:P,videoRatio:V,videoWidthStyle:I,videoWrapperOpacityProgress:$,wrapperClasses:T,onFocusCallback:O,onVideoReady:j})=>{const M=(0,c.A)(),[z,F]=(0,p.useState)(!1),[W,B]=(0,p.useState)(!1),[D,H]=(0,p.useState)(v),[_,U]=(0,p.useState)(!1),G=(0,p.useRef)(null),X=(0,b.W)(G,{amount:k}),{playVideoAriaLabel:q,pauseVideoAriaLabel:K,muteVideoAriaLabel:Q,unmuteVideoAriaLabel:Y}=(0,s.A)(),Z=(0,p.useRef)(!1),J=e&&!M,ee=y?J&&!W:J;(0,p.useEffect)(()=>{F(ee&&X),Z.current=!0,v||H(!t||!X||ee)},[ee,X,t,v]);const te=e=>{(0,l.A)({event:"videoInteraction",video_interaction:e,video_title:R?.url})},ae=()=>{F(!z),B(z),te(z?"pause":"play")},ie=e=>{F(e),t&&!Z.current&&te(e?"play":"pause"),Z.current=!1};return React.createElement("div",{className:u()("relative",T),"data-testid":d,"data-epi-property-name":g},React.createElement(n.A,{classes:S,inlineStyles:P,title:R?.url,videoSource:R?.url,videoDescription:R?.description,ref:G,videoAttributes:{playsinline:!0,muted:D,playing:z,loop:!0},onVideoReady:()=>{U(!0),j?.()},epiEdit:E?.editHints?.video,controls:t,videoRatio:V,subtitles:N,isPlaying:z,onVideoPause:()=>{ie(!1)},onVideoPlay:()=>{ie(!0)},videoWrapperOpacityProgress:$,videoWidthStyle:I,onVolumeChange:e=>{H(0===e.volume||e.muted)}}),y&&_&&React.createElement("button",{type:"button","aria-label":z?K:q,className:u()("absolute z-20 flex h-7.5 w-7.5 items-center justify-center rounded-full bg-black bg-opacity-50",x,A),onClick:()=>{ae()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ae())},onFocus:O,"data-testid":`${d}-${z?"Pause":"Play"}

1-Button`,"data-video-control":"toggle",tabIndex:L},React.createElement(i.A,{name:z?"pause":"play_icon_filled",colorClassName:"text-white",size:"1.4rem",className:"pointer-events-none"})),v&&_&&React.createElement("button",{type:"button","aria-label":D?Y:Q,className:u()("absolute z-20 flex h-7.5 w-7.5 items-center justify-center rounded-full bg-black bg-opacity-50",h),onClick:()=>{H(!D)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H(!D))},"data-testid":`${d}-${D?"Unmute":"Mute"}-Button`,"data-video-control":"toggle",tabIndex:w},React.createElement(i.A,{name:D?"mute":"volume_up",colorClassName:"text-white",size:"1.4rem",className:"pointer-events-none"})),(a||!ee)&&f&&React.createElement(m.N,null,!z&&React.createElement(o.A,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:()=>{C&&(F(!0),te("play"),Z.current=!0)},className:"group absolute inset-0 flex items-center justify-center hover:cursor-pointer"},a&&React.createElement(r.A,{classes:"relative w-full h-full",image:a,imageClasses:"w-full h-full object-cover object-center",epiEdit:E?.editHints?.video,dataTestId:`${d}-Cover-Image`}),!ee&&a&&React.createElement("button",{type:"button","aria-label":q,className:"absolute bottom-2.5 left-2.5 flex items-center md:bottom-5 md:left-5",onClick:()=>{F(!0),te("play"),Z.current=!0},"data-testid":`${d}-Play-Button`},React.createElement("div",{className:"h-[2.1875rem] w-[2.1875rem] md:h-[2.875rem] md:w-[2.875rem]"},React.createElement(i.A,{name:"play_icon_circle",size:"100%"}))))))}},5146(e,t,a){a.r(t),a.d(t,{default:()=>d});var i=a(97729),r=a(82043),o=a(11183),n=a(70122),l=a(26093),s=a(97500),c=a.n(s);const d=({pretitle:e,title:t,subtitle:a,media:s,cards:d,meta:u})=>{const m="CT-181-Media-With-Two-Cards",b=(0,l.A)(1920),p=(0,l.A)(1440);return React.createElement("section",{className:"component-padding flex flex-col gap-20 bg-black-100 text-white","data-testid":m},React.createElement("div",{className:"container flex justify-center"},React.createElement("div",{className:"flex flex-col items-center justify-center text-center lg:w-3/5"},React.createElement(r.A,{className:"body-one mb-4 w-fit",dataTestId:`${m}-Pretitle`,epiEdit:u?.editHints?.pretitle},e),React.createElement("h2",{className:"h3 mb-6","data-testid":`${m}-Title`},t),React.createElement("p",{className:"body-two text-grey-500 lg:w-2/3","data-testid":`${m}-Subtitle`,"data-epi-property-name":u?.editHints?.subtitle},a))),React.createElement("div",{className:"container flex flex-col-reverse items-stretch gap-4 xl:flex-row"},React.createElement("div",{className:"flex flex-col justify-between gap-4 lg:flex-row xl:min-w-[400px] xl:max-w-[400px] xl:flex-col xl:overflow-hidden 2xl:w-2/5 2xl:max-w-fit"},d.map(({icon:e,text:t,link:a},r)=>React.createElement("div",{key:t,className:"flex flex-1 flex-col justify-center gap-4 roun

1ded-[10px] bg-grey-600 p-6 lg:gap-6 xl:min-h-0 xl:overflow-hidden xl:p-7.5 2xl:p-10"},e&&React.createElement(o.A,{image:e,classes:"w-8 h-8 lg:w-10 lg:h-10 2xl:w-12 2xl:h-12",dataTestId:`${m}-Card-Icon-${r}`,epiEdit:u?.editHints?.[`cards[${r}].icon`]}),React.createElement("p",{className:c()(b&&!p?"body-two":"body-one","max-xl:my-auto xl:line-clamp-4 2xl:pr-22"),"data-testid":`${m}-Card-Text-${r}`,"data-epi-property-name":u?.editHints?.[`cards[${r}].text`]},t),a?.name&&a?.url&&React.createElement(i.A,{className:"mt-2 w-fit",link:a,dataTestId:`${m}-Card-Link-${r}`,editHint:u?.editHints?.[`cards[${r}].link`]},a.name)))),React.createElement("div",{className:"rounded-[10px] xl:w-fit 2xl:w-3/5","data-epi-property-name":u?.editHints?.media},"url"in s&&s.url?React.createElement(n.A,{video:s,hasInVideoPlayButton:!0,controls:!1,autoPlay:!0,videoClasses:"[&>div>video]:object-cover h-full pointer-events-none",wrapperClasses:"w-full h-full",dataTestId:`${m}-Video`}):React.createElement(o.A,{image:s,classes:"h-full",imageClasses:"aspect-4/3 object-contain w-full",dataTestId:`${m}-Image`}))))}},26640(e,t,a){a.d(t,{A:()=>r});var i=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(i||{});const r=i},30680(e,t,a){a.d(t,{A:()=>r});var i=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(i||{});const r=i},9683(e,t,a){a.d(t,{A:()=>r});var i=a(60422);const r=(0,a(44285).A)(e=>({ariaLabels:i.A,setAriaLabels:t=>e({ariaLabels:t})}))},63904(e,t,a){a.d(t,{A:()=>r});var i=a(42926);const r=()=>{const e=Math.abs(window.outerWidth-window.innerWidth)<=50?1:Number((window.outerWidth/window.innerWidth).toFixed(2));return i.gm&&!i.Fr?window.devicePixelRatio:e}},55169(e,t,a){a.d(t,{A:()=>i});const i=e=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e))}},43143(e,t,a){a.d(t,{A:()=>n});var i=a(9683),r=a(60422),o=a(59471);const n=()=>{const[e,t]=(0,o.useState)(r.A),a=(0,i.A)(e=>e.ariaLabels);return(0,o.useEffect)(()=>{t(a)},[a]),e}},48210(e,t,a){a.d(t,{A:()=>s});var i=a(26640),r=a(30680),o=a(63904),n=a(59471);const l=e=>{const t=768,a=1024,n=1440,l=(0,o.A)(),s=e===r.A.Viewport?window.innerWidth:window.innerWidth*l;return s<t?i.A.Small:s>=t&&s<a?i.A.Medium:s>=a&&s<n?i.A.Large:i.A.XLarge},s=(e=r.A.Viewport)=>{const[t,a]=(0,n.useState)(),i=(0,n.useCallback)(()=>a(l(e)),[e]);return(0,n.useEffect)(()=>(window.addEventListener("resize",i),a(l(e)),()=>{window.removeEventListener("resize",i)}),[i,e]),t}},97505(e,t,a){a.d(t,{A:()=>r});var i=a(59471);const r=()=>{const[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{t(!0)},[]),e}},26093(e,t,a){a.d(t,{A:()=>n});var i=a(30680),r=a(63904),o=a(59471);const n=(e,t=i.A.Viewport)=>{const[a,n]=(0,o.useState)(),l=(0,o.useCallback)(()=>{const a=(0,r.A)(),o=t===i.A.Viewport?window.innerWidth:window.innerWidth*a;n(o<e)},[e,t]);return(0,o.useEffect)(()=>(window.addEventListener("resize",l),l(),()=>{window.removeEventListener("resize",l)}),[l]),a}},37417(e,t,a){a.d(t,{A:()=>o});var i=a(24675),r=a(97505);const o=()=>{const e=(0,r.A)();return(0,i.I)()&&e}},60422(e,t,a){a.d(t,{A:()=>i});const i={authorPageAriaLabel:"Author page",backToFirstLevelNavigationAriaLabel:"Back to first level of navigation",breadcrumbAriaLabel:"Breadcrumb navigation",breadcrumbFooterAriaLabel:"Breadcrumb footer navigation",carouselSlideAriaLabel:"Slide",checkoutStepAriaLabel:"Step",clearCompanyNumberAriaLabel:"Clear company number input field",clearFiltersAriaLabel:"Clear filters",closeAddressListAriaLabel:"Close address list",closeMenuAriaLabel:"Close menu",closeMobileNavigationAriaLabel:"Close navigation",closeModalAriaLabel:"Close Modal",closeSignUpFormAriaLabel:"Close signup form",closeSiteNotificationAriaLabel:"Close site notification",compareImagesAriaLabel:"Compare images",copyToClipboardAriaLabel:"Copy to clipboard",countrySelectorCurrentCountryAriaLabel:"Select country, currently {0}",currentPriceAriaLabel:"Now",dateDayAriaLabel:"Day",dateMonthAriaLabel:"Month",dateYearAriaLabel:"Year",decreaseItemQuantityAriaLabel:"Decrease item quantity",editOrDeleteAriaLabel:"Edit or delete",filterOptionsAriaLabel:"Filter options",genreListingPageAriaLabel:"Genre listing page",goToSlideAriaLabel:"Go to slide",helpTextAriaLabel:"Help text",increaseItemQuantityAriaLabel:"Increase item quantity",initialPriceAriaLabel:"Was",mainNavigationAriaLabel:"Main navigation",moreInformationAriaLabel:"More information",muteVideoAriaLabel:"Mute video",nextAriaLabel:"Go to next slide",nikonHomepageAriaLabel:"Go to the Nikon homepage",openAddressListAriaLabel:"Open address list",openImageInFullScreenAriaLabel:"Open image in full screen",openMenuAriaLabel:"Open menu",overlayToCloseDesktopNavigationAriaLabel:"Close overlay",pauseVideoAriaLabel:"Pause video",phoneNumberPrefixAriaLabel:"Phone number prefix",playVideoAriaLabel:"Play video",play3DAriaLabel:"Play 3D view",playFPSPreviewAriaLabel:"Play FPS preview",pauseFPSPreviewAriaLabel:"Pause FPS preview",pause3DAriaLabel:"Pause 3D view",previousAriaLabel:"Go to previous slide",removeItemFromCartAriaLabel:"Remove item from cart",searchAriaLabel:"Search",shareToFacebookAriaLabel:"Share to Facebook",shareToWhatsappAriaLabel:"Share to Whatsapp",shareToXAriaLabel:"Share to X",siteNotificationsAriaLabel:"Site notifications banner",unmuteVideoAriaLabel:"Unmute video",useLeftAndRightArrowKeysAriaLabel:"Use the left and right arrow keys to adjust the image comparison.",uspStripAriaLabel:"Unique Selling Point Strip",videoAriaLabel:"Video",zoomInAriaLabel:"Zoom in",zoomOutAriaLabel:"Zoom out"}}}]);
2//# sourceMappingURL=MediaWithTwoCards-Chunk-a7da306095177b683f5c.js.map