https://www.nikon.ch/dist-client/PreReleaseCaptureImageHighlight-Chunk-8ed9ce5c984acb959187.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[6456],{11183(e,t,n){n.d(t,{A:()=>d});var a=n(13889),r=n(26640),i=n(48210),s=n(97500),o=n.n(s),c=n(59471);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},l.apply(null,arguments)}const d=({children:e,classes:t,dataTestId:n,epiEdit:s,fallbackSize:d,image:u,imageClasses:m,imageRef:g,lazyLoad:f=!0,progressiveLoad:h=!0,showFallback:p,sizes:v=""})=>{const b=u?.mobile,w=u?.tablet,A=u?.desktop,y=u?.largeDesktop,R=(0,i.A)(),[E,S]=(0,c.useState)(!1);if(!A?.url&&!p)return null;const x={[r.A.Small]:b,[r.A.Medium]:w,[r.A.Large]:A,[r.A.XLarge]:y};return p&&!A?.url?React.createElement("div",{className:o()(t,"flex items-center justify-center")},React.createElement(a.A,{ariaHidden:!0,className:o()(m,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:d??"100%"}),e):React.createElement("picture",{className:o()(t)},React.createElement("source",{type:"image/webp",sizes:v,srcSet:`${b?.url} 376w, ${w?.url} 768w, ${A?.url} 1024w, ${y?.url} 1440w`}),React.createElement("img",l({ref:g,alt:u?.altText?.length?u?.altText:"nikon-image",className:o()(m,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":s,draggable:"false",loading:f?"lazy":"eager",onLoad:()=>{S(!0)},sizes:v,src:E&&h?x[R]?.url:b?.url,height:x[R]?.height,width:x[R]?.width,srcSet:`${b?.originalUrl} 376w, ${w?.originalUrl} 768w, ${A?.originalUrl} 1024w, ${y?.originalUrl} 1440w`},n&&{"data-testid":n})),E&&e)}},64363(e,t,n){n.d(t,{A:()=>d});const a=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),r=(e,t)=>Object.entries(e).reduce((e,[t,n])=>("duration"!==t&&"delay"!==t||"number"!=typeof n?a(n)?e[t]=r(n,t):e[t]=n:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),i=e=>{const t=Object.keys(e).reduce((t,n)=>{const i=e[n];return a(i)&&(t[n]=r(i,n)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var s=n(74632),o=n(24675),c=n(59471);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},l.apply(null,arguments)}const d=({tag:e,ref:t,variants:n,initial:a,animate:r,exit:d,transition:u,layout:m,whileHover:g,...f})=>{const h=(0,c.useMemo)(()=>s.P[e||"div"],[e]),p=(0,o.I)(),v={variants:n,initial:a,animate:r,exit:d,transition:u,whileHover:g};return React.createElement(h,l({ref:t},p?i(v):v,{layout:!p&&m},f))}},7670(e,t,n){n.d(t,{A:()=>l});var a=n(64363),r=n(5961),i=n(61002),s=n(37417),o=n(32088),c=n(59471);const l=({children:e,isAnimationDisabled:t})=>{const n=(0,s.A)(),l=(0,i.A)(),d=(0,c.useRef)(null),u=(0,o.W)(d,{once:!0,margin:"100% 0p

1x -15% 0px"}),{isSoftLoadEnabled:m}=(0,r.A)(e=>({isSoftLoadEnabled:e.isSoftLoadEnabled}));return t||l?React.createElement(React.Fragment,null,e):React.createElement(a.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||n?"visible":"hidden",transition:{opacity:{ease:"easeOut",duration:void 0===m?0:.6},y:{ease:"easeOut",duration:m?.6:0}}},e)}},82890(e,t,n){n.r(t),n.d(t,{default:()=>S});var a=n(11183),r=n(64363),i=n(26640),s=n(30680),o=n(7670),c=n(40736),l=n(48210),d=n(26093),u=n(61002),m=n(37417),g=n(8383),f=n(92888),h=n(97500),p=n.n(h),v=n(34629),b=n(65215),w=n(63027),A=n(91711),y=n(59471);function R(){return R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},R.apply(null,arguments)}const E={[i.A.Small]:336,[i.A.Medium]:648,[i.A.Large]:824,[i.A.XLarge]:1240},S=({title:e,subTitle:t,text:n,rightImageListMobile:i,leftImageListMobile:h,rightImageListDesktop:S,leftImageListDesktop:x,backgroundImage:k,centralImage:L})=>{const C=(0,m.A)(),I=(0,l.A)(),T=(0,d.A)(1024),N=T?[...i,...h]:[...S,...x],O=(0,y.useRef)(null),[W,{width:z,height:P}]=(0,g.A)(),[j,{height:M}]=(0,g.A)(),[$,{height:G}]=(0,g.A)(),[H,{height:V}]=(0,g.A)(),B=(0,u.A)(),D=(0,d.A)(481),F=!(0,d.A)(481,s.A.Screen)&&D,[U,X]=(0,y.useState)(!0),[Q,_]=(0,y.useState)(!1),J=V-55,K=.8*P,Y=(K-M)/(N.length-1),{scrollYProgress:q}=(0,w.L)({offset:["start end","end end"],target:O}),Z=(0,f.S)(q,{damping:50,stiffness:250}),ee=I?(z-E[I])/2:0,te=(0,A.G)(q,[0,.9],[ee,0]),ne=(T?1:.6)*ee,ae=(0,A.G)(q,[0,.9],[ne,0]);(0,b.L)(q,"change",e=>{X(e<1),_(1===e)});const re=-Y*(N.length-1),ie=(T?.05:.15)*P,se=(0,A.G)(Z,[0,.9],[re,ie]),oe=4/3*(z/N.length),ce=z+oe/2,le=-oe/2,de=(0,A.G)(Z,[0,.9],[ce,le]),ue=(0,A.G)(q,[.8,1],[0,1]);return React.createElement("section",{className:"component-padding bg-black-100 text-white","data-testid":"CT-153-Pre-Release-Section"},React.createElement(o.A,null,React.createElement("div",{className:"relative bg-black",style:{paddingBottom:J}},React.createElement("div",{className:p()({"h-[1080px]":B,"h-[200vh]":!B&&!C,"h-screen":!B&&C}),ref:O,"data-testid":"CT-153-Pre-Release-Scrollable-Container"},React.createElement("div",{ref:W,className:p()("sticky top-0 overflow-hidden",B?"h-[1080px]":"h-screen")},React.createElement(r.A,{style:C?{}:{paddingTop:ae,paddingBottom:ae,paddingLeft:te,paddingRight:te},className:"h-full"},React.createElement(a.A,{image:k,imageClasses:"w-full h-full object-cover",classes:"relative",dataTestId:"CT-153-Pre-Release-Background-Image"}),React.createElement(r.A,{style:{opacity:C?1:ue},className:"absolute bottom-0 z-20 h-1/2 w-full bg-gradient-to-t from-black/100 md:h-2/5","data-testid":"CT-153-Pre-Release-Background-Image-Gradient"}),React.createElement(v.N,null,U&&React.createElement(r.A,{className:"absolute inset-0 z-10 flex items-center justify-center max-md:px-5",initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0}},React.createElement("p",{className:p()("text-center",F?"mount":"strap"),"data-testid":"CT-153-Pre-Release-Title"},e))),React.createElement(r.A,{className:"absolute flex flex-row-reverse",style:{width:`calc(100% + ${oe}px)`,height:K,bottom:C?ie:se,right:C?le:de},"data-testid":"CT-153-Pre-Release-Images-Container"},N.map((e,t)=>React.createElement("div",{className:p()("flex-1",{"z-10":t>=(T?i.length:S.length)}),key:(0,c.A)(`${e.desktop.url}-${t}`),style:{marginTop:t*Y}},React.createElement(a.A,R({image:e},t===N.length-1?{imageRef:j}:{},{dataTestId:`CT-153-Pre-Release-Image-${t}`})))))))),React.createElement(r.A,{ref:$,className:"absolute right-0 left-0 flex items-center justify-center",variants:{hidden:{bottom:C?0:-(G-J),opacity:C?0:1},visible:{bottom:0,opacity:1}},initial:"hidden",animate:Q?"visible":"hidden",transition:{ease:"easeOut",duration:.7}},React.createElement("div",{className:"flex w-full flex-col items-center justify-center text-center max-md:px-5 max-lg:max-w-[550px] lg:w-1/2 xl:w-2/5"},React.createElement("div",{className:"mb-10 lg:mb-5"},React.createElement(a.A,{image:L,dataTestId:"CT-153-Pre-Release-Camera-Image"})),React.createElement("div",{ref:H},React.createElement("p",{className:"h2 mb-5 lg:mb-[35px]","data-testid":"CT-153-Pre-Release-Subtitle"},t),React.createElement("p",{className:"h6","data-testid":"CT-153-Pre-Release-Text"},n)))))))}},26640(e,t,n){n.d(t,{A:()=>r});var a=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(a||{});const r=a},30680(e,t,n){n.d(t,{A:()=>r});var a=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(a||{});const r=a},5961(e,t,n){n.d(t,{A:()=>a});const a=(0,n(44285).A)(e=>({isSoftLoadEnabled:void 0,setIsSoftLoadEnabled:t=>e({isSoftLoadEnabled:t})}))},63904(e,t,n){n.d(t,{A:()=>r});var a=n(42926);const r=()=>{const e=Math.abs(window.outerWidth-window.innerWidth)<=50?1:Number((window.outerWidth/window.innerWidth).toFixed(2));return a.gm&&!a.Fr?window.devicePixelRatio:e}},40736(e,t,n){n.d(t,{A:()=>a});const a=e=>e.toLowerCase().trim().replace(/[^\w\s-]/g,"").replace(/[\s_-]+/g,"-").replace(/(?:^-+|-+$)/g,"")},48210(e,t,n){n.d(t,{A:()=>c});var a=n(26640),r=n(30680),i=n(63904),s=n(59471);const o=e=>{const t=768,n=1024,s=1440,o=(0,i.A)(),c=e===r.A.Viewport?window.innerWidth:window.innerWidth*o;return c<t?a.A.Small:c>=t&&c<n?a.A.Medium:c>=n&&c<s?a.A.Large:a.A.XLarge},c=(e=r.A.Viewport)=>{const[t,n]=(0,s.useState)(),a=(0,s.useCallback)(()=>n(o(e)),[e]);return(0,s.useEffect)(()=>(window.addEventListener("resize",a),n(o(e)),()=>{window.removeEventListener("resize",a)}),[a,e]),t}},97505(e,t,n){n.d(t,{A:()=>r});var a=n(59471);const r=()=>{const[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{t(!0)},[]),e}},26093(e,t,n){n.d(t,{A:()=>s});var a=n(30680),r=n(63904),i=n(59471);const s=(e,t=a.A.Viewport)=>{const[n,s]=(0,i.useState)(),o=(0,i.useCallback)(()=>{const n=(0,r.A)(),i=t===a.A.Viewport?window.innerWidth:window.innerWidth*n;s(i<e)},[e,t]);return(0,i.useEffect)(()=>(window.addEventListener("resize",o),o(),()=>{window.removeEventListener("resize",o)}),[o]),n}},61002(e,t,n){n.d(t,{A:()=>r});var a=n(59471);const r=()=>{const[e,t]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{t(window.self!==window.top)},[]),e}},37417(e,t,n){n.d(t,{A:()=>i});var a=n(24675),r=n(97505);const i=()=>{const e=(0,r.A)();return(0,a.I)()&&e}},8383(e,t,n){n.d(t,{A:()=>r});var a=n(59471);const r=()=>{const e=(0,a.useRef)(void 0),[t,n]=(0,a.useState)({width:0,height:0,clientWidth:0,clientHeight:0,scrollWidth:0,scrollHeight:0}),r=(0,a.useCallback)(e=>{if(!Array.isArray(e))return;const t=e[0];n({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,a.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]}},92888(e,t,n){n.d(t,{C:()=>s,S:()=>i});var a=n(2973),r=n(24675);const i=(e,t)=>{const n=(0,r.I)(),i=(0,a.z)(e,t);return n?e:i},s=(e,t)=>{const n=(0,r.I)(),i=(0,a.z)(e,t);return n?e:i}},32088(e,t,n){n.d(t,{W:()=>s});var a=n(59471),r=n(20818);const i={some:0,all:1};function s(e,{root:t,margin:n,amount:s,once:o=!1,initial:c=!1}={}){const[l,d]=(0,a.useState)(c);return(0,a.useEffect)(()=>

1{if(!e.current||o&&l)return;const a={root:t&&t.current||void 0,margin:n,amount:s};return function(e,t,{root:n,margin:a,amount:s="some"}={}){const o=(0,r.K)(e),c=new WeakMap,l=new IntersectionObserver(e=>{e.forEach(e=>{const n=c.get(e.target);if(e.isIntersecting!==Boolean(n))if(e.isIntersecting){const n=t(e.target,e);"function"==typeof n?c.set(e.target,n):l.unobserve(e.target)}else"function"==typeof n&&(n(e),c.delete(e.target))})},{root:n,rootMargin:a,threshold:"number"==typeof s?s:i[s]});return o.forEach(e=>l.observe(e)),()=>l.disconnect()}(e.current,()=>(d(!0),o?void 0:()=>d(!1)),a)},[t,e,n,o,s]),l}},80368(e,t,n){n.d(t,{d:()=>o});var a=n(48920),r=n(59471),i=n(87087),s=n(76430);function o(e){const t=(0,s.M)(()=>(0,a.OQ)(e)),{isStatic:n}=(0,r.useContext)(i.Q);if(n){const[,n]=(0,r.useState)(e);(0,r.useEffect)(()=>t.on("change",n),[])}return t}},2973(e,t,n){n.d(t,{z:()=>g});var a=n(95561),r=n(45023),i=n(85049);function s(e,t,n={}){const s=e.get();let l,d=null,u=s;const m="string"==typeof s?s.replace(/[\d.-]/g,""):void 0,g=()=>{d&&(d.stop(),d=null)};if(e.attach((t,a)=>{u=t,l=e=>a(o(e,m)),i.Gt.postRender(()=>{(()=>{g();const t=c(e.get()),a=c(u);t!==a&&(d=new r.s({keyframes:[t,a],velocity:e.getVelocity(),type:"spring",restDelta:.001,restSpeed:.01,...n,onUpdate:l}))})(),e.events.animationStart?.notify(),d?.then(()=>{e.events.animationComplete?.notify()})})},g),(0,a.S)(t)){const n=t.on("change",t=>e.set(o(t,m))),a=e.on("destroy",n);return()=>{n(),a()}}return g}function o(e,t){return t?e+t:e}function c(e){return"number"==typeof e?e:parseFloat(e)}var l=n(59471),d=n(87087),u=n(80368),m=n(91711);function g(e,t={}){return function(e,t={}){const{isStatic:n}=(0,l.useContext)(d.Q),r=()=>(0,a.S)(e)?e.get():e;if(n)return(0,m.G)(r);const i=(0,u.d)(r());return(0,l.useInsertionEffect)(()=>s(i,e,t),[i,JSON.stringify(t)]),i}(e,{type:"spring",...t})}},91711(e,t,n){n.d(t,{G:()=>d});var a=n(7085);var r=n(76430),i=n(85049),s=n(76009),o=n(80368);function c(e,t){const n=(0,o.d)(t()),a=()=>n.set(t());return a(),(0,s.E)(()=>{const t=()=>i.Gt.preRender(a,!1,!0),n=e.map(e=>e.on("change",t));return()=>{n.forEach(e=>e()),(0,i.WG)(a)}}),n}var l=n(48920);function d(e,t,n,i){if("function"==typeof e)return function(e){l.bt.current=[],e();const t=c(l.bt.current,e);return l.bt.current=void 0,t}(e);if(void 0!==n&&!Array.isArray(n)&&"function"!=typeof t)return function(e,t,n,a){const i=(0,r.M)(()=>Object.keys(n)),s=(0,r.M)(()=>({}));for(const r of i)s[r]=d(e,t,n[r],a);return s}(e,t,n,i);const s="function"==typeof t?t:function(...e){const t=!Array.isArray(e[0]),n=t?0:-1,r=e[0+n],i=e[1+n],s=e[2+n],o=e[3+n],c=(0,a.G)(i,s,o);return t?c(r):c}(t,n,i);return Array.isArray(e)?u(e,s):u([e],([e])=>s(e))}function u(e,t){const n=(0,r.M)(()=>[]);return c(e,()=>{n.length=0;const a=e.length;for(let t=0;t<a;t++)n[t]=e[t].get();return t(n)})}}}]);
2//# sourceMappingURL=PreReleaseCaptureImageHighlight-Chunk-8ed9ce5c984acb959187.js.map