http://www.shippop.com/_next/static/chunks/83.985fb391b2dcf303fea5.js

1(window.webpackJsonp_N_E=window.webpackJsonp_N_E||[]).push([[83,110],{"76vg":function(e,t,n){"use strict";var r=n("TqRt");Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var o=r(n("q1tI")),i=(0,r(n("8/g6")).default)(o.default.createElement("path",{d:"M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"}),"ChevronLeft");t.default=i},OQEh:function(e,t,n){e.exports={reveal:"Reveal_reveal__1hKuN",revealIn:"Reveal_revealIn__1XMQN"}},PGlZ:function(e,t,n){"use strict";n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return p}));var r=n("q1tI");function o(){return(o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var i=new Map,a=new Map,c=0;function s(e){return Object.keys(e).filter(Boolean).sort().map((function(t){return t+"_"+("root"===t?(n=e.root)?(a.has(n)||(c+=1,a.set(n,c.toString())),a.get(n)):"0":e[t]);var n})).toString()}function l(e,t,n){if(void 0===n&&(n={}),!e)return function(){};var r=function(e){var t=s(e),n=i.get(t);if(!n){var r=new Map,o=new IntersectionObserver((function(t){t.forEach((function(t){var n,i=t.isIntersecting&&o.thresholds.some((function(e){return t.intersectionRatio>=e}));e.trackVisibility&&"undefined"===typeof t.isVisible&&(t.isVisible=i),null==(n=r.get(t.target))||n.forEach((function(e){e(i,t)}))}))}),e);n={id:t,observer:o,elements:r},i.set(t,n)}return n}(n),o=r.id,a=r.observer,c=r.elements,l=c.get(e)||[];return c.has(e)||c.set(e,l),l.push(t),a.observe(e),function(){l.splice(l.indexOf(t),1),0===l.length&&(c.delete(e),a.unobserve(e)),0===c.size&&(a.disconnect(),i.delete(o))}}function u(e){return"function"!==typeof e.children}var d=function(e){var t,n;function i(t){var n;return(n=e.call(this,t)||this).node=null,n._unobserveCb=null,n.handleNode=function(e){n.node&&(n.unobserve(),e||n.props.triggerOnce||n.props.skip||n.setState({inView:!!n.props.initialInView,entry:void 0})),n.node=e||null,n.observeNode()},n.handleChange=function(e,t){e&&n.props.triggerOnce&&n.unobserve(),u(n.props)||n.setState({inView:e,entry:t}),n.props.onChange&&n.props.onChange(e,t)},n.state={inView:!!t.initialInView,entry:void 0},n}n=e,(t=i).prototype=Object.create(n.prototype),t.prototype.constructor=t,t.__proto__=n;var a=i.prototype;return a.componentDidUpdate=function(e){e.rootMargin===this.props.rootMargin&&e.root===this.props.root&&e.threshold===this.props.threshold&&e.skip===this.props.skip&&e.trackVisibility===this.props.trackVisibility&&e.delay===this.props.delay||(this.unobserve(),this.observeNode())},a.componentWillUnmount=function(){this.unobserve(),this.node=null},a.observeNode=function(){if(this.node&&!this.props.skip){var e=this.props,t=e.threshold,n=e.root,r=e.rootMargin,o=e.trackVisibility,i=e.delay;this._unobserveCb=l(this.node,this.handleChange,{threshold:t,root:n,rootMargin:r,trackVisibility:o,delay:i})}},a.unobserve=function(){this._unobserveCb&&(this._unobserveCb(),this._unobserveCb=null)},a.render=function(){if(!u(this.props)){var e=this.state,t=e.inView,n=e.entry;return this.props.children({inView:t,entry:n,ref:this.handleNode})}var i=this.props,a=i.children,c=i.as,s=i.tag,l=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(i,["children","as","tag","triggerOnce","threshold","root","rootMargin","onChange","skip","trackVisibility","delay","initialInView"]);return Object(r.createElement)(c||s||"div",o({ref:this.handleNode},l),a)},i}(r.Component);function p(e){var t=void 0===e?{}:e,n=t.threshold,o=t.delay,i=t.trackVisibility,a=t.rootMargin,c=t.root,s=t.triggerOnce,u=t.skip,d=t.initialInView,p=Object(r.useRef)(),f=Object(r.useState)({inView:!!d}),h=f[0],b=f[1],v=Object(r.useCallback)((function(e){void 0!==p.current&&(p.current(),p.current=void 0),u||e&&(p.current=l(e,(function(e,t){b({inView:e,entry:t}),t.isIntersecting&&s&&p.current&&(p.current(),p.current=void 0)}),{root:c,rootMargin:a,threshold:n,trackVisibility:i,delay:o}))}),[n,c,a,s,u,i,o]);Object(r.useEffect)((function(){p.current||!h.entry||s||u||b({inView:!!d})}));var g=[v,h.inView,h.entry];return g.ref=g[0],g.inView=g[1],g.entry=g[2],g}d.displayName="InView",d.defaultProps={threshold:0,triggerOnce:!1,initialInView:!1}},mWG1:function(e,t,n){"use strict";var r=n("cpVT"),o=n("xvhg"),i=n("q1tI"),a=n.n(i),c=n("PGlZ"),s=n("OQEh"),l=n.n(s),u=a.a.createElement;function d(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function p(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?d(Object(n),!0).forEach((function(t){Object(r.a)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):d(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}t.a=function(e){var t=e.children,n=e.delay,r=void 0===n?0:n,i=e.duration,a=void 0===i?.7:i,s=e.direction,d=void 0===s?"up":s,f=e.threshold,h=void 0===f?.15:f,b=e.className,v=void 0===b?"":b,g=e.component,m=void 0===g?"div":g,y=e.style,w=Object(c.b)({triggerOnce:!0,threshold:h}),O=Object(o.a)(w,2),k=O[0],j=O[1];return u(m,{ref:k,"data-dir":d,className:"".concat(l.a.reveal," ").concat(j?l.a.revealIn:""," ").concat(v),style:p({"--rv-dur":"".concat(a,"s"),"--rv-delay":"".concat(r,"s")},y)},t)}},prJ9:function(e,t,n){"use strict";n.r(t);var r=n("cpVT"),o=n("q1tI"),i=n.n(o),a=n("xm5f"),c=n("R/WZ"),s=n("Ji2X"),l=n("PsDL"),u=n("76vg"),d=n.n(u),p=n("E2gh"),f=n.n(p),h=n("FAeg"),b=n("mWG1"),v=i.a.createElement,g=[{src:"/static/img/home-new/promos/promo-flash.png",altKey:"promotions.alt1"},{src:"/static/img/home-new/promos/promo-spx.png",altKey:"promotions.alt2"},{src:"/static/img/home-new/promos/promo-ems.png",altKey:"promotions.alt3"}],m=Object(c.a)((function(e){return{root:Object(r.a)({padding:"60px 0",background:h.a.color.surface},e.breakpoints.down("sm"),{padding:"40px 0"}),heading:Object(r.a)({fontFamily:h.a.font.heading,fontSize:32,fontWeight:500,color:h.a.color.ink,textAlign:"center",margin:"0 0 32px"},e.breakpoints.down("sm"),{fontSize:22,margin:"0 0 20px"}),carousel:{position:"relative",maxWidth:h.a.container,margin:"0 auto"},viewport:{overflow:"hidden"},track:{display:"flex",width:"100%",transition:"transform 0.45s cubic-bezier(0.4, 0, 0.2, 1)"},page:{flex:"0 0 100%",display:"flex",gap:"".concat(20,"px"),alignItems:"stretch",minWidth:0},slide:{flex:"0 0 auto","& img":{width:"100%",height:"auto",aspectRatio:"1 / 1",objectFit:"cover",display:"block",borderRadius:h.a.radius.lg,boxShadow:h.a.shadow.card}},navBtn:{position:"absolute",top:"50%",transform:"translateY(-50%)",background:"rgba(255,255,255,0.9) !important",boxShadow:h.a.shadow.md,zIndex:2,cursor:"pointer","&:hover":{background:"rgba(255,255,255,1) !important"}},prevBtn:Object(r.a)({left:-20},e.breakpoints.down("sm"),{left:4}),nextBtn:Object(r.a)({right:-20},e.breakpoints.down("sm"),{right:4}),dots:{display:"flex",justifyContent:"center",gap:0,marginTop:16},dot:{width:48,height:24,boxSizing:"border-box",padding:"7px 19px",backgroundClip:"content-box",borderRadius:"50%",border:"none",cursor:"pointer",background:h.a.color.line,transition:"background 0.3s"},dotActive:{background:h.a.color.brand,backgroundClip:"content-box",borderRadius:5,padding:"7px 10px"}}}));t.default=function(){var e=m(),t=Object(a.b)("home").t,n=Object(o.useState)(3),r=n[0],c=n[1];Object(o.useEffect)((function(){var e=function(){var e=window.innerWidth;c(e>=960?3:e>=600?2:1)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}}),[]);var u=Math.ceil(g.length/r),p=u>1,y=Object(o.useState)(0),w=y[0],O=y[1],k=Object(o.useRef)(null);Object(o.useEffect)((function(){O((function(e){return Math.min(e,u-1)}))}),[u]);var j=Object(o.useCallback)((function(){clearInterval(k.current),u<=1||(k.current=setInterval((function(){O((function(e){return(e+1)%u}))}),5e3))}),[u]);Object(o.useEffect)((function(){return j(),function(){return clearInterval(k.current)}}),[j]);var x=function(e){O(e),j()},V=Array.from({length:u},(function(e,t){return g.slice(t*r,t*r+r)})),N=1===r?"100%":"calc((100% - ".concat(20*(r-1),"px) / ").concat(r,")");return v("section",{className:e.root},v(s.a,{maxWidth:!1,style:{maxWidth:h.a.container}},v(b.a,null,v("h2",{className:e.heading},t("promotions.heading"))),v(b.a,{delay:.1},v("div",{className:e.carousel},v("div",{className:e.viewport},v("div",{className:e.track,style:{transform:"translateX(-".concat(100*w,"%)")}},V.map((function(n,o){return v("div",{key:o,className:e.page,style:{justifyContent:n.length<r?"flex-start":"center"}},n.map((function(n){return v("div",{key:n.altKey,className:e.slide,style:{width:N}},v("picture",{style:{display:"contents"}},v("source",{srcSet:n.src.replace(/\.png$/,".webp"),type:"image/webp"}),v("img",{src:n.src,alt:t(n.altKey),width:760,height:760,loading:"lazy",decoding:"async"})))})))})))),p&&v(i.a.Fragment,null,v(l.a,{className:"".concat(e.navBtn," ").concat(e.prevBtn),onClick:function(){return x((w-1+u)%u)},"aria-label":t("promotions.prevAria")},v(d.a,null)),v(l.a,{className:"".concat(e.navBtn," ").concat(e.nextBtn),onClick:function(){return x((w+1)%u)},"aria-label":t("promotions.nextAria")},v(f.a,null)),v("div",{className:e.dots},Array.from({length:u}).map((function(n,r){return v("button",{key:r,className:"".concat(e.dot," ").concat(r===w?e.dotActive:""),onClick:function(){return x(r)},"aria-label":t("promotions.dotAria",{n:r+1})})}))))))))}}}]);
2//# sourceMappingURL=83.985fb391b2dcf303fea5.js.map