@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/PodcastPlaylistInlineList-H_rnCHag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-H_rnCHag.mjs","names":[],"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;;;;;;;;;;;;;;;;;;;;;;;;;;QCtGU,OAAA,WAAO,CAAM,OAAA,WAAO,MAAU,OAAA,YAAY,UAAA,UAAA,GADlD,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,eAAW,cAIlB,CAHF,YAGE,OAAA,mBAAA;GAFA,OAAM;GACL,gBAAc,OAAA,UAAU,OAAA,EAAC,sBAAA,IAA2B,KAAA;kCAG9C,OAAA,WAAA,UAAA,GADT,YAWa,OAAA,eAAA;;GATV,eAAa,OAAA;GACb,sBAAoB,OAAA;;GAEV,cAAY,SAInB,EAJuB,aAAM,CAC/B,YAGE,OAAA,gBAAA;IAFA,OAAM;IACL,SAAS"}

package/dist/{PodcastPlaylistInlineList-_csxbYAx.mjs → PodcastPlaylistInlineList-XTbhC8OJ.mjs}

@@ -1,9 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { _ as playlistApi, i as useAuthStore } from "./classicApi-CkDHWZG1.mjs";
-import { t as SwiperList_default } from "./SwiperList-C1v0T1wx.mjs";
-import { t as PodcastItem_default } from "./PodcastItem-CFk8MX9D.mjs";
-import { t as PodcastInlineListTemplate_default } from "./PodcastInlineListTemplate-BWw1Ix-7.mjs";
+import { _ as playlistApi, i as useAuthStore } from "./classicApi-xjOqAovv.mjs";
+import { t as SwiperList_default } from "./SwiperList-C51H-enh.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-_8ErwIDG.mjs";
+import { t as PodcastInlineListTemplate_default } from "./PodcastInlineListTemplate-DCWn3r7s.mjs";
 import { createBlock, createCommentVNode, createVNode, defineComponent, onMounted, openBlock, ref, watch, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 //#region src/components/display/playlist/PodcastPlaylistInlineList.vue?vue&type=script&setup=true&lang.ts
@@ -112,4 +112,4 @@ var PodcastPlaylistInlineList_default = /*#__PURE__*/ _plugin_vue_export_helper_
 //#endregion
 export { PodcastPlaylistInlineList_default as default };
 
-//# sourceMappingURL=PodcastPlaylistInlineList-_csxbYAx.mjs.map
+//# sourceMappingURL=PodcastPlaylistInlineList-XTbhC8OJ.mjs.map

package/dist/PodcastPlaylistInlineList-XTbhC8OJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-XTbhC8OJ.mjs","names":[],"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;;;;;;;;;;;;;;;;;;;;;;;;;;QCtGU,OAAA,WAAO,CAAM,OAAA,WAAO,MAAU,OAAA,YAAY,UAAA,UAAA,GADlD,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,eAAW,cAIlB,CAHF,YAGE,OAAA,mBAAA;GAFA,OAAM;GACL,gBAAc,OAAA,UAAU,OAAA,EAAC,sBAAA,IAA2B,KAAA;kCAG9C,OAAA,WAAA,UAAA,GADT,YAWa,OAAA,eAAA;;GATV,eAAa,OAAA;GACb,sBAAoB,OAAA;;GAEV,cAAY,SAInB,EAJuB,aAAM,CAC/B,YAGE,OAAA,gBAAA;IAFA,OAAM;IACL,SAAS"}

package/dist/{PodcastPresentationList-BD8XmnW0.mjs → PodcastPresentationList-BUl5Rq83.mjs}

@@ -1,12 +1,12 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { m as podcastApi, p as PodcastSort, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { m as podcastApi, p as PodcastSort, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as useResizePhone } from "./useResizePhone-CpfFUmfV.mjs";
-import { t as useErrorHandler } from "./useErrorHandler-DtLjD9t_.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-D3XVxUh6.mjs";
 import { a as simplifiedToFull } from "./podcast-Da9L7I5Q.mjs";
-import { n as PresentationItem_default, t as usePresentationItem } from "./usePresentationItem-CNXIk-Sf.mjs";
+import { n as PresentationItem_default, t as usePresentationItem } from "./usePresentationItem-UwAuhVqo.mjs";
 import { t as PresentationLayout_default } from "./PresentationLayout-BmcVqEo8.mjs";
-import { t as PodcastPlayButton_default } from "./PodcastPlayButton-B9hWbPEk.mjs";
+import { t as PodcastPlayButton_default } from "./PodcastPlayButton-1eaXWTlG.mjs";
 import { createBlock, createVNode, defineComponent, normalizeClass, onMounted, openBlock, reactive, ref, watch, withCtx } from "vue";
 //#region src/components/display/podcasts/PodcastPresentationList.vue?vue&type=script&setup=true&lang.ts
 var PodcastPresentationList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -197,4 +197,4 @@ var PodcastPresentationList_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 //#endregion
 export { PodcastPresentationList_default as default };
 
-//# sourceMappingURL=PodcastPresentationList-BD8XmnW0.mjs.map
+//# sourceMappingURL=PodcastPresentationList-BUl5Rq83.mjs.map

package/dist/PodcastPresentationList-BUl5Rq83.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-BUl5Rq83.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastPresentationList.vue","../src/components/display/podcasts/PodcastPresentationList.vue"],"sourcesContent":["<!--\n  Simple component to display a few podcasts\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","<!--\n  Simple component to display a few podcasts\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-BvkEDbtG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-BvkEDbtG.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastPresentationList.vue","../src/components/display/podcasts/PodcastPresentationList.vue"],"sourcesContent":["<!--\n  Simple component to display a few podcasts\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","<!--\n  Simple component to display a few podcasts\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-C0n-xr5w.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-C0n-xr5w.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastPresentationList.vue","../src/components/display/podcasts/PodcastPresentationList.vue"],"sourcesContent":["<!--\n  Simple component to display a few podcasts\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","<!--\n  Simple component to display a few podcasts\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-CnrMkINf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-CnrMkINf.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastPresentationList.vue","../src/components/display/podcasts/PodcastPresentationList.vue"],"sourcesContent":["<!--\n  Simple component to display a few podcasts\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","<!--\n  Simple component to display a few podcasts\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DA,MAAM,QAAQ;EA8Bd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,QAAQ,IAAI,KAAK;EACvB,MAAM,WAAgC,IAAI,CAAC,CAAC;EAC5C,MAAM,OAAO,yBAAS,IAAI,IAA2B,CAAC;EACtD,MAAM,iBAAiB,yBAAS,IAAI,IAA2B,CAAC;EAGhE,MAAM,EAAE,YAAY,eAAe;EACnC,MAAM,EAAE,cAAc,gBAAgB;EACtC,MAAM,EAAE,SAAS,sBAAsB,oBAAoB;EAE3D,UAAU,SAAS;EAEnB,MAAM,UAAU,YAAY;GACxB,SAAS,MAAM,QAAQ,OAAO,YAAY;IACtC,IAAI,CAAC,KAAK,IAAI,QAAQ,SAAS,GAAG;KAC9B,MAAM,CAAC,GAAG,KAAK,MAAM,QAAQ,IAAI,CAC7B,QAAQ,OAAO,GACf,kBAAkB,OAAO,CAC7B,CAAC;KACD,KAAK,IAAI,QAAQ,WAAW,CAAC;KAC7B,eAAe,IAAI,QAAQ,WAAW,CAAC;IAC3C;GACJ,CAAC;EACL,CAAC;EAGD,eAAe,YAA2B;GACtC,QAAQ,QAAQ;GAChB,IAAI;IACA,IAAI;IACJ,IAAI,MAAM,kBAAkB,OACxB,OAAO;SAEP,OAAO;IAKX,SAAS,SAAQ,MAHI,KAAK,GAGF,MAAM,IAAI,OAAO;KACrC,OAAO,IAAI,KAAK,GAAG,OAAO,EAAE,QAAQ,IAAI,IAAI,KAAK,GAAG,OAAO,EAAE,QAAQ;IACzE,CAAC;IAED,QAAQ,QAAQ;GACpB,SAAS,SAAS;IACd,QAAQ,MAAM,OAAO;IACrB,UAAU,OAAqB;IAC/B,MAAM,QAAQ;GAClB;GACA,QAAQ,QAAQ;EACpB;EAEA,eAAe,gBAAyC;GASpD,QAAO,MARgB,WAAW,WAAW;IACzC,OAAO;IACP,MAAM;IACN,gBAAgB,CAAC,MAAM,cAAc;IACrC,MAAM,YAAY;IAClB,YAAY,MAAM;GACtB,GAAG,IAAI,GAES;EACpB;EAEA,eAAe,0BAAmD;GAE9D,MAAM,YAAY,MAAM,mBAAW,UAAuC;IACtE,KAAK;IACL,MAAM;IACN,YAAY;KACR,OAAO;KACP,MAAM;KACN,gBAAgB,MAAM;KACtB,MAAM;KACN,YAAY,MAAM;IACtB;IACA,mBAAmB;GACvB,CAAC;GAED,MAAM,WAA8C,CAAC;GAErD,KAAK,IAAI,IAAI,GAAG,IAAI,UAAU,OAAO,QAAQ,KACzC,SAAS,KAAK,WAAW,OAAO;IAC5B,OAAO;IACP,MAAM;IACN,gBAAgB,CAAC,MAAM,cAAc;IACrC,YAAY,CAAC,UAAU,OAAO,GAAG,UAAU;IAC3C,MAAM,YAAY;IAClB,YAAY,MAAM;GACtB,GAAG,IAAI,EAAE,MAAK,MAAK,EAAE,OAAO,EAAE,CAAC;GAMnC,QAAO,MAFY,QAAQ,IAAI,QAAQ,GAE3B,QAAQ,OAAiC,SAAS,MAAM,KAAA,MAAc,EAAE,EAAE,KAAI,MAAK;IAE3F,MAAM,WAAW,UAAU,OAAO,MAAK,MAAK,EAAE,eAAe,EAAE,UAAU;IAEzE,OAAO,iBAAiB,GAAG,SAAS,MAAM,QAAQ;GACtD,CAAC;EACL;EAEA,SAAS,MAAM,SAAoC;GAC/C,OAAO;IACH,MAAM;IACN,QAAQ,EAAE,WAAW,QAAQ,UAAU;GAC3C;EACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SChMe,OAAA,WAAO,CAAK,OAAA,SAAA,UAAA,GADvB,YA2BqB,OAAA,uBAAA;;EAzBhB,OAAO,OAAA;EACP,OAAO,OAAA;EACP,OAAO,OAAA;EACP,eAAa,OAAA;;EAEH,MAAI,SAkBQ,EAlBJ,MAAM,YAAK,CAC1B,YAiBmB,OAAA,qBAAA;GAhBd,OAAK,eAAA,CAAG,OAAA,WAAW,QAAK,SAAA,EAAA;GACxB,MAAM,KAAK;GACX,OAAO,OAAA,MAAM,IAAI;GACjB,aAAW,KAAK;GAChB,aAAa,KAAK;GAClB,UAAQ,CAAG,OAAA,WAAW;GACtB,MAAM,OAAA,KAAK,IAAI,KAAK,SAAS;GAC7B,mBAAiB,OAAA,eAAe,IAAI,KAAK,SAAS;;GAExC,eAAW,cAKhB,CAJF,YAIE,OAAA,sBAAA;IAHG,SAAS;IACT,aAAW;IACX,mBAAiB;;;;;;;;;;;;;;;;;;;qBAMtC,YAIE,OAAA,mBAAA;;EAFG,gBAAc,OAAA,UAAU,KAAA,GAAE,uBAAA,IAA4B,KAAA;EACtD,cAAY,OAAA,QAAQ,KAAA,GAAE,OAAA,IAAY,KAAA"}

package/dist/PodcastPresentationList-DC-Oi_eK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-DC-Oi_eK.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastPresentationList.vue","../src/components/display/podcasts/PodcastPresentationList.vue"],"sourcesContent":["<!--\n  Simple component to display a few podcasts\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","<!--\n  Simple component to display a few podcasts\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-CP-0ptRF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastProgressBar-CP-0ptRF.mjs","names":[],"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;;;;;;;;;;;;;;;;;;;;0DChEW,OAAA,eAAA,UAAA,GADT,YAQE,OAAA,gBAAA;;EANC,iBAAe,OAAA;EACf,sBAAoB,OAAA;EACpB,aAAW,OAAA,kBAAkB,OAAA,uBAAuB,KAAA;EACpD,OAAK,eAAE,OAAA,aAAa;EACpB,aAAW;EACX,WAAS,OAAA;;;;;;yCAES,OAAA,gBAAA,UAAA,GAArB,YAAqC,OAAA,kBAAA,EAAA,KAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/{PodcastProgressBar-B3XOeeJx.mjs → PodcastProgressBar-VG-mRcpi.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
-import { t as ProgressBar_default } from "./ProgressBar-0DSoUTwB.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
+import { t as ProgressBar_default } from "./ProgressBar-BVc0_6Lv.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineAsyncComponent, defineComponent, normalizeClass, openBlock } from "vue";
 //#region src/components/misc/player/progressbar/PodcastProgressBar.vue?vue&type=script&setup=true&lang.ts
 var PodcastProgressBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -37,7 +37,7 @@ var PodcastProgressBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__
 	},
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const CommentPlayer = defineAsyncComponent(() => import("./CommentPlayer-CiWQM64Y.mjs"));
+		const CommentPlayer = defineAsyncComponent(() => import("./CommentPlayer-BMuLmZdI.mjs"));
 		const props = __props;
 		const playerStore = usePlayerStore();
 		const percentProgress = computed(() => {
@@ -95,4 +95,4 @@ var PodcastProgressBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { PodcastProgressBar_default as default };
 
-//# sourceMappingURL=PodcastProgressBar-B3XOeeJx.mjs.map
+//# sourceMappingURL=PodcastProgressBar-VG-mRcpi.mjs.map

package/dist/PodcastProgressBar-VG-mRcpi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastProgressBar-VG-mRcpi.mjs","names":[],"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;;;;;;;;;;;;;;;;;;;;0DChEW,OAAA,eAAA,UAAA,GADT,YAQE,OAAA,gBAAA;;EANC,iBAAe,OAAA;EACf,sBAAoB,OAAA;EACpB,aAAW,OAAA,kBAAkB,OAAA,uBAAuB,KAAA;EACpD,OAAK,eAAE,OAAA,aAAa;EACpB,aAAW;EACX,WAAS,OAAA;;;;;;yCAES,OAAA,gBAAA,UAAA,GAArB,YAAqC,OAAA,kBAAA,EAAA,KAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/PodcastProgressBar-jY43GoFx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastProgressBar-jY43GoFx.mjs","names":[],"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;;;;;;;;;;;;;;;;;;;;0DChEW,OAAA,eAAA,UAAA,GADT,YAQE,OAAA,gBAAA;;EANC,iBAAe,OAAA;EACf,sBAAoB,OAAA;EACpB,aAAW,OAAA,kBAAkB,OAAA,uBAAuB,KAAA;EACpD,OAAK,eAAE,OAAA,aAAa;EACpB,aAAW;EACX,WAAS,OAAA;;;;;;yCAES,OAAA,gBAAA,UAAA,GAArB,YAAqC,OAAA,kBAAA,EAAA,KAAA,EAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA"}

package/dist/PodcastRawTranscript-BAu-dt2V.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastRawTranscript-BAu-dt2V.mjs","names":[],"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":";;;;;;;;;;;;;;;;;EA+DA,MAAM,qBAAqB,2BACjB,OAAO,oCACjB;EAGA,MAAM,QAAQ;EAMd,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,uBAAuB,IAAI,KAAK;EACtC,MAAM,aAAa,IAAsB,KAAA,CAAS;;EAElD,MAAM,iBAAiB,IAAI,EAAE;;EAE7B,MAAM,qBAAqB,IAAmB,CAAC,CAAC;;EAEhD,MAAM,kBAAkB,IAAI,EAAE;EAG9B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,uBAAuB,4BAA4B,eAAe;EAG1E,MAAM,aAAa,eAAe,OAAO,QAAO,EAAE,iBAAiB,IAAG,EAAE,iBAAiB,CAAC;EAE1F,MAAM,4BAA4B,eAAe;GAC7C,OAAO,mBAAmB,MAAM,KAAI,UAAS;IACzC,OAAO;IACP,OAAO;GACX,EAAE;EACN,CAAC;EAGD,MAAM,cAAc;GAChB,IAAI,OAAO,SAAS,CAAC,YAAY,OAAO;IACpC,IAAI,MAAM,WACN,iBAAiB;IAErB,iBAAiB;GACrB;EACJ,CAAC;EAGD,SAAS,mBAAkB;GACvB,MAAM,WAAW,sBAAc,UAAU,mBAAmB;GAC5D,IAAI,SAAS,UACT,eAAe,qCAAqC,QAAQ;GAEhE,MAAM,aAAa,sBAAc,UAAU,oBAAoB;GAC/D,IAAI,SAAS,YACT,eAAe,sCAAsC,UAAU;GAEnE,MAAM,QAAQ,sBAAc,UAAU,eAAe;GACrD,IAAI,SAAS,OACT,eAAe,iCAAiC,KAAK;EAE7D;EAEA,SAAS,eAAe,MAAc,OAAc;GAChD,SAAS,gBAAgB,MAAM,YAAY,MAAK,KAAK;EACzD;EAEA,SAAS,kBAAkB,eAAmE;GAC1F,eAAe,qCAAqC,cAAc,WAAS,IAAI;GAC/E,sBAAc,UAAU,qBAAqB,cAAc,WAAS,IAAI;GACxE,eAAe,sCAAsC,cAAc,UAAU;GAC7E,sBAAc,UAAU,sBAAqB,cAAc,UAAU;GACrE,eAAe,iCAAiC,cAAc,KAAK;GACnE,sBAAc,UAAU,iBAAgB,cAAc,KAAK;GAC3D,qBAAqB,QAAQ;EACjC;EAEA,eAAe,iBAAiB,UAAkC;GAC9D,IAAI;IACA,MAAM,cAAc,MAAM,iBAAiB,gBAAgB,MAAM,SAAS;IAC1E,IAAI,aAAa,KAAA,GAAW;KACxB,MAAM,EAAE,OAAO,cAAc,MAAM,wBAAwB,WAAW;KAEtE,WAAW,aAAa;IAC5B;IAEA,WAAW,QAAQ,sBAAsB,MADvB,iBAAiB,eAAe,MAAM,WAAW,UAAU,IAAI,CACrC;IAE5C,mBAAmB,QAAQ,YAAY,aAClC,QAAO,MAAK,EAAE,UAAU,iBAAiB,QAAQ,EACjD,KAAI,MAAK,EAAE,QAAQ;IACxB,eAAe,QAAQ,YAAY;IACnC,gBAAgB,QAAQ;IACxB,mBAAmB,MAAM,QAAQ,YAAY,cAAc;IAE3D,IAAI,CAAC,mBAAmB,MAAM,SAAS,QAAQ,GAC3C,mBAAmB,MAAM,KAAK,QAAQ;GAE9C,SAAS,OAAO;IACZ,QAAQ,MAAM,KAAK;GACvB;GACA,YAAY,QAAQ;EACxB;EAEA,eAAe,eAAe,UAAiC;GAC3D,YAAY,QAAQ;GACpB,gBAAgB,QAAQ;GACxB,WAAW,QAAQ,KAAA;GACnB,IAAI;IAEA,WAAW,QAAQ,sBAAsB,MADvB,iBAAiB,eAAe,MAAM,WAAW,QAAQ,CAC/B;GAChD,SAAS,OAAO;IACZ,QAAQ,MAAM,KAAK;GACvB;GACA,YAAY,QAAQ;EACxB;;EAGA,SAAS,QAAc;GACnB,IAAI,OAAO,SAAS,YAAY,OAC5B,iBAAiB,gBAAgB,KAAK;EAE9C;EAEA,SAAa,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBCnLT,OAAM,gCAA+B;;;CAWlC,OAAM;;mBAEA,OAAM,OAAM;;;CAkBP,OAAM;;mBAIhB,OAAM,qBAAoB;;qBAzCvC,mBAkDM,OAAA,MAAA;EAhDQ,OAAA,wBAAA,UAAA,GADV,YAIE,OAAA,uBAAA;;GAFG,QAAM,OAAA;GACN,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,uBAAoB;;EAEhC,mBA8BM,OA9BN,YA8BM;GA5BQ,OAAA,UAAA,UAAA,GADV,mBAMS,UAAA;;IAJL,OAAM;IACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,uBAAoB;OAE5B,YAA+B,OAAA,mBAAA,EAAf,OAAM,OAAM,CAAA,GAAA,gBAAG,MAAC,gBAAG,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;GAI9B,OAAA,UAAU,OAAA,0BAA0B,SAAM,KAAA,UAAA,GADpD,mBAYM,OAZN,YAYM,CARF,mBAAqE,QAArE,YAAqE,gBAA/C,OAAA,EAAC,kCAAA,CAAA,GAAA,CAAA,GACvB,YAME,OAAA,kBAAA;IALG,aAAW,OAAA;IACX,eAAW,CAAG,OAAA;IACd,SAAS,OAAA;IACT,iBAAe;IACf,qBAAkB,OAAA;;;;;;GAI3B,mBAMS,UAAA;IALL,OAAK,eAAA,CAAC,sBAAoB,EAAA,MACV,OAAA,OAAM,CAAA,CAAA;IACrB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,SAAM,CAAI,OAAA;sBAEf,OAAA,UAAU,GAAA,CAAA;;EAGV,OAAA,UAAA,UAAA,GAAX,mBAYM,OAZN,YAYM,CAXF,YAEE,OAAA,mBAAA,EADG,gBAAY,CAAG,OAAA,cAAc,OAAA,EAAC,qBAAA,IAA0B,KAAA,EAAA,GAAA,MAAA,GAAA,CAAA,cAAA,CAAA,GAE7D,mBAOM,OAPN,YAOM,CANc,OAAA,eAAe,OAAA,YAAY,UAAA,UAAA,GAA3C,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADJ,OAAA,UAAU,GAAA,CAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,GAED,OAAA,eAAW,CAAK,OAAA,YAAY,UAAA,UAAA,GAA5C,mBAEW,UAAA,EAAA,KAAA,EAAA,GAAA,CAAA,gBAAA,gBADJ,OAAA,EAAC,gDAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/{PodcastRawTranscript-D0Nm7jGM.mjs → PodcastRawTranscript-Bf6f5yNd.mjs}

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { S as transcriptionApi, x as TranslationState } from "./classicApi-CkDHWZG1.mjs";
+import { S as transcriptionApi, x as TranslationState } from "./classicApi-xjOqAovv.mjs";
 import { t as ClassicSelect_default } from "./ClassicSelect-BaY2yvwP.mjs";
-import { t as useTranslation } from "./useTranslation-BNshNMQT.mjs";
+import { t as useTranslation } from "./useTranslation-ChEasnl9.mjs";
 import { t as cookiesHelper_default } from "./cookiesHelper-BQksSais.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, openBlock, ref, toDisplayString, watch } from "vue";
 import { useI18n } from "vue-i18n";
@@ -181,4 +181,4 @@ var PodcastRawTranscript_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 //#endregion
 export { PodcastRawTranscript_default as t };
 
-//# sourceMappingURL=PodcastRawTranscript-D0Nm7jGM.mjs.map
+//# sourceMappingURL=PodcastRawTranscript-Bf6f5yNd.mjs.map

package/dist/PodcastRawTranscript-Bf6f5yNd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastRawTranscript-Bf6f5yNd.mjs","names":[],"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-DJ0O3dqM.mjs → PodcastSwiperList-BhulNkN-.mjs}

@@ -1,9 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { r as useFilterStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
-import { t as SwiperList_default } from "./SwiperList-C1v0T1wx.mjs";
-import { t as PodcastItem_default } from "./PodcastItem-CFk8MX9D.mjs";
-import { t as PodcastInlineListTemplate_default } from "./PodcastInlineListTemplate-BWw1Ix-7.mjs";
+import { r as useFilterStore, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
+import { t as SwiperList_default } from "./SwiperList-C51H-enh.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-_8ErwIDG.mjs";
+import { t as PodcastInlineListTemplate_default } from "./PodcastInlineListTemplate-DCWn3r7s.mjs";
 import { computed, createBlock, createCommentVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, watch, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 import dayjs from "dayjs";
@@ -216,4 +216,4 @@ var PodcastSwiperList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 //#endregion
 export { PodcastSwiperList_default as default };
 
-//# sourceMappingURL=PodcastSwiperList-DJ0O3dqM.mjs.map
+//# sourceMappingURL=PodcastSwiperList-BhulNkN-.mjs.map

package/dist/PodcastSwiperList-BhulNkN-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastSwiperList-BhulNkN-.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastSwiperList.vue","../src/components/display/podcasts/PodcastSwiperList.vue"],"sourcesContent":["<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\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 dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n","<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\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 dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAGb,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,cAAmC,IAAI,CAAC,CAAC;EAI/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,eAAe,eAAe;GAClC,IAAI,MAAM,eAAe,QACvB,OAAO,MAAM;GAEf,OAAO,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC;EAClE,CAAC;EACD,MAAM,gBAAgB,eAAe;GACnC,OAAO,GAAG,MAAM,WAAW,GAAG,MAAM,eAAe,GAAG,YAAY,aAAa,GAAG,MAAM,MAAM,GAAG,MAAM,WAAW,GAAG,MAAM,aAAa,GAAG,MAAM;EACnJ,CAAC;EAID,MAAM,qBAAqB,UAAU,GAAG,EAAC,WAAU,KAAI,CAAC;EAExD,oBAAkB;GAChB,IAAI,KAAA,MAAc,MAAM,oBACtB,YAAY,QAAQ,MAAM;GAE5B,IAAI,KAAA,MAAc,MAAM,SACtB,KAAK,kBAAkB,IAAI;EAE/B,CAAC;EAGD,eAAe,YAA2B;GAExC,MAAM,OAAO,MAAM,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO;KACP,MAAM;KACN,gBAAgB,aAAa;KAC7B,YAAY,MAAM;KAClB,OAAO,MAAM;KACb,YAAY,MAAM,WAAW,SAAS,MAAM,aAAa,KAAA;KACzD,cAAc,MAAM,aAAa,SAC7B,MAAM,eACN,KAAA;KACJ,gBAAgB,MAAM,eAAe,SACjC,MAAM,iBACN,KAAA;KACJ,MAAM,YAAY,QAAQ,eAAe;KACzC,OAAO,MAAM;KACb,eAAe,CAAC,SAAS,YAAY;KACrC,OAAO,YAAY,SAAS,MAAM,kBAC5B,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE,YAAY,IAC1C,KAAA;KACN,QAAQ,MAAM;IAChB;IACA,mBAAmB;GACrB,CAAC;GACD,QAAQ,QAAQ;GAChB,YAAY,QAAQ,KAAK,OAAO,QAE7B,QAAwB,SAAS,OAAO,IAAI,cAAc,MAAM,SACnE;GACA,QAAQ,QAAQ;EAClB;EACA,SAAS,cAAoB;GAC3B,IAAI,YAAY,OAAO;GACvB,YAAY,QAAQ;GACpB,UAAU;EACZ;EACA,SAAS,aAAmB;GAC1B,IAAI,CAAC,YAAY,OAAO;GACxB,YAAY,QAAQ;GACpB,UAAU;EACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QCxJU,OAAA,WAAO,CAAM,OAAA,WAAO,MAAU,OAAA,YAAY,UAAA,UAAA,GADlD,YA8B4B,OAAA,8BAAA;;EA5BzB,iBAAe;EACf,gBAAc,OAAA;EACd,eAAa,OAAA;EACb,eAAa,OAAA;EACb,OAAO,OAAA;EACP,MAAM,OAAA;EACN,UAAQ,OAAA;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,aAAW,OAAA;EACX,WAAS,OAAA;EACT,cAAa,OAAA;EACb,eAAc,OAAA;;EAEJ,eAAW,cAIlB,CAHF,YAGE,OAAA,mBAAA;GAFA,OAAM;GACL,gBAAc,OAAA,UAAU,OAAA,EAAC,sBAAA,IAA2B,KAAA;kCAEpC,OAAA,WAAA,UAAA,GAAnB,YAOa,OAAA,eAAA;;GAPgB,eAAa,OAAA;;GAC7B,cAAY,SAInB,EAJuB,aAAM,CAC/B,YAGE,OAAA,gBAAA;IAFA,OAAM;IACL,SAAS"}