@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/PodcastInlineListTemplate-CiXIYnv7.mjs.map

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

package/dist/PodcastInlineListTemplate-CpLRagzE.mjs.map

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

package/dist/PodcastInlineListTemplate-D9_3zHeM.mjs.map

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

package/dist/PodcastInlineListTemplate-DJSNNFOh.mjs.map

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

package/dist/PodcastInlineListTemplate-PnoLyihJ.mjs.map

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

package/dist/PodcastIsPlaying-640MMTTV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-640MMTTV.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;sCAcoB,eAAA,EAAA;;;;;;;;;;;qBCblB,mBAOM,OAAA,EANH,OAAK,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastIsPlaying-BfKDPivV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-BfKDPivV.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;sCAcoB,eAAA,EAAA;;;;;;;;;;;qBCblB,mBAOM,OAAA,EANH,OAAK,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastIsPlaying-CjnQmJ0x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-CjnQmJ0x.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;sCAcoB,eAAA,EAAA;;;;;;;;;;;qBCblB,mBAOM,OAAA,EANH,OAAK,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastIsPlaying-DMXKbEjS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-DMXKbEjS.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;sCAcoB,eAAA,EAAA;;;;;;;;;;;qBCblB,mBAOM,OAAA,EANH,OAAK,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastIsPlaying-DpUjmLlW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-DpUjmLlW.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;sCAcoB,eAAA,EAAA;;;;;;;;;;;qBCblB,mBAOM,OAAA,EANH,OAAK,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastIsPlaying-DqnPEYSJ.mjs

@@ -0,0 +1,30 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { n as usePlayerStore } from "./PlayerStore-7vhL8Npe.mjs";
+import { createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock } from "vue";
+//#region src/components/display/podcasts/PodcastIsPlaying.vue?vue&type=script&setup=true&lang.ts
+var PodcastIsPlaying_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PodcastIsPlaying",
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const __returned__ = { playerStore: usePlayerStore() };
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/podcasts/PodcastIsPlaying.vue
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", { class: normalizeClass(["PLAYING" === $setup.playerStore.playerStatus ? "play-animation" : "", "bloc-paddle mx-1"]) }, [..._cache[0] || (_cache[0] = [
+		createElementVNode("span", { class: "paddle1" }, null, -1),
+		createElementVNode("span", { class: "paddle2" }, null, -1),
+		createElementVNode("span", { class: "paddle3" }, null, -1)
+	])], 2);
+}
+var PodcastIsPlaying_default = /*#__PURE__*/ _plugin_vue_export_helper_default(PodcastIsPlaying_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/podcasts/PodcastIsPlaying.vue"]]);
+//#endregion
+export { PodcastIsPlaying_default as default };
+
+//# sourceMappingURL=PodcastIsPlaying-DqnPEYSJ.mjs.map

package/dist/PodcastIsPlaying-DqnPEYSJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-DqnPEYSJ.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;sCAcoB,eAAA,EAAA;;;;;;;;;;;qBCblB,mBAOM,OAAA,EANH,OAAK,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastIsPlaying-j9a5pcJu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-j9a5pcJu.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastIsPlaying.vue","../src/components/display/podcasts/PodcastIsPlaying.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>","<template>\n  <div\n    :class=\"'PLAYING' === playerStore.playerStatus ? 'play-animation' : ''\"\n    class=\"bloc-paddle mx-1\"\n  >\n    <span class=\"paddle1\" />\n    <span class=\"paddle2\" />\n    <span class=\"paddle3\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\n\nconst playerStore = usePlayerStore();\n</script>"],"mappings":";;;;;;;;sCAcoB,eAAA,EAAA;;;;;;;;;;;qBCblB,mBAOM,OAAA,EANH,OAAK,eAAA,CAAA,cAAgB,OAAA,YAAY,eAAY,mBAAA,IACxC,kBAAkB,CAAA,EAAA,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA;EAExB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA;EACrB,mBAAwB,QAAA,EAAlB,OAAM,UAAS,GAAA,MAAA,EAAA"}

package/dist/PodcastItem-B2omNjKA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-B2omNjKA.mjs","names":[],"sources":["../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItem.vue","../src/components/display/podcasts/PodcastItem.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastItem-BTKSsuZY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-BTKSsuZY.mjs","names":[],"sources":["../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItem.vue","../src/components/display/podcasts/PodcastItem.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastItem-BUe2ZVg7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-BUe2ZVg7.mjs","names":[],"sources":["../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItem.vue","../src/components/display/podcasts/PodcastItem.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/PodcastItem-DlzucX-c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-DlzucX-c.mjs","names":[],"sources":["../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/AnimatorsItem.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItemInfo.vue","../src/components/display/podcasts/PodcastItem.vue","../src/components/display/podcasts/PodcastItem.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n  <div\n    v-if=\"animator\"\n    class=\"d-flex align-items-center justify-content-start animators-item\"\n  >\n    <router-link\n      :to=\"{\n        name: 'participant',\n        params: { participantId: animator.participantId },\n      }\"\n      :title=\"t('Participant name page', { name: animatorName })\"\n      class=\"podcast-item-animator text-truncate\"\n    >\n      {{ animatorName }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  animator: { default: undefined, type: Object as () => Participant },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst animatorName = computed(() => `${props.animator?.firstName ?? \"\"} ${ props.animator?.lastName ?? \"\"}`.trim());\n\n</script>\n\n<style lang=\"scss\">\n.octopus-app .podcast-item-animator {\n  font-size: 0.55rem;\n  font-weight: 300;\n  text-transform: capitalize;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n    <div class=\"podcast-item-info\">\n        <div class=\"podcast-item-status text-secondary h6 mx-2\">\n            <time :datetime=\"podcast.pubDate\">\n                {{ date }}\n            </time>\n\n            <PodcastSeasonInfo :podcast=\"podcast\" />\n        </div>\n\n        <router-link\n            :to=\"{\n                name: 'podcast',\n                params: { podcastId: podcast.podcastId },\n            }\"\n            class=\"text-dark flex-grow-1 title-podcast-item basic-line-clamp three-line\"\n            :title=\"t('Episode name page', { name: podcast.title })\"\n        >\n            <RightsIndicator\n                inline\n                :podcast=\"podcast\"\n                action=\"edit\"\n            />\n            {{ podcast.title }}\n        </router-link>\n\n        <PodcastPlayBar\n            v-if=\"state.emissionsPage.progressBar\"\n            :display-buton-play=\"true\"\n            :podcast=\"podcast\"\n            class=\"me-2\"\n        />\n\n        <div class=\"mx-2 d-flex align-items-center justify-content-between mt-2\">\n            <div v-if=\"isPodcastmaker\" class=\"useless-div-for-podcastmaker\" />\n            <AnimatorsItem\n                v-if=\"podcast.animators && 0 !== podcast.animators.length\"\n                class=\"w-0 flex-grow-1\"\n                :animator=\"podcast.animators[0]\"\n            />\n            <router-link\n                v-if=\"!isPodcastmaker\"\n                :to=\"{\n                    name: 'productor',\n                    params: { productorId: podcast.organisation.id },\n                }\"\n                class=\"text-dark producer-podcast-item\"\n            >\n                {{ \"© \" + orgaNameDisplay }}\n            </router-link>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport AnimatorsItem from \"./AnimatorsItem.vue\";\nimport RightsIndicator from \"../RightsIndicator.vue\"; \nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { useI18n } from \"vue-i18n\";\nimport PodcastSeasonInfo from \"./PodcastSeasonInfo.vue\";\nimport { useDayjs } from \"../../composable/useDayjs\";\n\nconst PodcastPlayBar = defineAsyncComponent(\n    () => import(\"./PodcastPlayBar.vue\"),\n);\n\n//Props \nconst props = defineProps({\n    podcast: { default: () => ({}), type: Object as () => Podcast },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker } = useOrgaComputed();\n\n//Computed\nconst { formatDate } = useDayjs();\n\nconst date = computed((): string => {\n    return formatDate(props.podcast.pubDate);\n});\n\nconst orgaNameDisplay = computed(() =>{\n    if (props.podcast.organisation.name.length > 30) {\n        return props.podcast.organisation.name.substring(0, 30) + \"...\";\n    }\n    return props.podcast.organisation.name;\n});\n</script>\n\n<style scoped lang=\"scss\">\n.title-podcast-item {\n    font-weight: 700;\n    margin: 0.25rem 0.5rem 0.5rem;\n    flex-grow: 1;\n    font-size: 0.9rem;\n    min-height: 3rem;\n    line-height: 1rem;\n}\n\n.producer-podcast-item {\n    font-size: 0.55rem;\n    color: var(--octopus-gray-text);\n    flex-shrink: 0;\n}\n\n.podcast-item-status {\n    display: flex;\n    justify-content: space-between;\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <article\n    class=\"podcast-item-container border\"\n    :data-pubdate=\"displayDate\"\n    :data-count=\"podcast.downloadCount\"\n  >\n    <PodcastImage\n      :podcast=\"podcast\"\n      :hide-play=\"hoverDesc && 0 !== description.length\"\n      :display-description=\"0 !== description.length\"\n      :arrow-direction=\"arrowDirection\"\n      :fetch-conference=\"fetchConference\"\n      @hide-description=\"hideDescription\"\n      @show-description=\"showDescription\"\n    />\n    <div\n      v-if=\"hoverDesc\"\n      ref=\"descriptionPodcastContainer\"\n      class=\"element-description description-podcast-item html-wysiwyg-content\"\n      :class=\"[\n        hoverDesc && '' !== description ? 'visible' : 'invisible',\n        !isMobile && isDescriptionBig ? 'after-element-description' : 'mobile-description-podcast-item',\n      ]\"\n    >\n      <!-- eslint-disable vue/no-v-html -->\n      <div ref=\"descriptionPodcast\" v-html=\"displayHelper.urlify(description)\" />\n      <!-- eslint-enable -->\n    </div>\n    <div\n      @mouseenter=\"debounceShowDescriptionEvent\"\n      @mouseleave=\"debounceHideDescriptionEvent\"\n    >\n      <PodcastItemInfo\n        :podcast=\"podcast\"\n      />\n    </div>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport debounce from '../../../helper/debounceHelper';\nimport PodcastItemInfo from \"./PodcastItemInfo.vue\";\nimport PodcastImage from \"./PodcastImage.vue\";\nimport dayjs from \"dayjs\";\nimport { Podcast } from \"../../../stores/class/general/podcast\";\nimport { computed, nextTick, onBeforeMount, ref, Ref, useTemplateRef } from \"vue\";\nimport { Conference } from \"@/stores/class/conference/conference\";\n\nimport displayHelper from \"../../../helper/displayHelper\";\n\n//Props \nconst props = defineProps<{\n  podcast: Podcast;\n  fetchConference?: Conference;\n}>();\n\n//Data \nconst isMobile = ref(false);\nconst firstDisplayDesc = ref(false);\nconst hoverDesc = ref(false);\nconst arrowDirection = ref(\"up\");\nconst isDescriptionBig = ref(false);\nconst debounceShowDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst debounceHideDescriptionEvent: Ref< undefined | (() => void)> = ref(undefined);\nconst descriptionPodcastRef = useTemplateRef('descriptionPodcast');\nconst descriptionPodcastContainerRef = useTemplateRef('descriptionPodcastContainer');\n\n//Computed\nconst displayDate = computed(() => dayjs(props.podcast.pubDate).format());\nconst description = computed(() => props.podcast.description ?? \"\");\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n  debounceShowDescriptionEvent.value = debounce(showDescription, 100);\n  debounceHideDescriptionEvent.value = debounce(hideDescription, 100);\n})\n\n//Methods\nfunction initDescription(): void {\n  if (firstDisplayDesc.value) {\n    return;\n  }\n  const podcastDesc = descriptionPodcastRef?.value as HTMLElement;\n  const podcastDescContainer = descriptionPodcastContainerRef?.value as HTMLElement;\n  if (podcastDesc?.clientHeight > podcastDescContainer?.clientHeight) {\n    isDescriptionBig.value = true;\n  }\n  firstDisplayDesc.value = true;\n}\nfunction showDescription(): void {\n  arrowDirection.value = \"down\";\n  hoverDesc.value = true;\n  nextTick(() => {\n    initDescription();\n  });\n}\nfunction hideDescription(): void {\n  arrowDirection.value = \"up\";\n  hoverDesc.value = false;\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .podcast-item-container {\n    display: flex;\n    flex-direction: column;\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    width: var(--octopus-podcast-size);\n    height: 20.5rem;\n    overflow: hidden;\n    text-align: left;\n    background: var(--octopus-background);\n    flex-shrink: 0;\n\n    .description-podcast-item {\n      --octopus-max-height-description: var(--octopus-podcast-size);\n\n      padding: 1rem;\n      background-color: oklch(from var(--octopus-background) l c h / 90%);\n      position: absolute;\n      width: var(--octopus-podcast-size);\n      height: var(--octopus-podcast-size);\n      margin-top:0;\n\n      &.mobile-description-podcast-item {\n        overflow: auto;\n      }\n    }\n\n    @media (width <= 450px) {\n      width: var(--octopus-image-size);\n      height: 19rem;\n\n      .description-podcast-item {\n        height: var(--octopus-image-size);\n        width: var(--octopus-image-size);\n      }\n    }\n  }\n}\n</style>\n"],"mappings":"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"}