@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/PodcastItem-DEhA78z9.mjs.map

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

package/dist/PodcastItem-DwK_Yu1G.mjs.map

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

package/dist/PodcastList-B4ic6Cij.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-B4ic6Cij.mjs","names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastList.vue","../src/components/display/podcasts/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\nimport { useAuthStore } from \"@/stores/AuthStore\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** Show only episodes created by current user */\n  onlyMyEpisodes?: boolean;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}|${props.onlyMyEpisodes}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\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    validity,\n    publisherId: props.onlyMyEpisodes ? authStore.authProfile?.userId : undefined,\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n","<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\nimport { useAuthStore } from \"@/stores/AuthStore\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** Show only episodes created by current user */\n  onlyMyEpisodes?: boolean;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}|${props.onlyMyEpisodes}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\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    validity,\n    publisherId: props.onlyMyEpisodes ? authStore.authProfile?.userId : undefined,\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":"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"}

package/dist/PodcastList-C2R92m6S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-C2R92m6S.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_createCommentVNode","_createVNode","_withCtx","_Fragment","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/display/playlist/PodcastList.vue","../src/components/display/playlist/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n","<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n"],"mappings":"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"}

package/dist/PodcastList-DWl6zz_z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-DWl6zz_z.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_createCommentVNode","_createVNode","_withCtx","_Fragment","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/display/playlist/PodcastList.vue","../src/components/display/playlist/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n","<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n"],"mappings":"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"}

package/dist/PodcastList-Dbt4nmKg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-Dbt4nmKg.mjs","names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastList.vue","../src/components/display/podcasts/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\nimport { useAuthStore } from \"@/stores/AuthStore\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** Show only episodes created by current user */\n  onlyMyEpisodes?: boolean;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}|${props.onlyMyEpisodes}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\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    validity,\n    publisherId: props.onlyMyEpisodes ? authStore.authProfile?.userId : undefined,\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n","<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\nimport { useAuthStore } from \"@/stores/AuthStore\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** Show only episodes created by current user */\n  onlyMyEpisodes?: boolean;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}|${props.onlyMyEpisodes}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\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    validity,\n    publisherId: props.onlyMyEpisodes ? authStore.authProfile?.userId : undefined,\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":"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"}

package/dist/PodcastList-KaQBRbR9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-KaQBRbR9.mjs","names":["_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/podcasts/PodcastList.vue","../src/components/display/podcasts/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\nimport { useAuthStore } from \"@/stores/AuthStore\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** Show only episodes created by current user */\n  onlyMyEpisodes?: boolean;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}|${props.onlyMyEpisodes}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\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    validity,\n    publisherId: props.onlyMyEpisodes ? authStore.authProfile?.userId : undefined,\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n","<!--\n  Component displaying a list of podcast\n  DO NOT confuse this with PodcastList from playlist\n-->\n<template>\n  <ListPaginate\n    id=\"podcastListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      showCount && podcasts.length > 1\n        ? t('Number podcasts', { nb: totalCount }) + sortText\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n    :error-text=\"\n      !loading && !podcasts.length\n        ? t(`No podcast match your query`)\n        : undefined\n    \"\n    :just-size-chosen=\"justSizeChosen\"\n    :player-responsive=\"true\"\n    :force-update-parameters=\"forceUpdateParameters\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.podcastId\"\n          :min-height=\"410\"\n        >\n          <PodcastItem\n            v-if=\"0 !== p.podcastId\"\n            :podcast=\"p\"\n          />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'podcast',\n                params: { podcastId: p.podcastId },\n              }\"\n              :title=\"t('Episode name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast, PodcastProcessingStatus, emptyPodcastData } from \"../../../stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { podcastApi, PodcastMonetisation, PodcastSearchOptions, PodcastSort } from \"../../../api/podcastApi\";\nimport { EmissionGroup } from \"@/api/groupsApi\";\nimport { useAuthStore } from \"@/stores/AuthStore\";\n\n//Props \nconst props = withDefaults(defineProps<{\n  first?: number;\n  size?: number;\n  organisationId?: Array<string>;\n  emissionId?: number;\n  iabId?: number;\n  participantId?: number;\n  query?: string;\n  monetisable?: PodcastMonetisation;\n  popularSort?: boolean;\n  reload?: boolean;\n  before?: string;\n  after?: string;\n  includeHidden?: boolean;\n  /** Enable the display of number of items in ListPaginate */\n  showCount?: boolean;\n  displaySortText?: boolean;\n  /** Criteria to sort on */\n  sortCriteria?: PodcastSort;\n  validity?: 'true'|'false'|''|boolean; // TODO improve this\n  rubriqueId?: Array<number>;\n  rubriquageId?: Array<number>;\n  noRubriquageId?: Array<number>;\n  justSizeChosen?: boolean;\n  withVideo?: boolean;\n  includeTag?: Array<string>;\n  forceUpdateParameters?: boolean;\n  /** The beneficiaries to filter on */\n  beneficiaries?: Array<string>;\n  /** The emission groups to filter on */\n  emissionGroups?: Array<EmissionGroup>;\n  /** Show only episodes created by current user */\n  onlyMyEpisodes?: boolean;\n  /** The seasons to filter on */\n  seasons?: Array<number>;\n}>(), {\n  first: 0,\n  size: 30,\n  popularSort: false,\n  reload: false,\n  includeHidden: false,\n  showCount: false,\n  displaySortText: true,\n  validity: '',\n  justSizeChosen: false,\n  withVideo: undefined,\n  forceUpdateParameters: false\n});\n\n//Emits\nconst emit = defineEmits([\"fetch\", \"emptyList\"]);\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst isMobile = ref(false);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value || props.justSizeChosen) {\n    return podcasts.value;\n  }\n  return podcasts.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst changed = computed(() => {\n  return `${organisation.value}|${props.emissionId}|${props.sortCriteria}|${sort.value}\n    ${props.iabId}|${props.participantId}|${props.query}|${props.monetisable}|${props.popularSort}|\n    ${props.rubriqueId}|${props.rubriquageId}|${props.before}|${props.after}|${props.includeHidden}|${props.noRubriquageId}|${props.validity}|\n    ${props.withVideo}|${props.includeTag}|${props.beneficiaries}|${props.emissionGroups}|${props.onlyMyEpisodes}`;\n});\nconst organisation = computed(() => {\n  if (props.organisationId) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst sort = computed(() => props.popularSort ? PodcastSort.POPULARITY : (props.sortCriteria ?? PodcastSort.DATE));\nconst sortText = computed(() => {\n  if (!props.displaySortText) {\n    return \"\";\n  }\n  switch (props.sortCriteria) {\n    case \"SCORE\":\n      return \" \" + t(\"sort by score\");\n    case \"DATE\":\n      return \" \" + t(\"sort by date\");\n    case \"NAME\":\n      return \" \" + t(\"sort by alphabetical\");\n    default:\n      return \" \" + t(\"sort by date\");\n  }\n});\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(()=>props.reload, () => fetchContent(true));\nwatch(dsize, () => fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !podcasts.value[dfirst.value] ||\n    0 === podcasts.value[dfirst.value].podcastId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(false))\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n\n  // Sadly we kinda have no idea what will be passed as 'validity', we need to\n  // handle multiple cases.\n  let validity: undefined|boolean = undefined;\n  if (props.validity !== undefined && props.validity !== '') {\n    validity = props.validity === 'true' || props.validity === true;\n  }\n  \n  const param: PodcastSearchOptions = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    organisationId: organisation.value,\n    emissionId: props.emissionId,\n    groupId: props.emissionGroups?.map(g => g.groupId),\n    iabId: props.iabId,\n    participantId: props.participantId,\n    query: props.query,\n    monetisable: props.monetisable,\n    sort: sort.value,\n    pubDateBefore: props.before,\n    pubDateAfter: props.after,\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    validity,\n    publisherId: props.onlyMyEpisodes ? authStore.authProfile?.userId : undefined,\n    processingStatus: [PodcastProcessingStatus.Ready, PodcastProcessingStatus.Processing],\n    withVideo: props.withVideo,\n    tags: props.includeTag?.length ? props.includeTag : undefined,\n    beneficiaries: props.beneficiaries ?? undefined,\n    season: props.seasons\n  };\n\n  try {\n    const data = await podcastApi.searchFull(param, true);\n    afterFetching(reset, data);\n  } catch (error) {\n    if (error instanceof AxiosError) {\n      handle403(error as AxiosError);\n    } else {\n      console.error('error', error);\n    }\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    podcasts.value.length = 0;\n  }\n  if (dfirst.value > podcasts.value.length) {\n    for (\n      let i = podcasts.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      podcasts.value.push(emptyPodcastData());\n    }\n  }\n  const responsePodcasts = data.result.filter((p: Podcast | null) => {\n    return null !== p;\n  });\n  podcasts.value = podcasts.value\n    .slice(0, dfirst.value)\n    .concat(responsePodcasts)\n    .concat(\n      podcasts.value.slice(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  emit(\"fetch\", podcasts.value);\n  totalCount.value = props.justSizeChosen ? props.size : data.count;\n  if (0 === podcasts.value.length) {\n    emit(\"emptyList\");\n  }\n  loading.value = false;\n}\n</script>\n"],"mappings":"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"}

package/dist/{PodcastList-BAOJhQ7G.mjs → PodcastList-N_XOE-hI.mjs}

@@ -1,11 +1,11 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { _ as t } from "./classicApi-pmODlqv5.mjs";
-import { t as n } from "./ListPaginate-5uRK_QKJ.mjs";
-import { t as r } from "./useErrorHandler-D9W2BURn.mjs";
-import { t as i } from "./useOrgaComputed-CBJ5sDOm.mjs";
+import { v as t } from "./classicApi-CGipMqf7.mjs";
+import { t as n } from "./ListPaginate-BPdnBcpe.mjs";
+import { t as r } from "./useErrorHandler-x9sjDYSz.mjs";
+import { t as i } from "./useOrgaComputed-D81Jihm-.mjs";
 import { t as a } from "./ClassicLazy-CDhWc5-4.mjs";
 import { t as o } from "./ClassicSearch-CtL1cpnF.mjs";
-import { t as s } from "./PodcastItem-TdtzApJ6.mjs";
+import { t as s } from "./PodcastItem-Baki7W0q.mjs";
 import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, onBeforeMount as _, openBlock as v, ref as y, renderList as b, resolveComponent as x, toDisplayString as S, unref as C, watch as w, withCtx as T } from "vue";
 import { useI18n as E } from "vue-i18n";
 //#region src/components/display/playlist/PodcastList.vue?vue&type=script&setup=true&lang.ts

package/dist/PodcastList-d3SGLPvF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastList-d3SGLPvF.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_createCommentVNode","_createVNode","_withCtx","_Fragment","_renderList","_createTextVNode","_sfc_main"],"sources":["../src/components/display/playlist/PodcastList.vue","../src/components/display/playlist/PodcastList.vue"],"sourcesContent":["<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n","<!--\n  Component displaying a list of podcasts IN A PLAYLIST\n  Do not confuse this with PodcastList from podcasts\n-->\n<template>\n  <div>\n    <h3 class=\"mb-3 align-self-baseline\">\n      {{ titleList }}\n    </h3>\n\n    <ClassicSearch\n      v-if=\"!loading && notEmptyPlaylist\"\n      v-model:text-init=\"searchPattern\"\n      class=\"align-self-baseline mb-2\"\n      id-search=\"podcast-list-search\"\n      :label=\"t('Search')\"\n    />\n\n    <ListPaginate\n      id=\"podcastPlaylistListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :text-count=\"\n        podcasts.length > 1\n          ? `${t('Number podcasts', { nb: podcasts.length })}`\n          : undefined\n      \"\n      :total-count=\"podcasts.length\"\n      :loading=\"loading\"\n      :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      :error-text=\"\n        !loading && !podcasts.length && notEmptyPlaylist\n          ? t(`No podcast match your query`)\n          : undefined\n      \"\n      :player-responsive=\"true\"\n      :force-update-parameters=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <ClassicLazy\n            v-for=\"p in podcastsDisplay\"\n            :key=\"p.podcastId\"\n            :min-height=\"410\"\n          >\n            <PodcastItem\n              v-if=\"0 !== p.podcastId\"\n              :podcast=\"p\"\n            />\n\n            <template #preview>\n              <router-link\n                :to=\"{\n                  name: 'podcast',\n                  params: { podcastId: p.podcastId },\n                }\"\n                :title=\"t('Episode name page', { name: p.title })\"\n              >\n                {{ p.title }}\n              </router-link>\n            </template>\n          </ClassicLazy>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { playlistApi } from \"../../../api/playlistApi\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:query\"]);\n\n//Data \nconst loading = ref(true);\nconst podcasts: Ref<Array<Podcast>> = ref([]);\nconst podcastsQuery: Ref<Array<Podcast>> = ref([]);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst searchPattern = ref(\"\");\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst { isEditRights } = useOrgaComputed();\n\n//Computed\nconst titleList = computed(() => notEmptyPlaylist.value? t(\"Podcasts in the playlist\"): t(\"No podcasts in the playlist\"));\nconst notEmptyPlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\nconst podcastsDisplay = computed(() => {\n  if (isMobile.value) {\n    return podcastsQuery.value.slice(\n      0,\n      Math.min(dfirst.value + dsize.value, podcasts.value.length),\n    );\n  }\n  return podcastsQuery.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, podcasts.value.length),\n  );\n});\nconst editRight = computed(() =>isEditRights(props.playlist.organisation?.id));\n\n//Watch\nwatch(searchPattern,() => {\n  emit('update:query', searchPattern.value);\n  if (\"\" !== searchPattern.value) {\n    podcastsQuery.value = podcasts.value.filter((el: Podcast) => {\n      return el.title\n        .toLowerCase()\n        .includes(searchPattern.value.toLowerCase());\n    });\n  } else {\n    podcastsQuery.value = podcasts.value;\n  }\n});\n\nonBeforeMount(fetchContent);\n\n\n//Methods\nasync function fetchContent(): Promise<void> {\n  if (notEmptyPlaylist.value) {\n    podcasts.value.length = 0;\n    loading.value = true;\n    try {\n      podcasts.value = await playlistApi.getContentFull(props.playlist.playlistId);\n      if (!editRight.value) {\n        podcasts.value = podcasts.value.filter((p: Podcast | null) => {\n          return (\n            null !== p &&\n            (!p.availability || true === p.availability.visibility)\n          );\n        });\n      }\n      podcastsQuery.value = podcasts.value;\n      searchPattern.value = props.query ?? \"\";\n    } catch (error) {\n      handle403(error as AxiosError);\n    }\n  }\n  loading.value = false;\n}\n</script>\n\n"],"mappings":"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"}

package/dist/{PodcastList-Bbe3yWiu.mjs → PodcastList-yjd_exFg.mjs}

@@ -1,10 +1,10 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
-import { i as t, m as n, p as r, r as i } from "./classicApi-pmODlqv5.mjs";
-import { t as a } from "./ListPaginate-5uRK_QKJ.mjs";
-import { t as o } from "./useErrorHandler-D9W2BURn.mjs";
+import { i as t, m as n, p as r, r as i } from "./classicApi-CGipMqf7.mjs";
+import { t as a } from "./ListPaginate-BPdnBcpe.mjs";
+import { t as o } from "./useErrorHandler-x9sjDYSz.mjs";
 import { r as s, t as c } from "./podcast-BoNHyuLe.mjs";
 import { t as l } from "./ClassicLazy-CDhWc5-4.mjs";
-import { t as u } from "./PodcastItem-TdtzApJ6.mjs";
+import { t as u } from "./PodcastItem-Baki7W0q.mjs";
 import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, onBeforeMount as b, openBlock as x, ref as S, renderList as C, resolveComponent as w, toDisplayString as T, unref as E, watch as D, withCtx as O } from "vue";
 import { useI18n as k } from "vue-i18n";
 import { AxiosError as A } from "axios";