https://www.bicycling.com/_assets/fre/scopes/hdm/_next/static/chunks/58798-75e5b9ebd4a2caf4.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58798],{23855:(e,t,r)=>{r.r(t),r.d(t,{MediaSource:()=>V,MediaTrack:()=>$,default:()=>N});var n=r(93682),a=r(53520),i=r(67467),o=r(72865);r(60290);var l=r(38536),u=r(28270),s=r(61546),c=r(64781),p=r(71055);function d(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function m(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?d(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):d(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function g(){return(g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}var y=u.Ay,f=(0,l.A)("figure",{target:"e1esu5vi12"})({name:"ti75j2",styles:"margin:0"}),b=(0,l.A)("ul",{target:"e1esu5vi11"})(y("media-control-container",{listStyle:"none",display:"flex",flexWrap:({wrapping:e})=>e?"wrap":"nowrap",alignItems:"center",justifyContent:"flex-start",backgroundColor:"#ecedee",padding:"0.25rem 0.5rem",containerType:"inline-size","@media (max-width: 400px)":{padding:0}}),""),h=(0,l.A)("li",{target:"e1esu5vi10"})(y("media-control-container",{display:"flex",alignItems:"center",flexShrink:0}),""),v=(0,l.A)("li",{target:"e1esu5vi9"})(y("media-control-container-progress",{display:"flex",flexDirection:"column",flexGrow:1,flexShrink:1,alignItems:"flex-start",justifyContent:"center",padding:"0.5rem 1rem","@media (max-width: 400px)":{padding:"0.5rem"}}),""),P=(0,l.A)("span",{target:"e1esu5vi8"})(y("media-control-time",{fontSize:"0.875rem"}),""),k={width:"24px",height:"24px"},w=(0,l.A)(o.A,{target:"e1esu5vi7"})(y(m(m({},k),{},{primary:"black"})),""),O=(0,l.A)(i.A,{target:"e1esu5vi6"})(y(m(m({},k),{},{primary:"black"})),""),E=(0,l.A)(e=>p.createElement(c.default,g({type:s.PV.Stylized,relativeUrl:"static/icons/speaker-mute-fill.svg",alt:"Mute"},e)),{target:"e1esu5vi5"})(k,""),x=(0,l.A)(e=>p.createElement(c.default,g({type:s.PV.Stylized,relativeUrl:"static/icons/speaker-volume-fill.svg",alt:"Unmute"},e)),{target:"e1esu5vi4"})(k,""),j=(0,l.A)(e=>p.createElement(c.default,g({type:s.PV.Stylized,relativeUrl:"static/icons/rewind-10-seconds-regular.svg",alt:"Skip"},e)),{target:"e1esu5vi3"})(k,""),S=(0,l.A)("button",{target:"e1esu5vi2"})(y("media-control-button",{width:"3rem",height:"3rem",border:"none",alignItems:"center",justifyContent:"center",display:"flex",cursor:"pointer",backgroundColor:"transparent"}),""),A=(0,l.A)("div",{target:"e1esu5vi1"})(y("media-control-progress-container",{display:"flex",width:"100%",alignItems:"center"}),""),C=(0,l.A)("input",{target:"e1esu5vi0"})({name:"2fu7qr",styles:"-webkit-appearance:none;width:100%;height:2rem;cursor:pointer;background-color:transparent;&::-webkit-slider-runnable-track{background-color:#000000;height:1px;}&::-webkit-slider-thumb{background-color:#000000;-webkit-appearance:none;width:0.5rem;height:0.5rem;border-radius:50%;margin-top:-0.2rem;}"}),T=r(59435),M=r.n(T),B=r(71055),D=r(64878),U=r(71055);let L=["controlType","customControls","customControlContainerProps","children","hasMuteButton","hasSkipButton","onLoad","onPlay","onPause","muteButtonStyles","skipButtonStyles","wrapping"];function R(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function I(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?R(Object(r),!0).forEach(function(t){(0,n.A)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):R(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function z(){return(z=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}

1).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e}).apply(null,arguments)}function Y({progress:e=0,onChangeTime:t,onRangeSelectionEnd:r}){return U.createElement(A,{"data-theme-key":"media-control-progress-container"},U.createElement(C,{type:"range",value:e,onChange:t,onMouseUp:r,"data-theme-key":"media-control-progress-scrubber"}))}function _(e){return e.toLocaleString("en-US",{minimumIntegerDigits:2})}function q(e){let t=Math.floor(e/60),r=e-60*t;return`${_(t)}:${_(Math.floor(r))}`}function V({src:e,type:t}){return U.createElement("source",{src:e,type:t})}function $({kind:e=null,label:t=null,src:r=null,srcLang:n=null}){return U.createElement("track",{kind:e,src:r,srcLang:n,label:t})}V.propTypes={src:M().string.isRequired,type:M().oneOfType([M().oneOf(["audio/mp3","audio/mpeg","video/webm","video/mp4","video/ogg","video/quicktime"]),M().string]).isRequired};var N=function(e){let{controlType:t="audio",customControls:r=!1,customControlContainerProps:n={},children:i,hasMuteButton:o=!1,hasSkipButton:l=!1,onLoad:u=()=>{},onPlay:s=()=>{},onPause:c=()=>{}

1,muteButtonStyles:p=null,skipButtonStyles:d=null,wrapping:m=!1}=e,g=(0,a.A)(e,L),y=(0,B.useRef)(null),[{isMuted:k,isPlaying:A,progressPercentage:C,mediaDuration:T,mediaTime:M},R]=(0,B.useReducer)(function(e,t){let r=y.current;if("mute"===t.type)return I(I({},e),{},{isMuted:!r.muted});if("update"===t.type){let{currentTime:t,duration:n}=r;return I(I({},e),{},{mediaTime:q(t),mediaDuration:q(n),progressPercentage:100*t/n})}if("load"===t.type){let{duration:t}=r;return I(I({},e),{},{mediaDuration:q(t),mediaTime:q(0),progressPercentage:0})}if("toggle"===t.type)return r.ended?I(I({},e),{},{progressPercentage:0}):I(I({},e),{},{isPlaying:r.paused});let{duration:n}=r;return I(I({},e),{},{mediaTime:q(n),progressPercentage:100,isPlaying:!1})},{isMuted:!1,progressPercentage:0,mediaDuration:"00:00",mediaTime:"00:00",isPlaying:!1}),_=(0,D.A)(()=>{R({type:"update"})},1e3),V=U.createElement(U.Fragment,null,U.createElement({audio:"audio",video:"video"}[t],z({},g,{controls:!r,ref:y,onTimeUpdate:_,onLoadedMetadata:()=>{R({type:"load"}),u()},onEnded:()=>{R({type:"end"})}}),i),r?U.createElement(b,{wrapping:m},U.createElement(h,null,U.createElement(S,{type:"button",onClick:()=>{R({type:"toggle"});let e=y.current;e.paused?(e.play(),s()):(e.pause(),c())}},A?U.createElement(O,null):U.createElement(w,null))),l?U.createElement(h,{css:d},U.createElement(S,{type:"button",onClick:()=>{let e=y.current;e.currentTime-=10}},U.createElement(j,null))):null,o?U.createElement(h,{css:p},U.createElement(S,{type:"button",onClick:()=>{R({type:"mute"});let e=y.current;e.muted=!e.muted}},k?U.createElement(E,null):U.createElement(x,null))):null,U.createElement(h,null,U.createElement(P,null,`${M} / ${T}`)),U.createElement(v,null,U.createElement(Y,{progress:C,onChangeTime:e=>{let t=y.current,{duration:r}=t;t.currentTime=r*(e.target.value/100)},onRangeSelectionEnd:()=>{R({type:"update"})}}))):null);return r?U.createElement(f,n,V):V}},58798:(e,t,r)=>{r.r(t),r.d(t,{default:()=>m});var n=r(68014),a=r.n(n),i=r(23855),o=r(174),l=r(800),u=r(96314),s=r(9954);let c=a()(()=>Promise.resolve().then(r.bind(r,23855)),{ssr:!1,id:"cb18580"});var p={name:"1mn2vto",styles:"@media (max-width: 500px){display:none;}@container (max-width: 500px){display:none;}"},d={name:"zw7g77",styles:"@media (max-width: 400px){display:none;}@container (max-width: 400px){display:none;}"};function m({audioUrl:e}){let t=(0,l.BV)("layoutContextProps.canonicalUrl","")??"";return(0,s.Y)(c,{customControls:!0,customControlContainerProps:u.xi.PARTIAL_BLUR,controlType:"audio",hasMuteButton:!0,hasSkipButton:!0,muteButtonStyles:d,skipButtonStyles:p,onPlay:()=>(0,o.A)("textToSpeech","Play",{url:t}),onPause:()=>(0,o.A)("textToSpeech","Pause",{url:t})},(0,s.Y)(i.MediaSource,{src:e,type:"audio/mp3"}),(0,s.Y)(i.MediaTrack,{kind:"captions"}),(0,s.Y)("p",null,"Your browser does not support this audio file. Here is a",(0,s.Y)("a",{href:e},"link to the audio"),"instead."))}}}]);