https://www.nikon.fr/dist-client/InlineVideo-Chunk-561d833a6f484940bf5a.js

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

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

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>{P&&(D(!0),ae("play"),Z.current=!0)},className:"group absolute inset-0 flex items-center justify-center hover:cursor-pointer"},t&&React.createElement(r.A,{classes:"relative w-full h-full",image:t,imageClasses:"w-full h-full object-cover object-center",epiEdit:C?.editHints?.video,dataTestId:`${d}-Cover-Image`}),!ee&&t&&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:()=>{D(!0),ae("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,a,t){t.d(a,{A:()=>c});var i=t(47976),r=t(76081),o=t(68194),n=t(65505),l=t(32088),s=t(59471);const c=({children:e,isAnimationDisabled:a})=>{const t=(0,n.A)(),c=(0,o.A)(),d=(0,s.useRef)(null),u=(0,l.W)(d,{once:!0,margin:"100% 0px -15% 0px"}),{isSoftLoadEnabled:m}=(0,r.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return a||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||t?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===m?0:.6},y:{ease:"easeOut",duration:m?.6:0}}},e)}},76638(e,a,t){t.r(a),t.d(a,{default:()=>o});var i=t(34578),r=t(8222);const o=({title:e,text:a,video:t,autoPlay:o,coverImage:n,meta:l,subtitles:s,anchorId:c=""})=>React.createElement("section",{className:"component-padding bg-white dark:bg-black-100",id:`a-${c}`,"data-testid":"CT-10-C-Inline-Video"},React.createElement(r.A,null,React.createElement("div",{className:"inner two-col-spacing container relative flex flex-col"},(e||a)&&React.createElement("div",{className:"max-lg:order-last max-lg:mt-7.5 lg:mb-[70px] lg:grid lg:grid-cols-12"},React.createElement("div",{className:"flex flex-col gap-y-5 lg:col-span-6 lg:col-start-2 lg:gap-y-7.5"},e&&React.createElement("p",{className:"h3 text-black-100 dark:text-white","data-testid":"CT-10-C-Inline-Video-Title"},e),a&&React.createElement("div",{className:"body-two text-grey-450 dark:text-grey-500",dangerouslySetInnerHTML:{__html:a},"data-testid":"CT-10-C-Inline-Video-Text"}))),React.createElement("div",{className:"relative col-span-12 w-full xl:col-span-10 xl:col-start-2 xl:col-end-12"},t?.url&&React.createElement(i.A,{autoPlay:o,coverImage:n,meta:l,subtitles:s,video:t,dataTestId:"CT-10-C-Inline-Video-In-View-Video"}),!!l?.editHints?.coverImage&&React.createElement("span",{className:"absolute top-0 -right-100 right-0 text-white","data-epi-property-name":l.editHints.coverImage},"Edit Cover Image")))))},30808(e,a,t){t.d(a,{A:()=>r});var i=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(i||{});const r=i},44528(e,a,t){t.d(a,{A:()=>r});var i=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(i||{});const r=i},45403(e,a,t){t.d(a,{A:()=>r});var i=t(80078);const r=(0,t(44285).A)(e=>({ariaLabels:i.A,setAriaLabels:a=>e({ariaLabels:a})}))},76081(e,a,t){t.d(a,{A:()=>i});const i=(0,t(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:a=>e({isSoftLoadEnabled:a})}))},80552(e,a,t){t.d(a,{A:()=>r});var i=t(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}},66665(e,a,t){t.d(a,{A:()=>i});const i=e=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e))}},73359(e,a,t){t.d(a,{A:()=>n});var i=t(45403),r=t(80078),o=t(59471);const n=()=>{const[e,a]=(0,o.useState)(r.A),t=(0,i.A)(e=>e.ariaLabels);return(0,o.useEffect)(()=>{a(t)},[t]),e}},4586(e,a,t){t.d(a,{A:()=>s});var i=t(30808),r=t(44528),o=t(80552),n=t(59471);const l=e=>{const a=768,t=1024,n=1440,l=(0,o.A)(),s=e===r.A.Viewport?window.innerWidth:window.innerWidth*l;return s<a?i.A.Small:s>=a&&s<t?i.A.Medium:s>=t&&s<n?i.A.Large:i.A.XLarge},s=(e=r.A.Viewport)=>

1{const[a,t]=(0,n.useState)(),i=(0,n.useCallback)(()=>t(l(e)),[e]);return(0,n.useEffect)(()=>(window.addEventListener("resize",i),t(l(e)),()=>{window.removeEventListener("resize",i)}),[i,e]),a}},2569(e,a,t){t.d(a,{A:()=>r});var i=t(59471);const r=()=>{const[e,a]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{a(!0)},[]),e}},68194(e,a,t){t.d(a,{A:()=>r});var i=t(59471);const r=()=>{const[e,a]=(0,i.useState)(!1);return(0,i.useEffect)(()=>{a(window.self!==window.top)},[]),e}},65505(e,a,t){t.d(a,{A:()=>o});var i=t(24675),r=t(2569);const o=()=>{const e=(0,r.A)();return(0,i.I)()&&e}},80078(e,a,t){t.d(a,{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=InlineVideo-Chunk-561d833a6f484940bf5a.js.map