{"version":3,"file":"PodcastPlayBasicButton-KJRkgfDO.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastPlayBasicButton.vue","../src/components/display/podcasts/PodcastPlayBasicButton.vue"],"sourcesContent":["<template>\n  <button\n    class=\"btn play-button-box bg-primary\"\n    @click=\"clickBtn(podcast)\"\n  >\n    <PlayIcon v-if=\"btnPlay\" class=\"text-light\" :title=\"t('Play')\" />\n    <PauseIcon v-else class=\"text-light\" :title=\"t('Pause')\" />\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst btnPlay = computed(() => playerStore.playerPodcast !== props.podcast || (playerStore.playerPodcast === props.podcast && 'PAUSED' === playerStore.playerStatus));\n\n\n//Methods\nfunction clickBtn(podcast: Podcast){\n  if(btnPlay.value){\n    play(podcast);\n    return;\n  }\n  pause();\n}\nfunction play(podcast: Podcast): void {\n  if (podcast === playerStore.playerPodcast) {\n    playerStore.playerChangeStatus(false);\n  } else {\n    playerStore.playerPlay(podcast);\n  }\n}\nfunction pause(): void {\n  playerStore.playerChangeStatus(true);\n}\n</script>\n<style lang=\"scss\">\n@use \"../../../style/playButton\";\n</style>","<template>\n  <button\n    class=\"btn play-button-box bg-primary\"\n    @click=\"clickBtn(podcast)\"\n  >\n    <PlayIcon v-if=\"btnPlay\" class=\"text-light\" :title=\"t('Play')\" />\n    <PauseIcon v-else class=\"text-light\" :title=\"t('Pause')\" />\n  </button>\n</template>\n\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst btnPlay = computed(() => playerStore.playerPodcast !== props.podcast || (playerStore.playerPodcast === props.podcast && 'PAUSED' === playerStore.playerStatus));\n\n\n//Methods\nfunction clickBtn(podcast: Podcast){\n  if(btnPlay.value){\n    play(podcast);\n    return;\n  }\n  pause();\n}\nfunction play(podcast: Podcast): void {\n  if (podcast === playerStore.playerPodcast) {\n    playerStore.playerChangeStatus(false);\n  } else {\n    playerStore.playerPlay(podcast);\n  }\n}\nfunction pause(): void {\n  playerStore.playerChangeStatus(true);\n}\n</script>\n<style lang=\"scss\">\n@use \"../../../style/playButton\";\n</style>"],"mappings":";;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAKd,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,UAAU,eAAe,YAAY,kBAAkB,MAAM,WAAY,YAAY,kBAAkB,MAAM,WAAW,aAAa,YAAY,YAAa;EAIpK,SAAS,SAAS,SAAiB;GACjC,IAAG,QAAQ,OAAM;IACf,KAAK,OAAO;IACZ;GACF;GACA,MAAM;EACR;EACA,SAAS,KAAK,SAAwB;GACpC,IAAI,YAAY,YAAY,eAC1B,YAAY,mBAAmB,KAAK;QAEpC,YAAY,WAAW,OAAO;EAElC;EACA,SAAS,QAAc;GACrB,YAAY,mBAAmB,IAAI;EACrC;;;;;;;;;;;;;;;;;;;;;;qBChDE,mBAMS,UAAA;EALP,OAAM;EACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAS,OAAA,OAAO;KAER,OAAA,WAAA,UAAA,GAAhB,YAAiE,OAAA,aAAA;;EAAxC,OAAM;EAAc,OAAO,OAAA,EAAC,MAAA;yCACrD,YAA2D,OAAA,cAAA;;EAAzC,OAAM;EAAc,OAAO,OAAA,EAAC,OAAA"}