https://www.nikon.de/dist-client/InteractiveFeatureDisplayTab-Chunk-4f183126c4ad746c606e.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[1610],{76439(e,t,n){n.d(t,{A:()=>u});var i=n(36223),r=n(30808),a=n(4586),o=n(97500),s=n.n(o),l=n(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},c.apply(null,arguments)}const u=({ariaHidden:e,children:t,classes:n,dataTestId:o,epiEdit:u,fallbackSize:d,image:f,imageClasses:p,imageRef:m,lazyLoad:h=!0,progressiveLoad:g=!0,showFallback:w,sizes:y=""})=>{const v=f?.mobile,b=f?.tablet,x=f?.desktop,E=f?.largeDesktop,A=(0,a.A)(),[C,R]=(0,l.useState)(!1);if(!x?.url&&!w)return null;const S={[r.A.Small]:v,[r.A.Medium]:b,[r.A.Large]:x,[r.A.XLarge]:E};return w&&!x?.url?React.createElement("div",{className:s()(n,"flex items-center justify-center")},React.createElement(i.A,{ariaHidden:!0,className:s()(p,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:d??"100%"}),t):React.createElement("picture",{className:s()(n)},React.createElement("source",{type:"image/webp",sizes:y,srcSet:`${v?.url} 376w, ${b?.url} 768w, ${x?.url} 1024w, ${E?.url} 1440w`}),React.createElement("img",c({ref:m,alt:f?.altText?.length?f?.altText:"nikon-image","aria-hidden":e,className:s()(p,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":u,draggable:"false",loading:h?"lazy":"eager",onLoad:()=>{R(!0)},sizes:y,src:C&&g?S[A]?.url:v?.url,height:S[A]?.height,width:S[A]?.width,srcSet:`${v?.originalUrl} 376w, ${b?.originalUrl} 768w, ${x?.originalUrl} 1024w, ${E?.originalUrl} 1440w`},o&&{"data-testid":o})),C&&t)}},47976(e,t,n){n.d(t,{A:()=>u});const i=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?i(n)?e[t]=r(n,t):e[t]=n:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),a=e=>{const t=Object.keys(e).reduce((t,n)=>{const a=e[n];return i(a)&&(t[n]=r(a,n)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var o=n(63392),s=n(24675),l=n(59471);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},c.apply(null,arguments)}const u=({tag:e,ref:t,variants:n,initial:i,animate:r,exit:u,transition:d,layout:f,whileHover:p,...m})=>{const h=(0,l.useMemo)(()=>o.P[e||"div"],[e]),g=(0,s.I)(),w={variants:n,initial:i,animate:r,exit:u,transition:d,whileHover:p};return React.createElement(h,c({ref:t},g?a(w):w,{layout:!g&&f},m))}},75085(e,t,n){n.r(t),n.d(t,{default:()=>c});var i=n(76439),r=n(47976),a=n(28885),o=n(97500),s=n.n(o),l=n(34629);const c=({text:e,tabName:t,mobileImage:n,image:o,meta:c,imageHeights:u,isScrollAnimationEnabled:d,isSectionVisible:f=!0,imageContainerRefCallback:p})=>{const m=(0,a.A)(768),h=c?.editMode;return React.createElement("div",{className:"flex w-full flex-col items-center gap-10 lg:gap-13"},h&&React.createElement("h6",{className:"pb-2.5 text-white","data-epi-property-name":c?.editHints?.tabName},t),e&&React.createElement(r.A,{key:t,variants:{initial:{opacity:0,y:f?0:60},animate:{opacity:1,y:0}},transition:{opacity:{duration:.5},y:{duration:.8}},initial:"initial",animate:f?"animate":"initial",className:"h6 text-center text-grey-500 lg:w-3/5",dangerouslySetInnerHTML:{__html:e},"data-testid":"CT-171-Interactive-Feature-Display-Text","data-epi-property-name":c?.editHints?.text}),React.createElement(r.A,{layout:"position",ref:p,className:s()("relative w-full",u||"min-h-[125px] md:min-h-[250px] lg:min-h-[300px] 2xl:min-h-[460px]"),variants:{initial:{opacity:0,transition:{duration:.3}},animate:{opacity:1,transition:{duration:.3,delay:d?.6:0}}},initial:"initial",animate:f?"animate":"initial"},React.createElement(l.N,{mode:"popLayout"},React.createElement(r.A,{key:t,initial:{opacity:0}

1,animate:{opacity:1},exit:{opacity:0},transition:{duration:.5},className:"absolute inset-0 flex w-full items-center justify-center"},React.createElement(i.A,{image:m?n:o,dataTestId:"CT-171-Interactive-Feature-Display-Image",classes:"h-full w-full",imageClasses:"h-full w-full object-contain",epiEdit:c?.editHints?.image}),h&&React.createElement(i.A,{image:n,dataTestId:"CT-171-Interactive-Feature-Display-Image",classes:"h-full w-full",imageClasses:"h-full w-full object-contain",epiEdit:c?.editHints?.mobileImage})))))}},30808(e,t,n){n.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,n){n.d(t,{A:()=>r});var i=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(i||{});const r=i},80552(e,t,n){n.d(t,{A:()=>r});var i=n(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}},4586(e,t,n){n.d(t,{A:()=>l});var i=n(30808),r=n(44528),a=n(80552),o=n(59471);const s=e=>{const t=768,n=1024,o=1440,s=(0,a.A)(),l=e===r.A.Viewport?window.innerWidth:window.innerWidth*s;return l<t?i.A.Small:l>=t&&l<n?i.A.Medium:l>=n&&l<o?i.A.Large:i.A.XLarge},l=(e=r.A.Viewport)=>{const[t,n]=(0,o.useState)(),i=(0,o.useCallback)(()=>n(s(e)),[e]);return(0,o.useEffect)(()=>(window.addEventListener("resize",i),n(s(e)),()=>{window.removeEventListener("resize",i)}),[i,e]),t}},28885(e,t,n){n.d(t,{A:()=>o});var i=n(44528),r=n(80552),a=n(59471);const o=(e,t=i.A.Viewport)=>{const[n,o]=(0,a.useState)(),s=(0,a.useCallback)(()=>{const n=(0,r.A)(),a=t===i.A.Viewport?window.innerWidth:window.innerWidth*n;o(a<e)},[e,t]);return(0,a.useEffect)(()=>(window.addEventListener("resize",s),s(),()=>{window.removeEventListener("resize",s)}),[s]),n}},16621(e,t,n){var i=this&&this.__assign||function(){return i=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},i.apply(this,arguments)},r=this&&this.__rest||function(e,t){var n={};for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&t.indexOf(i)<0&&(n[i]=e[i]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(i=Object.getOwnPropertySymbols(e);r<i.length;r++)t.indexOf(i[r])<0&&Object.prototype.propertyIsEnumerable.call(e,i[r])&&(n[i[r]]=e[i[r]])}return n};Object.defineProperty(t,"__esModule",{value:!0}),t.iconList=void 0;var a=n(59471);t.iconList=function(e){return e&&Array.isArray(e.icons)?e.icons.map(function(e){return e.properties.name}):null},t.default=function(e){var t=e.iconSet,n=e.icon,o=e.size,s=e.title,l=e.disableFill,c=e.removeInlineStyle,u=e.native,d=e.SvgComponent,f=e.PathComponent,p=r(e,["iconSet","icon","size","title","disableFill","removeInlineStyle","native","SvgComponent","PathComponent"]);if(!t||!n)return null;var m=t.icons.find(function(e){return e.properties.name===n});if(!m)return null;var h={display:"inline-block",stroke:"currentColor",fill:"currentColor"};u&&(h.display="flex",h.flexDirection="row",h.flexWrap="wrap");var g=i(i(i({},c?{}:h),o?{width:o,height:o}:{}),p.style||{}),w=m.icon.width,y="0 0 ".concat(void 0===w?"1024":w," 1024"),v=m.icon.paths.map(function(e,t){var r,o=null===(r=m.icon.attrs)||void 0===r?void 0:r[t],s=i({d:e,key:n+t},!l&&o?o:{});return(0,a.createElement)(f||"path",s)});return s&&!u&&v.push((0,a.createElement)("title",{key:s},s)),(0,a.createElement)(d||"svg",i(i({},p),{viewBox:y,style:g}),v)}},34629(e,t,n){n.d(t,{N:()=>b});var i=n(62615),r=n(59471),a=n(59098),o=n(76430),s=n(76009),l=n(96566),c=n(46214),u=n(87087);function d(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function f(...e){return r.useCallback(function(...e){return t=>{let n=!1;const i=e.map(e=>{const i=d(e,t);return n||"function"!=typeof i||(n=!0),i});if(n)return()=>{for(let t=0;t<i.length;t++){const n=i[t];"function"==typeof n?n():d(e[t],null)}}}}(...e),e)}class p extends r.Component{getSnapshotBeforeUpdate(e){const t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){const e=t.offsetParent,n=(0,c.s)(e)&&e.offsetWidth||0,i=(0,c.s)(e)&&e.offsetHeight||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=n-r.width-r.left,r.bottom=i-r.height-r.top}return null}componentDidUpdate(){}render(){return this.props.children}}function m({children:e,isPresent:t,anchorX:n,anchorY:a,root:o}){const s=(0,r.useId)(),l=(0,r.useRef)(null),c=(0,r.useRef)({width:0,height:0,top:0,left:0,right:0,bottom:0}),{nonce:d}=(0,r.useContext)(u.Q),m=e.props?.ref??e?.ref,h=f(l,m);return(0,r.useInsertionEffect)(()=>{const{width:e,height:i,top:r,left:u,right:f,bottom:p}=c.current;if(t||!l.current||!e||!i)return;

1const m="left"===n?`left: ${u}`:`right: ${f}`,h="bottom"===a?`bottom: ${p}`:`top: ${r}`;l.current.dataset.motionPopId=s;const g=document.createElement("style");d&&(g.nonce=d);const w=o??document.head;return w.appendChild(g),g.sheet&&g.sheet.insertRule(`\n          [data-motion-pop-id="${s}"] {\n            position: absolute !important;\n            width: ${e}px !important;\n            height: ${i}px !important;\n            ${m}px !important;\n            ${h}px !important;\n          }\n        `),()=>{w.contains(g)&&w.removeChild(g)}},[t]),(0,i.jsx)(p,{isPresent:t,childRef:l,sizeRef:c,children:r.cloneElement(e,{ref:h})})}const h=({children:e,initial:t,isPresent:n,onExitComplete:a,custom:s,presenceAffectsLayout:c,mode:u,anchorX:d,anchorY:f,root:p})=>{const h=(0,o.M)(g),w=(0,r.useId)();let y=!0,v=(0,r.useMemo)(()=>(y=!1,{id:w,initial:t,isPresent:n,custom:s,onExitComplete:e=>{h.set(e,!0);for(const e of h.values())if(!e)return;a&&a()},register:e=>(h.set(e,!1),()=>h.delete(e))}),[n,h,a]);return c&&y&&(v={...v}),(0,r.useMemo)(()=>{h.forEach((e,t)=>h.set(t,!1))},[n]),r.useEffect(()=>{!n&&!h.size&&a&&a()},[n]),"popLayout"===u&&(e=(0,i.jsx)(m,{isPresent:n,anchorX:d,anchorY:f,root:p,children:e})),(0,i.jsx)(l.t.Provider,{value:v,children:e})};function g(){return new Map}var w=n(77881);const y=e=>e.key||"";function v(e){const t=[];return r.Children.forEach(e,e=>{(0,r.isValidElement)(e)&&t.push(e)}),t}const b=({children:e,custom:t,initial:n=!0,onExitComplete:l,presenceAffectsLayout:c=!0,mode:u="sync",propagate:d=!1,anchorX:f="left",anchorY:p="top",root:m})=>{const[g,b]=(0,w.xQ)(d),x=(0,r.useMemo)(()=>v(e),[e]),E=d&&!g?[]:x.map(y),A=(0,r.useRef)(!0),C=(0,r.useRef)(x),R=(0,o.M)(()=>new Map),S=(0,r.useRef)(new Set),[j,k]=(0,r.useState)(x),[L,P]=(0,r.useState)(x);(0,s.E)(()=>{A.current=!1,C.current=x;for(let e=0;e<L.length;e++){const t=y(L[e]);E.includes(t)?(R.delete(t),S.current.delete(t)):!0!==R.get(t)&&R.set(t,!1)}},[L,E.length,E.join("-")]);const O=[];if(x!==j){let e=[...x];for(let t=0;t<L.length;t++){const n=L[t],i=y(n);E.includes(i)||(e.splice(t,0,n),O.push(n))}return"wait"===u&&O.length&&(e=O),P(v(e)),k(x),null}const{forceRender:I}=(0,r.useContext)(a.L);return(0,i.jsx)(i.Fragment,{children:L.map(e=>{const r=y(e),a=!(d&&!g)&&(x===L||E.includes(r));return(0,i.jsx)(h,{isPresent:a,initial:!(A.current&&!n)&&void 0,custom:t,presenceAffectsLayout:c,mode:u,root:m,onExitComplete:a?void 0:()=>{if(S.current.has(r))return;if(S.current.add(r),!R.has(r))return;R.set(r,!0);let e=!0;R.forEach(t=>{t||(e=!1)}),e&&(I?.(),P(C.current),d&&b?.(),l&&l())},anchorX:f,anchorY:p,children:e},r)})})}}}]);
2//# sourceMappingURL=InteractiveFeatureDisplayTab-Chunk-4f183126c4ad746c606e.js.map