https://static.biospace.com/resource/0000018c-e9c4-deef-a1fd-fbfe1e4b0000/767.2cc6feb3ba7699bdbf31.js

1"use strict";(self.webpackChunkbundle_default=self.webpackChunkbundle_default||[]).push([[767],{8767:function(t,e,i){i.r(e),i.d(e,{default:function(){return s},events:function(){return a}});const a={play:"AudioPlayer:play",pause:"AudioPlayer:pause"};class s extends HTMLElement{set playing(t){t?this.setAttribute("playing",""):this.removeAttribute("playing")}get playing(){return this.getAttribute("playing")}connectedCallback(){this.audioElement=this.querySelector("audio"),this.durationElement=this.querySelector("[data-duration]"),this.minutesAbbreviation=this.getAttribute("data-minutes-abbreviation"),this.hoursAbbreviation=this.getAttribute("data-hours-abbreviation"),this.addEventListener("click",this),this.audioElement.addEventListener("play",this),this.audioElement.addEventListener("pause",this),this.audioElement.addEventListener("loadedmetadata",this),document.addEventListener(a.play,this),this.render()}emit(t){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const i=new window.CustomEvent(t,{bubbles:!0,detail:e});this.dispatchEvent(i)}handleClick(t){(t.target.matches('[data-click="playPause"]')||t.target.closest('[data-click="playPause"]'))&&this.playPause()}handleEvent(t){"click"!==t.type?"loadedmetadata"!==t.type?t.type!==a.play||t.target===this?["play","pause"].includes(t.type)&&(this.playing=!t.target.paused):this.pause():this.render():this.handleClick(t)}playPause(){this.audioElement.paused?this.play():this.pause()}play(){this.emit(a.play),this.audioElement.play()}pause(){this.emit(a.pause),this.audioElement.pause()}render(){this.durationElement&&(this.durationElement.innerText=this.getFormatedDuration())}getFormatedDuration(){if(this.audioElement.readyState<1)return;const t=[],e=Math.floor(this.audioElement.duration/3600),i=Math.floor((this.audioElement.duration-3600*e)/60);return e&&t.push(`${e} ${this.hoursAbbreviation}`),i&&t.push(`${i} ${this.minutesAbbreviation}`),t.join()}}}}]);