@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/PodcastSwiperList-CGeumBPj.mjs.map

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

package/dist/PodcastSwiperList-CzUkS6M6.mjs.map

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

package/dist/PodcastSwiperList-DLKOAjUS.mjs.map

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

package/dist/PodcastSwiperList-DaTHwrHm.mjs.map

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

package/dist/PodcastmakerHeader-BZT-U0KX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastmakerHeader-BZT-U0KX.mjs","names":[],"sources":["../src/components/display/podcastmaker/PodcastmakerHeader.vue","../src/components/display/podcastmaker/PodcastmakerHeader.vue"],"sourcesContent":["<template>\n    <div class=\"page-element-title-container\">\n        <div class=\"page-element-title\">\n            <h1>{{ pageTitle }}</h1>\n        </div>\n        <div class=\"page-element-bg\" :style=\"backgroundDisplay\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from \"vue\";\nimport { useImageProxy } from \"../../composable/useImageProxy\";\n\n//Props \nconst props = defineProps({\n    pageTitle: { default: undefined, type: String },\n    imgUrl: { default: undefined, type: String },\n})\n\nonMounted(() => {\n    const elt = document.querySelector('.page-element-title-container');\n\n    // Retrieve header\n    const header = document.getElementsByTagName('header');\n    if (header.length) {\n        // Get header height\n        const height = (header[0] as HTMLElement).offsetHeight;\n        // Update PM header position according to header height\n        elt.style.setProperty('--top', height + 'px');\n    }\n});\n\n//Composables\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst backgroundDisplay = computed(() => {\n    if (!props.imgUrl) {\n        return \"\";\n    }\n    return `background-image: url('${useProxyImageUrl(\n        props.imgUrl,\n        \"250\",\n    )}');`;\n});\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n    .page-element.page-element-podcastmaker {\n        margin-top: 11rem;\n    }\n\n    .page-element-title-container {\n        --top: 0;\n\n        background: black;\n        position: absolute;\n        right: 0;\n        left: 0;\n        top: var(--top);\n\n        .page-element-bg {\n            height: 15rem;\n            opacity: 0.5;\n            filter: blur(8px);\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n        }\n\n        .page-element-title {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            h1 {\n                color: white !important;\n                font-size: 2rem;\n            }\n        }\n    }\n}\n</style>\n","<template>\n    <div class=\"page-element-title-container\">\n        <div class=\"page-element-title\">\n            <h1>{{ pageTitle }}</h1>\n        </div>\n        <div class=\"page-element-bg\" :style=\"backgroundDisplay\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from \"vue\";\nimport { useImageProxy } from \"../../composable/useImageProxy\";\n\n//Props \nconst props = defineProps({\n    pageTitle: { default: undefined, type: String },\n    imgUrl: { default: undefined, type: String },\n})\n\nonMounted(() => {\n    const elt = document.querySelector('.page-element-title-container');\n\n    // Retrieve header\n    const header = document.getElementsByTagName('header');\n    if (header.length) {\n        // Get header height\n        const height = (header[0] as HTMLElement).offsetHeight;\n        // Update PM header position according to header height\n        elt.style.setProperty('--top', height + 'px');\n    }\n});\n\n//Composables\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst backgroundDisplay = computed(() => {\n    if (!props.imgUrl) {\n        return \"\";\n    }\n    return `background-image: url('${useProxyImageUrl(\n        props.imgUrl,\n        \"250\",\n    )}');`;\n});\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n    .page-element.page-element-podcastmaker {\n        margin-top: 11rem;\n    }\n\n    .page-element-title-container {\n        --top: 0;\n\n        background: black;\n        position: absolute;\n        right: 0;\n        left: 0;\n        top: var(--top);\n\n        .page-element-bg {\n            height: 15rem;\n            opacity: 0.5;\n            filter: blur(8px);\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n        }\n\n        .page-element-title {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            h1 {\n                color: white !important;\n                font-size: 2rem;\n            }\n        }\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAKd,gBAAgB;GACZ,MAAM,MAAM,SAAS,cAAc,+BAA+B;GAGlE,MAAM,SAAS,SAAS,qBAAqB,QAAQ;GACrD,IAAI,OAAO,QAAQ;IAEf,MAAM,SAAU,OAAO,GAAmB;IAE1C,IAAI,MAAM,YAAY,SAAS,SAAS,IAAI;GAChD;EACJ,CAAC;EAGD,MAAM,EAAE,qBAAqB,cAAc;;;;sBAGjB,eAAe;IACrC,IAAI,CAAC,MAAM,QACP,OAAO;IAEX,OAAO,0BAA0B,iBAC7B,MAAM,QACN,KACJ,EAAE;GACN,CAAA;;;;;;;;;;;mBC3CS,OAAM,+BAA8B;mBAChC,OAAM,qBAAoB;;qBADnC,mBAKM,OALN,YAKM,CAJF,mBAEM,OAFN,YAEM,CADF,mBAAwB,MAAA,MAAA,gBAAjB,OAAA,SAAS,GAAA,CAAA,CAAA,CAAA,GAEpB,mBAA0D,OAAA;EAArD,OAAM;EAAmB,OAAK,eAAE,OAAA,iBAAiB"}

package/dist/{PodcastmakerHeader-DAATtOG_.mjs → PodcastmakerHeader-Df0g2dCr.mjs}

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { t as useImageProxy } from "./useImageProxy-Bj0cOCct.mjs";
+import { t as useImageProxy } from "./useImageProxy-BdQJmj4a.mjs";
 import { computed, createElementBlock, createElementVNode, defineComponent, normalizeStyle, onMounted, openBlock, toDisplayString } from "vue";
 //#region src/components/display/podcastmaker/PodcastmakerHeader.vue?vue&type=script&setup=true&lang.ts
 var PodcastmakerHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -55,4 +55,4 @@ var PodcastmakerHeader_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { PodcastmakerHeader_default as default };
 
-//# sourceMappingURL=PodcastmakerHeader-DAATtOG_.mjs.map
+//# sourceMappingURL=PodcastmakerHeader-Df0g2dCr.mjs.map

package/dist/PodcastmakerHeader-Df0g2dCr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastmakerHeader-Df0g2dCr.mjs","names":[],"sources":["../src/components/display/podcastmaker/PodcastmakerHeader.vue","../src/components/display/podcastmaker/PodcastmakerHeader.vue"],"sourcesContent":["<template>\n    <div class=\"page-element-title-container\">\n        <div class=\"page-element-title\">\n            <h1>{{ pageTitle }}</h1>\n        </div>\n        <div class=\"page-element-bg\" :style=\"backgroundDisplay\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from \"vue\";\nimport { useImageProxy } from \"../../composable/useImageProxy\";\n\n//Props \nconst props = defineProps({\n    pageTitle: { default: undefined, type: String },\n    imgUrl: { default: undefined, type: String },\n})\n\nonMounted(() => {\n    const elt = document.querySelector('.page-element-title-container');\n\n    // Retrieve header\n    const header = document.getElementsByTagName('header');\n    if (header.length) {\n        // Get header height\n        const height = (header[0] as HTMLElement).offsetHeight;\n        // Update PM header position according to header height\n        elt.style.setProperty('--top', height + 'px');\n    }\n});\n\n//Composables\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst backgroundDisplay = computed(() => {\n    if (!props.imgUrl) {\n        return \"\";\n    }\n    return `background-image: url('${useProxyImageUrl(\n        props.imgUrl,\n        \"250\",\n    )}');`;\n});\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n    .page-element.page-element-podcastmaker {\n        margin-top: 11rem;\n    }\n\n    .page-element-title-container {\n        --top: 0;\n\n        background: black;\n        position: absolute;\n        right: 0;\n        left: 0;\n        top: var(--top);\n\n        .page-element-bg {\n            height: 15rem;\n            opacity: 0.5;\n            filter: blur(8px);\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n        }\n\n        .page-element-title {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            h1 {\n                color: white !important;\n                font-size: 2rem;\n            }\n        }\n    }\n}\n</style>\n","<template>\n    <div class=\"page-element-title-container\">\n        <div class=\"page-element-title\">\n            <h1>{{ pageTitle }}</h1>\n        </div>\n        <div class=\"page-element-bg\" :style=\"backgroundDisplay\" />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted } from \"vue\";\nimport { useImageProxy } from \"../../composable/useImageProxy\";\n\n//Props \nconst props = defineProps({\n    pageTitle: { default: undefined, type: String },\n    imgUrl: { default: undefined, type: String },\n})\n\nonMounted(() => {\n    const elt = document.querySelector('.page-element-title-container');\n\n    // Retrieve header\n    const header = document.getElementsByTagName('header');\n    if (header.length) {\n        // Get header height\n        const height = (header[0] as HTMLElement).offsetHeight;\n        // Update PM header position according to header height\n        elt.style.setProperty('--top', height + 'px');\n    }\n});\n\n//Composables\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst backgroundDisplay = computed(() => {\n    if (!props.imgUrl) {\n        return \"\";\n    }\n    return `background-image: url('${useProxyImageUrl(\n        props.imgUrl,\n        \"250\",\n    )}');`;\n});\n</script>\n\n<style lang=\"scss\">\n.octopus-app {\n    .page-element.page-element-podcastmaker {\n        margin-top: 11rem;\n    }\n\n    .page-element-title-container {\n        --top: 0;\n\n        background: black;\n        position: absolute;\n        right: 0;\n        left: 0;\n        top: var(--top);\n\n        .page-element-bg {\n            height: 15rem;\n            opacity: 0.5;\n            filter: blur(8px);\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n        }\n\n        .page-element-title {\n            position: absolute;\n            inset: 0;\n            z-index: 2;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            h1 {\n                color: white !important;\n                font-size: 2rem;\n            }\n        }\n    }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAKd,gBAAgB;GACZ,MAAM,MAAM,SAAS,cAAc,+BAA+B;GAGlE,MAAM,SAAS,SAAS,qBAAqB,QAAQ;GACrD,IAAI,OAAO,QAAQ;IAEf,MAAM,SAAU,OAAO,GAAmB;IAE1C,IAAI,MAAM,YAAY,SAAS,SAAS,IAAI;GAChD;EACJ,CAAC;EAGD,MAAM,EAAE,qBAAqB,cAAc;;;;sBAGjB,eAAe;IACrC,IAAI,CAAC,MAAM,QACP,OAAO;IAEX,OAAO,0BAA0B,iBAC7B,MAAM,QACN,KACJ,EAAE;GACN,CAAA;;;;;;;;;;;mBC3CS,OAAM,+BAA8B;mBAChC,OAAM,qBAAoB;;qBADnC,mBAKM,OALN,YAKM,CAJF,mBAEM,OAFN,YAEM,CADF,mBAAwB,MAAA,MAAA,gBAAjB,OAAA,SAAS,GAAA,CAAA,CAAA,CAAA,GAEpB,mBAA0D,OAAA;EAArD,OAAM;EAAmB,OAAK,eAAE,OAAA,iBAAiB"}

package/dist/PodcastsPage-B-Qzlif0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastsPage-B-Qzlif0.mjs","names":[],"sources":["../src/components/pages/PodcastsPage.vue","../src/components/pages/PodcastsPage.vue"],"sourcesContent":["<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n","<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAQd,MAAM,YAAY,IAAI,KAAK;EAG3B,MAAM,EACF,gBACA,eACA,aACA,OACA,MACA,eACA,UACA,QACA,gBACA,eACA,eACA,UACA,yBACA,QACA,eACA,gBACA,mBACA,qBAAqB,OAAO,KAAK;EAGrC,MAAM,YAAY,eAAe,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EACnF,MAAM,YAAY,eAAe,UAAU,UAAU,QAAQ,KAAA,IAAY,IAAI;EAG7E,YAAY,MAAM,sBAAqB;GACnC,UAAU,QAAQ,WAAW,MAAM;EACvC,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7FO,OAAM;;;QAAd,OAAA,UAAA,UAAA,GAAf,mBA2CU,WA3CV,YA2CU;EA1CN,YAGE,OAAA,oBAAA;GAFU,mBAAiB,OAAA;oEAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;;EAEzC,YAgBE,OAAA,mBAAA;GAfU,cAAY,OAAA;+DAAA,OAAA,YAAS;GACrB,aAAa,OAAA;iEAAA,OAAA,cAAW;GACxB,UAAQ,OAAA;2DAAA,OAAA,QAAK;GACb,MAAM,OAAA;0DAAA,OAAA,OAAI;GACV,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;GAC7B,aAAW,OAAA;8DAAA,OAAA,WAAQ;GACnB,WAAS,OAAA;4DAAA,OAAA,SAAM;GACf,UAAU,OAAA;8DAAA,OAAA,WAAQ;GAClB,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,eAAe,OAAA;qEAAA,OAAA,gBAAa;GAC5B,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,oBAAkB,OAAA;sEAAA,OAAA,iBAAc;GACvC,kBAAgB,OAAA;GAChB,eAAa;GACb,mBAAiB,OAAA;;;;;;;;;;;;;;;;;EAEtB,YAoBE,OAAA,gBAAA;GAnBG,cAAY;GACZ,OAAO,OAAA;GACP,MAAM,OAAA;GACN,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,aAAa,OAAA;GACb,QAAQ,OAAA;GACR,OAAO,OAAA;GACP,iBAAe,OAAA;GACf,kBAAgB,OAAA;GAChB,UAAQ,OAAA;GACR,eAAa,OAAA,wBAAwB;GACrC,iBAAe,OAAA,wBAAwB;GACvC,oBAAkB,OAAA,wBAAwB;GAC1C,eAAe,OAAA;GACf,cAAY,OAAA;GACZ,UAAU,OAAA;GACV,oBAAkB,OAAA;GAClB,mBAAiB,OAAA"}

package/dist/PodcastsPage-BoK55Z9G.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastsPage-BoK55Z9G.mjs","names":[],"sources":["../src/components/pages/PodcastsPage.vue","../src/components/pages/PodcastsPage.vue"],"sourcesContent":["<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n","<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAQd,MAAM,YAAY,IAAI,KAAK;EAG3B,MAAM,EACF,gBACA,eACA,aACA,OACA,MACA,eACA,UACA,QACA,gBACA,eACA,eACA,UACA,yBACA,QACA,eACA,gBACA,mBACA,qBAAqB,OAAO,KAAK;EAGrC,MAAM,YAAY,eAAe,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EACnF,MAAM,YAAY,eAAe,UAAU,UAAU,QAAQ,KAAA,IAAY,IAAI;EAG7E,YAAY,MAAM,sBAAqB;GACnC,UAAU,QAAQ,WAAW,MAAM;EACvC,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7FO,OAAM;;;QAAd,OAAA,UAAA,UAAA,GAAf,mBA2CU,WA3CV,YA2CU;EA1CN,YAGE,OAAA,oBAAA;GAFU,mBAAiB,OAAA;oEAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;;EAEzC,YAgBE,OAAA,mBAAA;GAfU,cAAY,OAAA;+DAAA,OAAA,YAAS;GACrB,aAAa,OAAA;iEAAA,OAAA,cAAW;GACxB,UAAQ,OAAA;2DAAA,OAAA,QAAK;GACb,MAAM,OAAA;0DAAA,OAAA,OAAI;GACV,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;GAC7B,aAAW,OAAA;8DAAA,OAAA,WAAQ;GACnB,WAAS,OAAA;4DAAA,OAAA,SAAM;GACf,UAAU,OAAA;8DAAA,OAAA,WAAQ;GAClB,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,eAAe,OAAA;qEAAA,OAAA,gBAAa;GAC5B,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,oBAAkB,OAAA;sEAAA,OAAA,iBAAc;GACvC,kBAAgB,OAAA;GAChB,eAAa;GACb,mBAAiB,OAAA;;;;;;;;;;;;;;;;;EAEtB,YAoBE,OAAA,gBAAA;GAnBG,cAAY;GACZ,OAAO,OAAA;GACP,MAAM,OAAA;GACN,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,aAAa,OAAA;GACb,QAAQ,OAAA;GACR,OAAO,OAAA;GACP,iBAAe,OAAA;GACf,kBAAgB,OAAA;GAChB,UAAQ,OAAA;GACR,eAAa,OAAA,wBAAwB;GACrC,iBAAe,OAAA,wBAAwB;GACvC,oBAAkB,OAAA,wBAAwB;GAC1C,eAAe,OAAA;GACf,cAAY,OAAA;GACZ,UAAU,OAAA;GACV,oBAAkB,OAAA;GAClB,mBAAiB,OAAA"}

package/dist/PodcastsPage-CTzbr2VD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastsPage-CTzbr2VD.mjs","names":[],"sources":["../src/components/pages/PodcastsPage.vue","../src/components/pages/PodcastsPage.vue"],"sourcesContent":["<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n","<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAQd,MAAM,YAAY,IAAI,KAAK;EAG3B,MAAM,EACF,gBACA,eACA,aACA,OACA,MACA,eACA,UACA,QACA,gBACA,eACA,eACA,UACA,yBACA,QACA,eACA,gBACA,mBACA,qBAAqB,OAAO,KAAK;EAGrC,MAAM,YAAY,eAAe,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EACnF,MAAM,YAAY,eAAe,UAAU,UAAU,QAAQ,KAAA,IAAY,IAAI;EAG7E,YAAY,MAAM,sBAAqB;GACnC,UAAU,QAAQ,WAAW,MAAM;EACvC,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7FO,OAAM;;;QAAd,OAAA,UAAA,UAAA,GAAf,mBA2CU,WA3CV,YA2CU;EA1CN,YAGE,OAAA,oBAAA;GAFU,mBAAiB,OAAA;oEAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;;EAEzC,YAgBE,OAAA,mBAAA;GAfU,cAAY,OAAA;+DAAA,OAAA,YAAS;GACrB,aAAa,OAAA;iEAAA,OAAA,cAAW;GACxB,UAAQ,OAAA;2DAAA,OAAA,QAAK;GACb,MAAM,OAAA;0DAAA,OAAA,OAAI;GACV,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;GAC7B,aAAW,OAAA;8DAAA,OAAA,WAAQ;GACnB,WAAS,OAAA;4DAAA,OAAA,SAAM;GACf,UAAU,OAAA;8DAAA,OAAA,WAAQ;GAClB,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,eAAe,OAAA;qEAAA,OAAA,gBAAa;GAC5B,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,oBAAkB,OAAA;sEAAA,OAAA,iBAAc;GACvC,kBAAgB,OAAA;GAChB,eAAa;GACb,mBAAiB,OAAA;;;;;;;;;;;;;;;;;EAEtB,YAoBE,OAAA,gBAAA;GAnBG,cAAY;GACZ,OAAO,OAAA;GACP,MAAM,OAAA;GACN,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,aAAa,OAAA;GACb,QAAQ,OAAA;GACR,OAAO,OAAA;GACP,iBAAe,OAAA;GACf,kBAAgB,OAAA;GAChB,UAAQ,OAAA;GACR,eAAa,OAAA,wBAAwB;GACrC,iBAAe,OAAA,wBAAwB;GACvC,oBAAkB,OAAA,wBAAwB;GAC1C,eAAe,OAAA;GACf,cAAY,OAAA;GACZ,UAAU,OAAA;GACV,oBAAkB,OAAA;GAClB,mBAAiB,OAAA"}

package/dist/{PodcastsPage-ZhEVoMp1.mjs → PodcastsPage-DSJUPRZE.mjs}

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { t as AdvancedSearch_default } from "./AdvancedSearch-fO5eaqLJ.mjs";
-import { t as ProductorSearch_default } from "./ProductorSearch-xs0kzX_E.mjs";
-import { t as PodcastList_default } from "./PodcastList-c0Iwzakm.mjs";
-import { t as useAdvancedParamInit } from "./useAdvancedParamInit-B7G2Mvjv.mjs";
+import { t as AdvancedSearch_default } from "./AdvancedSearch-C4segSRv.mjs";
+import { t as ProductorSearch_default } from "./ProductorSearch-BTj9gIOs.mjs";
+import { t as PodcastList_default } from "./PodcastList-DhKeiBbv.mjs";
+import { t as useAdvancedParamInit } from "./useAdvancedParamInit-CCprE3H2.mjs";
 import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, ref, watch } from "vue";
 //#region src/components/pages/PodcastsPage.vue?vue&type=script&setup=true&lang.ts
 var PodcastsPage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -224,4 +224,4 @@ var PodcastsPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Podca
 //#endregion
 export { PodcastsPage_default as default };
 
-//# sourceMappingURL=PodcastsPage-ZhEVoMp1.mjs.map
+//# sourceMappingURL=PodcastsPage-DSJUPRZE.mjs.map

package/dist/PodcastsPage-DSJUPRZE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastsPage-DSJUPRZE.mjs","names":[],"sources":["../src/components/pages/PodcastsPage.vue","../src/components/pages/PodcastsPage.vue"],"sourcesContent":["<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n","<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAQd,MAAM,YAAY,IAAI,KAAK;EAG3B,MAAM,EACF,gBACA,eACA,aACA,OACA,MACA,eACA,UACA,QACA,gBACA,eACA,eACA,UACA,yBACA,QACA,eACA,gBACA,mBACA,qBAAqB,OAAO,KAAK;EAGrC,MAAM,YAAY,eAAe,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EACnF,MAAM,YAAY,eAAe,UAAU,UAAU,QAAQ,KAAA,IAAY,IAAI;EAG7E,YAAY,MAAM,sBAAqB;GACnC,UAAU,QAAQ,WAAW,MAAM;EACvC,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7FO,OAAM;;;QAAd,OAAA,UAAA,UAAA,GAAf,mBA2CU,WA3CV,YA2CU;EA1CN,YAGE,OAAA,oBAAA;GAFU,mBAAiB,OAAA;oEAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;;EAEzC,YAgBE,OAAA,mBAAA;GAfU,cAAY,OAAA;+DAAA,OAAA,YAAS;GACrB,aAAa,OAAA;iEAAA,OAAA,cAAW;GACxB,UAAQ,OAAA;2DAAA,OAAA,QAAK;GACb,MAAM,OAAA;0DAAA,OAAA,OAAI;GACV,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;GAC7B,aAAW,OAAA;8DAAA,OAAA,WAAQ;GACnB,WAAS,OAAA;4DAAA,OAAA,SAAM;GACf,UAAU,OAAA;8DAAA,OAAA,WAAQ;GAClB,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,eAAe,OAAA;qEAAA,OAAA,gBAAa;GAC5B,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,oBAAkB,OAAA;sEAAA,OAAA,iBAAc;GACvC,kBAAgB,OAAA;GAChB,eAAa;GACb,mBAAiB,OAAA;;;;;;;;;;;;;;;;;EAEtB,YAoBE,OAAA,gBAAA;GAnBG,cAAY;GACZ,OAAO,OAAA;GACP,MAAM,OAAA;GACN,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,aAAa,OAAA;GACb,QAAQ,OAAA;GACR,OAAO,OAAA;GACP,iBAAe,OAAA;GACf,kBAAgB,OAAA;GAChB,UAAQ,OAAA;GACR,eAAa,OAAA,wBAAwB;GACrC,iBAAe,OAAA,wBAAwB;GACvC,oBAAkB,OAAA,wBAAwB;GAC1C,eAAe,OAAA;GACf,cAAY,OAAA;GACZ,UAAU,OAAA;GACV,oBAAkB,OAAA;GAClB,mBAAiB,OAAA"}

package/dist/PodcastsPage-Jg_jAix6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PodcastsPage-Jg_jAix6.mjs","names":[],"sources":["../src/components/pages/PodcastsPage.vue","../src/components/pages/PodcastsPage.vue"],"sourcesContent":["<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n","<template>\n    <section v-if=\"isInit\" class=\"page-box\">\n        <ProductorSearch\n            v-model:organisation-id=\"organisationId\"\n            v-model:search-pattern=\"searchPattern\"\n        />\n        <AdvancedSearch\n            v-model:only-video=\"onlyVideo\"\n            v-model:monetisable=\"monetisable\"\n            v-model:iab-id=\"iabId\"\n            v-model:sort=\"sort\"\n            v-model:include-hidden=\"includeHidden\"\n            v-model:from-date=\"fromDate\"\n            v-model:to-date=\"toDate\"\n            v-model:validity=\"validity\"\n            v-model:rubrique-filter=\"rubriqueFilter\"\n            v-model:beneficiaries=\"beneficiaries\"\n            v-model:emission-groups=\"emissionGroups\"\n            v-model:only-my-episodes=\"onlyMyEpisodes\"\n            :search-pattern=\"searchPattern\"\n            :is-emission=\"false\"\n            :organisation-id=\"organisationId\"\n        />\n        <PodcastList\n            :show-count=\"true\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :organisation-id=\"orgaArray\"\n            :query=\"searchMinSize\"\n            :monetisable=\"monetisable\"\n            :before=\"toDate\"\n            :after=\"fromDate\"\n            :sort-criteria=\"sort\"\n            :include-hidden=\"includeHidden\"\n            :iab-id=\"iabId\"\n            :rubrique-id=\"rubriquesFilterArrayIds.rubriqueId\"\n            :rubriquage-id=\"rubriquesFilterArrayIds.rubriquageId\"\n            :no-rubriquage-id=\"rubriquesFilterArrayIds.noRubriquageId\"\n            :beneficiaries=\"beneficiaries\"\n            :with-video=\"withVideo\"\n            :validity=\"validity\"\n            :only-my-episodes=\"onlyMyEpisodes\"\n            :emission-groups=\"emissionGroups\"\n        />\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport PodcastList from \"../display/podcasts/PodcastList.vue\";\nimport ProductorSearch from \"../display/filter/ProductorSearch.vue\";\nimport AdvancedSearch from \"../display/filter/AdvancedSearch.vue\";\nimport {useAdvancedParamInit} from \"../composable/route/useAdvancedParamInit\";\nimport { computed, ref, watch } from \"vue\";\nimport { RouteProps } from \"../composable/route/types\";\n\n//Props \nconst props = withDefaults(defineProps<RouteProps>(), {\n    pr: 0,\n    ps: 30,\n    routeMonetisable: \"UNDEFINED\",\n    routeSort: \"DATE\"\n});\n\n//Data \nconst onlyVideo = ref(false);\n\n//Composables\nconst {\n    organisationId,\n    searchPattern,\n    monetisable,\n    iabId,\n    sort,\n    includeHidden,\n    fromDate,\n    toDate,\n    rubriqueFilter,\n    searchMinSize,\n    paginateFirst,\n    validity,\n    rubriquesFilterArrayIds,\n    isInit,\n    beneficiaries,\n    emissionGroups,\n    onlyMyEpisodes\n} = useAdvancedParamInit(props, false);\n\n//Computed\nconst orgaArray = computed(() => organisationId.value ? [organisationId.value] : []);\nconst withVideo = computed(() => false === onlyVideo.value ? undefined : true);\n\n//Watch\nwatch(() => props.routeOnlyVideo, () =>{\n    onlyVideo.value = \"true\" === props.routeOnlyVideo;\n}, {immediate: true});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAQd,MAAM,YAAY,IAAI,KAAK;EAG3B,MAAM,EACF,gBACA,eACA,aACA,OACA,MACA,eACA,UACA,QACA,gBACA,eACA,eACA,UACA,yBACA,QACA,eACA,gBACA,mBACA,qBAAqB,OAAO,KAAK;EAGrC,MAAM,YAAY,eAAe,eAAe,QAAQ,CAAC,eAAe,KAAK,IAAI,CAAC,CAAC;EACnF,MAAM,YAAY,eAAe,UAAU,UAAU,QAAQ,KAAA,IAAY,IAAI;EAG7E,YAAY,MAAM,sBAAqB;GACnC,UAAU,QAAQ,WAAW,MAAM;EACvC,GAAG,EAAC,WAAW,KAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7FO,OAAM;;;QAAd,OAAA,UAAA,UAAA,GAAf,mBA2CU,WA3CV,YA2CU;EA1CN,YAGE,OAAA,oBAAA;GAFU,mBAAiB,OAAA;oEAAA,OAAA,iBAAc;GAC/B,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;;EAEzC,YAgBE,OAAA,mBAAA;GAfU,cAAY,OAAA;+DAAA,OAAA,YAAS;GACrB,aAAa,OAAA;iEAAA,OAAA,cAAW;GACxB,UAAQ,OAAA;2DAAA,OAAA,QAAK;GACb,MAAM,OAAA;0DAAA,OAAA,OAAI;GACV,kBAAgB,OAAA;mEAAA,OAAA,gBAAa;GAC7B,aAAW,OAAA;8DAAA,OAAA,WAAQ;GACnB,WAAS,OAAA;4DAAA,OAAA,SAAM;GACf,UAAU,OAAA;8DAAA,OAAA,WAAQ;GAClB,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,eAAe,OAAA;qEAAA,OAAA,gBAAa;GAC5B,mBAAiB,OAAA;sEAAA,OAAA,iBAAc;GAC/B,oBAAkB,OAAA;sEAAA,OAAA,iBAAc;GACvC,kBAAgB,OAAA;GAChB,eAAa;GACb,mBAAiB,OAAA;;;;;;;;;;;;;;;;;EAEtB,YAoBE,OAAA,gBAAA;GAnBG,cAAY;GACZ,OAAO,OAAA;GACP,MAAM,OAAA;GACN,mBAAiB,OAAA;GACjB,OAAO,OAAA;GACP,aAAa,OAAA;GACb,QAAQ,OAAA;GACR,OAAO,OAAA;GACP,iBAAe,OAAA;GACf,kBAAgB,OAAA;GAChB,UAAQ,OAAA;GACR,eAAa,OAAA,wBAAwB;GACrC,iBAAe,OAAA,wBAAwB;GACvC,oBAAkB,OAAA,wBAAwB;GAC1C,eAAe,OAAA;GACf,cAAY,OAAA;GACZ,UAAU,OAAA;GACV,oBAAkB,OAAA;GAClB,mBAAiB,OAAA"}

package/dist/{ProductorSearch-xs0kzX_E.mjs → ProductorSearch-BTj9gIOs.mjs}

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { A as state, i as useAuthStore, r as useFilterStore } from "./classicApi-CkDHWZG1.mjs";
+import { A as state, i as useAuthStore, r as useFilterStore } from "./classicApi-xjOqAovv.mjs";
 import { t as useRouteUpdateParams } from "./useRouteUpdateParams-DurlddRA.mjs";
 import { t as ClassicSearch_default } from "./ClassicSearch-D5yT0JRA.mjs";
 import { Fragment, computed, createCommentVNode, createElementBlock, createVNode, defineAsyncComponent, defineComponent, normalizeClass, onBeforeMount, openBlock, ref, toDisplayString, watch } from "vue";
@@ -26,7 +26,7 @@ var ProductorSearch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/
 	emits: ["update:organisationId", "update:searchPattern"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		__expose();
-		const OrganisationChooser = defineAsyncComponent(() => import("./OrganisationChooser-Bm4zqqCH.mjs"));
+		const OrganisationChooser = defineAsyncComponent(() => import("./OrganisationChooser-CA0_LiTH.mjs"));
 		const ClassicCheckbox = defineAsyncComponent(() => import("./ClassicCheckbox-BHKCPtLR.mjs").then((n) => n.n));
 		const props = __props;
 		const emit = __emit;
@@ -158,4 +158,4 @@ var ProductorSearch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Pr
 //#endregion
 export { ProductorSearch_exports as n, ProductorSearch_default as t };
 
-//# sourceMappingURL=ProductorSearch-xs0kzX_E.mjs.map
+//# sourceMappingURL=ProductorSearch-BTj9gIOs.mjs.map

package/dist/ProductorSearch-BTj9gIOs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductorSearch-BTj9gIOs.mjs","names":[],"sources":["../src/components/display/filter/ProductorSearch.vue","../src/components/display/filter/ProductorSearch.vue"],"sourcesContent":["<template>\n  <div id=\"productor-search\" class=\"d-flex-column align-items-center my-3\">\n    <div\n      v-if=\"!state.generalParameters.podcastmaker && !filterStore.filterOrgaId\"\n      class=\"w-50-responsive pe-3 position-relative\"\n    >\n      <OrganisationChooser\n        :defaultanswer=\"t('No organisation filter')\"\n        :orga-id-selected=\"organisationId\"\n        @selected=\"onOrganisationSelected\"\n      />\n      <template  v-if=\"!authStore.authOrgaId ||authStore.authOrgaId ===organisationId\">\n        <ClassicCheckbox\n          v-model:text-init=\"keepOrganisation\"\n          :class=\"!!organisationId ? '' : 'invisible'\"\n          class=\"m-3\"\n          :label=\"\n            t(\n              'check this box if you want to keep this filter for the rest of your visit',\n            )\n          \"\n          :display-label=\"false\"\n          id-checkbox=\"organisation-checkbox\"\n          @click-action=\"onKeepOrganisation\"\n        />\n        <div v-if=\"showBubble\" class=\"filter-speech-bubble\">\n          {{\n            t(\n              \"check this box if you want to keep this filter for the rest of your visit\",\n            )\n          }}\n        </div>\n      </template>\n    </div>\n    <ClassicSearch\n      :text-init=\"searchPattern\"\n      class=\"w-50-responsive\"\n      :autofocus=\"true\"\n      id-search=\"productor-search-input\"\n      :label=\"searchText\"\n      @update:text-init=\"updateSearchPattern\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../organisation/OrganisationChooser.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n  () => import(\"../../form/ClassicCheckbox.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  searchPattern: { default: \"\", type: String },\n  type: { default: \"podcast\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\", \"update:searchPattern\"]);\n\n//Data \nconst keepOrganisation = ref(false);\nconst showBubble = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateRouteParam } = useRouteUpdateParams();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst searchText = computed(() => {\n  if (\"emission\" === props.type) return t(\"Look for emission name\");\n  if (\"participant\" === props.type)\n    return t(\"Look for participant name\");\n  if (\"playlist\" === props.type) return t(\"Look for playlist name\");\n  return t(\"Look for podcast name\");\n});\n\n\n//Watch\nwatch(()=>filterStore.filterOrgaId, async () => {\n  keepOrganisation.value = undefined !== filterStore.filterOrgaId;\n  if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }else{\n    updateRouteParam({ o: props.organisationId, productor:undefined});\n  }\n});\n \n\nonBeforeMount(()=>{\n  if (!props.organisationId) return;\n  if (filterStore.filterOrgaId === props.organisationId) {\n    keepOrganisation.value = true;\n  }\n})\n\n\n//Methods\nfunction updateSearchPattern(newSearch: string) {\n  emit(\"update:searchPattern\", newSearch);\n}\nfunction onOrganisationSelected(organisation: Organisation): void {\n  updateRouteParam({ o: organisation.id, productor: undefined });\n  keepOrganisation.value = false;\n  if (!organisation?.id) {\n    emit(\"update:organisationId\", undefined);\n  }\n  emit(\"update:organisationId\", organisation.id);\n  if (undefined===authStore.authOrgaId && \"PUBLIC\" !== organisation.privacy) {\n    onKeepOrganisation(organisation.id);\n  } else {\n    showBubble.value = true;\n    setTimeout(() => {\n      showBubble.value = false;\n    }, 6000);\n  }\n}\nasync function onKeepOrganisation(orgaId: string|undefined = undefined): Promise<void> {\n  const orgaToApply= orgaId ?? props.organisationId;\n  if (!orgaToApply) {\n    return;\n  }\n  router.push({\n    query: { ...route.query, ...{ productor: orgaToApply, o:undefined }},\n  });\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .filter-speech-bubble {\n    position: absolute;\n    background: var(--octopus-primary);\n    border-radius: var(--octopus-border-radius);\n    width: 10rem;\n    right: 4rem;\n    padding: 5px;\n    animation: fadein 1s;\n    color: white;\n  }\n\n  .filter-speech-bubble::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 50%;\n    width: 0;\n    height: 0;\n    border: 18px solid transparent;\n    border-left-color: var(--octopus-primary);\n    border-right: 0;\n    border-bottom: 0;\n    margin-top: -9px;\n    margin-right: -18px;\n    animation: fadein 1s;\n  }\n  @keyframes fadein {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n}\n</style>\n","<template>\n  <div id=\"productor-search\" class=\"d-flex-column align-items-center my-3\">\n    <div\n      v-if=\"!state.generalParameters.podcastmaker && !filterStore.filterOrgaId\"\n      class=\"w-50-responsive pe-3 position-relative\"\n    >\n      <OrganisationChooser\n        :defaultanswer=\"t('No organisation filter')\"\n        :orga-id-selected=\"organisationId\"\n        @selected=\"onOrganisationSelected\"\n      />\n      <template  v-if=\"!authStore.authOrgaId ||authStore.authOrgaId ===organisationId\">\n        <ClassicCheckbox\n          v-model:text-init=\"keepOrganisation\"\n          :class=\"!!organisationId ? '' : 'invisible'\"\n          class=\"m-3\"\n          :label=\"\n            t(\n              'check this box if you want to keep this filter for the rest of your visit',\n            )\n          \"\n          :display-label=\"false\"\n          id-checkbox=\"organisation-checkbox\"\n          @click-action=\"onKeepOrganisation\"\n        />\n        <div v-if=\"showBubble\" class=\"filter-speech-bubble\">\n          {{\n            t(\n              \"check this box if you want to keep this filter for the rest of your visit\",\n            )\n          }}\n        </div>\n      </template>\n    </div>\n    <ClassicSearch\n      :text-init=\"searchPattern\"\n      class=\"w-50-responsive\"\n      :autofocus=\"true\"\n      id-search=\"productor-search-input\"\n      :label=\"searchText\"\n      @update:text-init=\"updateSearchPattern\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../organisation/OrganisationChooser.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n  () => import(\"../../form/ClassicCheckbox.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  searchPattern: { default: \"\", type: String },\n  type: { default: \"podcast\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\", \"update:searchPattern\"]);\n\n//Data \nconst keepOrganisation = ref(false);\nconst showBubble = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateRouteParam } = useRouteUpdateParams();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst searchText = computed(() => {\n  if (\"emission\" === props.type) return t(\"Look for emission name\");\n  if (\"participant\" === props.type)\n    return t(\"Look for participant name\");\n  if (\"playlist\" === props.type) return t(\"Look for playlist name\");\n  return t(\"Look for podcast name\");\n});\n\n\n//Watch\nwatch(()=>filterStore.filterOrgaId, async () => {\n  keepOrganisation.value = undefined !== filterStore.filterOrgaId;\n  if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }else{\n    updateRouteParam({ o: props.organisationId, productor:undefined});\n  }\n});\n \n\nonBeforeMount(()=>{\n  if (!props.organisationId) return;\n  if (filterStore.filterOrgaId === props.organisationId) {\n    keepOrganisation.value = true;\n  }\n})\n\n\n//Methods\nfunction updateSearchPattern(newSearch: string) {\n  emit(\"update:searchPattern\", newSearch);\n}\nfunction onOrganisationSelected(organisation: Organisation): void {\n  updateRouteParam({ o: organisation.id, productor: undefined });\n  keepOrganisation.value = false;\n  if (!organisation?.id) {\n    emit(\"update:organisationId\", undefined);\n  }\n  emit(\"update:organisationId\", organisation.id);\n  if (undefined===authStore.authOrgaId && \"PUBLIC\" !== organisation.privacy) {\n    onKeepOrganisation(organisation.id);\n  } else {\n    showBubble.value = true;\n    setTimeout(() => {\n      showBubble.value = false;\n    }, 6000);\n  }\n}\nasync function onKeepOrganisation(orgaId: string|undefined = undefined): Promise<void> {\n  const orgaToApply= orgaId ?? props.organisationId;\n  if (!orgaToApply) {\n    return;\n  }\n  router.push({\n    query: { ...route.query, ...{ productor: orgaToApply, o:undefined }},\n  });\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .filter-speech-bubble {\n    position: absolute;\n    background: var(--octopus-primary);\n    border-radius: var(--octopus-border-radius);\n    width: 10rem;\n    right: 4rem;\n    padding: 5px;\n    animation: fadein 1s;\n    color: white;\n  }\n\n  .filter-speech-bubble::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 50%;\n    width: 0;\n    height: 0;\n    border: 18px solid transparent;\n    border-left-color: var(--octopus-primary);\n    border-right: 0;\n    border-bottom: 0;\n    margin-top: -9px;\n    margin-right: -18px;\n    animation: fadein 1s;\n  }\n  @keyframes fadein {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,kBAAkB,2BAChB,OAAO,kCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAGA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,mBAAmB,IAAI,KAAK;EAClC,MAAM,aAAa,IAAI,KAAK;EAG5B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,qBAAqB;EAClD,MAAM,cAAc,eAAe;EACnC,MAAM,YAAY,aAAa;EAC/B,MAAM,SAAS,UAAU;EACzB,MAAM,QAAQ,SAAS;EAIvB,MAAM,aAAa,eAAe;GAChC,IAAI,eAAe,MAAM,MAAM,OAAO,EAAE,wBAAwB;GAChE,IAAI,kBAAkB,MAAM,MAC1B,OAAO,EAAE,2BAA2B;GACtC,IAAI,eAAe,MAAM,MAAM,OAAO,EAAE,wBAAwB;GAChE,OAAO,EAAE,uBAAuB;EAClC,CAAC;EAID,YAAU,YAAY,cAAc,YAAY;GAC9C,iBAAiB,QAAQ,KAAA,MAAc,YAAY;GACnD,IAAI,YAAY,cACd,KAAK,yBAAyB,YAAY,YAAY;QAEtD,iBAAiB;IAAE,GAAG,MAAM;IAAgB,WAAU,KAAA;GAAS,CAAC;EAEpE,CAAC;EAGD,oBAAkB;GAChB,IAAI,CAAC,MAAM,gBAAgB;GAC3B,IAAI,YAAY,iBAAiB,MAAM,gBACrC,iBAAiB,QAAQ;EAE7B,CAAC;EAID,SAAS,oBAAoB,WAAmB;GAC9C,KAAK,wBAAwB,SAAS;EACxC;EACA,SAAS,uBAAuB,cAAkC;GAChE,iBAAiB;IAAE,GAAG,aAAa;IAAI,WAAW,KAAA;GAAU,CAAC;GAC7D,iBAAiB,QAAQ;GACzB,IAAI,CAAC,cAAc,IACjB,KAAK,yBAAyB,KAAA,CAAS;GAEzC,KAAK,yBAAyB,aAAa,EAAE;GAC7C,IAAI,KAAA,MAAY,UAAU,cAAc,aAAa,aAAa,SAChE,mBAAmB,aAAa,EAAE;QAC7B;IACL,WAAW,QAAQ;IACnB,iBAAiB;KACf,WAAW,QAAQ;IACrB,GAAG,GAAI;GACT;EACF;EACA,eAAe,mBAAmB,SAA2B,KAAA,GAA0B;GACrF,MAAM,cAAa,UAAU,MAAM;GACnC,IAAI,CAAC,aACH;GAEF,OAAO,KAAK,EACV,OAAO;IAAE,GAAG,MAAM;IAAY,WAAW;IAAa,GAAE,KAAA;GAAW,EACrE,CAAC;EACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7IO,IAAG;CAAmB,OAAM;;;;CAG7B,OAAM;;;;CAqBmB,OAAM;;;qBAxBnC,mBAyCM,OAzCN,YAyCM,CAAA,CAvCK,OAAA,MAAM,kBAAkB,gBAAY,CAAK,OAAA,YAAY,gBAAA,UAAA,GAD9D,mBA+BM,OA/BN,YA+BM,CA3BJ,YAIE,OAAA,wBAAA;EAHC,eAAe,OAAA,EAAC,wBAAA;EAChB,oBAAkB,OAAA;EAClB,YAAU,OAAA;sDAEK,OAAA,UAAU,cAAa,OAAA,UAAU,eAAc,OAAA,kBAAA,UAAA,GAAjE,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA,CApBT,YAYE,OAAA,oBAAA;EAXQ,aAAW,OAAA;6DAAA,OAAA,mBAAgB;EAClC,OAAK,eAAA,CAAA,CAAA,CAAI,OAAA,iBAAc,KAAA,aAClB,KAAK,CAAA;EACV,OAAoB,OAAA,EAAA,2EAAA;EAKpB,iBAAe;EAChB,eAAY;EACX,eAAc,OAAA;;;;;KAEN,OAAA,cAAA,UAAA,GAAX,mBAMM,OANN,YAMM,gBAJF,OAAA,EAAA,2EAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,GAOR,YAOE,OAAA,kBAAA;EANC,aAAW,OAAA;EACZ,OAAM;EACL,WAAW;EACZ,aAAU;EACT,OAAO,OAAA;EACP,qBAAkB,OAAA"}

package/dist/ProductorSearch-ziDbxrDd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductorSearch-ziDbxrDd.mjs","names":[],"sources":["../src/components/display/filter/ProductorSearch.vue","../src/components/display/filter/ProductorSearch.vue"],"sourcesContent":["<template>\n  <div id=\"productor-search\" class=\"d-flex-column align-items-center my-3\">\n    <div\n      v-if=\"!state.generalParameters.podcastmaker && !filterStore.filterOrgaId\"\n      class=\"w-50-responsive pe-3 position-relative\"\n    >\n      <OrganisationChooser\n        :defaultanswer=\"t('No organisation filter')\"\n        :orga-id-selected=\"organisationId\"\n        @selected=\"onOrganisationSelected\"\n      />\n      <template  v-if=\"!authStore.authOrgaId ||authStore.authOrgaId ===organisationId\">\n        <ClassicCheckbox\n          v-model:text-init=\"keepOrganisation\"\n          :class=\"!!organisationId ? '' : 'invisible'\"\n          class=\"m-3\"\n          :label=\"\n            t(\n              'check this box if you want to keep this filter for the rest of your visit',\n            )\n          \"\n          :display-label=\"false\"\n          id-checkbox=\"organisation-checkbox\"\n          @click-action=\"onKeepOrganisation\"\n        />\n        <div v-if=\"showBubble\" class=\"filter-speech-bubble\">\n          {{\n            t(\n              \"check this box if you want to keep this filter for the rest of your visit\",\n            )\n          }}\n        </div>\n      </template>\n    </div>\n    <ClassicSearch\n      :text-init=\"searchPattern\"\n      class=\"w-50-responsive\"\n      :autofocus=\"true\"\n      id-search=\"productor-search-input\"\n      :label=\"searchText\"\n      @update:text-init=\"updateSearchPattern\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../organisation/OrganisationChooser.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n  () => import(\"../../form/ClassicCheckbox.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  searchPattern: { default: \"\", type: String },\n  type: { default: \"podcast\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\", \"update:searchPattern\"]);\n\n//Data \nconst keepOrganisation = ref(false);\nconst showBubble = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateRouteParam } = useRouteUpdateParams();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst searchText = computed(() => {\n  if (\"emission\" === props.type) return t(\"Look for emission name\");\n  if (\"participant\" === props.type)\n    return t(\"Look for participant name\");\n  if (\"playlist\" === props.type) return t(\"Look for playlist name\");\n  return t(\"Look for podcast name\");\n});\n\n\n//Watch\nwatch(()=>filterStore.filterOrgaId, async () => {\n  keepOrganisation.value = undefined !== filterStore.filterOrgaId;\n  if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }else{\n    updateRouteParam({ o: props.organisationId, productor:undefined});\n  }\n});\n \n\nonBeforeMount(()=>{\n  if (!props.organisationId) return;\n  if (filterStore.filterOrgaId === props.organisationId) {\n    keepOrganisation.value = true;\n  }\n})\n\n\n//Methods\nfunction updateSearchPattern(newSearch: string) {\n  emit(\"update:searchPattern\", newSearch);\n}\nfunction onOrganisationSelected(organisation: Organisation): void {\n  updateRouteParam({ o: organisation.id, productor: undefined });\n  keepOrganisation.value = false;\n  if (!organisation?.id) {\n    emit(\"update:organisationId\", undefined);\n  }\n  emit(\"update:organisationId\", organisation.id);\n  if (undefined===authStore.authOrgaId && \"PUBLIC\" !== organisation.privacy) {\n    onKeepOrganisation(organisation.id);\n  } else {\n    showBubble.value = true;\n    setTimeout(() => {\n      showBubble.value = false;\n    }, 6000);\n  }\n}\nasync function onKeepOrganisation(orgaId: string|undefined = undefined): Promise<void> {\n  const orgaToApply= orgaId ?? props.organisationId;\n  if (!orgaToApply) {\n    return;\n  }\n  router.push({\n    query: { ...route.query, ...{ productor: orgaToApply, o:undefined }},\n  });\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .filter-speech-bubble {\n    position: absolute;\n    background: var(--octopus-primary);\n    border-radius: var(--octopus-border-radius);\n    width: 10rem;\n    right: 4rem;\n    padding: 5px;\n    animation: fadein 1s;\n    color: white;\n  }\n\n  .filter-speech-bubble::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 50%;\n    width: 0;\n    height: 0;\n    border: 18px solid transparent;\n    border-left-color: var(--octopus-primary);\n    border-right: 0;\n    border-bottom: 0;\n    margin-top: -9px;\n    margin-right: -18px;\n    animation: fadein 1s;\n  }\n  @keyframes fadein {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n}\n</style>\n","<template>\n  <div id=\"productor-search\" class=\"d-flex-column align-items-center my-3\">\n    <div\n      v-if=\"!state.generalParameters.podcastmaker && !filterStore.filterOrgaId\"\n      class=\"w-50-responsive pe-3 position-relative\"\n    >\n      <OrganisationChooser\n        :defaultanswer=\"t('No organisation filter')\"\n        :orga-id-selected=\"organisationId\"\n        @selected=\"onOrganisationSelected\"\n      />\n      <template  v-if=\"!authStore.authOrgaId ||authStore.authOrgaId ===organisationId\">\n        <ClassicCheckbox\n          v-model:text-init=\"keepOrganisation\"\n          :class=\"!!organisationId ? '' : 'invisible'\"\n          class=\"m-3\"\n          :label=\"\n            t(\n              'check this box if you want to keep this filter for the rest of your visit',\n            )\n          \"\n          :display-label=\"false\"\n          id-checkbox=\"organisation-checkbox\"\n          @click-action=\"onKeepOrganisation\"\n        />\n        <div v-if=\"showBubble\" class=\"filter-speech-bubble\">\n          {{\n            t(\n              \"check this box if you want to keep this filter for the rest of your visit\",\n            )\n          }}\n        </div>\n      </template>\n    </div>\n    <ClassicSearch\n      :text-init=\"searchPattern\"\n      class=\"w-50-responsive\"\n      :autofocus=\"true\"\n      id-search=\"productor-search-input\"\n      :label=\"searchText\"\n      @update:text-init=\"updateSearchPattern\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport ClassicSearch from \"../../form/ClassicSearch.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../../stores/class/general/organisation\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { defineAsyncComponent, ref, computed, watch, onBeforeMount } from \"vue\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute, useRouter } from \"vue-router\";\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../organisation/OrganisationChooser.vue\"),\n);\nconst ClassicCheckbox = defineAsyncComponent(\n  () => import(\"../../form/ClassicCheckbox.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  searchPattern: { default: \"\", type: String },\n  type: { default: \"podcast\", type: String },\n})\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\", \"update:searchPattern\"]);\n\n//Data \nconst keepOrganisation = ref(false);\nconst showBubble = ref(false);\n\n//Composables\nconst { t } = useI18n();\nconst { updateRouteParam } = useRouteUpdateParams();\nconst filterStore = useFilterStore();\nconst authStore = useAuthStore();\nconst router = useRouter();\nconst route = useRoute();\n\n\n//Computed\nconst searchText = computed(() => {\n  if (\"emission\" === props.type) return t(\"Look for emission name\");\n  if (\"participant\" === props.type)\n    return t(\"Look for participant name\");\n  if (\"playlist\" === props.type) return t(\"Look for playlist name\");\n  return t(\"Look for podcast name\");\n});\n\n\n//Watch\nwatch(()=>filterStore.filterOrgaId, async () => {\n  keepOrganisation.value = undefined !== filterStore.filterOrgaId;\n  if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }else{\n    updateRouteParam({ o: props.organisationId, productor:undefined});\n  }\n});\n \n\nonBeforeMount(()=>{\n  if (!props.organisationId) return;\n  if (filterStore.filterOrgaId === props.organisationId) {\n    keepOrganisation.value = true;\n  }\n})\n\n\n//Methods\nfunction updateSearchPattern(newSearch: string) {\n  emit(\"update:searchPattern\", newSearch);\n}\nfunction onOrganisationSelected(organisation: Organisation): void {\n  updateRouteParam({ o: organisation.id, productor: undefined });\n  keepOrganisation.value = false;\n  if (!organisation?.id) {\n    emit(\"update:organisationId\", undefined);\n  }\n  emit(\"update:organisationId\", organisation.id);\n  if (undefined===authStore.authOrgaId && \"PUBLIC\" !== organisation.privacy) {\n    onKeepOrganisation(organisation.id);\n  } else {\n    showBubble.value = true;\n    setTimeout(() => {\n      showBubble.value = false;\n    }, 6000);\n  }\n}\nasync function onKeepOrganisation(orgaId: string|undefined = undefined): Promise<void> {\n  const orgaToApply= orgaId ?? props.organisationId;\n  if (!orgaToApply) {\n    return;\n  }\n  router.push({\n    query: { ...route.query, ...{ productor: orgaToApply, o:undefined }},\n  });\n}\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app {\n  .filter-speech-bubble {\n    position: absolute;\n    background: var(--octopus-primary);\n    border-radius: var(--octopus-border-radius);\n    width: 10rem;\n    right: 4rem;\n    padding: 5px;\n    animation: fadein 1s;\n    color: white;\n  }\n\n  .filter-speech-bubble::after {\n    content: \"\";\n    position: absolute;\n    right: 0;\n    top: 50%;\n    width: 0;\n    height: 0;\n    border: 18px solid transparent;\n    border-left-color: var(--octopus-primary);\n    border-right: 0;\n    border-bottom: 0;\n    margin-top: -9px;\n    margin-right: -18px;\n    animation: fadein 1s;\n  }\n  @keyframes fadein {\n    from { opacity: 0; }\n    to { opacity: 1; }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuDA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,kBAAkB,2BAChB,OAAO,kCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAGA,MAAM,QAAQ;EAOd,MAAM,OAAO;EAGb,MAAM,mBAAmB,IAAI,KAAK;EAClC,MAAM,aAAa,IAAI,KAAK;EAG5B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,EAAE,qBAAqB,qBAAqB;EAClD,MAAM,cAAc,eAAe;EACnC,MAAM,YAAY,aAAa;EAC/B,MAAM,SAAS,UAAU;EACzB,MAAM,QAAQ,SAAS;EAIvB,MAAM,aAAa,eAAe;GAChC,IAAI,eAAe,MAAM,MAAM,OAAO,EAAE,wBAAwB;GAChE,IAAI,kBAAkB,MAAM,MAC1B,OAAO,EAAE,2BAA2B;GACtC,IAAI,eAAe,MAAM,MAAM,OAAO,EAAE,wBAAwB;GAChE,OAAO,EAAE,uBAAuB;EAClC,CAAC;EAID,YAAU,YAAY,cAAc,YAAY;GAC9C,iBAAiB,QAAQ,KAAA,MAAc,YAAY;GACnD,IAAI,YAAY,cACd,KAAK,yBAAyB,YAAY,YAAY;QAEtD,iBAAiB;IAAE,GAAG,MAAM;IAAgB,WAAU,KAAA;GAAS,CAAC;EAEpE,CAAC;EAGD,oBAAkB;GAChB,IAAI,CAAC,MAAM,gBAAgB;GAC3B,IAAI,YAAY,iBAAiB,MAAM,gBACrC,iBAAiB,QAAQ;EAE7B,CAAC;EAID,SAAS,oBAAoB,WAAmB;GAC9C,KAAK,wBAAwB,SAAS;EACxC;EACA,SAAS,uBAAuB,cAAkC;GAChE,iBAAiB;IAAE,GAAG,aAAa;IAAI,WAAW,KAAA;GAAU,CAAC;GAC7D,iBAAiB,QAAQ;GACzB,IAAI,CAAC,cAAc,IACjB,KAAK,yBAAyB,KAAA,CAAS;GAEzC,KAAK,yBAAyB,aAAa,EAAE;GAC7C,IAAI,KAAA,MAAY,UAAU,cAAc,aAAa,aAAa,SAChE,mBAAmB,aAAa,EAAE;QAC7B;IACL,WAAW,QAAQ;IACnB,iBAAiB;KACf,WAAW,QAAQ;IACrB,GAAG,GAAI;GACT;EACF;EACA,eAAe,mBAAmB,SAA2B,KAAA,GAA0B;GACrF,MAAM,cAAa,UAAU,MAAM;GACnC,IAAI,CAAC,aACH;GAEF,OAAO,KAAK,EACV,OAAO;IAAE,GAAG,MAAM;IAAY,WAAW;IAAa,GAAE,KAAA;GAAW,EACrE,CAAC;EACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CC7IO,IAAG;CAAmB,OAAM;;;;CAG7B,OAAM;;;;CAqBmB,OAAM;;;qBAxBnC,mBAyCM,OAzCN,YAyCM,CAAA,CAvCK,OAAA,MAAM,kBAAkB,gBAAY,CAAK,OAAA,YAAY,gBAAA,UAAA,GAD9D,mBA+BM,OA/BN,YA+BM,CA3BJ,YAIE,OAAA,wBAAA;EAHC,eAAe,OAAA,EAAC,wBAAA;EAChB,oBAAkB,OAAA;EAClB,YAAU,OAAA;sDAEK,OAAA,UAAU,cAAa,OAAA,UAAU,eAAc,OAAA,kBAAA,UAAA,GAAjE,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA,CApBT,YAYE,OAAA,oBAAA;EAXQ,aAAW,OAAA;6DAAA,OAAA,mBAAgB;EAClC,OAAK,eAAA,CAAA,CAAA,CAAI,OAAA,iBAAc,KAAA,aAClB,KAAK,CAAA;EACV,OAAoB,OAAA,EAAA,2EAAA;EAKpB,iBAAe;EAChB,eAAY;EACX,eAAc,OAAA;;;;;KAEN,OAAA,cAAA,UAAA,GAAX,mBAMM,OANN,YAMM,gBAJF,OAAA,EAAA,2EAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAA,mBAAA,QAAA,IAAA,GAOR,YAOE,OAAA,kBAAA;EANC,aAAW,OAAA;EACZ,OAAM;EACL,WAAW;EACZ,aAAU;EACT,OAAO,OAAA;EACP,qBAAkB,OAAA"}

package/dist/ProgressBar-BOq9RfZ2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-BOq9RfZ2.mjs","names":[],"sources":["../src/components/misc/ProgressBar.vue","../src/components/misc/ProgressBar.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"!inPlayer || display\"\n    id=\"test-menu-dropdown\"\n    class=\"octopus-progress\"\n  >\n    <div\n      v-if=\"secondaryProgress\"\n      class=\"octopus-progress-bar bg-warning\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Live progress bar')\"\n      :style=\"'width: ' + secondaryProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar bg-complementary\"\n        :style=\"{ width: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 bg-complementary\"\n        :style=\"{ width: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      class=\"octopus-progress-bar current-progress\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Listening progress bar')\"\n      :style=\"'width: ' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ left: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ right: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      v-if=\"alertBar\"\n      class=\"octopus-progress-bar octopus-progress-bar-duration bg-danger\"\n      :style=\"'left: ' + alertBar + '%'\"\n    />\n    <div\n      v-if=\"isProgressCursor\"\n      class=\"octopus-progress-bar-cursor\"\n      :style=\"'left:' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerChapteringPercent\">\n      <template v-for=\"chapter in playerStore.playerChapteringPercent\" :key=\"chapter\">\n        <div\n          :id=\"'chapter-' + chapter.startPercent\"\n          class=\"octopus-progress-bar octopus-chapter\"\n          :style=\"{\n            left: chapter.startPercent + '%',\n            right: 100 - chapter.endPercent + '%',\n          }\"\n        />\n        <!-- If top layer widely available no need to teleport -->\n        <Teleport to=\"#octopus-player-component\">\n          <ClassicPopover\n            :target=\"'chapter-' + chapter.startPercent\"\n            :is-fixed=\"true\"\n            relative-class=\"player-container\"\n            :only-mouse=\"true\"\n            popover-class=\"octopus-small-popover popover-z-index\"\n            :content=\"chapter.title\"\n            :is-top-layer=\"true\"\n          />\n        </Teleport>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\n\n//Props \ndefineProps({\n  alertBar: { default: undefined, type: Number },\n  mainProgress: { default: 0, type: Number },\n  secondaryProgress: { default: 0, type: Number },\n  isProgressCursor: { default: false, type: Boolean },\n  inPlayer: { default: false, type: Boolean },\n})\n\n\n//Data \nconst mediaCueInPercent = ref(0);\nconst mediaCueOutPercent = ref(100);\n\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst display = computed(() => \"STOPPED\" !== playerStore.playerStatus);\n\n\n//Watch\nwatch(()=>playerStore.playerMedia, () => {\n  if (playerStore.playerMedia) {\n    mediaCueInPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueIn ?? 0,\n    );\n    mediaCueOutPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueOut ?? null,\n    );\n  }\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction timeMediaToPercent(value: number | null): number {\n  if (null === value || !playerStore.playerMedia) {\n    return 100;\n  }\n  return (value * 100) / (playerStore.playerMedia?.duration ?? 1);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app{\n  .octopus-progress{\n    display: flex;\n    overflow: hidden;\n    background-color: var(--octopus-player-progress-background-color);\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    cursor: pointer;\n\n    .octopus-progress-bar{\n      position: absolute;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      overflow: hidden;\n      color: var(--octopus-color-on-primary);\n      text-align: center;\n      white-space: nowrap;\n      background-color: var(--octopus-player-progress-color-current);\n      transition: width 0.6s ease;\n    }\n\n    .octopus-chapter{\n      position: absolute;\n      background: transparent;\n      background-clip: content-box;\n      padding: 0 5px;\n      box-shadow: inset -2px 1px 0 0 black,\n                  inset 2px 1px 0 0 black;\n\n      &:hover{\n        background: var(--octopus-background-transparent);\n        box-shadow: -4px 1px 0 0 black;\n      }\n    }\n\n    &,.octopus-progress-bar{\n      height: 4px;\n      @media (width <= 960px) {\n        height: 8px;\n      }\n    }\n\n    &.large,&.large .octopus-progress-bar{\n      height: 15px;\n    }\n\n    &.medium,&.medium .octopus-progress-bar{\n      height: 6px;\n    }\n\n    .octopus-progress-bar-duration {\n      width: 10px;\n    }\n\n    .octopus-progress-bar-cursor{\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: black;\n      align-self: center;\n      position: absolute;\n    }\n\n    .end-0{\n      right: 0;\n    }\n  }\n\n  .player-container {\n    .octopus-small-popover {\n      font-size: 0.7rem;\n      background: var(--octopus-player-color);\n      color: white;\n      border: 0;\n\n      .p-2 {\n        padding: 0.2rem !important;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"!inPlayer || display\"\n    id=\"test-menu-dropdown\"\n    class=\"octopus-progress\"\n  >\n    <div\n      v-if=\"secondaryProgress\"\n      class=\"octopus-progress-bar bg-warning\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Live progress bar')\"\n      :style=\"'width: ' + secondaryProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar bg-complementary\"\n        :style=\"{ width: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 bg-complementary\"\n        :style=\"{ width: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      class=\"octopus-progress-bar current-progress\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Listening progress bar')\"\n      :style=\"'width: ' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ left: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ right: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      v-if=\"alertBar\"\n      class=\"octopus-progress-bar octopus-progress-bar-duration bg-danger\"\n      :style=\"'left: ' + alertBar + '%'\"\n    />\n    <div\n      v-if=\"isProgressCursor\"\n      class=\"octopus-progress-bar-cursor\"\n      :style=\"'left:' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerChapteringPercent\">\n      <template v-for=\"chapter in playerStore.playerChapteringPercent\" :key=\"chapter\">\n        <div\n          :id=\"'chapter-' + chapter.startPercent\"\n          class=\"octopus-progress-bar octopus-chapter\"\n          :style=\"{\n            left: chapter.startPercent + '%',\n            right: 100 - chapter.endPercent + '%',\n          }\"\n        />\n        <!-- If top layer widely available no need to teleport -->\n        <Teleport to=\"#octopus-player-component\">\n          <ClassicPopover\n            :target=\"'chapter-' + chapter.startPercent\"\n            :is-fixed=\"true\"\n            relative-class=\"player-container\"\n            :only-mouse=\"true\"\n            popover-class=\"octopus-small-popover popover-z-index\"\n            :content=\"chapter.title\"\n            :is-top-layer=\"true\"\n          />\n        </Teleport>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\n\n//Props \ndefineProps({\n  alertBar: { default: undefined, type: Number },\n  mainProgress: { default: 0, type: Number },\n  secondaryProgress: { default: 0, type: Number },\n  isProgressCursor: { default: false, type: Boolean },\n  inPlayer: { default: false, type: Boolean },\n})\n\n\n//Data \nconst mediaCueInPercent = ref(0);\nconst mediaCueOutPercent = ref(100);\n\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst display = computed(() => \"STOPPED\" !== playerStore.playerStatus);\n\n\n//Watch\nwatch(()=>playerStore.playerMedia, () => {\n  if (playerStore.playerMedia) {\n    mediaCueInPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueIn ?? 0,\n    );\n    mediaCueOutPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueOut ?? null,\n    );\n  }\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction timeMediaToPercent(value: number | null): number {\n  if (null === value || !playerStore.playerMedia) {\n    return 100;\n  }\n  return (value * 100) / (playerStore.playerMedia?.duration ?? 1);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app{\n  .octopus-progress{\n    display: flex;\n    overflow: hidden;\n    background-color: var(--octopus-player-progress-background-color);\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    cursor: pointer;\n\n    .octopus-progress-bar{\n      position: absolute;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      overflow: hidden;\n      color: var(--octopus-color-on-primary);\n      text-align: center;\n      white-space: nowrap;\n      background-color: var(--octopus-player-progress-color-current);\n      transition: width 0.6s ease;\n    }\n\n    .octopus-chapter{\n      position: absolute;\n      background: transparent;\n      background-clip: content-box;\n      padding: 0 5px;\n      box-shadow: inset -2px 1px 0 0 black,\n                  inset 2px 1px 0 0 black;\n\n      &:hover{\n        background: var(--octopus-background-transparent);\n        box-shadow: -4px 1px 0 0 black;\n      }\n    }\n\n    &,.octopus-progress-bar{\n      height: 4px;\n      @media (width <= 960px) {\n        height: 8px;\n      }\n    }\n\n    &.large,&.large .octopus-progress-bar{\n      height: 15px;\n    }\n\n    &.medium,&.medium .octopus-progress-bar{\n      height: 6px;\n    }\n\n    .octopus-progress-bar-duration {\n      width: 10px;\n    }\n\n    .octopus-progress-bar-cursor{\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: black;\n      align-self: center;\n      position: absolute;\n    }\n\n    .end-0{\n      right: 0;\n    }\n  }\n\n  .player-container {\n    .octopus-small-popover {\n      font-size: 0.7rem;\n      background: var(--octopus-player-color);\n      color: white;\n      border: 0;\n\n      .p-2 {\n        padding: 0.2rem !important;\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwFA,MAAM,iBAAiB,2BACf,OAAO,iCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAaA,MAAM,oBAAoB,IAAI,CAAC;EAC/B,MAAM,qBAAqB,IAAI,GAAG;EAIlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,UAAU,eAAe,cAAc,YAAY,YAAY;EAIrE,YAAU,YAAY,mBAAmB;GACvC,IAAI,YAAY,aAAa;IAC3B,kBAAkB,QAAQ,mBACxB,YAAY,YAAY,SAAS,CACnC;IACA,mBAAmB,QAAQ,mBACzB,YAAY,YAAY,UAAU,IACpC;GACF;EACF,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAIhC,SAAS,mBAAmB,OAA8B;GACxD,IAAI,SAAS,SAAS,CAAC,YAAY,aACjC,OAAO;GAET,OAAQ,QAAQ,OAAQ,YAAY,aAAa,YAAY;EAC/D;;;;;;;;;;;;;;;;;;;;;;CCnII,IAAG;CACH,OAAM;;;;;;SAFC,OAAA,YAAY,OAAA,WAAA,UAAA,GADrB,mBAgFM,OAhFN,YAgFM;EA1EI,OAAA,qBAAA,UAAA,GADR,mBAQE,OAAA;;GANA,OAAM;GACN,iBAAc;GACd,iBAAc;GACd,iBAAc;GACb,cAAY,OAAA,EAAC,mBAAA;GACb,OAAK,eAAA,YAAc,OAAA,oBAAiB,GAAA;;EAEvB,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAWW,UAAA,EAAA,KAAA,EAAA,GAAA,CATD,OAAA,oBAAiB,KAAA,UAAA,GADzB,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,CAAY,OAAA,oBAAiB,IAAA,CAAA;mDAG7B,OAAA,qBAAkB,OAAA,UAAA,GAD1B,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,MAAkB,OAAA,qBAAkB,IAAA,CAAA;;EAG9C,mBAOE,OAAA;GANA,OAAM;GACN,iBAAc;GACd,iBAAc;GACd,iBAAc;GACb,cAAY,OAAA,EAAC,wBAAA;GACb,OAAK,eAAA,YAAc,OAAA,eAAY,GAAA;;EAElB,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAWW,UAAA,EAAA,KAAA,EAAA,GAAA,CATD,OAAA,oBAAiB,KAAA,UAAA,GADzB,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,MAAA,CAAW,OAAA,oBAAiB,IAAA,CAAA;mDAG5B,OAAA,qBAAkB,OAAA,UAAA,GAD1B,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,MAAkB,OAAA,qBAAkB,IAAA,CAAA;;EAItC,OAAA,YAAA,UAAA,GADR,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,WAAa,OAAA,WAAQ,GAAA;;EAGrB,OAAA,oBAAA,UAAA,GADR,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,UAAY,OAAA,eAAY,GAAA;;EAEhB,OAAA,YAAY,2BAAA,UAAA,IAAA,GAC1B,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA,WArBiB,OAAA,YAAY,0BAAvB,YAAO;2DAA+C,QAAO,GAAA;IAC5E,mBAOE,OAAA;KANC,IAAE,aAAe,QAAQ;KAC1B,OAAM;KACL,OAAK,eAAA;YAAsB,QAAQ,eAAY;mBAAiC,QAAQ,aAAU;;;IAKrG,mBAAA,qDAAA;kBACA,YAUW,UAAA,EAVD,IAAG,4BAA2B,GAAA,CACtC,YAQE,OAAA,mBAAA;KAPC,QAAM,aAAe,QAAQ;KAC7B,YAAU;KACX,kBAAe;KACd,cAAY;KACb,iBAAc;KACb,SAAS,QAAQ;KACjB,gBAAc"}

package/dist/{ProgressBar-0DSoUTwB.mjs → ProgressBar-BVc0_6Lv.mjs}

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
 import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeStyle, openBlock, ref, renderList, watch } from "vue";
 import { useI18n } from "vue-i18n";
 //#region src/components/misc/ProgressBar.vue?vue&type=script&setup=true&lang.ts
@@ -155,4 +155,4 @@ var ProgressBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Progre
 //#endregion
 export { ProgressBar_exports as n, ProgressBar_default as t };
 
-//# sourceMappingURL=ProgressBar-0DSoUTwB.mjs.map
+//# sourceMappingURL=ProgressBar-BVc0_6Lv.mjs.map

package/dist/ProgressBar-BVc0_6Lv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-BVc0_6Lv.mjs","names":[],"sources":["../src/components/misc/ProgressBar.vue","../src/components/misc/ProgressBar.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"!inPlayer || display\"\n    id=\"test-menu-dropdown\"\n    class=\"octopus-progress\"\n  >\n    <div\n      v-if=\"secondaryProgress\"\n      class=\"octopus-progress-bar bg-warning\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Live progress bar')\"\n      :style=\"'width: ' + secondaryProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar bg-complementary\"\n        :style=\"{ width: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 bg-complementary\"\n        :style=\"{ width: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      class=\"octopus-progress-bar current-progress\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Listening progress bar')\"\n      :style=\"'width: ' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ left: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ right: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      v-if=\"alertBar\"\n      class=\"octopus-progress-bar octopus-progress-bar-duration bg-danger\"\n      :style=\"'left: ' + alertBar + '%'\"\n    />\n    <div\n      v-if=\"isProgressCursor\"\n      class=\"octopus-progress-bar-cursor\"\n      :style=\"'left:' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerChapteringPercent\">\n      <template v-for=\"chapter in playerStore.playerChapteringPercent\" :key=\"chapter\">\n        <div\n          :id=\"'chapter-' + chapter.startPercent\"\n          class=\"octopus-progress-bar octopus-chapter\"\n          :style=\"{\n            left: chapter.startPercent + '%',\n            right: 100 - chapter.endPercent + '%',\n          }\"\n        />\n        <!-- If top layer widely available no need to teleport -->\n        <Teleport to=\"#octopus-player-component\">\n          <ClassicPopover\n            :target=\"'chapter-' + chapter.startPercent\"\n            :is-fixed=\"true\"\n            relative-class=\"player-container\"\n            :only-mouse=\"true\"\n            popover-class=\"octopus-small-popover popover-z-index\"\n            :content=\"chapter.title\"\n            :is-top-layer=\"true\"\n          />\n        </Teleport>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\n\n//Props \ndefineProps({\n  alertBar: { default: undefined, type: Number },\n  mainProgress: { default: 0, type: Number },\n  secondaryProgress: { default: 0, type: Number },\n  isProgressCursor: { default: false, type: Boolean },\n  inPlayer: { default: false, type: Boolean },\n})\n\n\n//Data \nconst mediaCueInPercent = ref(0);\nconst mediaCueOutPercent = ref(100);\n\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst display = computed(() => \"STOPPED\" !== playerStore.playerStatus);\n\n\n//Watch\nwatch(()=>playerStore.playerMedia, () => {\n  if (playerStore.playerMedia) {\n    mediaCueInPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueIn ?? 0,\n    );\n    mediaCueOutPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueOut ?? null,\n    );\n  }\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction timeMediaToPercent(value: number | null): number {\n  if (null === value || !playerStore.playerMedia) {\n    return 100;\n  }\n  return (value * 100) / (playerStore.playerMedia?.duration ?? 1);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app{\n  .octopus-progress{\n    display: flex;\n    overflow: hidden;\n    background-color: var(--octopus-player-progress-background-color);\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    cursor: pointer;\n\n    .octopus-progress-bar{\n      position: absolute;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      overflow: hidden;\n      color: var(--octopus-color-on-primary);\n      text-align: center;\n      white-space: nowrap;\n      background-color: var(--octopus-player-progress-color-current);\n      transition: width 0.6s ease;\n    }\n\n    .octopus-chapter{\n      position: absolute;\n      background: transparent;\n      background-clip: content-box;\n      padding: 0 5px;\n      box-shadow: inset -2px 1px 0 0 black,\n                  inset 2px 1px 0 0 black;\n\n      &:hover{\n        background: var(--octopus-background-transparent);\n        box-shadow: -4px 1px 0 0 black;\n      }\n    }\n\n    &,.octopus-progress-bar{\n      height: 4px;\n      @media (width <= 960px) {\n        height: 8px;\n      }\n    }\n\n    &.large,&.large .octopus-progress-bar{\n      height: 15px;\n    }\n\n    &.medium,&.medium .octopus-progress-bar{\n      height: 6px;\n    }\n\n    .octopus-progress-bar-duration {\n      width: 10px;\n    }\n\n    .octopus-progress-bar-cursor{\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: black;\n      align-self: center;\n      position: absolute;\n    }\n\n    .end-0{\n      right: 0;\n    }\n  }\n\n  .player-container {\n    .octopus-small-popover {\n      font-size: 0.7rem;\n      background: var(--octopus-player-color);\n      color: white;\n      border: 0;\n\n      .p-2 {\n        padding: 0.2rem !important;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"!inPlayer || display\"\n    id=\"test-menu-dropdown\"\n    class=\"octopus-progress\"\n  >\n    <div\n      v-if=\"secondaryProgress\"\n      class=\"octopus-progress-bar bg-warning\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Live progress bar')\"\n      :style=\"'width: ' + secondaryProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar bg-complementary\"\n        :style=\"{ width: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 bg-complementary\"\n        :style=\"{ width: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      class=\"octopus-progress-bar current-progress\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Listening progress bar')\"\n      :style=\"'width: ' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ left: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ right: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      v-if=\"alertBar\"\n      class=\"octopus-progress-bar octopus-progress-bar-duration bg-danger\"\n      :style=\"'left: ' + alertBar + '%'\"\n    />\n    <div\n      v-if=\"isProgressCursor\"\n      class=\"octopus-progress-bar-cursor\"\n      :style=\"'left:' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerChapteringPercent\">\n      <template v-for=\"chapter in playerStore.playerChapteringPercent\" :key=\"chapter\">\n        <div\n          :id=\"'chapter-' + chapter.startPercent\"\n          class=\"octopus-progress-bar octopus-chapter\"\n          :style=\"{\n            left: chapter.startPercent + '%',\n            right: 100 - chapter.endPercent + '%',\n          }\"\n        />\n        <!-- If top layer widely available no need to teleport -->\n        <Teleport to=\"#octopus-player-component\">\n          <ClassicPopover\n            :target=\"'chapter-' + chapter.startPercent\"\n            :is-fixed=\"true\"\n            relative-class=\"player-container\"\n            :only-mouse=\"true\"\n            popover-class=\"octopus-small-popover popover-z-index\"\n            :content=\"chapter.title\"\n            :is-top-layer=\"true\"\n          />\n        </Teleport>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\n\n//Props \ndefineProps({\n  alertBar: { default: undefined, type: Number },\n  mainProgress: { default: 0, type: Number },\n  secondaryProgress: { default: 0, type: Number },\n  isProgressCursor: { default: false, type: Boolean },\n  inPlayer: { default: false, type: Boolean },\n})\n\n\n//Data \nconst mediaCueInPercent = ref(0);\nconst mediaCueOutPercent = ref(100);\n\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst display = computed(() => \"STOPPED\" !== playerStore.playerStatus);\n\n\n//Watch\nwatch(()=>playerStore.playerMedia, () => {\n  if (playerStore.playerMedia) {\n    mediaCueInPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueIn ?? 0,\n    );\n    mediaCueOutPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueOut ?? null,\n    );\n  }\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction timeMediaToPercent(value: number | null): number {\n  if (null === value || !playerStore.playerMedia) {\n    return 100;\n  }\n  return (value * 100) / (playerStore.playerMedia?.duration ?? 1);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app{\n  .octopus-progress{\n    display: flex;\n    overflow: hidden;\n    background-color: var(--octopus-player-progress-background-color);\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    cursor: pointer;\n\n    .octopus-progress-bar{\n      position: absolute;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      overflow: hidden;\n      color: var(--octopus-color-on-primary);\n      text-align: center;\n      white-space: nowrap;\n      background-color: var(--octopus-player-progress-color-current);\n      transition: width 0.6s ease;\n    }\n\n    .octopus-chapter{\n      position: absolute;\n      background: transparent;\n      background-clip: content-box;\n      padding: 0 5px;\n      box-shadow: inset -2px 1px 0 0 black,\n                  inset 2px 1px 0 0 black;\n\n      &:hover{\n        background: var(--octopus-background-transparent);\n        box-shadow: -4px 1px 0 0 black;\n      }\n    }\n\n    &,.octopus-progress-bar{\n      height: 4px;\n      @media (width <= 960px) {\n        height: 8px;\n      }\n    }\n\n    &.large,&.large .octopus-progress-bar{\n      height: 15px;\n    }\n\n    &.medium,&.medium .octopus-progress-bar{\n      height: 6px;\n    }\n\n    .octopus-progress-bar-duration {\n      width: 10px;\n    }\n\n    .octopus-progress-bar-cursor{\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: black;\n      align-self: center;\n      position: absolute;\n    }\n\n    .end-0{\n      right: 0;\n    }\n  }\n\n  .player-container {\n    .octopus-small-popover {\n      font-size: 0.7rem;\n      background: var(--octopus-player-color);\n      color: white;\n      border: 0;\n\n      .p-2 {\n        padding: 0.2rem !important;\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwFA,MAAM,iBAAiB,2BACf,OAAO,iCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAaA,MAAM,oBAAoB,IAAI,CAAC;EAC/B,MAAM,qBAAqB,IAAI,GAAG;EAIlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,UAAU,eAAe,cAAc,YAAY,YAAY;EAIrE,YAAU,YAAY,mBAAmB;GACvC,IAAI,YAAY,aAAa;IAC3B,kBAAkB,QAAQ,mBACxB,YAAY,YAAY,SAAS,CACnC;IACA,mBAAmB,QAAQ,mBACzB,YAAY,YAAY,UAAU,IACpC;GACF;EACF,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAIhC,SAAS,mBAAmB,OAA8B;GACxD,IAAI,SAAS,SAAS,CAAC,YAAY,aACjC,OAAO;GAET,OAAQ,QAAQ,OAAQ,YAAY,aAAa,YAAY;EAC/D;;;;;;;;;;;;;;;;;;;;;;CCnII,IAAG;CACH,OAAM;;;;;;SAFC,OAAA,YAAY,OAAA,WAAA,UAAA,GADrB,mBAgFM,OAhFN,YAgFM;EA1EI,OAAA,qBAAA,UAAA,GADR,mBAQE,OAAA;;GANA,OAAM;GACN,iBAAc;GACd,iBAAc;GACd,iBAAc;GACb,cAAY,OAAA,EAAC,mBAAA;GACb,OAAK,eAAA,YAAc,OAAA,oBAAiB,GAAA;;EAEvB,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAWW,UAAA,EAAA,KAAA,EAAA,GAAA,CATD,OAAA,oBAAiB,KAAA,UAAA,GADzB,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,CAAY,OAAA,oBAAiB,IAAA,CAAA;mDAG7B,OAAA,qBAAkB,OAAA,UAAA,GAD1B,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,MAAkB,OAAA,qBAAkB,IAAA,CAAA;;EAG9C,mBAOE,OAAA;GANA,OAAM;GACN,iBAAc;GACd,iBAAc;GACd,iBAAc;GACb,cAAY,OAAA,EAAC,wBAAA;GACb,OAAK,eAAA,YAAc,OAAA,eAAY,GAAA;;EAElB,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAWW,UAAA,EAAA,KAAA,EAAA,GAAA,CATD,OAAA,oBAAiB,KAAA,UAAA,GADzB,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,MAAA,CAAW,OAAA,oBAAiB,IAAA,CAAA;mDAG5B,OAAA,qBAAkB,OAAA,UAAA,GAD1B,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,MAAkB,OAAA,qBAAkB,IAAA,CAAA;;EAItC,OAAA,YAAA,UAAA,GADR,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,WAAa,OAAA,WAAQ,GAAA;;EAGrB,OAAA,oBAAA,UAAA,GADR,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,UAAY,OAAA,eAAY,GAAA;;EAEhB,OAAA,YAAY,2BAAA,UAAA,IAAA,GAC1B,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA,WArBiB,OAAA,YAAY,0BAAvB,YAAO;2DAA+C,QAAO,GAAA;IAC5E,mBAOE,OAAA;KANC,IAAE,aAAe,QAAQ;KAC1B,OAAM;KACL,OAAK,eAAA;YAAsB,QAAQ,eAAY;mBAAiC,QAAQ,aAAU;;;IAKrG,mBAAA,qDAAA;kBACA,YAUW,UAAA,EAVD,IAAG,4BAA2B,GAAA,CACtC,YAQE,OAAA,mBAAA;KAPC,QAAM,aAAe,QAAQ;KAC7B,YAAU;KACX,kBAAe;KACd,cAAY;KACb,iBAAc;KACb,SAAS,QAAQ;KACjB,gBAAc"}

package/dist/ProgressBar-Cgt2PqnO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar-Cgt2PqnO.mjs","names":[],"sources":["../src/components/misc/ProgressBar.vue","../src/components/misc/ProgressBar.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"!inPlayer || display\"\n    id=\"test-menu-dropdown\"\n    class=\"octopus-progress\"\n  >\n    <div\n      v-if=\"secondaryProgress\"\n      class=\"octopus-progress-bar bg-warning\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Live progress bar')\"\n      :style=\"'width: ' + secondaryProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar bg-complementary\"\n        :style=\"{ width: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 bg-complementary\"\n        :style=\"{ width: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      class=\"octopus-progress-bar current-progress\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Listening progress bar')\"\n      :style=\"'width: ' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ left: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ right: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      v-if=\"alertBar\"\n      class=\"octopus-progress-bar octopus-progress-bar-duration bg-danger\"\n      :style=\"'left: ' + alertBar + '%'\"\n    />\n    <div\n      v-if=\"isProgressCursor\"\n      class=\"octopus-progress-bar-cursor\"\n      :style=\"'left:' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerChapteringPercent\">\n      <template v-for=\"chapter in playerStore.playerChapteringPercent\" :key=\"chapter\">\n        <div\n          :id=\"'chapter-' + chapter.startPercent\"\n          class=\"octopus-progress-bar octopus-chapter\"\n          :style=\"{\n            left: chapter.startPercent + '%',\n            right: 100 - chapter.endPercent + '%',\n          }\"\n        />\n        <!-- If top layer widely available no need to teleport -->\n        <Teleport to=\"#octopus-player-component\">\n          <ClassicPopover\n            :target=\"'chapter-' + chapter.startPercent\"\n            :is-fixed=\"true\"\n            relative-class=\"player-container\"\n            :only-mouse=\"true\"\n            popover-class=\"octopus-small-popover popover-z-index\"\n            :content=\"chapter.title\"\n            :is-top-layer=\"true\"\n          />\n        </Teleport>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\n\n//Props \ndefineProps({\n  alertBar: { default: undefined, type: Number },\n  mainProgress: { default: 0, type: Number },\n  secondaryProgress: { default: 0, type: Number },\n  isProgressCursor: { default: false, type: Boolean },\n  inPlayer: { default: false, type: Boolean },\n})\n\n\n//Data \nconst mediaCueInPercent = ref(0);\nconst mediaCueOutPercent = ref(100);\n\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst display = computed(() => \"STOPPED\" !== playerStore.playerStatus);\n\n\n//Watch\nwatch(()=>playerStore.playerMedia, () => {\n  if (playerStore.playerMedia) {\n    mediaCueInPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueIn ?? 0,\n    );\n    mediaCueOutPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueOut ?? null,\n    );\n  }\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction timeMediaToPercent(value: number | null): number {\n  if (null === value || !playerStore.playerMedia) {\n    return 100;\n  }\n  return (value * 100) / (playerStore.playerMedia?.duration ?? 1);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app{\n  .octopus-progress{\n    display: flex;\n    overflow: hidden;\n    background-color: var(--octopus-player-progress-background-color);\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    cursor: pointer;\n\n    .octopus-progress-bar{\n      position: absolute;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      overflow: hidden;\n      color: var(--octopus-color-on-primary);\n      text-align: center;\n      white-space: nowrap;\n      background-color: var(--octopus-player-progress-color-current);\n      transition: width 0.6s ease;\n    }\n\n    .octopus-chapter{\n      position: absolute;\n      background: transparent;\n      background-clip: content-box;\n      padding: 0 5px;\n      box-shadow: inset -2px 1px 0 0 black,\n                  inset 2px 1px 0 0 black;\n\n      &:hover{\n        background: var(--octopus-background-transparent);\n        box-shadow: -4px 1px 0 0 black;\n      }\n    }\n\n    &,.octopus-progress-bar{\n      height: 4px;\n      @media (width <= 960px) {\n        height: 8px;\n      }\n    }\n\n    &.large,&.large .octopus-progress-bar{\n      height: 15px;\n    }\n\n    &.medium,&.medium .octopus-progress-bar{\n      height: 6px;\n    }\n\n    .octopus-progress-bar-duration {\n      width: 10px;\n    }\n\n    .octopus-progress-bar-cursor{\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: black;\n      align-self: center;\n      position: absolute;\n    }\n\n    .end-0{\n      right: 0;\n    }\n  }\n\n  .player-container {\n    .octopus-small-popover {\n      font-size: 0.7rem;\n      background: var(--octopus-player-color);\n      color: white;\n      border: 0;\n\n      .p-2 {\n        padding: 0.2rem !important;\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div\n    v-if=\"!inPlayer || display\"\n    id=\"test-menu-dropdown\"\n    class=\"octopus-progress\"\n  >\n    <div\n      v-if=\"secondaryProgress\"\n      class=\"octopus-progress-bar bg-warning\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Live progress bar')\"\n      :style=\"'width: ' + secondaryProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar bg-complementary\"\n        :style=\"{ width: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 bg-complementary\"\n        :style=\"{ width: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      class=\"octopus-progress-bar current-progress\"\n      aria-valuenow=\"0\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      :aria-label=\"t('Listening progress bar')\"\n      :style=\"'width: ' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerMedia\">\n      <div\n        v-if=\"mediaCueInPercent > 0\"\n        class=\"octopus-progress-bar octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ left: +mediaCueInPercent + '%' }\"\n      />\n      <div\n        v-if=\"mediaCueOutPercent < 100\"\n        class=\"octopus-progress-bar end-0 octopus-progress-bar-duration bg-complementary\"\n        :style=\"{ right: +100 - mediaCueOutPercent + '%' }\"\n      />\n    </template>\n    <div\n      v-if=\"alertBar\"\n      class=\"octopus-progress-bar octopus-progress-bar-duration bg-danger\"\n      :style=\"'left: ' + alertBar + '%'\"\n    />\n    <div\n      v-if=\"isProgressCursor\"\n      class=\"octopus-progress-bar-cursor\"\n      :style=\"'left:' + mainProgress + '%'\"\n    />\n    <template v-if=\"playerStore.playerChapteringPercent\">\n      <template v-for=\"chapter in playerStore.playerChapteringPercent\" :key=\"chapter\">\n        <div\n          :id=\"'chapter-' + chapter.startPercent\"\n          class=\"octopus-progress-bar octopus-chapter\"\n          :style=\"{\n            left: chapter.startPercent + '%',\n            right: 100 - chapter.endPercent + '%',\n          }\"\n        />\n        <!-- If top layer widely available no need to teleport -->\n        <Teleport to=\"#octopus-player-component\">\n          <ClassicPopover\n            :target=\"'chapter-' + chapter.startPercent\"\n            :is-fixed=\"true\"\n            relative-class=\"player-container\"\n            :only-mouse=\"true\"\n            popover-class=\"octopus-small-popover popover-z-index\"\n            :content=\"chapter.title\"\n            :is-top-layer=\"true\"\n          />\n        </Teleport>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ClassicPopover = defineAsyncComponent(\n  () => import(\"../misc/ClassicPopover.vue\"),\n);\n\n//Props \ndefineProps({\n  alertBar: { default: undefined, type: Number },\n  mainProgress: { default: 0, type: Number },\n  secondaryProgress: { default: 0, type: Number },\n  isProgressCursor: { default: false, type: Boolean },\n  inPlayer: { default: false, type: Boolean },\n})\n\n\n//Data \nconst mediaCueInPercent = ref(0);\nconst mediaCueOutPercent = ref(100);\n\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\n\n//Computed\nconst display = computed(() => \"STOPPED\" !== playerStore.playerStatus);\n\n\n//Watch\nwatch(()=>playerStore.playerMedia, () => {\n  if (playerStore.playerMedia) {\n    mediaCueInPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueIn ?? 0,\n    );\n    mediaCueOutPercent.value = timeMediaToPercent(\n      playerStore.playerMedia.cueOut ?? null,\n    );\n  }\n}, {deep: true, immediate: true});\n\n\n//Methods\nfunction timeMediaToPercent(value: number | null): number {\n  if (null === value || !playerStore.playerMedia) {\n    return 100;\n  }\n  return (value * 100) / (playerStore.playerMedia?.duration ?? 1);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app{\n  .octopus-progress{\n    display: flex;\n    overflow: hidden;\n    background-color: var(--octopus-player-progress-background-color);\n    border-radius: var(--octopus-border-radius);\n    position: relative;\n    cursor: pointer;\n\n    .octopus-progress-bar{\n      position: absolute;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      overflow: hidden;\n      color: var(--octopus-color-on-primary);\n      text-align: center;\n      white-space: nowrap;\n      background-color: var(--octopus-player-progress-color-current);\n      transition: width 0.6s ease;\n    }\n\n    .octopus-chapter{\n      position: absolute;\n      background: transparent;\n      background-clip: content-box;\n      padding: 0 5px;\n      box-shadow: inset -2px 1px 0 0 black,\n                  inset 2px 1px 0 0 black;\n\n      &:hover{\n        background: var(--octopus-background-transparent);\n        box-shadow: -4px 1px 0 0 black;\n      }\n    }\n\n    &,.octopus-progress-bar{\n      height: 4px;\n      @media (width <= 960px) {\n        height: 8px;\n      }\n    }\n\n    &.large,&.large .octopus-progress-bar{\n      height: 15px;\n    }\n\n    &.medium,&.medium .octopus-progress-bar{\n      height: 6px;\n    }\n\n    .octopus-progress-bar-duration {\n      width: 10px;\n    }\n\n    .octopus-progress-bar-cursor{\n      width: 10px;\n      height: 10px;\n      border-radius: 50%;\n      background: black;\n      align-self: center;\n      position: absolute;\n    }\n\n    .end-0{\n      right: 0;\n    }\n  }\n\n  .player-container {\n    .octopus-small-popover {\n      font-size: 0.7rem;\n      background: var(--octopus-player-color);\n      color: white;\n      border: 0;\n\n      .p-2 {\n        padding: 0.2rem !important;\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwFA,MAAM,iBAAiB,2BACf,OAAO,iCAAA,MAAA,MAAA,EAAA,CAAA,CACf;EAaA,MAAM,oBAAoB,IAAI,CAAC;EAC/B,MAAM,qBAAqB,IAAI,GAAG;EAIlC,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,MAAM,UAAU,eAAe,cAAc,YAAY,YAAY;EAIrE,YAAU,YAAY,mBAAmB;GACvC,IAAI,YAAY,aAAa;IAC3B,kBAAkB,QAAQ,mBACxB,YAAY,YAAY,SAAS,CACnC;IACA,mBAAmB,QAAQ,mBACzB,YAAY,YAAY,UAAU,IACpC;GACF;EACF,GAAG;GAAC,MAAM;GAAM,WAAW;EAAI,CAAC;EAIhC,SAAS,mBAAmB,OAA8B;GACxD,IAAI,SAAS,SAAS,CAAC,YAAY,aACjC,OAAO;GAET,OAAQ,QAAQ,OAAQ,YAAY,aAAa,YAAY;EAC/D;;;;;;;;;;;;;;;;;;;;;;CCnII,IAAG;CACH,OAAM;;;;;;SAFC,OAAA,YAAY,OAAA,WAAA,UAAA,GADrB,mBAgFM,OAhFN,YAgFM;EA1EI,OAAA,qBAAA,UAAA,GADR,mBAQE,OAAA;;GANA,OAAM;GACN,iBAAc;GACd,iBAAc;GACd,iBAAc;GACb,cAAY,OAAA,EAAC,mBAAA;GACb,OAAK,eAAA,YAAc,OAAA,oBAAiB,GAAA;;EAEvB,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAWW,UAAA,EAAA,KAAA,EAAA,GAAA,CATD,OAAA,oBAAiB,KAAA,UAAA,GADzB,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,CAAY,OAAA,oBAAiB,IAAA,CAAA;mDAG7B,OAAA,qBAAkB,OAAA,UAAA,GAD1B,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,MAAkB,OAAA,qBAAkB,IAAA,CAAA;;EAG9C,mBAOE,OAAA;GANA,OAAM;GACN,iBAAc;GACd,iBAAc;GACd,iBAAc;GACb,cAAY,OAAA,EAAC,wBAAA;GACb,OAAK,eAAA,YAAc,OAAA,eAAY,GAAA;;EAElB,OAAA,YAAY,eAAA,UAAA,GAA5B,mBAWW,UAAA,EAAA,KAAA,EAAA,GAAA,CATD,OAAA,oBAAiB,KAAA,UAAA,GADzB,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,MAAA,CAAW,OAAA,oBAAiB,IAAA,CAAA;mDAG5B,OAAA,qBAAkB,OAAA,UAAA,GAD1B,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,EAAA,OAAA,MAAkB,OAAA,qBAAkB,IAAA,CAAA;;EAItC,OAAA,YAAA,UAAA,GADR,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,WAAa,OAAA,WAAQ,GAAA;;EAGrB,OAAA,oBAAA,UAAA,GADR,mBAIE,OAAA;;GAFA,OAAM;GACL,OAAK,eAAA,UAAY,OAAA,eAAY,GAAA;;EAEhB,OAAA,YAAY,2BAAA,UAAA,IAAA,GAC1B,mBAqBW,UAAA,EAAA,KAAA,EAAA,GAAA,WArBiB,OAAA,YAAY,0BAAvB,YAAO;2DAA+C,QAAO,GAAA;IAC5E,mBAOE,OAAA;KANC,IAAE,aAAe,QAAQ;KAC1B,OAAM;KACL,OAAK,eAAA;YAAsB,QAAQ,eAAY;mBAAiC,QAAQ,aAAU;;;IAKrG,mBAAA,qDAAA;kBACA,YAUW,UAAA,EAVD,IAAG,4BAA2B,GAAA,CACtC,YAQE,OAAA,mBAAA;KAPC,QAAM,aAAe,QAAQ;KAC7B,YAAU;KACX,kBAAe;KACd,cAAY;KACb,iBAAc;KACb,SAAS,QAAQ;KACjB,gBAAc"}