https://medonline.at/_next/static/chunks/1454-b145a460a6d372e9.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="882382a7-14ac-4864-a881-ac21cdba7f11",e._sentryDebugIdIdentifier="sentry-dbid-882382a7-14ac-4864-a881-ac21cdba7f11")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1454],{71454:(e,t,n)=>{n.d(t,{Ob:()=>k,jY:()=>v,Ay:()=>w});var r=n(95155),l=n(3563),s=n(45164),a=n(56558),i=n(82158),c=n(57703),o=n(49537),u=n(64516),d=n(77016),m=n(98498),h=n(52528),g=n(12115);function f(e){let{className:t}=e;return(0,r.jsxs)("svg",{className:t,width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("mask",{id:"mask0_23_490",style:{maskType:"alpha"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"24",height:"24",children:(0,r.jsx)("rect",{width:"24",height:"24",fill:"currentColor"})}),(0,r.jsx)("g",{mask:"url(#mask0_23_490)",children:(0,r.jsx)("path",{d:"M8.25 16.25H7.5V10.1975C7.7325 10.025 7.98 9.875 8.25 9.77V16.25ZM10.5 16.25H11.25V9.335C11.0775 9.5375 10.92 9.7475 10.785 9.98L10.5 9.845V16.25ZM9 16.25H9.75V9.6125C9.3675 9.5525 9.285 9.575 9 9.605V16.25ZM6 16.25H6.75V10.985C6.5175 11.33 6.3375 11.7125 6.2325 12.1325L6 11.9975V16.25ZM3.75 12.3125C3.2925 12.725 3 13.325 3 14.015C3 14.705 3.2925 15.305 3.75 15.7175V12.3125ZM17.91 11.81C17.76 9.68 16.11 8 14.07 8C13.305 8 12.6 8.2475 12 8.66V16.25H18.8175C20.025 16.25 21 15.2075 21 13.9175C21 12.245 19.3725 11.09 17.91 11.81ZM5.25 11.7875C5.025 11.7725 4.8525 11.765 4.5 11.8775V16.145C4.8375 16.25 4.98 16.25 5.25 16.25V11.7875Z",fill:"currentColor"})})]})}var x=n(77973),p=n(4850);let v=(0,g.createContext)({add:()=>{},play:()=>{},pause:()=>{},currentTrack:void 0,playing:!1,audioLoading:!1});function w(e){var t,n,m,h,w,k,N,C,_;let{children:S}=e,L=(0,g.useRef)(null),[E,M]=(0,g.useState)([]),[V,T]=(0,g.useState)(void 0),[A,R]=(0,g.useState)(!1),[D,I]=(0,g.useState)(!1),[H,z]=(0,g.useState)(0),[B,P]=(0,g.useState)(1),[Z,X]=(0,g.useState)(0),[U,F]=(0,g.useState)(!1),[J,O]=(0,g.useState)(!1),[W,$]=(0,g.useState)(!1),[K,Y]=(0,g.useState)(!1),q=(0,l.u)(),{__:G}=(0,x.A)("audioplayer"),Q=(0,g.useCallback)(e=>{void 0!==e&&e!==V?T(e):L.current&&(R(e=>!0),L.current.play())},[V]),ee=(0,g.useCallback)(e=>{let t=E.findIndex(t=>t.src===e.src);void 0!==t&&-1!==t&&(F(!0),Q(t))},[E,Q]),et=(0,g.useCallback)(e=>{let t=E.findIndex(t=>t.src===e.src);-1!==t&&V===t&&el()},[E,V]);(0,g.useEffect)(()=>{if(L.current&&void 0!==V&&E[V]){if("undefined"!=typeof navigator&&"mediaSession"in navigator&&void 0!==V&&E[V]){let e=E[V];navigator.mediaSession.metadata=new MediaMetadata({title:(0,s.$J)((0,s.gi)(e.title)),artist:(0,s.$J)((0,s.gi)(e.description||"medonline")),...e.thumbnail&&{artwork:[{src:e.thumbnail}]}})}L.current.src=E[V].src,L.current.volume=B,R(e=>!0),L.current.play(),q("audio_play",{audio_track_name:E[V].title,audio_track_src:E[V].src})}},[V]);let en=()=>{L.current&&(L.current.paused?(R(e=>!0),L.current.play()):(R(e=>!1),L.current.pause()))},er=e=>{e!==V?ea(e):en()},el=()=>{L.current&&(R(e=>!1),L.current.pause())},es=e=>{M(t=>t.find(t=>t.src===e.src)?t:[...t,e])},ea=e=>{L.current&&(R(e=>!1),X(0),z(0),T(e))};(0,g.useEffect)(()=>{let e=e=>{" "===e.key&&L.current&&(e.preventDefault(),L.current.paused?(R(e=>!0),L.current.play()):(R(e=>!1),L.current.pause()))};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[]);let ei=(0,g.useMemo)(()=>({add:es,play:ee,pause:et,currentTrack:void 0!==V?E[V]:void 0,playing:A,audioLoading:J}),[E,V,A,J,et,ee]);return(0,r.jsxs)(v.Provider,{value:ei,children:[S,!!E.length&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("audio",{ref:L,id:"audioTrack",onLoadedData:e=>{X(e.currentTarget.duration)},onLoadStart:()=>{U&&O(!0),z(0)},onTimeUpdate:e=>z(e.currentTarget.currentTime),onEnded:()=>{R(e=>!1),z(0),(K||V!==E.length-1)&&ea(void 0===V||V===E.length-1?0:V+1)},onPlay:()=>R(e=>!0),onPause:()=>R(e=>!1),onWaiting:()=>O(!0),onPlaying:()=>O(!1),muted:D,children:(0,r.jsx)("source",{src:void 0!==V?null==(t=E[V])?void 0:t.src:void 0,type:"audio/mpeg"})},V&&(null==(n=E[V])?void 0:n.src)),U&&void 0!==V&&(0,r.jsxs)("div",{className:"fixed z-50 bottom-0 left-0 right-0 w-full",children:[(0,r.jsx)("div",{className:"-mx-2.5 -mb-2.5 z-30 relative",children:(0,r.jsx)(b,{hoverKnob:!0,progressBar:!0,percent:(C=H,_=Z,C&&_?C/_*100:0),setValue:e=>{if(L.current){let t=L.current.duration*e/100;L.current.currentTime=t,z(t)}},dragStart:()=>{el()},dragEnd:Q})}),(0,r.jsxs)("div",{className:"w-full px-5 py-4 bg-grey2 relative ",children:[(0,r.jsxs)("div",{className:"flex justify-between items-center w-full relative gap-3",children:[(0,r.jsxs)("div",{className:"flex gap-3 items-center shrink-0 z-10",children:[(0,r.jsx)(j,{play:A,loading:J,onClick:()=>en()}),(0,r.jsx)(y,{currentTime:H,duration:Z}),(0,r.jsx)("button",{className:"h-5 w-5 hover:opacity-90 hover:text-primary ".concat(K?"":"text-[#929292]"),onClick:()=>Y(e=>!e),children:(0,r.jsx)(a.A,{className:"h-5 w-5"})})]}),(0,r.jsxs)("div",{className:"lg:left-[50%] lg:absolute lg:translate-x-[-50%] flex items-center justify-center gap-7 grow-0 shrink min-w-0 

1w-full",children:[E.length>1&&(0,r.jsx)("button",{className:"hover:text-primary hidden lg:block",onClick:()=>ea(0===V?E.length-1:V-1),children:(0,r.jsx)(i.A,{className:"h-4 w-4"})}),E.length>1?(0,r.jsxs)("button",{className:"hover:opacity-80 flex gap-2 lg:gap-3 lg:w-96 items-center rounded-full px-2.5 lg:px-4 py-1 bg-white min-w-0",onClick:()=>$(e=>!e),children:[(0,r.jsx)(c.A,{className:"h-4 w-4 shrink-0 grow-0"}),(0,r.jsx)("div",{className:"text-sm truncate",dangerouslySetInnerHTML:{__html:null==(m=E[V])?void 0:m.title}})]}):(0,r.jsx)("div",{className:"text-sm truncate min-w-0",dangerouslySetInnerHTML:{__html:null==(h=E[V])?void 0:h.title}}),E.length>1&&(0,r.jsx)("button",{className:"hover:text-primary hidden lg:block",onClick:()=>ea(V===E.length-1?0:V+1),children:(0,r.jsx)(o.A,{className:"h-4 w-4"})})]}),(0,r.jsxs)("div",{className:"flex gap-3 justify-center items-center shrink-0 z-10",children:[(0,r.jsx)("div",{className:"w-20 hidden lg:block",children:(0,r.jsx)(b,{percent:D?0:100*((null==(w=L.current)?void 0:w.volume)||100),setValue:e=>{L.current&&(L.current.volume=e/100,P(e/100))}})}),(0,r.jsx)("button",{className:"hover:text-primary",onClick:()=>void(L.current&&I(e=>!e)),children:D?(0,r.jsx)(u.A,{className:"h-5 w-5"}):(0,r.jsx)(d.A,{className:"h-5 w-5"})}),void 0!==V&&(null==(k=E[V])?void 0:k.soundcloudLink)&&(0,r.jsx)(p.default,{href:null==(N=E[V])?void 0:N.soundcloudLink,target:"_blank",className:"p-1 bg-white rounded-lg",children:(0,r.jsx)(f,{className:"h-6 w-6 text-primary"})})]})]}),W&&(0,r.jsx)("div",{className:"w-full lg:w-[462px] border border-grey1 flex divide-y divide-grey1 flex-col bg-grey2 left-[50%] translate-x-[-50%] rounded-t-2xl align-start absolute bottom-full mt-5 px-5 py-3",children:E.map((e,t)=>(0,r.jsxs)("div",{className:"flex gap-3 items-center py-2",children:[(0,r.jsx)(j,{size:"small",play:A&&V===t,loading:J&&V===t,onClick:()=>er(t)}),(0,r.jsx)("button",{onClick:()=>er(t),className:"truncate text-sm",dangerouslySetInnerHTML:{__html:e.title}})]},t))})]})]})]})]})}function y(e){let{currentTime:t,duration:n}=e;return(0,r.jsxs)("div",{className:"text-sm text-[#929292]",children:[t?N(t):"0:00"," / ",n?N(n):"0:00"]})}function j(e){let{play:t,loading:n,onClick:l,size:s}=e;return(0,r.jsx)("button",{onClick:l,className:"flex items-center gap-2 hover:opacity-90 text-primary",children:n?(0,r.jsx)(k,{size:s}):(0,r.jsx)(r.Fragment,{children:t?(0,r.jsx)(m.A,{className:"".concat("small"===s?"h-4 w-4":"h-5 w-5 ")}):(0,r.jsx)(h.A,{className:"".concat("small"===s?"h-4 w-4":"h-5 w-5 ")})})})}function b(e){let{percent:t,setValue:n,dragStart:l,dragEnd:s,hoverKnob:a,progressBar:i}=e,[c,o]=(0,g.useState)(!1),u=(0,g.useRef)(null),d=(0,g.useRef)(null),m=(0,g.useRef)(null),h=(0,g.useRef)(null),f=(0,g.useRef)(!1),x=e=>{if(d.current){let t=Math.min(Math.max(e/d.current.getBoundingClientRect().width*100,0),100);m.current.style.left="".concat(t,"%"),h.current.style.width="".concat(t,"%"),n(t)}};(0,g.useEffect)(()=>{m.current.style.left="".concat(t||0,"%"),h.current.style.width="".concat(t||0,"%")},[t]);let p=e=>{f.current&&(e.preventDefault(),e.stopPropagation(),x(e.clientX-d.current.getBoundingClientRect().left))},v=e=>{f.current&&s&&s(),f.current=!1,o(!1)},w=e=>{f.current&&x(e.touches[0].clientX-d.current.getBoundingClientRect().left)},y=e=>{f.current&&s&&s(),f.current=!1,o(!1)};return(0,g.useEffect)(()=>(window.addEventListener("mousemove",p),window.addEventListener("mouseup",v),window.addEventListener("touchmove",w),window.addEventListener("touchend",y),()=>{window.removeEventListener("mousemove",p),window.removeEventListener("touchmove",w),window.removeEventListener("mouseup",v),window.removeEventListener("touchend",y)}),[]),(0,r.jsx)("div",{className:"flex items-center group w-full h-6 px-2.5 relative cursor-pointer",ref:u,onClick:e=>{e.stopPropagation(),e.preventDefault()},onMouseDown:e=>{e.preventDefault(),e.stopPropagation(),!f.current&&l&&l(),f.current=!0,o(e=>!0),x(e.clientX-d.current.getBoundingClientRect().left)},onTouchStart:e=>{!f.current&&l&&l(),f.current=!0,o(!0),x(e.touches[0].clientX-d.current.getBoundingClientRect().left)},children:(0,r.jsxs)("div",{ref:d,className:"grow h-1 bg-grey4 rounded-full pointer-events-none relative flex items-center",children:[(0,r.jsx)("div",{ref:h,className:"".concat(i?"block":"hidden"," h-1 

1w-full bg-primary-lighter absolute top-0 left-0 rounded-full")}),(0,r.jsx)("div",{ref:m,className:"".concat(a?"opacity-0 group-hover:opacity-100":""," ").concat(c?"bg-primary opacity-100":"bg-grey4"," -translate-x-2 p-2 absolute transition-color transition-opacity rounded-full pointer-events-none")})]})})}function k(e){let{size:t,color:n}=e;return(0,r.jsxs)("svg",{className:"animate-spin ".concat("small"===t?"h-4 w-4":"h-5 w-5 "," ").concat("white"===n?"text-white":"text-grey3"),xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",children:[(0,r.jsx)("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),(0,r.jsx)("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})}function N(e){if(!e)return"0:00";let t=Math.floor(e/60),n=Math.floor(e%60);return"".concat(t,":").concat(n<10?"0":"").concat(n)}}}]);