@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/PodcastImage-DrV8oxG8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastImage-DrV8oxG8.mjs","names":[],"sources":["../src/components/display/podcasts/PodcastImage.vue","../src/components/display/podcasts/PodcastImage.vue"],"sourcesContent":["<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .live-image-status {\n    text-align: center;\n    width: 100%;\n    font-size: 0.6rem;\n    padding: 0.2rem 0;\n    color: white;\n    text-transform: uppercase;\n    position: absolute;\n    top: 0;\n  }\n\n  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n","<!--\n  Component to display the image of a podcast.\n  May also display additional information, for example when an error occured\n  when processing the file (using PodcastPlayButton).\n-->\n<template>\n  <div\n    v-if=\"podcast\"\n    class=\"img-box img-box-podcast mb-3 flex-column justify-content-start align-items-start position-relative flex-shrink-0 float-start\"\n  >\n    <router-link\n      :to=\"{\n        name: 'podcast',\n        params: { podcastId: podcast.podcastId },\n      }\"\n      :title=\"t('Episode name page', { name: podcast.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(podcast.imageUrl, '270')\"\n        width=\"270\"\n        height=\"270\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        class=\"img-box img-box-podcast\"\n        :title=\"t('Episode name image', { name: podcast.title })\"\n      >\n    </router-link>\n    <div\n      v-if=\"state.generalParameters.podcastmaker\"\n      :class=\"mainRubrique ? 'mainRubrique' : 'notMainRubrique'\"\n    />\n    <div\n      v-if=\"fetchConference\"\n      class=\"live-image-status\"\n      :class=\"\n        fetchConference && 'null' !== fetchConference && fetchConference.status\n          ? fetchConference.status.toLowerCase() + '-bg'\n          : ''\n      \"\n    >\n      {{ statusText }}\n    </div>\n    <div v-if=\"isRecordedInLive\" class=\"live-image-status recording-bg\">\n      {{ t(\"Recorded in live\") }}\n    </div>\n    <PodcastPlayButton\n      :podcast=\"podcast\"\n      :hide-play=\"hidePlay\"\n      :fetch-conference=\"fetchConference\"\n      :show-processing=\"isAuthenticated\"\n    />\n    <button\n      v-if=\"displayDescription && isMobile\"\n      class=\"background-icon bg-dark text-white\"\n      :title=\"isDescription ? t('Hide description') : t('Show description')\"\n      @click=\"showDescription\"\n    >\n      <ChevronDownIcon :class=\"{ 'arrow-transform': !isDescription }\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport PodcastPlayButton from \"./PodcastPlayButton.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport { computed, onBeforeMount, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: () => ({}), type: Object as () => Podcast },\n  hidePlay: { default: false, type: Boolean },\n  displayDescription: { default: false, type: Boolean },\n  arrowDirection: { default: \"up\", type: String },\n  isAnimatorLive: { default: false, type: Boolean },\n  fetchConference: { default: undefined, type: Object as () => Conference }\n})\n\n//Emits\nconst emit = defineEmits([\"hideDescription\", \"showDescription\"]);\n\n//Data \nconst isDescription = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isAuthenticated } = useAuthStore();\n\n//Computed\nconst mainRubrique = computed(() => {\n  return (\n    undefined !== state.podcastPage.mainRubrique &&\n    0 !== state.podcastPage.mainRubrique &&\n    (props.podcast?.rubriqueIds?.includes(\n      state.podcastPage.mainRubrique,\n    ) as boolean)\n  );\n});\nconst isRecordedInLive = computed(() => {\n  return (\n    undefined === props.fetchConference &&\n    undefined !== props.podcast.conferenceId &&\n    \"READY_TO_RECORD\" !== props.podcast.processingStatus\n  );\n});\nconst statusText = computed(() => {\n  if (!props.fetchConference) {\n    return \"\";\n  }\n\n  switch (props.fetchConference.status) {\n    case \"PLANNED\":\n      return t(\"live in few time\");\n\n    case \"PENDING\":\n      if (props.isAnimatorLive) {\n        return t(\"Open studio\");\n      } else {\n        return t(\"live upcoming\");\n      }\n\n    case \"RECORDING\":\n      return t(\"In live\");\n\n    case \"DEBRIEFING\":\n      if (\"READY_TO_RECORD\" === props.podcast.processingStatus) {\n        return t(\"Not recording\");\n      } else {\n        return t(\"Debriefing\");\n      }\n\n    case \"ERROR\":\n      return t(\"In error\");\n\n    case \"PUBLISHING\":\n      return t(\"Publishing\");\n\n    default:\n      return \"\";\n  }\n});\n\n\n//Watch\nwatch(()=>props.arrowDirection, () => {\n  if (\"up\" === props.arrowDirection) {\n    isDescription.value = true;\n    showDescription();\n  } else {\n    isDescription.value = false;\n    showDescription();\n  }\n});\n\n\nonBeforeMount(()=>{\n  isMobile.value = window.matchMedia(\"(hover: none)\").matches;\n})\n\n//Methods\nfunction showDescription(): void {\n  if (isDescription.value) {\n    emit(\"hideDescription\");\n  } else {\n    emit(\"showDescription\");\n  }\n  isDescription.value = !isDescription.value;\n}\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n  .live-image-status {\n    text-align: center;\n    width: 100%;\n    font-size: 0.6rem;\n    padding: 0.2rem 0;\n    color: white;\n    text-transform: uppercase;\n    position: absolute;\n    top: 0;\n  }\n\n  .background-icon {\n    border-radius: 50%;\n    width: 44px;\n    height: 44px;\n    font-size: 0.7rem;\n    right: 0;\n    bottom: 0;\n    margin: 5px;\n    position: absolute;\n    cursor: pointer;\n    z-index: 3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/{PodcastInlineList-CVWfH5np.mjs → PodcastInlineList-B7-2QswT.mjs}

@@ -73,7 +73,7 @@ var PodcastInlineList_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*
 	emits: ["update:isArrow"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
-		const PodcastSwiperList = defineAsyncComponent(() => import("./PodcastSwiperList-DJ0O3dqM.mjs"));
+		const PodcastSwiperList = defineAsyncComponent(() => import("./PodcastSwiperList-BhulNkN-.mjs"));
 		const emit = __emit;
 		function updateArrow(value) {
 			emit("update:isArrow", value);
@@ -135,4 +135,4 @@ var PodcastInlineList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 //#endregion
 export { PodcastInlineList_exports as n, PodcastInlineList_default as t };
 
-//# sourceMappingURL=PodcastInlineList-CVWfH5np.mjs.map
+//# sourceMappingURL=PodcastInlineList-B7-2QswT.mjs.map

package/dist/PodcastInlineList-B7-2QswT.mjs.map

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

package/dist/PodcastInlineList-BVMV6Wvd.mjs.map

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

package/dist/PodcastInlineList-BXPpF0YD.mjs.map

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

package/dist/PodcastInlineList-CLjO1SpD.mjs.map

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

package/dist/PodcastInlineList-Cf5YF0j9.mjs.map

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

package/dist/PodcastInlineListTemplate-BX0tXOFx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastInlineListTemplate-BX0tXOFx.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-BWw1Ix-7.mjs → PodcastInlineListTemplate-DCWn3r7s.mjs}

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { r as useFilterStore } from "./classicApi-CkDHWZG1.mjs";
-import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam--x07HEw1.mjs";
-import { t as useRubriquesFilterComputed } from "./useRubriquesFilterComputed-VsdTUNL6.mjs";
+import { r as useFilterStore } from "./classicApi-xjOqAovv.mjs";
+import { t as useRubriquesFilterParam } from "./useRubriquesFilterParam-Delgf48y.mjs";
+import { t as useRubriquesFilterComputed } from "./useRubriquesFilterComputed-BkDeXTf-.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, resolveComponent, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
 import PlusIcon from "vue-material-design-icons/Plus.vue";
 import { useI18n } from "vue-i18n";
@@ -230,4 +230,4 @@ var PodcastInlineListTemplate_default = /*#__PURE__*/ _plugin_vue_export_helper_
 //#endregion
 export { PodcastInlineListTemplate_default as t };
 
-//# sourceMappingURL=PodcastInlineListTemplate-BWw1Ix-7.mjs.map
+//# sourceMappingURL=PodcastInlineListTemplate-DCWn3r7s.mjs.map

package/dist/PodcastInlineListTemplate-DCWn3r7s.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastInlineListTemplate-DCWn3r7s.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-BG1_FgVX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-BG1_FgVX.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-B7YVeSyB.mjs → PodcastIsPlaying-BsObdQGR.mjs}

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.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({
@@ -27,4 +27,4 @@ var PodcastIsPlaying_default = /*#__PURE__*/ _plugin_vue_export_helper_default(P
 //#endregion
 export { PodcastIsPlaying_default as default };
 
-//# sourceMappingURL=PodcastIsPlaying-B7YVeSyB.mjs.map
+//# sourceMappingURL=PodcastIsPlaying-BsObdQGR.mjs.map

package/dist/PodcastIsPlaying-BsObdQGR.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-BsObdQGR.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-Csd-C2jr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastIsPlaying-Csd-C2jr.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-CGmEwYT4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-CGmEwYT4.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-CN6gwARQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-CN6gwARQ.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-CdLjZKxf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-CdLjZKxf.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-D1MwHzhE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastItem-D1MwHzhE.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-CFk8MX9D.mjs → PodcastItem-_8ErwIDG.mjs}

@@ -1,12 +1,12 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { A as state } from "./classicApi-CkDHWZG1.mjs";
+import { A as state } from "./classicApi-xjOqAovv.mjs";
 import { n as debounce } from "./useResizePhone-CpfFUmfV.mjs";
 import { t as displayHelper_default } from "./displayHelper-CpXshNzz.mjs";
-import { t as useOrgaComputed } from "./useOrgaComputed-BLSpEDfb.mjs";
-import { t as useDayjs } from "./useDayjs-C3cnTiDW.mjs";
-import { t as RightsIndicator_default } from "./RightsIndicator-qIU4_wiF.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-B2Bq0VBT.mjs";
+import { t as useDayjs } from "./useDayjs-DPVjvJPN.mjs";
+import { t as RightsIndicator_default } from "./RightsIndicator-D5I3DOfO.mjs";
 import { t as PodcastSeasonInfo_default } from "./PodcastSeasonInfo-DL_CsYTY.mjs";
-import { t as PodcastImage_default } from "./PodcastImage-BtxcPlrh.mjs";
+import { t as PodcastImage_default } from "./PodcastImage-Bs1lpubL.mjs";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, nextTick, normalizeClass, onBeforeMount, openBlock, ref, resolveComponent, toDisplayString, useTemplateRef, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 import dayjs from "dayjs";
@@ -64,7 +64,7 @@ var PodcastItemInfo_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	} },
 	setup(__props, { expose: __expose }) {
 		__expose();
-		const PodcastPlayBar = defineAsyncComponent(() => import("./PodcastPlayBar-WjGn_KlZ.mjs"));
+		const PodcastPlayBar = defineAsyncComponent(() => import("./PodcastPlayBar-DC5HCx76.mjs"));
 		const props = __props;
 		const { t } = useI18n();
 		const { isPodcastmaker } = useOrgaComputed();
@@ -284,4 +284,4 @@ var PodcastItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Podcas
 //#endregion
 export { PodcastItem_default as t };
 
-//# sourceMappingURL=PodcastItem-CFk8MX9D.mjs.map
+//# sourceMappingURL=PodcastItem-_8ErwIDG.mjs.map