https://www.nikon.ch/dist-client/TabbedFlipboardSmallMediaCard-Chunk-2301c7bdd4a511f903af.js

1"use strict";(globalThis.webpackChunknikon_client=globalThis.webpackChunknikon_client||[]).push([[76,480,956,1162,1908,2933,3337,3813,4450,5314,5566,5718,5924,6194,6702,6813,7695,8099,8575,8781,9101,9527],{11183(e,t,a){a.d(t,{A:()=>u});var n=a(13889),r=a(26640),i=a(48210),o=a(97500),s=a.n(o),l=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 n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(null,arguments)}const u=({children:e,classes:t,dataTestId:a,epiEdit:o,fallbackSize:u,image:d,imageClasses:p,imageRef:m,lazyLoad:f=!0,progressiveLoad:b=!0,showFallback:h,sizes:v=""})=>{const g=d?.mobile,y=d?.tablet,A=d?.desktop,w=d?.largeDesktop,L=(0,i.A)(),[S,E]=(0,l.useState)(!1);if(!A?.url&&!h)return null;const P={[r.A.Small]:g,[r.A.Medium]:y,[r.A.Large]:A,[r.A.XLarge]:w};return h&&!A?.url?React.createElement("div",{className:s()(t,"flex items-center justify-center")},React.createElement(n.A,{ariaHidden:!0,className:s()(p,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),name:"image-outline",size:u??"100%"}),e):React.createElement("picture",{className:s()(t)},React.createElement("source",{type:"image/webp",sizes:v,srcSet:`${g?.url} 376w, ${y?.url} 768w, ${A?.url} 1024w, ${w?.url} 1440w`}),React.createElement("img",c({ref:m,alt:d?.altText?.length?d?.altText:"nikon-image",className:s()(p,"motion-safe:transition motion-safe:duration-500 motion-safe:ease-in-out"),"data-epi-property-name":o,draggable:"false",loading:f?"lazy":"eager",onLoad:()=>{E(!0)},sizes:v,src:S&&b?P[L]?.url:g?.url,height:P[L]?.height,width:P[L]?.width,srcSet:`${g?.originalUrl} 376w, ${y?.originalUrl} 768w, ${A?.originalUrl} 1024w, ${w?.originalUrl} 1440w`},a&&{"data-testid":a})),S&&e)}},64363(e,t,a){a.d(t,{A:()=>u});const n=e=>"object"==typeof e&&null!==e&&!Array.isArray(e),r=(e,t)=>Object.entries(e).reduce((e,[t,a])=>("duration"!==t&&"delay"!==t||"number"!=typeof a?n(a)?e[t]=r(a,t):e[t]=a:e[t]=0,e),{..."transition"===t?{duration:0}:{}}),i=e=>{const t=Object.keys(e).reduce((t,a)=>{const i=e[a];return n(i)&&(t[a]=r(i,a)),t},{...e});return{...t,transition:{...t.transition||{},duration:0}}};var o=a(74632),s=a(24675),l=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 n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(null,arguments)}const u=({tag:e,ref:t,variants:a,initial:n,animate:r,exit:u,transition:d,layout:p,whileHover:m,...f})=>{const b=(0,l.useMemo)(()=>o.P[e||"div"],[e]),h=(0,s.I)(),v={variants:a,initial:n,animate:r,exit:u,transition:d,whileHover:m};return React.createElement(b,c({ref:t},h?i(v):v,{layout:!h&&p},f))}},59387(e,t,a){a.d(t,{A:()=>m});var n=a(64363),r=a(39673),i=a(55169),o=a(43143),s=a(97505),l=a(97500),c=a.n(l),u=a(59471);function d(){return d=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},d.apply(null,arguments)}const p=(0,r.Ay)(()=>a.e(2550).then(a.t.bind(a,21323,23))),m=({classes:e,config:t,controls:a=!0,epiEdit:r,inlineStyles:l,isPlaying:m,ref:f,title:b,subtitles:h,videoAttributes:v,videoDescription:g,videoRatio:y="aspect-video",videoSource:A,videoWidthStyle:w="100%",videoWrapperOpacityProgress:L,onEndedVideo:S,onVideoPause:E,onVideoPlay:P,onVideoReady:C,onVideoStart:R,onVolumeChange:x})=>{const{videoAriaLabel:k}=(0,o.A)(),V=(0,s.A)(),I=(0,u.useRef)(0),O=(0,u.useRef)(!1),N=e=>{(0,i.A)({event:"videoProgress",video_progress:e,video_title:b||A})};return A?React.createElement(n.A,{ref:f,className:c()(e,y,"w-full"),"data-epi-property-name":r,"data-testid":m?"video-playing":"video-paused",style:{opacity:L??1,...l}},V&&React.createElement(p,d({url:A,width:w,height:"100%",controls:a,playing:!0,onProgress:({played:e})=>{var t;t=e,O.current||(I.current<.25&&t>.25&&N("25%"),I.current<.5&&t>.5&&N("50%"),I.current<.75&&t>.75&&N("75%"),I.current>.9&&t<.1&&(N("100%"),O.current=!0),I.current=t)},onStart:()=>{R?.()},onEnded:()=>{S?.()},onPause:E,onPlay:P,onReady:C,config:{...t,file:{tracks:h||[],attributes:{"aria-label":`${k}${g?`: ${g}`:""}`}}},onVolumeChange:e=>{x?.(e.target)}},v))):null}},70122(e,t,a){a.d(t,{A:()=>b});var n=a(13889),r=a(11183),i=a(64363),o=a(59387),s=a(55169),l=a(43143),c=a(37417),u=a(97500),d=a.n(u),p=a(34629),m=a(32088),f=a(59471);

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

1,animate:{opacity:1},exit:{opacity:0},onClick:()=>{C&&(W(!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:P?.editHints?.video,dataTestId:`${u}-Cover-Image`}),!ee&&a&&React.createElement("button",{type:"button","aria-label":G,className:"absolute bottom-2.5 left-2.5 flex items-center md:bottom-5 md:left-5",onClick:()=>{W(!0),te("play"),Z.current=!0},"data-testid":`${u}-Play-Button`},React.createElement("div",{className:"h-[2.1875rem] w-[2.1875rem] md:h-[2.875rem] md:w-[2.875rem]"},React.createElement(n.A,{name:"play_icon_circle",size:"100%"}))))))}},6086(e,t,a){a.r(t),a.d(t,{default:()=>c});var n=a(11183),r=a(70122),i=a(26093),o=a(61002),s=a(97500),l=a.n(s);const c=({headline:e,media:t,dataTestId:a,meta:s,isSmall:c})=>{const u=(0,i.A)(1024),d=(0,o.A)();return React.createElement("div",{className:l()("relative h-full w-full",{"max-h-[540px] max-w-[540px]":d}),"data-testid":a},React.createElement("p",{className:l()("absolute top-4 left-4 z-10 text-white max-lg:right-[42px] lg:top-6",c||u?"h5":"h3",c?"lg:left-7 lg:w-1/2":"lg:right-8 lg:left-8"),"data-testid":`${a}-Headline`,"data-epi-property-name":s?.editHints?.headline},e),React.createElement("div",{className:"absolute top-0 z-[1] h-full w-full rounded-lg bg-gradient-to-b from-black-100/40","data-testid":`${a}-Gradient`}),d&&React.createElement("div",{className:"absolute bottom-0 h-1/2 w-full","data-epi-property-name":s?.editHints?.media}),t&&("url"in t&&t.url?React.createElement(r.A,{videoClasses:"[&>div>video]:object-cover [&>div>video]:rounded-lg h-full",wrapperClasses:"h-full",autoPlay:!0,hasInVideoPlayButton:!0,inVideoPlayButtonPositionClassName:"bottom-2.5 left-2.5 md:bottom-5 md:left-5",controls:!1,video:t,dataTestId:`${a}-Video`,playOnCoverClick:!1}):React.createElement(n.A,{image:t,imageClasses:"w-full object-cover h-full rounded-lg",dataTestId:`${a}-Image`})))}},51423(e,t,a){a.r(t),a.d(t,{default:()=>r});var n=a(6086);const r=({headline:e,media:t,meta:a})=>React.createElement(n.default,{headline:e,media:t,meta:a,dataTestId:"CT-159-Tabbed-Flipboard-Small-Media-Card",isSmall:!0})},26640(e,t,a){a.d(t,{A:()=>r});var n=function(e){return e.Small="sm",e.Medium="md",e.Large="lg",e.XLarge="xl",e}(n||{});const r=n},30680(e,t,a){a.d(t,{A:()=>r});var n=function(e){return e.Screen="Screen",e.Viewport="Viewport",e}(n||{});const r=n},9683(e,t,a){a.d(t,{A:()=>r});var n=a(60422);const r=(0,a(44285).A)(e=>({ariaLabels:n.A,setAriaLabels:t=>e({ariaLabels:t})}))},63904(e,t,a){a.d(t,{A:()=>r});var n=a(42926);const r=()=>{const e=Math.abs(window.outerWidth-window.innerWidth)<=50?1:Number((window.outerWidth/window.innerWidth).toFixed(2));return n.gm&&!n.Fr?window.devicePixelRatio:e}},55169(e,t,a){a.d(t,{A:()=>n});const n=e=>{"undefined"!=typeof window&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(e))}},43143(e,t,a){a.d(t,{A:()=>o});var n=a(9683),r=a(60422),i=a(59471);const o=()=>{const[e,t]=(0,i.useState)(r.A),a=(0,n.A)(e=>e.ariaLabels);return(0,i.useEffect)(()=>{t(a)},[a]),e}},48210(e,t,a){a.d(t,{A:()=>l});var n=a(26640),r=a(30680),i=a(63904),o=a(59471);const s=e=>{const t=768,a=1024,o=1440,s=(0,i.A)(),l=e===r.A.Viewport?window.innerWidth:window.innerWidth*s;return l<t?n.A.Small:l>=t&&l<a?n.A.Medium:l>=a&&l<o?n.A.Large:n.A.XLarge},l=(e=r.A.Viewport)=>{const[t,a]=(0,o.useState)(),n=(0,o.useCallback)(()=>a(s(e)),[e]);return(0,o.useEffect)(()=>(window.addEventListener("resize",n),a(s(e)),()=>{window.removeEventListener("resize",n)}),[n,e]),t}},97505(e,t,a){a.d(t,{A:()=>r});var n=a(59471);const r=()=>{const[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{t(!0)},[]),e}},26093(e,t,a){a.d(t,{A:()=>o});var n=a(30680),r=a(63904),i=a(59471);const o=(e,t=n.A.Viewport)=>{const[a,o]=(0,i.useState)(),s=(0,i.useCallback)(()=>{const a=(0,r.A)(),i=t===n.A.Viewport?window.innerWidth:window.innerWidth*a;o(i<e)},[e,t]);return(0,i.useEffect)(()=>(window.addEventListener("resize",s),s(),()=>{window.removeEventListener("resize",s)}),[s]),a}},61002(e,t,a){a.d(t,{A:()=>r});var n=a(59471);const r=()=>

1{const[e,t]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{t(window.self!==window.top)},[]),e}},37417(e,t,a){a.d(t,{A:()=>i});var n=a(24675),r=a(97505);const i=()=>{const e=(0,r.A)();return(0,n.I)()&&e}},60422(e,t,a){a.d(t,{A:()=>n});const n={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"}},16621(e,t,a){var n=this&&this.__assign||function(){return n=Object.assign||function(e){for(var t,a=1,n=arguments.length;a<n;a++)for(var r in t=arguments[a])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e},n.apply(this,arguments)},r=this&&this.__rest||function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};Object.defineProperty(t,"__esModule",{value:!0}),t.iconList=void 0;var i=a(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,a=e.icon,o=e.size,s=e.title,l=e.disableFill,c=e.removeInlineStyle,u=e.native,d=e.SvgComponent,p=e.PathComponent,m=r(e,["iconSet","icon","size","title","disableFill","removeInlineStyle","native","SvgComponent","PathComponent"]);if(!t||!a)return null;var f=t.icons.find(function(e){return e.properties.name===a});if(!f)return null;var b={display:"inline-block",stroke:"currentColor",fill:"currentColor"};u&&(b.display="flex",b.flexDirection="row",b.flexWrap="wrap");var h=n(n(n({},c?{}:b),o?{width:o,height:o}:{}),m.style||{}),v=f.icon.width,g="0 0 ".concat(void 0===v?"1024":v," 1024"),y=f.icon.paths.map(function(e,t){var r,o=null===(r=f.icon.attrs)||void 0===r?void 0:r[t],s=n({d:e,key:a+t},!l&&o?o:{});return(0,i.createElement)(p||"path",s)});return s&&!u&&y.push((0,i.createElement)("title",{key:s},s)),(0,i.createElement)(d||"svg",n(n({},m),{viewBox:g,style:h}),y)}},44285(e,t,a){a.d(t,{A:()=>

1o});var n=a(59471);function r(e){let t;const a=new Set,n=(e,n)=>{const r="function"==typeof e?e(t):e;if(r!==t){const e=t;t=n?r:Object.assign({},t,r),a.forEach(a=>a(t,e))}},r=()=>t,i={setState:n,getState:r,subscribe:(e,n,i)=>n||i?((e,n=r,i=Object.is)=>{console.warn("[DEPRECATED] Please use `subscribeWithSelector` middleware");let o=n(t);function s(){const a=n(t);if(!i(o,a)){const t=o;e(o=a,t)}}return a.add(s),()=>a.delete(s)})(e,n,i):(a.add(e),()=>a.delete(e)),destroy:()=>a.clear()};return t=e(n,r,i),i}const i="undefined"==typeof window||!window.navigator||/ServerSideRendering|^Deno\//.test(window.navigator.userAgent)?n.useEffect:n.useLayoutEffect;function o(e){const t="function"==typeof e?r(e):e,a=(e=t.getState,a=Object.is)=>{const[,r]=(0,n.useReducer)(e=>e+1,0),o=t.getState(),s=(0,n.useRef)(o),l=(0,n.useRef)(e),c=(0,n.useRef)(a),u=(0,n.useRef)(!1),d=(0,n.useRef)();let p;void 0===d.current&&(d.current=e(o));let m=!1;(s.current!==o||l.current!==e||c.current!==a||u.current)&&(p=e(o),m=!a(d.current,p)),i(()=>{m&&(d.current=p),s.current=o,l.current=e,c.current=a,u.current=!1});const f=(0,n.useRef)(o);i(()=>{const e=()=>{try{const e=t.getState(),a=l.current(e);c.current(d.current,a)||(s.current=e,d.current=a,r())}catch(e){u.current=!0,r()}},a=t.subscribe(e);return t.getState()!==f.current&&e(),a},[]);const b=m?p:d.current;return(0,n.useDebugValue)(b),b};return Object.assign(a,t),a[Symbol.iterator]=function(){console.warn("[useStore, api] = create() is deprecated and will be removed in v4");const e=[a,t];return{next(){const t=e.length<=0;return{value:e.shift(),done:t}}}},a}},34629(e,t,a){a.d(t,{N:()=>A});var n=a(62615),r=a(59471),i=a(59098),o=a(76430),s=a(76009),l=a(96566),c=a(10241),u=a(87087);function d(e,t){if("function"==typeof e)return e(t);null!=e&&(e.current=t)}function p(...e){return r.useCallback(function(...e){return t=>{let a=!1;const n=e.map(e=>{const n=d(e,t);return a||"function"!=typeof n||(a=!0),n});if(a)return()=>{for(let t=0;t<n.length;t++){const a=n[t];"function"==typeof a?a():d(e[t],null)}}}}(...e),e)}class m extends r.Component{getSnapshotBeforeUpdate(e){const t=this.props.childRef.current;if(t&&e.isPresent&&!this.props.isPresent){const e=t.offsetParent,a=(0,c.s)(e)&&e.offsetWidth||0,n=(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=a-r.width-r.left,r.bottom=n-r.height-r.top}return null}componentDidUpdate(){}render(){return this.props.children}}function f({children:e,isPresent:t,anchorX:a,anchorY:i,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),f=e.props?.ref??e?.ref,b=p(l,f);return(0,r.useInsertionEffect)(()=>{const{width:e,height:n,top:r,left:u,right:p,bottom:m}=c.current;if(t||!l.current||!e||!n)return;const f="left"===a?`left: ${u}`:`right: ${p}`,b="bottom"===i?`bottom: ${m}`:`top: ${r}`;l.current.dataset.motionPopId=s;const h=document.createElement("style");d&&(h.nonce=d);const v=o??document.head;return v.appendChild(h),h.sheet&&h.sheet.insertRule(`\n          [data-motion-pop-id="${s}"] {\n            position: absolute !important;\n            width: ${e}px !important;\n            height: ${n}px !important;\n            ${f}px !important;\n            ${b}px !important;\n          }\n        `),()=>{v.contains(h)&&v.removeChild(h)}},[t]),(0,n.jsx)(m,{isPresent:t,childRef:l,sizeRef:c,children:r.cloneElement(e,{ref:b})})}const b=({children:e,initial:t,isPresent:a,onExitComplete:i,custom:s,presenceAffectsLayout:c,mode:u,anchorX:d,anchorY:p,root:m})=>{const b=(0,o.M)(h),v=(0,r.useId)();let g=!0,y=(0,r.useMemo)(()=>(g=!1,{id:v,initial:t,isPresent:a,custom:s,onExitComplete:e=>{b.set(e,!0);for(const e of b.values())if(!e)return;i&&i()},register:e=>(b.set(e,!1),()=>b.delete(e))}),[a,b,i]);return c&&g&&(y={...y}),(0,r.useMemo)(()=>{b.forEach((e,t)=>b.set(t,!1))},[a]),r.useEffect(()=>{!a&&!b.size&&i&&i()},[a]),"popLayout"===u&&(e=(0,n.jsx)(f,{isPresent:a,anchorX:d,anchorY:p,root:m,children:e})),(0,n.jsx)(l.t.Provider,{value:y,children:e})};function h(){return new Map}var v=a(77881);const g=e=>e.key||"";function y(e){const t=[];

1return r.Children.forEach(e,e=>{(0,r.isValidElement)(e)&&t.push(e)}),t}const A=({children:e,custom:t,initial:a=!0,onExitComplete:l,presenceAffectsLayout:c=!0,mode:u="sync",propagate:d=!1,anchorX:p="left",anchorY:m="top",root:f})=>{const[h,A]=(0,v.xQ)(d),w=(0,r.useMemo)(()=>y(e),[e]),L=d&&!h?[]:w.map(g),S=(0,r.useRef)(!0),E=(0,r.useRef)(w),P=(0,o.M)(()=>new Map),C=(0,r.useRef)(new Set),[R,x]=(0,r.useState)(w),[k,V]=(0,r.useState)(w);(0,s.E)(()=>{S.current=!1,E.current=w;for(let e=0;e<k.length;e++){const t=g(k[e]);L.includes(t)?(P.delete(t),C.current.delete(t)):!0!==P.get(t)&&P.set(t,!1)}},[k,L.length,L.join("-")]);const I=[];if(w!==R){let e=[...w];for(let t=0;t<k.length;t++){const a=k[t],n=g(a);L.includes(n)||(e.splice(t,0,a),I.push(a))}return"wait"===u&&I.length&&(e=I),V(y(e)),x(w),null}const{forceRender:O}=(0,r.useContext)(i.L);return(0,n.jsx)(n.Fragment,{children:k.map(e=>{const r=g(e),i=!(d&&!h)&&(w===k||L.includes(r));return(0,n.jsx)(b,{isPresent:i,initial:!(S.current&&!a)&&void 0,custom:t,presenceAffectsLayout:c,mode:u,root:f,onExitComplete:i?void 0:()=>{if(C.current.has(r))return;if(C.current.add(r),!P.has(r))return;P.set(r,!0);let e=!0;P.forEach(t=>{t||(e=!1)}),e&&(O?.(),V(E.current),d&&A?.(),l&&l())},anchorX:p,anchorY:m,children:e},r)})})}},32088(e,t,a){a.d(t,{W:()=>o});var n=a(59471),r=a(20818);const i={some:0,all:1};function o(e,{root:t,margin:a,amount:o,once:s=!1,initial:l=!1}={}

1){const[c,u]=(0,n.useState)(l);return(0,n.useEffect)(()=>{if(!e.current||s&&c)return;const n={root:t&&t.current||void 0,margin:a,amount:o};return function(e,t,{root:a,margin:n,amount:o="some"}={}){const s=(0,r.K)(e),l=new WeakMap,c=new IntersectionObserver(e=>{e.forEach(e=>{const a=l.get(e.target);if(e.isIntersecting!==Boolean(a))if(e.isIntersecting){const a=t(e.target,e);"function"==typeof a?l.set(e.target,a):c.unobserve(e.target)}else"function"==typeof a&&(a(e),l.delete(e.target))})},{root:a,rootMargin:n,threshold:"number"==typeof o?o:i[o]});return s.forEach(e=>c.observe(e)),()=>c.disconnect()}(e.current,()=>(u(!0),s?void 0:()=>u(!1)),n)},[t,e,a,s,o]),c}}}]);
2//# sourceMappingURL=TabbedFlipboardSmallMediaCard-Chunk-2301c7bdd4a511f903af.js.map