1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46174],{32215:e=>{e.exports={audioBoxWrap:"ArticleAudioBox_audioBoxWrap__6cvCo",audioBox:"ArticleAudioBox_audioBox__swmFO",rightSideAudioContainer:"ArticleAudioBox_rightSideAudioContainer__8gW54",articleAudioButtonContainer:"ArticleAudioBox_articleAudioButtonContainer__8OMOv",styledAudioTitle:"ArticleAudioBox_styledAudioTitle__2r1ED",audioTimeContainer:"ArticleAudioBox_audioTimeContainer__fwA5J"}},46174:(e,i,t)=>{"use strict";t.r(i),t.d(i,{default:()=>j});var r=t(95155),n=t(12115),o=t(99090),a=t(32215),s=t.n(a);function l(){return(0,r.jsx)("svg",{style:{marginLeft:"-1px"},width:"13px",height:"21px",viewBox:"0 0 13 21",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("g",{id:"03_Articles",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,r.jsx)("g",{id:"1440_Article_Audio_02",transform:"translate(-464.000000, -939.000000)",fill:"#003A1B",children:(0,r.jsx)("g",{id:"Group-19",transform:"translate(400.000000, 879.000000)",children:(0,r.jsx)("g",{id:"Group-11",transform:"translate(40.000000, 40.000000)",children:(0,r.jsx)("g",{id:"Group-6",children:(0,r.jsxs)("g",{id:"Group-22",transform:"translate(24.000000, 20.000000)",children:[(0,r.jsx)("rect",{id:"Rectangle",x:"0",y:"0",width:"4",height:"21"}),(0,r.jsx)("rect",{id:"Rectangle-Copy-7",x:"9",y:"0",width:"4",height:"21"})]})})})})})})})}function d(){return(0,r.jsx)("svg",{style:{marginLeft:"5px"},width:"18px",height:"21px",viewBox:"0 0 18 21",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("g",{id:"03_Articles",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:(0,r.jsx)("g",{id:"1440_Article_Audio_01",transform:"translate(-464.000000, -939.000000)",fill:"#003A1B",children:(0,r.jsx)("g",{id:"Group-19",transform:"translate(400.000000, 879.000000)",children:(0,r.jsx)("g",{id:"Group-11",transform:"translate(40.000000, 40.000000)",children:(0,r.jsx)("g",{id:"Group-6",children:(0,r.jsx)("polygon",{id:"Path-3",points:"24 20 24 41 41.5820312 30.5"})})})})})})})}function u({isPlaying:e}){return(0,r.jsxs)("div",{style:c.container,children:[e&&(0,r.jsx)(l,{}),!e&&(0,r.jsx)(d,{})]})}let c={container:{width:60,height:60,borderRadius:"50%",border:"2px solid #C5E3C1",display:"flex",alignContent:"center",alignItems:"center",justifyContent:"center",marginRight:20}};var x=t(5564);function h({currentTime:e,duration:i,audioRef:t}){let n=(0,o.U)("aria"),a="number"==typeof i&&Number.isFinite(i)&&i>0?i:0,s=Number.isFinite(e)&&e>0?Math.min(e,a):0;function l(e){t.current&&(t.current.currentTime=Math.min(Math.max(e,0),a))}let d=s?`${s/a*100}%`:0;return(0,r.jsx)("div",{id:"outer-progress-bar",role:"slider",tabIndex:0,"aria-label":n("article-audio-position"),"aria-valuemin":0,"aria-valuemax":a,"aria-valuenow":s,style:g.totalTime,onClick:function(e){let i=document.getElementById("outer-progress-bar").getBoundingClientRect(),t=i.right-i.left;l((e.clientX-i.left)/t*a)},onKeyDown:function(e){let i={ArrowRight:s+x.VV,ArrowUp:s+x.VV,ArrowLeft:s-x.VV,ArrowDown:s-x.VV,Home:0,End:a}[e.key];void 0!==i&&(e.preventDefault(),l(i))},children:(0,r.jsx)("div",{style:{...g.passedTime,width:d}})})}let g={totalTime:{width:"100%",height:8,backgroundColor:"#C5E3C1",marginBottom:8},passedTime:{left:0,height:"100%",backgroundColor:"#003B1B"}};function m(e){return e<10?`0${e}`:`${e}`}function f({seconds:e}){let i=Math.floor(e/60),t=Math.floor(e%60),n=`${m(i)}:${m(t)}`;return(0,r.jsx)("p",{style:p.time,children:n})}let p={time:{fontSize:12}};function j({activeAudio:e,articleTitle:i}){let t=(0,o.U)("aria"),a=(0,o.U)(),[l,d]=(0,n.useState)(0),[c,x]=(0,n.useState)(0),g=(0,n.useRef)(null),[m,p]=(0,n.useState)(!1),A=()=>{let e=g.current?.duration;x("number"==typeof e&&Number.isFinite(e)&&e>0?e:0)};return(0,n.useEffect)(()=>{g.current?.addEventListener("timeupdate",()=>{d(g.current?.currentTime??0)},{passive:!0})},[g,m]),(0,r.jsx)("div",{className:s().audioBoxWrap,children:(0,r.jsxs)("div",{className:s().audioBox,"data-active-audio":!!e,children:[(0,r.jsx)("audio",{ref:g,src:e,onDurationChange:A,onLoadedMetadata:A}),(0,r.jsx)("button",{type:"button",className:s().articleAudioButtonContainer,onClick:()=>{m?(g.current?.pause(),p(!1)):(g.current?.play(),p(!0))},"aria-label":t("listen-to-article"),"aria-pressed":m,children:(0,r.jsx)(u,{isPlaying:m})}),(0,r.jsxs)("div",{className:s().rightSideAudioContainer,children:[(0,r.jsx)("p",{className:s().styledAudioTitle,children:a(i)}),(0,r.jsx)("div",{children:(0,r.jsx)(h,{currentTime:l,duration:c,audioRef:g})}),l>0&&(0,r.jsxs)("div",{className:s().audioTimeContainer,children:[(0,r.jsx)(f,{seconds:l}),(0,r.jsx)(f,{seconds:c})]})]})]})})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.