https://www.countryman.com.au/static/js/661_a7ea5aa9e27adab423d8.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[661],{43271:(function(g,h,t){var e=t(14041),v=t(31331),r=t(63803);const i=({PlayerSkin:p})=>{const{playerActions:a,playerState:d}=(0,e.useContext)(r.kX),{onAir:y}=(0,r.C_)();return e.createElement(v.tw,{feature:"the-west-live",on:()=>y?e.createElement(p,{onAir:y,...a,...d}):null})};t.d(h,["u",0,i])}),82264:(function(g,h,t){t.d(h,{Nd:function(){return E},rh:function(){return T},xj:function(){return W},PC:function(){return I}});var e=t(2182),v=t(13133),r=t(47453),i=t(14041);const p=({className:s})=>i.createElement("svg",{viewBox:"0 0 15 15",version:"1.1",className:s,xmlns:"http://www.w3.org/2000/svg"},i.createElement("rect",{id:"path-1",x:"0",y:"0",width:"15",height:"15",rx:"1"}));var a=t(19108),d=t(63533),y=t(83490),b=t(65143);const E=(0,e.A)("button",{target:"etcul2e3",label:"StyledControlButton"})(({bigButton:s,theme:C})=>({display:"inline-block",position:"relative",width:(0,d.g)(s?56:40),height:(0,d.g)(s?56:40),backgroundColor:(0,b.P)(C,{perthnow:a.T.perthnow.redRuby,fallback:a.T.thewest.westblue}),border:"none",borderRadius:"100%",boxShadow:"0 0 16px rgba(0,0,0,0.5)",cursor:"pointer",outline:0,...(0,y.kY)({properties:["transform","background-color"],speed:"fast"}),"&:hover":{transform:"scale(1.05)"},"&:active, &:focus":{transform:"scale(1)"}}),""),T=(0,e.A)(v.A,{target:"etcul2e2",label:"StyledPlayIcon"})(({bigButton:s})=>({display:"block",position:"absolute",left:"50%",top:"50%",marginLeft:s?3:2,transform:"translate(-50%,-50%)",width:(0,d.g)(s?24:16),height:(0,d.g)(s?32:20),fill:a.T.white}),""),I=(0,e.A)(p,{target:"etcul2e1",label:"StyledStopIcon"})(({bigButton:s})=>({display:"block",position:"absolute",left:"50%",top:"50%",transform:"translate(-50%,-50%)",width:(0,d.g)(s?22:15),height:(0,d.g)(s?22:15),fill:a.T.white}),""),W=(0,e.A)(r.X,{target:"etcul2e0",label:"StyledSpinner"})(({bigButton:s})=>({display:"block",position:"absolute",left:"50%",top:"50%",transform:"translate(-50% ,-50%)",width:(0,d.g)(s?28:18),height:(0,d.g)(s?28:18),fill:a.T.white}),"")}),40047:(function(g,h,t){t.d(h,{yW:function(){return oe},ku:function(){return ae},d6:function(){return ne}});var e=t(14041),v=t(54586),r=t(2182),i=t(19108),p=t(43329),a=t(63533),d=t(83851),y=t(82264);const b=({className:n,state:o,bigButton:l,onClick:c})=>{const u=(0,e.useContext)(d.P);return e.createElement(y.Nd,{type:"button",onClick:u.renderTarget==="web"?c:void 0,onTouchEnd:u.renderTarget==="app"?c:void 0,bigButton:l,className:n},o==="stopped"&&e.createElement(y.rh,{bigButton:l}),o==="loading"&&e.createElement(y.xj,{bigButton:l}),o==="playing"&&e.createElement(y.PC,{bigButton:l}))};b.displayName="ControlButton";var E=t(57151),T=t(17799),I=t(52208),W=t(63803);function s(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const C=(0,r.A)("div",{target:"eralas11",label:"StyledCountdown"})(({theme:n})=>({fontFamily:n.fonts.sansSerif,fontWeight:100}),""),M=(0,r.A)("span",{target:"eralas10",label:"StyledTimer"})({name:"1j389vi",styles:"font-weight:700"}),Y=({className:n})=>{const o=(0,e.useContext)(W.kX),l=(0,W.m8)(),[c,u]=(0,e.useState)(void 0),f=new Date;return(0,E.$)(()=>{const w=(0,T.ZV)(f,o.broadcastSchedules[0].startTime),S=(0,I.A)(w,f);W.ob?u(S>0?S:300+S%300):u(S)},1e3),e.createElement(C,{className:n},c&&c>=0?e.createElement(e.Fragment,null,"Starts in"," ",e.createElement(M,null,(0,T.X0)(c),'"')):l&&c&&"Starts soon")};var x=t(83490);const j=(0,r.A)("div",{target:"e75zplz1",label:"StyledEqualiserContainer"})(({height:n,skewed:o})=>({height:n,display:"flex",alignItems:"flex-end",transform:o?"skew(-10deg)":"none"}),""),F=(0,r.A)("span",{target:"e75zplz0",label:"StyledBar"})(({backgroundColor:n=i.T.white,skewed:o})=>({display:"inline-block",width:o?(0,a.g)(6):(0,a.g)(4),height:"100%",marginRight:o?(0,a.g)(1):(0,a.g)(4),marginTop:"auto",backgroundColor:n,borderRadius:1,transformOrigin:"center bottom",...(0,x.kY)({properties:["transform"],speed:"slow"})}),""),H=n=>1- --n*n*n*n,P=(n,o)=>Array.from({length:n}).map(()=>Math.max(0,Math.random()*H(o))),O=({className:n,widthInBars:o,speed:l=150,maxWaveHeight:c=21,color:u,skewed:f,volume:w=1})=>{const[S,m]=(0,e.useState)(P(o,w));return(0,E.$)(()=>{m(P(o,w))},l),e.createElement(j,{"aria-hidden":!0,height:c,skewed:f,className:`Equaliser ${n}`},S.map((L,re)=>e.createElement(F,{key:re,backgroundColor:u,skewed:f,style:{transform:`scale(1, ${L})`}})))};var R=t(42860);function se(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const z=(0,r.A)("div",{target:"e1xh0s2x2",label:"StyledOnAir"})(n=>

1({display:n.showOnAirIconOnMobile?"inline-block":"none",padding:(0,a.g)(0,5),transform:"skew(-10deg)",backgroundColor:i.T.white,fontFamily:n.theme.fonts.sansSerif,fontWeight:700,lineHeight:1,textTransform:"uppercase",[(0,p.C9)("xxs")]:{display:"inline-block"}}),({theme:n})=>n.kind===R.Y.TheWest&&{color:i.T.thewest.westblue},({theme:n})=>n.kind===R.Y.PerthNow&&{color:i.T.perthnow.greyBasalt},""),X=(0,r.A)(O,{target:"e1xh0s2x1",label:"StyledEqualiser"})({display:"inline-block",marginLeft:(0,a.g)(10),overflow:"hidden",[(0,p.C9)("sm")]:{marginLeft:(0,a.g)(2)}},""),$=(0,r.A)("div",{target:"e1xh0s2x0",label:"StyledOnAirContainer"})({name:"s5xdrg",styles:"display:flex;align-items:center"}),G=({className:n,showOnAirIconOnMobile:o})=>e.createElement($,null,e.createElement(z,{showOnAirIconOnMobile:o,className:n},"Live"),e.createElement(X,{maxWaveHeight:16,widthInBars:3,volume:1,skewed:!0}));var N=t(88665),Z=t(28929);function le(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const K=(0,r.A)("div",{target:"ec198bc4",label:"StyledVolumeControlWrapper"})({name:"wm3npa",styles:"display:flex;height:100%;align-items:center"}),U=(0,r.A)("div",{target:"ec198bc3",label:"StyledVolumeControlTrack"})(({value:n})=>({width:"100%",height:(0,a.g)(40),"&::after":{content:"''",position:"absolute",height:(0,a.g)(2),width:"100%",left:0,top:"50%",transform:"translateY(-50%)",borderRadius:(0,a.g)(4),background:(0,N.getTrackBackground)({colors:[i.T.white,i.T.white50],min:0,max:1,values:[n]})}}),""),Q=(0,r.A)("div",{target:"ec198bc2",label:"StyledVolumeControlHandle"})(({isDragged:n})=>({display:"flex",height:(0,a.g)(40),width:(0,a.g)(40),borderRadius:(0,a.g)(40),justifyItems:"center",alignItems:"center",justifyContent:"center","&::after":{content:"''",background:i.T.white,height:(0,a.g)(10),width:(0,a.g)(10),borderRadius:(0,a.g)(10),...(0,x.kY)({properties:["transform"],speed:"fast"})},transform:n?"scale(1.5)":"none","&:hover::after":{transform:"scale(1.5)"}}),""),J=(0,r.A)("button",{target:"ec198bc1",label:"StyledVolumeButton"})({display:"flex",height:(0,a.g)(40),width:(0,a.g)(40),borderRadius:(0,a.g)(40),justifyItems:"center",alignItems:"center",justifyContent:"center",cursor:"pointer",background:"none",border:"none"},""),q=(0,r.A)(Z.f,{target:"ec198bc0",label:"StyledIconSpeaker"})(({inactive:n})=>({width:(0,a.g)(18),opacity:n?.5:1}),""),_=({onChange:n,value:o,className:l})=>{const[c,u]=(0,e.useState)(void 0),f=()=>{o>0?(u(o),n(0)):(n(c||.5),u(void 0))},w=m=>m===0?1:0<m&&m<.5?2:3,S=m=>n(m[0]);return e.createElement(K,{className:l},e.createElement(J,{type:"button",onClick:f},e.createElement(q,{volume:w(o),inactive:o===0})),e.createElement(N.Range,{min:0,max:1,step:.01,onChange:S,values:[o],renderTrack:({props:m,children:L})=>e.createElement(U,{...m,style:m.style,value:o},L),renderThumb:({props:m,isDragged:L})=>e.createElement(Q,{...m,style:m.style,isDragged:L})}))};function ie(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const A=(0,r.A)("div",{target:"ev5ycss7",label:"StyledTheWestLivePlayerWrapper"})({name:"wm3npa",styles:"display:flex;height:100%;align-items:center"}),ee=(0,r.A)(b,{target:"ev5ycss6",label:"StyledTheWestLivePlayerButton"})(""),k=(0,r.A)(b,{target:"ev5ycss5",label:"StyledTheWestLivePlayerBigButton"})({margin:(0,a.g)(5,0)},""),ce=(0,r.A)(Y,{target:"ev5ycss4",label:"StyledTheWestLivePlayerCountdown"})({marginLeft:(0,a.g)(15),fontSize:(0,a.g)(20),color:i.T.white},""),te=(0,r.A)("div",{target:"ev5ycss3",label:"StyledTheWestLivePlayerVolumeGroup"})({paddingLeft:(0,a.g)(4)},""),D=(0,r.A)(O,{target:"ev5ycss2",label:"StyledTheWestLivePlayerEqualiser"})({marginLeft:(0,a.g)(15)},""),B=(0,r.A)(G,{target:"ev5ycss1",label:"StyledTheWestLiveOnAirNotice"})({marginLeft:(0,a.g)(15)},""),V=(0,r.A)(_,{target:"ev5ycss0",label:"StyledTheWestLivePlayerVolume"})({minWidth:(0,a.g)(100),marginLeft:(0,a.g)(10),[(0,p.SE)("xs")]:{dis

1play:"none"}},""),ne=({state:n,volume:o,onAir:l,onControlClick:c,onVolumeChange:u})=>{const f=typeof window<"u"&&window.matchMedia(`(min-width: ${v.f.sm}px)`).matches?9:3;return e.createElement(A,null,e.createElement(ee,{state:n,onClick:c}),l&&n==="stopped"&&e.createElement(B,null),n==="playing"&&e.createElement(e.Fragment,null,e.createElement(D,{widthInBars:f,volume:l?o:0}),e.createElement(V,{onChange:u,value:o})))},ae=({state:n,volume:o,onAir:l,onControlClick:c,onVolumeChange:u})=>e.createElement(A,null,e.createElement(k,{state:n,onClick:c,bigButton:!0}),l&&n==="stopped"&&e.createElement(B,{showOnAirIconOnMobile:!0}),n==="playing"&&e.createElement(te,null,e.createElement(D,{widthInBars:18,volume:l?o:0}),e.createElement(V,{onChange:u,value:o}))),oe=({state:n,onControlClick:o})=>e.createElement(A,null,e.createElement(k,{state:n,onClick:o}))}),34717:(function(g,h,t){t.d(h,{P:function(){return s}});var e=t(14041),v=t(2182),r=t(87447),i=t(65143);function p(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const a=t(74408),d=t(74597),y=t(42501),b=t(20032),E={backgroundPosition:"bottom left",backgroundRepeat:"repeat no-repeat",animationIterationCount:"infinite",animationTimingFunction:"linear",transformOrigin:"center bottom",position:"absolute",bottom:0,left:0,height:"100%",width:"200%",opacity:.1,backgroundSize:"50% auto",pointerEvents:"none",animationName:(0,r.i7)({"0%":{transform:"translateX(0) translateZ(0) scaleY(1)"},"25%":{transform:"translateX(-12.5%) translateZ(0) scaleY(0.55)"},"50%":{transform:"translateX(-25%) translateZ(0) scaleY(1.15)"},"75%":{transform:"translateX(-37.5%) translateZ(0) scaleY(0.25)"},"100%":{transform:"translateX(-50%) translateZ(0) scaleY(1)"}},";label:animationName;"),"@media (prefers-reduced-motion: reduce)":{animation:"none"}},T=(0,v.A)("div",{target:"e1rbzu8v2",label:"StyledWestLiveWaves"})({...E,animationDuration:"10s"},({theme:C})=>({backgroundImage:(0,i.P)(C,{thewest:`url(${a})`,perthnow:`url(${y})`,fallback:void 0})}),""),I=(0,v.A)("div",{target:"e1rbzu8v1",label:"StyledWestLiveWaves2"})({...E,animationDuration:"15s",animationDelay:"-1s"},({theme:C})=>({backgroundImage:(0,i.P)(C,{thewest:`url(${d})`,perthnow:`url(${b})`,fallback:void 0})}),""),W=(0,v.A)(T,{target:"e1rbzu8v0",label:"StyledWestLiveWaves3"})({name:"1nja056",styles:"background-position:-30% auto;animation-duration:18s;animation-delay:-3s"}),s=()=>e.createElement(e.Fragment,null,e.createElement(T,null),e.createElement(W,null),e.createElement(I,null));s.displayName="TheWestLiveWaves"}),42501:(function(g,h,t){g.exports=t.p+"static/media/waves-1-pn.72b92a0a..svg"}),74408:(function(g,h,t){g.exports=t.p+"static/media/waves-1-tw.4782786c..svg"}),20032:(function(g,h,t){g.exports=t.p+"static/media/waves-2-pn.72b92a0a..svg"}),74597:(function(g,h,t){g.exports=t.p+"static/media/waves-2-tw.4782786c..svg"})}]);
2
3//# sourceMappingURL=661_a7ea5aa9e27adab423d8.js.map