https://www.nikon.ch/dist-client/InspirationReelItem-Chunk-804525591321f6255beb.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[3696],{97729(e,t,a){a.d(t,{A:()=>s});var i=a(13889),o=a(97500),r=a.n(o),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:o=!1,editHint:s,hasCustomStyling:c,icon:d,iconSize:u="18px",interactionTheme:m="grey-600",isLightMode:p,link:b,secondary:g=!1,secondaryBackgroundClassName:y="bg-transparent",tabIndex:v,theme:h="yellow",linkCallback:f,onFocus:A,...w})=>{const x="black"===h,L="red"===h,k=r()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":g&&(x||L)}),C=(0,n.h)({className:t,disabled:o,hasCustomStyling:c,icon:d,interactionTheme:m,isLightMode:p,secondary:g,secondaryBackgroundClassName:y,theme:h});return b?.url&&(b?.name||e)&&!o?React.createElement("a",l({},w,{className:C,href:b.url,target:b.target,"data-epi-property-name":s,onClick:f,"data-testid":a,onFocus:A,tabIndex:v},"download"===d&&{download:b.url}),e||b.name,d&&React.createElement(i.A,{name:d,className:k,size:u})):React.createElement("button",l({},w,{className:C,disabled:o,"data-epi-property-name":s,"data-testid":a,onFocus:A,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:()=>r});var i=a(97500),o=a.n(i);const r=({className:e,disabled:t=!1,hasCustomStyling:a,icon:i,interactionTheme:r="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 o()({"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"}[r]}`]:!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)}},11183(e,t,a){a.d(t,{A:()=>d});var i=a(13889),o=a(26640),r=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:p,lazyLoad:b=!0,progressiveLoad:g=!0,showFallback:y,sizes:v=""})=>{const h=u?.mobile,f=u?.tablet,A=u?.desktop,w=u?.largeDesktop,x=(0,r.A)(),[L,k]=(0,s.useState)(!1);if(!A?.url&&!y)return null;const C={[o.A.Small]:h,[o.A.Medium]:f,[o.A.Large]:A,[o.A.XLarge]:w};return y&&!A?.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:`${h?.url} 376w, ${f?.url} 768w, ${A?.url} 1024w, ${w?.url} 1440w`}),React.createElement("img",c({ref:p,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:b?"lazy":"eager",onLoad:()=>{k(!0)},sizes:v,src:L&&g?C[x]?.url:h?.url,height:C[x]?.height,width:C[x]?.width,srcSet:`${h?.originalUrl} 376w, ${f?.originalUrl} 768w, ${A?.originalUrl} 1024w, ${w?.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),o=(e,t)=>

1Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?i(a)?e[t]=o(a,t):e[t]=a:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),r=e=>{const t=Object.keys(e).reduce((t,a)=>{const r=e[a];return i(r)&&(t[a]=o(r,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:o,exit:d,transition:u,layout:m,whileHover:p,...b})=>{const g=(0,s.useMemo)(()=>n.P[e||"div"],[e]),y=(0,l.I)(),v={variants:a,initial:i,animate:o,exit:d,transition:u,whileHover:p};return React.createElement(g,c({ref:t},y?r(v):v,{layout:!y&&m},b))}},59387(e,t,a){a.d(t,{A:()=>p});var i=a(64363),o=a(39673),r=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,o.Ay)(()=>a.e(2550).then(a.t.bind(a,21323,23))),p=({classes:e,config:t,controls:a=!0,epiEdit:o,inlineStyles:s,isPlaying:p,ref:b,title:g,subtitles:y,videoAttributes:v,videoDescription:h,videoRatio:f="aspect-video",videoSource:A,videoWidthStyle:w="100%",videoWrapperOpacityProgress:x,onEndedVideo:L,onVideoPause:k,onVideoPlay:C,onVideoReady:S,onVideoStart:R,onVolumeChange:P})=>{const{videoAriaLabel:E}=(0,n.A)(),N=(0,l.A)(),I=(0,d.useRef)(0),V=(0,d.useRef)(!1),T=e=>{(0,r.A)({event:"videoProgress",video_progress:e,video_title:g||A})};return A?React.createElement(i.A,{ref:b,className:c()(e,f,"w-full"),"data-epi-property-name":o,"data-testid":p?"video-playing":"video-paused",style:{opacity:x??1,...s}},N&&React.createElement(m,u({url:A,width:w,height:"100%",controls:a,playing:!0,onProgress:({played:e})=>{var t;t=e,V.current||(I.current<.25&&t>.25&&T("25%"),I.current<.5&&t>.5&&T("50%"),I.current<.75&&t>.75&&T("75%"),I.current>.9&&t<.1&&(T("100%"),V.current=!0),I.current=t)},onStart:()=>{R?.()},onEnded:()=>{L?.()},onPause:k,onPlay:C,onReady:S,config:{...t,file:{tracks:y||[],attributes:{"aria-label":`${E}${h?`: ${h}`:""}`}}},onVolumeChange:e=>{P?.(e.target)}},v))):null}},70122(e,t,a){a.d(t,{A:()=>g});var i=a(13889),o=a(11183),r=a(64363),n=a(59387),l=a(55169),s=a(43143),c=a(37417),d=a(97500),u=a.n(d),m=a(34629),p=a(32088),b=a(59471);const g=({autoPlay:e=!1,controls:t=!0,coverImage:a,dataTestId:d="In-View-Video",epiEdit:g,hasInVideoPlayButton:y,hasInVideoMuteButton:v,hasVideoOverlay:h=!0,inVideoMuteButtonPositionClassName:f="bottom-5 left-15",inVideoMuteButtonTabIndex:A=0,inVideoPlayButtonClassName:w,inVideoPlayButtonPositionClassName:x="bottom-5 left-5",inVideoPlayButtonTabIndex:L=0,inViewThreshold:k=.5,meta:C,playOnCoverClick:S=!0,subtitles:R,video:P,videoClasses:E,viedeoInlineStyles:N,videoRatio:I,videoWidthStyle:V,videoWrapperOpacityProgress:T,wrapperClasses:$,onFocusCallback:M,onVideoReady:O})=>{const B=(0,c.A)(),[z,F]=(0,b.useState)(!1),[j,D]=(0,b.useState)(!1),[H,W]=(0,b.useState)(v),[_,U]=(0,b.useState)(!1),G=(0,b.useRef)(null),X=(0,p.W)(G,{amount:k}),{playVideoAriaLabel:Z,pauseVideoAriaLabel:q,muteVideoAriaLabel:K,unmuteVideoAriaLabel:Q}=(0,s.A)(),Y=(0,b.useRef)(!1),J=e&&!B,ee=y?J&&!j:J;(0,b.useEffect)(()=>{F(ee&&X),Y.current=!0,v||W(!t||!X||ee)},[ee,X,t,v]);const te=e=>{(0,l.A)({event:"videoInteraction",video_interaction:e,video_title:P?.url})},ae=()=>{F(!z),D(z),te(z?"pause":"play")},ie=e=>{F(e),t&&!Y.current&&te(e?"play":"pause"),Y.current=!1};return React.createElement("div",{className:u()("relative",$),"data-testid":d,"data-epi-property-name":g},React.createElement(n.A,{classes:E,inlineStyles:N,title:P?.url,videoSource:P?.url,videoDescription:P?.description,ref:G,videoAttributes:{playsinline:!0,muted:H,playing:z,loop:!0},onVideoReady:()=>{U(!0),O?.()},epiEdit:C?.editHints?.video,controls:t,videoRatio:I,subtitles:R,isPlaying:z,onVideoPause:()=>{ie(!1)},onVideoPlay:()=>{ie(!0)},videoWrapperOpacityProgress:T,videoWidthStyle:V,onVolumeChange:e=>{W(0===e.volume||e.muted)}}),y&&_&&React.createElement("button",{type:"button","aria-label":z?q:Z,className:u()("absolute z-20 flex h-7.5 w-7.5 items-center justify-center rounded-full bg-black bg-opacity-50",x,w),onClick:()=>{ae()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ae())},onFocus:M,"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":H?Q:K,className:u()("absolute z-20 flex h-7.5 w-7.5 items-center justify-center rounded-full bg-black bg-opacity-50",f),onClick:()=>{W(!H)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),W(!H))},"data-testid":`${d}-${H?"Unmute":"Mute"}-Button`,"data-video-control":"toggle",tabIndex:A},React.createElement(i.A,{name:H?"mute":"volume_up",colorClassName:"text-white",size:"1.4rem",className:"pointer-events-none"})),(a||!ee)&&h&&React.createElement(m.N,null,!z&&React.createElement(r.A,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:()=>{S&&(F(!0),te("play"),Y.current=!0)},className:"group absolute inset-0 flex items-center justify-center hover:cursor-pointer"},a&&React.createElement(o.A,{classes:"relative w-full h-full",image:a,imageClasses:"w-full h-full object-cover object-center",epiEdit:C?.editHints?.video,dataTestId:`${d}-Cover-Image`}),!ee&&a&&React.createElement("button",{type:"button","aria-label":Z,className:"absolute bottom-2.5 left-2.5 flex items-center md:bottom-5 md:left-5",onClick:()=>{F(!0),te("play"),Y.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%"}))))))}},4035(e,t,a){a.r(t),a.d(t,{default:()=>d});var i=a(97729),o=a(11183),r=a(64363),n=a(70122),l=a(55169),s=a(97500),c=a.n(s);const d=({title:e,description:t,pills:a,logo:s,video:d,link:u,meta:m,cardIndex:p,activeSectionIndex:b,videoContainerHeight:g,topVideoOffset:y,horizontalVideoOffset:v,isMobileViewport:h,isSmallDesktopScreen:f,isSmallMobileViewport:A,isZoomedDesktop:w,isZoomedSmallDesktop:x})=>{const L=p===b,k=p>=b+1,C=p<=b-1,S=Math.abs(p-b);return React.createElement(r.A,{key:e,initial:"initial",animate:L?"active":k?"next":C?"prev":"initial",className:c()("absolute z-30",{"max-md:mx-6 max-lg:mx-10":!w}),style:{height:`${g}%`},variants:{initial:{opacity:0}

1,active:{top:0,left:0,right:0,opacity:1},next:{top:`calc(${g*S}% + ${A?10:40}px)`,left:v,right:v,opacity:.3,transition:{delay:.2,duration:.6}},prev:{top:-y*S,left:v*S,right:v*S,opacity:1}},transition:{opacity:{duration:.2},duration:.6,ease:"easeInOut"},"data-testid":`CT-174-Inspiration-Reel-Slide-${p}`,"aria-hidden":!L},React.createElement(n.A,{video:d,wrapperClasses:"w-full h-full",inVideoPlayButtonPositionClassName:"bottom-5 left-5 lg:bottom-10 lg:left-10",inVideoMuteButtonPositionClassName:"bottom-5 left-[58px] lg:bottom-10 lg:left-[86px]",videoClasses:"[&>div>video]:object-cover pointer-events-none [&>div>video]:rounded-[10px] h-full",autoPlay:L,hasInVideoPlayButton:!0,hasInVideoMuteButton:!0,hasVideoOverlay:!1,inVideoMuteButtonTabIndex:L?0:-1,inVideoPlayButtonTabIndex:L?0:-1,controls:!1,dataTestId:`CT-174-Inspiration-Reel-Slide-${p}-Video`,epiEdit:m?.editHints?.video}),React.createElement("div",{className:"absolute bottom-0 h-3/5 w-full rounded-b-[10px] bg-gradient-to-t from-black/80"}),React.createElement("div",{className:c()("absolute bottom-15 left-5 flex flex-col gap-y-2.5 max-md:right-5 md:bottom-[70px] md:w-1/2 lg:bottom-[96px] lg:left-10 lg:gap-y-4 xl:w-3/5",f?"lg:w-4/5":"lg:right-10 lg:w-auto xl:right-0",{"opacity-0":w&&C})},s&&React.createElement("div",{className:"flex max-md:max-w-[50%] lg:max-w-[50%]","data-epi-property-name":m?.editHints?.logo},React.createElement(o.A,{image:s,imageClasses:"object-contain w-full h-[42px] lg:h-16 xl:h-24",dataTestId:`CT-174-Inspiration-Reel-Slide-${p}-Logo`})),React.createElement("p",{className:h?"h6":"h5","data-testid":`CT-174-Inspiration-Reel-Slide-${p}-Title`,"data-epi-property-name":m?.editHints?.title},e),!!a?.length&&!x&&React.createElement("ul",{className:"flex flex-wrap gap-4 max-lg:hidden","data-testid":`CT-174-Inspiration-Reel-Slide-${p}-Pills`,"data-epi-property-name":m?.editHints?.pills},a.map((e,t)=>React.createElement("li",{key:e,className:"body-two rounded-full bg-grey-600 px-4 py-1","data-testid":`CT-174-Inspiration-Reel-Slide-${p}-Pill-${t}`},e))),t&&React.createElement("div",{className:"body-one text-grey-400 max-lg:hidden","data-testid":`CT-174-Inspiration-Reel-Slide-${p}-Description`,dangerouslySetInnerHTML:{__html:t},"data-epi-property-name":m?.editHints?.description})),u?.name&&u.url&&React.createElement("div",{className:"absolute right-5 bottom-5 lg:right-10 lg:bottom-10","data-epi-property-name":m?.editHints?.link},React.createElement(i.A,{tabIndex:L?0:-1,link:u,icon:u?.linkIcon,linkCallback:()=>{(0,l.A)({event:"selectContent",content_type:"Inspiration reel",link_text:u?.name,video_title:e||d?.url})},dataTestId:`CT-174-Inspiration-Reel-Slide-${p}-CTA`})))}},26640(e,t,a){a.d(t,{A:()=>o});var i=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(i||{});const o=i},30680(e,t,a){a.d(t,{A:()=>o});var i=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(i||{});const o=i},9683(e,t,a){a.d(t,{A:()=>o});var i=a(60422);const o=(0,a(44285).A)(e=>({ariaLabels:i.A,setAriaLabels:t=>e({ariaLabels:t})}))},63904(e,t,a){a.d(t,{A:()=>o});var i=a(42926);const o=()=>{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),o=a(60422),r=a(59471);const n=()=>{const[e,t]=(0,r.useState)(o.A),a=(0,i.A)(e=>e.ariaLabels);return(0,r.useEffect)(()=>{t(a)},[a]),e}},48210(e,t,a){a.d(t,{A:()=>s});var i=a(26640),o=a(30680),r=a(63904),n=a(59471);const l=e=>{const t=768,a=1024,n=1440,l=(0,r.A)(),s=e===o.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=o.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:()=>o});var i=a(59471);const o=()=>{const[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{t(!0)},[]),e}},37417(e,t,a){a.d(t,{A:()=>r});var i=a(24675),o=a(97505);const r=()=>{const e=(0,o.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",clearFiltersAri

1aLabel:"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=InspirationReelItem-Chunk-804525591321f6255beb.js.map