@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/PodcastFilterList-Dt-zeKoY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastFilterList-Dt-zeKoY.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastFilterList.vue","../src/components/display/podcasts/PodcastFilterList.vue"],"sourcesContent":["<template>\n  <section class=\"py-3\">\n    <h3 class=\"mb-2\">\n      {{ titleFilter }}\n    </h3>\n    <div class=\"d-flex align-items-stretch flex-wrap mb-2\">\n      <div id=\"podcast-filter-list-category-chooser\" class=\"w-50-responsive pe-3\">\n        <CategoryChooser\n          height=\"100%\"\n          :defaultanswer=\"t('No category filter')\"\n          @selected=\"onCategorySelected\"\n        />\n      </div>\n      <ClassicSearch\n        v-model:text-init=\"searchPattern\"\n        class=\"w-50-responsive\"\n        id-search=\"podcast-filter-search\"\n        :label=\"t('Search')\"\n      />\n    </div>\n\n    <PodcastList\n      v-if=\"!showSeasons\"\n      :first=\"dfirst\"\n      :size=\"dsize\"\n      :iab-id=\"iabId\"\n      :query=\"query\"\n      :participant-id=\"participantId\"\n      :emission-id=\"emissionId\"\n      :organisation-id=\"productorId\"\n      :sort-criteria=\"sort\"\n      :reload=\"reloadList\"\n      :include-hidden=\"editRight\"\n      :show-count=\"showCount\"\n      :display-sort-text=\"false\"\n      :force-update-parameters=\"forceUpdateParameters\"\n      @fetch=\"fetch\"\n    />\n    <ClassicNav\n      v-else\n      v-model:active-tab=\"activeSeasonTab\"\n      :tab-number=\"emission.seasons.length\"\n    >\n      <template v-for=\"(season, i) in seasons\" #[tabNameSlot(i)]>\n        {{ $t('Podcast - Season N', { season }) }}\n      </template>\n\n      <template\n        v-for=\"(season, i) in seasons\"\n        #[tabContentSlot(i)]\n        :key=\"season\"\n      >\n        <PodcastList\n          class=\"flex-grow-1\"\n          :first=\"dfirst\"\n          :size=\"dsize\"\n          :iab-id=\"iabId\"\n          :query=\"query\"\n          :participant-id=\"participantId\"\n          :emission-id=\"emissionId\"\n          :organisation-id=\"productorId\"\n          :sort-criteria=\"sort\"\n          :reload=\"reloadList\"\n          :include-hidden=\"editRight\"\n          :show-count=\"showCount\"\n          :display-sort-text=\"false\"\n          :force-update-parameters=\"forceUpdateParameters\"\n          :seasons=\"[season]\"\n          @fetch=\"fetch($event, season)\"\n        />\n      </template>\n    </ClassicNav>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport PodcastList from \"./PodcastList.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { defineAsyncComponent, ref, Ref, computed, watch } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\nimport ClassicNav from \"../../misc/ClassicNav.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\nimport { PodcastSort } from \"../../../api/podcastApi\";\nconst CategoryChooser = defineAsyncComponent(\n  () => import(\"../categories/CategoryChooser.vue\"),\n);\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  query?: string;\n  participantId?: number;\n  name?: string;\n  emissionId?: number;\n  categoryFilter?: boolean;\n  reload?: boolean;\n  editRight?: boolean;\n  productorId?: Array<string>;\n  showCount?: boolean;\n  forceUpdateParameters?: boolean;\n  /**\n   * Emission for which to display podcasts\n   * If set, will check for seasons\n   */\n  emission?: Emission;\n}>(), {\n  first: 0,\n  size: 30\n});\n\n//Emits\nconst emit = defineEmits<{\n  (e: \"fetch\", podcasts: Array<Podcast>, season: number|undefined): void;\n  (e: \"update:query\", query: string): void;\n}>();\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(props.query ?? \"\");\nconst reloadList = ref(false);\nconst iabId : Ref<number | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { areSeasonsEnabled, getMaxSeason } = useSeasonsManagement();\n\n//Computed\nconst titleFilter = computed(() => {\n  return props.name\n    ? t(\"All podcast button\", { name: props.name })\n    : t(\"All podcast emission button\");\n});\nconst query = computed(() => searchPattern.value.length > 3 ? searchPattern.value : \"\");\n\nconst showSeasons = computed(() => {\n  return props.emission !== undefined && areSeasonsEnabled(props.emission) && (props.emission.seasons?.length ?? 0) > 0;\n});\n\nconst seasons = computed((): Array<number> => [...props.emission.seasons].sort());\n\nconst activeSeasonTab = ref(showSeasons.value ? props.emission.seasons?.indexOf(getMaxSeason(props.emission)) ?? 0 : 0);\n\nconst sort = computed((): PodcastSort => {\n  if(showSeasons.value === true) {\n    return PodcastSort.SEASONAL;\n  } else if(!query.value.length) {\n    return PodcastSort.DATE;\n  } else {\n    return PodcastSort.SCORE;\n  }\n});\n\n//Watch\nwatch(()=>props.reload, () => {\n  reloadList.value = !reloadList.value;\n});\nwatch(searchPattern, () => {\n  emit('update:query', searchPattern.value);\n});\n\n//Methods\nfunction onCategorySelected(category: Category | undefined): void {\n  iabId.value = category?.id ? category.id : undefined;\n}\nfunction fetch(podcasts: Array<Podcast>, season?: number): void {\n  emit(\"fetch\", podcasts, season);\n}\n\n/** Name of the slot for the tab's title */\nfunction tabNameSlot(index: number): string {\n  return `${index}`;\n}\n/** Name of the slot for the tab's content */\nfunction tabContentSlot(index: number): string {\n  return `tab${index}`;\n}\n</script>\n","<template>\n  <section class=\"py-3\">\n    <h3 class=\"mb-2\">\n      {{ titleFilter }}\n    </h3>\n    <div class=\"d-flex align-items-stretch flex-wrap mb-2\">\n      <div id=\"podcast-filter-list-category-chooser\" class=\"w-50-responsive pe-3\">\n        <CategoryChooser\n          height=\"100%\"\n          :defaultanswer=\"t('No category filter')\"\n          @selected=\"onCategorySelected\"\n        />\n      </div>\n      <ClassicSearch\n        v-model:text-init=\"searchPattern\"\n        class=\"w-50-responsive\"\n        id-search=\"podcast-filter-search\"\n        :label=\"t('Search')\"\n      />\n    </div>\n\n    <PodcastList\n      v-if=\"!showSeasons\"\n      :first=\"dfirst\"\n      :size=\"dsize\"\n      :iab-id=\"iabId\"\n      :query=\"query\"\n      :participant-id=\"participantId\"\n      :emission-id=\"emissionId\"\n      :organisation-id=\"productorId\"\n      :sort-criteria=\"sort\"\n      :reload=\"reloadList\"\n      :include-hidden=\"editRight\"\n      :show-count=\"showCount\"\n      :display-sort-text=\"false\"\n      :force-update-parameters=\"forceUpdateParameters\"\n      @fetch=\"fetch\"\n    />\n    <ClassicNav\n      v-else\n      v-model:active-tab=\"activeSeasonTab\"\n      :tab-number=\"emission.seasons.length\"\n    >\n      <template v-for=\"(season, i) in seasons\" #[tabNameSlot(i)]>\n        {{ $t('Podcast - Season N', { season }) }}\n      </template>\n\n      <template\n        v-for=\"(season, i) in seasons\"\n        #[tabContentSlot(i)]\n        :key=\"season\"\n      >\n        <PodcastList\n          class=\"flex-grow-1\"\n          :first=\"dfirst\"\n          :size=\"dsize\"\n          :iab-id=\"iabId\"\n          :query=\"query\"\n          :participant-id=\"participantId\"\n          :emission-id=\"emissionId\"\n          :organisation-id=\"productorId\"\n          :sort-criteria=\"sort\"\n          :reload=\"reloadList\"\n          :include-hidden=\"editRight\"\n          :show-count=\"showCount\"\n          :display-sort-text=\"false\"\n          :force-update-parameters=\"forceUpdateParameters\"\n          :seasons=\"[season]\"\n          @fetch=\"fetch($event, season)\"\n        />\n      </template>\n    </ClassicNav>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport PodcastList from \"./PodcastList.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { defineAsyncComponent, ref, Ref, computed, watch } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\nimport ClassicNav from \"../../misc/ClassicNav.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\nimport { PodcastSort } from \"../../../api/podcastApi\";\nconst CategoryChooser = defineAsyncComponent(\n  () => import(\"../categories/CategoryChooser.vue\"),\n);\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  query?: string;\n  participantId?: number;\n  name?: string;\n  emissionId?: number;\n  categoryFilter?: boolean;\n  reload?: boolean;\n  editRight?: boolean;\n  productorId?: Array<string>;\n  showCount?: boolean;\n  forceUpdateParameters?: boolean;\n  /**\n   * Emission for which to display podcasts\n   * If set, will check for seasons\n   */\n  emission?: Emission;\n}>(), {\n  first: 0,\n  size: 30\n});\n\n//Emits\nconst emit = defineEmits<{\n  (e: \"fetch\", podcasts: Array<Podcast>, season: number|undefined): void;\n  (e: \"update:query\", query: string): void;\n}>();\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(props.query ?? \"\");\nconst reloadList = ref(false);\nconst iabId : Ref<number | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { areSeasonsEnabled, getMaxSeason } = useSeasonsManagement();\n\n//Computed\nconst titleFilter = computed(() => {\n  return props.name\n    ? t(\"All podcast button\", { name: props.name })\n    : t(\"All podcast emission button\");\n});\nconst query = computed(() => searchPattern.value.length > 3 ? searchPattern.value : \"\");\n\nconst showSeasons = computed(() => {\n  return props.emission !== undefined && areSeasonsEnabled(props.emission) && (props.emission.seasons?.length ?? 0) > 0;\n});\n\nconst seasons = computed((): Array<number> => [...props.emission.seasons].sort());\n\nconst activeSeasonTab = ref(showSeasons.value ? props.emission.seasons?.indexOf(getMaxSeason(props.emission)) ?? 0 : 0);\n\nconst sort = computed((): PodcastSort => {\n  if(showSeasons.value === true) {\n    return PodcastSort.SEASONAL;\n  } else if(!query.value.length) {\n    return PodcastSort.DATE;\n  } else {\n    return PodcastSort.SCORE;\n  }\n});\n\n//Watch\nwatch(()=>props.reload, () => {\n  reloadList.value = !reloadList.value;\n});\nwatch(searchPattern, () => {\n  emit('update:query', searchPattern.value);\n});\n\n//Methods\nfunction onCategorySelected(category: Category | undefined): void {\n  iabId.value = category?.id ? category.id : undefined;\n}\nfunction fetch(podcasts: Array<Podcast>, season?: number): void {\n  emit(\"fetch\", podcasts, season);\n}\n\n/** Name of the slot for the tab's title */\nfunction tabNameSlot(index: number): string {\n  return `${index}`;\n}\n/** Name of the slot for the tab's content */\nfunction tabContentSlot(index: number): string {\n  return `tab${index}`;\n}\n</script>\n"],"mappings":"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"}

package/dist/PodcastFilterList-ScEWo73F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastFilterList-ScEWo73F.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastFilterList.vue","../src/components/display/podcasts/PodcastFilterList.vue"],"sourcesContent":["<template>\n  <section class=\"py-3\">\n    <h3 class=\"mb-2\">\n      {{ titleFilter }}\n    </h3>\n    <div class=\"d-flex align-items-stretch flex-wrap mb-2\">\n      <div id=\"podcast-filter-list-category-chooser\" class=\"w-50-responsive pe-3\">\n        <CategoryChooser\n          height=\"100%\"\n          :defaultanswer=\"t('No category filter')\"\n          @selected=\"onCategorySelected\"\n        />\n      </div>\n      <ClassicSearch\n        v-model:text-init=\"searchPattern\"\n        class=\"w-50-responsive\"\n        id-search=\"podcast-filter-search\"\n        :label=\"t('Search')\"\n      />\n    </div>\n\n    <PodcastList\n      v-if=\"!showSeasons\"\n      :first=\"dfirst\"\n      :size=\"dsize\"\n      :iab-id=\"iabId\"\n      :query=\"query\"\n      :participant-id=\"participantId\"\n      :emission-id=\"emissionId\"\n      :organisation-id=\"productorId\"\n      :sort-criteria=\"sort\"\n      :reload=\"reloadList\"\n      :include-hidden=\"editRight\"\n      :show-count=\"showCount\"\n      :display-sort-text=\"false\"\n      :force-update-parameters=\"forceUpdateParameters\"\n      @fetch=\"fetch\"\n    />\n    <ClassicNav\n      v-else\n      v-model:active-tab=\"activeSeasonTab\"\n      :tab-number=\"emission.seasons.length\"\n    >\n      <template v-for=\"(season, i) in seasons\" #[tabNameSlot(i)]>\n        {{ $t('Podcast - Season N', { season }) }}\n      </template>\n\n      <template\n        v-for=\"(season, i) in seasons\"\n        #[tabContentSlot(i)]\n        :key=\"season\"\n      >\n        <PodcastList\n          class=\"flex-grow-1\"\n          :first=\"dfirst\"\n          :size=\"dsize\"\n          :iab-id=\"iabId\"\n          :query=\"query\"\n          :participant-id=\"participantId\"\n          :emission-id=\"emissionId\"\n          :organisation-id=\"productorId\"\n          :sort-criteria=\"sort\"\n          :reload=\"reloadList\"\n          :include-hidden=\"editRight\"\n          :show-count=\"showCount\"\n          :display-sort-text=\"false\"\n          :force-update-parameters=\"forceUpdateParameters\"\n          :seasons=\"[season]\"\n          @fetch=\"fetch($event, season)\"\n        />\n      </template>\n    </ClassicNav>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport PodcastList from \"./PodcastList.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { defineAsyncComponent, ref, Ref, computed, watch } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\nimport ClassicNav from \"../../misc/ClassicNav.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\nimport { PodcastSort } from \"../../../api/podcastApi\";\nconst CategoryChooser = defineAsyncComponent(\n  () => import(\"../categories/CategoryChooser.vue\"),\n);\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  query?: string;\n  participantId?: number;\n  name?: string;\n  emissionId?: number;\n  categoryFilter?: boolean;\n  reload?: boolean;\n  editRight?: boolean;\n  productorId?: Array<string>;\n  showCount?: boolean;\n  forceUpdateParameters?: boolean;\n  /**\n   * Emission for which to display podcasts\n   * If set, will check for seasons\n   */\n  emission?: Emission;\n}>(), {\n  first: 0,\n  size: 30\n});\n\n//Emits\nconst emit = defineEmits<{\n  (e: \"fetch\", podcasts: Array<Podcast>, season: number|undefined): void;\n  (e: \"update:query\", query: string): void;\n}>();\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(props.query ?? \"\");\nconst reloadList = ref(false);\nconst iabId : Ref<number | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { areSeasonsEnabled, getMaxSeason } = useSeasonsManagement();\n\n//Computed\nconst titleFilter = computed(() => {\n  return props.name\n    ? t(\"All podcast button\", { name: props.name })\n    : t(\"All podcast emission button\");\n});\nconst query = computed(() => searchPattern.value.length > 3 ? searchPattern.value : \"\");\n\nconst showSeasons = computed(() => {\n  return props.emission !== undefined && areSeasonsEnabled(props.emission) && (props.emission.seasons?.length ?? 0) > 0;\n});\n\nconst seasons = computed((): Array<number> => [...props.emission.seasons].sort());\n\nconst activeSeasonTab = ref(showSeasons.value ? props.emission.seasons?.indexOf(getMaxSeason(props.emission)) ?? 0 : 0);\n\nconst sort = computed((): PodcastSort => {\n  if(showSeasons.value === true) {\n    return PodcastSort.SEASONAL;\n  } else if(!query.value.length) {\n    return PodcastSort.DATE;\n  } else {\n    return PodcastSort.SCORE;\n  }\n});\n\n//Watch\nwatch(()=>props.reload, () => {\n  reloadList.value = !reloadList.value;\n});\nwatch(searchPattern, () => {\n  emit('update:query', searchPattern.value);\n});\n\n//Methods\nfunction onCategorySelected(category: Category | undefined): void {\n  iabId.value = category?.id ? category.id : undefined;\n}\nfunction fetch(podcasts: Array<Podcast>, season?: number): void {\n  emit(\"fetch\", podcasts, season);\n}\n\n/** Name of the slot for the tab's title */\nfunction tabNameSlot(index: number): string {\n  return `${index}`;\n}\n/** Name of the slot for the tab's content */\nfunction tabContentSlot(index: number): string {\n  return `tab${index}`;\n}\n</script>\n","<template>\n  <section class=\"py-3\">\n    <h3 class=\"mb-2\">\n      {{ titleFilter }}\n    </h3>\n    <div class=\"d-flex align-items-stretch flex-wrap mb-2\">\n      <div id=\"podcast-filter-list-category-chooser\" class=\"w-50-responsive pe-3\">\n        <CategoryChooser\n          height=\"100%\"\n          :defaultanswer=\"t('No category filter')\"\n          @selected=\"onCategorySelected\"\n        />\n      </div>\n      <ClassicSearch\n        v-model:text-init=\"searchPattern\"\n        class=\"w-50-responsive\"\n        id-search=\"podcast-filter-search\"\n        :label=\"t('Search')\"\n      />\n    </div>\n\n    <PodcastList\n      v-if=\"!showSeasons\"\n      :first=\"dfirst\"\n      :size=\"dsize\"\n      :iab-id=\"iabId\"\n      :query=\"query\"\n      :participant-id=\"participantId\"\n      :emission-id=\"emissionId\"\n      :organisation-id=\"productorId\"\n      :sort-criteria=\"sort\"\n      :reload=\"reloadList\"\n      :include-hidden=\"editRight\"\n      :show-count=\"showCount\"\n      :display-sort-text=\"false\"\n      :force-update-parameters=\"forceUpdateParameters\"\n      @fetch=\"fetch\"\n    />\n    <ClassicNav\n      v-else\n      v-model:active-tab=\"activeSeasonTab\"\n      :tab-number=\"emission.seasons.length\"\n    >\n      <template v-for=\"(season, i) in seasons\" #[tabNameSlot(i)]>\n        {{ $t('Podcast - Season N', { season }) }}\n      </template>\n\n      <template\n        v-for=\"(season, i) in seasons\"\n        #[tabContentSlot(i)]\n        :key=\"season\"\n      >\n        <PodcastList\n          class=\"flex-grow-1\"\n          :first=\"dfirst\"\n          :size=\"dsize\"\n          :iab-id=\"iabId\"\n          :query=\"query\"\n          :participant-id=\"participantId\"\n          :emission-id=\"emissionId\"\n          :organisation-id=\"productorId\"\n          :sort-criteria=\"sort\"\n          :reload=\"reloadList\"\n          :include-hidden=\"editRight\"\n          :show-count=\"showCount\"\n          :display-sort-text=\"false\"\n          :force-update-parameters=\"forceUpdateParameters\"\n          :seasons=\"[season]\"\n          @fetch=\"fetch($event, season)\"\n        />\n      </template>\n    </ClassicNav>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport PodcastList from \"./PodcastList.vue\";\nimport { Category } from \"@/stores/class/general/category\";\nimport { defineAsyncComponent, ref, Ref, computed, watch } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\nimport ClassicNav from \"../../misc/ClassicNav.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\nimport { PodcastSort } from \"../../../api/podcastApi\";\nconst CategoryChooser = defineAsyncComponent(\n  () => import(\"../categories/CategoryChooser.vue\"),\n);\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  query?: string;\n  participantId?: number;\n  name?: string;\n  emissionId?: number;\n  categoryFilter?: boolean;\n  reload?: boolean;\n  editRight?: boolean;\n  productorId?: Array<string>;\n  showCount?: boolean;\n  forceUpdateParameters?: boolean;\n  /**\n   * Emission for which to display podcasts\n   * If set, will check for seasons\n   */\n  emission?: Emission;\n}>(), {\n  first: 0,\n  size: 30\n});\n\n//Emits\nconst emit = defineEmits<{\n  (e: \"fetch\", podcasts: Array<Podcast>, season: number|undefined): void;\n  (e: \"update:query\", query: string): void;\n}>();\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(props.query ?? \"\");\nconst reloadList = ref(false);\nconst iabId : Ref<number | undefined>= ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { areSeasonsEnabled, getMaxSeason } = useSeasonsManagement();\n\n//Computed\nconst titleFilter = computed(() => {\n  return props.name\n    ? t(\"All podcast button\", { name: props.name })\n    : t(\"All podcast emission button\");\n});\nconst query = computed(() => searchPattern.value.length > 3 ? searchPattern.value : \"\");\n\nconst showSeasons = computed(() => {\n  return props.emission !== undefined && areSeasonsEnabled(props.emission) && (props.emission.seasons?.length ?? 0) > 0;\n});\n\nconst seasons = computed((): Array<number> => [...props.emission.seasons].sort());\n\nconst activeSeasonTab = ref(showSeasons.value ? props.emission.seasons?.indexOf(getMaxSeason(props.emission)) ?? 0 : 0);\n\nconst sort = computed((): PodcastSort => {\n  if(showSeasons.value === true) {\n    return PodcastSort.SEASONAL;\n  } else if(!query.value.length) {\n    return PodcastSort.DATE;\n  } else {\n    return PodcastSort.SCORE;\n  }\n});\n\n//Watch\nwatch(()=>props.reload, () => {\n  reloadList.value = !reloadList.value;\n});\nwatch(searchPattern, () => {\n  emit('update:query', searchPattern.value);\n});\n\n//Methods\nfunction onCategorySelected(category: Category | undefined): void {\n  iabId.value = category?.id ? category.id : undefined;\n}\nfunction fetch(podcasts: Array<Podcast>, season?: number): void {\n  emit(\"fetch\", podcasts, season);\n}\n\n/** Name of the slot for the tab's title */\nfunction tabNameSlot(index: number): string {\n  return `${index}`;\n}\n/** Name of the slot for the tab's content */\nfunction tabContentSlot(index: number): string {\n  return `tab${index}`;\n}\n</script>\n"],"mappings":"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"}

package/dist/PodcastImage-BeXlZu-M.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-BeXlZu-M.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastImage-C0y1-_Ef.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-C0y1-_Ef.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastImage-C21I_lnU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-C21I_lnU.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastImage-CWKY72t1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-CWKY72t1.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EA,MAAM,QAAQ;EAUd,MAAM,OAAO;EAGb,MAAM,gBAAgB,IAAI,KAAK;EAC/B,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,cAAc;EAC3C,MAAM,EAAE,oBAAoB,aAAa;EAGzC,MAAM,eAAe,eAAe;GAClC,OACE,KAAA,MAAc,MAAM,YAAY,gBAChC,MAAM,MAAM,YAAY,gBACvB,MAAM,SAAS,aAAa,SAC3B,MAAM,YAAY,YACpB;EAEJ,CAAC;EACD,MAAM,mBAAmB,eAAe;GACtC,OACE,KAAA,MAAc,MAAM,mBACpB,KAAA,MAAc,MAAM,QAAQ,gBAC5B,sBAAsB,MAAM,QAAQ;EAExC,CAAC;EACD,MAAM,aAAa,eAAe;GAChC,IAAI,CAAC,MAAM,iBACT,OAAO;GAGT,QAAQ,MAAM,gBAAgB,QAA9B;IACE,KAAK,WACH,OAAO,EAAE,kBAAkB;IAE7B,KAAK,WACH,IAAI,MAAM,gBACR,OAAO,EAAE,aAAa;SAEtB,OAAO,EAAE,eAAe;IAG5B,KAAK,aACH,OAAO,EAAE,SAAS;IAEpB,KAAK,cACH,IAAI,sBAAsB,MAAM,QAAQ,kBACtC,OAAO,EAAE,eAAe;SAExB,OAAO,EAAE,YAAY;IAGzB,KAAK,SACH,OAAO,EAAE,UAAU;IAErB,KAAK,cACH,OAAO,EAAE,YAAY;IAEvB,SACE,OAAO;GACX;EACF,CAAC;EAID,YAAU,MAAM,sBAAsB;GACpC,IAAI,SAAS,MAAM,gBAAgB;IACjC,cAAc,QAAQ;IACtB,gBAAgB;GAClB,OAAO;IACL,cAAc,QAAQ;IACtB,gBAAgB;GAClB;EACF,CAAC;EAGD,oBAAkB;GAChB,SAAS,QAAQ,OAAO,WAAW,eAAe,EAAE;EACtD,CAAC;EAGD,SAAS,kBAAwB;GAC/B,IAAI,cAAc,OAChB,KAAK,iBAAiB;QAEtB,KAAK,iBAAiB;GAExB,cAAc,QAAQ,CAAC,cAAc;EACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCtKI,OAAM;;;;;CAkCuB,OAAM;;;;;;QAnC7B,OAAA,WAAA,UAAA,GADR,mBAqDM,OArDN,YAqDM;EAjDJ,YAgBc,wBAAA;GAfX,IAAE;;yBAA0D,OAAA,QAAQ,UAAS;;GAI7E,OAAO,OAAA,EAAC,qBAAA,EAAA,MAA8B,OAAA,QAAQ,MAAK,CAAA;;0BAUnD,CAAA,eARD,mBAQC,OAAA;IANC,OAAM;IACN,QAAO;IACP,eAAY;IACZ,KAAI;IACJ,OAAM;IACL,OAAO,OAAA,EAAC,sBAAA,EAAA,MAA+B,OAAA,QAAQ,MAAK,CAAA;+CAN7C,OAAA,iBAAiB,OAAA,QAAQ,UAAQ,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;EAUrC,OAAA,MAAM,kBAAkB,gBAAA,UAAA,GADhC,mBAGE,OAAA;;GADC,OAAK,eAAE,OAAA,eAAY,iBAAA,iBAAA;;EAGd,OAAA,mBAAA,UAAA,GADR,mBAUM,OAAA;;GARJ,OAAK,eAAA,CAAC,qBACW,OAAA,mBAAe,WAAe,OAAA,mBAAmB,OAAA,gBAAgB,SAAmB,OAAA,gBAAgB,OAAO,YAAW,IAAA,QAAA,EAAA,CAAA;qBAMpI,OAAA,UAAU,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;EAEJ,OAAA,oBAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,OAAA,EAAC,kBAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;EAEN,YAKE,OAAA,sBAAA;GAJC,SAAS,OAAA;GACT,aAAW,OAAA;GACX,oBAAkB,OAAA;GAClB,mBAAiB,OAAA;;;;;;;EAGZ,OAAA,sBAAsB,OAAA,YAAA,UAAA,GAD9B,mBAOS,UAAA;;GALP,OAAM;GACL,OAAO,OAAA,gBAAgB,OAAA,EAAC,kBAAA,IAAuB,OAAA,EAAC,kBAAA;GAChD,SAAO,OAAA;MAER,YAAkE,OAAA,oBAAA,EAAhD,OAAK,eAAA,EAAA,mBAAA,CAAwB,OAAA,cAAa,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAA,mBAAA,QAAA,IAAA"}

package/dist/PodcastImage-CbOp5HBb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-CbOp5HBb.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastImage-DamlmvBn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-DamlmvBn.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastImage-DsU_qbcI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-DsU_qbcI.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastImage-FhC5F4MR.mjs

@@ -0,0 +1,174 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { A as state, i as useAuthStore } from "./classicApi-ChvwoPGT.mjs";
+import { t as useImageProxy } from "./useImageProxy-DdK55qB4.mjs";
+import { t as PodcastPlayButton_default } from "./PodcastPlayButton-Dgv5W72_.mjs";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, onBeforeMount, openBlock, ref, resolveComponent, resolveDirective, toDisplayString, watch, withCtx, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
+//#region src/components/display/podcasts/PodcastImage.vue?vue&type=script&setup=true&lang.ts
+var PodcastImage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastImage",
+	props: {
+		podcast: {
+			default: () => ({}),
+			type: Object
+		},
+		hidePlay: {
+			default: false,
+			type: Boolean
+		},
+		displayDescription: {
+			default: false,
+			type: Boolean
+		},
+		arrowDirection: {
+			default: "up",
+			type: String
+		},
+		isAnimatorLive: {
+			default: false,
+			type: Boolean
+		},
+		fetchConference: {
+			default: void 0,
+			type: Object
+		}
+	},
+	emits: ["hideDescription", "showDescription"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const props = __props;
+		const emit = __emit;
+		const isDescription = ref(false);
+		const isMobile = ref(false);
+		const { t } = useI18n();
+		const { useProxyImageUrl } = useImageProxy();
+		const { isAuthenticated } = useAuthStore();
+		const mainRubrique = computed(() => {
+			return void 0 !== state.podcastPage.mainRubrique && 0 !== state.podcastPage.mainRubrique && props.podcast?.rubriqueIds?.includes(state.podcastPage.mainRubrique);
+		});
+		const isRecordedInLive = computed(() => {
+			return void 0 === props.fetchConference && void 0 !== props.podcast.conferenceId && "READY_TO_RECORD" !== props.podcast.processingStatus;
+		});
+		const statusText = computed(() => {
+			if (!props.fetchConference) return "";
+			switch (props.fetchConference.status) {
+				case "PLANNED": return t("live in few time");
+				case "PENDING": if (props.isAnimatorLive) return t("Open studio");
+				else return t("live upcoming");
+				case "RECORDING": return t("In live");
+				case "DEBRIEFING": if ("READY_TO_RECORD" === props.podcast.processingStatus) return t("Not recording");
+				else return t("Debriefing");
+				case "ERROR": return t("In error");
+				case "PUBLISHING": return t("Publishing");
+				default: return "";
+			}
+		});
+		watch(() => props.arrowDirection, () => {
+			if ("up" === props.arrowDirection) {
+				isDescription.value = true;
+				showDescription();
+			} else {
+				isDescription.value = false;
+				showDescription();
+			}
+		});
+		onBeforeMount(() => {
+			isMobile.value = window.matchMedia("(hover: none)").matches;
+		});
+		function showDescription() {
+			if (isDescription.value) emit("hideDescription");
+			else emit("showDescription");
+			isDescription.value = !isDescription.value;
+		}
+		const __returned__ = {
+			props,
+			emit,
+			isDescription,
+			isMobile,
+			t,
+			useProxyImageUrl,
+			isAuthenticated,
+			mainRubrique,
+			isRecordedInLive,
+			statusText,
+			showDescription,
+			ChevronDownIcon,
+			PodcastPlayButton: PodcastPlayButton_default,
+			get state() {
+				return state;
+			}
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/podcasts/PodcastImage.vue
+var _hoisted_1 = {
+	key: 0,
+	class: "img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start"
+};
+var _hoisted_2 = ["title"];
+var _hoisted_3 = {
+	key: 2,
+	class: "live-image-status recording-bg"
+};
+var _hoisted_4 = ["title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_router_link = resolveComponent("router-link");
+	const _directive_lazy = resolveDirective("lazy");
+	return $props.podcast ? (openBlock(), createElementBlock("div", _hoisted_1, [
+		createVNode(_component_router_link, {
+			to: {
+				name: "podcast",
+				params: { podcastId: $props.podcast.podcastId }
+			},
+			title: $setup.t("Episode name page", { name: $props.podcast.title })
+		}, {
+			default: withCtx(() => [withDirectives(createElementVNode("img", {
+				width: "270",
+				height: "270",
+				"aria-hidden": "true",
+				alt: "",
+				class: "img-box img-box-podcast",
+				title: $setup.t("Episode name image", { name: $props.podcast.title })
+			}, null, 8, _hoisted_2), [[_directive_lazy, $setup.useProxyImageUrl($props.podcast.imageUrl, "270")]])]),
+			_: 1
+		}, 8, ["to", "title"]),
+		$setup.state.generalParameters.podcastmaker ? (openBlock(), createElementBlock("div", {
+			key: 0,
+			class: normalizeClass($setup.mainRubrique ? "mainRubrique" : "notMainRubrique")
+		}, null, 2)) : createCommentVNode("v-if", true),
+		$props.fetchConference ? (openBlock(), createElementBlock("div", {
+			key: 1,
+			class: normalizeClass(["live-image-status", $props.fetchConference && "null" !== $props.fetchConference && $props.fetchConference.status ? $props.fetchConference.status.toLowerCase() + "-bg" : ""])
+		}, toDisplayString($setup.statusText), 3)) : createCommentVNode("v-if", true),
+		$setup.isRecordedInLive ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString($setup.t("Recorded in live")), 1)) : createCommentVNode("v-if", true),
+		createVNode($setup["PodcastPlayButton"], {
+			podcast: $props.podcast,
+			"hide-play": $props.hidePlay,
+			"fetch-conference": $props.fetchConference,
+			"show-processing": $setup.isAuthenticated
+		}, null, 8, [
+			"podcast",
+			"hide-play",
+			"fetch-conference",
+			"show-processing"
+		]),
+		$props.displayDescription && $setup.isMobile ? (openBlock(), createElementBlock("button", {
+			key: 3,
+			class: "background-icon bg-dark text-white",
+			title: $setup.isDescription ? $setup.t("Hide description") : $setup.t("Show description"),
+			onClick: $setup.showDescription
+		}, [createVNode($setup["ChevronDownIcon"], { class: normalizeClass({ "arrow-transform": !$setup.isDescription }) }, null, 8, ["class"])], 8, _hoisted_4)) : createCommentVNode("v-if", true)
+	])) : createCommentVNode("v-if", true);
+}
+var PodcastImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PodcastImage_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/podcasts/PodcastImage.vue"]]);
+//#endregion
+export { PodcastImage_default as t };
+
+//# sourceMappingURL=PodcastImage-FhC5F4MR.mjs.map

package/dist/PodcastImage-FhC5F4MR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-FhC5F4MR.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\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  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}