@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/PodcastPlayButton-vspf9u4U.mjs.map

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

package/dist/PodcastPlaylistInlineList-B3cji_kZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-B3cji_kZ.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-BdfZY6Bi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-BdfZY6Bi.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-BxUy7Yg7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-BxUy7Yg7.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-C3khc2NN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-C3khc2NN.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-CQF7SZ6j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-CQF7SZ6j.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-D8VLeO5u.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-D8VLeO5u.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-D9PS9Z2X.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-D9PS9Z2X.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-WISkRxKn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-WISkRxKn.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-YDhy9TvO.mjs

@@ -0,0 +1,115 @@
+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-ChvwoPGT.mjs";
+import { t as SwiperList_default } from "./SwiperList-B20Vye8P.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-rF33x3wp.mjs";
+import { t as PodcastInlineListTemplate_default } from "./PodcastInlineListTemplate-CB3uZjwS.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
+var PodcastPlaylistInlineList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastPlaylistInlineList",
+	props: {
+		playlistId: {
+			type: Number,
+			required: true
+		},
+		sizeItemOverload: {
+			type: Number,
+			required: false
+		},
+		noMoreButton: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const loading = ref(true);
+		const totalCount = ref(0);
+		const playlist = ref(void 0);
+		const allPodcasts = ref([]);
+		const { t } = useI18n();
+		const authStore = useAuthStore();
+		watch(() => props.playlistId, () => {
+			reset();
+			fetchContent();
+		});
+		onMounted(() => fetchContent());
+		async function fetchContent() {
+			allPodcasts.value.length = 0;
+			loading.value = true;
+			const [playlistData, content] = await Promise.all([playlistApi.get(props.playlistId), playlistApi.getContentFull(props.playlistId)]);
+			playlist.value = playlistData;
+			allPodcasts.value = content;
+			if (!(void 0 !== authStore.authOrgaId && authStore.authOrgaId === playlist.value?.organisation?.id || authStore.isRoleAdmin)) allPodcasts.value = allPodcasts.value.filter((p) => {
+				return null !== p && (!p.availability || true === p.availability.visibility);
+			});
+			loading.value = false;
+		}
+		function reset() {
+			totalCount.value = 0;
+			allPodcasts.value.length = 0;
+		}
+		const __returned__ = {
+			props,
+			loading,
+			totalCount,
+			playlist,
+			allPodcasts,
+			t,
+			authStore,
+			fetchContent,
+			reset,
+			PodcastInlineListTemplate: PodcastInlineListTemplate_default,
+			PodcastItem: PodcastItem_default,
+			SwiperList: SwiperList_default,
+			ClassicLoading: ClassicLoading_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/playlist/PodcastPlaylistInlineList.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.loading || !$setup.loading && 0 !== $setup.allPodcasts.length ? (openBlock(), createBlock($setup["PodcastInlineListTemplate"], {
+		key: 0,
+		"display-arrow": false,
+		"button-text": $props.noMoreButton ? void 0 : $setup.t("See more"),
+		"button-plus": true,
+		title: $setup.playlist?.title ?? "",
+		href: "/main/pub/playlist/" + $props.playlistId,
+		"podcast-id": $props.playlistId
+	}, {
+		"list-inline": withCtx(() => [createVNode($setup["ClassicLoading"], {
+			class: "loading-size",
+			"loading-text": $setup.loading ? $setup.t("Loading podcasts ...") : void 0
+		}, null, 8, ["loading-text"]), !$setup.loading ? (openBlock(), createBlock($setup["SwiperList"], {
+			key: 0,
+			"list-object": $setup.allPodcasts,
+			"size-item-overload": $props.sizeItemOverload
+		}, {
+			octopusSlide: withCtx(({ option }) => [createVNode($setup["PodcastItem"], {
+				class: "flex-shrink-0 item-phone-margin",
+				podcast: option
+			}, null, 8, ["podcast"])]),
+			_: 1
+		}, 8, ["list-object", "size-item-overload"])) : createCommentVNode("v-if", true)]),
+		_: 1
+	}, 8, [
+		"button-text",
+		"title",
+		"href",
+		"podcast-id"
+	])) : createCommentVNode("v-if", true);
+}
+var PodcastPlaylistInlineList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PodcastPlaylistInlineList_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/playlist/PodcastPlaylistInlineList.vue"]]);
+//#endregion
+export { PodcastPlaylistInlineList_default as default };
+
+//# sourceMappingURL=PodcastPlaylistInlineList-YDhy9TvO.mjs.map

package/dist/PodcastPlaylistInlineList-YDhy9TvO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPlaylistInlineList-YDhy9TvO.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-6ZP8AnoX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-6ZP8AnoX.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-AP-ZURmT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-AP-ZURmT.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-BC6cS2jK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-BC6cS2jK.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-BfakxuQt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastPresentationList-BfakxuQt.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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"}