@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/PodcastFilterList-BBhzOM64.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastFilterList-BBhzOM64.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createSlots","_renderList","_withCtx","_createTextVNode","_sfc_main"],"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-BKBjd36i.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastFilterList-BKBjd36i.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createSlots","_renderList","_withCtx","_createTextVNode","_sfc_main"],"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-YM90eN60.mjs → PodcastFilterList-CL5ebQ69.mjs}

@@ -1,7 +1,7 @@
-import { p as e } from "./classicApi-pmODlqv5.mjs";
+import { p as e } from "./classicApi-CGipMqf7.mjs";
 import { t } from "./useSeasonsManagement-DwbmJywJ.mjs";
 import { t as n } from "./ClassicSearch-CtL1cpnF.mjs";
-import { t as r } from "./PodcastList-Bbe3yWiu.mjs";
+import { t as r } from "./PodcastList-yjd_exFg.mjs";
 import { t as i } from "./ClassicNav-DYez6p1J.mjs";
 import { computed as a, createBlock as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineAsyncComponent as f, defineComponent as p, openBlock as m, ref as h, renderList as g, toDisplayString as _, unref as v, watch as y, withCtx as b } from "vue";
 import { useI18n as x } from "vue-i18n";
@@ -28,7 +28,7 @@ var S = { class: "py-3" }, C = { class: "mb-2" }, w = { class: "d-flex align-ite
 	},
 	emits: ["fetch", "update:query"],
 	setup(p, { emit: E }) {
-		let D = f(() => import("./CategoryChooser-CeF4n-nw.mjs").then((e) => e.n)), O = p, k = E, A = h(O.first), j = h(O.size), M = h(O.query ?? ""), N = h(!1), P = h(void 0), { t: F } = x(), { areSeasonsEnabled: I, getMaxSeason: L } = t(), R = a(() => O.name ? F("All podcast button", { name: O.name }) : F("All podcast emission button")), z = a(() => M.value.length > 3 ? M.value : ""), B = a(() => O.emission !== void 0 && I(O.emission) && (O.emission.seasons?.length ?? 0) > 0), V = a(() => [...O.emission.seasons].sort()), H = h(B.value ? O.emission.seasons?.indexOf(L(O.emission)) ?? 0 : 0), U = a(() => B.value === !0 ? e.SEASONAL : z.value.length ? e.SCORE : e.DATE);
+		let D = f(() => import("./CategoryChooser-fAUMJNHu.mjs").then((e) => e.n)), O = p, k = E, A = h(O.first), j = h(O.size), M = h(O.query ?? ""), N = h(!1), P = h(void 0), { t: F } = x(), { areSeasonsEnabled: I, getMaxSeason: L } = t(), R = a(() => O.name ? F("All podcast button", { name: O.name }) : F("All podcast emission button")), z = a(() => M.value.length > 3 ? M.value : ""), B = a(() => O.emission !== void 0 && I(O.emission) && (O.emission.seasons?.length ?? 0) > 0), V = a(() => [...O.emission.seasons].sort()), H = h(B.value ? O.emission.seasons?.indexOf(L(O.emission)) ?? 0 : 0), U = a(() => B.value === !0 ? e.SEASONAL : z.value.length ? e.SCORE : e.DATE);
 		y(() => O.reload, () => {
 			N.value = !N.value;
 		}), y(M, () => {

package/dist/PodcastFilterList-D9NTYS1v.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastFilterList-D9NTYS1v.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createSlots","_renderList","_withCtx","_createTextVNode","_sfc_main"],"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-BtiQlrb3.mjs → PodcastImage-BFA22TgZ.mjs}

@@ -1,6 +1,6 @@
-import { A as e, i as t } from "./classicApi-pmODlqv5.mjs";
-import { t as n } from "./useImageProxy-8ndy_oTo.mjs";
-import { t as r } from "./PodcastPlayButton-CQY0d6f-.mjs";
+import { i as e, j as t } from "./classicApi-CGipMqf7.mjs";
+import { t as n } from "./useImageProxy-CCpDzPmQ.mjs";
+import { t as r } from "./PodcastPlayButton--gjzxW0o.mjs";
 import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, onBeforeMount as d, openBlock as f, ref as p, resolveComponent as m, resolveDirective as h, toDisplayString as g, unref as _, watch as v, withCtx as y, withDirectives as b } from "vue";
 import { useI18n as x } from "vue-i18n";
 import S from "vue-material-design-icons/ChevronDown.vue";
@@ -41,7 +41,7 @@ var C = {
 	},
 	emits: ["hideDescription", "showDescription"],
 	setup(l, { emit: D }) {
-		let O = l, k = D, A = p(!1), j = p(!1), { t: M } = x(), { useProxyImageUrl: N } = n(), { isAuthenticated: P } = t(), F = i(() => e.podcastPage.mainRubrique !== void 0 && e.podcastPage.mainRubrique !== 0 && O.podcast?.rubriqueIds?.includes(e.podcastPage.mainRubrique)), I = i(() => O.fetchConference === void 0 && O.podcast.conferenceId !== void 0 && O.podcast.processingStatus !== "READY_TO_RECORD"), L = i(() => {
+		let O = l, k = D, A = p(!1), j = p(!1), { t: M } = x(), { useProxyImageUrl: N } = n(), { isAuthenticated: P } = e(), F = i(() => t.podcastPage.mainRubrique !== void 0 && t.podcastPage.mainRubrique !== 0 && O.podcast?.rubriqueIds?.includes(t.podcastPage.mainRubrique)), I = i(() => O.fetchConference === void 0 && O.podcast.conferenceId !== void 0 && O.podcast.processingStatus !== "READY_TO_RECORD"), L = i(() => {
 			if (!O.fetchConference) return "";
 			switch (O.fetchConference.status) {
 				case "PLANNED": return M("live in few time");
@@ -61,7 +61,7 @@ var C = {
 		function R() {
 			A.value ? k("hideDescription") : k("showDescription"), A.value = !A.value;
 		}
-		return (t, n) => {
+		return (e, n) => {
 			let i = m("router-link"), d = h("lazy");
 			return l.podcast ? (f(), o("div", C, [
 				c(i, {
@@ -81,7 +81,7 @@ var C = {
 					}, null, 8, w), [[d, _(N)(l.podcast.imageUrl, "270")]])]),
 					_: 1
 				}, 8, ["to", "title"]),
-				_(e).generalParameters.podcastmaker ? (f(), o("div", {
+				_(t).generalParameters.podcastmaker ? (f(), o("div", {
 					key: 0,
 					class: u(F.value ? "mainRubrique" : "notMainRubrique")
 				}, null, 2)) : a("", !0),

package/dist/PodcastImage-BhQKB5te.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-BhQKB5te.mjs","names":["_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createVNode","_withCtx","_withDirectives","_createElementVNode","_normalizeClass","_createCommentVNode","_toDisplayString","_sfc_main"],"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,CAAC,CAAC;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;;;;;;CAnC7B,OAAA,OAAA,WADRE,UAAA,GAAAC,mBAqDM,OArDN,YAqDM;EAjDJC,YAgBc,wBAAA;GAfX,IAAE;;IAA0D,QAAA,EAAA,WAAA,OAAA,QAAQ,UAAS;;GAI7E,OAAO,OAAA,EAAC,qBAAA,EAAA,MAA8B,OAAA,QAAQ,MAAK,CAAA;;GAEpD,SAAAC,cAQC,CARDC,eAAAC,mBAQC,OAAA;IANC,OAAM;IACN,QAAO;IACP,eAAY;IACZ,KAAI;IACJ,OAAM;IACL,OAAO,OAAA,EAAC,sBAAA,EAAA,MAA+B,OAAA,QAAQ,MAAK,CAAA;GAN7C,GAAA,MAAA,GAAA,UAAA,GAAA,CAAA,CAAA,iBAAA,OAAA,iBAAiB,OAAA,QAAQ,UAAQ,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;EAUrC,OAAA,MAAM,kBAAkB,gBADhCL,UAAA,GAAAC,mBAGE,OAAA;;GADC,OAAKK,eAAE,OAAA,eAAY,iBAAA,iBAAA;;EAGd,OAAA,mBADRN,UAAA,GAAAC,mBAUM,OAAA;;GARJ,OAAKK,eAAA,CAAC,qBACW,OAAA,mBAAe,WAAe,OAAA,mBAAmB,OAAA,gBAAgB,SAAmB,OAAA,gBAAgB,OAAO,YAAW,IAAA,QAAA,EAAA,CAAA;EAMpI,GAAAE,gBAAA,OAAA,UAAU,GAAA,CAAA,KAAAD,mBAAA,QAAA,IAAA;EAEJ,OAAA,oBAAXP,UAAA,GAAAC,mBAEM,OAFN,YAEMO,gBADD,OAAA,EAAC,kBAAA,CAAA,GAAA,CAAA,KAAAD,mBAAA,QAAA,IAAA;EAENL,YAKE,OAAA,sBAAA;GAJC,SAAS,OAAA;GACT,aAAW,OAAA;GACX,oBAAkB,OAAA;GAClB,mBAAiB,OAAA;;;;;;;EAGZ,OAAA,sBAAsB,OAAA,YAD9BF,UAAA,GAAAC,mBAOS,UAAA;;GALP,OAAM;GACL,OAAO,OAAA,gBAAgB,OAAA,EAAC,kBAAA,IAAuB,OAAA,EAAC,kBAAA;GAChD,SAAO,OAAA;EAER,GAAA,CAAAC,YAAkE,OAAA,oBAAA,EAAhD,OAAKI,eAAA,EAAA,mBAAA,CAAwB,OAAA,cAAa,CAAA,EAAA,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,CAAA,GAAA,GAAA,UAAA,KAAAC,mBAAA,QAAA,IAAA"}

package/dist/PodcastImage-CHx3bUzt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-CHx3bUzt.mjs","names":["_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createVNode","_withCtx","_withDirectives","_createElementVNode","_normalizeClass","_createCommentVNode","_toDisplayString","_sfc_main"],"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/PodcastInlineList-CcNd_Hbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastInlineList-CcNd_Hbs.mjs","names":["_openBlock","_createBlock","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastInlineList.vue","../src/components/display/podcasts/PodcastInlineList.vue"],"sourcesContent":["<template>\n    <PodcastSwiperList\n        :organisation-id=\"organisationId\"\n        :emission-id=\"emissionId\"\n        :iab-id=\"iabId\"\n        :title=\"title\"\n        :title-icon=\"titleIcon\"\n        :href=\"href\"\n        :button-text=\"buttonText\"\n        :is-arrow=\"isArrow\"\n        :require-popular-sort=\"requirePopularSort\"\n        :button-plus=\"buttonPlus\"\n        :rubrique-id=\"rubriqueId\"\n        :rubriquage-id=\"rubriquageId\"\n        :no-rubriquage-id=\"noRubriquageId\"\n        :query=\"query\"\n        :podcast-id=\"podcastId\"\n        :last-three-months=\"lastThreeMonths\"\n        :title-tag=\"titleTag\"\n        @update:is-arrow=\"updateArrow($event)\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, type Component } from \"vue\";\nconst PodcastSwiperList = defineAsyncComponent(\n    () => import(\"./PodcastSwiperList.vue\"),\n);\n\n//Props \ndefineProps({\n    organisationId: { default: () => [], type: Array as () => Array<string> },\n    emissionId: { default: undefined, type: Number },\n    iabId: { default: undefined, type: Number },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    buttonText: { default: undefined, type: String },\n    isArrow: { default: false, type: Boolean },\n    requirePopularSort: { default: undefined, type: Boolean },\n    buttonPlus: { default: false, type: Boolean },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    rubriquageId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    query: { default: undefined, type: String },\n    podcastId: { default: undefined, type: Number },\n    lastThreeMonths: { default: false, type: Boolean },\n    titleTag: { default: \"h2\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Methods\nfunction updateArrow(value: boolean){\n    emit(\"update:isArrow\", value);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .loading-size {\n  height: 21.4rem;\n}\n</style>\n","<template>\n    <PodcastSwiperList\n        :organisation-id=\"organisationId\"\n        :emission-id=\"emissionId\"\n        :iab-id=\"iabId\"\n        :title=\"title\"\n        :title-icon=\"titleIcon\"\n        :href=\"href\"\n        :button-text=\"buttonText\"\n        :is-arrow=\"isArrow\"\n        :require-popular-sort=\"requirePopularSort\"\n        :button-plus=\"buttonPlus\"\n        :rubrique-id=\"rubriqueId\"\n        :rubriquage-id=\"rubriquageId\"\n        :no-rubriquage-id=\"noRubriquageId\"\n        :query=\"query\"\n        :podcast-id=\"podcastId\"\n        :last-three-months=\"lastThreeMonths\"\n        :title-tag=\"titleTag\"\n        @update:is-arrow=\"updateArrow($event)\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, type Component } from \"vue\";\nconst PodcastSwiperList = defineAsyncComponent(\n    () => import(\"./PodcastSwiperList.vue\"),\n);\n\n//Props \ndefineProps({\n    organisationId: { default: () => [], type: Array as () => Array<string> },\n    emissionId: { default: undefined, type: Number },\n    iabId: { default: undefined, type: Number },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    buttonText: { default: undefined, type: String },\n    isArrow: { default: false, type: Boolean },\n    requirePopularSort: { default: undefined, type: Boolean },\n    buttonPlus: { default: false, type: Boolean },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    rubriquageId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    query: { default: undefined, type: String },\n    podcastId: { default: undefined, type: Number },\n    lastThreeMonths: { default: false, type: Boolean },\n    titleTag: { default: \"h2\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Methods\nfunction updateArrow(value: boolean){\n    emit(\"update:isArrow\", value);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .loading-size {\n  height: 21.4rem;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,oBAAoB,2BAChB,OAAO,mCACjB;EAyBA,MAAM,OAAO;EAGb,SAAS,YAAY,OAAe;GAChC,KAAK,kBAAkB,KAAK;EAChC;;;;;;;;;;;;;;;;;CCxDI,OAAAA,UAAA,GAAAC,YAmBE,OAAA,sBAAA;EAlBG,mBAAiB,OAAA;EACjB,eAAa,OAAA;EACb,UAAQ,OAAA;EACR,OAAO,OAAA;EACP,cAAY,OAAA;EACZ,MAAM,OAAA;EACN,eAAa,OAAA;EACb,YAAU,OAAA;EACV,wBAAsB,OAAA;EACtB,eAAa,OAAA;EACb,eAAa,OAAA;EACb,iBAAe,OAAA;EACf,oBAAkB,OAAA;EAClB,OAAO,OAAA;EACP,cAAY,OAAA;EACZ,qBAAmB,OAAA;EACnB,aAAW,OAAA;EACX,oBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAY,MAAM"}

package/dist/{PodcastInlineList-B32BSFqN.mjs → PodcastInlineList-H6BxXx0A.mjs}

@@ -75,7 +75,7 @@ var o = /*@__PURE__*/ r({
 	},
 	emits: ["update:isArrow"],
 	setup(e, { emit: r }) {
-		let o = n(() => import("./PodcastSwiperList-DZ26-8xy.mjs")), s = r;
+		let o = n(() => import("./PodcastSwiperList-BKOYhrsH.mjs")), s = r;
 		function c(e) {
 			s("update:isArrow", e);
 		}

package/dist/PodcastInlineList-akLivgog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastInlineList-akLivgog.mjs","names":["_openBlock","_createBlock","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastInlineList.vue","../src/components/display/podcasts/PodcastInlineList.vue"],"sourcesContent":["<template>\n    <PodcastSwiperList\n        :organisation-id=\"organisationId\"\n        :emission-id=\"emissionId\"\n        :iab-id=\"iabId\"\n        :title=\"title\"\n        :title-icon=\"titleIcon\"\n        :href=\"href\"\n        :button-text=\"buttonText\"\n        :is-arrow=\"isArrow\"\n        :require-popular-sort=\"requirePopularSort\"\n        :button-plus=\"buttonPlus\"\n        :rubrique-id=\"rubriqueId\"\n        :rubriquage-id=\"rubriquageId\"\n        :no-rubriquage-id=\"noRubriquageId\"\n        :query=\"query\"\n        :podcast-id=\"podcastId\"\n        :last-three-months=\"lastThreeMonths\"\n        :title-tag=\"titleTag\"\n        @update:is-arrow=\"updateArrow($event)\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, type Component } from \"vue\";\nconst PodcastSwiperList = defineAsyncComponent(\n    () => import(\"./PodcastSwiperList.vue\"),\n);\n\n//Props \ndefineProps({\n    organisationId: { default: () => [], type: Array as () => Array<string> },\n    emissionId: { default: undefined, type: Number },\n    iabId: { default: undefined, type: Number },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    buttonText: { default: undefined, type: String },\n    isArrow: { default: false, type: Boolean },\n    requirePopularSort: { default: undefined, type: Boolean },\n    buttonPlus: { default: false, type: Boolean },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    rubriquageId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    query: { default: undefined, type: String },\n    podcastId: { default: undefined, type: Number },\n    lastThreeMonths: { default: false, type: Boolean },\n    titleTag: { default: \"h2\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Methods\nfunction updateArrow(value: boolean){\n    emit(\"update:isArrow\", value);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .loading-size {\n  height: 21.4rem;\n}\n</style>\n","<template>\n    <PodcastSwiperList\n        :organisation-id=\"organisationId\"\n        :emission-id=\"emissionId\"\n        :iab-id=\"iabId\"\n        :title=\"title\"\n        :title-icon=\"titleIcon\"\n        :href=\"href\"\n        :button-text=\"buttonText\"\n        :is-arrow=\"isArrow\"\n        :require-popular-sort=\"requirePopularSort\"\n        :button-plus=\"buttonPlus\"\n        :rubrique-id=\"rubriqueId\"\n        :rubriquage-id=\"rubriquageId\"\n        :no-rubriquage-id=\"noRubriquageId\"\n        :query=\"query\"\n        :podcast-id=\"podcastId\"\n        :last-three-months=\"lastThreeMonths\"\n        :title-tag=\"titleTag\"\n        @update:is-arrow=\"updateArrow($event)\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, type Component } from \"vue\";\nconst PodcastSwiperList = defineAsyncComponent(\n    () => import(\"./PodcastSwiperList.vue\"),\n);\n\n//Props \ndefineProps({\n    organisationId: { default: () => [], type: Array as () => Array<string> },\n    emissionId: { default: undefined, type: Number },\n    iabId: { default: undefined, type: Number },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    buttonText: { default: undefined, type: String },\n    isArrow: { default: false, type: Boolean },\n    requirePopularSort: { default: undefined, type: Boolean },\n    buttonPlus: { default: false, type: Boolean },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    rubriquageId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    query: { default: undefined, type: String },\n    podcastId: { default: undefined, type: Number },\n    lastThreeMonths: { default: false, type: Boolean },\n    titleTag: { default: \"h2\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Methods\nfunction updateArrow(value: boolean){\n    emit(\"update:isArrow\", value);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .loading-size {\n  height: 21.4rem;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,oBAAoB,2BAChB,OAAO,mCACjB;EAyBA,MAAM,OAAO;EAGb,SAAS,YAAY,OAAe;GAChC,KAAK,kBAAkB,KAAK;EAChC;;;;;;;;;;;;;;;;;CCxDI,OAAAA,UAAA,GAAAC,YAmBE,OAAA,sBAAA;EAlBG,mBAAiB,OAAA;EACjB,eAAa,OAAA;EACb,UAAQ,OAAA;EACR,OAAO,OAAA;EACP,cAAY,OAAA;EACZ,MAAM,OAAA;EACN,eAAa,OAAA;EACb,YAAU,OAAA;EACV,wBAAsB,OAAA;EACtB,eAAa,OAAA;EACb,eAAa,OAAA;EACb,iBAAe,OAAA;EACf,oBAAkB,OAAA;EAClB,OAAO,OAAA;EACP,cAAY,OAAA;EACZ,qBAAmB,OAAA;EACnB,aAAW,OAAA;EACX,oBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAY,MAAM"}

package/dist/PodcastInlineList-jI2EvXSo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastInlineList-jI2EvXSo.mjs","names":["_openBlock","_createBlock","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastInlineList.vue","../src/components/display/podcasts/PodcastInlineList.vue"],"sourcesContent":["<template>\n    <PodcastSwiperList\n        :organisation-id=\"organisationId\"\n        :emission-id=\"emissionId\"\n        :iab-id=\"iabId\"\n        :title=\"title\"\n        :title-icon=\"titleIcon\"\n        :href=\"href\"\n        :button-text=\"buttonText\"\n        :is-arrow=\"isArrow\"\n        :require-popular-sort=\"requirePopularSort\"\n        :button-plus=\"buttonPlus\"\n        :rubrique-id=\"rubriqueId\"\n        :rubriquage-id=\"rubriquageId\"\n        :no-rubriquage-id=\"noRubriquageId\"\n        :query=\"query\"\n        :podcast-id=\"podcastId\"\n        :last-three-months=\"lastThreeMonths\"\n        :title-tag=\"titleTag\"\n        @update:is-arrow=\"updateArrow($event)\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, type Component } from \"vue\";\nconst PodcastSwiperList = defineAsyncComponent(\n    () => import(\"./PodcastSwiperList.vue\"),\n);\n\n//Props \ndefineProps({\n    organisationId: { default: () => [], type: Array as () => Array<string> },\n    emissionId: { default: undefined, type: Number },\n    iabId: { default: undefined, type: Number },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    buttonText: { default: undefined, type: String },\n    isArrow: { default: false, type: Boolean },\n    requirePopularSort: { default: undefined, type: Boolean },\n    buttonPlus: { default: false, type: Boolean },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    rubriquageId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    query: { default: undefined, type: String },\n    podcastId: { default: undefined, type: Number },\n    lastThreeMonths: { default: false, type: Boolean },\n    titleTag: { default: \"h2\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Methods\nfunction updateArrow(value: boolean){\n    emit(\"update:isArrow\", value);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .loading-size {\n  height: 21.4rem;\n}\n</style>\n","<template>\n    <PodcastSwiperList\n        :organisation-id=\"organisationId\"\n        :emission-id=\"emissionId\"\n        :iab-id=\"iabId\"\n        :title=\"title\"\n        :title-icon=\"titleIcon\"\n        :href=\"href\"\n        :button-text=\"buttonText\"\n        :is-arrow=\"isArrow\"\n        :require-popular-sort=\"requirePopularSort\"\n        :button-plus=\"buttonPlus\"\n        :rubrique-id=\"rubriqueId\"\n        :rubriquage-id=\"rubriquageId\"\n        :no-rubriquage-id=\"noRubriquageId\"\n        :query=\"query\"\n        :podcast-id=\"podcastId\"\n        :last-three-months=\"lastThreeMonths\"\n        :title-tag=\"titleTag\"\n        @update:is-arrow=\"updateArrow($event)\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, type Component } from \"vue\";\nconst PodcastSwiperList = defineAsyncComponent(\n    () => import(\"./PodcastSwiperList.vue\"),\n);\n\n//Props \ndefineProps({\n    organisationId: { default: () => [], type: Array as () => Array<string> },\n    emissionId: { default: undefined, type: Number },\n    iabId: { default: undefined, type: Number },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    buttonText: { default: undefined, type: String },\n    isArrow: { default: false, type: Boolean },\n    requirePopularSort: { default: undefined, type: Boolean },\n    buttonPlus: { default: false, type: Boolean },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    rubriquageId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    query: { default: undefined, type: String },\n    podcastId: { default: undefined, type: Number },\n    lastThreeMonths: { default: false, type: Boolean },\n    titleTag: { default: \"h2\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Methods\nfunction updateArrow(value: boolean){\n    emit(\"update:isArrow\", value);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .loading-size {\n  height: 21.4rem;\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBA,MAAM,oBAAoB,2BAChB,OAAO,mCACjB;EAyBA,MAAM,OAAO;EAGb,SAAS,YAAY,OAAe;GAChC,KAAK,kBAAkB,KAAK;EAChC;;;;;;;;;;;;;;;;;CCxDI,OAAAA,UAAA,GAAAC,YAmBE,OAAA,sBAAA;EAlBG,mBAAiB,OAAA;EACjB,eAAa,OAAA;EACb,UAAQ,OAAA;EACR,OAAO,OAAA;EACP,cAAY,OAAA;EACZ,MAAM,OAAA;EACN,eAAa,OAAA;EACb,YAAU,OAAA;EACV,wBAAsB,OAAA;EACtB,eAAa,OAAA;EACb,eAAa,OAAA;EACb,iBAAe,OAAA;EACf,oBAAkB,OAAA;EAClB,OAAO,OAAA;EACP,cAAY,OAAA;EACZ,qBAAmB,OAAA;EACnB,aAAW,OAAA;EACX,oBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAY,MAAM"}

package/dist/{PodcastInlineListTemplate-DTrS1UiG.mjs → PodcastInlineListTemplate-Chbi8aME.mjs}

@@ -1,7 +1,7 @@
-import { r as e } from "./classicApi-pmODlqv5.mjs";
+import { r as e } from "./classicApi-CGipMqf7.mjs";
 import { t } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
-import { t as n } from "./useRubriquesFilterParam-BE8BbmAQ.mjs";
-import { t as r } from "./useRubriquesFilterComputed-DoUOqOrJ.mjs";
+import { t as n } from "./useRubriquesFilterParam-2eMd5ND7.mjs";
+import { t as r } from "./useRubriquesFilterComputed-D1yqLnK4.mjs";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, openBlock as p, renderSlot as m, resolveComponent as h, resolveDynamicComponent as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
 import b from "vue-material-design-icons/Plus.vue";
 import { useI18n as x } from "vue-i18n";

package/dist/PodcastInlineListTemplate-DT9ZRs61.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastInlineListTemplate-DT9ZRs61.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock","_resolveDynamicComponent","_createCommentVNode","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_renderSlot","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastInlineListTemplate.vue","../src/components/display/podcasts/PodcastInlineListTemplate.vue"],"sourcesContent":["<template>\n    <div class=\"podcast-inline-container\">\n        <div class=\"d-flex align-items-center\" :class=\"podcastId ? 'mb-4' : 'mb-2'\">\n            <component\n                :is=\"titleIcon\"\n                v-if=\"titleIcon\"\n                class=\"me-1\"\n            />\n            <component :is=\"titleTag\" class=\"mb-0\">\n                {{ title }}\n            </component>\n        </div>\n\n        <div v-if=\"!podcastId\" class=\"d-flex justify-content-between\">\n            <div v-if=\"!noSort\" class=\"d-flex sort\">\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: !popularSort }\"\n                    @click=\"sortChrono()\"\n                >\n                    {{ t(\"Last added\") }}\n                </button>\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: popularSort }\"\n                    @click=\"sortPopular()\"\n                >\n                    {{ t(\"Most popular\") }}\n                </button>\n            </div>\n            <div v-if=\"displayArrow\" class=\"hide-phone\">\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !previousAvailable }\"\n                    :title=\"t('Display previous')\"\n                    @click=\"displayPrevious()\"\n                >\n                    <ChevronLeftIcon :size=\"30\" />\n                </button>\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !nextAvailable }\"\n                    :title=\"t('Display next')\"\n                    @click=\"displayNext()\"\n                >\n                    <ChevronRightIcon :size=\"30\" />\n                </button>\n            </div>\n        </div>\n        <slot name=\"list-inline\" />\n        <router-link\n            v-if=\"buttonText\"\n            class=\"btn btn-primary align-self-center w-fit-content m-4\"\n            :to=\"refTo\"\n            @click=\"handleSeeMoreButton\"\n        >\n            {{ buttonText }}\n            <PlusIcon\n                v-if=\"buttonPlus\"\n                :size=\"16\"\n                class=\"ms-1\"\n            />\n        </router-link>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { useRubriquesFilterComputed } from \"../../composable/route/useRubriquesFilterComputed\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { type Component, computed } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n    displayArrow: { default: true, type: Boolean },\n    previousAvailable: { default: false, type: Boolean },\n    nextAvailable: { default: false, type: Boolean },\n    popularSort: { default: false, type: Boolean },\n    buttonText: { default: undefined, type: String },\n    buttonPlus: { default: false, type: Boolean },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    iabId: { default: undefined, type: Number },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    podcastId: { default: undefined, type: Number },\n    titleTag: { default: \"h2\", type: String },\n    /** Hide sort options */\n    noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"sortChrono\", \"sortPopular\", \"displayPrevious\", \"displayNext\"]);\n\n//Composables\nconst { t } = useI18n();\nconst { returnRubriquesFilter } = useRubriquesFilterParam();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst refTo = computed(() => {\n    if (props.href) {return props.href;}\n    if (props.iabId) {\n        return {\n            name: \"category\",\n            params: { iabId: props.iabId },\n        };\n    }\n    return {\n        name: \"podcasts\",\n        query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam.value,\n            productor: filterStore.filterOrgaId\n        },\n    };\n});\n\n//Methods\nfunction sortChrono(): void {\n    emit(\"sortChrono\");\n}\nfunction sortPopular(): void {\n    emit(\"sortPopular\");\n}\nfunction displayPrevious(): void {\n    emit(\"displayPrevious\");\n}\nfunction displayNext(): void {\n    emit(\"displayNext\");\n}\nfunction handleSeeMoreButton(event: { preventDefault: () => void }) {\n    if (props.href ||\n        !props.rubriqueId ||\n        0 === props.rubriqueId.length ||\n        props.noRubriquageId.length\n    ) {\n        return;\n    }\n    event.preventDefault();\n    const rubriqueChosenId = props.rubriqueId.at(-1);\n    let filterToAdd: RubriquageFilter|undefined;\n    if (filterStore.filterRubriquage.length) {\n        for (let i = 0, len = filterStore.filterRubriquage.length; i < len; i++) {\n            const rubriqueChosen = filterStore.filterRubriquage[i].rubriques.find(\n                (element: Rubrique) => element.rubriqueId === rubriqueChosenId,\n            );\n            if (rubriqueChosen) {\n                filterToAdd = {\n                    rubriquageId: filterStore.filterRubriquage[i].rubriquageId ?? 0,\n                    rubriqueId: rubriqueChosenId,\n                    nameRubriquage: filterStore.filterRubriquage[i].title,\n                    nameRubrique: rubriqueChosen.name,\n                };\n                break;\n            }\n        }\n    }\n    if(!filterToAdd){return;}\n    const queries = returnRubriquesFilter((a) => {\n        const indexRubriquage = a.findIndex(filter => filter.rubriquageId === filterToAdd.rubriquageId);\n        if (indexRubriquage === -1) {\n            a.push(filterToAdd);\n        } else {\n            a[indexRubriquage] = filterToAdd;\n        }\n        return a;\n    })\n    router.push({\n        name: \"podcasts\",\n        query: {...route.query, ...queries}\n    });\n}\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-inline-container {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n\n  @media (width <= 450px) {\n    padding: 1rem 0;\n  }\n}\n\n.sort {\n    .btn {\n        color: var(--octopus-color-text);\n    }\n}\n</style>\n","<template>\n    <div class=\"podcast-inline-container\">\n        <div class=\"d-flex align-items-center\" :class=\"podcastId ? 'mb-4' : 'mb-2'\">\n            <component\n                :is=\"titleIcon\"\n                v-if=\"titleIcon\"\n                class=\"me-1\"\n            />\n            <component :is=\"titleTag\" class=\"mb-0\">\n                {{ title }}\n            </component>\n        </div>\n\n        <div v-if=\"!podcastId\" class=\"d-flex justify-content-between\">\n            <div v-if=\"!noSort\" class=\"d-flex sort\">\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: !popularSort }\"\n                    @click=\"sortChrono()\"\n                >\n                    {{ t(\"Last added\") }}\n                </button>\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: popularSort }\"\n                    @click=\"sortPopular()\"\n                >\n                    {{ t(\"Most popular\") }}\n                </button>\n            </div>\n            <div v-if=\"displayArrow\" class=\"hide-phone\">\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !previousAvailable }\"\n                    :title=\"t('Display previous')\"\n                    @click=\"displayPrevious()\"\n                >\n                    <ChevronLeftIcon :size=\"30\" />\n                </button>\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !nextAvailable }\"\n                    :title=\"t('Display next')\"\n                    @click=\"displayNext()\"\n                >\n                    <ChevronRightIcon :size=\"30\" />\n                </button>\n            </div>\n        </div>\n        <slot name=\"list-inline\" />\n        <router-link\n            v-if=\"buttonText\"\n            class=\"btn btn-primary align-self-center w-fit-content m-4\"\n            :to=\"refTo\"\n            @click=\"handleSeeMoreButton\"\n        >\n            {{ buttonText }}\n            <PlusIcon\n                v-if=\"buttonPlus\"\n                :size=\"16\"\n                class=\"ms-1\"\n            />\n        </router-link>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { useRubriquesFilterComputed } from \"../../composable/route/useRubriquesFilterComputed\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { type Component, computed } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n    displayArrow: { default: true, type: Boolean },\n    previousAvailable: { default: false, type: Boolean },\n    nextAvailable: { default: false, type: Boolean },\n    popularSort: { default: false, type: Boolean },\n    buttonText: { default: undefined, type: String },\n    buttonPlus: { default: false, type: Boolean },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    iabId: { default: undefined, type: Number },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    podcastId: { default: undefined, type: Number },\n    titleTag: { default: \"h2\", type: String },\n    /** Hide sort options */\n    noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"sortChrono\", \"sortPopular\", \"displayPrevious\", \"displayNext\"]);\n\n//Composables\nconst { t } = useI18n();\nconst { returnRubriquesFilter } = useRubriquesFilterParam();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst refTo = computed(() => {\n    if (props.href) {return props.href;}\n    if (props.iabId) {\n        return {\n            name: \"category\",\n            params: { iabId: props.iabId },\n        };\n    }\n    return {\n        name: \"podcasts\",\n        query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam.value,\n            productor: filterStore.filterOrgaId\n        },\n    };\n});\n\n//Methods\nfunction sortChrono(): void {\n    emit(\"sortChrono\");\n}\nfunction sortPopular(): void {\n    emit(\"sortPopular\");\n}\nfunction displayPrevious(): void {\n    emit(\"displayPrevious\");\n}\nfunction displayNext(): void {\n    emit(\"displayNext\");\n}\nfunction handleSeeMoreButton(event: { preventDefault: () => void }) {\n    if (props.href ||\n        !props.rubriqueId ||\n        0 === props.rubriqueId.length ||\n        props.noRubriquageId.length\n    ) {\n        return;\n    }\n    event.preventDefault();\n    const rubriqueChosenId = props.rubriqueId.at(-1);\n    let filterToAdd: RubriquageFilter|undefined;\n    if (filterStore.filterRubriquage.length) {\n        for (let i = 0, len = filterStore.filterRubriquage.length; i < len; i++) {\n            const rubriqueChosen = filterStore.filterRubriquage[i].rubriques.find(\n                (element: Rubrique) => element.rubriqueId === rubriqueChosenId,\n            );\n            if (rubriqueChosen) {\n                filterToAdd = {\n                    rubriquageId: filterStore.filterRubriquage[i].rubriquageId ?? 0,\n                    rubriqueId: rubriqueChosenId,\n                    nameRubriquage: filterStore.filterRubriquage[i].title,\n                    nameRubrique: rubriqueChosen.name,\n                };\n                break;\n            }\n        }\n    }\n    if(!filterToAdd){return;}\n    const queries = returnRubriquesFilter((a) => {\n        const indexRubriquage = a.findIndex(filter => filter.rubriquageId === filterToAdd.rubriquageId);\n        if (indexRubriquage === -1) {\n            a.push(filterToAdd);\n        } else {\n            a[indexRubriquage] = filterToAdd;\n        }\n        return a;\n    })\n    router.push({\n        name: \"podcasts\",\n        query: {...route.query, ...queries}\n    });\n}\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-inline-container {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n\n  @media (width <= 450px) {\n    padding: 1rem 0;\n  }\n}\n\n.sort {\n    .btn {\n        color: var(--octopus-color-text);\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFA,MAAM,QAAQ;EAqBd,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,0BAA0B,wBAAwB;EAC1D,MAAM,EAAE,uBAAuB,2BAA2B;EAC1D,MAAM,cAAc,eAAe;EACnC,MAAM,SAAS,UAAU;EACzB,MAAM,QAAQ,SAAS;EAIvB,MAAM,QAAQ,eAAe;GACzB,IAAI,MAAM,MAAO,OAAO,MAAM;GAC9B,IAAI,MAAM,OACN,OAAO;IACH,MAAM;IACN,QAAQ,EAAE,OAAO,MAAM,MAAM;GACjC;GAEJ,OAAO;IACH,MAAM;IACN,OAAO;KACH,OAAO,YAAY,WAAW;KAC9B,aAAa,mBAAmB;KAChC,WAAW,YAAY;IAC3B;GACJ;EACJ,CAAC;EAGD,SAAS,aAAmB;GACxB,KAAK,YAAY;EACrB;EACA,SAAS,cAAoB;GACzB,KAAK,aAAa;EACtB;EACA,SAAS,kBAAwB;GAC7B,KAAK,iBAAiB;EAC1B;EACA,SAAS,cAAoB;GACzB,KAAK,aAAa;EACtB;EACA,SAAS,oBAAoB,OAAuC;GAChE,IAAI,MAAM,QACN,CAAC,MAAM,cACP,MAAM,MAAM,WAAW,UACvB,MAAM,eAAe,QAErB;GAEJ,MAAM,eAAe;GACrB,MAAM,mBAAmB,MAAM,WAAW,GAAG,EAAE;GAC/C,IAAI;GACJ,IAAI,YAAY,iBAAiB,QAC7B,KAAK,IAAI,IAAI,GAAG,MAAM,YAAY,iBAAiB,QAAQ,IAAI,KAAK,KAAK;IACrE,MAAM,iBAAiB,YAAY,iBAAiB,EAAE,CAAC,UAAU,MAC5D,YAAsB,QAAQ,eAAe,gBAClD;IACA,IAAI,gBAAgB;KAChB,cAAc;MACV,cAAc,YAAY,iBAAiB,EAAE,CAAC,gBAAgB;MAC9D,YAAY;MACZ,gBAAgB,YAAY,iBAAiB,EAAE,CAAC;MAChD,cAAc,eAAe;KACjC;KACA;IACJ;GACJ;GAEJ,IAAG,CAAC,aAAa;GACjB,MAAM,UAAU,uBAAuB,MAAM;IACzC,MAAM,kBAAkB,EAAE,WAAU,WAAU,OAAO,iBAAiB,YAAY,YAAY;IAC9F,IAAI,oBAAoB,IACpB,EAAE,KAAK,WAAW;SAElB,EAAE,mBAAmB;IAEzB,OAAO;GACX,CAAC;GACD,OAAO,KAAK;IACR,MAAM;IACN,OAAO;KAAC,GAAG,MAAM;KAAO,GAAG;IAAO;GACtC,CAAC;EACL;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACxLS,IAAA,aAAA,EAAA,OAAM,2BAA0B;;;CAYV,OAAM;;;;CACL,OAAM;;;;CAgBD,OAAM;;;;;;CA7BvC,OAAAC,UAAA,GAAAC,mBA8DM,OA9DN,YA8DM;EA7DFC,mBASM,OAAA,EATD,OAAKC,eAAA,CAAC,6BAAoC,OAAA,YAAS,SAAA,MAAA,CAAA,EAAA,GAG1C,CAAA,OAAA,aAFVH,UAAA,GAAAI,YAIEC,wBAHO,OAAA,SAAS,GAAA;;GAEd,OAAM;EAEV,CAAA,KAAAC,mBAAA,QAAA,IAAA,IAAAN,UAAA,GAAAI,YAEYC,wBAFI,OAAA,QAAQ,GAAA,EAAE,OAAM,OAAM,GAAA;GAClC,SAAAE,cAAW,CAARC,gBAAAC,gBAAA,OAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;;EAIJ,CAAA,OAAA,aAAZT,UAAA,GAAAC,mBAmCM,OAnCN,YAmCM,CAlCU,CAAA,OAAA,UAAZD,UAAA,GAAAC,mBAeM,OAfN,YAeM,CAdFC,mBAMS,UAAA;GALL,OAAKC,eAAA,CAAC,qBAAmB,EAAA,QAAA,CACN,OAAA,YAAW,CAAA,CAAA;GAC7B,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,WAAU;EAEf,GAAAM,gBAAA,OAAA,EAAC,YAAA,CAAA,GAAA,CAAA,GAERP,mBAMS,UAAA;GALL,OAAKC,eAAA,CAAC,qBAAmB,EAAA,QACP,OAAA,YAAW,CAAA,CAAA;GAC5B,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAW;EAEhB,GAAAM,gBAAA,OAAA,EAAC,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA,KAAAH,mBAAA,QAAA,IAAA,GAGD,OAAA,gBAAXN,UAAA,GAAAC,mBAiBM,OAjBN,YAiBM,CAhBFC,mBAOS,UAAA;GANL,OAAKC,eAAA,CAAC,wBAAsB,EAAA,UAAA,CACP,OAAA,kBAAiB,CAAA,CAAA;GACrC,OAAO,OAAA,EAAC,kBAAA;GACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,gBAAe;EAEvB,GAAA,CAAAO,YAA8B,OAAA,oBAAA,EAAZ,MAAM,GAAE,CAAA,CAAA,GAAA,IAAA,UAAA,GAE9BR,mBAOS,UAAA;GANL,OAAKC,eAAA,CAAC,wBAAsB,EAAA,UAAA,CACP,OAAA,cAAa,CAAA,CAAA;GACjC,OAAO,OAAA,EAAC,cAAA;GACR,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAW;EAEnB,GAAA,CAAAO,YAA+B,OAAA,qBAAA,EAAZ,MAAM,GAAE,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA,KAAAJ,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAAA,mBAAA,QAAA,IAAA;EAIvCK,WAA2B,KAAA,QAAA,eAAA,CAAA,GAAA,KAAA,GAAA,IAAA;EAEjB,OAAA,cADVX,UAAA,GAAAI,YAYc,wBAAA;;GAVV,OAAM;GACL,IAAI,OAAA;GACJ,SAAO,OAAA;;GAER,SAAAG,cAAgB,CAAbC,gBAAAC,gBAAA,OAAA,UAAU,IAAG,KAChB,CAAA,GACU,OAAA,cADVT,UAAA,GAAAI,YAIE,OAAA,aAAA;;IAFG,MAAM;IACP,OAAM"}

package/dist/PodcastInlineListTemplate-Dh1xF6xT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastInlineListTemplate-Dh1xF6xT.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_createBlock","_resolveDynamicComponent","_createCommentVNode","_withCtx","_createTextVNode","_toDisplayString","_createVNode","_renderSlot","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastInlineListTemplate.vue","../src/components/display/podcasts/PodcastInlineListTemplate.vue"],"sourcesContent":["<template>\n    <div class=\"podcast-inline-container\">\n        <div class=\"d-flex align-items-center\" :class=\"podcastId ? 'mb-4' : 'mb-2'\">\n            <component\n                :is=\"titleIcon\"\n                v-if=\"titleIcon\"\n                class=\"me-1\"\n            />\n            <component :is=\"titleTag\" class=\"mb-0\">\n                {{ title }}\n            </component>\n        </div>\n\n        <div v-if=\"!podcastId\" class=\"d-flex justify-content-between\">\n            <div v-if=\"!noSort\" class=\"d-flex sort\">\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: !popularSort }\"\n                    @click=\"sortChrono()\"\n                >\n                    {{ t(\"Last added\") }}\n                </button>\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: popularSort }\"\n                    @click=\"sortPopular()\"\n                >\n                    {{ t(\"Most popular\") }}\n                </button>\n            </div>\n            <div v-if=\"displayArrow\" class=\"hide-phone\">\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !previousAvailable }\"\n                    :title=\"t('Display previous')\"\n                    @click=\"displayPrevious()\"\n                >\n                    <ChevronLeftIcon :size=\"30\" />\n                </button>\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !nextAvailable }\"\n                    :title=\"t('Display next')\"\n                    @click=\"displayNext()\"\n                >\n                    <ChevronRightIcon :size=\"30\" />\n                </button>\n            </div>\n        </div>\n        <slot name=\"list-inline\" />\n        <router-link\n            v-if=\"buttonText\"\n            class=\"btn btn-primary align-self-center w-fit-content m-4\"\n            :to=\"refTo\"\n            @click=\"handleSeeMoreButton\"\n        >\n            {{ buttonText }}\n            <PlusIcon\n                v-if=\"buttonPlus\"\n                :size=\"16\"\n                class=\"ms-1\"\n            />\n        </router-link>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { useRubriquesFilterComputed } from \"../../composable/route/useRubriquesFilterComputed\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { type Component, computed } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n    displayArrow: { default: true, type: Boolean },\n    previousAvailable: { default: false, type: Boolean },\n    nextAvailable: { default: false, type: Boolean },\n    popularSort: { default: false, type: Boolean },\n    buttonText: { default: undefined, type: String },\n    buttonPlus: { default: false, type: Boolean },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    iabId: { default: undefined, type: Number },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    podcastId: { default: undefined, type: Number },\n    titleTag: { default: \"h2\", type: String },\n    /** Hide sort options */\n    noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"sortChrono\", \"sortPopular\", \"displayPrevious\", \"displayNext\"]);\n\n//Composables\nconst { t } = useI18n();\nconst { returnRubriquesFilter } = useRubriquesFilterParam();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst refTo = computed(() => {\n    if (props.href) {return props.href;}\n    if (props.iabId) {\n        return {\n            name: \"category\",\n            params: { iabId: props.iabId },\n        };\n    }\n    return {\n        name: \"podcasts\",\n        query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam.value,\n            productor: filterStore.filterOrgaId\n        },\n    };\n});\n\n//Methods\nfunction sortChrono(): void {\n    emit(\"sortChrono\");\n}\nfunction sortPopular(): void {\n    emit(\"sortPopular\");\n}\nfunction displayPrevious(): void {\n    emit(\"displayPrevious\");\n}\nfunction displayNext(): void {\n    emit(\"displayNext\");\n}\nfunction handleSeeMoreButton(event: { preventDefault: () => void }) {\n    if (props.href ||\n        !props.rubriqueId ||\n        0 === props.rubriqueId.length ||\n        props.noRubriquageId.length\n    ) {\n        return;\n    }\n    event.preventDefault();\n    const rubriqueChosenId = props.rubriqueId.at(-1);\n    let filterToAdd: RubriquageFilter|undefined;\n    if (filterStore.filterRubriquage.length) {\n        for (let i = 0, len = filterStore.filterRubriquage.length; i < len; i++) {\n            const rubriqueChosen = filterStore.filterRubriquage[i].rubriques.find(\n                (element: Rubrique) => element.rubriqueId === rubriqueChosenId,\n            );\n            if (rubriqueChosen) {\n                filterToAdd = {\n                    rubriquageId: filterStore.filterRubriquage[i].rubriquageId ?? 0,\n                    rubriqueId: rubriqueChosenId,\n                    nameRubriquage: filterStore.filterRubriquage[i].title,\n                    nameRubrique: rubriqueChosen.name,\n                };\n                break;\n            }\n        }\n    }\n    if(!filterToAdd){return;}\n    const queries = returnRubriquesFilter((a) => {\n        const indexRubriquage = a.findIndex(filter => filter.rubriquageId === filterToAdd.rubriquageId);\n        if (indexRubriquage === -1) {\n            a.push(filterToAdd);\n        } else {\n            a[indexRubriquage] = filterToAdd;\n        }\n        return a;\n    })\n    router.push({\n        name: \"podcasts\",\n        query: {...route.query, ...queries}\n    });\n}\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-inline-container {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n\n  @media (width <= 450px) {\n    padding: 1rem 0;\n  }\n}\n\n.sort {\n    .btn {\n        color: var(--octopus-color-text);\n    }\n}\n</style>\n","<template>\n    <div class=\"podcast-inline-container\">\n        <div class=\"d-flex align-items-center\" :class=\"podcastId ? 'mb-4' : 'mb-2'\">\n            <component\n                :is=\"titleIcon\"\n                v-if=\"titleIcon\"\n                class=\"me-1\"\n            />\n            <component :is=\"titleTag\" class=\"mb-0\">\n                {{ title }}\n            </component>\n        </div>\n\n        <div v-if=\"!podcastId\" class=\"d-flex justify-content-between\">\n            <div v-if=\"!noSort\" class=\"d-flex sort\">\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: !popularSort }\"\n                    @click=\"sortChrono()\"\n                >\n                    {{ t(\"Last added\") }}\n                </button>\n                <button\n                    class=\"btn btn-underline\"\n                    :class=\"{ active: popularSort }\"\n                    @click=\"sortPopular()\"\n                >\n                    {{ t(\"Most popular\") }}\n                </button>\n            </div>\n            <div v-if=\"displayArrow\" class=\"hide-phone\">\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !previousAvailable }\"\n                    :title=\"t('Display previous')\"\n                    @click=\"displayPrevious()\"\n                >\n                    <ChevronLeftIcon :size=\"30\" />\n                </button>\n                <button\n                    class=\"btn admin-button m-1\"\n                    :class=\"{ disabled: !nextAvailable }\"\n                    :title=\"t('Display next')\"\n                    @click=\"displayNext()\"\n                >\n                    <ChevronRightIcon :size=\"30\" />\n                </button>\n            </div>\n        </div>\n        <slot name=\"list-inline\" />\n        <router-link\n            v-if=\"buttonText\"\n            class=\"btn btn-primary align-self-center w-fit-content m-4\"\n            :to=\"refTo\"\n            @click=\"handleSeeMoreButton\"\n        >\n            {{ buttonText }}\n            <PlusIcon\n                v-if=\"buttonPlus\"\n                :size=\"16\"\n                class=\"ms-1\"\n            />\n        </router-link>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { useRubriquesFilterComputed } from \"../../composable/route/useRubriquesFilterComputed\";\nimport { useRubriquesFilterParam } from \"../../composable/route/useRubriquesFilterParam\";\nimport { RubriquageFilter } from \"@/stores/class/rubrique/rubriquageFilter\";\nimport { type Component, computed } from \"vue\";\nimport { useRoute, useRouter } from \"vue-router\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n    displayArrow: { default: true, type: Boolean },\n    previousAvailable: { default: false, type: Boolean },\n    nextAvailable: { default: false, type: Boolean },\n    popularSort: { default: false, type: Boolean },\n    buttonText: { default: undefined, type: String },\n    buttonPlus: { default: false, type: Boolean },\n    title: { default: \"\", type: String },\n    /** Add an icon before the title */\n    titleIcon: { default: undefined, type: Object as () => Component },\n    href: { default: undefined, type: String },\n    iabId: { default: undefined, type: Number },\n    rubriqueId: { default: () => [], type: Array as () => Array<number> },\n    noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n    podcastId: { default: undefined, type: Number },\n    titleTag: { default: \"h2\", type: String },\n    /** Hide sort options */\n    noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"sortChrono\", \"sortPopular\", \"displayPrevious\", \"displayNext\"]);\n\n//Composables\nconst { t } = useI18n();\nconst { returnRubriquesFilter } = useRubriquesFilterParam();\nconst { rubriqueQueryParam } = useRubriquesFilterComputed();\nconst filterStore = useFilterStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst refTo = computed(() => {\n    if (props.href) {return props.href;}\n    if (props.iabId) {\n        return {\n            name: \"category\",\n            params: { iabId: props.iabId },\n        };\n    }\n    return {\n        name: \"podcasts\",\n        query: {\n            iabId: filterStore.filterIab?.id,\n            rubriquesId: rubriqueQueryParam.value,\n            productor: filterStore.filterOrgaId\n        },\n    };\n});\n\n//Methods\nfunction sortChrono(): void {\n    emit(\"sortChrono\");\n}\nfunction sortPopular(): void {\n    emit(\"sortPopular\");\n}\nfunction displayPrevious(): void {\n    emit(\"displayPrevious\");\n}\nfunction displayNext(): void {\n    emit(\"displayNext\");\n}\nfunction handleSeeMoreButton(event: { preventDefault: () => void }) {\n    if (props.href ||\n        !props.rubriqueId ||\n        0 === props.rubriqueId.length ||\n        props.noRubriquageId.length\n    ) {\n        return;\n    }\n    event.preventDefault();\n    const rubriqueChosenId = props.rubriqueId.at(-1);\n    let filterToAdd: RubriquageFilter|undefined;\n    if (filterStore.filterRubriquage.length) {\n        for (let i = 0, len = filterStore.filterRubriquage.length; i < len; i++) {\n            const rubriqueChosen = filterStore.filterRubriquage[i].rubriques.find(\n                (element: Rubrique) => element.rubriqueId === rubriqueChosenId,\n            );\n            if (rubriqueChosen) {\n                filterToAdd = {\n                    rubriquageId: filterStore.filterRubriquage[i].rubriquageId ?? 0,\n                    rubriqueId: rubriqueChosenId,\n                    nameRubriquage: filterStore.filterRubriquage[i].title,\n                    nameRubrique: rubriqueChosen.name,\n                };\n                break;\n            }\n        }\n    }\n    if(!filterToAdd){return;}\n    const queries = returnRubriquesFilter((a) => {\n        const indexRubriquage = a.findIndex(filter => filter.rubriquageId === filterToAdd.rubriquageId);\n        if (indexRubriquage === -1) {\n            a.push(filterToAdd);\n        } else {\n            a[indexRubriquage] = filterToAdd;\n        }\n        return a;\n    })\n    router.push({\n        name: \"podcasts\",\n        query: {...route.query, ...queries}\n    });\n}\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-inline-container {\n  display: flex;\n  flex-direction: column;\n  padding: 1rem;\n\n  @media (width <= 450px) {\n    padding: 1rem 0;\n  }\n}\n\n.sort {\n    .btn {\n        color: var(--octopus-color-text);\n    }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastIsPlaying-C0jcpBQd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-C0jcpBQd.mjs","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;EAcoB,MAAA,eAAA,EAAA,aAAA,eAAA,EAAA;;;;;;;;;;;CCblB,OAAAA,UAAA,GAAAC,mBAOM,OAAA,EANH,OAAKC,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExBC,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrBA,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrBA,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastIsPlaying-H6P1CHAI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-H6P1CHAI.mjs","names":["_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;EAcoB,MAAA,eAAA,EAAA,aAAA,eAAA,EAAA;;;;;;;;;;;CCblB,OAAAA,UAAA,GAAAC,mBAOM,OAAA,EANH,OAAKC,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExBC,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrBA,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrBA,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/{PodcastIsPlaying-BtmHnQi9.mjs → PodcastIsPlaying-ugHcefCy.mjs}

@@ -1,4 +1,4 @@
-import { n as e } from "./PlayerStore-CKprkxa0.mjs";
+import { n as e } from "./PlayerStore-DggKki80.mjs";
 import { createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, unref as o } from "vue";
 //#endregion
 //#region src/components/display/podcasts/PodcastIsPlaying.vue

package/dist/{PodcastItem-TdtzApJ6.mjs → PodcastItem-Baki7W0q.mjs}

@@ -1,12 +1,12 @@
-import { A as e } from "./classicApi-pmODlqv5.mjs";
+import { j as e } from "./classicApi-CGipMqf7.mjs";
 import { n as t } from "./useResizePhone-4hSkK5pa.mjs";
 import { t as n } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
 import { t as r } from "./displayHelper-DQtoqc_6.mjs";
-import { t as i } from "./useOrgaComputed-CBJ5sDOm.mjs";
-import { t as a } from "./useDayjs-DGb3L4kJ.mjs";
-import { t as o } from "./RightsIndicator-D0cSu8j2.mjs";
+import { t as i } from "./useOrgaComputed-D81Jihm-.mjs";
+import { t as a } from "./useDayjs-VUs19G9T.mjs";
+import { t as o } from "./RightsIndicator-CPzWpH5Z.mjs";
 import { t as s } from "./PodcastSeasonInfo-DDGSqj8M.mjs";
-import { t as c } from "./PodcastImage-BtiQlrb3.mjs";
+import { t as c } from "./PodcastImage-BFA22TgZ.mjs";
 import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineAsyncComponent as g, defineComponent as _, nextTick as v, normalizeClass as y, onBeforeMount as b, openBlock as x, ref as S, resolveComponent as C, toDisplayString as w, unref as T, useTemplateRef as E, withCtx as D } from "vue";
 import { useI18n as O } from "vue-i18n";
 import k from "dayjs";
@@ -47,7 +47,7 @@ var A = {
 		type: Object
 	} },
 	setup(t) {
-		let n = g(() => import("./PodcastPlayBar-gAEttclo.mjs")), r = t, { t: c } = O(), { isPodcastmaker: _ } = i(), { formatDate: v } = a(), y = l(() => v(r.podcast.pubDate)), b = l(() => r.podcast.organisation.name.length > 30 ? r.podcast.organisation.name.substring(0, 30) + "..." : r.podcast.organisation.name);
+		let n = g(() => import("./PodcastPlayBar-COU17bnm.mjs")), r = t, { t: c } = O(), { isPodcastmaker: _ } = i(), { formatDate: v } = a(), y = l(() => v(r.podcast.pubDate)), b = l(() => r.podcast.organisation.name.length > 30 ? r.podcast.organisation.name.substring(0, 30) + "..." : r.podcast.organisation.name);
 		return (r, i) => {
 			let a = C("router-link");
 			return x(), f("div", M, [

package/dist/PodcastItem-BfvK4ion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-BfvK4ion.mjs","names":["_hoisted_1","_sfc_render","_resolveComponent","_openBlock","_createElementBlock","_createVNode","_withCtx","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","_sfc_render","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_createTextVNode","_createBlock","_createCommentVNode","_sfc_main","displayHelper","_openBlock","_createElementBlock","_createVNode","_normalizeClass","_createCommentVNode","_createElementVNode","_sfc_main"],"sources":["../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItem.vue","../src/components/display/podcasts/PodcastItem.vue"],"sourcesContent":["<template>\n    <div\n        v-if=\"animator\"\n        class=\"d-flex align-items-center justify-content-start animators-item\"\n    >\n        <router-link\n            :to=\"{\n                name: 'participant',\n                params: { participantId: animator.participantId },\n            }\"\n            :title=\"t('Participant name page', { name: animatorName })\"\n            class=\"podcast-item-animator text-truncate\"\n        >\n            {{ animatorName }}\n        </router-link>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n    animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: var(--octopus-podcast-animator-font-size);\n  font-weight: var(--octopus-podcast-animator-font-weight);\n  color: var(--octopus-podcast-animator-text-fg);\n  text-transform: capitalize;\n}\n</style>\n","<template>\n    <div\n        v-if=\"animator\"\n        class=\"d-flex align-items-center justify-content-start animators-item\"\n    >\n        <router-link\n            :to=\"{\n                name: 'participant',\n                params: { participantId: animator.participantId },\n            }\"\n            :title=\"t('Participant name page', { name: animatorName })\"\n            class=\"podcast-item-animator text-truncate\"\n        >\n            {{ animatorName }}\n        </router-link>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n    animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: var(--octopus-podcast-animator-font-size);\n  font-weight: var(--octopus-podcast-animator-font-weight);\n  color: var(--octopus-podcast-animator-text-fg);\n  text-transform: capitalize;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EAKd,MAAM,EAAE,MAAM,QAAQ;;;;GAGD,cAAA,eAAe,GAAG,MAAM,UAAU,aAAa,GAAG,GAAI,MAAM,UAAU,YAAY,KAAK,KAAK,CAAA;;;;;;;;;;;;;CC7BzG,OAAM;;;;CADA,OAAA,OAAA,YADVG,UAAA,GAAAC,mBAcM,OAdNJ,cAcM,CAVFK,YASc,wBAAA;EART,IAAE;;GAAkF,QAAA,EAAA,eAAA,OAAA,SAAS,cAAa;;EAI1G,OAAO,OAAA,EAAC,yBAAA,EAAA,MAAkC,OAAA,aAAY,CAAA;EACvD,OAAM;;EAEN,SAAAC,cAAkB,CAAfC,gBAAAC,gBAAA,OAAA,YAAY,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;ECoD3B,MAAM,iBAAiB,2BACb,OAAO,gCACjB;EAGA,MAAM,QAAQ;EAKd,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,mBAAmB,gBAAgB;EAG3C,MAAM,EAAE,eAAe,SAAS;;;;;;;GAEnB,MAAA,eAAuB;IAChC,OAAO,WAAW,MAAM,QAAQ,OAAO;GAC3C,CAAA;GAEwB,iBAAA,eAAc;IAClC,IAAI,MAAM,QAAQ,aAAa,KAAK,SAAS,IACzC,OAAO,MAAM,QAAQ,aAAa,KAAK,UAAU,GAAG,EAAE,IAAI;IAE9D,OAAO,MAAM,QAAQ,aAAa;GACtC,CAAA;;;;;;;;;;;;;;;;;ACzFS,IAAAG,eAAA,EAAA,OAAM,oBAAmB;AACrB,IAAAC,eAAA,EAAA,OAAM,6CAA4C;;AA+BlD,IAAA,aAAA,EAAA,OAAM,8DAA6D;;;CACzC,OAAM;;;;CAjCzC,OAAAG,UAAA,GAAAC,mBAkDM,OAlDNL,cAkDM;EAjDFM,mBAMM,OANNL,cAMM,CALFK,mBAEO,QAAA,EAFA,UAAU,OAAA,QAAQ,QAClB,GAAAC,gBAAA,OAAA,IAAI,GAAA,GAAA,UAAA,GAGXC,YAAwC,OAAA,sBAAA,EAApB,SAAS,OAAA,QAAO,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,CAAA;EAGxCA,YAcc,wBAAA;GAbT,IAAE;;IAA0E,QAAA,EAAA,WAAA,OAAA,QAAQ,UAAS;;GAI9F,OAAM;GACL,OAAO,OAAA,EAAC,qBAAA,EAAA,MAA8B,OAAA,QAAQ,MAAK,CAAA;;GAEpD,SAAAC,cAIE,CAJFD,YAIE,OAAA,oBAAA;IAHE,QAAA;IACC,SAAS,OAAA;IACV,QAAO;GACT,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,GAAAE,gBAAA,MACFH,gBAAG,OAAA,QAAQ,KAAK,GAAA,CAAA,CAAA,CAAA;;;EAIV,OAAA,MAAM,cAAc,eAD9BH,UAAA,GAAAO,YAKE,OAAA,mBAAA;;GAHG,sBAAoB;GACpB,SAAS,OAAA;GACV,OAAM;;EAGVL,mBAiBM,OAjBN,YAiBM;GAhBS,OAAA,kBAAXF,UAAA,GAAAC,mBAAkE,OAAlE,UAAkE,KAAAO,mBAAA,QAAA,IAAA;GAExD,OAAA,QAAQ,aAAS,MAAU,OAAA,QAAQ,UAAU,UADvDR,UAAA,GAAAO,YAIE,OAAA,kBAAA;;IAFE,OAAM;IACL,UAAU,OAAA,QAAQ,UAAS;;GAGrB,CAAA,OAAA,kBADXP,UAAA,GAAAO,YASc,wBAAA;;IAPT,IAAE;;KAAsF,QAAA,EAAA,aAAA,OAAA,QAAQ,aAAa,GAAE;;IAIhH,OAAM;;IAEN,SAAAF,cAA4B,CAAlBC,gBAAAH,gBAAA,OAAA,OAAA,eAAe,GAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;ECGzC,MAAM,QAAQ;EAMd,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,mBAAmB,IAAI,KAAK;EAClC,MAAM,YAAY,IAAI,KAAK;EAC3B,MAAM,iBAAiB,IAAI,IAAI;EAC/B,MAAM,mBAAmB,IAAI,KAAK;EAClC,MAAM,+BAA+D,IAAI,KAAA,CAAS;EAClF,MAAM,+BAA+D,IAAI,KAAA,CAAS;EAClF,MAAM,wBAAwB,eAAe,oBAAoB;EACjE,MAAM,iCAAiC,eAAe,6BAA6B;EAGnF,MAAM,cAAc,eAAe,MAAM,MAAM,QAAQ,OAAO,CAAC,CAAC,OAAO,CAAC;EACxE,MAAM,cAAc,eAAe,MAAM,QAAQ,eAAe,EAAE;EAElE,oBAAkB;GAChB,SAAS,QAAQ,OAAO,WAAW,eAAe,CAAC,CAAC;GACpD,6BAA6B,QAAQ,SAAS,iBAAiB,GAAG;GAClE,6BAA6B,QAAQ,SAAS,iBAAiB,GAAG;EACpE,CAAC;EAGD,SAAS,kBAAwB;GAC/B,IAAI,iBAAiB,OACnB;GAEF,MAAM,cAAc,uBAAuB;GAC3C,MAAM,uBAAuB,gCAAgC;GAC7D,IAAI,aAAa,eAAe,sBAAsB,cACpD,iBAAiB,QAAQ;GAE3B,iBAAiB,QAAQ;EAC3B;EACA,SAAS,kBAAwB;GAC/B,eAAe,QAAQ;GACvB,UAAU,QAAQ;GAClB,eAAe;IACb,gBAAgB;GAClB,CAAC;EACH;EACA,SAAS,kBAAwB;GAC/B,eAAe,QAAQ;GACvB,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CClGE,OAAAQ,UAAA,GAAAC,mBAmCU,WAAA;EAlCR,OAAM;EACL,gBAAc,OAAA;EACd,cAAY,OAAA,QAAQ;;EAErBC,YAQE,OAAA,iBAAA;GAPC,SAAS,OAAA;GACT,aAAW,OAAA,aAAS,MAAU,OAAA,YAAY;GAC1C,uBAAmB,MAAQ,OAAA,YAAY;GACvC,mBAAiB,OAAA;GACjB,oBAAkB,OAAA;GAClB,mBAAkB,OAAA;GAClB,mBAAkB,OAAA;;;;;;;;EAGb,OAAA,aADRF,UAAA,GAAAC,mBAYM,OAAA;;GAVJ,KAAI;GACJ,OAAKE,eAAA,CAAC,qEAAmE,CACvD,OAAA,aAAS,OAAW,OAAA,cAAW,YAAA,aAAqC,CAAA,OAAA,YAAY,OAAA,mBAAgB,8BAAA,iCAAA,CAAA,CAAA;;GAKlHC,mBAAA,gCAAA;GACAC,mBAA2E,OAAA;IAAtE,KAAI;IAAqB,WAAQ,OAAA,cAAc,OAAO,OAAA,WAAW;;GACtED,mBAAA,iBAAA;;EAEFC,mBAOM,OAAA;GANH,cAAU,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,OAAA,gCAAA,OAAA,6BAAA,GAAA,IAAA;GACZ,cAAU,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,OAAA,gCAAA,OAAA,6BAAA,GAAA,IAAA;EAEb,GAAA,CAAAH,YAEE,OAAA,oBAAA,EADC,SAAS,OAAA,QAAO,GAAA,MAAA,GAAA,CAAA,SAAA,CAAA,CAAA,GAAA,EAAA"}