npm - @saooti/octopus-sdk - Versions diffs - 42.3.0 → 42.3.1 - Mend

@saooti/octopus-sdk 42.3.0 → 42.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/dist/PodcastPlayButton-DW5Feest.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastPlayButton-DW5Feest.mjs","names":["ProcessingStatus","AlertIcon","DurationHelper","_openBlock","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode","_createElementVNode","_Fragment","_withModifiers","_createBlock","_resolveDynamicComponent","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastPlayButton.vue","../src/components/display/podcasts/PodcastPlayButton.vue"],"sourcesContent":["\n<template>\n <div\n v-if=\"!hidePlay || recordingLive\"\n :class=\"{ 'img-blur-background': displayBanner, 'allow-play': classicPodcastPlay }\"\n >\n <div\n v-if=\"displayBanner\"\n class=\"live-image-status bg-dark\"\n >\n {{ textVisible }}\n </div>\n\n <div\n class=\"multi-buttons-play\"\n :class=\"justButtons ? 'play-button-relative' : ''\"\n >\n <template v-if=\"!isLiveToBeRecorded\">\n <button \n class=\"d-flex\"\n :title=\"playingPodcast? t('Pause') : t('Play')\"\n @mouseenter=\"hoverType = 'audio'\"\n @mouseleave=\"hoverType = ''\" \n @click.prevent=\"play(false)\"\n >\n <PlayIcon\n v-if=\"!playingPodcast || (playingPodcast && playerStore.playerVideo)\"\n :size=\"playIconSize\"\n />\n <PodcastIsPlaying v-if=\"playingPodcast && !playerStore.playerVideo\" />\n <time\n v-if=\"!isVideoPodcast\"\n class=\"ms-1 me-2\"\n :datetime=\"durationIso\"\n >\n {{ durationString }}\n </time>\n </button>\n <button \n v-if=\"isVideoPodcast\"\n :title=\"t('Video')\" \n :disabled=\"playerStore.playerVideo\"\n @click.prevent=\"play(true)\"\n @mouseenter=\"hoverType = 'video'\"\n @mouseleave=\"hoverType = ''\"\n >\n <PodcastIsPlaying v-if=\"playingPodcast && playerStore.playerVideo\" />\n <PlayVideoIcon\n v-else\n :size=\"'video' === hoverType ? 50 : 40\"\n />\n <time\n class=\"ms-2 me-2\"\n :datetime=\"durationIso\"\n >\n {{ durationString }}\n </time>\n </button>\n\n <div\n v-if=\"displayBanner\"\n class=\"special-icon-play-button\"\n >\n <component\n :is=\"iconName\"\n :size=\"16\"\n />\n </div>\n </template>\n <component\n :is=\"iconName\"\n v-else\n :size=\"50\"\n :title=\"textVisible\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlayVideoIcon from \"../../icons/PlayVideoIcon.vue\";\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport ClockOutlineIcon from \"vue-material-design-icons/ClockOutline.vue\";\nimport CheckIcon from \"vue-material-design-icons/Check.vue\";\nimport TimerSandEmptyIcon from \"vue-material-design-icons/TimerSandEmpty.vue\";\nimport EyeOffOutlineIcon from \"vue-material-design-icons/EyeOffOutline.vue\";\nimport CancelIcon from \"vue-material-design-icons/Cancel.vue\";\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport DurationHelper from \"../../../helper/durationHelper\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast, PodcastProcessingStatus as ProcessingStatus, SimplifiedPodcast } from \"../../../stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref } from \"vue\";\nimport dayjs from \"dayjs\";\nimport duration from \"dayjs/plugin/duration\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\nimport { podcastApi } from \"../../../api/podcastApi\";\ndayjs.extend(duration);\nconst PodcastIsPlaying = defineAsyncComponent(() => import(\"./PodcastIsPlaying.vue\"));\n\n//Props \nconst props = defineProps({\n podcast: { default: () => ({}), type: Object as () => Podcast|SimplifiedPodcast },\n hidePlay: { default: false, type: Boolean },\n fetchConference: { default: undefined, type: Object as () => Conference },\n justButtons: { default: false, type: Boolean },\n /** Indicates that the processing status of the episode may be shown */\n showProcessing: { default: false, type: Boolean }\n})\n\n\n//Data \nconst hoverType = ref(\"\");\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst router = useRouter();\nconst { isPhone } = useResizePhone();\n\n//Computed\nconst isVideoPodcast = computed(() => {\n return (\n (props.fetchConference?.videoProfile?.includes(\"video_\") &&\n ProcessingStatus.ReadyToRecord === props.podcast.processingStatus) ||\n ('video' in props.podcast && undefined !== props.podcast.video?.videoId) ||\n ('videoId' in props.podcast && undefined !== props.podcast.videoId)\n );\n});\nconst playingLive = computed(() => {\n return (\n undefined !== props.fetchConference &&\n \"null\" !== props.fetchConference.toString() &&\n playerStore.playerLive?.conferenceId === props.fetchConference.conferenceId\n );\n});\nconst playingPodcast = computed(() => {\n return (\n playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n playingLive.value\n );\n});\nconst isLiveToBeRecorded = computed(() => undefined === props.fetchConference && isLiveReadyToRecord.value);\nconst isLiveReadyToRecord = computed(() => {\n return (\n undefined !== props.podcast?.conferenceId &&\n 0 !== props.podcast.conferenceId &&\n ProcessingStatus.ReadyToRecord === props.podcast.processingStatus\n );\n});\nconst isLiveValidAndVisible = computed(() => {\n return (\n undefined !== props.podcast &&\n false !== props.podcast.valid &&\n undefined !== props.podcast.availability.visibility &&\n props.podcast.availability.visibility\n );\n});\n\n/** Size of the play icon */\nconst playIconSize = computed(() => {\n if (isPhone.value) {\n return 36;\n } else if (hoverType.value === 'audio') {\n return 50;\n } else {\n return 40;\n }\n});\n\n/** Whether the podcast can be played */\nconst classicPodcastPlay = computed(() => {\n return (\n //isLiveValidAndVisible.value &&\n !isLiveToBeRecorded.value &&\n ProcessingStatus.Planned !== props.podcast.processingStatus\n );\n});\n\nconst displayBanner = computed(() => {\n return props.justButtons !== true && !(\n isLiveValidAndVisible.value &&\n !isLiveToBeRecorded.value &&\n ProcessingStatus.Planned !== props.podcast.processingStatus\n ) || (ProcessingStatus.Processing === props.podcast.processingStatus && props.showProcessing);\n});\n\nconst iconName = computed(() => {\n if (isLiveToBeRecorded.value) {\n return ClockOutlineIcon;\n }\n\n if (ProcessingStatus.Ready === props.podcast.processingStatus || props.fetchConference) {\n if (!props.podcast.valid) {\n return CheckIcon;\n }\n\n if (\n !props.podcast.availability.visibility &&\n props.podcast.availability.date\n ) {\n return ClockOutlineIcon;\n }\n\n return EyeOffOutlineIcon;\n }\n\n if (\n ProcessingStatus.Planned === props.podcast.processingStatus ||\n ProcessingStatus.Processing === props.podcast.processingStatus\n ) {\n return TimerSandEmptyIcon;\n }\n\n if (ProcessingStatus.Cancelled === props.podcast.processingStatus) {\n return CancelIcon;\n }\n\n return AlertIcon;\n});\n\n/** The text to display when the podcast is not ready */\nconst textVisible = computed(() => {\n if (isLiveToBeRecorded.value){\n return t(\"Podcast linked to waiting live\");\n }\n \n if (ProcessingStatus.Ready === props.podcast.processingStatus || props.fetchConference) {\n if (!props.podcast.valid) {\n return t(\"Podcast to validate\");\n }\n if (\n !props.podcast.availability.visibility &&\n props.podcast.availability.date\n ){\n return t(\"Podcast publish in future\");\n }\n return t(\"Podcast no visible\");\n }\n if (\n ProcessingStatus.Planned === props.podcast.processingStatus ||\n ProcessingStatus.Processing === props.podcast.processingStatus\n ){\n return t(\"Podcast in process\");\n }\n if (ProcessingStatus.Cancelled === props.podcast.processingStatus){\n return t(\"Podcast in cancelled status\");\n }\n\n return t(\"Podcast in error\");\n});\n\nconst recordingLive = computed(() => {\n return (\n undefined !== props.fetchConference &&\n -1 !== props.fetchConference.conferenceId &&\n (\"RECORDING\" === props.fetchConference.status ||\n \"PENDING\" === props.fetchConference.status)\n );\n});\nconst durationString = computed(() => {\n return DurationHelper.formatDuration(\n Math.round(props.podcast.duration / 1000),\n );\n});\nconst durationIso = computed(() => {\n if (!props.podcast || props.podcast.duration <= 1) {\n return \"\";\n }\n return dayjs.duration({ milliseconds: props.podcast.duration }).toISOString();\n});\n\n//Methods\nasync function play(isVideo: boolean): Promise<void> {\n if (isLiveToBeRecorded.value) {\n return;\n }\n if (playingPodcast.value && isVideo === playerStore.playerVideo) {\n playerStore.playerChangeStatus(\"PLAYING\" === playerStore.playerStatus);\n return;\n }\n if (isVideo && state.player.isVideoPage) {\n router.push(\"/main/pub/video/\" + props.podcast.podcastId);\n return;\n }\n\n let podcast: Podcast|SimplifiedPodcast = props.podcast;\n if (isVideo && !('video' in props.podcast)) {\n podcast = await podcastApi.get(props.podcast.podcastId);\n }\n \n if (!recordingLive.value) {\n playerStore.playerPlay(podcast, isVideo);\n } else {\n playerStore.playerPlay(\n {\n ...podcast,\n conferenceId: props.fetchConference?.conferenceId,\n hlsIdentifier: props.fetchConference?.hlsIdentifier,\n },\n isVideo\n );\n }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n .img-blur-background{\n position: absolute;\n inset: 0;\n background-color:var(--octopus-background-transparent);\n // Allow pointer events to go through (allow click on image beneath blur)\n pointer-events: none;\n\n // Buttons intercept button events to allow start play\n &.allow-play button {\n pointer-events: all;\n }\n }\n\n .live-image-status {\n text-align: center;\n width: 100%;\n font-size: 0.6rem;\n padding: 0.2rem 0;\n color: white;\n text-transform: uppercase;\n position: absolute;\n top: 0;\n }\n\n .special-icon-play-button {\n width: 30px;\n height: 30px;\n background-color: oklch(88.97% 0.1399 89.64deg);\n color: black;\n border-radius: 50%;\n position: absolute;\n right: -15px;\n top: -20px;\n font-size: 0.9rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .multi-buttons-play{\n display: flex;\n position: absolute;\n bottom: 0;\n left: 0;\n font-size: 1rem;\n color: white;\n background-color: var(--octopus-btn-play-bg);\n border-radius: var(--octopus-btn-play-radius);\n\n @media (width <= 960px) {\n font-size: 0.8rem;\n }\n\n button{\n color: var(--octopus-btn-play-fg);\n background-color: transparent;\n border: 0;\n display: flex;\n align-items: center;\n padding: 0.2rem;\n }\n }\n\n .play-button-relative.multi-buttons-play{\n position: relative;\n }\n}\n</style>\n","\n<template>\n <div\n v-if=\"!hidePlay || recordingLive\"\n :class=\"{ 'img-blur-background': displayBanner, 'allow-play': classicPodcastPlay }\"\n >\n <div\n v-if=\"displayBanner\"\n class=\"live-image-status bg-dark\"\n >\n {{ textVisible }}\n </div>\n\n <div\n class=\"multi-buttons-play\"\n :class=\"justButtons ? 'play-button-relative' : ''\"\n >\n <template v-if=\"!isLiveToBeRecorded\">\n <button \n class=\"d-flex\"\n :title=\"playingPodcast? t('Pause') : t('Play')\"\n @mouseenter=\"hoverType = 'audio'\"\n @mouseleave=\"hoverType = ''\" \n @click.prevent=\"play(false)\"\n >\n <PlayIcon\n v-if=\"!playingPodcast || (playingPodcast && playerStore.playerVideo)\"\n :size=\"playIconSize\"\n />\n <PodcastIsPlaying v-if=\"playingPodcast && !playerStore.playerVideo\" />\n <time\n v-if=\"!isVideoPodcast\"\n class=\"ms-1 me-2\"\n :datetime=\"durationIso\"\n >\n {{ durationString }}\n </time>\n </button>\n <button \n v-if=\"isVideoPodcast\"\n :title=\"t('Video')\" \n :disabled=\"playerStore.playerVideo\"\n @click.prevent=\"play(true)\"\n @mouseenter=\"hoverType = 'video'\"\n @mouseleave=\"hoverType = ''\"\n >\n <PodcastIsPlaying v-if=\"playingPodcast && playerStore.playerVideo\" />\n <PlayVideoIcon\n v-else\n :size=\"'video' === hoverType ? 50 : 40\"\n />\n <time\n class=\"ms-2 me-2\"\n :datetime=\"durationIso\"\n >\n {{ durationString }}\n </time>\n </button>\n\n <div\n v-if=\"displayBanner\"\n class=\"special-icon-play-button\"\n >\n <component\n :is=\"iconName\"\n :size=\"16\"\n />\n </div>\n </template>\n <component\n :is=\"iconName\"\n v-else\n :size=\"50\"\n :title=\"textVisible\"\n />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlayVideoIcon from \"../../icons/PlayVideoIcon.vue\";\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport ClockOutlineIcon from \"vue-material-design-icons/ClockOutline.vue\";\nimport CheckIcon from \"vue-material-design-icons/Check.vue\";\nimport TimerSandEmptyIcon from \"vue-material-design-icons/TimerSandEmpty.vue\";\nimport EyeOffOutlineIcon from \"vue-material-design-icons/EyeOffOutline.vue\";\nimport CancelIcon from \"vue-material-design-icons/Cancel.vue\";\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport DurationHelper from \"../../../helper/durationHelper\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast, PodcastProcessingStatus as ProcessingStatus, SimplifiedPodcast } from \"../../../stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref } from \"vue\";\nimport dayjs from \"dayjs\";\nimport duration from \"dayjs/plugin/duration\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRouter } from \"vue-router\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\nimport { podcastApi } from \"../../../api/podcastApi\";\ndayjs.extend(duration);\nconst PodcastIsPlaying = defineAsyncComponent(() => import(\"./PodcastIsPlaying.vue\"));\n\n//Props \nconst props = defineProps({\n podcast: { default: () => ({}), type: Object as () => Podcast|SimplifiedPodcast },\n hidePlay: { default: false, type: Boolean },\n fetchConference: { default: undefined, type: Object as () => Conference },\n justButtons: { default: false, type: Boolean },\n /** Indicates that the processing status of the episode may be shown */\n showProcessing: { default: false, type: Boolean }\n})\n\n\n//Data \nconst hoverType = ref(\"\");\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst router = useRouter();\nconst { isPhone } = useResizePhone();\n\n//Computed\nconst isVideoPodcast = computed(() => {\n return (\n (props.fetchConference?.videoProfile?.includes(\"video_\") &&\n ProcessingStatus.ReadyToRecord === props.podcast.processingStatus) ||\n ('video' in props.podcast && undefined !== props.podcast.video?.videoId) ||\n ('videoId' in props.podcast && undefined !== props.podcast.videoId)\n );\n});\nconst playingLive = computed(() => {\n return (\n undefined !== props.fetchConference &&\n \"null\" !== props.fetchConference.toString() &&\n playerStore.playerLive?.conferenceId === props.fetchConference.conferenceId\n );\n});\nconst playingPodcast = computed(() => {\n return (\n playerStore.playerPodcast?.podcastId === props.podcast.podcastId ||\n playingLive.value\n );\n});\nconst isLiveToBeRecorded = computed(() => undefined === props.fetchConference && isLiveReadyToRecord.value);\nconst isLiveReadyToRecord = computed(() => {\n return (\n undefined !== props.podcast?.conferenceId &&\n 0 !== props.podcast.conferenceId &&\n ProcessingStatus.ReadyToRecord === props.podcast.processingStatus\n );\n});\nconst isLiveValidAndVisible = computed(() => {\n return (\n undefined !== props.podcast &&\n false !== props.podcast.valid &&\n undefined !== props.podcast.availability.visibility &&\n props.podcast.availability.visibility\n );\n});\n\n/** Size of the play icon */\nconst playIconSize = computed(() => {\n if (isPhone.value) {\n return 36;\n } else if (hoverType.value === 'audio') {\n return 50;\n } else {\n return 40;\n }\n});\n\n/** Whether the podcast can be played */\nconst classicPodcastPlay = computed(() => {\n return (\n //isLiveValidAndVisible.value &&\n !isLiveToBeRecorded.value &&\n ProcessingStatus.Planned !== props.podcast.processingStatus\n );\n});\n\nconst displayBanner = computed(() => {\n return props.justButtons !== true && !(\n isLiveValidAndVisible.value &&\n !isLiveToBeRecorded.value &&\n ProcessingStatus.Planned !== props.podcast.processingStatus\n ) || (ProcessingStatus.Processing === props.podcast.processingStatus && props.showProcessing);\n});\n\nconst iconName = computed(() => {\n if (isLiveToBeRecorded.value) {\n return ClockOutlineIcon;\n }\n\n if (ProcessingStatus.Ready === props.podcast.processingStatus || props.fetchConference) {\n if (!props.podcast.valid) {\n return CheckIcon;\n }\n\n if (\n !props.podcast.availability.visibility &&\n props.podcast.availability.date\n ) {\n return ClockOutlineIcon;\n }\n\n return EyeOffOutlineIcon;\n }\n\n if (\n ProcessingStatus.Planned === props.podcast.processingStatus ||\n ProcessingStatus.Processing === props.podcast.processingStatus\n ) {\n return TimerSandEmptyIcon;\n }\n\n if (ProcessingStatus.Cancelled === props.podcast.processingStatus) {\n return CancelIcon;\n }\n\n return AlertIcon;\n});\n\n/** The text to display when the podcast is not ready */\nconst textVisible = computed(() => {\n if (isLiveToBeRecorded.value){\n return t(\"Podcast linked to waiting live\");\n }\n \n if (ProcessingStatus.Ready === props.podcast.processingStatus || props.fetchConference) {\n if (!props.podcast.valid) {\n return t(\"Podcast to validate\");\n }\n if (\n !props.podcast.availability.visibility &&\n props.podcast.availability.date\n ){\n return t(\"Podcast publish in future\");\n }\n return t(\"Podcast no visible\");\n }\n if (\n ProcessingStatus.Planned === props.podcast.processingStatus ||\n ProcessingStatus.Processing === props.podcast.processingStatus\n ){\n return t(\"Podcast in process\");\n }\n if (ProcessingStatus.Cancelled === props.podcast.processingStatus){\n return t(\"Podcast in cancelled status\");\n }\n\n return t(\"Podcast in error\");\n});\n\nconst recordingLive = computed(() => {\n return (\n undefined !== props.fetchConference &&\n -1 !== props.fetchConference.conferenceId &&\n (\"RECORDING\" === props.fetchConference.status ||\n \"PENDING\" === props.fetchConference.status)\n );\n});\nconst durationString = computed(() => {\n return DurationHelper.formatDuration(\n Math.round(props.podcast.duration / 1000),\n );\n});\nconst durationIso = computed(() => {\n if (!props.podcast || props.podcast.duration <= 1) {\n return \"\";\n }\n return dayjs.duration({ milliseconds: props.podcast.duration }).toISOString();\n});\n\n//Methods\nasync function play(isVideo: boolean): Promise<void> {\n if (isLiveToBeRecorded.value) {\n return;\n }\n if (playingPodcast.value && isVideo === playerStore.playerVideo) {\n playerStore.playerChangeStatus(\"PLAYING\" === playerStore.playerStatus);\n return;\n }\n if (isVideo && state.player.isVideoPage) {\n router.push(\"/main/pub/video/\" + props.podcast.podcastId);\n return;\n }\n\n let podcast: Podcast|SimplifiedPodcast = props.podcast;\n if (isVideo && !('video' in props.podcast)) {\n podcast = await podcastApi.get(props.podcast.podcastId);\n }\n \n if (!recordingLive.value) {\n playerStore.playerPlay(podcast, isVideo);\n } else {\n playerStore.playerPlay(\n {\n ...podcast,\n conferenceId: props.fetchConference?.conferenceId,\n hlsIdentifier: props.fetchConference?.hlsIdentifier,\n },\n isVideo\n );\n }\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n .img-blur-background{\n position: absolute;\n inset: 0;\n background-color:var(--octopus-background-transparent);\n // Allow pointer events to go through (allow click on image beneath blur)\n pointer-events: none;\n\n // Buttons intercept button events to allow start play\n &.allow-play button {\n pointer-events: all;\n }\n }\n\n .live-image-status {\n text-align: center;\n width: 100%;\n font-size: 0.6rem;\n padding: 0.2rem 0;\n color: white;\n text-transform: uppercase;\n position: absolute;\n top: 0;\n }\n\n .special-icon-play-button {\n width: 30px;\n height: 30px;\n background-color: oklch(88.97% 0.1399 89.64deg);\n color: black;\n border-radius: 50%;\n position: absolute;\n right: -15px;\n top: -20px;\n font-size: 0.9rem;\n font-weight: bold;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .multi-buttons-play{\n display: flex;\n position: absolute;\n bottom: 0;\n left: 0;\n font-size: 1rem;\n color: white;\n background-color: var(--octopus-btn-play-bg);\n border-radius: var(--octopus-btn-play-radius);\n\n @media (width <= 960px) {\n font-size: 0.8rem;\n }\n\n button{\n color: var(--octopus-btn-play-fg);\n background-color: transparent;\n border: 0;\n display: flex;\n align-items: center;\n padding: 0.2rem;\n }\n }\n\n .play-button-relative.multi-buttons-play{\n position: relative;\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastPlaylistInlineList-BV31HaB2.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastPlaylistInlineList-BV31HaB2.mjs","names":["_openBlock","_createBlock","_withCtx","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/playlist/PodcastPlaylistInlineList.vue","../src/components/display/playlist/PodcastPlaylistInlineList.vue"],"sourcesContent":["<template>\n <PodcastInlineListTemplate\n v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n :display-arrow=\"false\"\n :button-text=\"noMoreButton ? undefined : t('See more')\"\n :button-plus=\"true\"\n :title=\"playlist?.title ?? ''\"\n :href=\"'/main/pub/playlist/' + playlistId\"\n :podcast-id=\"playlistId\"\n >\n <template #list-inline>\n <ClassicLoading\n class=\"loading-size\"\n :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n />\n <SwiperList\n v-if=\"!loading\"\n :list-object=\"allPodcasts\"\n :size-item-overload=\"sizeItemOverload\"\n >\n <template #octopusSlide=\"{ option }\">\n <PodcastItem\n class=\"flex-shrink-0 item-phone-margin\"\n :podcast=\"option\"\n />\n </template>\n </SwiperList>\n </template>\n </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastInlineListTemplate from \"../podcasts/PodcastInlineListTemplate.vue\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { onMounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps<{\n /** ID of the playlist to display */\n playlistId: number;\n sizeItemOverload?: number;\n /** When set to true, disable display of \"see more\" button */\n noMoreButton?: boolean;\n}>();\n\n//Data \nconst loading = ref(true);\nconst totalCount = ref(0);\nconst playlist: Ref<Playlist | undefined> = ref(undefined);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Watch\nwatch(()=>props.playlistId, () => {\n reset();\n fetchContent();\n});\n\nonMounted(()=>fetchContent())\n\n//Methods\nasync function fetchContent(): Promise<void> {\n allPodcasts.value.length = 0;\n loading.value = true;\n\n // Retrieve both playlist & content at the same time\n const [playlistData, content] = await Promise.all([\n playlistApi.get(props.playlistId),\n playlistApi.getContentFull(props.playlistId)\n ]);\n\n // Update data\n playlist.value = playlistData;\n allPodcasts.value = content;\n\n if (\n !(\n (undefined !== authStore.authOrgaId &&\n authStore.authOrgaId === playlist.value?.organisation?.id) ||\n authStore.isRoleAdmin\n )\n ) {\n allPodcasts.value = allPodcasts.value.filter((p: Podcast | null) => {\n return (\n null !== p &&\n (!p.availability || true === p.availability.visibility)\n );\n });\n }\n loading.value = false;\n}\nfunction reset(): void {\n totalCount.value = 0;\n allPodcasts.value.length = 0;\n}\n</script>\n","<template>\n <PodcastInlineListTemplate\n v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n :display-arrow=\"false\"\n :button-text=\"noMoreButton ? undefined : t('See more')\"\n :button-plus=\"true\"\n :title=\"playlist?.title ?? ''\"\n :href=\"'/main/pub/playlist/' + playlistId\"\n :podcast-id=\"playlistId\"\n >\n <template #list-inline>\n <ClassicLoading\n class=\"loading-size\"\n :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n />\n <SwiperList\n v-if=\"!loading\"\n :list-object=\"allPodcasts\"\n :size-item-overload=\"sizeItemOverload\"\n >\n <template #octopusSlide=\"{ option }\">\n <PodcastItem\n class=\"flex-shrink-0 item-phone-margin\"\n :podcast=\"option\"\n />\n </template>\n </SwiperList>\n </template>\n </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastInlineListTemplate from \"../podcasts/PodcastInlineListTemplate.vue\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { onMounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps<{\n /** ID of the playlist to display */\n playlistId: number;\n sizeItemOverload?: number;\n /** When set to true, disable display of \"see more\" button */\n noMoreButton?: boolean;\n}>();\n\n//Data \nconst loading = ref(true);\nconst totalCount = ref(0);\nconst playlist: Ref<Playlist | undefined> = ref(undefined);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Watch\nwatch(()=>props.playlistId, () => {\n reset();\n fetchContent();\n});\n\nonMounted(()=>fetchContent())\n\n//Methods\nasync function fetchContent(): Promise<void> {\n allPodcasts.value.length = 0;\n loading.value = true;\n\n // Retrieve both playlist & content at the same time\n const [playlistData, content] = await Promise.all([\n playlistApi.get(props.playlistId),\n playlistApi.getContentFull(props.playlistId)\n ]);\n\n // Update data\n playlist.value = playlistData;\n allPodcasts.value = content;\n\n if (\n !(\n (undefined !== authStore.authOrgaId &&\n authStore.authOrgaId === playlist.value?.organisation?.id) ||\n authStore.isRoleAdmin\n )\n ) {\n allPodcasts.value = allPodcasts.value.filter((p: Podcast | null) => {\n return (\n null !== p &&\n (!p.availability || true === p.availability.visibility)\n );\n });\n }\n loading.value = false;\n}\nfunction reset(): void {\n totalCount.value = 0;\n allPodcasts.value.length = 0;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EASd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,WAAsC,IAAI,KAAA,CAAS;EACzD,MAAM,cAAmC,IAAI,CAAC,CAAC;EAG/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,YAAU,MAAM,kBAAkB;GAChC,MAAM;GACN,aAAa;EACf,CAAC;EAED,gBAAc,aAAa,CAAC;EAG5B,eAAe,eAA8B;GAC3C,YAAY,MAAM,SAAS;GAC3B,QAAQ,QAAQ;GAGhB,MAAM,CAAC,cAAc,WAAW,MAAM,QAAQ,IAAI,CAChD,YAAY,IAAI,MAAM,UAAU,GAChC,YAAY,eAAe,MAAM,UAAU,CAC7C,CAAC;GAGD,SAAS,QAAQ;GACjB,YAAY,QAAQ;GAEpB,IACE,EACG,KAAA,MAAc,UAAU,cACzB,UAAU,eAAe,SAAS,OAAO,cAAc,MACvD,UAAU,cAGZ,YAAY,QAAQ,YAAY,MAAM,QAAQ,MAAsB;IAClE,OACE,SAAS,MACR,CAAC,EAAE,gBAAgB,SAAS,EAAE,aAAa;GAEhD,CAAC;GAEH,QAAQ,QAAQ;EAClB;EACA,SAAS,QAAc;GACrB,WAAW,QAAQ;GACnB,YAAY,MAAM,SAAS;EAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;CCtGU,OAAA,OAAA,WAAO,CAAM,OAAA,WAAO,MAAU,OAAA,YAAY,UADlDA,UAAA,GAAAC,YA2B4B,OAAA,8BAAA;;EAzBzB,iBAAe;EACf,eAAa,OAAA,eAAe,KAAA,IAAY,OAAA,EAAC,UAAA;EACzC,eAAa;EACb,OAAO,OAAA,UAAU,SAAK;EACtB,MAAI,wBAA0B,OAAA;EAC9B,cAAY,OAAA;;EAEF,eAAWC,cAIlB,CAHFC,YAGE,OAAA,mBAAA;GAFA,OAAM;GACL,gBAAc,OAAA,UAAU,OAAA,EAAC,sBAAA,IAA2B,KAAA;EAG9C,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAAA,CAAA,OAAA,WADTH,UAAA,GAAAC,YAWa,OAAA,eAAA;;GATV,eAAa,OAAA;GACb,sBAAoB,OAAA;;GAEV,cAAYC,SAInB,EAJuB,aAAM,CAC/BC,YAGE,OAAA,gBAAA;IAFA,OAAM;IACL,SAAS"}

package/dist/PodcastPlaylistInlineList-C-WYs6aE.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastPlaylistInlineList-C-WYs6aE.mjs","names":["_openBlock","_createBlock","_withCtx","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/playlist/PodcastPlaylistInlineList.vue","../src/components/display/playlist/PodcastPlaylistInlineList.vue"],"sourcesContent":["<template>\n <PodcastInlineListTemplate\n v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n :display-arrow=\"false\"\n :button-text=\"noMoreButton ? undefined : t('See more')\"\n :button-plus=\"true\"\n :title=\"playlist?.title ?? ''\"\n :href=\"'/main/pub/playlist/' + playlistId\"\n :podcast-id=\"playlistId\"\n >\n <template #list-inline>\n <ClassicLoading\n class=\"loading-size\"\n :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n />\n <SwiperList\n v-if=\"!loading\"\n :list-object=\"allPodcasts\"\n :size-item-overload=\"sizeItemOverload\"\n >\n <template #octopusSlide=\"{ option }\">\n <PodcastItem\n class=\"flex-shrink-0 item-phone-margin\"\n :podcast=\"option\"\n />\n </template>\n </SwiperList>\n </template>\n </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastInlineListTemplate from \"../podcasts/PodcastInlineListTemplate.vue\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { onMounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps<{\n /** ID of the playlist to display */\n playlistId: number;\n sizeItemOverload?: number;\n /** When set to true, disable display of \"see more\" button */\n noMoreButton?: boolean;\n}>();\n\n//Data \nconst loading = ref(true);\nconst totalCount = ref(0);\nconst playlist: Ref<Playlist | undefined> = ref(undefined);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Watch\nwatch(()=>props.playlistId, () => {\n reset();\n fetchContent();\n});\n\nonMounted(()=>fetchContent())\n\n//Methods\nasync function fetchContent(): Promise<void> {\n allPodcasts.value.length = 0;\n loading.value = true;\n\n // Retrieve both playlist & content at the same time\n const [playlistData, content] = await Promise.all([\n playlistApi.get(props.playlistId),\n playlistApi.getContentFull(props.playlistId)\n ]);\n\n // Update data\n playlist.value = playlistData;\n allPodcasts.value = content;\n\n if (\n !(\n (undefined !== authStore.authOrgaId &&\n authStore.authOrgaId === playlist.value?.organisation?.id) ||\n authStore.isRoleAdmin\n )\n ) {\n allPodcasts.value = allPodcasts.value.filter((p: Podcast | null) => {\n return (\n null !== p &&\n (!p.availability || true === p.availability.visibility)\n );\n });\n }\n loading.value = false;\n}\nfunction reset(): void {\n totalCount.value = 0;\n allPodcasts.value.length = 0;\n}\n</script>\n","<template>\n <PodcastInlineListTemplate\n v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n :display-arrow=\"false\"\n :button-text=\"noMoreButton ? undefined : t('See more')\"\n :button-plus=\"true\"\n :title=\"playlist?.title ?? ''\"\n :href=\"'/main/pub/playlist/' + playlistId\"\n :podcast-id=\"playlistId\"\n >\n <template #list-inline>\n <ClassicLoading\n class=\"loading-size\"\n :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n />\n <SwiperList\n v-if=\"!loading\"\n :list-object=\"allPodcasts\"\n :size-item-overload=\"sizeItemOverload\"\n >\n <template #octopusSlide=\"{ option }\">\n <PodcastItem\n class=\"flex-shrink-0 item-phone-margin\"\n :podcast=\"option\"\n />\n </template>\n </SwiperList>\n </template>\n </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastInlineListTemplate from \"../podcasts/PodcastInlineListTemplate.vue\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { onMounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps<{\n /** ID of the playlist to display */\n playlistId: number;\n sizeItemOverload?: number;\n /** When set to true, disable display of \"see more\" button */\n noMoreButton?: boolean;\n}>();\n\n//Data \nconst loading = ref(true);\nconst totalCount = ref(0);\nconst playlist: Ref<Playlist | undefined> = ref(undefined);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Watch\nwatch(()=>props.playlistId, () => {\n reset();\n fetchContent();\n});\n\nonMounted(()=>fetchContent())\n\n//Methods\nasync function fetchContent(): Promise<void> {\n allPodcasts.value.length = 0;\n loading.value = true;\n\n // Retrieve both playlist & content at the same time\n const [playlistData, content] = await Promise.all([\n playlistApi.get(props.playlistId),\n playlistApi.getContentFull(props.playlistId)\n ]);\n\n // Update data\n playlist.value = playlistData;\n allPodcasts.value = content;\n\n if (\n !(\n (undefined !== authStore.authOrgaId &&\n authStore.authOrgaId === playlist.value?.organisation?.id) ||\n authStore.isRoleAdmin\n )\n ) {\n allPodcasts.value = allPodcasts.value.filter((p: Podcast | null) => {\n return (\n null !== p &&\n (!p.availability || true === p.availability.visibility)\n );\n });\n }\n loading.value = false;\n}\nfunction reset(): void {\n totalCount.value = 0;\n allPodcasts.value.length = 0;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EASd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,WAAsC,IAAI,KAAA,CAAS;EACzD,MAAM,cAAmC,IAAI,CAAC,CAAC;EAG/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,YAAU,MAAM,kBAAkB;GAChC,MAAM;GACN,aAAa;EACf,CAAC;EAED,gBAAc,aAAa,CAAC;EAG5B,eAAe,eAA8B;GAC3C,YAAY,MAAM,SAAS;GAC3B,QAAQ,QAAQ;GAGhB,MAAM,CAAC,cAAc,WAAW,MAAM,QAAQ,IAAI,CAChD,YAAY,IAAI,MAAM,UAAU,GAChC,YAAY,eAAe,MAAM,UAAU,CAC7C,CAAC;GAGD,SAAS,QAAQ;GACjB,YAAY,QAAQ;GAEpB,IACE,EACG,KAAA,MAAc,UAAU,cACzB,UAAU,eAAe,SAAS,OAAO,cAAc,MACvD,UAAU,cAGZ,YAAY,QAAQ,YAAY,MAAM,QAAQ,MAAsB;IAClE,OACE,SAAS,MACR,CAAC,EAAE,gBAAgB,SAAS,EAAE,aAAa;GAEhD,CAAC;GAEH,QAAQ,QAAQ;EAClB;EACA,SAAS,QAAc;GACrB,WAAW,QAAQ;GACnB,YAAY,MAAM,SAAS;EAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;CCtGU,OAAA,OAAA,WAAO,CAAM,OAAA,WAAO,MAAU,OAAA,YAAY,UADlDA,UAAA,GAAAC,YA2B4B,OAAA,8BAAA;;EAzBzB,iBAAe;EACf,eAAa,OAAA,eAAe,KAAA,IAAY,OAAA,EAAC,UAAA;EACzC,eAAa;EACb,OAAO,OAAA,UAAU,SAAK;EACtB,MAAI,wBAA0B,OAAA;EAC9B,cAAY,OAAA;;EAEF,eAAWC,cAIlB,CAHFC,YAGE,OAAA,mBAAA;GAFA,OAAM;GACL,gBAAc,OAAA,UAAU,OAAA,EAAC,sBAAA,IAA2B,KAAA;EAG9C,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAAA,CAAA,OAAA,WADTH,UAAA,GAAAC,YAWa,OAAA,eAAA;;GATV,eAAa,OAAA;GACb,sBAAoB,OAAA;;GAEV,cAAYC,SAInB,EAJuB,aAAM,CAC/BC,YAGE,OAAA,gBAAA;IAFA,OAAM;IACL,SAAS"}

package/dist/{PodcastPlaylistInlineList-BE5L8pSP.mjs → PodcastPlaylistInlineList-DsEHaYGZ.mjs} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { _ as t, i as n } from "./classicApi-pmODlqv5.mjs";
-import { t as r } from "./SwiperList-BlF3rPq5.mjs";
-import { t as i } from "./PodcastItem-TdtzApJ6.mjs";
-import { t as a } from "./PodcastInlineListTemplate-DTrS1UiG.mjs";
+import { i as t, v as n } from "./classicApi-CGipMqf7.mjs";
+import { t as r } from "./SwiperList-O8nUg87R.mjs";
+import { t as i } from "./PodcastItem-Baki7W0q.mjs";
+import { t as a } from "./PodcastInlineListTemplate-Chbi8aME.mjs";
 import { createBlock as o, createCommentVNode as s, createVNode as c, defineComponent as l, onMounted as u, openBlock as d, ref as f, unref as p, watch as m, withCtx as h } from "vue";
 import { useI18n as g } from "vue-i18n";
 //#endregion
@@ -15,14 +15,14 @@ var _ = /* @__PURE__ */ l({
 		noMoreButton: { type: Boolean }
 	},
 	setup(l) {
-		let _ = l, v = f(!0), y = f(0), b = f(void 0), x = f([]), { t: S } = g(), C = n();
+		let _ = l, v = f(!0), y = f(0), b = f(void 0), x = f([]), { t: S } = g(), C = t();
 		m(() => _.playlistId, () => {
 			T(), w();
 		}), u(() => w());
 		async function w() {
 			x.value.length = 0, v.value = !0;
-			let [e, n] = await Promise.all([t.get(_.playlistId), t.getContentFull(_.playlistId)]);
-			b.value = e, x.value = n, C.authOrgaId !== void 0 && C.authOrgaId === b.value?.organisation?.id || C.isRoleAdmin || (x.value = x.value.filter((e) => e !== null && (!e.availability || !0 === e.availability.visibility))), v.value = !1;
+			let [e, t] = await Promise.all([n.get(_.playlistId), n.getContentFull(_.playlistId)]);
+			b.value = e, x.value = t, C.authOrgaId !== void 0 && C.authOrgaId === b.value?.organisation?.id || C.isRoleAdmin || (x.value = x.value.filter((e) => e !== null && (!e.availability || !0 === e.availability.visibility))), v.value = !1;
 		}
 		function T() {
 			y.value = 0, x.value.length = 0;

package/dist/PodcastPlaylistInlineList-HEdFAq1l.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastPlaylistInlineList-HEdFAq1l.mjs","names":["_openBlock","_createBlock","_withCtx","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/playlist/PodcastPlaylistInlineList.vue","../src/components/display/playlist/PodcastPlaylistInlineList.vue"],"sourcesContent":["<template>\n <PodcastInlineListTemplate\n v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n :display-arrow=\"false\"\n :button-text=\"noMoreButton ? undefined : t('See more')\"\n :button-plus=\"true\"\n :title=\"playlist?.title ?? ''\"\n :href=\"'/main/pub/playlist/' + playlistId\"\n :podcast-id=\"playlistId\"\n >\n <template #list-inline>\n <ClassicLoading\n class=\"loading-size\"\n :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n />\n <SwiperList\n v-if=\"!loading\"\n :list-object=\"allPodcasts\"\n :size-item-overload=\"sizeItemOverload\"\n >\n <template #octopusSlide=\"{ option }\">\n <PodcastItem\n class=\"flex-shrink-0 item-phone-margin\"\n :podcast=\"option\"\n />\n </template>\n </SwiperList>\n </template>\n </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastInlineListTemplate from \"../podcasts/PodcastInlineListTemplate.vue\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { onMounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps<{\n /** ID of the playlist to display */\n playlistId: number;\n sizeItemOverload?: number;\n /** When set to true, disable display of \"see more\" button */\n noMoreButton?: boolean;\n}>();\n\n//Data \nconst loading = ref(true);\nconst totalCount = ref(0);\nconst playlist: Ref<Playlist | undefined> = ref(undefined);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Watch\nwatch(()=>props.playlistId, () => {\n reset();\n fetchContent();\n});\n\nonMounted(()=>fetchContent())\n\n//Methods\nasync function fetchContent(): Promise<void> {\n allPodcasts.value.length = 0;\n loading.value = true;\n\n // Retrieve both playlist & content at the same time\n const [playlistData, content] = await Promise.all([\n playlistApi.get(props.playlistId),\n playlistApi.getContentFull(props.playlistId)\n ]);\n\n // Update data\n playlist.value = playlistData;\n allPodcasts.value = content;\n\n if (\n !(\n (undefined !== authStore.authOrgaId &&\n authStore.authOrgaId === playlist.value?.organisation?.id) ||\n authStore.isRoleAdmin\n )\n ) {\n allPodcasts.value = allPodcasts.value.filter((p: Podcast | null) => {\n return (\n null !== p &&\n (!p.availability || true === p.availability.visibility)\n );\n });\n }\n loading.value = false;\n}\nfunction reset(): void {\n totalCount.value = 0;\n allPodcasts.value.length = 0;\n}\n</script>\n","<template>\n <PodcastInlineListTemplate\n v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n :display-arrow=\"false\"\n :button-text=\"noMoreButton ? undefined : t('See more')\"\n :button-plus=\"true\"\n :title=\"playlist?.title ?? ''\"\n :href=\"'/main/pub/playlist/' + playlistId\"\n :podcast-id=\"playlistId\"\n >\n <template #list-inline>\n <ClassicLoading\n class=\"loading-size\"\n :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n />\n <SwiperList\n v-if=\"!loading\"\n :list-object=\"allPodcasts\"\n :size-item-overload=\"sizeItemOverload\"\n >\n <template #octopusSlide=\"{ option }\">\n <PodcastItem\n class=\"flex-shrink-0 item-phone-margin\"\n :podcast=\"option\"\n />\n </template>\n </SwiperList>\n </template>\n </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastInlineListTemplate from \"../podcasts/PodcastInlineListTemplate.vue\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { onMounted, Ref, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps<{\n /** ID of the playlist to display */\n playlistId: number;\n sizeItemOverload?: number;\n /** When set to true, disable display of \"see more\" button */\n noMoreButton?: boolean;\n}>();\n\n//Data \nconst loading = ref(true);\nconst totalCount = ref(0);\nconst playlist: Ref<Playlist | undefined> = ref(undefined);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Watch\nwatch(()=>props.playlistId, () => {\n reset();\n fetchContent();\n});\n\nonMounted(()=>fetchContent())\n\n//Methods\nasync function fetchContent(): Promise<void> {\n allPodcasts.value.length = 0;\n loading.value = true;\n\n // Retrieve both playlist & content at the same time\n const [playlistData, content] = await Promise.all([\n playlistApi.get(props.playlistId),\n playlistApi.getContentFull(props.playlistId)\n ]);\n\n // Update data\n playlist.value = playlistData;\n allPodcasts.value = content;\n\n if (\n !(\n (undefined !== authStore.authOrgaId &&\n authStore.authOrgaId === playlist.value?.organisation?.id) ||\n authStore.isRoleAdmin\n )\n ) {\n allPodcasts.value = allPodcasts.value.filter((p: Podcast | null) => {\n return (\n null !== p &&\n (!p.availability || true === p.availability.visibility)\n );\n });\n }\n loading.value = false;\n}\nfunction reset(): void {\n totalCount.value = 0;\n allPodcasts.value.length = 0;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA4CA,MAAM,QAAQ;EASd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,WAAsC,IAAI,KAAA,CAAS;EACzD,MAAM,cAAmC,IAAI,CAAC,CAAC;EAG/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,YAAU,MAAM,kBAAkB;GAChC,MAAM;GACN,aAAa;EACf,CAAC;EAED,gBAAc,aAAa,CAAC;EAG5B,eAAe,eAA8B;GAC3C,YAAY,MAAM,SAAS;GAC3B,QAAQ,QAAQ;GAGhB,MAAM,CAAC,cAAc,WAAW,MAAM,QAAQ,IAAI,CAChD,YAAY,IAAI,MAAM,UAAU,GAChC,YAAY,eAAe,MAAM,UAAU,CAC7C,CAAC;GAGD,SAAS,QAAQ;GACjB,YAAY,QAAQ;GAEpB,IACE,EACG,KAAA,MAAc,UAAU,cACzB,UAAU,eAAe,SAAS,OAAO,cAAc,MACvD,UAAU,cAGZ,YAAY,QAAQ,YAAY,MAAM,QAAQ,MAAsB;IAClE,OACE,SAAS,MACR,CAAC,EAAE,gBAAgB,SAAS,EAAE,aAAa;GAEhD,CAAC;GAEH,QAAQ,QAAQ;EAClB;EACA,SAAS,QAAc;GACrB,WAAW,QAAQ;GACnB,YAAY,MAAM,SAAS;EAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;CCtGU,OAAA,OAAA,WAAO,CAAM,OAAA,WAAO,MAAU,OAAA,YAAY,UADlDA,UAAA,GAAAC,YA2B4B,OAAA,8BAAA;;EAzBzB,iBAAe;EACf,eAAa,OAAA,eAAe,KAAA,IAAY,OAAA,EAAC,UAAA;EACzC,eAAa;EACb,OAAO,OAAA,UAAU,SAAK;EACtB,MAAI,wBAA0B,OAAA;EAC9B,cAAY,OAAA;;EAEF,eAAWC,cAIlB,CAHFC,YAGE,OAAA,mBAAA;GAFA,OAAM;GACL,gBAAc,OAAA,UAAU,OAAA,EAAC,sBAAA,IAA2B,KAAA;EAG9C,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAAA,CAAA,OAAA,WADTH,UAAA,GAAAC,YAWa,OAAA,eAAA;;GATV,eAAa,OAAA;GACb,sBAAoB,OAAA;;GAEV,cAAYC,SAInB,EAJuB,aAAM,CAC/BC,YAGE,OAAA,gBAAA;IAFA,OAAM;IACL,SAAS"}

package/dist/{PodcastPresentationList-DH6Rq0Z4.mjs → PodcastPresentationList-B9vORr36.mjs} RENAMED Viewed

@@ -1,11 +1,11 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { m as t, p as n, t as r } from "./classicApi-pmODlqv5.mjs";
+import { m as t, p as n, t as r } from "./classicApi-CGipMqf7.mjs";
 import { t as i } from "./useResizePhone-4hSkK5pa.mjs";
-import { t as a } from "./useErrorHandler-D9W2BURn.mjs";
+import { t as a } from "./useErrorHandler-x9sjDYSz.mjs";
 import { a as o } from "./podcast-BoNHyuLe.mjs";
-import { n as s, t as c } from "./usePresentationItem-DZZVm3hh.mjs";
+import { n as s, t as c } from "./usePresentationItem-CLEGZwI3.mjs";
 import { t as l } from "./PresentationLayout-mRFZ6Bfa.mjs";
-import { t as u } from "./PodcastPlayButton-CQY0d6f-.mjs";
+import { t as u } from "./PodcastPlayButton--gjzxW0o.mjs";
 import { createBlock as d, createVNode as f, defineComponent as p, normalizeClass as m, onMounted as h, openBlock as g, reactive as _, ref as v, unref as y, watch as b, withCtx as x } from "vue";
 //#endregion
 //#region src/components/display/podcasts/PodcastPresentationList.vue

package/dist/PodcastPresentationList-ChqvdXY0.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastPresentationList-ChqvdXY0.mjs","names":["classicApi","_openBlock","_createBlock","_withCtx","_createVNode","_normalizeClass","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastPresentationList.vue","../src/components/display/podcasts/PodcastPresentationList.vue"],"sourcesContent":["\n<template>\n <PresentationLayout\n v-if=\"!loading && !error\"\n :title=\"title\"\n :items=\"podcasts\"\n :route=\"href\"\n :button-text=\"buttonText\"\n >\n <template #item=\"{ item, first }\">\n <PresentationItem\n :class=\"!isPhone && first ? 'me-3' : ''\"\n :name=\"item.title\"\n :route=\"route(item)\"\n :image-url=\"item.imageUrl\"\n :description=\"item.description\"\n :vertical=\"!isPhone && first\"\n :tags=\"tags.get(item.podcastId)\"\n :additional-info=\"additionalInfo.get(item.podcastId)\"\n >\n <template #after-image>\n <PodcastPlayButton\n :podcast=\"item\"\n :hide-play=\"false\"\n :show-processing=\"false\"\n />\n </template>\n </PresentationItem>\n </template>\n </PresentationLayout>\n <ClassicLoading\n v-else\n :loading-text=\"loading ? $t('Loading emissions ...') : undefined\"\n :error-text=\"error ? $t(`Error`) : undefined\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { onMounted, reactive, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\n\nimport PresentationLayout from \"../../layouts/PresentationLayout.vue\"; \nimport { Podcast, SimplifiedPodcast, simplifiedToFull } from \"../../../stores/class/general/podcast\";\n\nimport PresentationItem from \"../../layouts/PresentationItem.vue\"; \nimport PodcastPlayButton from \"./PodcastPlayButton.vue\"; \nimport { RouteLocationRaw } from \"vue-router\";\nimport { podcastApi, PodcastSort } from \"../../../api/podcastApi\";\nimport { usePresentationItem } from \"../../composable/usePresentationItem\";\n\n//Props \nconst props = withDefaults(defineProps<{\n /**\n * ID of the organisation\n */\n organisationId?: string;\n /**\n * Title of the section\n */\n title?: string;\n /**\n * Link to the \"more\" section\n */\n href?: string;\n /**\n * Label for the \"more\" button\n */\n buttonText?: string;\n /**\n * Display podcasts exclusively from these rubriques\n */\n rubriquesId?: Array<number>;\n /**\n * Mode of retrieval for podcasts\n */\n retrievalMode?: 'by-emission'|'any';\n}>(), {\n retrievalMode: 'by-emission'\n});\n\n//Data \nconst loading = ref(true);\nconst error = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst tags = reactive(new Map<number, Array<string>>());\nconst additionalInfo = reactive(new Map<number, Array<string>>());\n \n//Composables\nconst { isPhone } = useResizePhone();\nconst { handle403 } = useErrorHandler();\nconst { tagsFor, additionalInfoFor } = usePresentationItem();\n\nonMounted(fetchNext);\n\nwatch(podcasts, async () => {\n podcasts.value.forEach(async (podcast) => {\n if (!tags.has(podcast.podcastId)) {\n const [t, i] = await Promise.all([\n tagsFor(podcast),\n additionalInfoFor(podcast)\n ]);\n tags.set(podcast.podcastId, t);\n additionalInfo.set(podcast.podcastId, i);\n }\n });\n});\n\n//Methods\nasync function fetchNext(): Promise<void> {\n loading.value = true;\n try {\n let func: () => Promise<Array<Podcast>>;\n if (props.retrievalMode === 'any') {\n func = fetchPodcasts;\n } else {\n func = fetchPodcastsByEmission;\n }\n const result = await func();\n\n // Sort podcasts by pub date so that the most recent one is focused\n podcasts.value = result.sort((p1, p2) => {\n return new Date(p2.pubDate).getTime() - new Date(p1.pubDate).getTime();\n });\n \n loading.value = false;\n } catch (errorWs) {\n console.error(errorWs);\n handle403(errorWs as AxiosError);\n error.value = true;\n }\n loading.value = false;\n}\n\nasync function fetchPodcasts(): Promise<Array<Podcast>> {\n const response = await podcastApi.searchFull({\n first: 0,\n size: 5,\n organisationId: [props.organisationId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true);\n\n return response.result;\n}\n\nasync function fetchPodcastsByEmission(): Promise<Array<Podcast>> {\n // Retrieve latest emissions\n const emissions = await classicApi.fetchData<ListClassicReturn<Emission>>({\n api: 0,\n path: \"emission/search\",\n parameters: {\n first: 0,\n size: 5,\n organisationId: props.organisationId,\n sort: \"LAST_PODCAST_DESC\",\n rubriqueId: props.rubriquesId\n },\n specialTreatement: true\n });\n\n const promises: Array<Promise<SimplifiedPodcast>> = [];\n\n for (let i = 0; i < emissions.result.length; i++) {\n promises.push(podcastApi.search({\n first: 0,\n size: 1,\n organisationId: [props.organisationId],\n emissionId: [emissions.result[i].emissionId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true).then(r => r.result[0]));\n }\n\n // Retrieve the podcasts for these emissions\n const data = await Promise.all(promises);\n\n return data.filter((em: SimplifiedPodcast | null) => null !== em && undefined !== em).map(p => {\n // Get emission from podcast\n const emission = emissions.result.find(e => e.emissionId === p.emissionId);\n // Create full podcast from simplified + emission\n return simplifiedToFull(p, emission.orga, emission);\n });\n}\n\nfunction route(podcast: Podcast): RouteLocationRaw {\n return {\n name: 'podcast',\n params: { podcastId: podcast.podcastId }\n }\n}\n</script>\n","\n<template>\n <PresentationLayout\n v-if=\"!loading && !error\"\n :title=\"title\"\n :items=\"podcasts\"\n :route=\"href\"\n :button-text=\"buttonText\"\n >\n <template #item=\"{ item, first }\">\n <PresentationItem\n :class=\"!isPhone && first ? 'me-3' : ''\"\n :name=\"item.title\"\n :route=\"route(item)\"\n :image-url=\"item.imageUrl\"\n :description=\"item.description\"\n :vertical=\"!isPhone && first\"\n :tags=\"tags.get(item.podcastId)\"\n :additional-info=\"additionalInfo.get(item.podcastId)\"\n >\n <template #after-image>\n <PodcastPlayButton\n :podcast=\"item\"\n :hide-play=\"false\"\n :show-processing=\"false\"\n />\n </template>\n </PresentationItem>\n </template>\n </PresentationLayout>\n <ClassicLoading\n v-else\n :loading-text=\"loading ? $t('Loading emissions ...') : undefined\"\n :error-text=\"error ? $t(`Error`) : undefined\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { onMounted, reactive, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\n\nimport PresentationLayout from \"../../layouts/PresentationLayout.vue\"; \nimport { Podcast, SimplifiedPodcast, simplifiedToFull } from \"../../../stores/class/general/podcast\";\n\nimport PresentationItem from \"../../layouts/PresentationItem.vue\"; \nimport PodcastPlayButton from \"./PodcastPlayButton.vue\"; \nimport { RouteLocationRaw } from \"vue-router\";\nimport { podcastApi, PodcastSort } from \"../../../api/podcastApi\";\nimport { usePresentationItem } from \"../../composable/usePresentationItem\";\n\n//Props \nconst props = withDefaults(defineProps<{\n /**\n * ID of the organisation\n */\n organisationId?: string;\n /**\n * Title of the section\n */\n title?: string;\n /**\n * Link to the \"more\" section\n */\n href?: string;\n /**\n * Label for the \"more\" button\n */\n buttonText?: string;\n /**\n * Display podcasts exclusively from these rubriques\n */\n rubriquesId?: Array<number>;\n /**\n * Mode of retrieval for podcasts\n */\n retrievalMode?: 'by-emission'|'any';\n}>(), {\n retrievalMode: 'by-emission'\n});\n\n//Data \nconst loading = ref(true);\nconst error = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst tags = reactive(new Map<number, Array<string>>());\nconst additionalInfo = reactive(new Map<number, Array<string>>());\n \n//Composables\nconst { isPhone } = useResizePhone();\nconst { handle403 } = useErrorHandler();\nconst { tagsFor, additionalInfoFor } = usePresentationItem();\n\nonMounted(fetchNext);\n\nwatch(podcasts, async () => {\n podcasts.value.forEach(async (podcast) => {\n if (!tags.has(podcast.podcastId)) {\n const [t, i] = await Promise.all([\n tagsFor(podcast),\n additionalInfoFor(podcast)\n ]);\n tags.set(podcast.podcastId, t);\n additionalInfo.set(podcast.podcastId, i);\n }\n });\n});\n\n//Methods\nasync function fetchNext(): Promise<void> {\n loading.value = true;\n try {\n let func: () => Promise<Array<Podcast>>;\n if (props.retrievalMode === 'any') {\n func = fetchPodcasts;\n } else {\n func = fetchPodcastsByEmission;\n }\n const result = await func();\n\n // Sort podcasts by pub date so that the most recent one is focused\n podcasts.value = result.sort((p1, p2) => {\n return new Date(p2.pubDate).getTime() - new Date(p1.pubDate).getTime();\n });\n \n loading.value = false;\n } catch (errorWs) {\n console.error(errorWs);\n handle403(errorWs as AxiosError);\n error.value = true;\n }\n loading.value = false;\n}\n\nasync function fetchPodcasts(): Promise<Array<Podcast>> {\n const response = await podcastApi.searchFull({\n first: 0,\n size: 5,\n organisationId: [props.organisationId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true);\n\n return response.result;\n}\n\nasync function fetchPodcastsByEmission(): Promise<Array<Podcast>> {\n // Retrieve latest emissions\n const emissions = await classicApi.fetchData<ListClassicReturn<Emission>>({\n api: 0,\n path: \"emission/search\",\n parameters: {\n first: 0,\n size: 5,\n organisationId: props.organisationId,\n sort: \"LAST_PODCAST_DESC\",\n rubriqueId: props.rubriquesId\n },\n specialTreatement: true\n });\n\n const promises: Array<Promise<SimplifiedPodcast>> = [];\n\n for (let i = 0; i < emissions.result.length; i++) {\n promises.push(podcastApi.search({\n first: 0,\n size: 1,\n organisationId: [props.organisationId],\n emissionId: [emissions.result[i].emissionId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true).then(r => r.result[0]));\n }\n\n // Retrieve the podcasts for these emissions\n const data = await Promise.all(promises);\n\n return data.filter((em: SimplifiedPodcast | null) => null !== em && undefined !== em).map(p => {\n // Get emission from podcast\n const emission = emissions.result.find(e => e.emissionId === p.emissionId);\n // Create full podcast from simplified + emission\n return simplifiedToFull(p, emission.orga, emission);\n });\n}\n\nfunction route(podcast: Podcast): RouteLocationRaw {\n return {\n name: 'podcast',\n params: { podcastId: podcast.podcastId }\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/PodcastPresentationList-Dit6HvJr.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastPresentationList-Dit6HvJr.mjs","names":["classicApi","_openBlock","_createBlock","_withCtx","_createVNode","_normalizeClass","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastPresentationList.vue","../src/components/display/podcasts/PodcastPresentationList.vue"],"sourcesContent":["\n<template>\n <PresentationLayout\n v-if=\"!loading && !error\"\n :title=\"title\"\n :items=\"podcasts\"\n :route=\"href\"\n :button-text=\"buttonText\"\n >\n <template #item=\"{ item, first }\">\n <PresentationItem\n :class=\"!isPhone && first ? 'me-3' : ''\"\n :name=\"item.title\"\n :route=\"route(item)\"\n :image-url=\"item.imageUrl\"\n :description=\"item.description\"\n :vertical=\"!isPhone && first\"\n :tags=\"tags.get(item.podcastId)\"\n :additional-info=\"additionalInfo.get(item.podcastId)\"\n >\n <template #after-image>\n <PodcastPlayButton\n :podcast=\"item\"\n :hide-play=\"false\"\n :show-processing=\"false\"\n />\n </template>\n </PresentationItem>\n </template>\n </PresentationLayout>\n <ClassicLoading\n v-else\n :loading-text=\"loading ? $t('Loading emissions ...') : undefined\"\n :error-text=\"error ? $t(`Error`) : undefined\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { onMounted, reactive, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\n\nimport PresentationLayout from \"../../layouts/PresentationLayout.vue\"; \nimport { Podcast, SimplifiedPodcast, simplifiedToFull } from \"../../../stores/class/general/podcast\";\n\nimport PresentationItem from \"../../layouts/PresentationItem.vue\"; \nimport PodcastPlayButton from \"./PodcastPlayButton.vue\"; \nimport { RouteLocationRaw } from \"vue-router\";\nimport { podcastApi, PodcastSort } from \"../../../api/podcastApi\";\nimport { usePresentationItem } from \"../../composable/usePresentationItem\";\n\n//Props \nconst props = withDefaults(defineProps<{\n /**\n * ID of the organisation\n */\n organisationId?: string;\n /**\n * Title of the section\n */\n title?: string;\n /**\n * Link to the \"more\" section\n */\n href?: string;\n /**\n * Label for the \"more\" button\n */\n buttonText?: string;\n /**\n * Display podcasts exclusively from these rubriques\n */\n rubriquesId?: Array<number>;\n /**\n * Mode of retrieval for podcasts\n */\n retrievalMode?: 'by-emission'|'any';\n}>(), {\n retrievalMode: 'by-emission'\n});\n\n//Data \nconst loading = ref(true);\nconst error = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst tags = reactive(new Map<number, Array<string>>());\nconst additionalInfo = reactive(new Map<number, Array<string>>());\n \n//Composables\nconst { isPhone } = useResizePhone();\nconst { handle403 } = useErrorHandler();\nconst { tagsFor, additionalInfoFor } = usePresentationItem();\n\nonMounted(fetchNext);\n\nwatch(podcasts, async () => {\n podcasts.value.forEach(async (podcast) => {\n if (!tags.has(podcast.podcastId)) {\n const [t, i] = await Promise.all([\n tagsFor(podcast),\n additionalInfoFor(podcast)\n ]);\n tags.set(podcast.podcastId, t);\n additionalInfo.set(podcast.podcastId, i);\n }\n });\n});\n\n//Methods\nasync function fetchNext(): Promise<void> {\n loading.value = true;\n try {\n let func: () => Promise<Array<Podcast>>;\n if (props.retrievalMode === 'any') {\n func = fetchPodcasts;\n } else {\n func = fetchPodcastsByEmission;\n }\n const result = await func();\n\n // Sort podcasts by pub date so that the most recent one is focused\n podcasts.value = result.sort((p1, p2) => {\n return new Date(p2.pubDate).getTime() - new Date(p1.pubDate).getTime();\n });\n \n loading.value = false;\n } catch (errorWs) {\n console.error(errorWs);\n handle403(errorWs as AxiosError);\n error.value = true;\n }\n loading.value = false;\n}\n\nasync function fetchPodcasts(): Promise<Array<Podcast>> {\n const response = await podcastApi.searchFull({\n first: 0,\n size: 5,\n organisationId: [props.organisationId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true);\n\n return response.result;\n}\n\nasync function fetchPodcastsByEmission(): Promise<Array<Podcast>> {\n // Retrieve latest emissions\n const emissions = await classicApi.fetchData<ListClassicReturn<Emission>>({\n api: 0,\n path: \"emission/search\",\n parameters: {\n first: 0,\n size: 5,\n organisationId: props.organisationId,\n sort: \"LAST_PODCAST_DESC\",\n rubriqueId: props.rubriquesId\n },\n specialTreatement: true\n });\n\n const promises: Array<Promise<SimplifiedPodcast>> = [];\n\n for (let i = 0; i < emissions.result.length; i++) {\n promises.push(podcastApi.search({\n first: 0,\n size: 1,\n organisationId: [props.organisationId],\n emissionId: [emissions.result[i].emissionId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true).then(r => r.result[0]));\n }\n\n // Retrieve the podcasts for these emissions\n const data = await Promise.all(promises);\n\n return data.filter((em: SimplifiedPodcast | null) => null !== em && undefined !== em).map(p => {\n // Get emission from podcast\n const emission = emissions.result.find(e => e.emissionId === p.emissionId);\n // Create full podcast from simplified + emission\n return simplifiedToFull(p, emission.orga, emission);\n });\n}\n\nfunction route(podcast: Podcast): RouteLocationRaw {\n return {\n name: 'podcast',\n params: { podcastId: podcast.podcastId }\n }\n}\n</script>\n","\n<template>\n <PresentationLayout\n v-if=\"!loading && !error\"\n :title=\"title\"\n :items=\"podcasts\"\n :route=\"href\"\n :button-text=\"buttonText\"\n >\n <template #item=\"{ item, first }\">\n <PresentationItem\n :class=\"!isPhone && first ? 'me-3' : ''\"\n :name=\"item.title\"\n :route=\"route(item)\"\n :image-url=\"item.imageUrl\"\n :description=\"item.description\"\n :vertical=\"!isPhone && first\"\n :tags=\"tags.get(item.podcastId)\"\n :additional-info=\"additionalInfo.get(item.podcastId)\"\n >\n <template #after-image>\n <PodcastPlayButton\n :podcast=\"item\"\n :hide-play=\"false\"\n :show-processing=\"false\"\n />\n </template>\n </PresentationItem>\n </template>\n </PresentationLayout>\n <ClassicLoading\n v-else\n :loading-text=\"loading ? $t('Loading emissions ...') : undefined\"\n :error-text=\"error ? $t(`Error`) : undefined\"\n />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { onMounted, reactive, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\n\nimport PresentationLayout from \"../../layouts/PresentationLayout.vue\"; \nimport { Podcast, SimplifiedPodcast, simplifiedToFull } from \"../../../stores/class/general/podcast\";\n\nimport PresentationItem from \"../../layouts/PresentationItem.vue\"; \nimport PodcastPlayButton from \"./PodcastPlayButton.vue\"; \nimport { RouteLocationRaw } from \"vue-router\";\nimport { podcastApi, PodcastSort } from \"../../../api/podcastApi\";\nimport { usePresentationItem } from \"../../composable/usePresentationItem\";\n\n//Props \nconst props = withDefaults(defineProps<{\n /**\n * ID of the organisation\n */\n organisationId?: string;\n /**\n * Title of the section\n */\n title?: string;\n /**\n * Link to the \"more\" section\n */\n href?: string;\n /**\n * Label for the \"more\" button\n */\n buttonText?: string;\n /**\n * Display podcasts exclusively from these rubriques\n */\n rubriquesId?: Array<number>;\n /**\n * Mode of retrieval for podcasts\n */\n retrievalMode?: 'by-emission'|'any';\n}>(), {\n retrievalMode: 'by-emission'\n});\n\n//Data \nconst loading = ref(true);\nconst error = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst tags = reactive(new Map<number, Array<string>>());\nconst additionalInfo = reactive(new Map<number, Array<string>>());\n \n//Composables\nconst { isPhone } = useResizePhone();\nconst { handle403 } = useErrorHandler();\nconst { tagsFor, additionalInfoFor } = usePresentationItem();\n\nonMounted(fetchNext);\n\nwatch(podcasts, async () => {\n podcasts.value.forEach(async (podcast) => {\n if (!tags.has(podcast.podcastId)) {\n const [t, i] = await Promise.all([\n tagsFor(podcast),\n additionalInfoFor(podcast)\n ]);\n tags.set(podcast.podcastId, t);\n additionalInfo.set(podcast.podcastId, i);\n }\n });\n});\n\n//Methods\nasync function fetchNext(): Promise<void> {\n loading.value = true;\n try {\n let func: () => Promise<Array<Podcast>>;\n if (props.retrievalMode === 'any') {\n func = fetchPodcasts;\n } else {\n func = fetchPodcastsByEmission;\n }\n const result = await func();\n\n // Sort podcasts by pub date so that the most recent one is focused\n podcasts.value = result.sort((p1, p2) => {\n return new Date(p2.pubDate).getTime() - new Date(p1.pubDate).getTime();\n });\n \n loading.value = false;\n } catch (errorWs) {\n console.error(errorWs);\n handle403(errorWs as AxiosError);\n error.value = true;\n }\n loading.value = false;\n}\n\nasync function fetchPodcasts(): Promise<Array<Podcast>> {\n const response = await podcastApi.searchFull({\n first: 0,\n size: 5,\n organisationId: [props.organisationId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true);\n\n return response.result;\n}\n\nasync function fetchPodcastsByEmission(): Promise<Array<Podcast>> {\n // Retrieve latest emissions\n const emissions = await classicApi.fetchData<ListClassicReturn<Emission>>({\n api: 0,\n path: \"emission/search\",\n parameters: {\n first: 0,\n size: 5,\n organisationId: props.organisationId,\n sort: \"LAST_PODCAST_DESC\",\n rubriqueId: props.rubriquesId\n },\n specialTreatement: true\n });\n\n const promises: Array<Promise<SimplifiedPodcast>> = [];\n\n for (let i = 0; i < emissions.result.length; i++) {\n promises.push(podcastApi.search({\n first: 0,\n size: 1,\n organisationId: [props.organisationId],\n emissionId: [emissions.result[i].emissionId],\n sort: PodcastSort.DATE,\n rubriqueId: props.rubriquesId\n }, true).then(r => r.result[0]));\n }\n\n // Retrieve the podcasts for these emissions\n const data = await Promise.all(promises);\n\n return data.filter((em: SimplifiedPodcast | null) => null !== em && undefined !== em).map(p => {\n // Get emission from podcast\n const emission = emissions.result.find(e => e.emissionId === p.emissionId);\n // Create full podcast from simplified + emission\n return simplifiedToFull(p, emission.orga, emission);\n });\n}\n\nfunction route(podcast: Podcast): RouteLocationRaw {\n return {\n name: 'podcast',\n params: { podcastId: podcast.podcastId }\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/{PodcastProgressBar-DoeG7lDj.mjs → PodcastProgressBar-B0FwZOTT.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { n as e } from "./PlayerStore-CKprkxa0.mjs";
-import { t } from "./ProgressBar-CTOa-MDz.mjs";
+import { n as e } from "./PlayerStore-DggKki80.mjs";
+import { t } from "./ProgressBar-CXB5q3-H.mjs";
 import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineAsyncComponent as s, defineComponent as c, normalizeClass as l, openBlock as u, unref as d } from "vue";
 //#endregion
 //#region src/components/misc/player/progressbar/PodcastProgressBar.vue
@@ -36,7 +36,7 @@ var f = /* @__PURE__ */ c({
 		}
 	},
 	setup(c) {
-		let f = s(() => import("./CommentPlayer-D3JEVPKX.mjs")), p = c, m = e(), h = r(() => m.playerElapsed ? m.playerElapsed * 100 : 0);
+		let f = s(() => import("./CommentPlayer-B4MXG-gG.mjs")), p = c, m = e(), h = r(() => m.playerElapsed ? m.playerElapsed * 100 : 0);
 		function g(e) {
 			let t = document.querySelector("#audio-player");
 			if (!t || e.currentTarget === null) return;

package/dist/PodcastProgressBar-B8ONWq-Z.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastProgressBar-B8ONWq-Z.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createBlock","_normalizeClass","_createCommentVNode","_sfc_main"],"sources":["../src/components/misc/player/progressbar/PodcastProgressBar.vue","../src/components/misc/player/progressbar/PodcastProgressBar.vue"],"sourcesContent":["<template>\n <ProgressBar\n v-if=\"!playerError\"\n :main-progress=\"percentProgress\"\n :secondary-progress=\"percentLiveProgress\"\n :alert-bar=\"displayAlertBar ? durationLivePosition : undefined\"\n :class=\"classProgress\"\n :in-player=\"true\"\n @mouseup=\"seekTo\"\n />\n <CommentPlayer v-if=\"showComments\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ProgressBar from \"../../ProgressBar.vue\";\nimport { defineAsyncComponent, computed } from \"vue\";\nconst CommentPlayer = defineAsyncComponent(\n () => import(\"../../../display/comments/CommentPlayer.vue\"),\n);\n\n//Props \nconst props = defineProps({\n classProgress: { default: \"\", type: String },\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 playerError: { default: false, type: Boolean },\n listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst percentProgress = computed(() => {\n if (!playerStore.playerElapsed) {\n return 0;\n }\n return playerStore.playerElapsed * 100;\n});\n\n\n//Methods\nfunction seekTo(event: MouseEvent): void {\n const audioPlayer: HTMLAudioElement | null =\n document.querySelector(\"#audio-player\");\n if (!audioPlayer || null === event.currentTarget) {\n return;\n }\n const rect = (event.currentTarget as Element).getBoundingClientRect();\n const barWidth = (event.currentTarget as Element).clientWidth;\n const x = event.clientX - rect.left;\n const percentPosition = x / barWidth;\n if (playerStore.playerLive && percentPosition * 100 >= props.percentLiveProgress) return;\n const seekTime = playerStore.playerTotal * percentPosition;\n isSeekTo(audioPlayer, seekTime);\n}\nfunction isSeekTo(audioPlayer: HTMLAudioElement, seekTime: number): void {\n if (playerStore.playerPodcast || playerStore.playerLive) {\n playerStore.playerUpdateSeekTime(seekTime);\n } else {\n audioPlayer.currentTime = seekTime;\n }\n}\n</script>\n","<template>\n <ProgressBar\n v-if=\"!playerError\"\n :main-progress=\"percentProgress\"\n :secondary-progress=\"percentLiveProgress\"\n :alert-bar=\"displayAlertBar ? durationLivePosition : undefined\"\n :class=\"classProgress\"\n :in-player=\"true\"\n @mouseup=\"seekTo\"\n />\n <CommentPlayer v-if=\"showComments\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ProgressBar from \"../../ProgressBar.vue\";\nimport { defineAsyncComponent, computed } from \"vue\";\nconst CommentPlayer = defineAsyncComponent(\n () => import(\"../../../display/comments/CommentPlayer.vue\"),\n);\n\n//Props \nconst props = defineProps({\n classProgress: { default: \"\", type: String },\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 playerError: { default: false, type: Boolean },\n listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst percentProgress = computed(() => {\n if (!playerStore.playerElapsed) {\n return 0;\n }\n return playerStore.playerElapsed * 100;\n});\n\n\n//Methods\nfunction seekTo(event: MouseEvent): void {\n const audioPlayer: HTMLAudioElement | null =\n document.querySelector(\"#audio-player\");\n if (!audioPlayer || null === event.currentTarget) {\n return;\n }\n const rect = (event.currentTarget as Element).getBoundingClientRect();\n const barWidth = (event.currentTarget as Element).clientWidth;\n const x = event.clientX - rect.left;\n const percentPosition = x / barWidth;\n if (playerStore.playerLive && percentPosition * 100 >= props.percentLiveProgress) return;\n const seekTime = playerStore.playerTotal * percentPosition;\n isSeekTo(audioPlayer, seekTime);\n}\nfunction isSeekTo(audioPlayer: HTMLAudioElement, seekTime: number): void {\n if (playerStore.playerPodcast || playerStore.playerLive) {\n playerStore.playerUpdateSeekTime(seekTime);\n } else {\n audioPlayer.currentTime = seekTime;\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,gBAAgB,2BACd,OAAO,+BACf;EAGA,MAAM,QAAQ;EAWd,MAAM,cAAc,eAAe;EAInC,MAAM,kBAAkB,eAAe;GACrC,IAAI,CAAC,YAAY,eACf,OAAO;GAET,OAAO,YAAY,gBAAgB;EACrC,CAAC;EAID,SAAS,OAAO,OAAyB;GACvC,MAAM,cACJ,SAAS,cAAc,eAAe;GACxC,IAAI,CAAC,eAAe,SAAS,MAAM,eACjC;GAEF,MAAM,OAAQ,MAAM,cAA0B,sBAAsB;GACpE,MAAM,WAAY,MAAM,cAA0B;GAElD,MAAM,mBADI,MAAM,UAAU,KAAK,QACH;GAC5B,IAAI,YAAY,cAAc,kBAAkB,OAAO,MAAM,qBAAqB;GAElF,SAAS,aADQ,YAAY,cAAc,eACb;EAChC;EACA,SAAS,SAAS,aAA+B,UAAwB;GACvE,IAAI,YAAY,iBAAiB,YAAY,YAC3C,YAAY,qBAAqB,QAAQ;QAEzC,YAAY,cAAc;EAE9B;;;;;;;;;;;;;;;;;;;;CChEW,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAA,CAAA,OAAA,eADTA,UAAA,GAAAG,YAQE,OAAA,gBAAA;;EANC,iBAAe,OAAA;EACf,sBAAoB,OAAA;EACpB,aAAW,OAAA,kBAAkB,OAAA,uBAAuB,KAAA;EACpD,OAAKC,eAAE,OAAA,aAAa;EACpB,aAAW;EACX,WAAS,OAAA;;;;;;CAES,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAA,OAAA,gBAArBL,UAAA,GAAAG,YAAqC,OAAA,kBAAA,EAAA,KAAA,EAAA,CAAA,KAAAE,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/PodcastProgressBar-BoGtJPAa.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastProgressBar-BoGtJPAa.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createBlock","_normalizeClass","_createCommentVNode","_sfc_main"],"sources":["../src/components/misc/player/progressbar/PodcastProgressBar.vue","../src/components/misc/player/progressbar/PodcastProgressBar.vue"],"sourcesContent":["<template>\n <ProgressBar\n v-if=\"!playerError\"\n :main-progress=\"percentProgress\"\n :secondary-progress=\"percentLiveProgress\"\n :alert-bar=\"displayAlertBar ? durationLivePosition : undefined\"\n :class=\"classProgress\"\n :in-player=\"true\"\n @mouseup=\"seekTo\"\n />\n <CommentPlayer v-if=\"showComments\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ProgressBar from \"../../ProgressBar.vue\";\nimport { defineAsyncComponent, computed } from \"vue\";\nconst CommentPlayer = defineAsyncComponent(\n () => import(\"../../../display/comments/CommentPlayer.vue\"),\n);\n\n//Props \nconst props = defineProps({\n classProgress: { default: \"\", type: String },\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 playerError: { default: false, type: Boolean },\n listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst percentProgress = computed(() => {\n if (!playerStore.playerElapsed) {\n return 0;\n }\n return playerStore.playerElapsed * 100;\n});\n\n\n//Methods\nfunction seekTo(event: MouseEvent): void {\n const audioPlayer: HTMLAudioElement | null =\n document.querySelector(\"#audio-player\");\n if (!audioPlayer || null === event.currentTarget) {\n return;\n }\n const rect = (event.currentTarget as Element).getBoundingClientRect();\n const barWidth = (event.currentTarget as Element).clientWidth;\n const x = event.clientX - rect.left;\n const percentPosition = x / barWidth;\n if (playerStore.playerLive && percentPosition * 100 >= props.percentLiveProgress) return;\n const seekTime = playerStore.playerTotal * percentPosition;\n isSeekTo(audioPlayer, seekTime);\n}\nfunction isSeekTo(audioPlayer: HTMLAudioElement, seekTime: number): void {\n if (playerStore.playerPodcast || playerStore.playerLive) {\n playerStore.playerUpdateSeekTime(seekTime);\n } else {\n audioPlayer.currentTime = seekTime;\n }\n}\n</script>\n","<template>\n <ProgressBar\n v-if=\"!playerError\"\n :main-progress=\"percentProgress\"\n :secondary-progress=\"percentLiveProgress\"\n :alert-bar=\"displayAlertBar ? durationLivePosition : undefined\"\n :class=\"classProgress\"\n :in-player=\"true\"\n @mouseup=\"seekTo\"\n />\n <CommentPlayer v-if=\"showComments\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ProgressBar from \"../../ProgressBar.vue\";\nimport { defineAsyncComponent, computed } from \"vue\";\nconst CommentPlayer = defineAsyncComponent(\n () => import(\"../../../display/comments/CommentPlayer.vue\"),\n);\n\n//Props \nconst props = defineProps({\n classProgress: { default: \"\", type: String },\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 playerError: { default: false, type: Boolean },\n listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst percentProgress = computed(() => {\n if (!playerStore.playerElapsed) {\n return 0;\n }\n return playerStore.playerElapsed * 100;\n});\n\n\n//Methods\nfunction seekTo(event: MouseEvent): void {\n const audioPlayer: HTMLAudioElement | null =\n document.querySelector(\"#audio-player\");\n if (!audioPlayer || null === event.currentTarget) {\n return;\n }\n const rect = (event.currentTarget as Element).getBoundingClientRect();\n const barWidth = (event.currentTarget as Element).clientWidth;\n const x = event.clientX - rect.left;\n const percentPosition = x / barWidth;\n if (playerStore.playerLive && percentPosition * 100 >= props.percentLiveProgress) return;\n const seekTime = playerStore.playerTotal * percentPosition;\n isSeekTo(audioPlayer, seekTime);\n}\nfunction isSeekTo(audioPlayer: HTMLAudioElement, seekTime: number): void {\n if (playerStore.playerPodcast || playerStore.playerLive) {\n playerStore.playerUpdateSeekTime(seekTime);\n } else {\n audioPlayer.currentTime = seekTime;\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,gBAAgB,2BACd,OAAO,+BACf;EAGA,MAAM,QAAQ;EAWd,MAAM,cAAc,eAAe;EAInC,MAAM,kBAAkB,eAAe;GACrC,IAAI,CAAC,YAAY,eACf,OAAO;GAET,OAAO,YAAY,gBAAgB;EACrC,CAAC;EAID,SAAS,OAAO,OAAyB;GACvC,MAAM,cACJ,SAAS,cAAc,eAAe;GACxC,IAAI,CAAC,eAAe,SAAS,MAAM,eACjC;GAEF,MAAM,OAAQ,MAAM,cAA0B,sBAAsB;GACpE,MAAM,WAAY,MAAM,cAA0B;GAElD,MAAM,mBADI,MAAM,UAAU,KAAK,QACH;GAC5B,IAAI,YAAY,cAAc,kBAAkB,OAAO,MAAM,qBAAqB;GAElF,SAAS,aADQ,YAAY,cAAc,eACb;EAChC;EACA,SAAS,SAAS,aAA+B,UAAwB;GACvE,IAAI,YAAY,iBAAiB,YAAY,YAC3C,YAAY,qBAAqB,QAAQ;QAEzC,YAAY,cAAc;EAE9B;;;;;;;;;;;;;;;;;;;;CChEW,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAA,CAAA,OAAA,eADTA,UAAA,GAAAG,YAQE,OAAA,gBAAA;;EANC,iBAAe,OAAA;EACf,sBAAoB,OAAA;EACpB,aAAW,OAAA,kBAAkB,OAAA,uBAAuB,KAAA;EACpD,OAAKC,eAAE,OAAA,aAAa;EACpB,aAAW;EACX,WAAS,OAAA;;;;;;CAES,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAA,OAAA,gBAArBL,UAAA,GAAAG,YAAqC,OAAA,kBAAA,EAAA,KAAA,EAAA,CAAA,KAAAE,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/PodcastProgressBar-DTRhKzW-.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastProgressBar-DTRhKzW-.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createBlock","_normalizeClass","_createCommentVNode","_sfc_main"],"sources":["../src/components/misc/player/progressbar/PodcastProgressBar.vue","../src/components/misc/player/progressbar/PodcastProgressBar.vue"],"sourcesContent":["<template>\n <ProgressBar\n v-if=\"!playerError\"\n :main-progress=\"percentProgress\"\n :secondary-progress=\"percentLiveProgress\"\n :alert-bar=\"displayAlertBar ? durationLivePosition : undefined\"\n :class=\"classProgress\"\n :in-player=\"true\"\n @mouseup=\"seekTo\"\n />\n <CommentPlayer v-if=\"showComments\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ProgressBar from \"../../ProgressBar.vue\";\nimport { defineAsyncComponent, computed } from \"vue\";\nconst CommentPlayer = defineAsyncComponent(\n () => import(\"../../../display/comments/CommentPlayer.vue\"),\n);\n\n//Props \nconst props = defineProps({\n classProgress: { default: \"\", type: String },\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 playerError: { default: false, type: Boolean },\n listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst percentProgress = computed(() => {\n if (!playerStore.playerElapsed) {\n return 0;\n }\n return playerStore.playerElapsed * 100;\n});\n\n\n//Methods\nfunction seekTo(event: MouseEvent): void {\n const audioPlayer: HTMLAudioElement | null =\n document.querySelector(\"#audio-player\");\n if (!audioPlayer || null === event.currentTarget) {\n return;\n }\n const rect = (event.currentTarget as Element).getBoundingClientRect();\n const barWidth = (event.currentTarget as Element).clientWidth;\n const x = event.clientX - rect.left;\n const percentPosition = x / barWidth;\n if (playerStore.playerLive && percentPosition * 100 >= props.percentLiveProgress) return;\n const seekTime = playerStore.playerTotal * percentPosition;\n isSeekTo(audioPlayer, seekTime);\n}\nfunction isSeekTo(audioPlayer: HTMLAudioElement, seekTime: number): void {\n if (playerStore.playerPodcast || playerStore.playerLive) {\n playerStore.playerUpdateSeekTime(seekTime);\n } else {\n audioPlayer.currentTime = seekTime;\n }\n}\n</script>\n","<template>\n <ProgressBar\n v-if=\"!playerError\"\n :main-progress=\"percentProgress\"\n :secondary-progress=\"percentLiveProgress\"\n :alert-bar=\"displayAlertBar ? durationLivePosition : undefined\"\n :class=\"classProgress\"\n :in-player=\"true\"\n @mouseup=\"seekTo\"\n />\n <CommentPlayer v-if=\"showComments\" />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport ProgressBar from \"../../ProgressBar.vue\";\nimport { defineAsyncComponent, computed } from \"vue\";\nconst CommentPlayer = defineAsyncComponent(\n () => import(\"../../../display/comments/CommentPlayer.vue\"),\n);\n\n//Props \nconst props = defineProps({\n classProgress: { default: \"\", type: String },\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 playerError: { default: false, type: Boolean },\n listenTime: { default: 0, type: Number },\n})\n\n//Composables\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst percentProgress = computed(() => {\n if (!playerStore.playerElapsed) {\n return 0;\n }\n return playerStore.playerElapsed * 100;\n});\n\n\n//Methods\nfunction seekTo(event: MouseEvent): void {\n const audioPlayer: HTMLAudioElement | null =\n document.querySelector(\"#audio-player\");\n if (!audioPlayer || null === event.currentTarget) {\n return;\n }\n const rect = (event.currentTarget as Element).getBoundingClientRect();\n const barWidth = (event.currentTarget as Element).clientWidth;\n const x = event.clientX - rect.left;\n const percentPosition = x / barWidth;\n if (playerStore.playerLive && percentPosition * 100 >= props.percentLiveProgress) return;\n const seekTime = playerStore.playerTotal * percentPosition;\n isSeekTo(audioPlayer, seekTime);\n}\nfunction isSeekTo(audioPlayer: HTMLAudioElement, seekTime: number): void {\n if (playerStore.playerPodcast || playerStore.playerLive) {\n playerStore.playerUpdateSeekTime(seekTime);\n } else {\n audioPlayer.currentTime = seekTime;\n }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,gBAAgB,2BACd,OAAO,+BACf;EAGA,MAAM,QAAQ;EAWd,MAAM,cAAc,eAAe;EAInC,MAAM,kBAAkB,eAAe;GACrC,IAAI,CAAC,YAAY,eACf,OAAO;GAET,OAAO,YAAY,gBAAgB;EACrC,CAAC;EAID,SAAS,OAAO,OAAyB;GACvC,MAAM,cACJ,SAAS,cAAc,eAAe;GACxC,IAAI,CAAC,eAAe,SAAS,MAAM,eACjC;GAEF,MAAM,OAAQ,MAAM,cAA0B,sBAAsB;GACpE,MAAM,WAAY,MAAM,cAA0B;GAElD,MAAM,mBADI,MAAM,UAAU,KAAK,QACH;GAC5B,IAAI,YAAY,cAAc,kBAAkB,OAAO,MAAM,qBAAqB;GAElF,SAAS,aADQ,YAAY,cAAc,eACb;EAChC;EACA,SAAS,SAAS,aAA+B,UAAwB;GACvE,IAAI,YAAY,iBAAiB,YAAY,YAC3C,YAAY,qBAAqB,QAAQ;QAEzC,YAAY,cAAc;EAE9B;;;;;;;;;;;;;;;;;;;;CChEW,OAAA,UAAA,GAAA,mBAAA,UAAA,MAAA,CAAA,CAAA,OAAA,eADTA,UAAA,GAAAG,YAQE,OAAA,gBAAA;;EANC,iBAAe,OAAA;EACf,sBAAoB,OAAA;EACpB,aAAW,OAAA,kBAAkB,OAAA,uBAAuB,KAAA;EACpD,OAAKC,eAAE,OAAA,aAAa;EACpB,aAAW;EACX,WAAS,OAAA;;;;;;CAES,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAA,OAAA,gBAArBL,UAAA,GAAAG,YAAqC,OAAA,kBAAA,EAAA,KAAA,EAAA,CAAA,KAAAE,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/{PodcastRawTranscript-Cktqtbcg.mjs → PodcastRawTranscript-BiuftXu-.mjs} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { S as t, x as n } from "./classicApi-pmODlqv5.mjs";
+import { C as t, S as n } from "./classicApi-CGipMqf7.mjs";
 import { t as r } from "./ClassicSelect-BpA0jKN6.mjs";
 import { t as i } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
-import { t as a } from "./useTranslation-Dr7KU7Y4.mjs";
+import { t as a } from "./useTranslation-BVQwv02Q.mjs";
 import { t as o } from "./cookiesHelper-5uZhLulK.mjs";
 import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineAsyncComponent as h, defineComponent as g, normalizeClass as _, openBlock as v, ref as y, toDisplayString as b, unref as x, watch as S } from "vue";
 import { useI18n as C } from "vue-i18n";

package/dist/PodcastRawTranscript-C8SJcaQE.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastRawTranscript-C8SJcaQE.mjs","names":["cookiesHelper","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_normalizeClass","_Fragment","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastRawTranscript.vue","../src/components/display/podcasts/PodcastRawTranscript.vue"],"sourcesContent":["<template>\n <div>\n <AccessibilityModal\n v-if=\"isAccessibilityModal\"\n @save=\"saveAccessibility\"\n @close=\"isAccessibilityModal = false\"\n />\n <div class=\"transcription-section-buttons\">\n <button\n v-if=\"isOpen\"\n class=\"btn btn-primary m-0\"\n @click=\"isAccessibilityModal = true\"\n >\n <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n </button>\n\n <div\n v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n class=\"language-selector\"\n >\n <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n <ClassicSelect\n :text-init=\"currentLanguage\"\n :is-disabled=\"!loadingDone\"\n :options=\"availableLanguagesOptions\"\n :display-label=\"false\"\n @update:text-init=\"changeLanguage\"\n />\n </div>\n \n <button\n class=\"btn btn-transcript\"\n :class=\"{ open: isOpen }\"\n @click=\"isOpen = !isOpen\"\n >\n {{ buttonText }}\n </button>\n </div>\n <div v-if=\"isOpen\" class=\"transcription-body\">\n <ClassicLoading\n :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n />\n <div class=\"transcription-text\">\n <template v-if=\"loadingDone && transcript?.length\">\n {{ transcript }}\n </template>\n <template v-if=\"loadingDone && !transcript?.length\">\n {{ t(\"Transcript does not yet exist for this episode\") }}\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n /** ID of the podcast for which to display transcription */\n podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n return availableLanguages.value.map(lang => ({\n title: lang,\n value: lang\n }));\n})\n\n//Watch\nwatch(isOpen, () => {\n if (isOpen.value && !loadingDone.value) {\n if (props.podcastId) {\n fetchTranscripts();\n }\n getAccessibility();\n }\n});\n\n//Methods\nfunction getAccessibility(){\n const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n if (null !== fontSize) {\n setCssProperty('--octopus-accessibility-font-size', fontSize);\n }\n const background = cookiesHelper.getCookie(\"octopus-background\");\n if (null !== background) {\n setCssProperty('--octopus-accessibility-background', background);\n }\n const color = cookiesHelper.getCookie(\"octopus-color\");\n if (null !== color) {\n setCssProperty('--octopus-accessibility-color', color);\n }\n}\n\nfunction setCssProperty(name: string, value: string){\n document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n setCssProperty('--octopus-accessibility-background', accessibility.background);\n cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n setCssProperty('--octopus-accessibility-color', accessibility.color);\n cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n try {\n const translation = await transcriptionApi.getTranslations(props.podcastId);\n if (language === undefined) {\n const { ready, available } = await getMostRelevantLanguage(translation);\n // If available language is set, it is better than ready, so use it\n language = available ?? ready;\n }\n const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n transcript.value = convertSrtToPlainText(srt);\n \n availableLanguages.value = translation.translations\n .filter(t => t.state === TranslationState.FINISHED)\n .map(t => t.language);\n nativeLanguage.value = translation.nativeLanguage;\n currentLanguage.value = language;\n availableLanguages.value.unshift(translation.nativeLanguage);\n\n if (!availableLanguages.value.includes(language)) {\n availableLanguages.value.push(language);\n }\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n loadingDone.value = false;\n currentLanguage.value = language;\n transcript.value = undefined;\n try {\n const srt = await transcriptionApi.getTranslation(props.podcastId, language); \n transcript.value = convertSrtToPlainText(srt);\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n if (isOpen.value || loadingDone.value) {\n fetchTranscripts(currentLanguage.value);\n }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n --octopus-accessibility-font-size: 16px;\n --octopus-accessibility-background: var(--octopus-background);\n --octopus-accessibility-color: var(--octopus-color-text);\n\n .language-selector {\n display: flex;\n align-items: center;\n margin-left: 1rem;\n\n span {\n font-weight: 600;\n }\n }\n\n .transcription-section-buttons{\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n @media (width <= 625px) {\n flex-direction: column;\n }\n }\n .btn-transcript {\n position: relative;\n border-radius: var(--octopus-border-radius);\n overflow: hidden;\n transition: all 0.2s linear 0s;\n \n &.open{\n margin-left:auto;\n direction: rtl;\n @media (width <= 625px) {\n margin-top: 0.5rem;\n }\n }\n &:not(.open){\n margin-right: auto;\n }\n\n &:not(.open)::before,\n &.open::after {\n content: \"➤\";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n height: 100%;\n width: 30px;\n border-radius: 0 50% 50% 0;\n background-color: var(--octopus-background-transparent);\n transform: scale(0, 1);\n transition: all 0.2s linear 0s;\n }\n\n &:not(.open)::before {\n left: 0;\n transform-origin: left center;\n }\n\n &.open::after {\n right: -30px;\n transform-origin: center left;\n }\n &:hover {\n text-indent: 30px;\n }\n\n &:not(.open):hover::before,\n &.open:hover::after {\n text-indent: 0;\n }\n\n &:not(.open):hover::before {\n transform: scale(1, 1);\n }\n\n &.open:hover::after {\n transform: scale(-1, 1);\n }\n }\n\n .transcription-body {\n font-size: var(--octopus-accessibility-font-size);\n position: relative;\n padding: 1rem;\n max-height: 250px;\n display: flex;\n justify-content: center;\n white-space: pre-wrap;\n background: var(--octopus-accessibility-background);\n color: var(--octopus-accessibility-color);\n border: 2px solid var(--octopus-border-default);\n border-radius: var(--octopus-border-radius);\n\n .transcription-text {\n overflow: hidden auto;\n }\n }\n}\n</style>\n","<template>\n <div>\n <AccessibilityModal\n v-if=\"isAccessibilityModal\"\n @save=\"saveAccessibility\"\n @close=\"isAccessibilityModal = false\"\n />\n <div class=\"transcription-section-buttons\">\n <button\n v-if=\"isOpen\"\n class=\"btn btn-primary m-0\"\n @click=\"isAccessibilityModal = true\"\n >\n <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n </button>\n\n <div\n v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n class=\"language-selector\"\n >\n <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n <ClassicSelect\n :text-init=\"currentLanguage\"\n :is-disabled=\"!loadingDone\"\n :options=\"availableLanguagesOptions\"\n :display-label=\"false\"\n @update:text-init=\"changeLanguage\"\n />\n </div>\n \n <button\n class=\"btn btn-transcript\"\n :class=\"{ open: isOpen }\"\n @click=\"isOpen = !isOpen\"\n >\n {{ buttonText }}\n </button>\n </div>\n <div v-if=\"isOpen\" class=\"transcription-body\">\n <ClassicLoading\n :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n />\n <div class=\"transcription-text\">\n <template v-if=\"loadingDone && transcript?.length\">\n {{ transcript }}\n </template>\n <template v-if=\"loadingDone && !transcript?.length\">\n {{ t(\"Transcript does not yet exist for this episode\") }}\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n /** ID of the podcast for which to display transcription */\n podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n return availableLanguages.value.map(lang => ({\n title: lang,\n value: lang\n }));\n})\n\n//Watch\nwatch(isOpen, () => {\n if (isOpen.value && !loadingDone.value) {\n if (props.podcastId) {\n fetchTranscripts();\n }\n getAccessibility();\n }\n});\n\n//Methods\nfunction getAccessibility(){\n const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n if (null !== fontSize) {\n setCssProperty('--octopus-accessibility-font-size', fontSize);\n }\n const background = cookiesHelper.getCookie(\"octopus-background\");\n if (null !== background) {\n setCssProperty('--octopus-accessibility-background', background);\n }\n const color = cookiesHelper.getCookie(\"octopus-color\");\n if (null !== color) {\n setCssProperty('--octopus-accessibility-color', color);\n }\n}\n\nfunction setCssProperty(name: string, value: string){\n document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n setCssProperty('--octopus-accessibility-background', accessibility.background);\n cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n setCssProperty('--octopus-accessibility-color', accessibility.color);\n cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n try {\n const translation = await transcriptionApi.getTranslations(props.podcastId);\n if (language === undefined) {\n const { ready, available } = await getMostRelevantLanguage(translation);\n // If available language is set, it is better than ready, so use it\n language = available ?? ready;\n }\n const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n transcript.value = convertSrtToPlainText(srt);\n \n availableLanguages.value = translation.translations\n .filter(t => t.state === TranslationState.FINISHED)\n .map(t => t.language);\n nativeLanguage.value = translation.nativeLanguage;\n currentLanguage.value = language;\n availableLanguages.value.unshift(translation.nativeLanguage);\n\n if (!availableLanguages.value.includes(language)) {\n availableLanguages.value.push(language);\n }\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n loadingDone.value = false;\n currentLanguage.value = language;\n transcript.value = undefined;\n try {\n const srt = await transcriptionApi.getTranslation(props.podcastId, language); \n transcript.value = convertSrtToPlainText(srt);\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n if (isOpen.value || loadingDone.value) {\n fetchTranscripts(currentLanguage.value);\n }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n --octopus-accessibility-font-size: 16px;\n --octopus-accessibility-background: var(--octopus-background);\n --octopus-accessibility-color: var(--octopus-color-text);\n\n .language-selector {\n display: flex;\n align-items: center;\n margin-left: 1rem;\n\n span {\n font-weight: 600;\n }\n }\n\n .transcription-section-buttons{\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n @media (width <= 625px) {\n flex-direction: column;\n }\n }\n .btn-transcript {\n position: relative;\n border-radius: var(--octopus-border-radius);\n overflow: hidden;\n transition: all 0.2s linear 0s;\n \n &.open{\n margin-left:auto;\n direction: rtl;\n @media (width <= 625px) {\n margin-top: 0.5rem;\n }\n }\n &:not(.open){\n margin-right: auto;\n }\n\n &:not(.open)::before,\n &.open::after {\n content: \"➤\";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n height: 100%;\n width: 30px;\n border-radius: 0 50% 50% 0;\n background-color: var(--octopus-background-transparent);\n transform: scale(0, 1);\n transition: all 0.2s linear 0s;\n }\n\n &:not(.open)::before {\n left: 0;\n transform-origin: left center;\n }\n\n &.open::after {\n right: -30px;\n transform-origin: center left;\n }\n &:hover {\n text-indent: 30px;\n }\n\n &:not(.open):hover::before,\n &.open:hover::after {\n text-indent: 0;\n }\n\n &:not(.open):hover::before {\n transform: scale(1, 1);\n }\n\n &.open:hover::after {\n transform: scale(-1, 1);\n }\n }\n\n .transcription-body {\n font-size: var(--octopus-accessibility-font-size);\n position: relative;\n padding: 1rem;\n max-height: 250px;\n display: flex;\n justify-content: center;\n white-space: pre-wrap;\n background: var(--octopus-accessibility-background);\n color: var(--octopus-accessibility-color);\n border: 2px solid var(--octopus-border-default);\n border-radius: var(--octopus-border-radius);\n\n .transcription-text {\n overflow: hidden auto;\n }\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastRawTranscript-nfzHM0k_.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastRawTranscript-nfzHM0k_.mjs","names":["cookiesHelper","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_normalizeClass","_Fragment","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastRawTranscript.vue","../src/components/display/podcasts/PodcastRawTranscript.vue"],"sourcesContent":["<template>\n <div>\n <AccessibilityModal\n v-if=\"isAccessibilityModal\"\n @save=\"saveAccessibility\"\n @close=\"isAccessibilityModal = false\"\n />\n <div class=\"transcription-section-buttons\">\n <button\n v-if=\"isOpen\"\n class=\"btn btn-primary m-0\"\n @click=\"isAccessibilityModal = true\"\n >\n <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n </button>\n\n <div\n v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n class=\"language-selector\"\n >\n <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n <ClassicSelect\n :text-init=\"currentLanguage\"\n :is-disabled=\"!loadingDone\"\n :options=\"availableLanguagesOptions\"\n :display-label=\"false\"\n @update:text-init=\"changeLanguage\"\n />\n </div>\n \n <button\n class=\"btn btn-transcript\"\n :class=\"{ open: isOpen }\"\n @click=\"isOpen = !isOpen\"\n >\n {{ buttonText }}\n </button>\n </div>\n <div v-if=\"isOpen\" class=\"transcription-body\">\n <ClassicLoading\n :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n />\n <div class=\"transcription-text\">\n <template v-if=\"loadingDone && transcript?.length\">\n {{ transcript }}\n </template>\n <template v-if=\"loadingDone && !transcript?.length\">\n {{ t(\"Transcript does not yet exist for this episode\") }}\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n /** ID of the podcast for which to display transcription */\n podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n return availableLanguages.value.map(lang => ({\n title: lang,\n value: lang\n }));\n})\n\n//Watch\nwatch(isOpen, () => {\n if (isOpen.value && !loadingDone.value) {\n if (props.podcastId) {\n fetchTranscripts();\n }\n getAccessibility();\n }\n});\n\n//Methods\nfunction getAccessibility(){\n const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n if (null !== fontSize) {\n setCssProperty('--octopus-accessibility-font-size', fontSize);\n }\n const background = cookiesHelper.getCookie(\"octopus-background\");\n if (null !== background) {\n setCssProperty('--octopus-accessibility-background', background);\n }\n const color = cookiesHelper.getCookie(\"octopus-color\");\n if (null !== color) {\n setCssProperty('--octopus-accessibility-color', color);\n }\n}\n\nfunction setCssProperty(name: string, value: string){\n document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n setCssProperty('--octopus-accessibility-background', accessibility.background);\n cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n setCssProperty('--octopus-accessibility-color', accessibility.color);\n cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n try {\n const translation = await transcriptionApi.getTranslations(props.podcastId);\n if (language === undefined) {\n const { ready, available } = await getMostRelevantLanguage(translation);\n // If available language is set, it is better than ready, so use it\n language = available ?? ready;\n }\n const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n transcript.value = convertSrtToPlainText(srt);\n \n availableLanguages.value = translation.translations\n .filter(t => t.state === TranslationState.FINISHED)\n .map(t => t.language);\n nativeLanguage.value = translation.nativeLanguage;\n currentLanguage.value = language;\n availableLanguages.value.unshift(translation.nativeLanguage);\n\n if (!availableLanguages.value.includes(language)) {\n availableLanguages.value.push(language);\n }\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n loadingDone.value = false;\n currentLanguage.value = language;\n transcript.value = undefined;\n try {\n const srt = await transcriptionApi.getTranslation(props.podcastId, language); \n transcript.value = convertSrtToPlainText(srt);\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n if (isOpen.value || loadingDone.value) {\n fetchTranscripts(currentLanguage.value);\n }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n --octopus-accessibility-font-size: 16px;\n --octopus-accessibility-background: var(--octopus-background);\n --octopus-accessibility-color: var(--octopus-color-text);\n\n .language-selector {\n display: flex;\n align-items: center;\n margin-left: 1rem;\n\n span {\n font-weight: 600;\n }\n }\n\n .transcription-section-buttons{\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n @media (width <= 625px) {\n flex-direction: column;\n }\n }\n .btn-transcript {\n position: relative;\n border-radius: var(--octopus-border-radius);\n overflow: hidden;\n transition: all 0.2s linear 0s;\n \n &.open{\n margin-left:auto;\n direction: rtl;\n @media (width <= 625px) {\n margin-top: 0.5rem;\n }\n }\n &:not(.open){\n margin-right: auto;\n }\n\n &:not(.open)::before,\n &.open::after {\n content: \"➤\";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n height: 100%;\n width: 30px;\n border-radius: 0 50% 50% 0;\n background-color: var(--octopus-background-transparent);\n transform: scale(0, 1);\n transition: all 0.2s linear 0s;\n }\n\n &:not(.open)::before {\n left: 0;\n transform-origin: left center;\n }\n\n &.open::after {\n right: -30px;\n transform-origin: center left;\n }\n &:hover {\n text-indent: 30px;\n }\n\n &:not(.open):hover::before,\n &.open:hover::after {\n text-indent: 0;\n }\n\n &:not(.open):hover::before {\n transform: scale(1, 1);\n }\n\n &.open:hover::after {\n transform: scale(-1, 1);\n }\n }\n\n .transcription-body {\n font-size: var(--octopus-accessibility-font-size);\n position: relative;\n padding: 1rem;\n max-height: 250px;\n display: flex;\n justify-content: center;\n white-space: pre-wrap;\n background: var(--octopus-accessibility-background);\n color: var(--octopus-accessibility-color);\n border: 2px solid var(--octopus-border-default);\n border-radius: var(--octopus-border-radius);\n\n .transcription-text {\n overflow: hidden auto;\n }\n }\n}\n</style>\n","<template>\n <div>\n <AccessibilityModal\n v-if=\"isAccessibilityModal\"\n @save=\"saveAccessibility\"\n @close=\"isAccessibilityModal = false\"\n />\n <div class=\"transcription-section-buttons\">\n <button\n v-if=\"isOpen\"\n class=\"btn btn-primary m-0\"\n @click=\"isAccessibilityModal = true\"\n >\n <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n </button>\n\n <div\n v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n class=\"language-selector\"\n >\n <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n <ClassicSelect\n :text-init=\"currentLanguage\"\n :is-disabled=\"!loadingDone\"\n :options=\"availableLanguagesOptions\"\n :display-label=\"false\"\n @update:text-init=\"changeLanguage\"\n />\n </div>\n \n <button\n class=\"btn btn-transcript\"\n :class=\"{ open: isOpen }\"\n @click=\"isOpen = !isOpen\"\n >\n {{ buttonText }}\n </button>\n </div>\n <div v-if=\"isOpen\" class=\"transcription-body\">\n <ClassicLoading\n :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n />\n <div class=\"transcription-text\">\n <template v-if=\"loadingDone && transcript?.length\">\n {{ transcript }}\n </template>\n <template v-if=\"loadingDone && !transcript?.length\">\n {{ t(\"Transcript does not yet exist for this episode\") }}\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n /** ID of the podcast for which to display transcription */\n podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n return availableLanguages.value.map(lang => ({\n title: lang,\n value: lang\n }));\n})\n\n//Watch\nwatch(isOpen, () => {\n if (isOpen.value && !loadingDone.value) {\n if (props.podcastId) {\n fetchTranscripts();\n }\n getAccessibility();\n }\n});\n\n//Methods\nfunction getAccessibility(){\n const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n if (null !== fontSize) {\n setCssProperty('--octopus-accessibility-font-size', fontSize);\n }\n const background = cookiesHelper.getCookie(\"octopus-background\");\n if (null !== background) {\n setCssProperty('--octopus-accessibility-background', background);\n }\n const color = cookiesHelper.getCookie(\"octopus-color\");\n if (null !== color) {\n setCssProperty('--octopus-accessibility-color', color);\n }\n}\n\nfunction setCssProperty(name: string, value: string){\n document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n setCssProperty('--octopus-accessibility-background', accessibility.background);\n cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n setCssProperty('--octopus-accessibility-color', accessibility.color);\n cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n try {\n const translation = await transcriptionApi.getTranslations(props.podcastId);\n if (language === undefined) {\n const { ready, available } = await getMostRelevantLanguage(translation);\n // If available language is set, it is better than ready, so use it\n language = available ?? ready;\n }\n const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n transcript.value = convertSrtToPlainText(srt);\n \n availableLanguages.value = translation.translations\n .filter(t => t.state === TranslationState.FINISHED)\n .map(t => t.language);\n nativeLanguage.value = translation.nativeLanguage;\n currentLanguage.value = language;\n availableLanguages.value.unshift(translation.nativeLanguage);\n\n if (!availableLanguages.value.includes(language)) {\n availableLanguages.value.push(language);\n }\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n loadingDone.value = false;\n currentLanguage.value = language;\n transcript.value = undefined;\n try {\n const srt = await transcriptionApi.getTranslation(props.podcastId, language); \n transcript.value = convertSrtToPlainText(srt);\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n if (isOpen.value || loadingDone.value) {\n fetchTranscripts(currentLanguage.value);\n }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n --octopus-accessibility-font-size: 16px;\n --octopus-accessibility-background: var(--octopus-background);\n --octopus-accessibility-color: var(--octopus-color-text);\n\n .language-selector {\n display: flex;\n align-items: center;\n margin-left: 1rem;\n\n span {\n font-weight: 600;\n }\n }\n\n .transcription-section-buttons{\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n @media (width <= 625px) {\n flex-direction: column;\n }\n }\n .btn-transcript {\n position: relative;\n border-radius: var(--octopus-border-radius);\n overflow: hidden;\n transition: all 0.2s linear 0s;\n \n &.open{\n margin-left:auto;\n direction: rtl;\n @media (width <= 625px) {\n margin-top: 0.5rem;\n }\n }\n &:not(.open){\n margin-right: auto;\n }\n\n &:not(.open)::before,\n &.open::after {\n content: \"➤\";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n height: 100%;\n width: 30px;\n border-radius: 0 50% 50% 0;\n background-color: var(--octopus-background-transparent);\n transform: scale(0, 1);\n transition: all 0.2s linear 0s;\n }\n\n &:not(.open)::before {\n left: 0;\n transform-origin: left center;\n }\n\n &.open::after {\n right: -30px;\n transform-origin: center left;\n }\n &:hover {\n text-indent: 30px;\n }\n\n &:not(.open):hover::before,\n &.open:hover::after {\n text-indent: 0;\n }\n\n &:not(.open):hover::before {\n transform: scale(1, 1);\n }\n\n &.open:hover::after {\n transform: scale(-1, 1);\n }\n }\n\n .transcription-body {\n font-size: var(--octopus-accessibility-font-size);\n position: relative;\n padding: 1rem;\n max-height: 250px;\n display: flex;\n justify-content: center;\n white-space: pre-wrap;\n background: var(--octopus-accessibility-background);\n color: var(--octopus-accessibility-color);\n border: 2px solid var(--octopus-border-default);\n border-radius: var(--octopus-border-radius);\n\n .transcription-text {\n overflow: hidden auto;\n }\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastRawTranscript-r5pRtZDg.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PodcastRawTranscript-r5pRtZDg.mjs","names":["cookiesHelper","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_createElementVNode","_createVNode","_createTextVNode","_toDisplayString","_normalizeClass","_Fragment","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastRawTranscript.vue","../src/components/display/podcasts/PodcastRawTranscript.vue"],"sourcesContent":["<template>\n <div>\n <AccessibilityModal\n v-if=\"isAccessibilityModal\"\n @save=\"saveAccessibility\"\n @close=\"isAccessibilityModal = false\"\n />\n <div class=\"transcription-section-buttons\">\n <button\n v-if=\"isOpen\"\n class=\"btn btn-primary m-0\"\n @click=\"isAccessibilityModal = true\"\n >\n <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n </button>\n\n <div\n v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n class=\"language-selector\"\n >\n <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n <ClassicSelect\n :text-init=\"currentLanguage\"\n :is-disabled=\"!loadingDone\"\n :options=\"availableLanguagesOptions\"\n :display-label=\"false\"\n @update:text-init=\"changeLanguage\"\n />\n </div>\n \n <button\n class=\"btn btn-transcript\"\n :class=\"{ open: isOpen }\"\n @click=\"isOpen = !isOpen\"\n >\n {{ buttonText }}\n </button>\n </div>\n <div v-if=\"isOpen\" class=\"transcription-body\">\n <ClassicLoading\n :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n />\n <div class=\"transcription-text\">\n <template v-if=\"loadingDone && transcript?.length\">\n {{ transcript }}\n </template>\n <template v-if=\"loadingDone && !transcript?.length\">\n {{ t(\"Transcript does not yet exist for this episode\") }}\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n /** ID of the podcast for which to display transcription */\n podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n return availableLanguages.value.map(lang => ({\n title: lang,\n value: lang\n }));\n})\n\n//Watch\nwatch(isOpen, () => {\n if (isOpen.value && !loadingDone.value) {\n if (props.podcastId) {\n fetchTranscripts();\n }\n getAccessibility();\n }\n});\n\n//Methods\nfunction getAccessibility(){\n const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n if (null !== fontSize) {\n setCssProperty('--octopus-accessibility-font-size', fontSize);\n }\n const background = cookiesHelper.getCookie(\"octopus-background\");\n if (null !== background) {\n setCssProperty('--octopus-accessibility-background', background);\n }\n const color = cookiesHelper.getCookie(\"octopus-color\");\n if (null !== color) {\n setCssProperty('--octopus-accessibility-color', color);\n }\n}\n\nfunction setCssProperty(name: string, value: string){\n document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n setCssProperty('--octopus-accessibility-background', accessibility.background);\n cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n setCssProperty('--octopus-accessibility-color', accessibility.color);\n cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n try {\n const translation = await transcriptionApi.getTranslations(props.podcastId);\n if (language === undefined) {\n const { ready, available } = await getMostRelevantLanguage(translation);\n // If available language is set, it is better than ready, so use it\n language = available ?? ready;\n }\n const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n transcript.value = convertSrtToPlainText(srt);\n \n availableLanguages.value = translation.translations\n .filter(t => t.state === TranslationState.FINISHED)\n .map(t => t.language);\n nativeLanguage.value = translation.nativeLanguage;\n currentLanguage.value = language;\n availableLanguages.value.unshift(translation.nativeLanguage);\n\n if (!availableLanguages.value.includes(language)) {\n availableLanguages.value.push(language);\n }\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n loadingDone.value = false;\n currentLanguage.value = language;\n transcript.value = undefined;\n try {\n const srt = await transcriptionApi.getTranslation(props.podcastId, language); \n transcript.value = convertSrtToPlainText(srt);\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n if (isOpen.value || loadingDone.value) {\n fetchTranscripts(currentLanguage.value);\n }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n --octopus-accessibility-font-size: 16px;\n --octopus-accessibility-background: var(--octopus-background);\n --octopus-accessibility-color: var(--octopus-color-text);\n\n .language-selector {\n display: flex;\n align-items: center;\n margin-left: 1rem;\n\n span {\n font-weight: 600;\n }\n }\n\n .transcription-section-buttons{\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n @media (width <= 625px) {\n flex-direction: column;\n }\n }\n .btn-transcript {\n position: relative;\n border-radius: var(--octopus-border-radius);\n overflow: hidden;\n transition: all 0.2s linear 0s;\n \n &.open{\n margin-left:auto;\n direction: rtl;\n @media (width <= 625px) {\n margin-top: 0.5rem;\n }\n }\n &:not(.open){\n margin-right: auto;\n }\n\n &:not(.open)::before,\n &.open::after {\n content: \"➤\";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n height: 100%;\n width: 30px;\n border-radius: 0 50% 50% 0;\n background-color: var(--octopus-background-transparent);\n transform: scale(0, 1);\n transition: all 0.2s linear 0s;\n }\n\n &:not(.open)::before {\n left: 0;\n transform-origin: left center;\n }\n\n &.open::after {\n right: -30px;\n transform-origin: center left;\n }\n &:hover {\n text-indent: 30px;\n }\n\n &:not(.open):hover::before,\n &.open:hover::after {\n text-indent: 0;\n }\n\n &:not(.open):hover::before {\n transform: scale(1, 1);\n }\n\n &.open:hover::after {\n transform: scale(-1, 1);\n }\n }\n\n .transcription-body {\n font-size: var(--octopus-accessibility-font-size);\n position: relative;\n padding: 1rem;\n max-height: 250px;\n display: flex;\n justify-content: center;\n white-space: pre-wrap;\n background: var(--octopus-accessibility-background);\n color: var(--octopus-accessibility-color);\n border: 2px solid var(--octopus-border-default);\n border-radius: var(--octopus-border-radius);\n\n .transcription-text {\n overflow: hidden auto;\n }\n }\n}\n</style>\n","<template>\n <div>\n <AccessibilityModal\n v-if=\"isAccessibilityModal\"\n @save=\"saveAccessibility\"\n @close=\"isAccessibilityModal = false\"\n />\n <div class=\"transcription-section-buttons\">\n <button\n v-if=\"isOpen\"\n class=\"btn btn-primary m-0\"\n @click=\"isAccessibilityModal = true\"\n >\n <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n </button>\n\n <div\n v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n class=\"language-selector\"\n >\n <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n <ClassicSelect\n :text-init=\"currentLanguage\"\n :is-disabled=\"!loadingDone\"\n :options=\"availableLanguagesOptions\"\n :display-label=\"false\"\n @update:text-init=\"changeLanguage\"\n />\n </div>\n \n <button\n class=\"btn btn-transcript\"\n :class=\"{ open: isOpen }\"\n @click=\"isOpen = !isOpen\"\n >\n {{ buttonText }}\n </button>\n </div>\n <div v-if=\"isOpen\" class=\"transcription-body\">\n <ClassicLoading\n :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n />\n <div class=\"transcription-text\">\n <template v-if=\"loadingDone && transcript?.length\">\n {{ transcript }}\n </template>\n <template v-if=\"loadingDone && !transcript?.length\">\n {{ t(\"Transcript does not yet exist for this episode\") }}\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n /** ID of the podcast for which to display transcription */\n podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n return availableLanguages.value.map(lang => ({\n title: lang,\n value: lang\n }));\n})\n\n//Watch\nwatch(isOpen, () => {\n if (isOpen.value && !loadingDone.value) {\n if (props.podcastId) {\n fetchTranscripts();\n }\n getAccessibility();\n }\n});\n\n//Methods\nfunction getAccessibility(){\n const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n if (null !== fontSize) {\n setCssProperty('--octopus-accessibility-font-size', fontSize);\n }\n const background = cookiesHelper.getCookie(\"octopus-background\");\n if (null !== background) {\n setCssProperty('--octopus-accessibility-background', background);\n }\n const color = cookiesHelper.getCookie(\"octopus-color\");\n if (null !== color) {\n setCssProperty('--octopus-accessibility-color', color);\n }\n}\n\nfunction setCssProperty(name: string, value: string){\n document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n setCssProperty('--octopus-accessibility-background', accessibility.background);\n cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n setCssProperty('--octopus-accessibility-color', accessibility.color);\n cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n try {\n const translation = await transcriptionApi.getTranslations(props.podcastId);\n if (language === undefined) {\n const { ready, available } = await getMostRelevantLanguage(translation);\n // If available language is set, it is better than ready, so use it\n language = available ?? ready;\n }\n const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n transcript.value = convertSrtToPlainText(srt);\n \n availableLanguages.value = translation.translations\n .filter(t => t.state === TranslationState.FINISHED)\n .map(t => t.language);\n nativeLanguage.value = translation.nativeLanguage;\n currentLanguage.value = language;\n availableLanguages.value.unshift(translation.nativeLanguage);\n\n if (!availableLanguages.value.includes(language)) {\n availableLanguages.value.push(language);\n }\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n loadingDone.value = false;\n currentLanguage.value = language;\n transcript.value = undefined;\n try {\n const srt = await transcriptionApi.getTranslation(props.podcastId, language); \n transcript.value = convertSrtToPlainText(srt);\n } catch (error) {\n console.error(error);\n }\n loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n if (isOpen.value || loadingDone.value) {\n fetchTranscripts(currentLanguage.value);\n }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n --octopus-accessibility-font-size: 16px;\n --octopus-accessibility-background: var(--octopus-background);\n --octopus-accessibility-color: var(--octopus-color-text);\n\n .language-selector {\n display: flex;\n align-items: center;\n margin-left: 1rem;\n\n span {\n font-weight: 600;\n }\n }\n\n .transcription-section-buttons{\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n @media (width <= 625px) {\n flex-direction: column;\n }\n }\n .btn-transcript {\n position: relative;\n border-radius: var(--octopus-border-radius);\n overflow: hidden;\n transition: all 0.2s linear 0s;\n \n &.open{\n margin-left:auto;\n direction: rtl;\n @media (width <= 625px) {\n margin-top: 0.5rem;\n }\n }\n &:not(.open){\n margin-right: auto;\n }\n\n &:not(.open)::before,\n &.open::after {\n content: \"➤\";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n height: 100%;\n width: 30px;\n border-radius: 0 50% 50% 0;\n background-color: var(--octopus-background-transparent);\n transform: scale(0, 1);\n transition: all 0.2s linear 0s;\n }\n\n &:not(.open)::before {\n left: 0;\n transform-origin: left center;\n }\n\n &.open::after {\n right: -30px;\n transform-origin: center left;\n }\n &:hover {\n text-indent: 30px;\n }\n\n &:not(.open):hover::before,\n &.open:hover::after {\n text-indent: 0;\n }\n\n &:not(.open):hover::before {\n transform: scale(1, 1);\n }\n\n &.open:hover::after {\n transform: scale(-1, 1);\n }\n }\n\n .transcription-body {\n font-size: var(--octopus-accessibility-font-size);\n position: relative;\n padding: 1rem;\n max-height: 250px;\n display: flex;\n justify-content: center;\n white-space: pre-wrap;\n background: var(--octopus-accessibility-background);\n color: var(--octopus-accessibility-color);\n border: 2px solid var(--octopus-border-default);\n border-radius: var(--octopus-border-radius);\n\n .transcription-text {\n overflow: hidden auto;\n }\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/{PodcastSwiperList-DZ26-8xy.mjs → PodcastSwiperList-BKOYhrsH.mjs} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { r as t, t as n } from "./classicApi-pmODlqv5.mjs";
-import { t as r } from "./SwiperList-BlF3rPq5.mjs";
-import { t as i } from "./PodcastItem-TdtzApJ6.mjs";
-import { t as a } from "./PodcastInlineListTemplate-DTrS1UiG.mjs";
+import { r as t, t as n } from "./classicApi-CGipMqf7.mjs";
+import { t as r } from "./SwiperList-O8nUg87R.mjs";
+import { t as i } from "./PodcastItem-Baki7W0q.mjs";
+import { t as a } from "./PodcastInlineListTemplate-Chbi8aME.mjs";
 import { computed as o, createBlock as s, createCommentVNode as c, createVNode as l, defineComponent as u, onBeforeMount as d, openBlock as f, ref as p, unref as m, watch as h, withCtx as g } from "vue";
 import { useI18n as _ } from "vue-i18n";
 import v from "dayjs";