@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/PlayerPlayButton-CfJWIpoP.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerPlayButton-CfJWIpoP.mjs","names":[],"sources":["../src/components/composable/player/usePlayerDisplayTime.ts","../src/components/misc/player/elements/PlayerTitle.vue","../src/components/misc/player/elements/PlayerTitle.vue","../src/components/misc/player/chaptering/PlayerChaptering.vue","../src/components/misc/player/chaptering/PlayerChaptering.vue","../src/components/misc/player/elements/PlayerImage.vue","../src/components/misc/player/elements/PlayerImage.vue","../src/components/misc/player/elements/PlayerPlayButton.vue","../src/components/misc/player/elements/PlayerPlayButton.vue"],"sourcesContent":["import { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../stores/VastStore\";\nimport DurationHelper from \"../../../helper/durationHelper\";\nexport const usePlayerDisplayTime = ()=>{\n\n  const playerStore = usePlayerStore();\n  const vastStore = useVastStore();\n\n  const displayPlayTime = computed(() => { \n    if(vastStore.isAdPlaying){\n      return DurationHelper.formatDuration(Math.round(vastStore.currentTimeAd));\n    }\n    return playerStore.playedTime;\n  });\n\n  const displayTotalTime = computed(() => { \n    if(vastStore.isAdPlaying){\n      return DurationHelper.formatDuration(Math.round(vastStore.currentDurationAd));\n    }\n    return playerStore.totalTime;\n  });\n\n  const transcriptText = computed(() => { \n    return playerStore.transcriptText;\n  });\n\n  return {\n    displayPlayTime,\n    displayTotalTime,\n    transcriptText,\n    radioUrl: playerStore.radioUrl,\n    isAdPlaying: vastStore.isAdPlaying,\n  }\n}\n","<template>\n  <div v-if=\"playerError\" class=\"text-warning mx-2\">\n    {{ t(\"Podcast play error\") + \" - \" }}\n  </div>\n  <component\n    :is=\"vastStore.linkAdvertising ? 'a' : 'div'\"\n    class=\"flex-grow-1 text-truncate\"\n    :class=\"titleClass\"\n    :href=\"vastStore.linkAdvertising\"\n    rel=\"noreferrer noopener\"\n    target=\"_blank\"\n    :title=\"t('New window', {text: podcastTitle})\"\n  >\n    {{ podcastTitle }}\n  </component>\n</template>\n<script setup lang=\"ts\">\nimport {useFetchRadio} from \"../../../composable/radio/usefetchRadioData\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { computed, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { MediaRadio, NextAdvertising } from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playerError: { default: false, type: Boolean },\n  hlsReady: { default: false, type: Boolean },\n  titleClass: { default: \"\", type: String },\n})\n\n//Data \nconst radioInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { fetchRadioMetadata, displayTitle } = useFetchRadio();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastTitle = computed(() => {\n  if (vastStore.isAdPlaying) {\n    return t(\"Advertising\") + vastStore.titleAdvertising;\n  }\n  if (playerStore.playerRadio) {\n    if (playerStore.playerRadio.podcast) {\n      return playerStore.playerRadio.podcast.title;\n    }\n    return displayTitle(playerStore.playerRadio.metadata);\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast.title;\n  }\n  if (playerStore.playerMedia) {\n    return playerStore.playerMedia.title;\n  }\n  if (playerStore.playerLive) {\n    if (!props.hlsReady) {\n      return (\n        playerStore.playerLive.title + \" (\" + t(\"Start in a while\") + \")\"\n      );\n    }\n    return playerStore.playerLive.title;\n  }\n  return \"\";\n});\n\n//Watch\nwatch(()=>playerStore.playerRadio, (newValue, oldValue) => {\n  if (oldValue && newValue && newValue.canalId === oldValue.canalId) {\n    return;\n  }\n  clearInterval(radioInterval.value as unknown as number);\n  if (playerStore.playerRadio) {\n    fetchCurrentlyPlaying();\n    radioInterval.value = setInterval(() => {\n      fetchCurrentlyPlaying();\n    }, 10000);\n  }\n}, {deep: true,immediate: true});\n\nonUnmounted(()=>{\n  clearInterval(radioInterval.value as unknown as number);\n  radioInterval.value= undefined;\n})\n\n\n//Methods\nasync function fetchCurrentlyPlaying(): Promise<void> {\n  fetchRadioMetadata(\n    playerStore.playerRadio?.canalId ?? 0,\n    playerStore.playerRadio?.metadata?.title ?? \"\",\n    updateMetadata,\n    updateAdvertising,\n  );\n}\nfunction updateAdvertising(nextAdvertising: NextAdvertising): void {\n  playerStore.playerRadioUpdateNextAdvertising(nextAdvertising);\n}\nfunction updateMetadata(\n  metadata: MediaRadio|undefined,\n  podcast: Podcast | undefined,\n  history: Array<MediaRadio>,\n): void {\n  playerStore.playerMetadata(metadata, history); //TODO\n  playerStore.playerRadioPodcast(podcast);\n}\n</script>\n","<template>\n  <div v-if=\"playerError\" class=\"text-warning mx-2\">\n    {{ t(\"Podcast play error\") + \" - \" }}\n  </div>\n  <component\n    :is=\"vastStore.linkAdvertising ? 'a' : 'div'\"\n    class=\"flex-grow-1 text-truncate\"\n    :class=\"titleClass\"\n    :href=\"vastStore.linkAdvertising\"\n    rel=\"noreferrer noopener\"\n    target=\"_blank\"\n    :title=\"t('New window', {text: podcastTitle})\"\n  >\n    {{ podcastTitle }}\n  </component>\n</template>\n<script setup lang=\"ts\">\nimport {useFetchRadio} from \"../../../composable/radio/usefetchRadioData\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { computed, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { MediaRadio, NextAdvertising } from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playerError: { default: false, type: Boolean },\n  hlsReady: { default: false, type: Boolean },\n  titleClass: { default: \"\", type: String },\n})\n\n//Data \nconst radioInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { fetchRadioMetadata, displayTitle } = useFetchRadio();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastTitle = computed(() => {\n  if (vastStore.isAdPlaying) {\n    return t(\"Advertising\") + vastStore.titleAdvertising;\n  }\n  if (playerStore.playerRadio) {\n    if (playerStore.playerRadio.podcast) {\n      return playerStore.playerRadio.podcast.title;\n    }\n    return displayTitle(playerStore.playerRadio.metadata);\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast.title;\n  }\n  if (playerStore.playerMedia) {\n    return playerStore.playerMedia.title;\n  }\n  if (playerStore.playerLive) {\n    if (!props.hlsReady) {\n      return (\n        playerStore.playerLive.title + \" (\" + t(\"Start in a while\") + \")\"\n      );\n    }\n    return playerStore.playerLive.title;\n  }\n  return \"\";\n});\n\n//Watch\nwatch(()=>playerStore.playerRadio, (newValue, oldValue) => {\n  if (oldValue && newValue && newValue.canalId === oldValue.canalId) {\n    return;\n  }\n  clearInterval(radioInterval.value as unknown as number);\n  if (playerStore.playerRadio) {\n    fetchCurrentlyPlaying();\n    radioInterval.value = setInterval(() => {\n      fetchCurrentlyPlaying();\n    }, 10000);\n  }\n}, {deep: true,immediate: true});\n\nonUnmounted(()=>{\n  clearInterval(radioInterval.value as unknown as number);\n  radioInterval.value= undefined;\n})\n\n\n//Methods\nasync function fetchCurrentlyPlaying(): Promise<void> {\n  fetchRadioMetadata(\n    playerStore.playerRadio?.canalId ?? 0,\n    playerStore.playerRadio?.metadata?.title ?? \"\",\n    updateMetadata,\n    updateAdvertising,\n  );\n}\nfunction updateAdvertising(nextAdvertising: NextAdvertising): void {\n  playerStore.playerRadioUpdateNextAdvertising(nextAdvertising);\n}\nfunction updateMetadata(\n  metadata: MediaRadio|undefined,\n  podcast: Podcast | undefined,\n  history: Array<MediaRadio>,\n): void {\n  playerStore.playerMetadata(metadata, history); //TODO\n  playerStore.playerRadioPodcast(podcast);\n}\n</script>\n","<template>\n  <div v-if=\"actualChapter\" class=\"d-flex mb-1\">\n    <button\n      class=\"btn-transparent d-flex align-items-center text-truncate medium-text text-light\"\n      @click=\"showChaptering = !showChaptering\"\n    >\n      <div class=\"text-truncate\">\n        {{ actualIndex + 1 + \" - \" + actualChapter.title }}\n      </div>\n      <ChevronRightIcon :size=\"16\" />\n    </button>\n    <ChapteringModal\n      v-if=\"showChaptering\"\n      :actual-chapter=\"actualIndex\"\n      @close=\"showChaptering = false\"\n    />\n  </div>\n  <div v-else-if=\"playerStore.playerChapteringPercent\" class=\"margin-chaptering\"></div>\n</template>\n<script setup lang=\"ts\">\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { ChapterPercent } from \"@/stores/class/chaptering/chaptering\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { defineAsyncComponent, Ref, ref, watch } from \"vue\";\nconst ChapteringModal = defineAsyncComponent(\n  () => import(\"./ChapteringModal.vue\"),\n);\n\n//Data \nconst actualChapter : Ref<ChapterPercent | undefined>= ref(undefined);\nconst actualIndex = ref(-1);\nconst showChaptering = ref(false);\n\n\n//Composables\nconst playerStore = usePlayerStore();\n\n//Watch\nwatch(()=>playerStore.playerElapsed, () => {\n  if (!playerStore.playerChapteringPercent) {\n    actualChapter.value = undefined;\n    return;\n  }\n  const progressPercent = (playerStore.playerElapsed ?? 0) * 100;\n  if (\n    actualChapter.value &&\n    isInChapter(progressPercent, actualChapter.value)\n  ) {\n    return;\n  }\n  for (\n    let i = 0, len = playerStore.playerChapteringPercent.length;\n    i < len;\n    i++\n  ) {\n    if (\n      isInChapter(progressPercent, playerStore.playerChapteringPercent[i])\n    ) {\n      actualChapter.value = playerStore.playerChapteringPercent[i];\n      actualIndex.value = i;\n      return;\n    }\n  }\n  actualChapter.value = undefined;\n  actualIndex.value = -1;\n}, {immediate: true});\n\n\n//Methods\nfunction isInChapter(val: number, chapter: ChapterPercent) {\n  return (\n    Math.floor(chapter.startPercent) <= val &&\n    val < Math.floor(chapter.endPercent)\n  );\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .margin-chaptering {\n  height: 23px;\n}\n</style>\n","<template>\n  <div v-if=\"actualChapter\" class=\"d-flex mb-1\">\n    <button\n      class=\"btn-transparent d-flex align-items-center text-truncate medium-text text-light\"\n      @click=\"showChaptering = !showChaptering\"\n    >\n      <div class=\"text-truncate\">\n        {{ actualIndex + 1 + \" - \" + actualChapter.title }}\n      </div>\n      <ChevronRightIcon :size=\"16\" />\n    </button>\n    <ChapteringModal\n      v-if=\"showChaptering\"\n      :actual-chapter=\"actualIndex\"\n      @close=\"showChaptering = false\"\n    />\n  </div>\n  <div v-else-if=\"playerStore.playerChapteringPercent\" class=\"margin-chaptering\"></div>\n</template>\n<script setup lang=\"ts\">\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { ChapterPercent } from \"@/stores/class/chaptering/chaptering\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { defineAsyncComponent, Ref, ref, watch } from \"vue\";\nconst ChapteringModal = defineAsyncComponent(\n  () => import(\"./ChapteringModal.vue\"),\n);\n\n//Data \nconst actualChapter : Ref<ChapterPercent | undefined>= ref(undefined);\nconst actualIndex = ref(-1);\nconst showChaptering = ref(false);\n\n\n//Composables\nconst playerStore = usePlayerStore();\n\n//Watch\nwatch(()=>playerStore.playerElapsed, () => {\n  if (!playerStore.playerChapteringPercent) {\n    actualChapter.value = undefined;\n    return;\n  }\n  const progressPercent = (playerStore.playerElapsed ?? 0) * 100;\n  if (\n    actualChapter.value &&\n    isInChapter(progressPercent, actualChapter.value)\n  ) {\n    return;\n  }\n  for (\n    let i = 0, len = playerStore.playerChapteringPercent.length;\n    i < len;\n    i++\n  ) {\n    if (\n      isInChapter(progressPercent, playerStore.playerChapteringPercent[i])\n    ) {\n      actualChapter.value = playerStore.playerChapteringPercent[i];\n      actualIndex.value = i;\n      return;\n    }\n  }\n  actualChapter.value = undefined;\n  actualIndex.value = -1;\n}, {immediate: true});\n\n\n//Methods\nfunction isInChapter(val: number, chapter: ChapterPercent) {\n  return (\n    Math.floor(chapter.startPercent) <= val &&\n    val < Math.floor(chapter.endPercent)\n  );\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .margin-chaptering {\n  height: 23px;\n}\n</style>\n","<template>\n  <div>\n    <a\n      v-if=\"vastStore.linkAdvertising\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      :href=\"vastStore.linkAdvertising\"\n      class=\"player-image link-image\"\n      :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      :title=\"t('New window', {text: t('Advertising')})\"\n    >\n      <LinkVariantIcon />\n    </a>\n    <router-link\n      v-else-if=\"playerStore.podcastImage\"\n      :to=\"podcastShareUrl\"\n      :title=\"t('Episode name page', { name: podcastDisplay?.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(playerStore.podcastImage, imageWidth)\"\n        :width=\"imageWidth\"\n        :height=\"imageWidth\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Episode name image', { name: podcastDisplay?.title })\"\n        class=\"player-image\"\n        :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      />\n    </router-link>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport {useImageProxy} from \"../../../composable/useImageProxy\";\nimport { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \ndefineProps({\n  imageWidth: { default: 48, type: Number },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastDisplay = computed(() => {\n  if (playerStore.playerRadio?.podcast) {\n    return playerStore.playerRadio?.podcast;\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast;\n  }\n  return undefined;\n});\nconst podcastShareUrl = computed(() => {\n  if (playerStore.playerRadio?.podcast?.podcastId) {\n    return {\n      name: \"podcast\",\n      params: {\n        podcastId: playerStore.playerRadio?.podcast?.podcastId.toString(),\n      },\n    };\n  }\n  if (playerStore.playerPodcast) {\n    return {\n      name: \"podcast\",\n      params: { podcastId: playerStore.playerPodcast.podcastId.toString() },\n    };\n  }\n  return \"\";\n});\n\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app .player-image {\n  border-radius: var(--octopus-border-radius);\n  height: 2.4rem;\n  width: 2.4rem;\n  margin-right: 0.5rem;\n  cursor: pointer;\n\n  /** PHONES */\n  @media (width <= 450px) {\n    height: 1.8rem;\n    width: 1.8rem;\n  }\n\n  &.big-player-image {\n    height: 200px;\n    width: 200px;\n  }\n\n  &.link-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--octopus-secondary);\n    color: black;\n  }\n}\n</style>\n","<template>\n  <div>\n    <a\n      v-if=\"vastStore.linkAdvertising\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      :href=\"vastStore.linkAdvertising\"\n      class=\"player-image link-image\"\n      :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      :title=\"t('New window', {text: t('Advertising')})\"\n    >\n      <LinkVariantIcon />\n    </a>\n    <router-link\n      v-else-if=\"playerStore.podcastImage\"\n      :to=\"podcastShareUrl\"\n      :title=\"t('Episode name page', { name: podcastDisplay?.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(playerStore.podcastImage, imageWidth)\"\n        :width=\"imageWidth\"\n        :height=\"imageWidth\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Episode name image', { name: podcastDisplay?.title })\"\n        class=\"player-image\"\n        :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      />\n    </router-link>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport {useImageProxy} from \"../../../composable/useImageProxy\";\nimport { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \ndefineProps({\n  imageWidth: { default: 48, type: Number },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastDisplay = computed(() => {\n  if (playerStore.playerRadio?.podcast) {\n    return playerStore.playerRadio?.podcast;\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast;\n  }\n  return undefined;\n});\nconst podcastShareUrl = computed(() => {\n  if (playerStore.playerRadio?.podcast?.podcastId) {\n    return {\n      name: \"podcast\",\n      params: {\n        podcastId: playerStore.playerRadio?.podcast?.podcastId.toString(),\n      },\n    };\n  }\n  if (playerStore.playerPodcast) {\n    return {\n      name: \"podcast\",\n      params: { podcastId: playerStore.playerPodcast.podcastId.toString() },\n    };\n  }\n  return \"\";\n});\n\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app .player-image {\n  border-radius: var(--octopus-border-radius);\n  height: 2.4rem;\n  width: 2.4rem;\n  margin-right: 0.5rem;\n  cursor: pointer;\n\n  /** PHONES */\n  @media (width <= 450px) {\n    height: 1.8rem;\n    width: 1.8rem;\n  }\n\n  &.big-player-image {\n    height: 200px;\n    width: 200px;\n  }\n\n  &.link-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--octopus-secondary);\n    color: black;\n  }\n}\n</style>\n","<template>\n  <button\n    v-if=\"!playerError\"\n    :title=\"t('Play')\"\n    :class=\"{\n      'p-0': !displayIsPaused && !displayIsPlaying,\n      'play-button-box': !isBigButton,\n      'play-big-button-box': isBigButton,\n    }\"\n    class=\"btn text-light\"\n    @click=\"switchPausePlay\"\n  >\n    <PlayIcon v-if=\"displayIsPaused\" :size=\"isBigButton ? 60 : 30\" />\n    <PauseIcon v-if=\"displayIsPlaying\" :size=\"isBigButton ? 60 : 30\" />\n    <ClassicSpinner\n      v-if=\"!displayIsPaused && !displayIsPlaying\"\n      :small=\"!isBigButton\"\n    />\n  </button>\n</template>\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport ClassicSpinner from \"../../ClassicSpinner.vue\";\nimport { computed, onMounted, onUnmounted } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  playerError: { default: false, type: Boolean },\n  isBigButton: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst displayIsPlaying = computed(() => {\n  return (\n    (vastStore.isAdPlaying && !vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPlaying)\n  );\n});\nconst displayIsPaused = computed(() => {\n  return (\n    (vastStore.isAdPlaying && vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPaused)\n  );\n});\n\n\nonMounted(()=>window.addEventListener(\"keydown\", addKeyboardControl));\nonUnmounted(()=>window.removeEventListener(\"keydown\", addKeyboardControl))\n\n\n//Methods\nfunction addKeyboardControl(event: KeyboardEvent): void {\n  if (!event || null === event) {\n    return;\n  }\n  const element = event.target as HTMLElement;\n  if (\n    !element ||\n    \"INPUT\" == element.tagName.toUpperCase() ||\n    \"TEXTAREA\" == element.tagName.toUpperCase()\n  ) {\n    return;\n  }\n  if (\" \" === event.key || \"Spacebar\" === event.key) {\n    event.preventDefault();\n    switchPausePlay();\n    return;\n  }\n  if (vastStore.isAdPlaying) {\n    return;\n  }\n  if (\"ArrowRight\" === event.key && event.ctrlKey) {\n    changeCurrentTime(15);\n    return;\n  }\n  if (\"ArrowLeft\" === event.key && event.ctrlKey) {\n    changeCurrentTime(-15);\n  }\n}\nfunction changeCurrentTime(delay: number) {\n  const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  audioPlayer.currentTime += delay;\n}\nfunction switchPausePlay(): void {\n  if (vastStore.isAdPlaying) {\n    vastStore.updateIsAdPaused(!vastStore.isAdPaused);\n    return;\n  }\n  const audioPlayer: HTMLAudioElement | null =document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  playerStore.playerChangeStatus(!audioPlayer.paused);\n}\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/playButton\";\n\n.btn {\n  color: var(--octopus-player-btn-fg);\n  background-color: var(--octopus-player-btn-bg);\n}\n\n.play-button-box:not(.small-font) {\n  font-size: 1rem !important;\n}\n.play-big-button-box {\n  height: 5rem;\n  width: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0.5rem;\n  border-radius: 50% !important;\n  font-size: 2.5rem !important;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n</style>\n","<template>\n  <button\n    v-if=\"!playerError\"\n    :title=\"t('Play')\"\n    :class=\"{\n      'p-0': !displayIsPaused && !displayIsPlaying,\n      'play-button-box': !isBigButton,\n      'play-big-button-box': isBigButton,\n    }\"\n    class=\"btn text-light\"\n    @click=\"switchPausePlay\"\n  >\n    <PlayIcon v-if=\"displayIsPaused\" :size=\"isBigButton ? 60 : 30\" />\n    <PauseIcon v-if=\"displayIsPlaying\" :size=\"isBigButton ? 60 : 30\" />\n    <ClassicSpinner\n      v-if=\"!displayIsPaused && !displayIsPlaying\"\n      :small=\"!isBigButton\"\n    />\n  </button>\n</template>\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport ClassicSpinner from \"../../ClassicSpinner.vue\";\nimport { computed, onMounted, onUnmounted } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  playerError: { default: false, type: Boolean },\n  isBigButton: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst displayIsPlaying = computed(() => {\n  return (\n    (vastStore.isAdPlaying && !vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPlaying)\n  );\n});\nconst displayIsPaused = computed(() => {\n  return (\n    (vastStore.isAdPlaying && vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPaused)\n  );\n});\n\n\nonMounted(()=>window.addEventListener(\"keydown\", addKeyboardControl));\nonUnmounted(()=>window.removeEventListener(\"keydown\", addKeyboardControl))\n\n\n//Methods\nfunction addKeyboardControl(event: KeyboardEvent): void {\n  if (!event || null === event) {\n    return;\n  }\n  const element = event.target as HTMLElement;\n  if (\n    !element ||\n    \"INPUT\" == element.tagName.toUpperCase() ||\n    \"TEXTAREA\" == element.tagName.toUpperCase()\n  ) {\n    return;\n  }\n  if (\" \" === event.key || \"Spacebar\" === event.key) {\n    event.preventDefault();\n    switchPausePlay();\n    return;\n  }\n  if (vastStore.isAdPlaying) {\n    return;\n  }\n  if (\"ArrowRight\" === event.key && event.ctrlKey) {\n    changeCurrentTime(15);\n    return;\n  }\n  if (\"ArrowLeft\" === event.key && event.ctrlKey) {\n    changeCurrentTime(-15);\n  }\n}\nfunction changeCurrentTime(delay: number) {\n  const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  audioPlayer.currentTime += delay;\n}\nfunction switchPausePlay(): void {\n  if (vastStore.isAdPlaying) {\n    vastStore.updateIsAdPaused(!vastStore.isAdPaused);\n    return;\n  }\n  const audioPlayer: HTMLAudioElement | null =document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  playerStore.playerChangeStatus(!audioPlayer.paused);\n}\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/playButton\";\n\n.btn {\n  color: var(--octopus-player-btn-fg);\n  background-color: var(--octopus-player-btn-bg);\n}\n\n.play-button-box:not(.small-font) {\n  font-size: 1rem !important;\n}\n.play-big-button-box {\n  height: 5rem;\n  width: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0.5rem;\n  border-radius: 50% !important;\n  font-size: 2.5rem !important;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n</style>\n"],"mappings":"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"}

package/dist/{PlayerPlayButton-DT2OdqnI.mjs → PlayerPlayButton-zKdHGzFr.mjs}

@@ -1,9 +1,9 @@
 import { t as ClassicSpinner_default } from "./ClassicSpinner-lNq7TnmD.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore, r as durationHelper_default } from "./PlayerStore-DukkcHI_.mjs";
-import { t as useImageProxy } from "./useImageProxy-Bj0cOCct.mjs";
+import { n as usePlayerStore, r as durationHelper_default } from "./PlayerStore-vYmnOEA_.mjs";
+import { t as useImageProxy } from "./useImageProxy-BdQJmj4a.mjs";
 import { t as useVastStore } from "./VastStore-BPwOrXvb.mjs";
-import { t as useFetchRadio } from "./usefetchRadioData-C2cwiaCP.mjs";
+import { t as useFetchRadio } from "./usefetchRadioData-CkrAfN1c.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onMounted, onUnmounted, openBlock, ref, resolveComponent, resolveDirective, resolveDynamicComponent, toDisplayString, watch, withCtx, withDirectives } from "vue";
 import { useI18n } from "vue-i18n";
 import PlayIcon from "vue-material-design-icons/Play.vue";
@@ -146,7 +146,7 @@ var PlayerChaptering_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	__name: "PlayerChaptering",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const ChapteringModal = defineAsyncComponent(() => import("./ChapteringModal-C-rdkbSz.mjs"));
+		const ChapteringModal = defineAsyncComponent(() => import("./ChapteringModal-ei6ZqVJU.mjs"));
 		const actualChapter = ref(void 0);
 		const actualIndex = ref(-1);
 		const showChaptering = ref(false);
@@ -397,4 +397,4 @@ var PlayerPlayButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(P
 //#endregion
 export { usePlayerDisplayTime as a, PlayerTitle_default as i, PlayerImage_default as n, PlayerChaptering_default as r, PlayerPlayButton_default as t };
 
-//# sourceMappingURL=PlayerPlayButton-DT2OdqnI.mjs.map
+//# sourceMappingURL=PlayerPlayButton-zKdHGzFr.mjs.map

package/dist/PlayerPlayButton-zKdHGzFr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerPlayButton-zKdHGzFr.mjs","names":[],"sources":["../src/components/composable/player/usePlayerDisplayTime.ts","../src/components/misc/player/elements/PlayerTitle.vue","../src/components/misc/player/elements/PlayerTitle.vue","../src/components/misc/player/chaptering/PlayerChaptering.vue","../src/components/misc/player/chaptering/PlayerChaptering.vue","../src/components/misc/player/elements/PlayerImage.vue","../src/components/misc/player/elements/PlayerImage.vue","../src/components/misc/player/elements/PlayerPlayButton.vue","../src/components/misc/player/elements/PlayerPlayButton.vue"],"sourcesContent":["import { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../stores/VastStore\";\nimport DurationHelper from \"../../../helper/durationHelper\";\nexport const usePlayerDisplayTime = ()=>{\n\n    const playerStore = usePlayerStore();\n    const vastStore = useVastStore();\n\n    const displayPlayTime = computed(() => { \n        if(vastStore.isAdPlaying){\n            return DurationHelper.formatDuration(Math.round(vastStore.currentTimeAd));\n        }\n        return playerStore.playedTime;\n    });\n\n    const displayTotalTime = computed(() => { \n        if(vastStore.isAdPlaying){\n            return DurationHelper.formatDuration(Math.round(vastStore.currentDurationAd));\n        }\n        return playerStore.totalTime;\n    });\n\n    const transcriptText = computed((): Array<string> => { \n        return playerStore.transcriptText;\n    });\n\n    return {\n        displayPlayTime,\n        displayTotalTime,\n        transcriptText,\n        radioUrl: playerStore.radioUrl,\n        isAdPlaying: vastStore.isAdPlaying,\n    }\n}\n","<template>\n  <div v-if=\"playerError\" class=\"text-warning mx-2\">\n    {{ t(\"Podcast play error\") + \" - \" }}\n  </div>\n  <component\n    :is=\"vastStore.linkAdvertising ? 'a' : 'div'\"\n    class=\"flex-grow-1 text-truncate\"\n    :class=\"titleClass\"\n    :href=\"vastStore.linkAdvertising\"\n    rel=\"noreferrer noopener\"\n    target=\"_blank\"\n    :title=\"t('New window', {text: podcastTitle})\"\n  >\n    {{ podcastTitle }}\n  </component>\n</template>\n<script setup lang=\"ts\">\nimport {useFetchRadio} from \"../../../composable/radio/usefetchRadioData\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { computed, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { MediaRadio, NextAdvertising } from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playerError: { default: false, type: Boolean },\n  hlsReady: { default: false, type: Boolean },\n  titleClass: { default: \"\", type: String },\n})\n\n//Data \nconst radioInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { fetchRadioMetadata, displayTitle } = useFetchRadio();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastTitle = computed(() => {\n  if (vastStore.isAdPlaying) {\n    return t(\"Advertising\") + vastStore.titleAdvertising;\n  }\n  if (playerStore.playerRadio) {\n    if (playerStore.playerRadio.podcast) {\n      return playerStore.playerRadio.podcast.title;\n    }\n    return displayTitle(playerStore.playerRadio.metadata);\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast.title;\n  }\n  if (playerStore.playerMedia) {\n    return playerStore.playerMedia.title;\n  }\n  if (playerStore.playerLive) {\n    if (!props.hlsReady) {\n      return (\n        playerStore.playerLive.title + \" (\" + t(\"Start in a while\") + \")\"\n      );\n    }\n    return playerStore.playerLive.title;\n  }\n  return \"\";\n});\n\n//Watch\nwatch(()=>playerStore.playerRadio, (newValue, oldValue) => {\n  if (oldValue && newValue && newValue.canalId === oldValue.canalId) {\n    return;\n  }\n  clearInterval(radioInterval.value as unknown as number);\n  if (playerStore.playerRadio) {\n    fetchCurrentlyPlaying();\n    radioInterval.value = setInterval(() => {\n      fetchCurrentlyPlaying();\n    }, 10000);\n  }\n}, {deep: true,immediate: true});\n\nonUnmounted(()=>{\n  clearInterval(radioInterval.value as unknown as number);\n  radioInterval.value= undefined;\n})\n\n\n//Methods\nasync function fetchCurrentlyPlaying(): Promise<void> {\n  fetchRadioMetadata(\n    playerStore.playerRadio?.canalId ?? 0,\n    playerStore.playerRadio?.metadata?.title ?? \"\",\n    updateMetadata,\n    updateAdvertising,\n  );\n}\nfunction updateAdvertising(nextAdvertising: NextAdvertising): void {\n  playerStore.playerRadioUpdateNextAdvertising(nextAdvertising);\n}\nfunction updateMetadata(\n  metadata: MediaRadio|undefined,\n  podcast: Podcast | undefined,\n  history: Array<MediaRadio>,\n): void {\n  playerStore.playerMetadata(metadata, history); //TODO\n  playerStore.playerRadioPodcast(podcast);\n}\n</script>\n","<template>\n  <div v-if=\"playerError\" class=\"text-warning mx-2\">\n    {{ t(\"Podcast play error\") + \" - \" }}\n  </div>\n  <component\n    :is=\"vastStore.linkAdvertising ? 'a' : 'div'\"\n    class=\"flex-grow-1 text-truncate\"\n    :class=\"titleClass\"\n    :href=\"vastStore.linkAdvertising\"\n    rel=\"noreferrer noopener\"\n    target=\"_blank\"\n    :title=\"t('New window', {text: podcastTitle})\"\n  >\n    {{ podcastTitle }}\n  </component>\n</template>\n<script setup lang=\"ts\">\nimport {useFetchRadio} from \"../../../composable/radio/usefetchRadioData\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { computed, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { MediaRadio, NextAdvertising } from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playerError: { default: false, type: Boolean },\n  hlsReady: { default: false, type: Boolean },\n  titleClass: { default: \"\", type: String },\n})\n\n//Data \nconst radioInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { fetchRadioMetadata, displayTitle } = useFetchRadio();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastTitle = computed(() => {\n  if (vastStore.isAdPlaying) {\n    return t(\"Advertising\") + vastStore.titleAdvertising;\n  }\n  if (playerStore.playerRadio) {\n    if (playerStore.playerRadio.podcast) {\n      return playerStore.playerRadio.podcast.title;\n    }\n    return displayTitle(playerStore.playerRadio.metadata);\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast.title;\n  }\n  if (playerStore.playerMedia) {\n    return playerStore.playerMedia.title;\n  }\n  if (playerStore.playerLive) {\n    if (!props.hlsReady) {\n      return (\n        playerStore.playerLive.title + \" (\" + t(\"Start in a while\") + \")\"\n      );\n    }\n    return playerStore.playerLive.title;\n  }\n  return \"\";\n});\n\n//Watch\nwatch(()=>playerStore.playerRadio, (newValue, oldValue) => {\n  if (oldValue && newValue && newValue.canalId === oldValue.canalId) {\n    return;\n  }\n  clearInterval(radioInterval.value as unknown as number);\n  if (playerStore.playerRadio) {\n    fetchCurrentlyPlaying();\n    radioInterval.value = setInterval(() => {\n      fetchCurrentlyPlaying();\n    }, 10000);\n  }\n}, {deep: true,immediate: true});\n\nonUnmounted(()=>{\n  clearInterval(radioInterval.value as unknown as number);\n  radioInterval.value= undefined;\n})\n\n\n//Methods\nasync function fetchCurrentlyPlaying(): Promise<void> {\n  fetchRadioMetadata(\n    playerStore.playerRadio?.canalId ?? 0,\n    playerStore.playerRadio?.metadata?.title ?? \"\",\n    updateMetadata,\n    updateAdvertising,\n  );\n}\nfunction updateAdvertising(nextAdvertising: NextAdvertising): void {\n  playerStore.playerRadioUpdateNextAdvertising(nextAdvertising);\n}\nfunction updateMetadata(\n  metadata: MediaRadio|undefined,\n  podcast: Podcast | undefined,\n  history: Array<MediaRadio>,\n): void {\n  playerStore.playerMetadata(metadata, history); //TODO\n  playerStore.playerRadioPodcast(podcast);\n}\n</script>\n","<template>\n  <div v-if=\"actualChapter\" class=\"d-flex mb-1\">\n    <button\n      class=\"btn-transparent d-flex align-items-center text-truncate medium-text text-light\"\n      @click=\"showChaptering = !showChaptering\"\n    >\n      <div class=\"text-truncate\">\n        {{ actualIndex + 1 + \" - \" + actualChapter.title }}\n      </div>\n      <ChevronRightIcon :size=\"16\" />\n    </button>\n    <ChapteringModal\n      v-if=\"showChaptering\"\n      :actual-chapter=\"actualIndex\"\n      @close=\"showChaptering = false\"\n    />\n  </div>\n  <div v-else-if=\"playerStore.playerChapteringPercent\" class=\"margin-chaptering\"></div>\n</template>\n<script setup lang=\"ts\">\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { ChapterPercent } from \"@/stores/class/chaptering/chaptering\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { defineAsyncComponent, Ref, ref, watch } from \"vue\";\nconst ChapteringModal = defineAsyncComponent(\n  () => import(\"./ChapteringModal.vue\"),\n);\n\n//Data \nconst actualChapter : Ref<ChapterPercent | undefined>= ref(undefined);\nconst actualIndex = ref(-1);\nconst showChaptering = ref(false);\n\n\n//Composables\nconst playerStore = usePlayerStore();\n\n//Watch\nwatch(()=>playerStore.playerElapsed, () => {\n  if (!playerStore.playerChapteringPercent) {\n    actualChapter.value = undefined;\n    return;\n  }\n  const progressPercent = (playerStore.playerElapsed ?? 0) * 100;\n  if (\n    actualChapter.value &&\n    isInChapter(progressPercent, actualChapter.value)\n  ) {\n    return;\n  }\n  for (\n    let i = 0, len = playerStore.playerChapteringPercent.length;\n    i < len;\n    i++\n  ) {\n    if (\n      isInChapter(progressPercent, playerStore.playerChapteringPercent[i])\n    ) {\n      actualChapter.value = playerStore.playerChapteringPercent[i];\n      actualIndex.value = i;\n      return;\n    }\n  }\n  actualChapter.value = undefined;\n  actualIndex.value = -1;\n}, {immediate: true});\n\n\n//Methods\nfunction isInChapter(val: number, chapter: ChapterPercent) {\n  return (\n    Math.floor(chapter.startPercent) <= val &&\n    val < Math.floor(chapter.endPercent)\n  );\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .margin-chaptering {\n  height: 23px;\n}\n</style>\n","<template>\n  <div v-if=\"actualChapter\" class=\"d-flex mb-1\">\n    <button\n      class=\"btn-transparent d-flex align-items-center text-truncate medium-text text-light\"\n      @click=\"showChaptering = !showChaptering\"\n    >\n      <div class=\"text-truncate\">\n        {{ actualIndex + 1 + \" - \" + actualChapter.title }}\n      </div>\n      <ChevronRightIcon :size=\"16\" />\n    </button>\n    <ChapteringModal\n      v-if=\"showChaptering\"\n      :actual-chapter=\"actualIndex\"\n      @close=\"showChaptering = false\"\n    />\n  </div>\n  <div v-else-if=\"playerStore.playerChapteringPercent\" class=\"margin-chaptering\"></div>\n</template>\n<script setup lang=\"ts\">\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { ChapterPercent } from \"@/stores/class/chaptering/chaptering\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { defineAsyncComponent, Ref, ref, watch } from \"vue\";\nconst ChapteringModal = defineAsyncComponent(\n  () => import(\"./ChapteringModal.vue\"),\n);\n\n//Data \nconst actualChapter : Ref<ChapterPercent | undefined>= ref(undefined);\nconst actualIndex = ref(-1);\nconst showChaptering = ref(false);\n\n\n//Composables\nconst playerStore = usePlayerStore();\n\n//Watch\nwatch(()=>playerStore.playerElapsed, () => {\n  if (!playerStore.playerChapteringPercent) {\n    actualChapter.value = undefined;\n    return;\n  }\n  const progressPercent = (playerStore.playerElapsed ?? 0) * 100;\n  if (\n    actualChapter.value &&\n    isInChapter(progressPercent, actualChapter.value)\n  ) {\n    return;\n  }\n  for (\n    let i = 0, len = playerStore.playerChapteringPercent.length;\n    i < len;\n    i++\n  ) {\n    if (\n      isInChapter(progressPercent, playerStore.playerChapteringPercent[i])\n    ) {\n      actualChapter.value = playerStore.playerChapteringPercent[i];\n      actualIndex.value = i;\n      return;\n    }\n  }\n  actualChapter.value = undefined;\n  actualIndex.value = -1;\n}, {immediate: true});\n\n\n//Methods\nfunction isInChapter(val: number, chapter: ChapterPercent) {\n  return (\n    Math.floor(chapter.startPercent) <= val &&\n    val < Math.floor(chapter.endPercent)\n  );\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .margin-chaptering {\n  height: 23px;\n}\n</style>\n","<template>\n  <div>\n    <a\n      v-if=\"vastStore.linkAdvertising\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      :href=\"vastStore.linkAdvertising\"\n      class=\"player-image link-image\"\n      :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      :title=\"t('New window', {text: t('Advertising')})\"\n    >\n      <LinkVariantIcon />\n    </a>\n    <router-link\n      v-else-if=\"playerStore.podcastImage\"\n      :to=\"podcastShareUrl\"\n      :title=\"t('Episode name page', { name: podcastDisplay?.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(playerStore.podcastImage, imageWidth)\"\n        :width=\"imageWidth\"\n        :height=\"imageWidth\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Episode name image', { name: podcastDisplay?.title })\"\n        class=\"player-image\"\n        :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      />\n    </router-link>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport {useImageProxy} from \"../../../composable/useImageProxy\";\nimport { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \ndefineProps({\n  imageWidth: { default: 48, type: Number },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastDisplay = computed(() => {\n  if (playerStore.playerRadio?.podcast) {\n    return playerStore.playerRadio?.podcast;\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast;\n  }\n  return undefined;\n});\nconst podcastShareUrl = computed(() => {\n  if (playerStore.playerRadio?.podcast?.podcastId) {\n    return {\n      name: \"podcast\",\n      params: {\n        podcastId: playerStore.playerRadio?.podcast?.podcastId.toString(),\n      },\n    };\n  }\n  if (playerStore.playerPodcast) {\n    return {\n      name: \"podcast\",\n      params: { podcastId: playerStore.playerPodcast.podcastId.toString() },\n    };\n  }\n  return \"\";\n});\n\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app .player-image {\n  border-radius: var(--octopus-border-radius);\n  height: 2.4rem;\n  width: 2.4rem;\n  margin-right: 0.5rem;\n  cursor: pointer;\n\n  /** PHONES */\n  @media (width <= 450px) {\n    height: 1.8rem;\n    width: 1.8rem;\n  }\n\n  &.big-player-image {\n    height: 200px;\n    width: 200px;\n  }\n\n  &.link-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--octopus-secondary);\n    color: black;\n  }\n}\n</style>\n","<template>\n  <div>\n    <a\n      v-if=\"vastStore.linkAdvertising\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      :href=\"vastStore.linkAdvertising\"\n      class=\"player-image link-image\"\n      :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      :title=\"t('New window', {text: t('Advertising')})\"\n    >\n      <LinkVariantIcon />\n    </a>\n    <router-link\n      v-else-if=\"playerStore.podcastImage\"\n      :to=\"podcastShareUrl\"\n      :title=\"t('Episode name page', { name: podcastDisplay?.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(playerStore.podcastImage, imageWidth)\"\n        :width=\"imageWidth\"\n        :height=\"imageWidth\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Episode name image', { name: podcastDisplay?.title })\"\n        class=\"player-image\"\n        :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      />\n    </router-link>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport {useImageProxy} from \"../../../composable/useImageProxy\";\nimport { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \ndefineProps({\n  imageWidth: { default: 48, type: Number },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastDisplay = computed(() => {\n  if (playerStore.playerRadio?.podcast) {\n    return playerStore.playerRadio?.podcast;\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast;\n  }\n  return undefined;\n});\nconst podcastShareUrl = computed(() => {\n  if (playerStore.playerRadio?.podcast?.podcastId) {\n    return {\n      name: \"podcast\",\n      params: {\n        podcastId: playerStore.playerRadio?.podcast?.podcastId.toString(),\n      },\n    };\n  }\n  if (playerStore.playerPodcast) {\n    return {\n      name: \"podcast\",\n      params: { podcastId: playerStore.playerPodcast.podcastId.toString() },\n    };\n  }\n  return \"\";\n});\n\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app .player-image {\n  border-radius: var(--octopus-border-radius);\n  height: 2.4rem;\n  width: 2.4rem;\n  margin-right: 0.5rem;\n  cursor: pointer;\n\n  /** PHONES */\n  @media (width <= 450px) {\n    height: 1.8rem;\n    width: 1.8rem;\n  }\n\n  &.big-player-image {\n    height: 200px;\n    width: 200px;\n  }\n\n  &.link-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--octopus-secondary);\n    color: black;\n  }\n}\n</style>\n","<template>\n  <button\n    v-if=\"!playerError\"\n    :title=\"t('Play')\"\n    :class=\"{\n      'p-0': !displayIsPaused && !displayIsPlaying,\n      'play-button-box': !isBigButton,\n      'play-big-button-box': isBigButton,\n    }\"\n    class=\"btn text-light\"\n    @click=\"switchPausePlay\"\n  >\n    <PlayIcon v-if=\"displayIsPaused\" :size=\"isBigButton ? 60 : 30\" />\n    <PauseIcon v-if=\"displayIsPlaying\" :size=\"isBigButton ? 60 : 30\" />\n    <ClassicSpinner\n      v-if=\"!displayIsPaused && !displayIsPlaying\"\n      :small=\"!isBigButton\"\n    />\n  </button>\n</template>\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport ClassicSpinner from \"../../ClassicSpinner.vue\";\nimport { computed, onMounted, onUnmounted } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  playerError: { default: false, type: Boolean },\n  isBigButton: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst displayIsPlaying = computed(() => {\n  return (\n    (vastStore.isAdPlaying && !vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPlaying)\n  );\n});\nconst displayIsPaused = computed(() => {\n  return (\n    (vastStore.isAdPlaying && vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPaused)\n  );\n});\n\n\nonMounted(()=>window.addEventListener(\"keydown\", addKeyboardControl));\nonUnmounted(()=>window.removeEventListener(\"keydown\", addKeyboardControl))\n\n\n//Methods\nfunction addKeyboardControl(event: KeyboardEvent): void {\n  if (!event || null === event) {\n    return;\n  }\n  const element = event.target as HTMLElement;\n  if (\n    !element ||\n    \"INPUT\" == element.tagName.toUpperCase() ||\n    \"TEXTAREA\" == element.tagName.toUpperCase()\n  ) {\n    return;\n  }\n  if (\" \" === event.key || \"Spacebar\" === event.key) {\n    event.preventDefault();\n    switchPausePlay();\n    return;\n  }\n  if (vastStore.isAdPlaying) {\n    return;\n  }\n  if (\"ArrowRight\" === event.key && event.ctrlKey) {\n    changeCurrentTime(15);\n    return;\n  }\n  if (\"ArrowLeft\" === event.key && event.ctrlKey) {\n    changeCurrentTime(-15);\n  }\n}\nfunction changeCurrentTime(delay: number) {\n  const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  audioPlayer.currentTime += delay;\n}\nfunction switchPausePlay(): void {\n  if (vastStore.isAdPlaying) {\n    vastStore.updateIsAdPaused(!vastStore.isAdPaused);\n    return;\n  }\n  const audioPlayer: HTMLAudioElement | null =document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  playerStore.playerChangeStatus(!audioPlayer.paused);\n}\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/playButton\";\n\n.btn {\n  color: var(--octopus-player-btn-fg);\n  background-color: var(--octopus-player-btn-bg);\n}\n\n.play-button-box:not(.small-font) {\n  font-size: 1rem !important;\n}\n.play-big-button-box {\n  height: 5rem;\n  width: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0.5rem;\n  border-radius: 50% !important;\n  font-size: 2.5rem !important;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n</style>\n","<template>\n  <button\n    v-if=\"!playerError\"\n    :title=\"t('Play')\"\n    :class=\"{\n      'p-0': !displayIsPaused && !displayIsPlaying,\n      'play-button-box': !isBigButton,\n      'play-big-button-box': isBigButton,\n    }\"\n    class=\"btn text-light\"\n    @click=\"switchPausePlay\"\n  >\n    <PlayIcon v-if=\"displayIsPaused\" :size=\"isBigButton ? 60 : 30\" />\n    <PauseIcon v-if=\"displayIsPlaying\" :size=\"isBigButton ? 60 : 30\" />\n    <ClassicSpinner\n      v-if=\"!displayIsPaused && !displayIsPlaying\"\n      :small=\"!isBigButton\"\n    />\n  </button>\n</template>\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport ClassicSpinner from \"../../ClassicSpinner.vue\";\nimport { computed, onMounted, onUnmounted } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  playerError: { default: false, type: Boolean },\n  isBigButton: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst displayIsPlaying = computed(() => {\n  return (\n    (vastStore.isAdPlaying && !vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPlaying)\n  );\n});\nconst displayIsPaused = computed(() => {\n  return (\n    (vastStore.isAdPlaying && vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPaused)\n  );\n});\n\n\nonMounted(()=>window.addEventListener(\"keydown\", addKeyboardControl));\nonUnmounted(()=>window.removeEventListener(\"keydown\", addKeyboardControl))\n\n\n//Methods\nfunction addKeyboardControl(event: KeyboardEvent): void {\n  if (!event || null === event) {\n    return;\n  }\n  const element = event.target as HTMLElement;\n  if (\n    !element ||\n    \"INPUT\" == element.tagName.toUpperCase() ||\n    \"TEXTAREA\" == element.tagName.toUpperCase()\n  ) {\n    return;\n  }\n  if (\" \" === event.key || \"Spacebar\" === event.key) {\n    event.preventDefault();\n    switchPausePlay();\n    return;\n  }\n  if (vastStore.isAdPlaying) {\n    return;\n  }\n  if (\"ArrowRight\" === event.key && event.ctrlKey) {\n    changeCurrentTime(15);\n    return;\n  }\n  if (\"ArrowLeft\" === event.key && event.ctrlKey) {\n    changeCurrentTime(-15);\n  }\n}\nfunction changeCurrentTime(delay: number) {\n  const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  audioPlayer.currentTime += delay;\n}\nfunction switchPausePlay(): void {\n  if (vastStore.isAdPlaying) {\n    vastStore.updateIsAdPaused(!vastStore.isAdPaused);\n    return;\n  }\n  const audioPlayer: HTMLAudioElement | null =document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  playerStore.playerChangeStatus(!audioPlayer.paused);\n}\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/playButton\";\n\n.btn {\n  color: var(--octopus-player-btn-fg);\n  background-color: var(--octopus-player-btn-bg);\n}\n\n.play-button-box:not(.small-font) {\n  font-size: 1rem !important;\n}\n.play-big-button-box {\n  height: 5rem;\n  width: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0.5rem;\n  border-radius: 50% !important;\n  font-size: 2.5rem !important;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n</style>\n"],"mappings":"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"}

package/dist/{PlayerProgressBar-CSYnPjZb.mjs → PlayerProgressBar-BG5NG596.mjs}

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
 import { t as useVastStore } from "./VastStore-BPwOrXvb.mjs";
 import { createBlock, defineAsyncComponent, defineComponent, normalizeClass, openBlock } from "vue";
 //#region src/components/misc/player/progressbar/PlayerProgressBar.vue?vue&type=script&setup=true&lang.ts
@@ -38,9 +38,9 @@ var PlayerProgressBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 	setup(__props, { expose: __expose }) {
 		__expose();
 		const __returned__ = {
-			RadioProgressBar: defineAsyncComponent(() => import("./RadioProgressBar-BmJbzzQA.mjs")),
+			RadioProgressBar: defineAsyncComponent(() => import("./RadioProgressBar-yIz1oI5d.mjs")),
 			AdsProgressBar: defineAsyncComponent(() => import("./AdsProgressBar-CAP7Zj--.mjs")),
-			PodcastProgressBar: defineAsyncComponent(() => import("./PodcastProgressBar-B3XOeeJx.mjs")),
+			PodcastProgressBar: defineAsyncComponent(() => import("./PodcastProgressBar-VG-mRcpi.mjs")),
 			playerStore: usePlayerStore(),
 			vastStore: useVastStore()
 		};
@@ -83,4 +83,4 @@ var PlayerProgressBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 //#endregion
 export { PlayerProgressBar_default as default };
 
-//# sourceMappingURL=PlayerProgressBar-CSYnPjZb.mjs.map
+//# sourceMappingURL=PlayerProgressBar-BG5NG596.mjs.map

package/dist/PlayerProgressBar-BG5NG596.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerProgressBar-BG5NG596.mjs","names":[],"sources":["../src/components/misc/player/progressbar/PlayerProgressBar.vue","../src/components/misc/player/progressbar/PlayerProgressBar.vue"],"sourcesContent":["<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n","<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkByB,2BACjB,OAAO,kCAAA;mBAEQ,2BACf,OAAO,gCAAA;uBAEY,2BACnB,OAAO,oCAAA;gBAeK,eAAA;cACF,aAAA;;;;;;;;;;;;QCxCM,OAAA,UAAU,eAAA,UAAA,GAAhC,YAAsE,OAAA,mBAAA;;EAAxB,OAAK,eAAE,OAAA,aAAa;2BACrC,OAAA,YAAY,YAAA,UAAA,GAAzC,YAA4E,OAAA,qBAAA;;EAAxB,OAAK,eAAE,OAAA,aAAa;yCACxE,YASE,OAAA,uBAAA;;EAPC,iBAAe,OAAA;EACf,qBAAmB,OAAA;EACnB,yBAAuB,OAAA;EACvB,0BAAwB,OAAA;EACxB,gBAAc,OAAA;EACd,eAAa,OAAA;EACb,kBAAgB,OAAA"}

package/dist/PlayerProgressBar-Cjv8JVY2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerProgressBar-Cjv8JVY2.mjs","names":[],"sources":["../src/components/misc/player/progressbar/PlayerProgressBar.vue","../src/components/misc/player/progressbar/PlayerProgressBar.vue"],"sourcesContent":["<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n","<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkByB,2BACjB,OAAO,kCAAA;mBAEQ,2BACf,OAAO,gCAAA;uBAEY,2BACnB,OAAO,oCAAA;gBAeK,eAAA;cACF,aAAA;;;;;;;;;;;;QCxCM,OAAA,UAAU,eAAA,UAAA,GAAhC,YAAsE,OAAA,mBAAA;;EAAxB,OAAK,eAAE,OAAA,aAAa;2BACrC,OAAA,YAAY,YAAA,UAAA,GAAzC,YAA4E,OAAA,qBAAA;;EAAxB,OAAK,eAAE,OAAA,aAAa;yCACxE,YASE,OAAA,uBAAA;;EAPC,iBAAe,OAAA;EACf,qBAAmB,OAAA;EACnB,yBAAuB,OAAA;EACvB,0BAAwB,OAAA;EACxB,gBAAc,OAAA;EACd,eAAa,OAAA;EACb,kBAAgB,OAAA"}

package/dist/PlayerProgressBar-Co0_YEF3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerProgressBar-Co0_YEF3.mjs","names":[],"sources":["../src/components/misc/player/progressbar/PlayerProgressBar.vue","../src/components/misc/player/progressbar/PlayerProgressBar.vue"],"sourcesContent":["<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n","<template>\n  <AdsProgressBar v-if=\"vastStore.isAdPlaying\" :class=\"classProgress\" />\n  <RadioProgressBar v-else-if=\"playerStore.radioUrl\" :class=\"classProgress\" />\n  <PodcastProgressBar\n    v-else\n    :show-comments=\"showComments\"\n    :display-alert-bar=\"displayAlertBar\"\n    :percent-live-progress=\"percentLiveProgress\"\n    :duration-live-position=\"durationLivePosition\"\n    :player-error=\"playerError\"\n    :listen-time=\"listenTime\"\n    :class-progress=\"classProgress\"\n  />\n</template>\n<script setup lang=\"ts\">\nimport { defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nconst RadioProgressBar = defineAsyncComponent(\n  () => import(\"../radio/RadioProgressBar.vue\"),\n);\nconst AdsProgressBar = defineAsyncComponent(\n  () => import(\"../ads/AdsProgressBar.vue\"),\n);\nconst PodcastProgressBar = defineAsyncComponent(\n  () => import(\"./PodcastProgressBar.vue\"),\n);\n\n//Props \ndefineProps({\n  classProgress: { default: \"\", type: String },\n  playerError: { default: false, type: Boolean },\n  showComments: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkByB,2BACjB,OAAO,kCAAA;mBAEQ,2BACf,OAAO,gCAAA;uBAEY,2BACnB,OAAO,oCAAA;gBAeK,eAAA;cACF,aAAA;;;;;;;;;;;;QCxCM,OAAA,UAAU,eAAA,UAAA,GAAhC,YAAsE,OAAA,mBAAA;;EAAxB,OAAK,eAAE,OAAA,aAAa;2BACrC,OAAA,YAAY,YAAA,UAAA,GAAzC,YAA4E,OAAA,qBAAA;;EAAxB,OAAK,eAAE,OAAA,aAAa;yCACxE,YASE,OAAA,uBAAA;;EAPC,iBAAe,OAAA;EACf,qBAAmB,OAAA;EACnB,yBAAuB,OAAA;EACvB,0BAAwB,OAAA;EACxB,gBAAc,OAAA;EACd,eAAa,OAAA;EACb,kBAAgB,OAAA"}

package/dist/PlayerStore-B-L2PQ_b.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerStore-B-L2PQ_b.mjs","names":[],"sources":["../src/helper/durationHelper.ts","../src/stores/PlayerStore.ts"],"sourcesContent":["\nconst TIMESTAMP_REGEX = /(?:(\\d{1,2}):)?([0-5]?\\d):([0-5]\\d)(?:.(\\d{3}))?$/;\n\n/**\n * Convert a timestamp to seconds\n */\nfunction convertTimestamptoSeconds(timestamp: string): number|null {\n    const matches = timestamp.match(TIMESTAMP_REGEX);\n    if (matches) {\n        const [, hours, minutes, seconds, nanoseconds] = matches;\n        return Number(hours ?? 0) * 60 * 60 + Number(minutes ?? 0) * 60 + Number(seconds ?? 0) + Number(nanoseconds ?? 0) / 1000;\n    } else {\n        return null;\n    }\n}\n\nfunction formatToString(value: number) {\n    if (value < 10) {\n        return \"0\" + value;\n    }\n    return value.toString();\n}\n\nfunction formatDuration(\n    totalSeconds: number | null,\n    separator = \":\",\n    isLast = false,\n): string {\n    if (null === totalSeconds) {\n        return \"00:00\";\n    }\n    const hours = Math.floor(totalSeconds / 3600);\n    const minutes = Math.floor((totalSeconds - hours * 3600) / 60);\n    const seconds = totalSeconds - hours * 3600 - minutes * 60;\n\n    // In case seconds have decimal, round to 3 decimals, otherwise do not use decimals\n    const secondsStr = Math.round(seconds) == seconds ?\n        this.formatToString(seconds) :\n        this.formatToString(seconds.toFixed(3));\n\n    return (\n        (hours > 0 ? this.formatToString(hours) + separator : \"\") +\n        this.formatToString(minutes) +\n        separator +\n        secondsStr +\n        (isLast ? separator : \"\")\n    );\n}\n\nexport default {\n    TIMESTAMP_REGEX,\n\n    convertTimestamptoSeconds,\n    formatDuration,\n    formatToString\n}","import DurationHelper from \"../helper/durationHelper\";\nimport { Media } from \"@/stores/class/general/media\";\nimport {\n    MediaRadio,\n    NextAdvertising,\n    Radio,\n} from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { defineStore } from \"pinia\";\nimport { Chaptering, ChapteringPercent } from \"./class/chaptering/chaptering\";\nimport classicApi from \"../api/classicApi\";\n\nimport { state as sdkParams } from \"./ParamSdkStore\";\nimport { Canal } from \"./class/radio/canal\";\nimport { Conference } from \"./class/conference/conference\";\n\nexport interface PlayerTranscript {\n    current: number;\n    currentText: Array<string>;\n    value: Array<{ endTime: number; startTime: number; text: Array<string> }>;\n}\n\nexport enum PlayerStatus {\n    STOPPED = \"STOPPED\",\n    LOADING = \"LOADING\",\n    PLAYING = \"PLAYING\",\n    PAUSED = \"PAUSED\"\n}\n\ninterface PlayerState {\n    playerCurrentChange: number | null;\n    playerStatus: PlayerStatus;\n    playerPodcast: Podcast | undefined;\n    playerVolume?: number; //From 0 to 1\n    playerElapsed: number; //From 0 to 1\n    playerTotal: number;\n    playerMedia: Media | undefined;\n    playerLive: Podcast | undefined;\n    playerRadio: Radio | undefined;\n    playerStop?: boolean;\n    playerSeekTime?: number;\n    playerTranscript?: PlayerTranscript;\n    playerLargeVersion: boolean;\n    playerVideo: boolean;\n    playerChaptering?: Chaptering;\n    playerDelayStitching: number;\n    playerHlsUrl?: string;\n    playerHlsIdentifier?:string;\n}\nexport const usePlayerStore = defineStore(\"PlayerStore\", {\n    state: (): PlayerState => ({\n        playerCurrentChange: null,\n        playerStatus: PlayerStatus.STOPPED,\n        playerPodcast: undefined,\n        playerVolume: 1,\n        playerElapsed: 0,\n        playerTotal: 0,\n        playerMedia: undefined,\n        playerLive: undefined,\n        playerRadio: undefined,\n        playerSeekTime: 0,\n        playerLargeVersion: false,\n        playerVideo: false,\n        playerChaptering: undefined,\n        playerDelayStitching: 0,\n        playerHlsIdentifier: undefined,\n    }),\n    getters: {\n        playerChapteringPercent(): ChapteringPercent | undefined {\n            if (!this.playerChaptering || 0 === this.playerTotal) {\n                return;\n            }\n            const chapteringPercent: ChapteringPercent = [];\n            for (\n                let i = 0, len = this.playerChaptering.chapters.length;\n                i < len;\n                i++\n            ) {\n                const startTime = this.playerChaptering.chapters[i].startTime;\n                chapteringPercent.push({\n                    startTime: startTime,\n                    startDisplay: DurationHelper.formatDuration(startTime, \":\", false),\n                    startPercent: (startTime * 100) / Math.round(this.playerTotal),\n                    endPercent: 100,\n                    title: this.playerChaptering.chapters[i].title,\n                });\n            }\n            for (let i = 0, len = chapteringPercent.length; i < len; i++) {\n                chapteringPercent[i].endPercent =\n                    chapteringPercent[i].startPercent +\n          ((chapteringPercent[i + 1]?.startPercent ?? 100) -\n            chapteringPercent[i].startPercent);\n            }\n            return chapteringPercent;\n        },\n        playerHeight() {\n            if (\"STOPPED\" === this.playerStatus) {\n                return '0px';\n            }\n            if (this.playerVideo) {\n                return \"0px\" /* \"281px\" */;\n            }\n            if (this.playerLargeVersion) {\n                return \"27rem\";\n            }\n            if (window.innerWidth > 450) {\n                return \"6rem\";\n            }\n            return \"3.5rem\";\n        },\n\n        playerElapsedSeconds(): number {\n            if (\n                this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n            ) {\n                return this.playerElapsed * this.playerTotal;\n            } else {\n                return -1;\n            }\n        },\n\n        /** Returning remaining time in seconds */\n        playerRemainingSeconds(): number {\n            const elapsed = this.playerElapsedSeconds;\n            if (elapsed >= 0) {\n                return this.playerTotal - elapsed;\n            } else {\n                return -1;\n            }\n        },\n    \n        playedTime(): string {\n            if (-1 !== this.playerElapsedSeconds) {\n                return DurationHelper.formatDuration(\n                    Math.round(this.playerElapsedSeconds),\n                );\n            }\n            return \"--:--\";\n        },\n        totalTime(): string {\n            if (\n                this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n            ) {\n                return DurationHelper.formatDuration(Math.round(this.playerTotal));\n            }\n            return \"--:--\";\n        },\n        isPlaying(): boolean {\n            return \"PLAYING\" === this.playerStatus;\n        },\n        isPaused(): boolean {\n            return \"PAUSED\" === this.playerStatus;\n        },\n        podcastImage(): string {\n            if (this.playerRadio) {\n                return this.playerRadio.podcast?.imageUrl ?? \"\";\n            }\n            return this.playerPodcast?.imageUrl ?? \"\";\n        },\n        emissionName(): string {\n            return this.playerPodcast?.emission?.name ?? \"\";\n        },\n        transcriptText(): Array<string> {\n            return this.playerTranscript?.currentText ?? [];\n        },\n        radioUrl(): string | undefined {\n            return this.playerRadio?.url ?? undefined;\n        },\n    },\n    actions: {\n        stop(): void {\n            this.playerCurrentChange = null;\n            this.playerStatus = \"STOPPED\";\n            this.playerPodcast = undefined;\n            this.playerMedia = undefined;\n            this.playerLive = undefined;\n            this.playerHlsIdentifier = undefined;\n            this.playerRadio = undefined;\n            this.playerElapsed = 0;\n            this.playerVideo = false;\n            this.playerChaptering = undefined;\n        },\n        /**\n     * Start playing audio/video\n     * Without parameters, stop playing\n     * @param param The data\n     * @param isVideo If true, enable video mode\n     */\n        async playerPlay(param?: Podcast|Media|Canal|Conference, isVideo = false) {\n            if (!param) {\n                this.stop();\n                return;\n            }\n            if (\n                (\n                    this.playerPodcast &&\n          'podcastId' in param &&\n          this.playerPodcast.podcastId === param.podcastId &&\n          isVideo === this.playerVideo\n                ) || (\n                    this.playerMedia &&\n          'mediaId' in param &&\n          this.playerMedia.mediaId === param.mediaId\n                ) || (\n                    this.playerLive &&\n          'conferenceId' in param &&\n          this.playerLive.conferenceId === param.conferenceId &&\n          isVideo === this.playerVideo\n                )\n            ) {\n                //Do nothing\n                return;\n            }\n\n            if (sdkParams.player.startLarge === true && this.playerStatus === 'STOPPED') {\n                this.playerUpdateLargeVersion(true);\n            }\n      \n            this.playerStatus = \"LOADING\";\n            this.playerPodcast = undefined;\n            this.playerMedia = undefined;\n            this.playerLive = undefined;\n            this.playerHlsIdentifier = undefined;\n            this.playerRadio = undefined;\n            this.playerVideo = isVideo;\n            this.playerElapsed = 0;\n            this.playerChaptering = undefined;\n\n            if (\n                'conferenceId' in param &&\n        param.conferenceId &&\n        (!param.podcastId || param.processingStatus !== \"READY\")\n            ) {\n                this.playerLive = param;\n                this.playerHlsIdentifier = param.hlsIdentifier;\n                this.playerCurrentChange = null;\n                return;\n            }\n\n            if ('podcastId' in param && param.podcastId) {\n                const podcast = param as Podcast;\n                this.playerPodcast = podcast;\n                this.playerCurrentChange = podcast.podcastId;\n                if (podcast.annotations?.chaptering) {\n                    this.playerChaptering = await classicApi.fetchData<Chaptering>({\n                        api: 4,\n                        path: podcast.annotations.chaptering as string,\n                        isNotAuth: true\n                    });\n                }\n                return;\n            }\n\n            if ('mediaId' in param && param.mediaId) {\n                this.playerMedia = param;\n                this.playerCurrentChange = null;\n                return;\n            }\n\n            if ('canalId' in param && param.canalId) {\n                this.playerRadio = { ...param, isInit: false };\n                this.playerCurrentChange = -param.canalId;\n            }\n        },\n\n        playerChangeStatus(isPause: boolean) {\n            this.playerStatus = isPause? \"PAUSED\" : \"PLAYING\";\n        },\n\n        playerUpdateSeekTime(seekTime: number) {\n            this.playerSeekTime = seekTime;\n        },\n        playerMetadata(metadata: MediaRadio|undefined, history: Array<MediaRadio>) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.metadata = metadata;\n            this.playerRadio.history = history;\n        },\n        playerRadioUpdateNextAdvertising(nextAdvertising: NextAdvertising) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.nextAdvertising = nextAdvertising;\n        },\n        playerRadioPodcast(podcast: Podcast | undefined) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.podcast = podcast;\n        },\n\n        playerUpdateElapsed(elapsed: number, total?: number) {\n            this.playerElapsed = elapsed;\n            if (total) {\n                this.playerTotal = total;\n            }\n        },\n\n        playerUpdateTranscript(transcript?: PlayerTranscript) {\n            this.playerTranscript = transcript;\n        },\n        playerUpdateLargeVersion(largeVersion: boolean) {\n            this.playerLargeVersion = largeVersion;\n        },\n        playerUpdateChaptering(chaptering?: Chaptering) {\n            this.playerChaptering = chaptering;\n        },\n        playerUpdateDelayStitching(delay: number) {\n            this.playerDelayStitching = delay;\n        },\n        playerUpdatePlayerHlsUrl(hlsUrl: string|undefined) {\n            this.playerHlsUrl = hlsUrl;\n        },\n    },\n});\n"],"mappings":"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"}

package/dist/PlayerStore-C2XzSrF5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerStore-C2XzSrF5.mjs","names":[],"sources":["../src/helper/durationHelper.ts","../src/stores/PlayerStore.ts"],"sourcesContent":["\nconst TIMESTAMP_REGEX = /(?:(\\d{1,2}):)?([0-5]?\\d):([0-5]\\d)(?:.(\\d{3}))?$/;\n\n/**\n * Convert a timestamp to seconds\n */\nfunction convertTimestamptoSeconds(timestamp: string): number|null {\n    const matches = timestamp.match(TIMESTAMP_REGEX);\n    if (matches) {\n        const [, hours, minutes, seconds, nanoseconds] = matches;\n        return Number(hours ?? 0) * 60 * 60 + Number(minutes ?? 0) * 60 + Number(seconds ?? 0) + Number(nanoseconds ?? 0) / 1000;\n    } else {\n        return null;\n    }\n}\n\nfunction formatToString(value: number) {\n    if (value < 10) {\n        return \"0\" + value;\n    }\n    return value.toString();\n}\n\nfunction formatDuration(\n    totalSeconds: number | null,\n    separator = \":\",\n    isLast = false,\n): string {\n    if (null === totalSeconds) {\n        return \"00:00\";\n    }\n    const hours = Math.floor(totalSeconds / 3600);\n    const minutes = Math.floor((totalSeconds - hours * 3600) / 60);\n    const seconds = totalSeconds - hours * 3600 - minutes * 60;\n\n    // In case seconds have decimal, round to 3 decimals, otherwise do not use decimals\n    const secondsStr = Math.round(seconds) == seconds ?\n        this.formatToString(seconds) :\n        this.formatToString(seconds.toFixed(3));\n\n    return (\n        (hours > 0 ? this.formatToString(hours) + separator : \"\") +\n        this.formatToString(minutes) +\n        separator +\n        secondsStr +\n        (isLast ? separator : \"\")\n    );\n}\n\nexport default {\n    TIMESTAMP_REGEX,\n\n    convertTimestamptoSeconds,\n    formatDuration,\n    formatToString\n}","import DurationHelper from \"../helper/durationHelper\";\nimport { Media } from \"@/stores/class/general/media\";\nimport {\n    MediaRadio,\n    NextAdvertising,\n    Radio,\n} from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { defineStore } from \"pinia\";\nimport { Chaptering, ChapteringPercent } from \"./class/chaptering/chaptering\";\nimport classicApi from \"../api/classicApi\";\n\nimport { state as sdkParams } from \"./ParamSdkStore\";\nimport { Canal } from \"./class/radio/canal\";\nimport { Conference } from \"./class/conference/conference\";\n\nexport interface PlayerTranscript {\n    current: number;\n    currentText: Array<string>;\n    value: Array<{ endTime: number; startTime: number; text: Array<string> }>;\n}\n\nexport enum PlayerStatus {\n    STOPPED = \"STOPPED\",\n    LOADING = \"LOADING\",\n    PLAYING = \"PLAYING\",\n    PAUSED = \"PAUSED\"\n}\n\ninterface PlayerState {\n    playerCurrentChange: number | null;\n    playerStatus: PlayerStatus;\n    playerPodcast: Podcast | undefined;\n    playerVolume?: number; //From 0 to 1\n    playerElapsed: number; //From 0 to 1\n    playerTotal: number;\n    playerMedia: Media | undefined;\n    playerLive: Podcast | undefined;\n    playerRadio: Radio | undefined;\n    playerStop?: boolean;\n    playerSeekTime?: number;\n    playerTranscript?: PlayerTranscript;\n    playerLargeVersion: boolean;\n    playerVideo: boolean;\n    playerChaptering?: Chaptering;\n    playerDelayStitching: number;\n    playerHlsUrl?: string;\n    playerHlsIdentifier?:string;\n}\nexport const usePlayerStore = defineStore(\"PlayerStore\", {\n    state: (): PlayerState => ({\n        playerCurrentChange: null,\n        playerStatus: PlayerStatus.STOPPED,\n        playerPodcast: undefined,\n        playerVolume: 1,\n        playerElapsed: 0,\n        playerTotal: 0,\n        playerMedia: undefined,\n        playerLive: undefined,\n        playerRadio: undefined,\n        playerSeekTime: 0,\n        playerLargeVersion: false,\n        playerVideo: false,\n        playerChaptering: undefined,\n        playerDelayStitching: 0,\n        playerHlsIdentifier: undefined,\n    }),\n    getters: {\n        playerChapteringPercent(): ChapteringPercent | undefined {\n            if (!this.playerChaptering || 0 === this.playerTotal) {\n                return;\n            }\n            const chapteringPercent: ChapteringPercent = [];\n            for (\n                let i = 0, len = this.playerChaptering.chapters.length;\n                i < len;\n                i++\n            ) {\n                const startTime = this.playerChaptering.chapters[i].startTime;\n                chapteringPercent.push({\n                    startTime: startTime,\n                    startDisplay: DurationHelper.formatDuration(startTime, \":\", false),\n                    startPercent: (startTime * 100) / Math.round(this.playerTotal),\n                    endPercent: 100,\n                    title: this.playerChaptering.chapters[i].title,\n                });\n            }\n            for (let i = 0, len = chapteringPercent.length; i < len; i++) {\n                chapteringPercent[i].endPercent =\n                    chapteringPercent[i].startPercent +\n          ((chapteringPercent[i + 1]?.startPercent ?? 100) -\n            chapteringPercent[i].startPercent);\n            }\n            return chapteringPercent;\n        },\n        playerHeight() {\n            if (\"STOPPED\" === this.playerStatus) {\n                return '0px';\n            }\n            if (this.playerVideo) {\n                return \"0px\" /* \"281px\" */;\n            }\n            if (this.playerLargeVersion) {\n                return \"27rem\";\n            }\n            if (window.innerWidth > 450) {\n                return \"6rem\";\n            }\n            return \"3.5rem\";\n        },\n\n        playerElapsedSeconds(): number {\n            if (\n                this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n            ) {\n                return this.playerElapsed * this.playerTotal;\n            } else {\n                return -1;\n            }\n        },\n\n        /** Returning remaining time in seconds */\n        playerRemainingSeconds(): number {\n            const elapsed = this.playerElapsedSeconds;\n            if (elapsed >= 0) {\n                return this.playerTotal - elapsed;\n            } else {\n                return -1;\n            }\n        },\n    \n        playedTime(): string {\n            if (-1 !== this.playerElapsedSeconds) {\n                return DurationHelper.formatDuration(\n                    Math.round(this.playerElapsedSeconds),\n                );\n            }\n            return \"--:--\";\n        },\n        totalTime(): string {\n            if (\n                this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n            ) {\n                return DurationHelper.formatDuration(Math.round(this.playerTotal));\n            }\n            return \"--:--\";\n        },\n        isPlaying(): boolean {\n            return \"PLAYING\" === this.playerStatus;\n        },\n        isPaused(): boolean {\n            return \"PAUSED\" === this.playerStatus;\n        },\n        podcastImage(): string {\n            if (this.playerRadio) {\n                return this.playerRadio.podcast?.imageUrl ?? \"\";\n            }\n            return this.playerPodcast?.imageUrl ?? \"\";\n        },\n        emissionName(): string {\n            return this.playerPodcast?.emission?.name ?? \"\";\n        },\n        transcriptText(): Array<string> {\n            return this.playerTranscript?.currentText ?? [];\n        },\n        radioUrl(): string | undefined {\n            return this.playerRadio?.url ?? undefined;\n        },\n    },\n    actions: {\n        stop(): void {\n            this.playerCurrentChange = null;\n            this.playerStatus = \"STOPPED\";\n            this.playerPodcast = undefined;\n            this.playerMedia = undefined;\n            this.playerLive = undefined;\n            this.playerHlsIdentifier = undefined;\n            this.playerRadio = undefined;\n            this.playerElapsed = 0;\n            this.playerVideo = false;\n            this.playerChaptering = undefined;\n        },\n        /**\n     * Start playing audio/video\n     * Without parameters, stop playing\n     * @param param The data\n     * @param isVideo If true, enable video mode\n     */\n        async playerPlay(param?: Podcast|Media|Canal|Conference, isVideo = false) {\n            if (!param) {\n                this.stop();\n                return;\n            }\n            if (\n                (\n                    this.playerPodcast &&\n          'podcastId' in param &&\n          this.playerPodcast.podcastId === param.podcastId &&\n          isVideo === this.playerVideo\n                ) || (\n                    this.playerMedia &&\n          'mediaId' in param &&\n          this.playerMedia.mediaId === param.mediaId\n                ) || (\n                    this.playerLive &&\n          'conferenceId' in param &&\n          this.playerLive.conferenceId === param.conferenceId &&\n          isVideo === this.playerVideo\n                )\n            ) {\n                //Do nothing\n                return;\n            }\n\n            if (sdkParams.player.startLarge === true && this.playerStatus === 'STOPPED') {\n                this.playerUpdateLargeVersion(true);\n            }\n      \n            this.playerStatus = \"LOADING\";\n            this.playerPodcast = undefined;\n            this.playerMedia = undefined;\n            this.playerLive = undefined;\n            this.playerHlsIdentifier = undefined;\n            this.playerRadio = undefined;\n            this.playerVideo = isVideo;\n            this.playerElapsed = 0;\n            this.playerChaptering = undefined;\n\n            if (\n                'conferenceId' in param &&\n        param.conferenceId &&\n        (!param.podcastId || param.processingStatus !== \"READY\")\n            ) {\n                this.playerLive = param;\n                this.playerHlsIdentifier = param.hlsIdentifier;\n                this.playerCurrentChange = null;\n                return;\n            }\n\n            if ('podcastId' in param && param.podcastId) {\n                const podcast = param as Podcast;\n                this.playerPodcast = podcast;\n                this.playerCurrentChange = podcast.podcastId;\n                if (podcast.annotations?.chaptering) {\n                    this.playerChaptering = await classicApi.fetchData<Chaptering>({\n                        api: 4,\n                        path: podcast.annotations.chaptering as string,\n                        isNotAuth: true\n                    });\n                }\n                return;\n            }\n\n            if ('mediaId' in param && param.mediaId) {\n                this.playerMedia = param;\n                this.playerCurrentChange = null;\n                return;\n            }\n\n            if ('canalId' in param && param.canalId) {\n                this.playerRadio = { ...param, isInit: false };\n                this.playerCurrentChange = -param.canalId;\n            }\n        },\n\n        playerChangeStatus(isPause: boolean) {\n            this.playerStatus = isPause? \"PAUSED\" : \"PLAYING\";\n        },\n\n        playerUpdateSeekTime(seekTime: number) {\n            this.playerSeekTime = seekTime;\n        },\n        playerMetadata(metadata: MediaRadio|undefined, history: Array<MediaRadio>) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.metadata = metadata;\n            this.playerRadio.history = history;\n        },\n        playerRadioUpdateNextAdvertising(nextAdvertising: NextAdvertising) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.nextAdvertising = nextAdvertising;\n        },\n        playerRadioPodcast(podcast: Podcast | undefined) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.podcast = podcast;\n        },\n\n        playerUpdateElapsed(elapsed: number, total?: number) {\n            this.playerElapsed = elapsed;\n            if (total) {\n                this.playerTotal = total;\n            }\n        },\n\n        playerUpdateTranscript(transcript?: PlayerTranscript) {\n            this.playerTranscript = transcript;\n        },\n        playerUpdateLargeVersion(largeVersion: boolean) {\n            this.playerLargeVersion = largeVersion;\n        },\n        playerUpdateChaptering(chaptering?: Chaptering) {\n            this.playerChaptering = chaptering;\n        },\n        playerUpdateDelayStitching(delay: number) {\n            this.playerDelayStitching = delay;\n        },\n        playerUpdatePlayerHlsUrl(hlsUrl: string|undefined) {\n            this.playerHlsUrl = hlsUrl;\n        },\n    },\n});\n"],"mappings":"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"}

package/dist/{PlayerStore-DukkcHI_.mjs → PlayerStore-vYmnOEA_.mjs}

@@ -1,4 +1,4 @@
-import { A as state, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { A as state, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { defineStore } from "pinia";
 //#region src/helper/durationHelper.ts
 var TIMESTAMP_REGEX = /(?:(\d{1,2}):)?([0-5]?\d):([0-5]\d)(?:.(\d{3}))?$/;
@@ -113,7 +113,7 @@ var usePlayerStore = defineStore("PlayerStore", {
 			return this.playerPodcast?.emission?.name ?? "";
 		},
 		transcriptText() {
-			return this.playerTranscript?.actualText ?? "";
+			return this.playerTranscript?.currentText ?? [];
 		},
 		radioUrl() {
 			return this.playerRadio?.url ?? void 0;
@@ -227,4 +227,4 @@ var usePlayerStore = defineStore("PlayerStore", {
 //#endregion
 export { usePlayerStore as n, durationHelper_default as r, PlayerStatus as t };
 
-//# sourceMappingURL=PlayerStore-DukkcHI_.mjs.map
+//# sourceMappingURL=PlayerStore-vYmnOEA_.mjs.map

package/dist/PlayerStore-vYmnOEA_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerStore-vYmnOEA_.mjs","names":[],"sources":["../src/helper/durationHelper.ts","../src/stores/PlayerStore.ts"],"sourcesContent":["\nconst TIMESTAMP_REGEX = /(?:(\\d{1,2}):)?([0-5]?\\d):([0-5]\\d)(?:.(\\d{3}))?$/;\n\n/**\n * Convert a timestamp to seconds\n */\nfunction convertTimestamptoSeconds(timestamp: string): number|null {\n    const matches = timestamp.match(TIMESTAMP_REGEX);\n    if (matches) {\n        const [, hours, minutes, seconds, nanoseconds] = matches;\n        return Number(hours ?? 0) * 60 * 60 + Number(minutes ?? 0) * 60 + Number(seconds ?? 0) + Number(nanoseconds ?? 0) / 1000;\n    } else {\n        return null;\n    }\n}\n\nfunction formatToString(value: number) {\n    if (value < 10) {\n        return \"0\" + value;\n    }\n    return value.toString();\n}\n\nfunction formatDuration(\n    totalSeconds: number | null,\n    separator = \":\",\n    isLast = false,\n): string {\n    if (null === totalSeconds) {\n        return \"00:00\";\n    }\n    const hours = Math.floor(totalSeconds / 3600);\n    const minutes = Math.floor((totalSeconds - hours * 3600) / 60);\n    const seconds = totalSeconds - hours * 3600 - minutes * 60;\n\n    // In case seconds have decimal, round to 3 decimals, otherwise do not use decimals\n    const secondsStr = Math.round(seconds) == seconds ?\n        this.formatToString(seconds) :\n        this.formatToString(seconds.toFixed(3));\n\n    return (\n        (hours > 0 ? this.formatToString(hours) + separator : \"\") +\n        this.formatToString(minutes) +\n        separator +\n        secondsStr +\n        (isLast ? separator : \"\")\n    );\n}\n\nexport default {\n    TIMESTAMP_REGEX,\n\n    convertTimestamptoSeconds,\n    formatDuration,\n    formatToString\n}","import DurationHelper from \"../helper/durationHelper\";\nimport { Media } from \"@/stores/class/general/media\";\nimport {\n    MediaRadio,\n    NextAdvertising,\n    Radio,\n} from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { defineStore } from \"pinia\";\nimport { Chaptering, ChapteringPercent } from \"./class/chaptering/chaptering\";\nimport classicApi from \"../api/classicApi\";\n\nimport { state as sdkParams } from \"./ParamSdkStore\";\nimport { Canal } from \"./class/radio/canal\";\nimport { Conference } from \"./class/conference/conference\";\n\nexport interface PlayerTranscript {\n    current: number;\n    currentText: Array<string>;\n    value: Array<{ endTime: number; startTime: number; text: Array<string> }>;\n}\n\nexport enum PlayerStatus {\n    STOPPED = \"STOPPED\",\n    LOADING = \"LOADING\",\n    PLAYING = \"PLAYING\",\n    PAUSED = \"PAUSED\"\n}\n\ninterface PlayerState {\n    playerCurrentChange: number | null;\n    playerStatus: PlayerStatus;\n    playerPodcast: Podcast | undefined;\n    playerVolume?: number; //From 0 to 1\n    playerElapsed: number; //From 0 to 1\n    playerTotal: number;\n    playerMedia: Media | undefined;\n    playerLive: Podcast | undefined;\n    playerRadio: Radio | undefined;\n    playerStop?: boolean;\n    playerSeekTime?: number;\n    playerTranscript?: PlayerTranscript;\n    playerLargeVersion: boolean;\n    playerVideo: boolean;\n    playerChaptering?: Chaptering;\n    playerDelayStitching: number;\n    playerHlsUrl?: string;\n    playerHlsIdentifier?:string;\n}\nexport const usePlayerStore = defineStore(\"PlayerStore\", {\n    state: (): PlayerState => ({\n        playerCurrentChange: null,\n        playerStatus: PlayerStatus.STOPPED,\n        playerPodcast: undefined,\n        playerVolume: 1,\n        playerElapsed: 0,\n        playerTotal: 0,\n        playerMedia: undefined,\n        playerLive: undefined,\n        playerRadio: undefined,\n        playerSeekTime: 0,\n        playerLargeVersion: false,\n        playerVideo: false,\n        playerChaptering: undefined,\n        playerDelayStitching: 0,\n        playerHlsIdentifier: undefined,\n    }),\n    getters: {\n        playerChapteringPercent(): ChapteringPercent | undefined {\n            if (!this.playerChaptering || 0 === this.playerTotal) {\n                return;\n            }\n            const chapteringPercent: ChapteringPercent = [];\n            for (\n                let i = 0, len = this.playerChaptering.chapters.length;\n                i < len;\n                i++\n            ) {\n                const startTime = this.playerChaptering.chapters[i].startTime;\n                chapteringPercent.push({\n                    startTime: startTime,\n                    startDisplay: DurationHelper.formatDuration(startTime, \":\", false),\n                    startPercent: (startTime * 100) / Math.round(this.playerTotal),\n                    endPercent: 100,\n                    title: this.playerChaptering.chapters[i].title,\n                });\n            }\n            for (let i = 0, len = chapteringPercent.length; i < len; i++) {\n                chapteringPercent[i].endPercent =\n                    chapteringPercent[i].startPercent +\n          ((chapteringPercent[i + 1]?.startPercent ?? 100) -\n            chapteringPercent[i].startPercent);\n            }\n            return chapteringPercent;\n        },\n        playerHeight() {\n            if (\"STOPPED\" === this.playerStatus) {\n                return '0px';\n            }\n            if (this.playerVideo) {\n                return \"0px\" /* \"281px\" */;\n            }\n            if (this.playerLargeVersion) {\n                return \"27rem\";\n            }\n            if (window.innerWidth > 450) {\n                return \"6rem\";\n            }\n            return \"3.5rem\";\n        },\n\n        playerElapsedSeconds(): number {\n            if (\n                this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n            ) {\n                return this.playerElapsed * this.playerTotal;\n            } else {\n                return -1;\n            }\n        },\n\n        /** Returning remaining time in seconds */\n        playerRemainingSeconds(): number {\n            const elapsed = this.playerElapsedSeconds;\n            if (elapsed >= 0) {\n                return this.playerTotal - elapsed;\n            } else {\n                return -1;\n            }\n        },\n    \n        playedTime(): string {\n            if (-1 !== this.playerElapsedSeconds) {\n                return DurationHelper.formatDuration(\n                    Math.round(this.playerElapsedSeconds),\n                );\n            }\n            return \"--:--\";\n        },\n        totalTime(): string {\n            if (\n                this.playerElapsed &&\n        this.playerElapsed > 0 &&\n        this.playerTotal &&\n        this.playerTotal > 0\n            ) {\n                return DurationHelper.formatDuration(Math.round(this.playerTotal));\n            }\n            return \"--:--\";\n        },\n        isPlaying(): boolean {\n            return \"PLAYING\" === this.playerStatus;\n        },\n        isPaused(): boolean {\n            return \"PAUSED\" === this.playerStatus;\n        },\n        podcastImage(): string {\n            if (this.playerRadio) {\n                return this.playerRadio.podcast?.imageUrl ?? \"\";\n            }\n            return this.playerPodcast?.imageUrl ?? \"\";\n        },\n        emissionName(): string {\n            return this.playerPodcast?.emission?.name ?? \"\";\n        },\n        transcriptText(): Array<string> {\n            return this.playerTranscript?.currentText ?? [];\n        },\n        radioUrl(): string | undefined {\n            return this.playerRadio?.url ?? undefined;\n        },\n    },\n    actions: {\n        stop(): void {\n            this.playerCurrentChange = null;\n            this.playerStatus = \"STOPPED\";\n            this.playerPodcast = undefined;\n            this.playerMedia = undefined;\n            this.playerLive = undefined;\n            this.playerHlsIdentifier = undefined;\n            this.playerRadio = undefined;\n            this.playerElapsed = 0;\n            this.playerVideo = false;\n            this.playerChaptering = undefined;\n        },\n        /**\n     * Start playing audio/video\n     * Without parameters, stop playing\n     * @param param The data\n     * @param isVideo If true, enable video mode\n     */\n        async playerPlay(param?: Podcast|Media|Canal|Conference, isVideo = false) {\n            if (!param) {\n                this.stop();\n                return;\n            }\n            if (\n                (\n                    this.playerPodcast &&\n          'podcastId' in param &&\n          this.playerPodcast.podcastId === param.podcastId &&\n          isVideo === this.playerVideo\n                ) || (\n                    this.playerMedia &&\n          'mediaId' in param &&\n          this.playerMedia.mediaId === param.mediaId\n                ) || (\n                    this.playerLive &&\n          'conferenceId' in param &&\n          this.playerLive.conferenceId === param.conferenceId &&\n          isVideo === this.playerVideo\n                )\n            ) {\n                //Do nothing\n                return;\n            }\n\n            if (sdkParams.player.startLarge === true && this.playerStatus === 'STOPPED') {\n                this.playerUpdateLargeVersion(true);\n            }\n      \n            this.playerStatus = \"LOADING\";\n            this.playerPodcast = undefined;\n            this.playerMedia = undefined;\n            this.playerLive = undefined;\n            this.playerHlsIdentifier = undefined;\n            this.playerRadio = undefined;\n            this.playerVideo = isVideo;\n            this.playerElapsed = 0;\n            this.playerChaptering = undefined;\n\n            if (\n                'conferenceId' in param &&\n        param.conferenceId &&\n        (!param.podcastId || param.processingStatus !== \"READY\")\n            ) {\n                this.playerLive = param;\n                this.playerHlsIdentifier = param.hlsIdentifier;\n                this.playerCurrentChange = null;\n                return;\n            }\n\n            if ('podcastId' in param && param.podcastId) {\n                const podcast = param as Podcast;\n                this.playerPodcast = podcast;\n                this.playerCurrentChange = podcast.podcastId;\n                if (podcast.annotations?.chaptering) {\n                    this.playerChaptering = await classicApi.fetchData<Chaptering>({\n                        api: 4,\n                        path: podcast.annotations.chaptering as string,\n                        isNotAuth: true\n                    });\n                }\n                return;\n            }\n\n            if ('mediaId' in param && param.mediaId) {\n                this.playerMedia = param;\n                this.playerCurrentChange = null;\n                return;\n            }\n\n            if ('canalId' in param && param.canalId) {\n                this.playerRadio = { ...param, isInit: false };\n                this.playerCurrentChange = -param.canalId;\n            }\n        },\n\n        playerChangeStatus(isPause: boolean) {\n            this.playerStatus = isPause? \"PAUSED\" : \"PLAYING\";\n        },\n\n        playerUpdateSeekTime(seekTime: number) {\n            this.playerSeekTime = seekTime;\n        },\n        playerMetadata(metadata: MediaRadio|undefined, history: Array<MediaRadio>) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.metadata = metadata;\n            this.playerRadio.history = history;\n        },\n        playerRadioUpdateNextAdvertising(nextAdvertising: NextAdvertising) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.nextAdvertising = nextAdvertising;\n        },\n        playerRadioPodcast(podcast: Podcast | undefined) {\n            if (!this.playerRadio) {\n                return;\n            }\n            this.playerRadio.podcast = podcast;\n        },\n\n        playerUpdateElapsed(elapsed: number, total?: number) {\n            this.playerElapsed = elapsed;\n            if (total) {\n                this.playerTotal = total;\n            }\n        },\n\n        playerUpdateTranscript(transcript?: PlayerTranscript) {\n            this.playerTranscript = transcript;\n        },\n        playerUpdateLargeVersion(largeVersion: boolean) {\n            this.playerLargeVersion = largeVersion;\n        },\n        playerUpdateChaptering(chaptering?: Chaptering) {\n            this.playerChaptering = chaptering;\n        },\n        playerUpdateDelayStitching(delay: number) {\n            this.playerDelayStitching = delay;\n        },\n        playerUpdatePlayerHlsUrl(hlsUrl: string|undefined) {\n            this.playerHlsUrl = hlsUrl;\n        },\n    },\n});\n"],"mappings":"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"}

package/dist/PlayerVideo-DD6NaGkU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-DD6NaGkU.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/{PlayerVideo-_Uz00K_T.mjs → PlayerVideo-Ds0oYeTC.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { O as useApiStore } from "./classicApi-CkDHWZG1.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
+import { O as useApiStore } from "./classicApi-xjOqAovv.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
 import { t as youtubeVideoHelper_default } from "./youtubeVideoHelper-DOeaXxVp.mjs";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, onMounted, openBlock, ref } from "vue";
 import WindowCloseIcon from "vue-material-design-icons/WindowClose.vue";
@@ -9,8 +9,8 @@ var PlayerVideo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defi
 	__name: "PlayerVideo",
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const PlayerVideoDigiteka = defineAsyncComponent(() => import("./PlayerVideoDigiteka-CjfuxXBF.mjs"));
-		const PlayerVideoHls = defineAsyncComponent(() => import("./PlayerVideoHls-Dms7iTSo.mjs"));
+		const PlayerVideoDigiteka = defineAsyncComponent(() => import("./PlayerVideoDigiteka-C7xb0ndg.mjs"));
+		const PlayerVideoHls = defineAsyncComponent(() => import("./PlayerVideoHls-xSNqzBEw.mjs"));
 		const PlayerYoutubeEmbed = defineAsyncComponent(() => import("./PlayerYoutubeEmbed-D0A4EWhU.mjs"));
 		const youtubeId = ref(void 0);
 		const apiStore = useApiStore();
@@ -69,4 +69,4 @@ var PlayerVideo_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Player
 //#endregion
 export { PlayerVideo_default as default };
 
-//# sourceMappingURL=PlayerVideo-_Uz00K_T.mjs.map
+//# sourceMappingURL=PlayerVideo-Ds0oYeTC.mjs.map

package/dist/PlayerVideo-Ds0oYeTC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-Ds0oYeTC.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideo-cYHZOYMv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideo-cYHZOYMv.mjs","names":[],"sources":["../src/components/misc/player/video/PlayerVideo.vue","../src/components/misc/player/video/PlayerVideo.vue"],"sourcesContent":["<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n","<template>\n  <teleport to=\".octopus-app\">\n    <template v-if=\"playerStore.playerVideo\">\n      <button class=\"btn btn-transparent video-close\" @click=\"closePlayer\">\n        <WindowCloseIcon />\n      </button>\n      <div class=\"video-wrapper\">\n        <PlayerYoutubeEmbed v-if=\"youtubeId\" :youtube-id=\"youtubeId\" />\n        <PlayerVideoDigiteka\n          v-else-if=\"!playerStore.playerLive\"\n          :video-id=\"playerStore.playerPodcast?.video?.videoId\"\n          :podcast-id=\"playerStore.playerPodcast.podcastId\"\n        />\n        <PlayerVideoHls v-else :hls-url=\"hlsVideoUrl\" :is-secured=\"isSecured\"/>\n      </div>\n    </template>\n  </teleport>\n</template>\n<script setup lang=\"ts\">\nimport youtubeVideoHelper from \"../../../../helper/youtubeVideoHelper\";\nimport WindowCloseIcon from \"vue-material-design-icons/WindowClose.vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useApiStore } from \"../../../../stores/ApiStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onMounted } from \"vue\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../video/PlayerVideoHls.vue\"),\n);\nconst PlayerYoutubeEmbed = defineAsyncComponent(\n  () => import(\"../video/PlayerYoutubeEmbed.vue\"),\n);\n\n//Data \nconst youtubeId: Ref<string|undefined> = ref(undefined);\n\n//Composables\nconst apiStore = useApiStore();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst isSecured = computed(() => \"SECURED\" === playerStore.playerLive?.organisation?.privacy);\nconst hlsVideoUrl = computed(() => {\n  if (!playerStore.playerHlsIdentifier) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${playerStore.playerHlsIdentifier}/index.m3u8`;\n});\n\nonMounted(()=>{\n  youtubeId.value = youtubeVideoHelper.getYoutubeId((playerStore.playerPodcast ?? playerStore.playerLive )?.tags ?? []);\n})\n\n//Methods\nfunction closePlayer() {\n  playerStore.playerPlay();\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .video-wrapper {\n    border-radius: 1rem;\n    overflow: hidden;\n    position: fixed;\n    bottom: 2.5rem;\n    right: 0;\n    z-index: 10;\n  }\n\n  .video-close {\n    position: fixed;\n    bottom: 16.5rem;\n    right: 1rem;\n  }\n\n  @media (width <= 500px) {\n    .video-close {\n      bottom: 10.5rem;\n    }\n\n    .video-wrapper iframe {\n      width: 100%;\n      max-height: 150px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;EAwBA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,qBAAqB,2BACnB,OAAO,oCACf;EAGA,MAAM,YAAmC,IAAI,KAAA,CAAS;EAGtD,MAAM,WAAW,YAAY;EAC7B,MAAM,cAAc,eAAe;EAInC,MAAM,YAAY,eAAe,cAAc,YAAY,YAAY,cAAc,OAAO;EAC5F,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,YAAY,qBACf,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,YAAY,oBAAoB;EACzE,CAAC;EAED,gBAAc;GACZ,UAAU,QAAQ,2BAAmB,cAAc,YAAY,iBAAiB,YAAY,aAAc,QAAQ,CAAC,CAAC;EACtH,CAAC;EAGD,SAAS,cAAc;GACrB,YAAY,WAAW;EACzB;;;;;;;;;;;;;;;;;;;;;;mBCpDW,OAAM,gBAAe;;qBAL9B,YAeW,UAAA,EAfD,IAAG,eAAc,GAAA,CACT,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAaW,UAAA,EAAA,KAAA,EAAA,GAAA,CAZT,mBAES,UAAA;EAFD,OAAM;EAAmC,SAAO,OAAA;KACtD,YAAmB,OAAA,kBAAA,CAAA,CAAA,GAErB,mBAQM,OARN,YAQM,CAPsB,OAAA,aAAA,UAAA,GAA1B,YAA+D,OAAA,uBAAA;;EAAzB,cAAY,OAAA;iCAEpC,OAAA,YAAY,cAAA,UAAA,GAD1B,YAIE,OAAA,wBAAA;;EAFC,YAAU,OAAA,YAAY,eAAe,OAAO;EAC5C,cAAY,OAAA,YAAY,cAAc;0DAEzC,YAAuE,OAAA,mBAAA;;EAA/C,WAAS,OAAA;EAAc,cAAY,OAAA"}

package/dist/PlayerVideoDigiteka-BPJdJNEB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-BPJdJNEB.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/{PlayerVideoDigiteka-CjfuxXBF.mjs → PlayerVideoDigiteka-C7xb0ndg.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { E as ModuleApi, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { E as ModuleApi, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as SnackBar_default } from "./SnackBar-DdE1dYhi.mjs";
-import { t as usePlayerLogicProgress } from "./usePlayerLogicProgress-75G9QMg_.mjs";
+import { t as usePlayerLogicProgress } from "./usePlayerLogicProgress-DcHbYGOR.mjs";
 import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, onMounted, openBlock, useTemplateRef } from "vue";
 import { useI18n } from "vue-i18n";
 //#region src/api/videoApi.ts
@@ -99,4 +99,4 @@ var PlayerVideoDigiteka_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 //#endregion
 export { PlayerVideoDigiteka_default as default };
 
-//# sourceMappingURL=PlayerVideoDigiteka-CjfuxXBF.mjs.map
+//# sourceMappingURL=PlayerVideoDigiteka-C7xb0ndg.mjs.map

package/dist/PlayerVideoDigiteka-C7xb0ndg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-C7xb0ndg.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}

package/dist/PlayerVideoDigiteka-oqtYXqYK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerVideoDigiteka-oqtYXqYK.mjs","names":[],"sources":["../src/api/videoApi.ts","../src/components/misc/player/video/PlayerVideoDigiteka.vue","../src/components/misc/player/video/PlayerVideoDigiteka.vue"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\n/**\n * Request the download ID from a video\n * @param podcastId The id of the podcast to be watched\n */\nasync function watchPodcast(podcastId: number): Promise<string> {\n    return classicApi.fetchData<string>({\n        api: ModuleApi.DEFAULT,\n        path: 'video/watch/' + podcastId\n    });\n}\n\nexport const videoApi = {\n    watchPodcast\n}\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n","<template>\n  <div :class=\"responsive ? 'video-responsive-wrapper' : ''\">\n    <iframe\n      v-if=\"videoId\"\n      ref=\"iframeVideo\"\n      :src=\"srcVideo\"\n      :title=\"t('Video')\"\n      width=\"500\"\n      height=\"281\"\n      style=\"z-index: 1\"\n      ebkitallowfullscreen=\"true\"\n      mozallowfullscreen=\"true\"\n      allowfullscreen=\"true\"\n      allow=\"fullscreen; autoplay\"\n      referrerpolicy=\"no-referrer-when-downgrade\"\n    ></iframe>\n    <SnackBar ref=\"snackbar\" position=\"bottom-left\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport SnackBar from \"../../SnackBar.vue\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\n\nimport { usePlayerLogicProgress } from \"../../../composable/player/usePlayerLogicProgress\";\nimport { videoApi } from \"../../../../api/videoApi\";\n\n//Props \nconst props = defineProps({\n  videoId: { type: String, required: true },\n  podcastId: { type: Number, required: false, default: null },\n  responsive: { default: false, type: Boolean },\n})\n\n//Data\nconst snackBarRef = useTemplateRef('snackbar');\n\n//Composables\nconst { t } = useI18n();\nconst { onTimeUpdateProgress, setDownloadId } = usePlayerLogicProgress();\n\n//Computed\nconst srcVideo = computed(() => {\n  return (\n    \"//www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n    props.videoId +\n    \"/sound/yes/autoplay/1\"\n  );\n});\n\nonMounted(async()=>{\n  if (undefined === props.videoId) {\n    (snackBarRef?.value as InstanceType<typeof SnackBar>).open(t(\"Podcast play error\"));\n  }\n\n  // #14118 cf https://support.digiteka.com/fr/API/Iframe#h-3-r%C3%A9ception-des-%C3%A9v%C3%A9nements-du-player\n  window.addEventListener('message', event => {\n    if (typeof event.data !== 'string') {\n      return;\n    }\n\n    const data = Object.fromEntries(event.data.split('&').map(d => d.split('=')));\n    if (data.event === 'timeupdate') {\n      onTimeUpdateProgress(parseFloat(data.time));\n    }\n  });\n\n  if (props.podcastId !== undefined) {\n    const downloadId = await videoApi.watchPodcast(props.podcastId);\n    setDownloadId(downloadId);\n  }\n})\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/videoPlayer\";\n</style>\n"],"mappings":";;;;;;;;;;;AAOA,eAAe,aAAa,WAAoC;CAC5D,OAAO,mBAAW,UAAkB;EAChC,KAAK,UAAU;EACf,MAAM,iBAAiB;CAC3B,CAAC;AACL;AAEA,IAAa,WAAW,EACpB,aACJ;;;;;;;;;;;;;;;;;;;;;;ECaA,MAAM,QAAQ;EAOd,MAAM,cAAc,eAAe,UAAU;EAG7C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,sBAAsB,kBAAkB,uBAAuB;EAGvE,MAAM,WAAW,eAAe;GAC9B,OACE,qFACA,MAAM,UACN;EAEJ,CAAC;EAED,UAAU,YAAS;GACjB,IAAI,KAAA,MAAc,MAAM,SACtB,CAAC,aAAa,OAAwC,KAAK,EAAE,oBAAoB,CAAC;GAIpF,OAAO,iBAAiB,YAAW,UAAS;IAC1C,IAAI,OAAO,MAAM,SAAS,UACxB;IAGF,MAAM,OAAO,OAAO,YAAY,MAAM,KAAK,MAAM,GAAG,EAAE,KAAI,MAAK,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5E,IAAI,KAAK,UAAU,cACjB,qBAAqB,WAAW,KAAK,IAAI,CAAC;GAE9C,CAAC;GAED,IAAI,MAAM,cAAc,KAAA,GAEtB,cAAc,MADW,SAAS,aAAa,MAAM,SAAS,CACtC;EAE5B,CAAC;;;;;;;;;;;;;;;;;;;;;qBCvEC,mBAgBM,OAAA,EAhBA,OAAK,eAAE,OAAA,aAAU,6BAAA,EAAA,EAAA,GAAA,CAEb,OAAA,WAAA,UAAA,GADR,mBAaU,UAAA;;EAXR,KAAI;EACH,KAAK,OAAA;EACL,OAAO,OAAA,EAAC,OAAA;EACT,OAAM;EACN,QAAO;EACP,OAAA,EAAA,WAAA,IAAA;EACA,sBAAqB;EACrB,oBAAmB;EACnB,iBAAgB;EAChB,OAAM;EACN,gBAAe;8DAEjB,YAAkD,OAAA,aAAA;EAAxC,KAAI;EAAW,UAAS"}