https://www.nike.com/_next/static/chunks/511.03f6b2381b4b9f64.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[511],{7511:(e,t,r)=>{r.r(t),r.d(t,{StickyContent:()=>N,default:()=>j});var n=r(6029),a=r(3886),i=r.n(a),s=r(6121),o=r.n(s),l=r(260),c=r(2611),d=r(9232),g=r(660),u=r(7180),p=r(5901),b=r(6174);let m={COLOR:"color",IMAGE:"image",VIDEO:"video"},x={CENTER:"center",LEFT:"left",RIGHT:"right"},h=/text-location-(mobile|tablet|desktop)-(left|center|right)-(\d{1,3})\b/g,f=Object.values({DESKTOP:"desktop",MOBILE:"mobile",TABLET:"tablet"}),I=Object.values(x),O="40px",T=e=>!Number.isFinite(e)||e<1||e>100?null:e,C=(e="")=>{if("string"!=typeof e||0===e.length)return{};let t={},r=new RegExp(h.source,h.flags),n=r.exec(e);for(;null!==n;){let[,a,i,s]=n,o=T(parseInt(s,10));null!==o&&f.includes(a)&&I.includes(i)&&(t[a]={alignment:i,width:o}),n=r.exec(e)}return t},k={[x.CENTER]:{left:"0",marginLeft:"auto",marginRight:"auto",right:"0"},[x.LEFT]:{left:O,marginLeft:"0",marginRight:"auto",right:"auto"},[x.RIGHT]:{left:"auto",marginLeft:"auto",marginRight:"0",right:O}},y="--stc-tl",v={stickyContainer:"_38KdHXZ4",stickyCard:"_3vbCiuvb",cardRunway:"_2sNhZYpX",cardContent:"_2cVxl3dS",fadeInContent:"_2lyNlSwY",animateIn:"_3vPIITl1",cardTextImage:"_3Mdbc4oR",cardBackground:"Ban8mYAh",videoBackground:"_16gFcXsJ",cardTextLocationMobile:"_2XMb1gBr",cardTextLocationTablet:"_37cAFVXO",cardTextLocationDesktop:"_2abdX_sv"},R={image:m.IMAGE,text:m.COLOR,video:m.VIDEO},E={actionButtons:[],bodyProps:{text:""},subtitleProps:{text:""},titleProps:{text:""}},L=({card:e,index:t,hasFadeInContentInternalName:r,textLocationOverrides:i={}})=>{let s=(0,a.useRef)(null),[o,p]=(0,a.useState)(!1),[x,h]=(0,a.useState)(!1);(0,a.useEffect)(()=>{let e=new IntersectionObserver(([e])=>{p(e.boundingClientRect.y<=0&&e.isIntersecting)},{rootMargin:"0px",threshold:[0,1]});return s.current&&e.observe(s.current),()=>{e&&e.disconnect()}},[]),(0,a.useEffect)(()=>{if(x)return;let e=new IntersectionObserver(([e])=>{e.isIntersecting&&e.intersectionRatio>=.5&&h(!0)},{rootMargin:"0px",threshold:[.5]});return s.current&&e.observe(s.current),()=>{e&&e.disconnect()}},[x]),(0,a.useEffect)(()=>{let r=new IntersectionObserver(([r])=>{r.isIntersecting&&c.cC("stickyCardViewed",{card_id:String(e.id).slice(0,100),index:String(t)})},{rootMargin:"0px",threshold:.5});return s.current&&r.observe(s.current),()=>{r&&r.disconnect()}},[e.id,t]);let f=e.type===m.VIDEO,I={backgroundColor:e.backgroundColor||"#000000",zIndex:t+1},O=0===t&&r&&e.backgroundImage,{titleProps:T,subtitleProps:C,bodyProps:R}=e,L=(0,b.R9)(e.altText,T?.text,C?.text),N=e.altText||"",j=(0,l.A)({[v.fadeInContent]:!0,[v.animateIn]:x}),_=((e={})=>{let t=Object.entries(e);if(0===t.length)return null;let r={};return t.forEach(([e,{alignment:t,width:n}])=>{let a=k[t];if(!a)return;let i=`${n}%`;r[`${y}-${e}-width`]=i,r[`${y}-${e}-left`]=a.left,r[`${y}-${e}-right`]=a.right,r[`${y}-${e}-margin-left`]=a.marginLeft,r[`${y}-${e}-margin-right`]=a.marginRight}),Object.keys(r).length>0?r:null})(i),P=(0,l.A)({[v.cardTextLocationMobile]:!!i?.mobile,[v.cardTextLocationTablet]:!!i?.tablet,[v.cardTextLocationDesktop]:!!i?.desktop});return(0,n.jsxs)("div",{ref:s,className:v.stickyCard,style:I,"data-card-id":e.id,"data-is-stuck":o,children:[!f&&e.backgroundImage&&!O&&(0,n.jsx)("img",{className:v.videoBackground,src:e.backgroundImage,alt:N,loading:0===t?"eager":"lazy"}),f&&(0,n.jsx)("div",{className:v.cardBackground,children:(0,n.jsx)(d.O,{...e,...E,preset:"ambient",loop:!0,dataAnalyticsHasLandmark:!1})}),O?(0,n.jsxs)("div",{className:(0,l.A)(v.cardContent,j),children:[(0,n.jsx)("img",{src:e.backgroundImage,alt:L,className:v.cardTextImage,loading:"lazy"}),R?.text&&(0,n.jsx)(u.a3,{...R})]}):(0,n.jsxs)(g.A,{renderAs:"div",position:e.textLocation,overlayWrapperClassName:(0,l.A)(v.cardContent,j,P),style:_||void 0,children:[T?.text&&(0,n.jsx)(u.a1,{...T,renderAs:"h2"}),C?.text&&(0,n.jsx)(u.Q_,{...C,renderAs:"h3"}),R?.text&&(0,n.jsx)(u.a3,{...R})]})]})};L.propTypes={card:o().shape({altText:o().string,backgroundColor:o().string,backgroundImage:o().string,bodyProps:p.eC,containerType:o().string,id:o().string.isRequired,internalName:o().string,

1subtitleProps:p.eC,textLocation:p.YW,titleProps:p.eC,type:o().oneOf(Object.values(m)),videoId:o().string}).isRequired,hasFadeInContentInternalName:o().bool.isRequired,index:o().number.isRequired,textLocationOverrides:o().objectOf(o().shape({alignment:o().oneOf(["left","center","right"]).isRequired,width:o().number.isRequired}))};let N=({slides:e=[],cards:t=[],internalName:r="",analyticsItemId:a,hashKey:s})=>{let o=e&&e.length>0?((e=[])=>e.map(e=>{let t=R[e.containerType?.toLowerCase()]||m.COLOR;return{...e,backgroundColor:e.backgroundColor||"#000000",backgroundImage:e.landscapeURL||e.portraitURL||e.landscapePosterUrl||e.portraitPosterUrl||void 0,type:t}}))(e):t;if(!o||0===o.length)return null;let l=r.includes("fade-in-content"),c=C(r);return(0,n.jsx)("div",{className:v.stickyContainer,"data-testid":"sticky-content","data-analytics-placement-id":a,"data-click-mod":s,children:o.map((e,t)=>(0,n.jsxs)(i().Fragment,{children:[(0,n.jsx)(L,{card:e,index:t,hasFadeInContentInternalName:l,textLocationOverrides:((e={},t)=>{if("string"!=typeof t||0===t.length)return e;if(t.includes("exclude-internal-name"))return{};let r=C(t);return 0===Object.keys(r).length?e:{...e,...r}})(c,e.internalName)}),t<o.length-1&&(0,n.jsx)("div",{className:v.cardRunway,"aria-hidden":!0})]},e.id))})};N.propTypes={analyticsItemId:o().string,cards:o().arrayOf(o().shape({altText:o().string,animationType:o().oneOf(Object.values({FADE_IN:"fadeIn",NONE:"none",SLIDE_UP:"slideUp"})),backgroundColor:o().string,backgroundImage:o().string,bodyProps:p.eC,containerType:o().string,id:o().string.isRequired,internalName:o().string,subtitleProps:p.eC,textLocation:p.YW,textPosition:o().oneOf(Object.values({BOTTOM_CENTER:"bottom-center",BOTTOM_LEFT:"bottom-left",CENTER:"center",TOP_CENTER:"top-center",TOP_LEFT:"top-left"})),titleProps:p.eC,type:o().oneOf(Object.values(m)),videoId:o().string})).isRequired,hashKey:o().string,internalName:o().string,slides:o().arrayOf(o().shape({...p.vc,backgroundColor:o().string,containerType:o().string,internalName:o().string,landscapePosterUrl:o().string,landscapeURL:o().string,portraitPosterUrl:o().string,portraitURL:o().string}))};let j=N}}]);
2//# sourceMappingURL=511.03f6b2381b4b9f64.js.map