https://www.nikon.si/dist-client/ScrollRevealHero-Chunk-982d95c1c0ea24cacb4f.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[1135],{76439(e,t,a){a.d(t,{A:()=>d});var i=a(36223),n=a(30808),r=a(4586),o=a(97500),l=a.n(o),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=({ariaHidden:e,children:t,classes:a,dataTestId:o,epiEdit:d,fallbackSize:u,image:m,imageClasses:p,imageRef:b,lazyLoad:A=!0,progressiveLoad:v=!0,showFallback:y,sizes:f=""})=>{const g=m?.mobile,h=m?.tablet,w=m?.desktop,L=m?.largeDesktop,E=(0,r.A)(),[R,S]=(0,s.useState)(!1);if(!w?.url&&!y)return null;const x={[n.A.Small]:g,[n.A.Medium]:h,[n.A.Large]:w,[n.A.XLarge]:L};return y&&!w?.url?React.createElement("div",{className:l()(a,"flex items-center justify-center")},React.createElement(i.A,{ariaHidden:!0,className:l()(p,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:u??"100%"}),t):React.createElement("picture",{className:l()(a)},React.createElement("source",{type:"image/webp",sizes:f,srcSet:`${g?.url} 376w, ${h?.url} 768w, ${w?.url} 1024w, ${L?.url} 1440w`}),React.createElement("img",c({ref:b,alt:m?.altText?.length?m?.altText:"nikon-image","aria-hidden":e,className:l()(p,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":d,draggable:"false",loading:A?"lazy":"eager",onLoad:()=>{S(!0)},sizes:f,src:R&&v?x[E]?.url:g?.url,height:x[E]?.height,width:x[E]?.width,srcSet:`${g?.originalUrl} 376w, ${h?.originalUrl} 768w, ${w?.originalUrl} 1024w, ${L?.originalUrl} 1440w`},o&&{"data-testid":o})),R&&t)}},47976(e,t,a){a.d(t,{A:()=>d});const i=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),n=(e,t)=>Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?i(a)?e[t]=n(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]=n(r,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var o=a(63392),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:n,exit:d,transition:u,layout:m,whileHover:p,...b})=>{const A=(0,s.useMemo)(()=>o.P[e||"div"],[e]),v=(0,l.I)(),y={variants:a,initial:i,animate:n,exit:d,transition:u,whileHover:p};return React.createElement(A,c({ref:t},v?r(y):y,{layout:!v&&m},b))}},7299(e,t,a){a.d(t,{A:()=>p});var i=a(47976),n=a(17053),r=a(66665),o=a(73359),l=a(2569),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,n.Ay)(()=>a.e(2550).then(a.t.bind(a,21323,23))),p=({classes:e,config:t,controls:a=!0,epiEdit:n,inlineStyles:s,isPlaying:p,ref:b,title:A,subtitles:v,videoAttributes:y,videoDescription:f,videoRatio:g="aspect-video",videoSource:h,videoWidthStyle:w="100%",videoWrapperOpacityProgress:L,onEndedVideo:E,onVideoPause:R,onVideoPlay:S,onVideoReady:x,onVideoStart:P,onVolumeChange:C})=>{const{videoAriaLabel:N}=(0,o.A)(),V=(0,l.A)(),k=(0,d.useRef)(0),I=(0,d.useRef)(!1),z=e=>{(0,r.A)({event:"videoProgress",video_progress:e,video_title:A||h})};return h?React.createElement(i.A,{ref:b,className:c()(e,g,"w-full"),"data-epi-property-name":n,"data-testid":p?"video-playing":"video-paused",style:{opacity:L??1,...s}},V&&React.createElement(m,u({url:h,width:w,height:"100%",controls:a,playing:!0,onProgress:({played:e})=>{var t;t=e,I.current||(k.current<.25&&t>.25&&z("25%"),k.current<.5&&t>.5&&z("50%"),k.current<.75&&t>.75&&z("75%"),k.current>.9&&t<.1&&(z("100%"),I.current=!0),k.current=t)},onStart:()=>{P?.()},onEnded:()=>{E?.()},onPause:R,onPlay:S,onReady:x,config:{...t,file:{tracks:v||[],attributes:{"aria-label":`${N}${f?`: ${f}`:""}`}}},onVolumeChange:e=>{C?.(e.target)}},y))):null}},34578(e,t,a){a.d(t,{A:()=>A});var i=a(36223),n=a(76439),r=a(47976),o=a(7299),l=a(66665),s=a(73359),c=a(65505),d=a(97500),u=a.n(d),m=a(34629),p=a(32088),b=a(59471);const A=({autoPlay:e=!1,controls:t=!0,coverImage:a,dataTestId:d="In-View-Video",epiEdit:A,hasInVideoPlayButton:v,hasInVideoMuteButton:y,hasVideoOverlay:f=!0,inVideoMuteButtonPositionClassName:g="bottom-5 left-15",inVideoMuteButtonTabIndex:h=0,inVideoPlayButtonClassName:w,inVideoPlayButtonPositionClassName:L="bottom-5 left-5",inVideoPlayButtonTabIndex:E=0,inViewThreshold:R=.5,meta:S,playOnCoverClick:x=!0,subtitles:P,video:C,videoClasse

1s:N,viedeoInlineStyles:V,videoRatio:k,videoWidthStyle:I,videoWrapperOpacityProgress:z,wrapperClasses:O,onFocusCallback:j,onVideoReady:T})=>{const F=(0,c.A)(),[W,M]=(0,b.useState)(!1),[D,$]=(0,b.useState)(!1),[B,H]=(0,b.useState)(y),[_,G]=(0,b.useState)(!1),U=(0,b.useRef)(null),X=(0,p.W)(U,{amount:R}),{playVideoAriaLabel:q,pauseVideoAriaLabel:K,muteVideoAriaLabel:Y,unmuteVideoAriaLabel:Q}=(0,s.A)(),Z=(0,b.useRef)(!1),J=e&&!F,ee=v?J&&!D:J;(0,b.useEffect)(()=>{M(ee&&X),Z.current=!0,y||H(!t||!X||ee)},[ee,X,t,y]);const te=e=>{(0,l.A)({event:"videoInteraction",video_interaction:e,video_title:C?.url})},ae=()=>{M(!W),$(W),te(W?"pause":"play")},ie=e=>{M(e),t&&!Z.current&&te(e?"play":"pause"),Z.current=!1};return React.createElement("div",{className:u()("relative",O),"data-testid":d,"data-epi-property-name":A},React.createElement(o.A,{classes:N,inlineStyles:V,title:C?.url,videoSource:C?.url,videoDescription:C?.description,ref:U,videoAttributes:{playsinline:!0,muted:B,playing:W,loop:!0},onVideoReady:()=>{G(!0),T?.()},epiEdit:S?.editHints?.video,controls:t,videoRatio:k,subtitles:P,isPlaying:W,onVideoPause:()=>{ie(!1)},onVideoPlay:()=>{ie(!0)},videoWrapperOpacityProgress:z,videoWidthStyle:I,onVolumeChange:e=>{H(0===e.volume||e.muted)}}),v&&_&&React.createElement("button",{type:"button","aria-label":W?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",L,w),onClick:()=>{ae()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ae())},onFocus:j,"data-testid":`${d}-${W?"Pause":"Play"}-Button`,"data-video-control":"toggle",tabIndex:E},React.createElement(i.A,{name:W?"pause":"play_icon_filled",colorClassName:"text-white",size:"1.4rem",className:"pointer-events-none"})),y&&_&&React.createElement("button",{type:"button","aria-label":B?Q:Y,className:u()("absolute z-20 flex h-7.5 w-7.5 items-center justify-center rounded-full bg-black bg-opacity-50",g),onClick:()=>{H(!B)},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H(!B))},"data-testid":`${d}-${B?"Unmute":"Mute"}-Button`,"data-video-control":"toggle",tabIndex:h},React.createElement(i.A,{name:B?"mute":"volume_up",colorClassName:"text-white",size:"1.4rem",className:"pointer-events-none"})),(a||!ee)&&f&&React.createElement(m.N,null,!W&&React.createElement(r.A,{initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>{x&&(M(!0),te("play"),Z.current=!0)},className:"group absolute inset-0 flex items-center justify-center hover:cursor-pointer"},a&&React.createElement(n.A,{classes:"relative w-full h-full",image:a,imageClasses:"w-full h-full object-cover object-center",epiEdit:S?.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:()=>{M(!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%"}))))))}},8222(e,t,a){a.d(t,{A:()=>c});var i=a(47976),n=a(76081),r=a(68194),o=a(65505),l=a(32088),s=a(59471);const c=({children:e,isAnimationDisabled:t})=>{const a=(0,o.A)(),c=(0,r.A)(),d=(0,s.useRef)(null),u=(0,l.W)(d,{once:!0,margin:"100% 0px -15% 0px"}),{isSoftLoadEnabled:m}=(0,n.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return t||c?React.createElement(React.Fragment,null,e):React.createElement(i.A,{"data-testid":"Soft-Load-Wrapper",ref:d,variants:{hidden:{opacity:0,y:60},visible:{opacity:1,y:0}},initial:"hidden",animate:m&&u||!1===m||a?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===m?0:.6},y:{ease:"easeOut",duration:m?.6:0}}},e)}},87528(e,t,a){a.r(t),a.d(t,{default:()=>y});var i=a(76439),n=a(47976),r=a(44528),o=a(34578),l=a(8222),s=a(28885),c=a(68194),d=a(65505),u=a(25264),m=a(97500),p=a.n(m),b=a(11866),A=a(13859),v=a(59471);const y=({title:e,subtitle:t,video:a,logo:m,meta:y})=>{const f=(0,v.useRef)(null),g=(0,d.A)(),h=(0,s.A)(576),w=!(0,s.A)(576,r.A.Screen)&&h,L=(0,c.A)(),E=g||L,{scrollYProgress:R}=(0,b.L)({target:f,offset:["start start","end end"]}),S=(0,u.S)(R,{stiffness:300,damping:100}),x=(0,A.G)(S,[.15,.2],[0,.4]),P=(0,A.G)(S,m?[.25,.45,.58,.66]:[.35,.5],m?[0,1,1,0]:[0,1]),C=(0,A.G)(S,m?[.25,.45,.58,.66]:[.35,.45],m?[60,0,0,-60]:[60,0]),N=(0,A.G)(S,[.6,.75],[0,1]),V=(0,A.G)(S,[.6,.75],[60,0]);return React.createElement("section",{className:"component-padding mt-5 bg-black-100 text-white","data-testid":"CT-178-Scroll-Reveal-Hero"},React.createElement(l.A,null,React.createElement("div",{ref:f,className:p()("relative",!m&&!E&&"h-[300vh]",m&&!E&&"h-[350vh]",g&&"h-[100vh]",L&&"h-[750px]")},React.createElement("div",{className:"sticky top-0 h-screen overflow-hidden"},React.createElement(o.A,{hasInVideoPlayButton:!0,dataTestId:"CT-155-Expanding-Video-In-View-Video",inVideoPlayButtonPositionClassName:"bottom-2.5 left-2.5 md:bottom-5 md:left-5 z-30",video:a,autoPlay:!0,controls:!1,wrapperClasses:"absolute inset-0 w-full h-full",videoClasses:"[&>div>video]:object-cover h-full",epiEdit:y?.editHints?.video}),React.createElement(n.A,{className:"absolute inset-0 z-10 bg-black","aria-hidden":!0,style:{opacity:E?.4:x}}),React.createElement(n.A,{className:"absolute inset-x-0 bottom-0 z-15 h-1/3 bg-gradient-to-t from-black/100 to-transparent","aria-hidden":!0,style:{opacity:E?1:x}}),E?React.createElement("div",{className:"absolute inset-0 z-20 flex items-center justify-center px-6"},React.createElement("div",{className:p()("flex w-full flex-col items-center justify-center text-center max-lg:mx-5 lg:max-w-[50%] xl:max-w-[35%]",w?"gap-5":"gap-10")},React.createElement("h2",{className:p()(w?"body-one":"h1"),"data-epi-property-name":y?.editHints?.title},e),t&&React.createElement("p",{className:p()(w?"body-four":"h6"),"data-epi-property-name":y?.editHints?.subtitle},t),m&&React.createElement(i.A,{image:m,classes:"max-w-[200px] md:max-w-[300px]",lazyLoad:!1,epiEdit:y?.editHints?.logo}))):React.createElement(React.Fragment,null,React.createElement(n.A,{className:"absolute inset-0 z-20 flex items-center justify-center px-6",style:{opacity:P,y:C}},React.createElement("div",{className:p()("flex w-full flex-col items-center justify-center text-center max-lg:mx-5 lg:max-w-[50%] xl:max-w-[35%]",w?"gap-5":"gap-10")},React.createElement("h2",{className:p()(w?"body-one":"h1")},e),t&&React.createElement("p",{className:p()(w?"body-four":"h6")},t))),m&&React.createElement(n.A,{className:"absolute inset-0 z-20 flex items-center justify-center",style:{opacity:N,y:V}},React.createElement(i.A,{image:m,classes:"max-w-[200px] md:max-w-[300px]",lazyLoad:!1})))))))}},30808(e,t,a){a.d(t,{A:()=>n});var i=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(i||{});const n=i},44528(e,t,a){a.d(t,{A:()=>n});

1var i=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(i||{});const n=i},45403(e,t,a){a.d(t,{A:()=>n});var i=a(80078);const n=(0,a(44285).A)(e=>({ariaLabels:i.A,setAriaLabels:t=>e({ariaLabels:t})}))},76081(e,t,a){a.d(t,{A:()=>i});const i=(0,a(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:t=>e({isSoftLoadEnabled:t})}))},80552(e,t,a){a.d(t,{A:()=>n});var i=a(42926);const n=()=>{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}},66665(e,t,a){a.d(t,{A:()=>i});const i=e=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e))}},73359(e,t,a){a.d(t,{A:()=>o});var i=a(45403),n=a(80078),r=a(59471);const o=()=>{const[e,t]=(0,r.useState)(n.A),a=(0,i.A)(e=>e.ariaLabels);return(0,r.useEffect)(()=>{t(a)},[a]),e}},4586(e,t,a){a.d(t,{A:()=>s});var i=a(30808),n=a(44528),r=a(80552),o=a(59471);const l=e=>{const t=768,a=1024,o=1440,l=(0,r.A)(),s=e===n.A.Viewport?window.innerWidth:window.innerWidth*l;return s<t?i.A.Small:s>=t&&s<a?i.A.Medium:s>=a&&s<o?i.A.Large:i.A.XLarge},s=(e=n.A.Viewport)=>{const[t,a]=(0,o.useState)(),i=(0,o.useCallback)(()=>a(l(e)),[e]);return(0,o.useEffect)(()=>(window.addEventListener("resize",i),a(l(e)),()=>{window.removeEventListener("resize",i)}),[i,e]),t}},2569(e,t,a){a.d(t,{A:()=>n});var i=a(59471);const n=()=>{const[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{t(!0)},[]),e}},28885(e,t,a){a.d(t,{A:()=>o});var i=a(44528),n=a(80552),r=a(59471);const o=(e,t=i.A.Viewport)=>{const[a,o]=(0,r.useState)(),l=(0,r.useCallback)(()=>{const a=(0,n.A)(),r=t===i.A.Viewport?window.innerWidth:window.innerWidth*a;o(r<e)},[e,t]);return(0,r.useEffect)(()=>(window.addEventListener("resize",l),l(),()=>{window.removeEventListener("resize",l)}),[l]),a}},68194(e,t,a){a.d(t,{A:()=>n});var i=a(59471);const n=()=>{const[e,t]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{t(window.self!==window.top)},[]),e}},65505(e,t,a){a.d(t,{A:()=>r});var i=a(24675),n=a(2569);const r=()=>{const e=(0,n.A)();return(0,i.I)()&&e}},25264(e,t,a){a.d(t,{C:()=>o,S:()=>r});var i=a(27903),n=a(24675);const r=(e,t)=>{const a=(0,n.I)(),r=(0,i.z)(e,t);return a?e:r},o=(e,t)=>{const a=(0,n.I)(),r=(0,i.z)(e,t);return a?e:r}},80078(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=ScrollRevealHero-Chunk-982d95c1c0ea24cacb4f.js.map