@saooti/octopus-sdk 42.0.3 → 42.0.5

package/dist/PodcastRawTranscript-CdKhzP8l.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastRawTranscript-CdKhzP8l.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastRawTranscript.vue","../src/components/display/podcasts/PodcastRawTranscript.vue"],"sourcesContent":["<template>\n    <div>\n        <AccessibilityModal\n            v-if=\"isAccessibilityModal\"\n            @save=\"saveAccessibility\"\n            @close=\"isAccessibilityModal = false\"\n        />\n        <div class=\"transcription-section-buttons\">\n            <button\n                v-if=\"isOpen\"\n                class=\"btn btn-primary m-0\"\n                @click=\"isAccessibilityModal = true\"\n            >\n                <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n            </button>\n\n            <div\n                v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n                class=\"language-selector\"\n            >\n                <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n                <ClassicSelect\n                    :text-init=\"currentLanguage\"\n                    :is-disabled=\"!loadingDone\"\n                    :options=\"availableLanguagesOptions\"\n                    :display-label=\"false\"\n                    @update:text-init=\"changeLanguage\"\n                />\n            </div>\n            \n            <button\n                class=\"btn btn-transcript\"\n                :class=\"{ open: isOpen }\"\n                @click=\"isOpen = !isOpen\"\n            >\n                {{ buttonText }}\n            </button>\n        </div>\n        <div v-if=\"isOpen\" class=\"transcription-body\">\n            <ClassicLoading\n                :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n            />\n            <div class=\"transcription-text\">\n                <template v-if=\"loadingDone && transcript?.length\">\n                    {{ transcript }}\n                </template>\n                <template v-if=\"loadingDone && !transcript?.length\">\n                    {{ t(\"Transcript does not yet exist for this episode\") }}\n                </template>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n    () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n    /** ID of the podcast for which to display transcription */\n    podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n    return availableLanguages.value.map(lang => ({\n        title: lang,\n        value: lang\n    }));\n})\n\n//Watch\nwatch(isOpen, () => {\n    if (isOpen.value && !loadingDone.value) {\n        if (props.podcastId) {\n            fetchTranscripts();\n        }\n        getAccessibility();\n    }\n});\n\n//Methods\nfunction getAccessibility(){\n    const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n    if (null !== fontSize) {\n        setCssProperty('--octopus-accessibility-font-size', fontSize);\n    }\n    const background = cookiesHelper.getCookie(\"octopus-background\");\n    if (null !== background) {\n        setCssProperty('--octopus-accessibility-background', background);\n    }\n    const color = cookiesHelper.getCookie(\"octopus-color\");\n    if (null !== color) {\n        setCssProperty('--octopus-accessibility-color', color);\n    }\n}\n\nfunction setCssProperty(name: string, value: string){\n    document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n    setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n    cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n    setCssProperty('--octopus-accessibility-background', accessibility.background);\n    cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n    setCssProperty('--octopus-accessibility-color', accessibility.color);\n    cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n    isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n    try {\n        const translation = await transcriptionApi.getTranslations(props.podcastId);\n        if (language === undefined) {\n            const { ready, available } = await getMostRelevantLanguage(translation);\n            // If available language is set, it is better than ready, so use it\n            language = available ?? ready;\n        }\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n        transcript.value = convertSrtToPlainText(srt);\n        \n        availableLanguages.value = translation.translations\n            .filter(t => t.state === TranslationState.FINISHED)\n            .map(t => t.language);\n        nativeLanguage.value = translation.nativeLanguage;\n        currentLanguage.value = language;\n        availableLanguages.value.unshift(translation.nativeLanguage);\n\n        if (!availableLanguages.value.includes(language)) {\n            availableLanguages.value.push(language);\n        }\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n    loadingDone.value = false;\n    currentLanguage.value = language;\n    transcript.value = undefined;\n    try {\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language);        \n        transcript.value = convertSrtToPlainText(srt);\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n    if (isOpen.value || loadingDone.value) {\n        fetchTranscripts(currentLanguage.value);\n    }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  --octopus-accessibility-font-size: 16px;\n  --octopus-accessibility-background: var(--octopus-background);\n  --octopus-accessibility-color: var(--octopus-color-text);\n\n  .language-selector {\n    display: flex;\n    align-items: center;\n    margin-left: 1rem;\n\n    span {\n        font-weight: 600;\n    }\n  }\n\n  .transcription-section-buttons{\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    @media (width <= 625px) {\n      flex-direction: column;\n    }\n  }\n  .btn-transcript {\n    position: relative;\n    border-radius: var(--octopus-border-radius);\n    overflow: hidden;\n    transition: all 0.2s linear 0s;\n    \n    &.open{\n      margin-left:auto;\n      direction: rtl;\n      @media (width <= 625px) {\n        margin-top: 0.5rem;\n      }\n    }\n    &:not(.open){\n      margin-right: auto;\n    }\n\n    &:not(.open)::before,\n    &.open::after {\n      content: \"➤\";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: 0;\n      height: 100%;\n      width: 30px;\n      border-radius: 0 50% 50% 0;\n      background-color: var(--octopus-background-transparent);\n      transform: scale(0, 1);\n      transition: all 0.2s linear 0s;\n    }\n\n    &:not(.open)::before {\n      left: 0;\n      transform-origin: left center;\n    }\n\n    &.open::after {\n      right: -30px;\n      transform-origin: center left;\n    }\n    &:hover {\n      text-indent: 30px;\n    }\n\n    &:not(.open):hover::before,\n    &.open:hover::after {\n      text-indent: 0;\n    }\n\n    &:not(.open):hover::before {\n      transform: scale(1, 1);\n    }\n\n    &.open:hover::after {\n      transform: scale(-1, 1);\n    }\n  }\n\n  .transcription-body {\n    font-size: var(--octopus-accessibility-font-size);\n    position: relative;\n    padding: 1rem;\n    max-height: 250px;\n    display: flex;\n    justify-content: center;\n    white-space: pre-wrap;\n    background: var(--octopus-accessibility-background);\n    color: var(--octopus-accessibility-color);\n    border: 2px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n\n    .transcription-text {\n      overflow: hidden auto;\n    }\n  }\n}\n</style>\n","<template>\n    <div>\n        <AccessibilityModal\n            v-if=\"isAccessibilityModal\"\n            @save=\"saveAccessibility\"\n            @close=\"isAccessibilityModal = false\"\n        />\n        <div class=\"transcription-section-buttons\">\n            <button\n                v-if=\"isOpen\"\n                class=\"btn btn-primary m-0\"\n                @click=\"isAccessibilityModal = true\"\n            >\n                <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n            </button>\n\n            <div\n                v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n                class=\"language-selector\"\n            >\n                <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n                <ClassicSelect\n                    :text-init=\"currentLanguage\"\n                    :is-disabled=\"!loadingDone\"\n                    :options=\"availableLanguagesOptions\"\n                    :display-label=\"false\"\n                    @update:text-init=\"changeLanguage\"\n                />\n            </div>\n            \n            <button\n                class=\"btn btn-transcript\"\n                :class=\"{ open: isOpen }\"\n                @click=\"isOpen = !isOpen\"\n            >\n                {{ buttonText }}\n            </button>\n        </div>\n        <div v-if=\"isOpen\" class=\"transcription-body\">\n            <ClassicLoading\n                :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n            />\n            <div class=\"transcription-text\">\n                <template v-if=\"loadingDone && transcript?.length\">\n                    {{ transcript }}\n                </template>\n                <template v-if=\"loadingDone && !transcript?.length\">\n                    {{ t(\"Transcript does not yet exist for this episode\") }}\n                </template>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n    () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n    /** ID of the podcast for which to display transcription */\n    podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n    return availableLanguages.value.map(lang => ({\n        title: lang,\n        value: lang\n    }));\n})\n\n//Watch\nwatch(isOpen, () => {\n    if (isOpen.value && !loadingDone.value) {\n        if (props.podcastId) {\n            fetchTranscripts();\n        }\n        getAccessibility();\n    }\n});\n\n//Methods\nfunction getAccessibility(){\n    const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n    if (null !== fontSize) {\n        setCssProperty('--octopus-accessibility-font-size', fontSize);\n    }\n    const background = cookiesHelper.getCookie(\"octopus-background\");\n    if (null !== background) {\n        setCssProperty('--octopus-accessibility-background', background);\n    }\n    const color = cookiesHelper.getCookie(\"octopus-color\");\n    if (null !== color) {\n        setCssProperty('--octopus-accessibility-color', color);\n    }\n}\n\nfunction setCssProperty(name: string, value: string){\n    document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n    setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n    cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n    setCssProperty('--octopus-accessibility-background', accessibility.background);\n    cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n    setCssProperty('--octopus-accessibility-color', accessibility.color);\n    cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n    isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n    try {\n        const translation = await transcriptionApi.getTranslations(props.podcastId);\n        if (language === undefined) {\n            const { ready, available } = await getMostRelevantLanguage(translation);\n            // If available language is set, it is better than ready, so use it\n            language = available ?? ready;\n        }\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n        transcript.value = convertSrtToPlainText(srt);\n        \n        availableLanguages.value = translation.translations\n            .filter(t => t.state === TranslationState.FINISHED)\n            .map(t => t.language);\n        nativeLanguage.value = translation.nativeLanguage;\n        currentLanguage.value = language;\n        availableLanguages.value.unshift(translation.nativeLanguage);\n\n        if (!availableLanguages.value.includes(language)) {\n            availableLanguages.value.push(language);\n        }\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n    loadingDone.value = false;\n    currentLanguage.value = language;\n    transcript.value = undefined;\n    try {\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language);        \n        transcript.value = convertSrtToPlainText(srt);\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n    if (isOpen.value || loadingDone.value) {\n        fetchTranscripts(currentLanguage.value);\n    }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  --octopus-accessibility-font-size: 16px;\n  --octopus-accessibility-background: var(--octopus-background);\n  --octopus-accessibility-color: var(--octopus-color-text);\n\n  .language-selector {\n    display: flex;\n    align-items: center;\n    margin-left: 1rem;\n\n    span {\n        font-weight: 600;\n    }\n  }\n\n  .transcription-section-buttons{\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    @media (width <= 625px) {\n      flex-direction: column;\n    }\n  }\n  .btn-transcript {\n    position: relative;\n    border-radius: var(--octopus-border-radius);\n    overflow: hidden;\n    transition: all 0.2s linear 0s;\n    \n    &.open{\n      margin-left:auto;\n      direction: rtl;\n      @media (width <= 625px) {\n        margin-top: 0.5rem;\n      }\n    }\n    &:not(.open){\n      margin-right: auto;\n    }\n\n    &:not(.open)::before,\n    &.open::after {\n      content: \"➤\";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: 0;\n      height: 100%;\n      width: 30px;\n      border-radius: 0 50% 50% 0;\n      background-color: var(--octopus-background-transparent);\n      transform: scale(0, 1);\n      transition: all 0.2s linear 0s;\n    }\n\n    &:not(.open)::before {\n      left: 0;\n      transform-origin: left center;\n    }\n\n    &.open::after {\n      right: -30px;\n      transform-origin: center left;\n    }\n    &:hover {\n      text-indent: 30px;\n    }\n\n    &:not(.open):hover::before,\n    &.open:hover::after {\n      text-indent: 0;\n    }\n\n    &:not(.open):hover::before {\n      transform: scale(1, 1);\n    }\n\n    &.open:hover::after {\n      transform: scale(-1, 1);\n    }\n  }\n\n  .transcription-body {\n    font-size: var(--octopus-accessibility-font-size);\n    position: relative;\n    padding: 1rem;\n    max-height: 250px;\n    display: flex;\n    justify-content: center;\n    white-space: pre-wrap;\n    background: var(--octopus-accessibility-background);\n    color: var(--octopus-accessibility-color);\n    border: 2px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n\n    .transcription-text {\n      overflow: hidden auto;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastRawTranscript-Cp0XSlnz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastRawTranscript-Cp0XSlnz.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastRawTranscript.vue","../src/components/display/podcasts/PodcastRawTranscript.vue"],"sourcesContent":["<template>\n    <div>\n        <AccessibilityModal\n            v-if=\"isAccessibilityModal\"\n            @save=\"saveAccessibility\"\n            @close=\"isAccessibilityModal = false\"\n        />\n        <div class=\"transcription-section-buttons\">\n            <button\n                v-if=\"isOpen\"\n                class=\"btn btn-primary m-0\"\n                @click=\"isAccessibilityModal = true\"\n            >\n                <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n            </button>\n\n            <div\n                v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n                class=\"language-selector\"\n            >\n                <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n                <ClassicSelect\n                    :text-init=\"currentLanguage\"\n                    :is-disabled=\"!loadingDone\"\n                    :options=\"availableLanguagesOptions\"\n                    :display-label=\"false\"\n                    @update:text-init=\"changeLanguage\"\n                />\n            </div>\n            \n            <button\n                class=\"btn btn-transcript\"\n                :class=\"{ open: isOpen }\"\n                @click=\"isOpen = !isOpen\"\n            >\n                {{ buttonText }}\n            </button>\n        </div>\n        <div v-if=\"isOpen\" class=\"transcription-body\">\n            <ClassicLoading\n                :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n            />\n            <div class=\"transcription-text\">\n                <template v-if=\"loadingDone && transcript?.length\">\n                    {{ transcript }}\n                </template>\n                <template v-if=\"loadingDone && !transcript?.length\">\n                    {{ t(\"Transcript does not yet exist for this episode\") }}\n                </template>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n    () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n    /** ID of the podcast for which to display transcription */\n    podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n    return availableLanguages.value.map(lang => ({\n        title: lang,\n        value: lang\n    }));\n})\n\n//Watch\nwatch(isOpen, () => {\n    if (isOpen.value && !loadingDone.value) {\n        if (props.podcastId) {\n            fetchTranscripts();\n        }\n        getAccessibility();\n    }\n});\n\n//Methods\nfunction getAccessibility(){\n    const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n    if (null !== fontSize) {\n        setCssProperty('--octopus-accessibility-font-size', fontSize);\n    }\n    const background = cookiesHelper.getCookie(\"octopus-background\");\n    if (null !== background) {\n        setCssProperty('--octopus-accessibility-background', background);\n    }\n    const color = cookiesHelper.getCookie(\"octopus-color\");\n    if (null !== color) {\n        setCssProperty('--octopus-accessibility-color', color);\n    }\n}\n\nfunction setCssProperty(name: string, value: string){\n    document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n    setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n    cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n    setCssProperty('--octopus-accessibility-background', accessibility.background);\n    cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n    setCssProperty('--octopus-accessibility-color', accessibility.color);\n    cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n    isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n    try {\n        const translation = await transcriptionApi.getTranslations(props.podcastId);\n        if (language === undefined) {\n            const { ready, available } = await getMostRelevantLanguage(translation);\n            // If available language is set, it is better than ready, so use it\n            language = available ?? ready;\n        }\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n        transcript.value = convertSrtToPlainText(srt);\n        \n        availableLanguages.value = translation.translations\n            .filter(t => t.state === TranslationState.FINISHED)\n            .map(t => t.language);\n        nativeLanguage.value = translation.nativeLanguage;\n        currentLanguage.value = language;\n        availableLanguages.value.unshift(translation.nativeLanguage);\n\n        if (!availableLanguages.value.includes(language)) {\n            availableLanguages.value.push(language);\n        }\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n    loadingDone.value = false;\n    currentLanguage.value = language;\n    transcript.value = undefined;\n    try {\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language);        \n        transcript.value = convertSrtToPlainText(srt);\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n    if (isOpen.value || loadingDone.value) {\n        fetchTranscripts(currentLanguage.value);\n    }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  --octopus-accessibility-font-size: 16px;\n  --octopus-accessibility-background: var(--octopus-background);\n  --octopus-accessibility-color: var(--octopus-color-text);\n\n  .language-selector {\n    display: flex;\n    align-items: center;\n    margin-left: 1rem;\n\n    span {\n        font-weight: 600;\n    }\n  }\n\n  .transcription-section-buttons{\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    @media (width <= 625px) {\n      flex-direction: column;\n    }\n  }\n  .btn-transcript {\n    position: relative;\n    border-radius: var(--octopus-border-radius);\n    overflow: hidden;\n    transition: all 0.2s linear 0s;\n    \n    &.open{\n      margin-left:auto;\n      direction: rtl;\n      @media (width <= 625px) {\n        margin-top: 0.5rem;\n      }\n    }\n    &:not(.open){\n      margin-right: auto;\n    }\n\n    &:not(.open)::before,\n    &.open::after {\n      content: \"➤\";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: 0;\n      height: 100%;\n      width: 30px;\n      border-radius: 0 50% 50% 0;\n      background-color: var(--octopus-background-transparent);\n      transform: scale(0, 1);\n      transition: all 0.2s linear 0s;\n    }\n\n    &:not(.open)::before {\n      left: 0;\n      transform-origin: left center;\n    }\n\n    &.open::after {\n      right: -30px;\n      transform-origin: center left;\n    }\n    &:hover {\n      text-indent: 30px;\n    }\n\n    &:not(.open):hover::before,\n    &.open:hover::after {\n      text-indent: 0;\n    }\n\n    &:not(.open):hover::before {\n      transform: scale(1, 1);\n    }\n\n    &.open:hover::after {\n      transform: scale(-1, 1);\n    }\n  }\n\n  .transcription-body {\n    font-size: var(--octopus-accessibility-font-size);\n    position: relative;\n    padding: 1rem;\n    max-height: 250px;\n    display: flex;\n    justify-content: center;\n    white-space: pre-wrap;\n    background: var(--octopus-accessibility-background);\n    color: var(--octopus-accessibility-color);\n    border: 2px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n\n    .transcription-text {\n      overflow: hidden auto;\n    }\n  }\n}\n</style>\n","<template>\n    <div>\n        <AccessibilityModal\n            v-if=\"isAccessibilityModal\"\n            @save=\"saveAccessibility\"\n            @close=\"isAccessibilityModal = false\"\n        />\n        <div class=\"transcription-section-buttons\">\n            <button\n                v-if=\"isOpen\"\n                class=\"btn btn-primary m-0\"\n                @click=\"isAccessibilityModal = true\"\n            >\n                <EyeOutlineIcon class=\"me-1\" /> {{ t('Transcript Accessibility') }}\n            </button>\n\n            <div\n                v-if=\"isOpen && availableLanguagesOptions.length > 0\"\n                class=\"language-selector\"\n            >\n                <span class=\"me-2\">{{ t('Transcript - Available languages') }}</span>\n                <ClassicSelect\n                    :text-init=\"currentLanguage\"\n                    :is-disabled=\"!loadingDone\"\n                    :options=\"availableLanguagesOptions\"\n                    :display-label=\"false\"\n                    @update:text-init=\"changeLanguage\"\n                />\n            </div>\n            \n            <button\n                class=\"btn btn-transcript\"\n                :class=\"{ open: isOpen }\"\n                @click=\"isOpen = !isOpen\"\n            >\n                {{ buttonText }}\n            </button>\n        </div>\n        <div v-if=\"isOpen\" class=\"transcription-body\">\n            <ClassicLoading\n                :loading-text=\"!loadingDone ? t('Loading content ...') : undefined\"\n            />\n            <div class=\"transcription-text\">\n                <template v-if=\"loadingDone && transcript?.length\">\n                    {{ transcript }}\n                </template>\n                <template v-if=\"loadingDone && !transcript?.length\">\n                    {{ t(\"Transcript does not yet exist for this episode\") }}\n                </template>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport cookiesHelper from \"../../../helper/cookiesHelper\";\nimport EyeOutlineIcon from \"vue-material-design-icons/EyeOutline.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { transcriptionApi, TranslationState } from \"../../../api/transcriptionApi\";\nimport { useTranslation } from \"../../composable/useTranslation\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nconst AccessibilityModal = defineAsyncComponent(\n    () => import(\"../accessibility/AccessibilityModal.vue\"),\n);\n\n//Props \nconst props = defineProps<{\n    /** ID of the podcast for which to display transcription */\n    podcastId: number;\n}>();\n\n//Data \nconst isOpen = ref(false);\nconst loadingDone = ref(false);\nconst isAccessibilityModal = ref(false);\nconst transcript = ref<string|undefined>(undefined);\n/** Native language of the podcast */\nconst nativeLanguage = ref('');\n/** List of languages for which a transcription exists */\nconst availableLanguages = ref<Array<string>>([]);\n/** Currently shown language */\nconst currentLanguage = ref('');\n\n//Composables\nconst { t } = useI18n();\nconst { convertSrtToPlainText, getMostRelevantLanguage } = useTranslation();\n\n//Computed\nconst buttonText = computed(() => isOpen.value? t(\"Hide transcript\"): t(\"View transcript\"));\n\nconst availableLanguagesOptions = computed(() => {\n    return availableLanguages.value.map(lang => ({\n        title: lang,\n        value: lang\n    }));\n})\n\n//Watch\nwatch(isOpen, () => {\n    if (isOpen.value && !loadingDone.value) {\n        if (props.podcastId) {\n            fetchTranscripts();\n        }\n        getAccessibility();\n    }\n});\n\n//Methods\nfunction getAccessibility(){\n    const fontSize = cookiesHelper.getCookie(\"octopus-font-size\");\n    if (null !== fontSize) {\n        setCssProperty('--octopus-accessibility-font-size', fontSize);\n    }\n    const background = cookiesHelper.getCookie(\"octopus-background\");\n    if (null !== background) {\n        setCssProperty('--octopus-accessibility-background', background);\n    }\n    const color = cookiesHelper.getCookie(\"octopus-color\");\n    if (null !== color) {\n        setCssProperty('--octopus-accessibility-color', color);\n    }\n}\n\nfunction setCssProperty(name: string, value: string){\n    document.documentElement.style.setProperty(name,value);\n}\n\nfunction saveAccessibility(accessibility: {fontSize: number,background: string,color: string}){\n    setCssProperty('--octopus-accessibility-font-size', accessibility.fontSize+'px');\n    cookiesHelper.setCookie(\"octopus-font-size\", accessibility.fontSize+'px');\n    setCssProperty('--octopus-accessibility-background', accessibility.background);\n    cookiesHelper.setCookie(\"octopus-background\",accessibility.background);\n    setCssProperty('--octopus-accessibility-color', accessibility.color);\n    cookiesHelper.setCookie(\"octopus-color\",accessibility.color);\n    isAccessibilityModal.value = false;\n}\n\nasync function fetchTranscripts(language?: string): Promise<void> {\n    try {\n        const translation = await transcriptionApi.getTranslations(props.podcastId);\n        if (language === undefined) {\n            const { ready, available } = await getMostRelevantLanguage(translation);\n            // If available language is set, it is better than ready, so use it\n            language = available ?? ready;\n        }\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language, true);\n        transcript.value = convertSrtToPlainText(srt);\n        \n        availableLanguages.value = translation.translations\n            .filter(t => t.state === TranslationState.FINISHED)\n            .map(t => t.language);\n        nativeLanguage.value = translation.nativeLanguage;\n        currentLanguage.value = language;\n        availableLanguages.value.unshift(translation.nativeLanguage);\n\n        if (!availableLanguages.value.includes(language)) {\n            availableLanguages.value.push(language);\n        }\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\nasync function changeLanguage(language: string): Promise<void> {\n    loadingDone.value = false;\n    currentLanguage.value = language;\n    transcript.value = undefined;\n    try {\n        const srt = await transcriptionApi.getTranslation(props.podcastId, language);        \n        transcript.value = convertSrtToPlainText(srt);\n    } catch (error) {\n        console.error(error);\n    }\n    loadingDone.value = true;\n}\n\n/** Force reloading */\nfunction reset(): void {\n    if (isOpen.value || loadingDone.value) {\n        fetchTranscripts(currentLanguage.value);\n    }\n}\n\ndefineExpose({ reset });\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  --octopus-accessibility-font-size: 16px;\n  --octopus-accessibility-background: var(--octopus-background);\n  --octopus-accessibility-color: var(--octopus-color-text);\n\n  .language-selector {\n    display: flex;\n    align-items: center;\n    margin-left: 1rem;\n\n    span {\n        font-weight: 600;\n    }\n  }\n\n  .transcription-section-buttons{\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    @media (width <= 625px) {\n      flex-direction: column;\n    }\n  }\n  .btn-transcript {\n    position: relative;\n    border-radius: var(--octopus-border-radius);\n    overflow: hidden;\n    transition: all 0.2s linear 0s;\n    \n    &.open{\n      margin-left:auto;\n      direction: rtl;\n      @media (width <= 625px) {\n        margin-top: 0.5rem;\n      }\n    }\n    &:not(.open){\n      margin-right: auto;\n    }\n\n    &:not(.open)::before,\n    &.open::after {\n      content: \"➤\";\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      position: absolute;\n      top: 0;\n      height: 100%;\n      width: 30px;\n      border-radius: 0 50% 50% 0;\n      background-color: var(--octopus-background-transparent);\n      transform: scale(0, 1);\n      transition: all 0.2s linear 0s;\n    }\n\n    &:not(.open)::before {\n      left: 0;\n      transform-origin: left center;\n    }\n\n    &.open::after {\n      right: -30px;\n      transform-origin: center left;\n    }\n    &:hover {\n      text-indent: 30px;\n    }\n\n    &:not(.open):hover::before,\n    &.open:hover::after {\n      text-indent: 0;\n    }\n\n    &:not(.open):hover::before {\n      transform: scale(1, 1);\n    }\n\n    &.open:hover::after {\n      transform: scale(-1, 1);\n    }\n  }\n\n  .transcription-body {\n    font-size: var(--octopus-accessibility-font-size);\n    position: relative;\n    padding: 1rem;\n    max-height: 250px;\n    display: flex;\n    justify-content: center;\n    white-space: pre-wrap;\n    background: var(--octopus-accessibility-background);\n    color: var(--octopus-accessibility-color);\n    border: 2px solid var(--octopus-border-default);\n    border-radius: var(--octopus-border-radius);\n\n    .transcription-text {\n      overflow: hidden auto;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastRubriqueList-BGiDpOsb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastRubriqueList-BGiDpOsb.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastRubriqueList.vue","../src/components/display/podcasts/PodcastRubriqueList.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"rubriqueIds.length && init\"\n    class=\"rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text\"\n  >\n    <div class=\"fw-bold me-3\">\n      {{ t(\"Rubrics\") + \" : \" }}\n    </div>\n    <router-link\n      v-for=\"rubriqueId in rubriqueIds\"\n      :key=\"rubriqueId\"\n      class=\"d-flex align-items-center border p-1 m-1 text-dark\"\n      :to=\"{\n        name: 'rubrique',\n        params: { rubriqueId: rubriqueId},\n        query: organisationQuery\n      }\"\n    >\n      {{ rubriquagesOrga[rubriqueId]?.name ?? rubriqueId}}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onBeforeMount, Ref, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rubriqueIds: { default: () => [], type: Array as () => Array<number> },\n  orgaId: {default: \"\", type: String,},\n})\n\n//Data \nconst init = ref(false);\nconst rubriquagesOrga: Ref<{[key:number]:Rubrique}> = ref({});\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\nconst SaveFetchStore = useSaveFetchStore();\n\n//Computed\nconst organisationQuery = computed(() => {\n  if(filterStore.filterOrgaId){\n    return undefined;\n  }\n  return { o: props.orgaId};\n});\n\nonBeforeMount(()=>fetchRubriquages())\n\n\n//Methods\nasync function fetchRubriquages(){\n  const tempRubriquagesOrga = await SaveFetchStore.getOrgaRubriques(props.orgaId);\n  const rubriquesArray= tempRubriquagesOrga.flatMap((rub) =>rub.rubriques);\n  rubriquagesOrga.value= rubriquesArray.reduce((results, u)=> {results[u.rubriqueId??0] = u; return results}, {} as {[key:number]:Rubrique});\n  init.value = true;\n}\n</script>\n","<template>\n  <div\n    v-if=\"rubriqueIds.length && init\"\n    class=\"rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text\"\n  >\n    <div class=\"fw-bold me-3\">\n      {{ t(\"Rubrics\") + \" : \" }}\n    </div>\n    <router-link\n      v-for=\"rubriqueId in rubriqueIds\"\n      :key=\"rubriqueId\"\n      class=\"d-flex align-items-center border p-1 m-1 text-dark\"\n      :to=\"{\n        name: 'rubrique',\n        params: { rubriqueId: rubriqueId},\n        query: organisationQuery\n      }\"\n    >\n      {{ rubriquagesOrga[rubriqueId]?.name ?? rubriqueId}}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onBeforeMount, Ref, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rubriqueIds: { default: () => [], type: Array as () => Array<number> },\n  orgaId: {default: \"\", type: String,},\n})\n\n//Data \nconst init = ref(false);\nconst rubriquagesOrga: Ref<{[key:number]:Rubrique}> = ref({});\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\nconst SaveFetchStore = useSaveFetchStore();\n\n//Computed\nconst organisationQuery = computed(() => {\n  if(filterStore.filterOrgaId){\n    return undefined;\n  }\n  return { o: props.orgaId};\n});\n\nonBeforeMount(()=>fetchRubriquages())\n\n\n//Methods\nasync function fetchRubriquages(){\n  const tempRubriquagesOrga = await SaveFetchStore.getOrgaRubriques(props.orgaId);\n  const rubriquesArray= tempRubriquagesOrga.flatMap((rub) =>rub.rubriques);\n  rubriquagesOrga.value= rubriquesArray.reduce((results, u)=> {results[u.rubriqueId??0] = u; return results}, {} as {[key:number]:Rubrique});\n  init.value = true;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAMd,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,kBAAgD,IAAI,CAAC,CAAC;EAG5D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EACnC,MAAM,iBAAiB,kBAAkB;EAGzC,MAAM,oBAAoB,eAAe;GACvC,IAAG,YAAY,cACb;GAEF,OAAO,EAAE,GAAG,MAAM,OAAM;EAC1B,CAAC;EAED,oBAAkB,iBAAiB,CAAC;EAIpC,eAAe,mBAAkB;GAG/B,gBAAgB,SADM,MADY,eAAe,iBAAiB,MAAM,MAAM,GACpC,SAAS,QAAO,IAAI,SACvC,EAAe,QAAQ,SAAS,MAAK;IAAC,QAAQ,EAAE,cAAY,KAAK;IAAG,OAAO;GAAO,GAAG,CAAC,CAA4B;GACzI,KAAK,QAAQ;EACf;;;;;;;;;;;;;;;;;;;;;;CC3DI,OAAM;;mBAED,OAAM,eAAc;;;QAHnB,OAAA,YAAY,UAAU,OAAA,QAAA,UAAA,GAD9B,mBAmBM,OAnBN,YAmBM,CAfJ,mBAEM,OAFN,YAEM,gBADD,OAAA,EAAC,SAAA,IAAA,KAAA,GAAA,CAAA,IAAA,UAAA,IAAA,GAEN,mBAWc,UAAA,MAAA,WAVS,OAAA,cAAd,eAAU;sBADnB,YAWc,wBAAA;GATX,KAAK;GACN,OAAM;GACL,IAAE;;cAA4D,WAAU;WAAkB,OAAA;;;0BAMvC,CAAA,gBAAA,gBAAjD,OAAA,gBAAgB,aAAa,QAAQ,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/PodcastRubriqueList-BqhnhoEz.mjs

@@ -0,0 +1,65 @@
+import { r as useFilterStore, x as useSaveFetchStore } from "./classicApi-BKNiWOG4.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, onBeforeMount, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/podcasts/PodcastRubriqueList.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text"
+};
+var _hoisted_2 = { class: "fw-bold me-3" };
+//#endregion
+//#region src/components/display/podcasts/PodcastRubriqueList.vue
+var PodcastRubriqueList_default = /* @__PURE__ */ defineComponent({
+	__name: "PodcastRubriqueList",
+	props: {
+		rubriqueIds: {
+			default: () => [],
+			type: Array
+		},
+		orgaId: {
+			default: "",
+			type: String
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const init = ref(false);
+		const rubriquagesOrga = ref({});
+		const { t } = useI18n();
+		const filterStore = useFilterStore();
+		const SaveFetchStore = useSaveFetchStore();
+		const organisationQuery = computed(() => {
+			if (filterStore.filterOrgaId) return;
+			return { o: props.orgaId };
+		});
+		onBeforeMount(() => fetchRubriquages());
+		async function fetchRubriquages() {
+			rubriquagesOrga.value = (await SaveFetchStore.getOrgaRubriques(props.orgaId)).flatMap((rub) => rub.rubriques).reduce((results, u) => {
+				results[u.rubriqueId ?? 0] = u;
+				return results;
+			}, {});
+			init.value = true;
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return __props.rubriqueIds.length && init.value ? (openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(t)("Rubrics") + " : "), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rubriqueIds, (rubriqueId) => {
+				return openBlock(), createBlock(_component_router_link, {
+					key: rubriqueId,
+					class: "d-flex align-items-center border p-1 m-1 text-dark",
+					to: {
+						name: "rubrique",
+						params: { rubriqueId },
+						query: organisationQuery.value
+					}
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(rubriquagesOrga.value[rubriqueId]?.name ?? rubriqueId), 1)]),
+					_: 2
+				}, 1032, ["to"]);
+			}), 128))])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { PodcastRubriqueList_default as default };
+
+//# sourceMappingURL=PodcastRubriqueList-BqhnhoEz.mjs.map

package/dist/PodcastRubriqueList-BqhnhoEz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastRubriqueList-BqhnhoEz.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastRubriqueList.vue","../src/components/display/podcasts/PodcastRubriqueList.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"rubriqueIds.length && init\"\n    class=\"rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text\"\n  >\n    <div class=\"fw-bold me-3\">\n      {{ t(\"Rubrics\") + \" : \" }}\n    </div>\n    <router-link\n      v-for=\"rubriqueId in rubriqueIds\"\n      :key=\"rubriqueId\"\n      class=\"d-flex align-items-center border p-1 m-1 text-dark\"\n      :to=\"{\n        name: 'rubrique',\n        params: { rubriqueId: rubriqueId},\n        query: organisationQuery\n      }\"\n    >\n      {{ rubriquagesOrga[rubriqueId]?.name ?? rubriqueId}}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onBeforeMount, Ref, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rubriqueIds: { default: () => [], type: Array as () => Array<number> },\n  orgaId: {default: \"\", type: String,},\n})\n\n//Data \nconst init = ref(false);\nconst rubriquagesOrga: Ref<{[key:number]:Rubrique}> = ref({});\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\nconst SaveFetchStore = useSaveFetchStore();\n\n//Computed\nconst organisationQuery = computed(() => {\n  if(filterStore.filterOrgaId){\n    return undefined;\n  }\n  return { o: props.orgaId};\n});\n\nonBeforeMount(()=>fetchRubriquages())\n\n\n//Methods\nasync function fetchRubriquages(){\n  const tempRubriquagesOrga = await SaveFetchStore.getOrgaRubriques(props.orgaId);\n  const rubriquesArray= tempRubriquagesOrga.flatMap((rub) =>rub.rubriques);\n  rubriquagesOrga.value= rubriquesArray.reduce((results, u)=> {results[u.rubriqueId??0] = u; return results}, {} as {[key:number]:Rubrique});\n  init.value = true;\n}\n</script>\n","<template>\n  <div\n    v-if=\"rubriqueIds.length && init\"\n    class=\"rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text\"\n  >\n    <div class=\"fw-bold me-3\">\n      {{ t(\"Rubrics\") + \" : \" }}\n    </div>\n    <router-link\n      v-for=\"rubriqueId in rubriqueIds\"\n      :key=\"rubriqueId\"\n      class=\"d-flex align-items-center border p-1 m-1 text-dark\"\n      :to=\"{\n        name: 'rubrique',\n        params: { rubriqueId: rubriqueId},\n        query: organisationQuery\n      }\"\n    >\n      {{ rubriquagesOrga[rubriqueId]?.name ?? rubriqueId}}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onBeforeMount, Ref, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rubriqueIds: { default: () => [], type: Array as () => Array<number> },\n  orgaId: {default: \"\", type: String,},\n})\n\n//Data \nconst init = ref(false);\nconst rubriquagesOrga: Ref<{[key:number]:Rubrique}> = ref({});\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\nconst SaveFetchStore = useSaveFetchStore();\n\n//Computed\nconst organisationQuery = computed(() => {\n  if(filterStore.filterOrgaId){\n    return undefined;\n  }\n  return { o: props.orgaId};\n});\n\nonBeforeMount(()=>fetchRubriquages())\n\n\n//Methods\nasync function fetchRubriquages(){\n  const tempRubriquagesOrga = await SaveFetchStore.getOrgaRubriques(props.orgaId);\n  const rubriquesArray= tempRubriquagesOrga.flatMap((rub) =>rub.rubriques);\n  rubriquagesOrga.value= rubriquesArray.reduce((results, u)=> {results[u.rubriqueId??0] = u; return results}, {} as {[key:number]:Rubrique});\n  init.value = true;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAMd,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,kBAAgD,IAAI,CAAC,CAAC;EAG5D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EACnC,MAAM,iBAAiB,kBAAkB;EAGzC,MAAM,oBAAoB,eAAe;GACvC,IAAG,YAAY,cACb;GAEF,OAAO,EAAE,GAAG,MAAM,OAAM;EAC1B,CAAC;EAED,oBAAkB,iBAAiB,CAAC;EAIpC,eAAe,mBAAkB;GAG/B,gBAAgB,SADM,MADY,eAAe,iBAAiB,MAAM,MAAM,GACpC,SAAS,QAAO,IAAI,SACvC,EAAe,QAAQ,SAAS,MAAK;IAAC,QAAQ,EAAE,cAAY,KAAK;IAAG,OAAO;GAAO,GAAG,CAAC,CAA4B;GACzI,KAAK,QAAQ;EACf;;;UA5DU,QAAA,YAAY,UAAU,KAAA,SAAA,UAAA,GAD9B,mBAmBM,OAnBN,YAmBM,CAfJ,mBAEM,OAFN,YAEM,gBADD,MAAA,CAAA,EAAC,SAAA,IAAA,KAAA,GAAA,CAAA,IAAA,UAAA,IAAA,GAEN,mBAWc,UAAA,MAAA,WAVS,QAAA,cAAd,eAAU;wBADnB,YAWc,wBAAA;KATX,KAAK;KACN,OAAM;KACL,IAAE;;gBAA4D,WAAU;aAAkB,kBAAA;;;4BAMvC,CAAA,gBAAA,gBAAjD,gBAAA,MAAgB,aAAa,QAAQ,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/PodcastRubriqueList-CPaVKHY5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastRubriqueList-CPaVKHY5.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastRubriqueList.vue","../src/components/display/podcasts/PodcastRubriqueList.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"rubriqueIds.length && init\"\n    class=\"rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text\"\n  >\n    <div class=\"fw-bold me-3\">\n      {{ t(\"Rubrics\") + \" : \" }}\n    </div>\n    <router-link\n      v-for=\"rubriqueId in rubriqueIds\"\n      :key=\"rubriqueId\"\n      class=\"d-flex align-items-center border p-1 m-1 text-dark\"\n      :to=\"{\n        name: 'rubrique',\n        params: { rubriqueId: rubriqueId},\n        query: organisationQuery\n      }\"\n    >\n      {{ rubriquagesOrga[rubriqueId]?.name ?? rubriqueId}}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onBeforeMount, Ref, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rubriqueIds: { default: () => [], type: Array as () => Array<number> },\n  orgaId: {default: \"\", type: String,},\n})\n\n//Data \nconst init = ref(false);\nconst rubriquagesOrga: Ref<{[key:number]:Rubrique}> = ref({});\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\nconst SaveFetchStore = useSaveFetchStore();\n\n//Computed\nconst organisationQuery = computed(() => {\n  if(filterStore.filterOrgaId){\n    return undefined;\n  }\n  return { o: props.orgaId};\n});\n\nonBeforeMount(()=>fetchRubriquages())\n\n\n//Methods\nasync function fetchRubriquages(){\n  const tempRubriquagesOrga = await SaveFetchStore.getOrgaRubriques(props.orgaId);\n  const rubriquesArray= tempRubriquagesOrga.flatMap((rub) =>rub.rubriques);\n  rubriquagesOrga.value= rubriquesArray.reduce((results, u)=> {results[u.rubriqueId??0] = u; return results}, {} as {[key:number]:Rubrique});\n  init.value = true;\n}\n</script>\n","<template>\n  <div\n    v-if=\"rubriqueIds.length && init\"\n    class=\"rubrique-list-component d-flex align-items-center flex-wrap mb-3 small-text\"\n  >\n    <div class=\"fw-bold me-3\">\n      {{ t(\"Rubrics\") + \" : \" }}\n    </div>\n    <router-link\n      v-for=\"rubriqueId in rubriqueIds\"\n      :key=\"rubriqueId\"\n      class=\"d-flex align-items-center border p-1 m-1 text-dark\"\n      :to=\"{\n        name: 'rubrique',\n        params: { rubriqueId: rubriqueId},\n        query: organisationQuery\n      }\"\n    >\n      {{ rubriquagesOrga[rubriqueId]?.name ?? rubriqueId}}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { Rubrique } from \"../../../stores/class/rubrique/rubrique\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { computed, onBeforeMount, Ref, ref } from \"vue\";\n\n//Props \nconst props = defineProps({\n  rubriqueIds: { default: () => [], type: Array as () => Array<number> },\n  orgaId: {default: \"\", type: String,},\n})\n\n//Data \nconst init = ref(false);\nconst rubriquagesOrga: Ref<{[key:number]:Rubrique}> = ref({});\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\nconst SaveFetchStore = useSaveFetchStore();\n\n//Computed\nconst organisationQuery = computed(() => {\n  if(filterStore.filterOrgaId){\n    return undefined;\n  }\n  return { o: props.orgaId};\n});\n\nonBeforeMount(()=>fetchRubriquages())\n\n\n//Methods\nasync function fetchRubriquages(){\n  const tempRubriquagesOrga = await SaveFetchStore.getOrgaRubriques(props.orgaId);\n  const rubriquesArray= tempRubriquagesOrga.flatMap((rub) =>rub.rubriques);\n  rubriquagesOrga.value= rubriquesArray.reduce((results, u)=> {results[u.rubriqueId??0] = u; return results}, {} as {[key:number]:Rubrique});\n  init.value = true;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EA+BA,MAAM,QAAQ;EAMd,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,kBAAgD,IAAI,CAAC,CAAC;EAG5D,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EACnC,MAAM,iBAAiB,kBAAkB;EAGzC,MAAM,oBAAoB,eAAe;GACvC,IAAG,YAAY,cACb;GAEF,OAAO,EAAE,GAAG,MAAM,OAAM;EAC1B,CAAC;EAED,oBAAkB,iBAAiB,CAAC;EAIpC,eAAe,mBAAkB;GAG/B,gBAAgB,SADM,MADY,eAAe,iBAAiB,MAAM,MAAM,GACpC,SAAS,QAAO,IAAI,SACvC,EAAe,QAAQ,SAAS,MAAK;IAAC,QAAQ,EAAE,cAAY,KAAK;IAAG,OAAO;GAAO,GAAG,CAAC,CAA4B;GACzI,KAAK,QAAQ;EACf;;;UA5DU,QAAA,YAAY,UAAU,KAAA,SAAA,UAAA,GAD9B,mBAmBM,OAnBN,YAmBM,CAfJ,mBAEM,OAFN,YAEM,gBADD,MAAA,CAAA,EAAC,SAAA,IAAA,KAAA,GAAA,CAAA,IAAA,UAAA,IAAA,GAEN,mBAWc,UAAA,MAAA,WAVS,QAAA,cAAd,eAAU;wBADnB,YAWc,wBAAA;KATX,KAAK;KACN,OAAM;KACL,IAAE;;gBAA4D,WAAU;aAAkB,kBAAA;;;4BAMvC,CAAA,gBAAA,gBAAjD,gBAAA,MAAgB,aAAa,QAAQ,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/PodcastSeasonInfo-BwD--f9z.mjs

@@ -0,0 +1,37 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { t as useSeasonsManagement } from "./useSeasonsManagement-D-ngDipg.mjs";
+import { n as PodcastType } from "./podcast-Da9L7I5Q.mjs";
+import { createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import BullhornIcon from "vue-material-design-icons/Bullhorn.vue";
+import GiftIcon from "vue-material-design-icons/Gift.vue";
+//#region src/components/display/podcasts/PodcastSeasonInfo.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "podcast-item-season" };
+var PodcastSeasonInfo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastSeasonInfo",
+	props: { podcast: {} },
+	setup(__props) {
+		const { formatSeason } = useSeasonsManagement();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", _hoisted_1, [
+				createTextVNode(toDisplayString(unref(formatSeason)(__props.podcast)) + " ", 1),
+				__props.podcast.seasonEpisodeType === unref(PodcastType).TRAILER ? (openBlock(), createBlock(BullhornIcon, {
+					key: 0,
+					title: _ctx.$t("Podcast type - Trailer")
+				}, null, 8, ["title"])) : createCommentVNode("", true),
+				__props.podcast.seasonEpisodeType === unref(PodcastType).BONUS ? (openBlock(), createBlock(GiftIcon, {
+					key: 1,
+					title: _ctx.$t("Podcast type - Bonus")
+				}, null, 8, ["title"])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+//#region src/components/display/podcasts/PodcastSeasonInfo.vue
+var PodcastSeasonInfo_exports = /* @__PURE__ */ __exportAll({ default: () => PodcastSeasonInfo_default });
+var PodcastSeasonInfo_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PodcastSeasonInfo_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-acba16c4"]]);
+//#endregion
+export { PodcastSeasonInfo_exports as n, PodcastSeasonInfo_default as t };
+
+//# sourceMappingURL=PodcastSeasonInfo-BwD--f9z.mjs.map

package/dist/PodcastSeasonInfo-BwD--f9z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastSeasonInfo-BwD--f9z.mjs","names":["$t"],"sources":["../src/components/display/podcasts/PodcastSeasonInfo.vue","../src/components/display/podcasts/PodcastSeasonInfo.vue"],"sourcesContent":["<template>\n    <span class=\"podcast-item-season\">\n        {{ formatSeason(podcast) }}\n        <BullhornIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.TRAILER\"\n            :title=\"$t('Podcast type - Trailer')\"\n        />\n        <GiftIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.BONUS\"\n            :title=\"$t('Podcast type - Bonus')\"\n        />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast, PodcastType } from \"../../../stores/class/general/podcast\";\nimport BullhornIcon from 'vue-material-design-icons/Bullhorn.vue';\nimport GiftIcon from 'vue-material-design-icons/Gift.vue';\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\n\nconst { podcast } = defineProps<{\n    /** Podcast for which to display info */\n    podcast: Podcast;\n}>();\n\nconst { formatSeason } = useSeasonsManagement();\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-item-season {\n    display: inline-flex;\n    align-items: center;\n    --icon-size: 0.8rem;\n\n    .material-design-icon {\n        //position: relative;\n        //top: -3px;\n        margin-left: 4px;\n\n        width: var(--icon-size);\n        height: var(--icon-size);\n        color: var(--octopus-primary);\n    }\n}\n</style>\n","<template>\n    <span class=\"podcast-item-season\">\n        {{ formatSeason(podcast) }}\n        <BullhornIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.TRAILER\"\n            :title=\"$t('Podcast type - Trailer')\"\n        />\n        <GiftIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.BONUS\"\n            :title=\"$t('Podcast type - Bonus')\"\n        />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast, PodcastType } from \"../../../stores/class/general/podcast\";\nimport BullhornIcon from 'vue-material-design-icons/Bullhorn.vue';\nimport GiftIcon from 'vue-material-design-icons/Gift.vue';\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\n\nconst { podcast } = defineProps<{\n    /** Podcast for which to display info */\n    podcast: Podcast;\n}>();\n\nconst { formatSeason } = useSeasonsManagement();\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-item-season {\n    display: inline-flex;\n    align-items: center;\n    --icon-size: 0.8rem;\n\n    .material-design-icon {\n        //position: relative;\n        //top: -3px;\n        margin-left: 4px;\n\n        width: var(--icon-size);\n        height: var(--icon-size);\n        color: var(--octopus-primary);\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;EAyBA,MAAM,EAAE,iBAAiB,qBAAqB;;uBAxB1C,mBAUO,QAVP,YAUO;oCATA,MAAA,YAAA,EAAa,QAAA,OAAO,CAAA,IAAI,KAC3B,CAAA;IACU,QAAA,QAAQ,sBAAsB,MAAA,WAAA,EAAY,WAAA,UAAA,GADpD,YAGE,cAAA;;KADG,OAAOA,KAAAA,GAAE,wBAAA;;IAGJ,QAAA,QAAQ,sBAAsB,MAAA,WAAA,EAAY,SAAA,UAAA,GADpD,YAGE,UAAA;;KADG,OAAOA,KAAAA,GAAE,sBAAA"}

package/dist/PodcastSeasonInfo-DL_CsYTY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastSeasonInfo-DL_CsYTY.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastSeasonInfo.vue","../src/components/display/podcasts/PodcastSeasonInfo.vue"],"sourcesContent":["<template>\n    <span class=\"podcast-item-season\">\n        {{ formatSeason(podcast) }}\n        <BullhornIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.TRAILER\"\n            :title=\"$t('Podcast type - Trailer')\"\n        />\n        <GiftIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.BONUS\"\n            :title=\"$t('Podcast type - Bonus')\"\n        />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast, PodcastType } from \"../../../stores/class/general/podcast\";\nimport BullhornIcon from 'vue-material-design-icons/Bullhorn.vue';\nimport GiftIcon from 'vue-material-design-icons/Gift.vue';\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\n\nconst { podcast } = defineProps<{\n    /** Podcast for which to display info */\n    podcast: Podcast;\n}>();\n\nconst { formatSeason } = useSeasonsManagement();\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-item-season {\n    display: inline-flex;\n    align-items: center;\n    --icon-size: 0.8rem;\n\n    .material-design-icon {\n        //position: relative;\n        //top: -3px;\n        margin-left: 4px;\n\n        width: var(--icon-size);\n        height: var(--icon-size);\n        color: var(--octopus-primary);\n    }\n}\n</style>\n","<template>\n    <span class=\"podcast-item-season\">\n        {{ formatSeason(podcast) }}\n        <BullhornIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.TRAILER\"\n            :title=\"$t('Podcast type - Trailer')\"\n        />\n        <GiftIcon\n            v-if=\"podcast.seasonEpisodeType === PodcastType.BONUS\"\n            :title=\"$t('Podcast type - Bonus')\"\n        />\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast, PodcastType } from \"../../../stores/class/general/podcast\";\nimport BullhornIcon from 'vue-material-design-icons/Bullhorn.vue';\nimport GiftIcon from 'vue-material-design-icons/Gift.vue';\nimport { useSeasonsManagement } from \"../../composable/useSeasonsManagement\";\n\nconst { podcast } = defineProps<{\n    /** Podcast for which to display info */\n    podcast: Podcast;\n}>();\n\nconst { formatSeason } = useSeasonsManagement();\n</script>\n\n<style scoped lang=\"scss\">\n.podcast-item-season {\n    display: inline-flex;\n    align-items: center;\n    --icon-size: 0.8rem;\n\n    .material-design-icon {\n        //position: relative;\n        //top: -3px;\n        margin-left: 4px;\n\n        width: var(--icon-size);\n        height: var(--icon-size);\n        color: var(--octopus-primary);\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;EAyBA,MAAM,EAAE,iBAAiB,qBAAqB;;;;;;;;;;;;;;;;;;;mBCxBpC,OAAM,sBAAqB;;qBAAjC,mBAUO,QAVP,YAUO;kCATA,OAAA,aAAa,OAAA,OAAO,CAAA,IAAI,KAC3B,CAAA;EACU,OAAA,QAAQ,sBAAsB,OAAA,YAAY,WAAA,UAAA,GADpD,YAGE,OAAA,iBAAA;;GADG,OAAO,KAAA,GAAE,wBAAA;;EAGJ,OAAA,QAAQ,sBAAsB,OAAA,YAAY,SAAA,UAAA,GADpD,YAGE,OAAA,aAAA;;GADG,OAAO,KAAA,GAAE,sBAAA"}

package/dist/PodcastSwiperList-C2H-uWk9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastSwiperList-C2H-uWk9.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastSwiperList.vue","../src/components/display/podcasts/PodcastSwiperList.vue"],"sourcesContent":["<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n","<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAGb,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,cAAmC,IAAI,CAAC,CAAC;EAI/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,eAAe,eAAe;GAClC,IAAI,MAAM,eAAe,QACvB,OAAO,MAAM;GAEf,OAAO,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC;EAClE,CAAC;EAOD,MANsB,eAAe;GACnC,OAAO,GAAG,MAAM,WAAW,GAAG,MAAM,eAAe,GAAG,YAAY,aAAa,GAAG,MAAM,MAAM,GAAG,MAAM,WAAW,GAAG,MAAM,aAAa,GAAG,MAAM;EACnJ,CAIM,SAAqB,UAAU,GAAG,EAAC,WAAU,KAAI,CAAC;EAExD,oBAAkB;GAChB,IAAI,KAAA,MAAc,MAAM,oBACtB,YAAY,QAAQ,MAAM;GAE5B,IAAI,KAAA,MAAc,MAAM,SACtB,KAAK,kBAAkB,IAAI;EAE/B,CAAC;EAGD,eAAe,YAA2B;GAExC,MAAM,OAAO,MAAM,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO;KACP,MAAM;KACN,gBAAgB,aAAa;KAC7B,YAAY,MAAM;KAClB,OAAO,MAAM;KACb,YAAY,MAAM,WAAW,SAAS,MAAM,aAAa,KAAA;KACzD,cAAc,MAAM,aAAa,SAC7B,MAAM,eACN,KAAA;KACJ,gBAAgB,MAAM,eAAe,SACjC,MAAM,iBACN,KAAA;KACJ,MAAM,YAAY,QAAQ,eAAe;KACzC,OAAO,MAAM;KACb,eAAe,CAAC,SAAS,YAAY;KACrC,OAAO,YAAY,SAAS,MAAM,kBAC5B,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE,YAAY,IAC1C,KAAA;KACN,QAAQ,MAAM;IAChB;IACA,mBAAmB;GACrB,CAAC;GACD,QAAQ,QAAQ;GAChB,YAAY,QAAQ,KAAK,OAAO,QAE7B,QAAwB,SAAS,OAAO,IAAI,cAAc,MAAM,SACnE;GACA,QAAQ,QAAQ;EAClB;EACA,SAAS,cAAoB;GAC3B,IAAI,YAAY,OAAO;GACvB,YAAY,QAAQ;GACpB,UAAU;EACZ;EACA,SAAS,aAAmB;GAC1B,IAAI,CAAC,YAAY,OAAO;GACxB,YAAY,QAAQ;GACpB,UAAU;EACZ;;UAxJU,QAAA,SAAO,CAAM,QAAA,SAAO,MAAU,YAAA,MAAY,UAAA,UAAA,GADlD,YA8B4B,mCAAA;;IA5BzB,iBAAe;IACf,gBAAc,YAAA;IACd,eAAa,QAAA;IACb,eAAa,QAAA;IACb,OAAO,QAAA;IACP,MAAM,QAAA;IACN,UAAQ,QAAA;IACR,eAAa,QAAA;IACb,oBAAkB,QAAA;IAClB,aAAW,QAAA;IACX,WAAS,QAAA;IACT,cAAa;IACb,eAAc;;IAEJ,eAAW,cAIlB,CAHF,YAGE,wBAAA;KAFA,OAAM;KACL,gBAAc,QAAA,QAAU,MAAA,CAAA,EAAC,sBAAA,IAA2B,KAAA;oCAEpC,QAAA,SAAA,UAAA,GAAnB,YAOa,oBAAA;;KAPgB,eAAa,YAAA;;KAC7B,cAAY,SAInB,EAJuB,aAAM,CAC/B,YAGE,qBAAA;MAFA,OAAM;MACL,SAAS"}

package/dist/PodcastSwiperList-CY2NOyCN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastSwiperList-CY2NOyCN.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastSwiperList.vue","../src/components/display/podcasts/PodcastSwiperList.vue"],"sourcesContent":["<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n","<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAGb,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,cAAmC,IAAI,CAAC,CAAC;EAI/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,eAAe,eAAe;GAClC,IAAI,MAAM,eAAe,QACvB,OAAO,MAAM;GAEf,OAAO,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC;EAClE,CAAC;EACD,MAAM,gBAAgB,eAAe;GACnC,OAAO,GAAG,MAAM,WAAW,GAAG,MAAM,eAAe,GAAG,YAAY,aAAa,GAAG,MAAM,MAAM,GAAG,MAAM,WAAW,GAAG,MAAM,aAAa,GAAG,MAAM;EACnJ,CAAC;EAID,MAAM,qBAAqB,UAAU,GAAG,EAAC,WAAU,KAAI,CAAC;EAExD,oBAAkB;GAChB,IAAI,KAAA,MAAc,MAAM,oBACtB,YAAY,QAAQ,MAAM;GAE5B,IAAI,KAAA,MAAc,MAAM,SACtB,KAAK,kBAAkB,IAAI;EAE/B,CAAC;EAGD,eAAe,YAA2B;GAExC,MAAM,OAAO,MAAM,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO;KACP,MAAM;KACN,gBAAgB,aAAa;KAC7B,YAAY,MAAM;KAClB,OAAO,MAAM;KACb,YAAY,MAAM,WAAW,SAAS,MAAM,aAAa,KAAA;KACzD,cAAc,MAAM,aAAa,SAC7B,MAAM,eACN,KAAA;KACJ,gBAAgB,MAAM,eAAe,SACjC,MAAM,iBACN,KAAA;KACJ,MAAM,YAAY,QAAQ,eAAe;KACzC,OAAO,MAAM;KACb,eAAe,CAAC,SAAS,YAAY;KACrC,OAAO,YAAY,SAAS,MAAM,kBAC5B,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE,YAAY,IAC1C,KAAA;KACN,QAAQ,MAAM;IAChB;IACA,mBAAmB;GACrB,CAAC;GACD,QAAQ,QAAQ;GAChB,YAAY,QAAQ,KAAK,OAAO,QAE7B,QAAwB,SAAS,OAAO,IAAI,cAAc,MAAM,SACnE;GACA,QAAQ,QAAQ;EAClB;EACA,SAAS,cAAoB;GAC3B,IAAI,YAAY,OAAO;GACvB,YAAY,QAAQ;GACpB,UAAU;EACZ;EACA,SAAS,aAAmB;GAC1B,IAAI,CAAC,YAAY,OAAO;GACxB,YAAY,QAAQ;GACpB,UAAU;EACZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QCxJU,OAAA,WAAO,CAAM,OAAA,WAAO,MAAU,OAAA,YAAY,UAAA,UAAA,GADlD,YA8B4B,OAAA,8BAAA;;EA5BzB,iBAAe;EACf,gBAAc,OAAA;EACd,eAAa,OAAA;EACb,eAAa,OAAA;EACb,OAAO,OAAA;EACP,MAAM,OAAA;EACN,UAAQ,OAAA;EACR,eAAa,OAAA;EACb,oBAAkB,OAAA;EAClB,aAAW,OAAA;EACX,WAAS,OAAA;EACT,cAAa,OAAA;EACb,eAAc,OAAA;;EAEJ,eAAW,cAIlB,CAHF,YAGE,OAAA,mBAAA;GAFA,OAAM;GACL,gBAAc,OAAA,UAAU,OAAA,EAAC,sBAAA,IAA2B,KAAA;kCAEpC,OAAA,WAAA,UAAA,GAAnB,YAOa,OAAA,eAAA;;GAPgB,eAAa,OAAA;;GAC7B,cAAY,SAInB,EAJuB,aAAM,CAC/B,YAGE,OAAA,gBAAA;IAFA,OAAM;IACL,SAAS"}

package/dist/PodcastSwiperList-Cj4G10ln.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastSwiperList-Cj4G10ln.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastSwiperList.vue","../src/components/display/podcasts/PodcastSwiperList.vue"],"sourcesContent":["<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n","<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAGb,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,cAAmC,IAAI,CAAC,CAAC;EAI/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,eAAe,eAAe;GAClC,IAAI,MAAM,eAAe,QACvB,OAAO,MAAM;GAEf,OAAO,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC;EAClE,CAAC;EAOD,MANsB,eAAe;GACnC,OAAO,GAAG,MAAM,WAAW,GAAG,MAAM,eAAe,GAAG,YAAY,aAAa,GAAG,MAAM,MAAM,GAAG,MAAM,WAAW,GAAG,MAAM,aAAa,GAAG,MAAM;EACnJ,CAIM,SAAqB,UAAU,GAAG,EAAC,WAAU,KAAI,CAAC;EAExD,oBAAkB;GAChB,IAAI,KAAA,MAAc,MAAM,oBACtB,YAAY,QAAQ,MAAM;GAE5B,IAAI,KAAA,MAAc,MAAM,SACtB,KAAK,kBAAkB,IAAI;EAE/B,CAAC;EAGD,eAAe,YAA2B;GAExC,MAAM,OAAO,MAAM,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO;KACP,MAAM;KACN,gBAAgB,aAAa;KAC7B,YAAY,MAAM;KAClB,OAAO,MAAM;KACb,YAAY,MAAM,WAAW,SAAS,MAAM,aAAa,KAAA;KACzD,cAAc,MAAM,aAAa,SAC7B,MAAM,eACN,KAAA;KACJ,gBAAgB,MAAM,eAAe,SACjC,MAAM,iBACN,KAAA;KACJ,MAAM,YAAY,QAAQ,eAAe;KACzC,OAAO,MAAM;KACb,eAAe,CAAC,SAAS,YAAY;KACrC,OAAO,YAAY,SAAS,MAAM,kBAC5B,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE,YAAY,IAC1C,KAAA;KACN,QAAQ,MAAM;IAChB;IACA,mBAAmB;GACrB,CAAC;GACD,QAAQ,QAAQ;GAChB,YAAY,QAAQ,KAAK,OAAO,QAE7B,QAAwB,SAAS,OAAO,IAAI,cAAc,MAAM,SACnE;GACA,QAAQ,QAAQ;EAClB;EACA,SAAS,cAAoB;GAC3B,IAAI,YAAY,OAAO;GACvB,YAAY,QAAQ;GACpB,UAAU;EACZ;EACA,SAAS,aAAmB;GAC1B,IAAI,CAAC,YAAY,OAAO;GACxB,YAAY,QAAQ;GACpB,UAAU;EACZ;;UAxJU,QAAA,SAAO,CAAM,QAAA,SAAO,MAAU,YAAA,MAAY,UAAA,UAAA,GADlD,YA8B4B,mCAAA;;IA5BzB,iBAAe;IACf,gBAAc,YAAA;IACd,eAAa,QAAA;IACb,eAAa,QAAA;IACb,OAAO,QAAA;IACP,MAAM,QAAA;IACN,UAAQ,QAAA;IACR,eAAa,QAAA;IACb,oBAAkB,QAAA;IAClB,aAAW,QAAA;IACX,WAAS,QAAA;IACT,cAAa;IACb,eAAc;;IAEJ,eAAW,cAIlB,CAHF,YAGE,wBAAA;KAFA,OAAM;KACL,gBAAc,QAAA,QAAU,MAAA,CAAA,EAAC,sBAAA,IAA2B,KAAA;oCAEpC,QAAA,SAAA,UAAA,GAAnB,YAOa,oBAAA;;KAPgB,eAAa,YAAA;;KAC7B,cAAY,SAInB,EAJuB,aAAM,CAC/B,YAGE,qBAAA;MAFA,OAAM;MACL,SAAS"}

package/dist/PodcastSwiperList-DI-90c4F.mjs

@@ -0,0 +1,191 @@
+import { t as ClassicLoading_default } from "./ClassicLoading-DZLIyuUd.mjs";
+import { r as useFilterStore, t as classicApi_default } from "./classicApi-BKNiWOG4.mjs";
+import { t as SwiperList_default } from "./SwiperList-BKiF8jIc.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-6qkOg90q.mjs";
+import { t as PodcastInlineListTemplate_default } from "./PodcastInlineListTemplate-CiuRCR7t.mjs";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, unref, watch, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import dayjs from "dayjs";
+//#endregion
+//#region src/components/display/podcasts/PodcastSwiperList.vue
+var PodcastSwiperList_default = /* @__PURE__ */ defineComponent({
+	__name: "PodcastSwiperList",
+	props: {
+		organisationId: {
+			default: () => [],
+			type: Array
+		},
+		emissionId: {
+			default: void 0,
+			type: Number
+		},
+		iabId: {
+			default: void 0,
+			type: Number
+		},
+		title: {
+			default: "",
+			type: String
+		},
+		href: {
+			default: void 0,
+			type: String
+		},
+		buttonText: {
+			default: void 0,
+			type: String
+		},
+		isArrow: {
+			default: false,
+			type: Boolean
+		},
+		requirePopularSort: {
+			default: void 0,
+			type: Boolean
+		},
+		buttonPlus: {
+			default: false,
+			type: Boolean
+		},
+		rubriqueId: {
+			default: () => [],
+			type: Array
+		},
+		rubriquageId: {
+			default: () => [],
+			type: Array
+		},
+		noRubriquageId: {
+			default: () => [],
+			type: Array
+		},
+		query: {
+			default: void 0,
+			type: String
+		},
+		/** Filter on season */
+		season: {
+			default: void 0,
+			type: Number
+		},
+		lastThreeMonths: {
+			default: false,
+			type: Boolean
+		},
+		titleTag: {
+			default: "h2",
+			type: String
+		},
+		/** The podcast from which suggestions are made */
+		podcastId: { type: Number },
+		/** Hide sort options */
+		noSort: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["update:isArrow"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const loading = ref(true);
+		const popularSort = ref(false);
+		const allPodcasts = ref([]);
+		const { t } = useI18n();
+		const filterStore = useFilterStore();
+		const organisation = computed(() => {
+			if (props.organisationId.length) return props.organisationId;
+			return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];
+		});
+		watch(computed(() => {
+			return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;
+		}), () => fetchNext(), { immediate: true });
+		onBeforeMount(() => {
+			if (void 0 !== props.requirePopularSort) popularSort.value = props.requirePopularSort;
+			if (void 0 !== props.isArrow) emit("update:isArrow", true);
+		});
+		async function fetchNext() {
+			const data = await classicApi_default.fetchData({
+				api: 0,
+				path: "podcast/search",
+				parameters: {
+					first: 0,
+					size: 12,
+					organisationId: organisation.value,
+					emissionId: props.emissionId,
+					iabId: props.iabId,
+					rubriqueId: props.rubriqueId.length ? props.rubriqueId : void 0,
+					rubriquageId: props.rubriquageId.length ? props.rubriquageId : void 0,
+					noRubriquageId: props.noRubriquageId.length ? props.noRubriquageId : void 0,
+					sort: popularSort.value ? "POPULARITY" : "DATE",
+					query: props.query,
+					includeStatus: ["READY", "PROCESSING"],
+					after: popularSort.value && props.lastThreeMonths ? dayjs().subtract(3, "months").toISOString() : void 0,
+					season: props.season
+				},
+				specialTreatement: true
+			});
+			loading.value = true;
+			allPodcasts.value = data.result.filter((pod) => null !== pod && pod.podcastId !== props.podcastId);
+			loading.value = false;
+		}
+		function sortPopular() {
+			if (popularSort.value) return;
+			popularSort.value = true;
+			fetchNext();
+		}
+		function sortChrono() {
+			if (!popularSort.value) return;
+			popularSort.value = false;
+			fetchNext();
+		}
+		return (_ctx, _cache) => {
+			return loading.value || !loading.value && 0 !== allPodcasts.value.length ? (openBlock(), createBlock(PodcastInlineListTemplate_default, {
+				key: 0,
+				"display-arrow": false,
+				"popular-sort": popularSort.value,
+				"button-text": __props.buttonText,
+				"button-plus": __props.buttonPlus,
+				title: __props.title,
+				href: __props.href,
+				"iab-id": __props.iabId,
+				"rubrique-id": __props.rubriqueId,
+				"no-rubriquage-id": __props.noRubriquageId,
+				"title-tag": __props.titleTag,
+				"no-sort": __props.noSort,
+				onSortChrono: sortChrono,
+				onSortPopular: sortPopular
+			}, {
+				"list-inline": withCtx(() => [createVNode(ClassicLoading_default, {
+					class: "loading-size",
+					"loading-text": loading.value ? unref(t)("Loading podcasts ...") : void 0
+				}, null, 8, ["loading-text"]), !loading.value ? (openBlock(), createBlock(SwiperList_default, {
+					key: 0,
+					"list-object": allPodcasts.value
+				}, {
+					octopusSlide: withCtx(({ option }) => [createVNode(PodcastItem_default, {
+						class: "flex-shrink-0 item-phone-margin",
+						podcast: option
+					}, null, 8, ["podcast"])]),
+					_: 1
+				}, 8, ["list-object"])) : createCommentVNode("", true)]),
+				_: 1
+			}, 8, [
+				"popular-sort",
+				"button-text",
+				"button-plus",
+				"title",
+				"href",
+				"iab-id",
+				"rubrique-id",
+				"no-rubriquage-id",
+				"title-tag",
+				"no-sort"
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { PodcastSwiperList_default as default };
+
+//# sourceMappingURL=PodcastSwiperList-DI-90c4F.mjs.map

package/dist/PodcastSwiperList-DI-90c4F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastSwiperList-DI-90c4F.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastSwiperList.vue","../src/components/display/podcasts/PodcastSwiperList.vue"],"sourcesContent":["<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n","<template>\n  <PodcastInlineListTemplate\n    v-if=\"loading || (!loading && 0 !== allPodcasts.length)\"\n    :display-arrow=\"false\"\n    :popular-sort=\"popularSort\"\n    :button-text=\"buttonText\"\n    :button-plus=\"buttonPlus\"\n    :title=\"title\"\n    :href=\"href\"\n    :iab-id=\"iabId\"\n    :rubrique-id=\"rubriqueId\"\n    :no-rubriquage-id=\"noRubriquageId\"\n    :title-tag=\"titleTag\"\n    :no-sort=\"noSort\"\n    @sort-chrono=\"sortChrono\"\n    @sort-popular=\"sortPopular\"\n  >\n    <template #list-inline>\n      <ClassicLoading\n        class=\"loading-size\"\n        :loading-text=\"loading ? t('Loading podcasts ...') : undefined\"\n      />\n      <SwiperList v-if=\"!loading\" :list-object=\"allPodcasts\">\n        <template #octopusSlide=\"{ option }\">\n          <PodcastItem\n            class=\"flex-shrink-0 item-phone-margin\"\n            :podcast=\"option\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </PodcastInlineListTemplate>\n</template>\n\n<script setup lang=\"ts\">\nimport dayjs from \"dayjs\";\nimport PodcastInlineListTemplate from \"./PodcastInlineListTemplate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"./PodcastItem.vue\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: () => [], type: Array as () => Array<string> },\n  emissionId: { default: undefined, type: Number },\n  iabId: { default: undefined, type: Number },\n  title: { default: \"\", type: String },\n  href: { default: undefined, type: String },\n  buttonText: { default: undefined, type: String },\n  isArrow: { default: false, type: Boolean },\n  requirePopularSort: { default: undefined, type: Boolean },\n  buttonPlus: { default: false, type: Boolean },\n  rubriqueId: { default: () => [], type: Array as () => Array<number> },\n  rubriquageId: { default: () => [], type: Array as () => Array<number> },\n  noRubriquageId: { default: () => [], type: Array as () => Array<number> },\n  query: { default: undefined, type: String },\n  /** Filter on season */\n  season: { default: undefined, type: Number },\n  lastThreeMonths: { default: false, type: Boolean },\n  titleTag: { default: \"h2\", type: String },\n  /** The podcast from which suggestions are made */\n  podcastId: { type: Number },\n  /** Hide sort options */\n  noSort: { default: false, type: Boolean }\n})\n\n//Emits\nconst emit = defineEmits([\"update:isArrow\"]);\n\n//Data \nconst loading = ref(true);\nconst popularSort = ref(false);\nconst allPodcasts: Ref<Array<Podcast>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n//Computed\nconst organisation = computed(() => {\n  if (props.organisationId.length) {\n    return props.organisationId;\n  }\n  return filterStore.filterOrgaId ? [filterStore.filterOrgaId] : [];\n});\nconst watchVariable = computed(() => {\n  return `${props.emissionId}|${props.organisationId}|${filterStore.filterOrgaId}|${props.iabId}|${props.rubriqueId}|${props.rubriquageId}|${props.query}`;\n});\n\n\n//Watch\nwatch(watchVariable, () => fetchNext(), {immediate:true});\n\nonBeforeMount(()=>{\n  if (undefined !== props.requirePopularSort) {\n    popularSort.value = props.requirePopularSort;\n  }\n  if (undefined !== props.isArrow) {\n    emit(\"update:isArrow\", true);\n  }\n})\n\n//Methods\nasync function fetchNext(): Promise<void> {\n  // TODO use podcastApi\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: 0,\n      size: 12,\n      organisationId: organisation.value,\n      emissionId: props.emissionId,\n      iabId: props.iabId,\n      rubriqueId: props.rubriqueId.length ? props.rubriqueId : undefined,\n      rubriquageId: props.rubriquageId.length\n        ? props.rubriquageId\n        : undefined,\n      noRubriquageId: props.noRubriquageId.length\n        ? props.noRubriquageId\n        : undefined,\n      sort: popularSort.value ? \"POPULARITY\" : \"DATE\",\n      query: props.query,\n      includeStatus: [\"READY\", \"PROCESSING\"],\n      after: popularSort.value && props.lastThreeMonths\n          ? dayjs().subtract(3, \"months\").toISOString()\n          : undefined,\n      season: props.season\n    },\n    specialTreatement: true,\n  });\n  loading.value = true;\n  allPodcasts.value = data.result.filter(\n    // Exclude empty podcasts and current podcast\n    (pod: Podcast | null) => null !== pod && pod.podcastId !== props.podcastId\n  );\n  loading.value = false;\n}\nfunction sortPopular(): void {\n  if (popularSort.value) return;\n  popularSort.value = true;\n  fetchNext();\n}\nfunction sortChrono(): void {\n  if (!popularSort.value) return;\n  popularSort.value = false;\n  fetchNext();\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAGb,MAAM,UAAU,IAAI,IAAI;EACxB,MAAM,cAAc,IAAI,KAAK;EAC7B,MAAM,cAAmC,IAAI,CAAC,CAAC;EAI/C,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,eAAe,eAAe;GAClC,IAAI,MAAM,eAAe,QACvB,OAAO,MAAM;GAEf,OAAO,YAAY,eAAe,CAAC,YAAY,YAAY,IAAI,CAAC;EAClE,CAAC;EAOD,MANsB,eAAe;GACnC,OAAO,GAAG,MAAM,WAAW,GAAG,MAAM,eAAe,GAAG,YAAY,aAAa,GAAG,MAAM,MAAM,GAAG,MAAM,WAAW,GAAG,MAAM,aAAa,GAAG,MAAM;EACnJ,CAIM,SAAqB,UAAU,GAAG,EAAC,WAAU,KAAI,CAAC;EAExD,oBAAkB;GAChB,IAAI,KAAA,MAAc,MAAM,oBACtB,YAAY,QAAQ,MAAM;GAE5B,IAAI,KAAA,MAAc,MAAM,SACtB,KAAK,kBAAkB,IAAI;EAE/B,CAAC;EAGD,eAAe,YAA2B;GAExC,MAAM,OAAO,MAAM,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO;KACP,MAAM;KACN,gBAAgB,aAAa;KAC7B,YAAY,MAAM;KAClB,OAAO,MAAM;KACb,YAAY,MAAM,WAAW,SAAS,MAAM,aAAa,KAAA;KACzD,cAAc,MAAM,aAAa,SAC7B,MAAM,eACN,KAAA;KACJ,gBAAgB,MAAM,eAAe,SACjC,MAAM,iBACN,KAAA;KACJ,MAAM,YAAY,QAAQ,eAAe;KACzC,OAAO,MAAM;KACb,eAAe,CAAC,SAAS,YAAY;KACrC,OAAO,YAAY,SAAS,MAAM,kBAC5B,MAAM,EAAE,SAAS,GAAG,QAAQ,EAAE,YAAY,IAC1C,KAAA;KACN,QAAQ,MAAM;IAChB;IACA,mBAAmB;GACrB,CAAC;GACD,QAAQ,QAAQ;GAChB,YAAY,QAAQ,KAAK,OAAO,QAE7B,QAAwB,SAAS,OAAO,IAAI,cAAc,MAAM,SACnE;GACA,QAAQ,QAAQ;EAClB;EACA,SAAS,cAAoB;GAC3B,IAAI,YAAY,OAAO;GACvB,YAAY,QAAQ;GACpB,UAAU;EACZ;EACA,SAAS,aAAmB;GAC1B,IAAI,CAAC,YAAY,OAAO;GACxB,YAAY,QAAQ;GACpB,UAAU;EACZ;;UAxJU,QAAA,SAAO,CAAM,QAAA,SAAO,MAAU,YAAA,MAAY,UAAA,UAAA,GADlD,YA8B4B,mCAAA;;IA5BzB,iBAAe;IACf,gBAAc,YAAA;IACd,eAAa,QAAA;IACb,eAAa,QAAA;IACb,OAAO,QAAA;IACP,MAAM,QAAA;IACN,UAAQ,QAAA;IACR,eAAa,QAAA;IACb,oBAAkB,QAAA;IAClB,aAAW,QAAA;IACX,WAAS,QAAA;IACT,cAAa;IACb,eAAc;;IAEJ,eAAW,cAIlB,CAHF,YAGE,wBAAA;KAFA,OAAM;KACL,gBAAc,QAAA,QAAU,MAAA,CAAA,EAAC,sBAAA,IAA2B,KAAA;oCAEpC,QAAA,SAAA,UAAA,GAAnB,YAOa,oBAAA;;KAPgB,eAAa,YAAA;;KAC7B,cAAY,SAInB,EAJuB,aAAM,CAC/B,YAGE,qBAAA;MAFA,OAAM;MACL,SAAS"}