https://outrider.org/component---src-templates-magazine-js-d52e98a8e1059a77a053.js

1"use strict";(self.webpackChunkoutrider_foundation_gatsby=self.webpackChunkoutrider_foundation_gatsby||[]).push([[472],{692:function(e,t,l){l.d(t,{A:function(){return a}});var r=l(5540),n=l(6540);let i=function(e){function t(){var t;return(t=e.call(this)||this).handleLoaded=e=>{t.state.loaded||t.setState({loaded:!0})},t.checkPoster=()=>{0===t.video.currentTime&&t.setState({usePoster:!0})},t.state={loaded:!1,usePoster:!1},t}(0,r.A)(t,e);var l=t.prototype;return l.componentDidMount=function(){this.video.load(),this.video.readyState>=3&&this.handleLoaded(),this.posterTimeout=setTimeout(this.checkPoster,4e3)},l.componentDidUpdate=function(e){e.src!==this.props.src&&this.video.load(),e.paused!==this.props.paused&&(e.paused?this.video.pause():this.video.play())},l.componentWillUnmount=function(){clearTimeout(this.posterTimeout)},l.getPoster=function(){return this.props.poster?this.props.poster:""},l.render=function(){const e={opacity:this.state.loaded&&!this.props.hidden?this.props.opacity:0};return n.createElement("video",{ref:e=>{this.video=e},className:"opacity "+("cover"===this.props.videoStyle?"videoBackground-module--videoCover--6e793":"videoBackground-module--videoNormal--9b9d7")+"  videoBackground-module--videoLoad--94ccf "+(this.props.slowFade?"videoBackground-module--slowFade--5735c":""),loop:!0,autoPlay:!0,playsInline:!0,muted:!0,style:e,onCanPlay:this.handleLoaded,src:this.props.src,poster:this.state.usePoster?this.getPoster():""})},t}(n.Component);i.defaultProps={opacity:1,hidden:!1};var a=i},1278:function(e,t,l){var r=l(6540),n=l(2407);t.A=e=>{const{type:t,active:l=!0,isButton:i=!0,direction:a,handleClick:o,bigger:d,smallLeft:c,biggest:s,textRight:u,textStyleAlt:m,textWhite:v,kicker:p,text:f}=e,h=((e,t)=>{switch(e){case"play":return n.tF;case"close":return n.H8;case"open":return n.tm;case"left":return(!1===t?n.zn:n.sE)+" "+n.YL;case"arrow":return!1===t?n.zn:n.sE;default:return n.T$}})(a?"left"===a?"left":"arrow":t,l)+" "+(d?n.N:"")+" "+(c?n.pC:"")+"\n    "+(s?n.yX:""),E=f||p?r.createElement("span",{className:(u?n.AH:n._d)+" "+(m?n.KH:"")+" "+(v?n.ju:"")+" "+(p?n.Ey:"")},p&&r.createElement("span",{className:"f-label "+n.SW},p),f):null;return!1===i?r.createElement("div",{className:h,onClick:o},E):r.createElement("button",{className:h,onClick:o,onMouseLeave:e=>{e.target.blur()}},E)}},2295:function(e,t,l){l.d(t,{Dr:function(){return y},E6:function(){return d},EX:function(){return h},N4:function(){return i},NT:function(){return a},OB:function(){return n},QA:function(){return b},SQ:function(){return r},ZH:function(){return v},bO:function(){return o},hz:function(){return m},iy:function(){return s},j:function(){return E},j8:function(){return c},kf:function(){return N},l3:function(){return g},mG:function(){return u},sv:function(){return p},wV:function(){return f}});var r="videoEmbed-module--articleVid--5a7d1",n="videoEmbed-module--centerPlay--aa59d",i="videoEmbed-module--coverImage--00be2",a="videoEmbed-module--coverText--9f38a",o="videoEmbed-module--coverTextPlaying--ef78d videoEmbed-module--coverText--9f38a",d="videoEmbed-module--embed--e6e0d",c="videoEmbed-module--featured--f6ac7",s="videoEmbed-module--fullScreen--09c6b",u="videoEmbed-module--inline--f7458",m="videoEmbed-module--inlineVideo--16b08",v="videoEmbed-module--play--24411",p="videoEmbed-module--shortDesc--98540",f="videoEmbed-module--shortDescInner--9bcd2",h="videoEmbed-module--small--69f97",E="videoEmbed-module--videoContainer--2f3e3",g="videoEmbed-module--videoCover--bea29",y="videoEmbed-module--videoEmbed--41895",b="videoEmbed-module--videoEmbedTimeline--4123a videoEmbed-module--videoEmbed--41895",N="videoEmbed-module--videoWrap--ac1c6"},2407:function(e,t,l){l.d(t,{AH:function(){return o},Ey:function(){return v},H8:function(){return m},KH:function(){return g},N:function(){return r},Q3:function(){return i},SW:function(){return f},T$:function(){return c},YL:function(){return h},_d:function(){return a},ju:function(){return y},pC:function(){return E},sE:function(){return d},tF:function(){return s},tm:function(){return u},yX:function(){return n},zn:function(){return p}});var r="circleButton-module--bigger--cd72f",n="circleButton-module--biggest--10cbe",i="circleButton-module--buttonHoverContainer--2cb4f",a="circleButton-module--buttonText--dcb2c",o="circleButton-module--buttonTextRight--81343 circleButton-module--buttonText--dcb2c",d="circleButton-module--circleArrow--85cf5 circleButton-module--circleButton--afa89",c="circleButton-module--circleButton--afa89",s="circleButton-module--circlePlay--bbf60 circleButton-module--circleButton--afa89",u="circleButton-module--circlePlus--9d4d4 circleButton-module--circleButton--afa89",m="circleButton-module--circleX--d420d circleButton-module--circleButton--afa89",v="circleButton-module--hasKicker--95835",p="circleButton-module--inactiveCircleArrow--86a21 circleButton-module--circleArrow--85cf5 circleButton-module--circleButton--afa89",f="circleButton-module--kicker--dd62c",h="circleButton-module--prev--565f7",E="circleButton-module--smallLeft--156c4",g="circleButton-module--textStyleAlt--2cee4",y="circleButton-module--textWhite--72636"},7192:function(e,t,l){l.d(t,{A:function(){return n}});var r=l(6540);function n(e,t){void 0===t&&(t=!0),(0,r.useEffect)(()=>

1{if(!t)return;const l=t=>{"Escape"===t.key&&e()};return document.addEventListener("keydown",l),()=>document.removeEventListener("keydown",l)},[e,t])}},7349:function(e,t,l){l.r(t),l.d(t,{default:function(){return k}});var r=l(5540),n=l(6540),i=l(2795);let a=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){const{article:e,showDivider:t}=this.props;return n.createElement("div",{className:"externalArticle-module--externalArticle--4240b"},n.createElement("div",{className:"externalArticle-module--externalArticleContainer--637f2"},n.createElement("div",{className:"externalArticle-module--externalArticleWrapper--362e0"},n.createElement("a",{href:e.url,target:"_blank"},n.createElement("div",{className:"externalArticle-module--headline--912f4"},e.headline),n.createElement("div",{className:"externalArticle-module--title--1b20e"},e.title," ",n.createElement("span",{className:"externalArticle-module--angle--96a6a"},"›")))),t&&n.createElement("div",{className:"externalArticle-module--divider--1df1c"})))},t}(n.Component);var o=a,d=l(8556);let c=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){const{articleList:e}=this.props;return n.createElement("div",{className:"externalArticleList-module--externalArticleList--2956e"},n.createElement("div",{className:"externalArticleList-module--header--fd2f9"},d.A.t("what we're reading")),n.createElement("div",{className:"externalArticleList-module--innerWrapper--1ecc8"},e.map((t,l)=>n.createElement(o,{article:t,showDivider:e.length!=l+1,key:"external"+l})),n.createElement("div",{className:"externalArticleList-module--spacerWrapper--2e15a"},n.createElement("div",{className:"externalArticleList-module--spacer--4fc7a"}))))},t}(n.Component);var s=c,u=l(584),m="featuredVideo-module--angle--fafa2",v="featuredVideo-module--play--6094d",p=l(692),f=l(9786),h=l(9367),E=l(1278),g=l(8674);var y=function(e){function t(){var t;return(t=e.call(this)||this).playVideo=()=>{t.setState({playVideo:!0})},t.hideVideo=()=>{t.setState({playVideo:!1,isClosing:!0},()=>{t.hideVideoTimeout=setTimeout(()=>{t.setState({isClosing:!1})},1e3)})},t.state={playVideo:!1,isClosing:!1},t}(0,r.A)(t,e);var l=t.prototype;return l.componentWillUnmount=function(){clearTimeout(this.hideVideoTimeout)},l.render=function(){const{video:e}=this.props,t=e.image?e.image.sizes.standard_md:"";return n.createElement("div",{className:"featuredVideo-module--featuredVideo--50e22"},n.createElement("div",{style:{position:"relative"},onClick:this.playVideo,className:"featuredVideo-module--featuredVideoWrapper--17e4d"},e.video_background?n.createElement("div",null,n.createElement(p.A,{videoStyle:"normal",src:e.video_background.url}),n.createElement("div",{className:v},n.createElement(E.A,{type:"play"}))):n.createElement("div",{className:"featuredVideo-module--coverImageWrapper--ba476"},n.createElement("div",{className:"featuredVideo-module--coverImage--d61d9"},n.createElement(h.A,{src:t,alt:e.image.alt_text,hasRevealer:!1,revealed:!0,width:600,height:450,fitSize:!0})),n.createElement("div",{className:v},n.createElement(E.A,{type:"play"})))),e.article&&n.createElement("div",{className:"featuredVideo-module--title--feda0"},n.createElement("a",{href:e.article.path},e.article.title," ",n.createElement("span",{className:m},"›"))),(this.state.playVideo||this.state.isClosing)&&n.createElement(g.A,{toggleOpen:this.hideVideo,exiting:this.state.isClosing,basicFade:!0,fullScreen:!0},n.createElement("div",{className:"featuredVideo-module--modalContentWrapper--a755d"},n.createElement("div",{className:"featuredVideo-module--videoWrapper--bdc52"},n.createElement(f.A,{imgSrc:t,videoId:e.video.id,videoUrl:e.video.url,fullScreen:!1})),n.createElement("div",{className:"featuredVideo-module--modalTitle--d74b5"},n.createElement("a",{href:e.article.path},e.article.title," ",n.createElement("span",{className:m},"›"))))))},t}(n.Component),b=l(8423),N=l(2401),A=l(3096),x=l(4782);let B=function(e){function t(){return e.apply(this,arguments)||this}return(0,r.A)(t,e),t.prototype.render=function(){var e,t,l,r,a,o,c,m,v,p,f,h;const{title:E,meta_description:g,featured_image:B,articles:k,featured_articles:w,paragraphs:C,secondary_articles:V}=null!==(e=null===(t=this.props.data.allItemsJson)||void 0===t||null===(l=t.edges)||void 0===l||null===(r=l[0])||void 0===r?void 0:r.no

1de)&&void 0!==e?e:{},S=(null!=w?w:[])[0],T=(null!=w?w:[]).slice(1),_=(null!=V?V:[])[0],P=(null!=V?V:[]).slice(1),L=(null!=C?C:[]).filter(e=>"external_article"===e.type).map(e=>{var t,l,r,n,i,a;return{headline:e.text,url:null!==(t=null==e||null===(l=e.external_links)||void 0===l||null===(r=l[0])||void 0===r?void 0:r.url)&&void 0!==t?t:"",title:null!==(n=null==e||null===(i=e.external_links)||void 0===i||null===(a=i[0])||void 0===a?void 0:a.title)&&void 0!==n?n:""}}),I=(null!=C?C:[]).filter(e=>"grid_text_callout"===e.type),W=(null!=C?C:[]).filter(e=>"article_linked_video"===e.type);return n.createElement(x.A,this.props,n.createElement("div",{className:"magazine-content-wrapper"},n.createElement(i.A,{title:E,description:g,image:B?null==B||null===(a=B.image)||void 0===a||null===(o=a.sizes)||void 0===o?void 0:o.hero_md:null,imageTwitter:B?null==B||null===(c=B.image)||void 0===c||null===(m=c.sizes)||void 0===m?void 0:m.hero_sm:null,location:this.props.location}),n.createElement("div",{className:"magazine-main-content"},n.createElement("div",{className:"main-features"},n.createElement("div",{className:"featured-article"},S&&n.createElement("div",{className:"feature"},n.createElement(u.A,{article:S}),n.createElement("div",{className:"divider"})),I.length>0&&n.createElement("div",{className:"feature"},n.createElement(A.default,{promo:I[0],size:"small"}))),n.createElement("div",{className:"other-features"},W.length>0&&n.createElement("div",{className:"featured-video"},n.createElement("div",{className:"orange-header"},d.A.t("featured video")),n.createElement(y,{video:W[0]}),n.createElement("div",{className:"mobile-divider-large-text"})),T.map((e,t)=>n.createElement(b.A,{variant:"smallFeatured",article:e,key:"featured"+t}))),n.createElement("div",{className:"external-articles"},L.length>0&&n.createElement(s,{articleList:L}))),n.createElement("div",{className:"large-divider"}),n.createElement("div",{className:"secondary-features"},n.createElement("div",{className:"featured-article"},n.createElement(u.A,{article:_}),n.createElement("div",{className:"mobile-divider"})),n.createElement("div",{className:"vertical-divider"}),n.createElement("div",{className:"horizontal-articles"},P.map((e,t)=>{var l,r;return n.createElement("div",{key:"secondary"+t},n.createElement(b.A,{variant:"horizontal",article:e}),P.length!==t+1&&(null!==(l=null==e?void 0:e.authors)&&void 0!==l?l:[]).length>0&&n.createElement("div",{className:"mobile-divider-uneven"}),P.length!==t+1&&0===(null!==(r=null==e?void 0:e.authors)&&void 0!==r?r:[]).length&&n.createElement("div",{className:"mobile-divider-large-text"}))})))),n.createElement("div",{className:"mailchimp-wrapper"},n.createElement(N.default,null!==(v=null===(p=this.props.data.social)||void 0===p||null===(f=p.edges)||void 0===f||null===(h=f[0])||void 0===h?void 0:h.node)&&void 0!==v?v:{})),n.createElement("div",{className:"magazine-main-content"},n.createElement("div",{className:"article-list"},n.createElement("div",{className:"medium-promo"},I.length>1&&n.createElement(A.default,{promo:I[1],size:"medium"})),(null!=k?k:[]).map((e,t)=>{var l,r;return n.createElement("div",{key:"article"+t,className:"small-article"},n.createElement(b.A,{variant:"smallVertical",article:e}),(null!=k?k:[]).length!==t+1&&(null!==(l=null==e?void 0:e.authors)&&void 0!==l?l:[]).length>0&&n.createElement("div",{className:"mobile-divider-uneven"}),(null!=k?k:[]).length!==t+1&&0===(null!==(r=null==e?void 0:e.authors)&&void 0!==r?r:[]).length&&n.createElement("div",{className:"mobile-divider-large-text"}))}))),I.length>2&&n.createElement(A.default,{promo:I[2],size:"large"})))},t}(n.Component);var k=B},8674:function(e,t,l){l.d(t,{A:function(){return d}});var r=l(6540),n=l(961),i=l(1278),a=l(8556),o=l(7192);var d=e=>{let{toggleOpen:t,exiting:l,fullScreen:d,basicFade:c,children:s}=e;const u=(0,r.useRef)(null),m=(0,r.useCallback)(()=>{t()},[t]);return(0,o.A)(m),u.current=document.querySelector(".sitewrap"),u.current?n.createPortal(r.createElement("section",{className:"modal-module--modalWrap--ba294 "+(l?"modal-module--exiting--0be52":"")+" "+(d?"modal

1-module--fullScreen--ce82f":"")},r.createElement("div",{className:"modal-module--modalInner--5920e"},r.createElement("div",{className:"modal-module--closeWrap--d2fb5"},r.createElement(i.A,{type:"close",handleClick:t,text:a.A.t("Close")})),r.createElement("div",{className:"modal-module--contentWrap--f2d09 "+(c?"modal-module--basicFade--10ea3":"")},s)),r.createElement("div",{className:"modal-module--bk--2d8bd",onClick:t})),u.current):null}},9786:function(e,t,l){var r=l(5540),n=l(2295),i=l(6540);const a=function(e,t,l,r,n,i){if(void 0===i&&(i=1),"-"===t.charAt(2)&&(t=t.substring(3)),void 0!==l.secs&&void 0===l.mins&&(l.mins=0),void 0!==l.mins&&void 0===l.secs&&(l.secs=0),(null!=e?e:"").includes("vimeo"))return"https://player.vimeo.com/video/"+t+"?autoplay="+i+(void 0!==l.mins?"#t="+l.mins+"m"+l.secs+"s":"");if((null!=e?e:"").includes("youtu")){return"https://www.youtube-nocookie.com/embed/"+t+"?enablejsapi=1&rel=0&showinfo=0&autoplay="+i+"&fs="+(r?1:0)+(void 0!==l.mins?"&start="+(60*parseInt(l.mins,10)+parseInt(l.secs,10)):"")}if(n)return e;console.error("Bad video url format",e)};let o=function(e){function t(){for(var t,l=arguments.length,r=new Array(l),n=0;n<l;n++)r[n]=arguments[n];return(t=e.call.apply(e,[this].concat(r))||this).onPlayerStateChange=e=>{0===e.data&&t.props.onVideoComplete()},t}(0,r.A)(t,e);var l=t.prototype;return l.componentDidMount=function(){if(void 0!==this.props.onVideoComplete)if(document.getElementById("youtubeApi"))this.player=new YT.Player("embeddedVideo"+this.props.vidId,{events:{onStateChange:this.onPlayerStateChange}});else{const e=document.createElement("script");e.id="youtubeApi",e.src="https://www.youtube.com/iframe_api";const t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t),window.onYouTubeIframeAPIReady=()=>{this.player=new YT.Player("embeddedVideo"+this.props.vidId,{events:{onStateChange:this.onPlayerStateChange}})}}},l.render=function(){return i.createElement("div",{className:n.j+" "+(this.props.fullScreen?n.iy:n.mG)+" "},i.createElement("div",{className:n.kf},i.createElement("iframe",{id:this.props.onVideoComplete?"embeddedVideo"+this.props.vidId:"",title:this.props.headline,className:n.E6+" "+this.props.videoStyle,src:a(this.props.videoUrl,this.props.videoId,{mins:this.props.startTimeMinutes,secs:this.props.startTimeSeconds},this.props.allowFullScreen,this.props.canPlayUploadedVideos,this.props.autoplay),referrerPolicy:"strict-origin-when-cross-origin",frameBorder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})))},t}(i.Component);t.A=o}}]);
2//# sourceMappingURL=component---src-templates-magazine-js-d52e98a8e1059a77a053.js.map