https://www.nikon.fr/dist-client/TabbedFeature-Chunk-1548221edfc64daeb6ed.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[2330,5763,6633],{89993(e,t,a){a.d(t,{A:()=>s});var i=a(36223),r=a(97500),n=a.n(r),l=a(82008);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 i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},o.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:h="bg-transparent",tabIndex:v,theme:y="yellow",linkCallback:f,onFocus:A,...w})=>{const x="black"===y,L="red"===y,E=n()("text-black-100",{"group-hover:text-white group-focus:text-white group-active:text-white":g&&(x||L)}),R=(0,l.h)({className:t,disabled:r,hasCustomStyling:c,icon:d,interactionTheme:m,isLightMode:b,secondary:g,secondaryBackgroundClassName:h,theme:y});return p?.url&&(p?.name||e)&&!r?React.createElement("a",o({},w,{className:R,href:p.url,target:p.target,"data-epi-property-name":s,onClick:f,"data-testid":a,onFocus:A,tabIndex:v},"download"===d&&{download:p.url}),e||p.name,d&&React.createElement(i.A,{name:d,className:E,size:u})):React.createElement("button",o({},w,{className:R,disabled:r,"data-epi-property-name":s,"data-testid":a,onFocus:A,tabIndex:v}),e,d&&React.createElement(i.A,{name:d,className:"ml-2",colorClassName:E,size:u}))}},82008(e,t,a){a.d(t,{h:()=>n});var i=a(97500),r=a.n(i);const n=({className:e,disabled:t=!1,hasCustomStyling:a,icon:i,interactionTheme:n="grey-600",isLightMode:l,secondary:o=!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&&!o&&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 ${l?"":"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"}[n]}`]:!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&&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)}},76439(e,t,a){a.d(t,{A:()=>d});var i=a(36223),r=a(30808),n=a(4586),l=a(97500),o=a.n(l),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:l,epiEdit:d,fallbackSize:u,image:m,imageClasses:b,imageRef:p,lazyLoad:g=!0,progressiveLoad:h=!0,showFallback:v,sizes:y=""})=>{const f=m?.mobile,A=m?.tablet,w=m?.desktop,x=m?.largeDesktop,L=(0,n.A)(),[E,R]=(0,s.useState)(!1);if(!w?.url&&!v)return null;const C={[r.A.Small]:f,[r.A.Medium]:A,[r.A.Large]:w,[r.A.XLarge]:x};return v&&!w?.url?React.createElement("div",{className:o()(a,"flex items-center justify-center")},React.createElement(i.A,{ariaHidden:!0,className:o()(b,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:u??"100%"}),t):React.createElement("picture",{className:o()(a)},React.createElement("source",{type:"image/webp",sizes:y,srcSet:`${f?.url} 376w, ${A?.url} 768w, ${w?.url} 1024w, ${x?.url} 1440w`}),React.createElement("img",c({ref:p,alt:m?.altText?.length?m?.altText:"nikon-image","aria-hidden":e,className:o()(b,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":d,draggable:"false",loading:g?"lazy":"eager",onLoad:()=>{R(!0)},sizes:y,src:E&&h?C[L]?.url:f?.url,height:C[L]?.height,width:C[L]?.width,srcSet:`${f?.originalUrl} 376w, ${A?.originalUrl} 768w, ${w?.originalUrl} 1024w, ${x?.originalUrl} 1440w`},l&&{"data-testid":l})),E&&t)}},47976(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}:{}}),n=e=>{const t=Object.keys(e).reduce((t,a)=>{const n=e[a];return i(n)&&(t[a]=r(n,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var l=a(63392),o=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)(()=>l.P[e||"div"],[e]),h=(0,o.I)(),v={variants:a,initial:i,animate:r,exit:d,transition:u,whileHover:b};return React.createElement(g,c({ref:t},h?n(v):v,{layout:!h&&m},p))}},95063(e,t,a){a.d(t,{A:()=>d});var i=a(36223),r=a(28428),n=a(66665),l=a(73359),o=a(97500),s=a.n(o),c=a(59471);const d=({additionalDataLayerProperties:e,direction:t,id:a,disabled:o=!1,hasBackgroundColor:d=!0,sizeClassName:u="h-10 w-10",iconName:m,iconSize:b,enabledArrowColor:p="text-black-100",disabledArrowColor:g,disabledBackgroundColor:h,isLightMode:v,onClick:y,ref:f})=>{const{nextAriaLabel:A,previousAriaLabel:w}=(0,l.A)(),x=(0,c.useRef)(null);return(0,c.useImperativeHandle)(f,()=>({focus:()=>x.current?.focus(),disabled:!!x.current?.disabled})),React.createElement("button",{ref:x,id:`${t===r.A.Left?"prevBtn":"nextBtn"}-${a}`,className:s()("flex select-none items-center justify-center rounded-full",u,{"animate-arrow-left":t===r.A.Left&&!o,"animate-arrow-right":t===r.A.Right&&!o,"cursor-pointer":!o,"cursor-default":o,"bg-yellow active:bg-yellow-500 xl:active:bg-yellow-500 xl:hover:bg-yellow-100":d&&!o,[`${h||"bg-grey "+(v?"":"dark:bg-grey-600")}`]:d&&o}),"aria-label":t===r.A.Left?w:A,disabled:o,"aria-disabled":o,tabIndex:o?-1:0,"data-testid":t===r.A.Left?"previous-slide":"next-slide",onClick:()=>{y?.(),(0,n.A)({event:"carousel",interaction:"tab_change",link_text:t===r.A.Left?"Previous":"Next",...e})}},React.createElement(i.A,{name:m||"arrow_"+(t===r.A.Left?"left":"right"),colorClassName:o?g||"text-grey-400 "+(v?"":"dark:text-grey-700"):p,size:b}))}},7299(e,t,a){a.d(t,{A:()=>b});var i=a(47976),r=a(17053),n=a(66665),l=a(73359),o=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,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:h,videoAttributes:v,videoDescription:y,videoRatio:f="aspect-video",videoSource:A,videoWidthStyle:w="100%",videoWrapperOpacityProgress:x,onEndedVideo:L,onVideoPause:E,onVideoPlay:R,onVideoReady:C,onVideoStart:k,onVolumeChange:S})=>{const{videoAriaLabel:N}=(0,l.A)(),I=(0,o.A)(),T=(0,d.useRef)(0),P=(0,d.useRef)(!1),V=e=>{(0,n.A)({event:"videoProgress",video_progress:e,video_title:g||A})};return A?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:x??1,...s}},I&&React.createElement(m,u({url:A,width:w,height:"100%",controls:a,playing:!0,onProgress:({played:e})=>{var t;t=e,P.current||(T.current<.25&&t>.25&&V("25%"),T.current<.5&&t>.5&&V("50%"),T.current<.75&&t>.75&&V("75%"),T.current>.9&&t<.1&&(V("100%"),P.current=!0),T.current=t)},onStart:()=>{k?.()},onEnded:()=>{L?.()},onPause:E,onPlay:R,onReady:C,config:{...t,file:{tracks:h||[],attributes:{"aria-label":`${N}${y?`: ${y}`:""}`}}},onVolumeChange:e=>{S?.(e.target)}},v))):null}},65584(e,t,a){a.d(t,{A:()=>c});var i=a(66665),r=a(73359),n=a(24675),l=a(59798),o=a(90683);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 i in a)({}).hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},s.apply(null,arguments)}const c=({additionalModules:e=[],analyticsEnabled:t=!1,a11y:a,children:c,className:d,disableDefaultSlideAriaLabel:u,id:m="carousel",navId:b="",trackingContentName:p,onSetIsSwiperBeginning:g,onSetIsSwiperEnd:h,onResize:v,...y})=>{const f=(0,n.I)(),{carouselSlideAriaLabel:A}=(0,r.A)();return c?React.createElement(o.RC,s({id:m,onSlideChangeTransitionEnd:e=>{t&&0!==e.realIndex&&(0,i.A)({event:"carousel",interaction:"tab_change",link_text:e.previousIndex<e.activeIndex?"Next":"Previous",...p?{content_name:p}:{}})},a11y:{enabled:!0,itemRoleDescriptionMessage:A,scrollOnFocus:!0,...u?{slideLabelMessage:""}:{},..."object"==typeof a?a:{}},className:d,navigation:{enabled:!!b,prevEl:`#prevBtn-${b}`,nextEl:`#nextBtn-${b}`},modules:[l.Jq,l.Vx,...e],onResize:e=>{v?.(e),g?.(e.isBeginning),h?.(e.isEnd)},onUpdate:e=>{g?.(e.isBeginning),h?.(e.isEnd)},onReachBeginning:()=>{g?.(!0)},onReachEnd:()=>{h?.(!0)},onFromEdge:e=>{g?.(e.isBeginning),h?.(e.isEnd)}},f?{speed:0}:{},y),c):null}},34578(e,t,a){a.d(t,{A:()=>g});var i=a(36223),r=a(76439),n=a(47976),l=a(7299),o=a(66665),s=a(73359),c=a(65505),d=a(97500),u=a.n(d),m=a(34629),b=

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

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>{C&&(j(!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:R?.editHints?.video,dataTestId:`${d}-Cover-Image`}),!ee&&a&&React.createElement("button",{type:"button","aria-label":X,className:"absolute bottom-2.5 left-2.5 flex items-center md:bottom-5 md:left-5",onClick:()=>{j(!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),r=a(76081),n=a(68194),l=a(65505),o=a(32088),s=a(59471);const c=({children:e,isAnimationDisabled:t})=>{const a=(0,l.A)(),c=(0,n.A)(),d=(0,s.useRef)(null),u=(0,o.W)(d,{once:!0,margin:"100% 0px -15% 0px"}),{isSoftLoadEnabled:m}=(0,r.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)}},50362(e,t,a){a.r(t),a.d(t,{default:()=>R});var i=a(89993),r=a(76439),n=a(47976),l=a(95063),o=a(44528),s=a(28428),c=a(65584),d=a(34578),u=a(8222),m=a(28885),b=a(97500),p=a.n(b),g=a(34629),h=a(59471),v=a(90683),y=a(86514),f=a(33063);function A(){return A=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},A.apply(null,arguments)}const w={enter:{height:"auto",transition:{when:"beforeChildren",staggerChildren:.1,duration:.3,ease:"easeInOut"}},exit:{height:0}},x={enter:{y:0,opacity:1,transition:{duration:.2,ease:"easeInOut"}},exit:{y:10,opacity:0,transition:{duration:.2,ease:"easeInOut"}}},L=({tab:e,isActive:t,index:a,dataTestId:r,showMoreLabel:l,showLessLabel:o,onSetActiveIndex:s})=>{const c=5*((0,m.A)(1920)?23:24),[d,{scrollHeight:u}]=(0,f.A)(),[b,v]=(0,h.useState)(!1),L=u>c,E=e.cta?.url&&e.cta.name,R=e.text&&e.text?.length>180&&E?(0,y.A)(e.text,180,"..."):e.text;return React.createElement(n.A,{className:p()("-ml-px flex grow cursor-pointer flex-col justify-start border-l pl-4 text-left first:pl-4 xl:pl-10 xl:first:pl-10",t?"border-yellow":"border-grey-500")},React.createElement("div",{role:"tablist"},e.title&&React.createElement("button",{role:"tab",key:e.title,"aria-controls":`tabpanel-${a}`,tabIndex:0,"aria-selected":t,className:p()("h4 text-left font-light hover:text-white",t?"text-white":"text-grey-500"),onClick:()=>{s(a),t||v(!1)},"data-testid":`${r}-Button`},e.title)),React.createElement(g.N,{mode:"wait"},t&&React.createElement(n.A,{id:`tabpanel-${a}`,"aria-labelledby":`tab-${a}`,variants:w,initial:"exit",animate:"enter",exit:"exit",key:"parent",role:"tabpanel"},(e.text||e.textNew)&&React.createElement(n.A,{variants:x,className:"flex flex-col items-start","data-testid":`${r}-Text`},React.createElement(n.A,A({ref:d,className:"body-three overflow-hidden text-grey-500"},E?{}:{initial:{height:L?c:0},animate:b?"expanded":"collapsed",variants:{expanded:{height:"auto"},collapsed:{height:L?c:"auto"}}},{dangerouslySetInnerHTML:{__html:(e.textNew||R)??""}})),L&&!E&&React.createElement("button",{className:"shrink-0 text-grey-500 underline",onClick:()=>{v(!b)}

1,"data-testid":"Banner-Notification-Show-More/Less"},React.createElement("strong",null,b?o:l))),E&&React.createElement(n.A,{key:"button",className:"mt-7 mb-1",variants:x},React.createElement(i.A,{link:e.cta,dataTestId:`${r}-CTA`})))))},E=({tab:e,wideContent:t,dataTestId:a})=>React.createElement(React.Fragment,null,React.createElement("div",{className:p()("mb-5",t?"aspect-square":"aspect-3/2")},e.media&&"url"in e.media&&e.media.url?React.createElement(d.A,{video:e.media,videoClasses:"[&>div>video]:object-cover h-full pointer-events-none",wrapperClasses:"w-full h-full",autoPlay:!0,hasInVideoPlayButton:!0,controls:!1,dataTestId:`${a}-Video`}):React.createElement(r.A,{image:e.media,classes:"h-full",imageClasses:"w-full h-full object-cover",dataTestId:`${a}-Image`})),e.title&&React.createElement("p",{className:"h6 font-light text-white","data-testid":`${a}-Title`},e.title),e.textNew&&React.createElement("div",{className:"body-three mt-2.5 text-grey-500","data-testid":`${a}-Text`,dangerouslySetInnerHTML:{__html:e.textNew}}),e.text&&!e.textNew&&React.createElement("p",{className:"body-three mt-2.5 text-grey-500","data-testid":`${a}-Text`},e.text),e.cta?.url&&React.createElement("div",{className:"mt-6 mb-1"},React.createElement(i.A,{link:e.cta,dataTestId:`${a}-CTA`},e.cta?.name))),R=({title:e,primaryCta:t,tabs:a=[],wideContent:b=!1,anchorId:y="",meta:f,showMoreLabel:A,showLessLabel:w})=>{const x=(0,m.A)(1024),R=(0,m.A)(1024,o.A.Screen),[C,k]=(0,h.useState)(0),[S,N]=(0,h.useState)(0),[I,T]=(0,h.useState)(0),[P,V]=(0,h.useState)(!0),[$,O]=(0,h.useState)(!1),B=a.find((e,t)=>t===I),F=!R&&x,M="tabbed-feature-carousel",j=new Set(Array.from({length:Math.floor(C)||1},(e,t)=>(S+t)%a.length)),z=e=>{const t=e?.params?.slidesPerView;k(t&&"number"==typeof t?t:0)};return React.createElement("section",{className:"component-padding bg-black-100 text-white",id:`a-${y}`,"data-testid":"CT-49-Tabbed-Feature"},React.createElement(u.A,null,React.createElement("div",{className:"lg:container"},React.createElement("div",{className:"flex w-full flex-col px-5 lg:flex-row lg:items-center lg:px-0"},React.createElement("h2",{className:x?"h5":"h3","data-epi-property-name":f?.editHints?.title,"data-testid":"CT-49-Tabbed-Feature-Title"},e),t?.name&&t?.url&&React.createElement("div",{className:"mt-6 flex items-center justify-between lg:mt-0 lg:ml-auto"},React.createElement(i.A,{link:t,editHint:f?.editHints?.primaryCta?`${f.editHints.primaryCta}`:void 0,dataTestId:"CT-49-Tabbed-Feature-CTA"}),React.createElement("div",{className:p()("items-center justify-end",F?"flex":"hidden")},React.createElement("div",{className:"flex gap-x-[25px]"},React.createElement(l.A,{direction:s.A.Left,id:M,disabled:P}),React.createElement(l.A,{direction:s.A.Right,id:M,disabled:$}))))),x?React.createElement("div",{className:"mt-10","data-testid":"CT-49-Tabbed-Feature-Carousel-Container"},React.createElement(c.A,{slidesOffsetAfter:20,slidesOffsetBefore:20,spaceBetween:20,enabled:!0,navId:M,breakpoints:{0:{slidesPerView:1.3},480:{slidesPerView:1.8},768:{slidesPerView:2.3}},onSetIsSwiperBeginning:V,onSetIsSwiperEnd:O,onResize:z,onInit:z,onSlideChange:e=>{N(e?.realIndex||0)}},a.map((e,t)=>React.createElement(v.qr,{key:e.title,"aria-hidden":!j.has(t)||void 0,inert:!j.has(t)||void 0},React.createElement(E,{tab:e,wideContent:b,dataTestId:`CT-49-Tabbed-Feature-Tab-${t}`}))))):React.createElement("div",{className:"mt-13 flex flex-row items-center overflow-hidden"},React.createElement("div",{className:p()("relative flex flex-initial flex-col gap-10 border-grey-500 border-l pr-10 xl:gap-20",b?"w-7/12 xl:w-6/12":"w-6/12 xl:w-4/12"),"data-epi-property-name":f?.editHints?.tabs},a.map((e,t)=>{const a=t===I;return React.createElement(L,{key:e.title,tab:e,isActive:a,index:t,dataTestId:`CT-49-Tabbed-Feature-Tab-${t}`,showMoreLabel:A,showLessLabel:w,onSetActiveIndex:T})})),React.createElement("div",{className:p()("ml-auto",b?"w-5/12 xl:w-6/12":"w-6/12 xl:w-7/12")},React.createElement(g.N,{key:B?.title,mode:"wait"},React.createElement(n.A,{key:"media",initial:"hidden",animate:"visible",exit:"hidden",variants:{hidden:{y:30,opacity:0,transition:{ease:[.42,.46,.45,.99],duration:.5}},visible:{y:0,opacity:1,transition:{ease:[.42,.46,.45,.99],duration:.5}}}},React.createElement("div",{className:b?"aspect-square":"aspect-3/2"},B?.media&&"url"in B.media&&B.media.url?React.createElement(d.A,{video:B.media,videoClasse

1s:"[&>div>video]:object-cover h-full",wrapperClasses:"w-full h-full",autoPlay:!0,hasInVideoPlayButton:!0,controls:!1,dataTestId:"CT-49-Tabbed-Feature-Active-Tab-Video"}):React.createElement(r.A,{image:B?.media,classes:"h-full",imageClasses:"h-full w-full object-cover",dataTestId:"CT-49-Tabbed-Feature-Active-Tab-Image"})))))))))}},30808(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},44528(e,t,a){a.d(t,{A:()=>r});var i=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(i||{});const r=i},28428(e,t,a){a.d(t,{A:()=>r});var i=function(e){return e.Left="LEFT",e.Right="RIGHT",e}(i||{});const r=i},45403(e,t,a){a.d(t,{A:()=>r});var i=a(80078);const r=(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:()=>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}},66665(e,t,a){a.d(t,{A:()=>i});const i=e=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e))}},86514(e,t,a){a.d(t,{A:()=>i});const i=(e,t,a)=>{const i=e.replace(new RegExp(`^(.{${t}}[^\\s]*).*`),"$1");return"."===i.substring(i.length-1)?`${i.slice(0,-1)}${a}`:`${i}${a}`}},73359(e,t,a){a.d(t,{A:()=>l});var i=a(45403),r=a(80078),n=a(59471);const l=()=>{const[e,t]=(0,n.useState)(r.A),a=(0,i.A)(e=>e.ariaLabels);return(0,n.useEffect)(()=>{t(a)},[a]),e}},4586(e,t,a){a.d(t,{A:()=>s});var i=a(30808),r=a(44528),n=a(80552),l=a(59471);const o=e=>{const t=768,a=1024,l=1440,o=(0,n.A)(),s=e===r.A.Viewport?window.innerWidth:window.innerWidth*o;return s<t?i.A.Small:s>=t&&s<a?i.A.Medium:s>=a&&s<l?i.A.Large:i.A.XLarge},s=(e=r.A.Viewport)=>{const[t,a]=(0,l.useState)(),i=(0,l.useCallback)(()=>a(o(e)),[e]);return(0,l.useEffect)(()=>(window.addEventListener("resize",i),a(o(e)),()=>{window.removeEventListener("resize",i)}),[i,e]),t}},2569(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}},28885(e,t,a){a.d(t,{A:()=>l});var i=a(44528),r=a(80552),n=a(59471);const l=(e,t=i.A.Viewport)=>

1{const[a,l]=(0,n.useState)(),o=(0,n.useCallback)(()=>{const a=(0,r.A)(),n=t===i.A.Viewport?window.innerWidth:window.innerWidth*a;l(n<e)},[e,t]);return(0,n.useEffect)(()=>(window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[o]),a}},68194(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(window.self!==window.top)},[]),e}},65505(e,t,a){a.d(t,{A:()=>n});var i=a(24675),r=a(2569);const n=()=>{const e=(0,r.A)();return(0,i.I)()&&e}},33063(e,t,a){a.d(t,{A:()=>r});var i=a(59471);const r=()=>{const e=(0,i.useRef)(void 0),[t,a]=(0,i.useState)({width:0,height:0,clientWidth:0,clientHeight:0,scrollWidth:0,scrollHeight:0}),r=(0,i.useCallback)(e=>{if(!Array.isArray(e))return;const t=e[0];a({width:t?.contentRect.width??0,height:t?.contentRect.height??0,clientWidth:t?.target.clientWidth??0,clientHeight:t?.target.clientHeight??0,scrollWidth:t?.target.scrollWidth??0,scrollHeight:t?.target.scrollHeight??0})},[]);return[(0,i.useCallback)(t=>{e.current&&!t&&(e.current.disconnect(),e.current=void 0),!e.current&&t&&(e.current=new ResizeObserver(r),e.current.observe(t))},[r]),t]}},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=TabbedFeature-Chunk-1548221edfc64daeb6ed.js.map