@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/EmissionGroupChooser-CO1WBOUi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionGroupChooser-CO1WBOUi.mjs","names":[],"sources":["../src/components/display/emission/EmissionGroupChooser.vue","../src/components/display/emission/EmissionGroupChooser.vue"],"sourcesContent":["<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n","<template>\n    <OctopusMultiselect\n        :placeholder=\"placeholder ?? $t('Search - Emission groups placeholder')\"\n        :selected=\"groups\"\n        :options=\"allGroups\"\n        :no-border=\"noBorder\"\n        option-label=\"name\"\n        option-key=\"groupId\"\n        @update:selected=\"emitSelected\"\n    />\n</template>\n\n<script setup lang=\"ts\">\nimport { onMounted, ref } from \"vue\";\n\nimport OctopusMultiselect from \"../../form/OctopusMultiselect.vue\"; \nimport { groupsApi, EmissionGroup } from \"../../../api/groupsApi\";\n\n//Props \nconst props = defineProps<{\n    /** Filter by organisation */\n    organisationId?: string|Array<string>;\n    /** Currently selected groups */\n    groups: Array<EmissionGroup>;\n    /** Change default placeholder */\n    placeholder?: string;\n    /** Disable borders */\n    noBorder?: boolean;\n}>();\n\n//Emits\nconst emit = defineEmits<{\n    (e: \"update:groups\", groups: Array<EmissionGroup>): void;\n}>();\n\n//Data\nconst maxElement = 200;\nconst allGroups = ref<Array<EmissionGroup>>([]);\n\nonMounted(async() => {\n    const response = await groupsApi.search({\n        first: 0,\n        size: maxElement,\n        organisationIds: [props.organisationId].flat(),\n    });\n\n    // Only groups with emissions are available\n    allGroups.value =  response.result.filter(g => g.emissionIds?.length ?? 0 > 0);\n});\n\nfunction emitSelected(option: Array<EmissionGroup>) {\n    emit(\"update:groups\", option);\n}\n</script>\n"],"mappings":";;;;;;AAoCA,IAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;EAjBnB,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,YAAY,IAA0B,CAAC,CAAC;EAE9C,UAAU,YAAW;GAQjB,UAAU,SAAS,MAPI,UAAU,OAAO;IACpC,OAAO;IACP,MAAM;IACN,iBAAiB,CAAC,MAAM,cAAc,EAAE,KAAK;GACjD,CAAC,GAG2B,OAAO,QAAO,MAAK,EAAE,aAAa,UAAU,KAAK;EACjF,CAAC;EAED,SAAS,aAAa,QAA8B;GAChD,KAAK,iBAAiB,MAAM;EAChC;;;;;;;;;;;;;;;;;;;;qBCnDI,YAQE,OAAA,uBAAA;EAPG,aAAa,OAAA,eAAe,KAAA,GAAE,sCAAA;EAC9B,UAAU,OAAA;EACV,SAAS,OAAA;EACT,aAAW,OAAA;EACZ,gBAAa;EACb,cAAW;EACV,qBAAiB,OAAA"}

package/dist/EmissionInlineList-B-r4eI3D.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-B-r4eI3D.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{EmissionInlineList-BcrKpW8S.mjs → EmissionInlineList-Cy1lbYKY.mjs}

@@ -1,10 +1,10 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { A as state, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
-import { t as useErrorHandler } from "./useErrorHandler-DtLjD9t_.mjs";
-import { t as SwiperList_default } from "./SwiperList-C1v0T1wx.mjs";
-import { t as EmissionPresentationItem_default } from "./EmissionPresentationItem-CwDIBurH.mjs";
-import { t as EmissionPlayerItem_default } from "./EmissionPlayerItem-D21OrPmm.mjs";
+import { A as state, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-D3XVxUh6.mjs";
+import { t as SwiperList_default } from "./SwiperList-C51H-enh.mjs";
+import { t as EmissionPresentationItem_default } from "./EmissionPresentationItem-CwBGPIgz.mjs";
+import { t as EmissionPlayerItem_default } from "./EmissionPlayerItem-Degbnz9F.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, normalizeClass, onMounted, openBlock, ref, resolveComponent, toDisplayString, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 //#region src/components/display/emission/EmissionInlineList.vue?vue&type=script&setup=true&lang.ts
@@ -185,4 +185,4 @@ var EmissionInlineList_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { EmissionInlineList_default as default };
 
-//# sourceMappingURL=EmissionInlineList-BcrKpW8S.mjs.map
+//# sourceMappingURL=EmissionInlineList-Cy1lbYKY.mjs.map

package/dist/EmissionInlineList-Cy1lbYKY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-Cy1lbYKY.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionInlineList-IKPyjBTQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionInlineList-IKPyjBTQ.mjs","names":[],"sources":["../src/components/display/emission/EmissionInlineList.vue","../src/components/display/emission/EmissionInlineList.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n","<template>\n  <div class=\"d-flex flex-column list-episode\">\n    <h2 v-if=\"title\" class=\"mb-0\">\n      {{ title }}\n    </h2>\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    />\n    <SwiperList\n      v-if=\"(displayRubriquage && rubriques) || !(displayRubriquage && loaded)\"\n      :size-item-overload=\"sizeItemOverload\"\n      :list-object=\"allEmissions\"\n    >\n      <template #octopusSlide=\"{ option }\">\n        <EmissionPresentationItem\n          v-if=\"emissionDisplay === 'simple'\"\n          :emission=\"option\"\n          class=\"inline-list-element\"\n          is-description\n          :is-vertical=\"emissionVertical\"\n        />\n\n        <EmissionPlayerItem\n          v-else\n          class=\"flex-shrink-0 item-phone-margin\"\n          :emission=\"option\"\n          :class=\"[mainRubriquage(option)]\"\n          :nb-podcasts=\"nbPodcasts\"\n          :rubrique-name=\"rubriquesId(option)\"\n        />\n      </template>\n    </SwiperList>\n    <router-link\n      v-if=\"href\"\n      :to=\"href\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n    >\n      {{ buttonText }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport SwiperList from \"../list/SwiperList.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport EmissionPresentationItem from \"./EmissionPresentationItem.vue\";\nimport EmissionPlayerItem from \"./EmissionPlayerItem.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { computed, onMounted, Ref, ref } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { RouteParams } from \"vue-router\";\n\n//Props \nconst props = defineProps<{\n  /**\n   * Change style of emission item.\n   * Simple is what is seen everywhere, player displays a few podcasts that can\n   * be played directly\n   */\n  emissionDisplay?: 'player'|'simple';\n  /** When set to true with the 'simple' emissionDisplay, display emissions vertically */\n  emissionVertical?: boolean;\n  href?: string|RouteParams;\n  buttonText?: string;\n  /** Number of podcasts shown when using player display */\n  nbPodcasts?: number;\n  /** Size, in **rem**, of the emission items */\n  itemSize?: number;\n  /** Filter on organization */\n  organisationId?: string;\n  /** Filter on rubrique */\n  rubriqueId?: number;\n  /** Filter on rubriquage */\n  rubriquageId?: number;\n  /** Title of the section */\n  title?: string;\n}>();\n\n\n//Data \nconst loading = ref(true);\nconst allEmissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\n\n\n//Computed\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\n \nconst sizeItemOverload = computed(() => {\n  if (props.itemSize) {\n    return props.itemSize;\n  } else if (props.emissionDisplay === 'simple') {\n    return 25;\n  } else {\n    return undefined;\n  }\n})\n\nonMounted(()=>{\n  fetchNext();\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: {\n        first: 0,\n        size: 12,\n        organisationId: props.organisationId,\n        rubriqueId: props.rubriqueId ? [props.rubriqueId] : [],\n        rubriquageId: props.rubriquageId ? [props.rubriquageId] : [],\n        sort: \"LAST_PODCAST_DESC\",\n      },\n      specialTreatement: true,\n    });\n    allEmissions.value = allEmissions.value.concat(\n      data.result.filter((em: Emission | null) => null !== em),\n    );\n    loading.value = false;\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\n\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  ) {\n    return undefined;\n  }\n\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) =>\n      element.rubriqueId &&\n      emission.rubriqueIds.includes(element.rubriqueId) &&\n      element.rubriquageId === displayRubriquage.value,\n  );\n  if (rubrique) {\n    return rubrique.name;\n  }\n}\n\nfunction mainRubriquage(emission: Emission): string {\n  return state.emissionsPage.mainRubrique &&\n    emission.rubriqueIds?.includes(state.emissionsPage.mainRubrique)\n    ? \"partenaireRubrique\"\n    : \"\";\n}\n</script>\n\n<style scoped lang=\"scss\">\n.list-episode {\n  padding: 2rem 0 1rem;\n\n  @media (width <= 450px) {\n    padding: 0.5rem 0 1rem;\n  }\n\n  h2 {\n    margin-bottom: 1rem;\n  }\n}\n\n.inline-list-element {\n  @media (width <= 960px) {\n    height: 334px;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionItem-982WkWkg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionItem-982WkWkg.mjs","names":[],"sources":["../src/components/misc/ClassicImageBanner.vue","../src/components/display/emission/EmissionItem.vue","../src/components/display/emission/EmissionItem.vue"],"sourcesContent":["<!-- A simple component to display a blur & a banner on an image -->\n<template>\n    <div class=\"blur-with-banner\">\n        <div class=\"banner\">\n            <slot />\n        </div>\n    </div>\n</template>\n\n<script setup>\n</script>\n\n<style lang=\"scss\" scoped>\n.blur-with-banner {\n  position: absolute;\n  inset: 0;\n  background-color:var(--octopus-background-transparent);\n  // Allow pointer events to go through (allow click on image beneath blur)\n  pointer-events: none;\n\n  .banner {\n    text-align: center;\n    width: 100%;\n    font-size: 0.6rem;\n    padding: 0.2rem 0;\n    color: white;\n    background: black;\n    text-transform: uppercase;\n    position: absolute;\n    top: 0;\n  }\n}\n</style>","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/EmissionItem-B8q9hnN5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionItem-B8q9hnN5.mjs","names":[],"sources":["../src/components/misc/ClassicImageBanner.vue","../src/components/display/emission/EmissionItem.vue","../src/components/display/emission/EmissionItem.vue"],"sourcesContent":["<!-- A simple component to display a blur & a banner on an image -->\n<template>\n    <div class=\"blur-with-banner\">\n        <div class=\"banner\">\n            <slot />\n        </div>\n    </div>\n</template>\n\n<script setup>\n</script>\n\n<style lang=\"scss\" scoped>\n.blur-with-banner {\n  position: absolute;\n  inset: 0;\n  background-color:var(--octopus-background-transparent);\n  // Allow pointer events to go through (allow click on image beneath blur)\n  pointer-events: none;\n\n  .banner {\n    text-align: center;\n    width: 100%;\n    font-size: 0.6rem;\n    padding: 0.2rem 0;\n    color: white;\n    background: black;\n    text-transform: uppercase;\n    position: absolute;\n    top: 0;\n  }\n}\n</style>","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{EmissionItem-DfkPRcPz.mjs → EmissionItem-BwXm3nNx.mjs}

@@ -1,10 +1,10 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as useResizePhone } from "./useResizePhone-CpfFUmfV.mjs";
 import { t as displayHelper_default } from "./displayHelper-CpXshNzz.mjs";
-import { t as useImageProxy } from "./useImageProxy-Bj0cOCct.mjs";
-import { t as useOrgaComputed } from "./useOrgaComputed-BLSpEDfb.mjs";
-import { t as RightsIndicator_default } from "./RightsIndicator-qIU4_wiF.mjs";
+import { t as useImageProxy } from "./useImageProxy-BdQJmj4a.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-B2Bq0VBT.mjs";
+import { t as RightsIndicator_default } from "./RightsIndicator-D5I3DOfO.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, onBeforeMount, onMounted, openBlock, ref, renderSlot, resolveComponent, resolveDirective, toDisplayString, useTemplateRef, withCtx, withDirectives } from "vue";
 import { useI18n } from "vue-i18n";
 import AlertIcon from "vue-material-design-icons/Alert.vue";
@@ -180,4 +180,4 @@ var EmissionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Emiss
 //#endregion
 export { EmissionItem_default as default };
 
-//# sourceMappingURL=EmissionItem-DfkPRcPz.mjs.map
+//# sourceMappingURL=EmissionItem-BwXm3nNx.mjs.map

package/dist/EmissionItem-BwXm3nNx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionItem-BwXm3nNx.mjs","names":[],"sources":["../src/components/misc/ClassicImageBanner.vue","../src/components/display/emission/EmissionItem.vue","../src/components/display/emission/EmissionItem.vue"],"sourcesContent":["<!-- A simple component to display a blur & a banner on an image -->\n<template>\n    <div class=\"blur-with-banner\">\n        <div class=\"banner\">\n            <slot />\n        </div>\n    </div>\n</template>\n\n<script setup>\n</script>\n\n<style lang=\"scss\" scoped>\n.blur-with-banner {\n  position: absolute;\n  inset: 0;\n  background-color:var(--octopus-background-transparent);\n  // Allow pointer events to go through (allow click on image beneath blur)\n  pointer-events: none;\n\n  .banner {\n    text-align: center;\n    width: 100%;\n    font-size: 0.6rem;\n    padding: 0.2rem 0;\n    color: white;\n    background: black;\n    text-transform: uppercase;\n    position: absolute;\n    top: 0;\n  }\n}\n</style>","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;qBAES,OAAM,mBAAkB;qBACpB,OAAM,SAAQ;;qBADvB,mBAIM,OAJN,cAIM,CAHF,mBAEM,OAFN,cAEM,CADF,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,IAAA,CAAA,CAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;EC8EpB,MAAM,QAAQ;EAMd,MAAM,iBAAiB,IAAI,IAAI;EAG/B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,cAAc;EAC3C,MAAM,EAAE,gBAAgB,iBAAiB,gBAAgB;EAGzD,MAAM,YAAY,eAAe,aAAa,MAAM,SAAS,KAAK,EAAE,CAAC;EACrE,MAAM,kBAAkB,eAAe;GACrC,OAAO,MAAM,SAAS,YAAY;EACpC,CAAC;EAED,oBAAkB;GAChB,IAAI,CAAC,UAAU,OACb;GAEF,WAAW;EACb,CAAC;EAED,gBAAc;GACZ,MAAM,eAAe,eAAe,qBAAqB,GAAG;GAC5D,MAAM,wBAAwB,eAAe,8BAA8B,GAAG;GAC9E,IACE,SAAS,gBACT,SAAS,yBACT,aAAa,eAAe,sBAAsB,cAElD,sBAAsB,UAAU,IAAI,2BAA2B;EAEnE,CAAC;EAED,MAAM,EAAE,YAAY,eAAe;EACnC,MAAM,cAAc,eAAuB;GACzC,IAAI,MAAM,MAAM,SAAS;GACzB,IAAI,CAAC,KACH,OAAO;GAIT,IAAI,QAAQ,UAAU,MAAM;IAE1B,MAAM,UAAU,IAAI,MAAM,aAAO;IACjC,IAAI,WAAW,QAAQ,WAAW,GAChC,MAAM,QAAQ;GAElB;GAEA,OAAO,OAAO,GAAG;EACnB,CAAC;EAGD,SAAS,OAAO,MAAsB;GACpC,OAAO,sBAAc,OAAO,IAAI;EAClC;EACA,eAAe,aAA4B;GAYzC,IAAI,OAAM,MAXS,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,YAAY,MAAM,SAAS;KAC3B,OAAO;KACP,MAAM;KACN,eAAe,CAAC,SAAS,YAAY;IACvC;IACA,mBAAmB;GACrB,CAAC,GACc,OACb,eAAe,QAAQ;EAE3B;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC7JW,OAAM,4BAA2B;;mBAsBjC,OAAM,uBAAsB;mBAC1B,OAAM,yCAAwC;;CAejD,KAAI;CACJ,OAAM;;;;;;qBAvCd,mBA4DU,WA5DV,YA4DU,CA3DR,YA0Dc,wBAAA;EAzDX,IAAE;;yBAA4D,OAAA,SAAS,WAAU;;EAIjF,OAAO,OAAA,EAAC,oBAAA,EAAA,MAA6B,OAAA,SAAS,KAAI,CAAA;EACnD,OAAM;;yBAUL;kBARD,mBAQC,OAAA;IANC,OAAM;IACN,QAAO;IACP,OAAM;IACN,eAAY;IACZ,KAAI;IACH,OAAO,OAAA,EAAC,uBAAA,EAAA,MAAgC,OAAA,SAAS,KAAI,CAAA;+CAN9C,OAAA,iBAAiB,OAAA,SAAS,UAAQ,KAAA,CAAA,CAAA,CAAA;IAQjB,OAAA,mBAAA,UAAA,GAA3B,YAEqB,OAAA,uBAAA,EAAA,KAAA,EAAA,GAAA;2BAD8B,CAAA,gBAAA,gBAA9C,OAAA,EAAC,wCAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;;GAGN,mBAoCM,OApCN,YAoCM;IAnCJ,mBAaM,OAbN,YAaM;MAXK,OAAA,kBAAc,CAAK,OAAA,kBAAkB,OAAA,aAAA,UAAA,GAD9C,YAKE,OAAA,cAAA;;MAHC,MAAM;MACP,OAAM;MACL,OAAO,OAAA,EAAC,4BAAA;;KAEX,YAIE,OAAA,oBAAA;MAHA,QAAA;MACC,UAAU,OAAA;MACX,QAAO;;qBACP,MACF,gBAAG,OAAA,SAAS,IAAI,GAAA,CAAA;;IAElB,mBAUM,OAVN,YAUM;KANJ,mBAAA,gCAAA;KACA,mBAGE,OAAA;MAFA,KAAI;MACJ,WAAQ,OAAA;;KAEV,mBAAA,iBAAA;;KAGO,OAAA,kBAAA,UAAA,GADT,YASc,wBAAA;;KAPZ,OAAM;KACL,IAAE;;6BAAsE,OAAA,SAAS,KAAK,GAAE;;;4BAKvF,CAAA,gBADH,QACG,gBAAG,OAAA,SAAS,KAAK,IAAI,GAAA,CAAA,CAAA,CAAA"}

package/dist/EmissionItem-ZDlQ7B9S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionItem-ZDlQ7B9S.mjs","names":[],"sources":["../src/components/misc/ClassicImageBanner.vue","../src/components/display/emission/EmissionItem.vue","../src/components/display/emission/EmissionItem.vue"],"sourcesContent":["<!-- A simple component to display a blur & a banner on an image -->\n<template>\n    <div class=\"blur-with-banner\">\n        <div class=\"banner\">\n            <slot />\n        </div>\n    </div>\n</template>\n\n<script setup>\n</script>\n\n<style lang=\"scss\" scoped>\n.blur-with-banner {\n  position: absolute;\n  inset: 0;\n  background-color:var(--octopus-background-transparent);\n  // Allow pointer events to go through (allow click on image beneath blur)\n  pointer-events: none;\n\n  .banner {\n    text-align: center;\n    width: 100%;\n    font-size: 0.6rem;\n    padding: 0.2rem 0;\n    color: white;\n    background: black;\n    text-transform: uppercase;\n    position: absolute;\n    top: 0;\n  }\n}\n</style>","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'emission',\n        params: { emissionId: emission.emissionId },\n      }\"\n      :title=\"t('Series name page', { name: emission.name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(emission.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        class=\"img-box\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Emission name image', { name: emission.name })\"\n      >\n      <ClassicImageBanner v-if=\"!emissionVisible\">\n        {{ t('Emission - Not available for listeners') }}\n      </ClassicImageBanner>\n\n      <div class=\"classic-element-text\">\n        <div class=\"d-flex align-items-center element-name\">\n          <AlertIcon\n            v-if=\"!activeEmission && !isPodcastmaker && editRight\"\n            :size=\"16\"\n            class=\"text-danger me-1\"\n            :title=\"t('Emission have not podcasts')\"\n          />\n          <RightsIndicator\n            inline\n            :emission=\"emission\"\n            action=\"edit\"\n          />\n          {{ emission.name }}\n        </div>\n        <div\n          ref=\"descriptionEmissionContainer\"\n          class=\"element-description htms-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div\n            ref=\"descriptionEmission\"\n            v-html=\"description\"\n          />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!isPodcastmaker\"\n          class=\"text-dark mt-auto py-1\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: emission.orga.id },\n          }\"\n        >\n          © {{ emission.orga.name }}\n        </router-link>\n      </div>\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport AlertIcon from \"vue-material-design-icons/Alert.vue\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport classicApi from \"../../../api/classicApi\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onBeforeMount, onMounted, ref, useTemplateRef } from \"vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \n\nimport ClassicImageBanner from '../../misc/ClassicImageBanner.vue';\n\nimport { useI18n } from \"vue-i18n\";\nimport { useResizePhone } from \"../../composable/useResizePhone\";\n\n//Props \nconst props = defineProps<{\n  /** The emission to display */\n  emission: Emission;\n}>();\n\n//Data \nconst activeEmission = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\n\n//Computed\nconst editRight = computed(() => isEditRights(props.emission.orga.id));\nconst emissionVisible = computed(() => {\n  return props.emission.visible !== false;\n});\n\nonBeforeMount(()=>{\n  if (!editRight.value) {\n    return;\n  }\n  hasPodcast();\n});\n\nonMounted(()=>{\n  const emissionDesc = useTemplateRef('descriptionEmission')?.value as HTMLElement;\n  const emissionDescContainer = useTemplateRef('descriptionEmissionContainer')?.value as HTMLElement;\n  if (\n    null !== emissionDesc &&\n    null !== emissionDescContainer &&\n    emissionDesc.clientHeight > emissionDescContainer.clientHeight\n  ) {\n    emissionDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\nconst { isPhone } = useResizePhone();\nconst description = computed((): string => {\n  let str = props.emission.description;\n  if (!str) {\n    return '';\n  }\n\n  // Truncate description on phones\n  if (isPhone.value === true) {\n    const pattern = /^(.+?<\\/p>)/;\n    const matches = str.match(pattern);\n    if (matches && matches.length === 2) {\n      str = matches[1];\n    }\n  }\n\n  return urlify(str);\n});\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nasync function hasPodcast(): Promise<void> {\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      emissionId: props.emission.emissionId,\n      first: 0,\n      size: 0,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n    },\n    specialTreatement: true,\n  });\n  if (0 === data.count) {\n    activeEmission.value = false;\n  }\n}\n</script>\n\n<style scoped lang=\"scss\">\narticle {\n  max-height: 254px;  // Image size + a few pixels for border\n\n  // Adjust display for small screens\n  @media (width <= 960px) {\n    max-height: 500px;\n\n    a {\n      flex-direction: column !important;\n      flex-wrap: nowrap !important;\n    }\n\n    .element-name {\n      font-size: 1rem;\n    }\n\n    .element-description {\n      font-size: 0.7rem;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{EmissionList-DSuGp0JO.mjs → EmissionList-C8OxrndH.mjs}

@@ -1,8 +1,8 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { A as state, r as useFilterStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
-import { t as ListPaginate_default } from "./ListPaginate-C9saxru9.mjs";
-import { t as useErrorHandler } from "./useErrorHandler-DtLjD9t_.mjs";
+import { A as state, r as useFilterStore, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
+import { t as ListPaginate_default } from "./ListPaginate-BXNnw_I8.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-D3XVxUh6.mjs";
 import { n as emptyEmissionData } from "./emission-ByePXT9Y.mjs";
 import { t as ClassicLazy_default } from "./ClassicLazy-7mFHxG6O.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onMounted, openBlock, ref, renderList, resolveComponent, toDisplayString, vShow, watch, withCtx, withDirectives } from "vue";
@@ -84,8 +84,8 @@ var EmissionList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ def
 	},
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const EmissionItem = defineAsyncComponent(() => import("./EmissionItem-DfkPRcPz.mjs"));
-		const EmissionPlayerItem = defineAsyncComponent(() => import("./EmissionPlayerItem-D21OrPmm.mjs").then((n) => n.n));
+		const EmissionItem = defineAsyncComponent(() => import("./EmissionItem-BwXm3nNx.mjs"));
+		const EmissionPlayerItem = defineAsyncComponent(() => import("./EmissionPlayerItem-Degbnz9F.mjs").then((n) => n.n));
 		const props = __props;
 		const loading = ref(true);
 		const dfirst = ref(props.first);
@@ -322,4 +322,4 @@ var EmissionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Emiss
 //#endregion
 export { EmissionList_exports as n, EmissionList_default as t };
 
-//# sourceMappingURL=EmissionList-DSuGp0JO.mjs.map
+//# sourceMappingURL=EmissionList-C8OxrndH.mjs.map

package/dist/EmissionList-C8OxrndH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionList-C8OxrndH.mjs","names":[],"sources":["../src/components/display/emission/EmissionList.vue","../src/components/display/emission/EmissionList.vue"],"sourcesContent":["<template>\n  <ListPaginate\n    id=\"emissionListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && emissions.length > 1\n        ? t('Number emissions', { nb: displayCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div v-if=\"!state.emissionsPage.itemPlayer\" class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"e in displayArray\"\n          :key=\"e.emissionId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <EmissionItem v-if=\"0 !== e.emissionId\" :emission=\"e\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'emission',\n                params: { emissionId: e.emissionId },\n              }\"\n              :title=\"t('Series name page', { name: e.name })\"\n            >\n              {{ e.name }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n      <div\n        v-else\n        v-show=\"(displayRubriquage && rubriques) || !displayRubriquage\"\n        class=\"d-flex flex-wrap justify-content-around\"\n      >\n        <template v-for=\"e in displayArray\" :key=\"e.emissionId\">\n          <EmissionPlayerItem\n            v-if=\"0 !== e.emissionId\"\n            :emission=\"e\"\n            class=\"m-3 flex-shrink-0\"\n            :class=\"mainRubriquage(e)\"\n            :nb-podcasts=\"nbPodcasts\"\n            :rubrique-name=\"rubriquesId(e)\"\n          />\n        </template>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Emission, emptyEmissionData } from \"../../../stores/class/general/emission\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { FetchParam } from \"../../../stores/class/general/fetchParam\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"../../../stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { EmissionGroup } from \"../../../api/groupsApi\";\nconst EmissionItem = defineAsyncComponent(() => import(\"./EmissionItem.vue\"));\nconst EmissionPlayerItem = defineAsyncComponent(\n  () => import(\"./EmissionPlayerItem.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  iabId: { default: undefined, type: Number },\n  organisationId: { default: undefined, type: String },\n  monetisable: { default: \"UNDEFINED\", type: String },\n  before: { default: undefined, type: String },\n  after: { default: undefined, type: String },\n  sort: { default: \"DATE\", type: String },\n  showCount: { default: false, type: Boolean },\n  includeHidden: { 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  nbPodcasts: { default: undefined, type: Number },\n  /** The beneficiaries to filter on */\n  beneficiaries: { default: null, type: Array as () => Array<string> },\n  /** The emission groups to filter on */\n  emissionGroups: { default: null, type: Array as () => Array<EmissionGroup> }\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst emissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n  \n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return emissions.value;\n  }\n  return emissions.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\n/** Computed property to track for configuration changes */\nconst changed = computed(() => {\n  return `${props.organisationId}|${props.query}|${props.monetisable}|${props.includeHidden}|\\\n  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|\\\n  ${props.after}|${props.sort}|${props.noRubriquageId}|${props.beneficiaries}|\\\n  ${props.emissionGroups}`;\n});\nconst sortText = computed(() => {\n  let textSort = \"\";\n  switch (props.sort) {\n    case \"SCORE\":\n      textSort = \" \" + t(\"sort by score\");\n      break;\n    case \"LAST_PODCAST_DESC\":\n      textSort = \" \" + t(\"sort by date\");\n      break;\n    case \"NAME\":\n      textSort = \" \" + t(\"sort by alphabetical\");\n      break;\n    default:\n      textSort = \" \" + t(\"sort by date\");\n      break;\n  }\n    return textSort.replace(\"triés\", \"triées\");\n});\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () =>fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () =>{\n  if (\n    !emissions.value[dfirst.value] ||\n    0 === emissions.value[dfirst.value].emissionId\n  ) {\n    fetchContent(false);\n  }\n});\n\n\nonMounted(()=>{\n  fetchContent(false);\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param: FetchParam = {\n    first: reset? 0: dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    organisationId: organisation.value,\n    monetisable: props.monetisable,\n    iabId: props.iabId,\n    before: props.before,\n    after: props.after,\n    sort: props.sort,\n    noRubriquageId: props.noRubriquageId.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    beneficiary: props.beneficiaries ?? undefined\n  };\n\n  // When fetching hidden episodes, also fetch hidden emissions\n  if (props.includeHidden === true) {\n    param.visible = 'ALL';\n  } else {\n    param.visible = 'VISIBLE';\n  }\n\n  // TODO use emissionGroups\n\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Emission>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    emissions.value.length = 0;\n  }\n  if (dfirst.value > emissions.value.length) {\n    for (\n      let i = emissions.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      emissions.value.push(emptyEmissionData());\n    }\n  }\n  displayCount.value = data.count;\n  const responseEmissions = data.result.filter((e: Emission | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  emissions.value = emissions.value\n    .slice(0, dfirst.value)\n    .concat(responseEmissions)\n    .concat(\n      emissions.value.slice(dfirst.value + dsize.value, emissions.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\nfunction mainRubriquage(emission: Emission): string {\n  return emission.rubriqueIds?.[0] === state.emissionsPage.mainRubrique\n    ? \"partenaireRubrique\"\n    : \"\";\n}\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  )\n    return undefined;\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) => element.rubriqueId === emission.rubriqueIds[0],\n  );\n  if (!rubrique) {\n    return undefined;\n  }\n  return rubrique.name;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"emissionListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && emissions.length > 1\n        ? t('Number emissions', { nb: displayCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div v-if=\"!state.emissionsPage.itemPlayer\" class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"e in displayArray\"\n          :key=\"e.emissionId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <EmissionItem v-if=\"0 !== e.emissionId\" :emission=\"e\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'emission',\n                params: { emissionId: e.emissionId },\n              }\"\n              :title=\"t('Series name page', { name: e.name })\"\n            >\n              {{ e.name }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n      <div\n        v-else\n        v-show=\"(displayRubriquage && rubriques) || !displayRubriquage\"\n        class=\"d-flex flex-wrap justify-content-around\"\n      >\n        <template v-for=\"e in displayArray\" :key=\"e.emissionId\">\n          <EmissionPlayerItem\n            v-if=\"0 !== e.emissionId\"\n            :emission=\"e\"\n            class=\"m-3 flex-shrink-0\"\n            :class=\"mainRubriquage(e)\"\n            :nb-podcasts=\"nbPodcasts\"\n            :rubrique-name=\"rubriquesId(e)\"\n          />\n        </template>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Emission, emptyEmissionData } from \"../../../stores/class/general/emission\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { FetchParam } from \"../../../stores/class/general/fetchParam\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"../../../stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { EmissionGroup } from \"../../../api/groupsApi\";\nconst EmissionItem = defineAsyncComponent(() => import(\"./EmissionItem.vue\"));\nconst EmissionPlayerItem = defineAsyncComponent(\n  () => import(\"./EmissionPlayerItem.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  iabId: { default: undefined, type: Number },\n  organisationId: { default: undefined, type: String },\n  monetisable: { default: \"UNDEFINED\", type: String },\n  before: { default: undefined, type: String },\n  after: { default: undefined, type: String },\n  sort: { default: \"DATE\", type: String },\n  showCount: { default: false, type: Boolean },\n  includeHidden: { 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  nbPodcasts: { default: undefined, type: Number },\n  /** The beneficiaries to filter on */\n  beneficiaries: { default: null, type: Array as () => Array<string> },\n  /** The emission groups to filter on */\n  emissionGroups: { default: null, type: Array as () => Array<EmissionGroup> }\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst emissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n  \n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return emissions.value;\n  }\n  return emissions.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\n/** Computed property to track for configuration changes */\nconst changed = computed(() => {\n  return `${props.organisationId}|${props.query}|${props.monetisable}|${props.includeHidden}|\\\n  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|\\\n  ${props.after}|${props.sort}|${props.noRubriquageId}|${props.beneficiaries}|\\\n  ${props.emissionGroups}`;\n});\nconst sortText = computed(() => {\n  let textSort = \"\";\n  switch (props.sort) {\n    case \"SCORE\":\n      textSort = \" \" + t(\"sort by score\");\n      break;\n    case \"LAST_PODCAST_DESC\":\n      textSort = \" \" + t(\"sort by date\");\n      break;\n    case \"NAME\":\n      textSort = \" \" + t(\"sort by alphabetical\");\n      break;\n    default:\n      textSort = \" \" + t(\"sort by date\");\n      break;\n  }\n    return textSort.replace(\"triés\", \"triées\");\n});\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () =>fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () =>{\n  if (\n    !emissions.value[dfirst.value] ||\n    0 === emissions.value[dfirst.value].emissionId\n  ) {\n    fetchContent(false);\n  }\n});\n\n\nonMounted(()=>{\n  fetchContent(false);\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param: FetchParam = {\n    first: reset? 0: dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    organisationId: organisation.value,\n    monetisable: props.monetisable,\n    iabId: props.iabId,\n    before: props.before,\n    after: props.after,\n    sort: props.sort,\n    noRubriquageId: props.noRubriquageId.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    beneficiary: props.beneficiaries ?? undefined\n  };\n\n  // When fetching hidden episodes, also fetch hidden emissions\n  if (props.includeHidden === true) {\n    param.visible = 'ALL';\n  } else {\n    param.visible = 'VISIBLE';\n  }\n\n  // TODO use emissionGroups\n\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Emission>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    emissions.value.length = 0;\n  }\n  if (dfirst.value > emissions.value.length) {\n    for (\n      let i = emissions.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      emissions.value.push(emptyEmissionData());\n    }\n  }\n  displayCount.value = data.count;\n  const responseEmissions = data.result.filter((e: Emission | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  emissions.value = emissions.value\n    .slice(0, dfirst.value)\n    .concat(responseEmissions)\n    .concat(\n      emissions.value.slice(dfirst.value + dsize.value, emissions.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\nfunction mainRubriquage(emission: Emission): string {\n  return emission.rubriqueIds?.[0] === state.emissionsPage.mainRubrique\n    ? \"partenaireRubrique\"\n    : \"\";\n}\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  )\n    return undefined;\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) => element.rubriqueId === emission.rubriqueIds[0],\n  );\n  if (!rubrique) {\n    return undefined;\n  }\n  return rubrique.name;\n}\n</script>\n"],"mappings":"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"}

package/dist/EmissionList-C9-UUWMV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionList-C9-UUWMV.mjs","names":[],"sources":["../src/components/display/emission/EmissionList.vue","../src/components/display/emission/EmissionList.vue"],"sourcesContent":["<template>\n  <ListPaginate\n    id=\"emissionListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && emissions.length > 1\n        ? t('Number emissions', { nb: displayCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div v-if=\"!state.emissionsPage.itemPlayer\" class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"e in displayArray\"\n          :key=\"e.emissionId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <EmissionItem v-if=\"0 !== e.emissionId\" :emission=\"e\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'emission',\n                params: { emissionId: e.emissionId },\n              }\"\n              :title=\"t('Series name page', { name: e.name })\"\n            >\n              {{ e.name }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n      <div\n        v-else\n        v-show=\"(displayRubriquage && rubriques) || !displayRubriquage\"\n        class=\"d-flex flex-wrap justify-content-around\"\n      >\n        <template v-for=\"e in displayArray\" :key=\"e.emissionId\">\n          <EmissionPlayerItem\n            v-if=\"0 !== e.emissionId\"\n            :emission=\"e\"\n            class=\"m-3 flex-shrink-0\"\n            :class=\"mainRubriquage(e)\"\n            :nb-podcasts=\"nbPodcasts\"\n            :rubrique-name=\"rubriquesId(e)\"\n          />\n        </template>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Emission, emptyEmissionData } from \"../../../stores/class/general/emission\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { FetchParam } from \"../../../stores/class/general/fetchParam\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"../../../stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { EmissionGroup } from \"../../../api/groupsApi\";\nconst EmissionItem = defineAsyncComponent(() => import(\"./EmissionItem.vue\"));\nconst EmissionPlayerItem = defineAsyncComponent(\n  () => import(\"./EmissionPlayerItem.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  iabId: { default: undefined, type: Number },\n  organisationId: { default: undefined, type: String },\n  monetisable: { default: \"UNDEFINED\", type: String },\n  before: { default: undefined, type: String },\n  after: { default: undefined, type: String },\n  sort: { default: \"DATE\", type: String },\n  showCount: { default: false, type: Boolean },\n  includeHidden: { 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  nbPodcasts: { default: undefined, type: Number },\n  /** The beneficiaries to filter on */\n  beneficiaries: { default: null, type: Array as () => Array<string> },\n  /** The emission groups to filter on */\n  emissionGroups: { default: null, type: Array as () => Array<EmissionGroup> }\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst emissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n  \n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return emissions.value;\n  }\n  return emissions.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\n/** Computed property to track for configuration changes */\nconst changed = computed(() => {\n  return `${props.organisationId}|${props.query}|${props.monetisable}|${props.includeHidden}|\\\n  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|\\\n  ${props.after}|${props.sort}|${props.noRubriquageId}|${props.beneficiaries}|\\\n  ${props.emissionGroups}`;\n});\nconst sortText = computed(() => {\n  let textSort = \"\";\n  switch (props.sort) {\n    case \"SCORE\":\n      textSort = \" \" + t(\"sort by score\");\n      break;\n    case \"LAST_PODCAST_DESC\":\n      textSort = \" \" + t(\"sort by date\");\n      break;\n    case \"NAME\":\n      textSort = \" \" + t(\"sort by alphabetical\");\n      break;\n    default:\n      textSort = \" \" + t(\"sort by date\");\n      break;\n  }\n    return textSort.replace(\"triés\", \"triées\");\n});\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () =>fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () =>{\n  if (\n    !emissions.value[dfirst.value] ||\n    0 === emissions.value[dfirst.value].emissionId\n  ) {\n    fetchContent(false);\n  }\n});\n\n\nonMounted(()=>{\n  fetchContent(false);\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param: FetchParam = {\n    first: reset? 0: dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    organisationId: organisation.value,\n    monetisable: props.monetisable,\n    iabId: props.iabId,\n    before: props.before,\n    after: props.after,\n    sort: props.sort,\n    noRubriquageId: props.noRubriquageId.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    beneficiary: props.beneficiaries ?? undefined\n  };\n\n  // When fetching hidden episodes, also fetch hidden emissions\n  if (props.includeHidden === true) {\n    param.visible = 'ALL';\n  } else {\n    param.visible = 'VISIBLE';\n  }\n\n  // TODO use emissionGroups\n\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Emission>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    emissions.value.length = 0;\n  }\n  if (dfirst.value > emissions.value.length) {\n    for (\n      let i = emissions.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      emissions.value.push(emptyEmissionData());\n    }\n  }\n  displayCount.value = data.count;\n  const responseEmissions = data.result.filter((e: Emission | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  emissions.value = emissions.value\n    .slice(0, dfirst.value)\n    .concat(responseEmissions)\n    .concat(\n      emissions.value.slice(dfirst.value + dsize.value, emissions.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\nfunction mainRubriquage(emission: Emission): string {\n  return emission.rubriqueIds?.[0] === state.emissionsPage.mainRubrique\n    ? \"partenaireRubrique\"\n    : \"\";\n}\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  )\n    return undefined;\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) => element.rubriqueId === emission.rubriqueIds[0],\n  );\n  if (!rubrique) {\n    return undefined;\n  }\n  return rubrique.name;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"emissionListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && emissions.length > 1\n        ? t('Number emissions', { nb: displayCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div v-if=\"!state.emissionsPage.itemPlayer\" class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"e in displayArray\"\n          :key=\"e.emissionId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <EmissionItem v-if=\"0 !== e.emissionId\" :emission=\"e\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'emission',\n                params: { emissionId: e.emissionId },\n              }\"\n              :title=\"t('Series name page', { name: e.name })\"\n            >\n              {{ e.name }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n      <div\n        v-else\n        v-show=\"(displayRubriquage && rubriques) || !displayRubriquage\"\n        class=\"d-flex flex-wrap justify-content-around\"\n      >\n        <template v-for=\"e in displayArray\" :key=\"e.emissionId\">\n          <EmissionPlayerItem\n            v-if=\"0 !== e.emissionId\"\n            :emission=\"e\"\n            class=\"m-3 flex-shrink-0\"\n            :class=\"mainRubriquage(e)\"\n            :nb-podcasts=\"nbPodcasts\"\n            :rubrique-name=\"rubriquesId(e)\"\n          />\n        </template>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Emission, emptyEmissionData } from \"../../../stores/class/general/emission\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { FetchParam } from \"../../../stores/class/general/fetchParam\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"../../../stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { EmissionGroup } from \"../../../api/groupsApi\";\nconst EmissionItem = defineAsyncComponent(() => import(\"./EmissionItem.vue\"));\nconst EmissionPlayerItem = defineAsyncComponent(\n  () => import(\"./EmissionPlayerItem.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  iabId: { default: undefined, type: Number },\n  organisationId: { default: undefined, type: String },\n  monetisable: { default: \"UNDEFINED\", type: String },\n  before: { default: undefined, type: String },\n  after: { default: undefined, type: String },\n  sort: { default: \"DATE\", type: String },\n  showCount: { default: false, type: Boolean },\n  includeHidden: { 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  nbPodcasts: { default: undefined, type: Number },\n  /** The beneficiaries to filter on */\n  beneficiaries: { default: null, type: Array as () => Array<string> },\n  /** The emission groups to filter on */\n  emissionGroups: { default: null, type: Array as () => Array<EmissionGroup> }\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst emissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n  \n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return emissions.value;\n  }\n  return emissions.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\n/** Computed property to track for configuration changes */\nconst changed = computed(() => {\n  return `${props.organisationId}|${props.query}|${props.monetisable}|${props.includeHidden}|\\\n  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|\\\n  ${props.after}|${props.sort}|${props.noRubriquageId}|${props.beneficiaries}|\\\n  ${props.emissionGroups}`;\n});\nconst sortText = computed(() => {\n  let textSort = \"\";\n  switch (props.sort) {\n    case \"SCORE\":\n      textSort = \" \" + t(\"sort by score\");\n      break;\n    case \"LAST_PODCAST_DESC\":\n      textSort = \" \" + t(\"sort by date\");\n      break;\n    case \"NAME\":\n      textSort = \" \" + t(\"sort by alphabetical\");\n      break;\n    default:\n      textSort = \" \" + t(\"sort by date\");\n      break;\n  }\n    return textSort.replace(\"triés\", \"triées\");\n});\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () =>fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () =>{\n  if (\n    !emissions.value[dfirst.value] ||\n    0 === emissions.value[dfirst.value].emissionId\n  ) {\n    fetchContent(false);\n  }\n});\n\n\nonMounted(()=>{\n  fetchContent(false);\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param: FetchParam = {\n    first: reset? 0: dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    organisationId: organisation.value,\n    monetisable: props.monetisable,\n    iabId: props.iabId,\n    before: props.before,\n    after: props.after,\n    sort: props.sort,\n    noRubriquageId: props.noRubriquageId.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    beneficiary: props.beneficiaries ?? undefined\n  };\n\n  // When fetching hidden episodes, also fetch hidden emissions\n  if (props.includeHidden === true) {\n    param.visible = 'ALL';\n  } else {\n    param.visible = 'VISIBLE';\n  }\n\n  // TODO use emissionGroups\n\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Emission>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    emissions.value.length = 0;\n  }\n  if (dfirst.value > emissions.value.length) {\n    for (\n      let i = emissions.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      emissions.value.push(emptyEmissionData());\n    }\n  }\n  displayCount.value = data.count;\n  const responseEmissions = data.result.filter((e: Emission | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  emissions.value = emissions.value\n    .slice(0, dfirst.value)\n    .concat(responseEmissions)\n    .concat(\n      emissions.value.slice(dfirst.value + dsize.value, emissions.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\nfunction mainRubriquage(emission: Emission): string {\n  return emission.rubriqueIds?.[0] === state.emissionsPage.mainRubrique\n    ? \"partenaireRubrique\"\n    : \"\";\n}\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  )\n    return undefined;\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) => element.rubriqueId === emission.rubriqueIds[0],\n  );\n  if (!rubrique) {\n    return undefined;\n  }\n  return rubrique.name;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0EA,MAAM,eAAe,2BAA2B,OAAO,8BAAqB;EAC5E,MAAM,qBAAqB,2BACnB,OAAO,qCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAGA,MAAM,QAAQ;EAuBd,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,SAAS,IAAI,MAAM,KAAK;EAC9B,MAAM,QAAQ,IAAI,MAAM,IAAI;EAC5B,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,eAAe,IAAI,CAAC;EAC1B,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,YAAkC,IAAI,CAAC,CAAC;EAC9C,MAAM,YAA8C,IAAI,KAAA,CAAS;EAGjE,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAC,cAAa,gBAAgB;EACpC,MAAM,cAAc,eAAe;EAGnC,MAAM,eAAe,eAAe;GAClC,IAAI,SAAS,OACX,OAAO,UAAU;GAEnB,OAAO,UAAU,MAAM,MACrB,OAAO,OACP,KAAK,IAAI,OAAO,QAAQ,MAAM,OAAO,WAAW,KAAK,CACvD;EACF,CAAC;EACD,MAAM,oBAAoB,eAAe,MAAM,cAAc,UAAU;EACvE,MAAM,iBAAiB,eAAe,GAAG,MAAM,MAAM,GAAG,MAAM,MAAM;;EAEpE,MAAM,UAAU,eAAe;GAC7B,OAAO,GAAG,MAAM,eAAe,GAAG,MAAM,MAAM,GAAG,MAAM,YAAY,GAAG,MAAM,cAAc;IACxF,MAAM,MAAM,GAAG,MAAM,WAAW,GAAG,MAAM,aAAa,GAAG,MAAM,OAAO;IACtE,MAAM,MAAM,GAAG,MAAM,KAAK,GAAG,MAAM,eAAe,GAAG,MAAM,cAAc;IACzE,MAAM;EACV,CAAC;EACD,MAAM,WAAW,eAAe;GAC9B,IAAI,WAAW;GACf,QAAQ,MAAM,MAAd;IACE,KAAK;KACH,WAAW,MAAM,EAAE,eAAe;KAClC;IACF,KAAK;KACH,WAAW,MAAM,EAAE,cAAc;KACjC;IACF,KAAK;KACH,WAAW,MAAM,EAAE,sBAAsB;KACzC;IACF;KACE,WAAW,MAAM,EAAE,cAAc;KACjC;GACJ;GACE,OAAO,SAAS,QAAQ,SAAS,QAAQ;EAC7C,CAAC;EACD,MAAM,eAAe,eAAe,MAAM,iBAAiB,MAAM,iBAAiB,YAAY,YAAY;EAI1G,MAAM,sBAAsB;GAC1B,OAAO,QAAQ,MAAM;GACrB,MAAM,QAAQ,MAAM;EACtB,CAAC;EACD,MAAM,eAAc,aAAa,IAAI,CAAC;EACtC,MAAM,aAAY,aAAa,IAAI,CAAC;EACpC,MAAM,cAAa;GACjB,IACE,CAAC,UAAU,MAAM,OAAO,UACxB,MAAM,UAAU,MAAM,OAAO,OAAO,YAEpC,aAAa,KAAK;EAEtB,CAAC;EAGD,gBAAc;GACZ,aAAa,KAAK;GAClB,IAAI,kBAAkB,OACpB,eAAe;EAEnB,CAAC;EAGD,eAAe,aAAa,OAA+B;GACzD,QAAQ,QAAQ;GAChB,MAAM,QAAoB;IACxB,OAAO,QAAO,IAAG,OAAO;IACxB,MAAM,MAAM;IACZ,OAAO,MAAM;IACb,SAAS,MAAM,gBAAgB,KAAI,MAAK,EAAE,OAAO;IACjD,gBAAgB,aAAa;IAC7B,aAAa,MAAM;IACnB,OAAO,MAAM;IACb,QAAQ,MAAM;IACd,OAAO,MAAM;IACb,MAAM,MAAM;IACZ,gBAAgB,MAAM,eAAe,SACjC,MAAM,iBACN,KAAA;IACJ,YAAY,MAAM,WAAW,SAAS,MAAM,aAAa,KAAA;IACzD,cAAc,MAAM,aAAa,SAAS,MAAM,eAAe,KAAA;IAC/D,eAAe,MAAM;IACrB,aAAa,MAAM,iBAAiB,KAAA;GACtC;GAGA,IAAI,MAAM,kBAAkB,MAC1B,MAAM,UAAU;QAEhB,MAAM,UAAU;GAKlB,IAAI;IAOF,cAAc,OAAO,MANF,mBAAW,UAAuC;KACnE,KAAK;KACL,MAAM;KACN,YAAY;KACZ,mBAAmB;IACrB,CAAC,CACwB;GAC3B,SAAS,OAAO;IACd,UAAU,KAAmB;GAC/B;EACF;EACA,SAAS,cACP,OACA,MACM;GACN,IAAI,OAAO;IACT,OAAO,QAAQ;IACf,UAAU,MAAM,SAAS;GAC3B;GACA,IAAI,OAAO,QAAQ,UAAU,MAAM,QACjC,KACE,IAAI,IAAI,UAAU,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,MAAM,OAC/D,IAAI,KACJ,KAEA,UAAU,MAAM,KAAK,kBAAkB,CAAC;GAG5C,aAAa,QAAQ,KAAK;GAC1B,MAAM,oBAAoB,KAAK,OAAO,QAAQ,MAAuB;IACnE,IAAI,SAAS,GACX,aAAa;IAEf,OAAO,SAAS;GAClB,CAAC;GACD,UAAU,QAAQ,UAAU,MACzB,MAAM,GAAG,OAAO,KAAK,EACrB,OAAO,iBAAiB,EACxB,OACC,UAAU,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,UAAU,MAAM,MAAM,CAC1E;GACF,WAAW,QAAQ,KAAK;GACxB,QAAQ,QAAQ;EAClB;EACA,eAAe,iBAAgC;GAK7C,UAAU,SAAQ,MAJC,mBAAW,UAAsB;IAClD,KAAK;IACL,MAAM,gBAAgB,kBAAkB;GAC1C,CAAC,GACsB;EACzB;EACA,SAAS,eAAe,UAA4B;GAClD,OAAO,SAAS,cAAc,OAAO,MAAM,cAAc,eACrD,uBACA;EACN;EACA,SAAS,YAAY,UAAwC;GAC3D,IACE,CAAC,kBAAkB,SACnB,CAAC,SAAS,eACV,MAAM,SAAS,YAAY,UAC3B,CAAC,UAAU,SACX,CAAC,UAAU,MAAM,QAEjB,OAAO,KAAA;GACT,MAAM,WAAW,UAAU,MAAM,MAC9B,YAAsB,QAAQ,eAAe,SAAS,YAAY,EACrE;GACA,IAAI,CAAC,UACH;GAEF,OAAO,SAAS;EAClB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7QkD,OAAM;;;;CAwBhD,OAAM;;;;qBAxCZ,YAsDe,OAAA,iBAAA;EArDb,IAAG;EACK,OAAO,OAAA;0DAAA,OAAA,SAAM;EACb,iBAAe,OAAA;gEAAA,OAAA,QAAK;EACpB,aAAW,OAAA;6DAAA,OAAA,WAAQ;EAC1B,cAAmB,OAAA,aAAa,OAAA,UAAU,SAAM,IAAe,OAAA,EAAC,oBAAA,EAAA,IAA2B,OAAA,aAAY,CAAA,IAAM,OAAA,WAAmB,KAAA;EAKhI,eAAa,OAAA;EACb,SAAS,OAAA;EACT,gBAAc,OAAA,UAAU,OAAA,EAAC,uBAAA,IAA4B,KAAA;EACrD,qBAAmB;;EAET,MAAI,cAqBP,CAAA,CApBM,OAAA,MAAM,cAAc,cAAA,UAAA,GAAhC,mBAoBM,OApBN,YAoBM,EAAA,UAAA,IAAA,GAnBJ,mBAkBc,UAAA,MAAA,WAjBA,OAAA,eAAL,MAAC;uBADV,YAkBc,OAAA,gBAAA;IAhBX,KAAK,EAAE;IACP,cAAY;IACb,OAAM;;IAGK,SAAO,cASF,CARd,YAQc,wBAAA;KAPX,IAAE;;4BAA4E,EAAE,WAAU;;KAI1F,OAAO,OAAA,EAAC,oBAAA,EAAA,MAA6B,EAAE,KAAI,CAAA;;4BAEhC,CAAA,gBAAA,gBAAT,EAAE,IAAI,GAAA,CAAA,CAAA,CAAA;;;2BAT2C,CAAA,MAA9B,EAAE,cAAA,UAAA,GAA5B,YAAwD,OAAA,iBAAA;;KAAf,UAAU;;;;8CAcvD,mBAeM,OAfN,YAeM,EAAA,UAAA,IAAA,GAVJ,mBASW,UAAA,MAAA,WATW,OAAA,eAAL,MAAC;2DAAwB,EAAE,WAAA,GAAA,CAAA,MAE5B,EAAE,cAAA,UAAA,GADhB,YAOE,OAAA,uBAAA;;IALC,UAAU;IACX,OAAK,eAAA,CAAC,qBACE,OAAA,eAAe,CAAC,CAAA,CAAA;IACvB,eAAa,OAAA;IACb,iBAAe,OAAA,YAAY,CAAC;;;;;;;8BAVxB,OAAA,qBAAqB,OAAA,aAAS,CAAM,OAAA,iBAAiB,CAAA,CAAA,CAAA,CAAA"}

package/dist/EmissionList-Dk9xS4s_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmissionList-Dk9xS4s_.mjs","names":[],"sources":["../src/components/display/emission/EmissionList.vue","../src/components/display/emission/EmissionList.vue"],"sourcesContent":["<template>\n  <ListPaginate\n    id=\"emissionListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && emissions.length > 1\n        ? t('Number emissions', { nb: displayCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div v-if=\"!state.emissionsPage.itemPlayer\" class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"e in displayArray\"\n          :key=\"e.emissionId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <EmissionItem v-if=\"0 !== e.emissionId\" :emission=\"e\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'emission',\n                params: { emissionId: e.emissionId },\n              }\"\n              :title=\"t('Series name page', { name: e.name })\"\n            >\n              {{ e.name }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n      <div\n        v-else\n        v-show=\"(displayRubriquage && rubriques) || !displayRubriquage\"\n        class=\"d-flex flex-wrap justify-content-around\"\n      >\n        <template v-for=\"e in displayArray\" :key=\"e.emissionId\">\n          <EmissionPlayerItem\n            v-if=\"0 !== e.emissionId\"\n            :emission=\"e\"\n            class=\"m-3 flex-shrink-0\"\n            :class=\"mainRubriquage(e)\"\n            :nb-podcasts=\"nbPodcasts\"\n            :rubrique-name=\"rubriquesId(e)\"\n          />\n        </template>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Emission, emptyEmissionData } from \"../../../stores/class/general/emission\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { FetchParam } from \"../../../stores/class/general/fetchParam\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"../../../stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { EmissionGroup } from \"../../../api/groupsApi\";\nconst EmissionItem = defineAsyncComponent(() => import(\"./EmissionItem.vue\"));\nconst EmissionPlayerItem = defineAsyncComponent(\n  () => import(\"./EmissionPlayerItem.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  iabId: { default: undefined, type: Number },\n  organisationId: { default: undefined, type: String },\n  monetisable: { default: \"UNDEFINED\", type: String },\n  before: { default: undefined, type: String },\n  after: { default: undefined, type: String },\n  sort: { default: \"DATE\", type: String },\n  showCount: { default: false, type: Boolean },\n  includeHidden: { 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  nbPodcasts: { default: undefined, type: Number },\n  /** The beneficiaries to filter on */\n  beneficiaries: { default: null, type: Array as () => Array<string> },\n  /** The emission groups to filter on */\n  emissionGroups: { default: null, type: Array as () => Array<EmissionGroup> }\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst emissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n  \n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return emissions.value;\n  }\n  return emissions.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\n/** Computed property to track for configuration changes */\nconst changed = computed(() => {\n  return `${props.organisationId}|${props.query}|${props.monetisable}|${props.includeHidden}|\\\n  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|\\\n  ${props.after}|${props.sort}|${props.noRubriquageId}|${props.beneficiaries}|\\\n  ${props.emissionGroups}`;\n});\nconst sortText = computed(() => {\n  let textSort = \"\";\n  switch (props.sort) {\n    case \"SCORE\":\n      textSort = \" \" + t(\"sort by score\");\n      break;\n    case \"LAST_PODCAST_DESC\":\n      textSort = \" \" + t(\"sort by date\");\n      break;\n    case \"NAME\":\n      textSort = \" \" + t(\"sort by alphabetical\");\n      break;\n    default:\n      textSort = \" \" + t(\"sort by date\");\n      break;\n  }\n    return textSort.replace(\"triés\", \"triées\");\n});\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () =>fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () =>{\n  if (\n    !emissions.value[dfirst.value] ||\n    0 === emissions.value[dfirst.value].emissionId\n  ) {\n    fetchContent(false);\n  }\n});\n\n\nonMounted(()=>{\n  fetchContent(false);\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param: FetchParam = {\n    first: reset? 0: dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    organisationId: organisation.value,\n    monetisable: props.monetisable,\n    iabId: props.iabId,\n    before: props.before,\n    after: props.after,\n    sort: props.sort,\n    noRubriquageId: props.noRubriquageId.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    beneficiary: props.beneficiaries ?? undefined\n  };\n\n  // When fetching hidden episodes, also fetch hidden emissions\n  if (props.includeHidden === true) {\n    param.visible = 'ALL';\n  } else {\n    param.visible = 'VISIBLE';\n  }\n\n  // TODO use emissionGroups\n\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Emission>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    emissions.value.length = 0;\n  }\n  if (dfirst.value > emissions.value.length) {\n    for (\n      let i = emissions.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      emissions.value.push(emptyEmissionData());\n    }\n  }\n  displayCount.value = data.count;\n  const responseEmissions = data.result.filter((e: Emission | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  emissions.value = emissions.value\n    .slice(0, dfirst.value)\n    .concat(responseEmissions)\n    .concat(\n      emissions.value.slice(dfirst.value + dsize.value, emissions.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\nfunction mainRubriquage(emission: Emission): string {\n  return emission.rubriqueIds?.[0] === state.emissionsPage.mainRubrique\n    ? \"partenaireRubrique\"\n    : \"\";\n}\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  )\n    return undefined;\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) => element.rubriqueId === emission.rubriqueIds[0],\n  );\n  if (!rubrique) {\n    return undefined;\n  }\n  return rubrique.name;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"emissionListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && emissions.length > 1\n        ? t('Number emissions', { nb: displayCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading emissions ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div v-if=\"!state.emissionsPage.itemPlayer\" class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"e in displayArray\"\n          :key=\"e.emissionId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <EmissionItem v-if=\"0 !== e.emissionId\" :emission=\"e\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'emission',\n                params: { emissionId: e.emissionId },\n              }\"\n              :title=\"t('Series name page', { name: e.name })\"\n            >\n              {{ e.name }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n      <div\n        v-else\n        v-show=\"(displayRubriquage && rubriques) || !displayRubriquage\"\n        class=\"d-flex flex-wrap justify-content-around\"\n      >\n        <template v-for=\"e in displayArray\" :key=\"e.emissionId\">\n          <EmissionPlayerItem\n            v-if=\"0 !== e.emissionId\"\n            :emission=\"e\"\n            class=\"m-3 flex-shrink-0\"\n            :class=\"mainRubriquage(e)\"\n            :nb-podcasts=\"nbPodcasts\"\n            :rubrique-name=\"rubriquesId(e)\"\n          />\n        </template>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Emission, emptyEmissionData } from \"../../../stores/class/general/emission\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { defineAsyncComponent, ref, Ref, computed, watch, onMounted } from \"vue\";\nimport { FetchParam } from \"../../../stores/class/general/fetchParam\";\nimport { AxiosError } from \"axios\";\nimport { Rubriquage } from \"../../../stores/class/rubrique/rubriquage\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { ListClassicReturn } from \"../../../stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\nimport { EmissionGroup } from \"../../../api/groupsApi\";\nconst EmissionItem = defineAsyncComponent(() => import(\"./EmissionItem.vue\"));\nconst EmissionPlayerItem = defineAsyncComponent(\n  () => import(\"./EmissionPlayerItem.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  iabId: { default: undefined, type: Number },\n  organisationId: { default: undefined, type: String },\n  monetisable: { default: \"UNDEFINED\", type: String },\n  before: { default: undefined, type: String },\n  after: { default: undefined, type: String },\n  sort: { default: \"DATE\", type: String },\n  showCount: { default: false, type: Boolean },\n  includeHidden: { 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  nbPodcasts: { default: undefined, type: Number },\n  /** The beneficiaries to filter on */\n  beneficiaries: { default: null, type: Array as () => Array<string> },\n  /** The emission groups to filter on */\n  emissionGroups: { default: null, type: Array as () => Array<EmissionGroup> }\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst emissions: Ref<Array<Emission>> = ref([]);\nconst rubriques: Ref<Array<Rubrique> | undefined> = ref(undefined);\n  \n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return emissions.value;\n  }\n  return emissions.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst displayRubriquage = computed(() => state.emissionsPage.rubriquage);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\n/** Computed property to track for configuration changes */\nconst changed = computed(() => {\n  return `${props.organisationId}|${props.query}|${props.monetisable}|${props.includeHidden}|\\\n  ${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.before}|\\\n  ${props.after}|${props.sort}|${props.noRubriquageId}|${props.beneficiaries}|\\\n  ${props.emissionGroups}`;\n});\nconst sortText = computed(() => {\n  let textSort = \"\";\n  switch (props.sort) {\n    case \"SCORE\":\n      textSort = \" \" + t(\"sort by score\");\n      break;\n    case \"LAST_PODCAST_DESC\":\n      textSort = \" \" + t(\"sort by date\");\n      break;\n    case \"NAME\":\n      textSort = \" \" + t(\"sort by alphabetical\");\n      break;\n    default:\n      textSort = \" \" + t(\"sort by date\");\n      break;\n  }\n    return textSort.replace(\"triés\", \"triées\");\n});\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () =>fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () =>{\n  if (\n    !emissions.value[dfirst.value] ||\n    0 === emissions.value[dfirst.value].emissionId\n  ) {\n    fetchContent(false);\n  }\n});\n\n\nonMounted(()=>{\n  fetchContent(false);\n  if (displayRubriquage.value) {\n    fetchRubriques();\n  }\n})\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param: FetchParam = {\n    first: reset? 0: dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    organisationId: organisation.value,\n    monetisable: props.monetisable,\n    iabId: props.iabId,\n    before: props.before,\n    after: props.after,\n    sort: props.sort,\n    noRubriquageId: props.noRubriquageId.length\n      ? props.noRubriquageId\n      : undefined,\n    rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n    rubriquageId: props.rubriquageId.length ? props.rubriquageId : undefined,\n    includeHidden: props.includeHidden,\n    beneficiary: props.beneficiaries ?? undefined\n  };\n\n  // When fetching hidden episodes, also fetch hidden emissions\n  if (props.includeHidden === true) {\n    param.visible = 'ALL';\n  } else {\n    param.visible = 'VISIBLE';\n  }\n\n  // TODO use emissionGroups\n\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Emission>>({\n      api: 0,\n      path: \"emission/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Emission>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    emissions.value.length = 0;\n  }\n  if (dfirst.value > emissions.value.length) {\n    for (\n      let i = emissions.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      emissions.value.push(emptyEmissionData());\n    }\n  }\n  displayCount.value = data.count;\n  const responseEmissions = data.result.filter((e: Emission | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  emissions.value = emissions.value\n    .slice(0, dfirst.value)\n    .concat(responseEmissions)\n    .concat(\n      emissions.value.slice(dfirst.value + dsize.value, emissions.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\nasync function fetchRubriques(): Promise<void> {\n  const data = await classicApi.fetchData<Rubriquage>({\n    api: 0,\n    path: \"rubriquage/\" + displayRubriquage.value,\n  });\n  rubriques.value = data.rubriques;\n}\nfunction mainRubriquage(emission: Emission): string {\n  return emission.rubriqueIds?.[0] === state.emissionsPage.mainRubrique\n    ? \"partenaireRubrique\"\n    : \"\";\n}\nfunction rubriquesId(emission: Emission): string | undefined {\n  if (\n    !displayRubriquage.value ||\n    !emission.rubriqueIds ||\n    0 === emission.rubriqueIds.length ||\n    !rubriques.value ||\n    !rubriques.value.length\n  )\n    return undefined;\n  const rubrique = rubriques.value.find(\n    (element: Rubrique) => element.rubriqueId === emission.rubriqueIds[0],\n  );\n  if (!rubrique) {\n    return undefined;\n  }\n  return rubrique.name;\n}\n</script>\n"],"mappings":"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"}