@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/VideoPage-B-lgTFnX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPage-B-lgTFnX.mjs","names":[],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error\">\n      <router-link\n        :to=\"{\n          name: 'podcast',\n          params: { podcastId: podcastId },\n        }\"\n        class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n        :title=\"t('Episode name page', { name: podcast?.title })\"\n      >\n        <ChevronLeftIcon />{{ t(\"Episode page\") }}\n      </router-link>\n      <div\n        v-if=\"videoId || isLiveReadyToRecord\"\n        class=\"d-flex video-page-container\"\n      >\n        <div class=\"w-70-responsive\">\n          <template v-if=\"isLiveReadyToRecord\">\n            <PlayerVideoHls\n              v-if=\"recordingLive\"\n              :hls-url=\"hlsVideoUrl\"\n              :is-secured=\"isSecured\"\n              :responsive=\"true\"\n            />\n            <div\n              v-if=\"isCounter || overrideText\"\n              class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n            >\n              <CountdownOctopus\n                :time-remaining=\"timeRemaining\"\n                :override-text=\"overrideText\"\n              />\n            </div>\n          </template>\n          <PlayerVideoDigiteka\n            v-else\n            :video-id=\"videoId\"\n            :podcast-id=\"podcastId\"\n            responsive\n          />\n        </div>\n        <div class=\"w-30-responsive info-video-container\">\n          <div class=\"d-flex flex-column flex-grow-1 w-100\">\n            <ClassicNav\n              v-if=\"tabs.length\"\n              v-model:active-tab=\"activeTab\"\n              :tab-number=\"tabs.length\"\n              :transparent=\"true\"\n            >\n              <template v-for=\"(tab, index) in tabs\" #[index]>\n                {{ tab }}\n              </template>\n              <template #tab0>\n                <VideoModuleBox\n                  :podcast=\"podcast\"\n                  :date=\"date\"\n                  :duration=\"duration\"\n                />\n              </template>\n              <template #tab1>\n                <section>\n                  <CommentSection\n                    :podcast=\"podcast\"\n                    class=\"module-box-transparent\"\n                  />\n                </section>\n              </template>\n            </ClassicNav>\n            <VideoModuleBox\n              v-else\n              class=\"p-2 video-module-box\"\n              :podcast=\"podcast\"\n              :date=\"date\"\n              :duration=\"duration\"\n              :duration-iso=\"durationIso\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <div\n      v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n      class=\"text-center text-danger h3\"\n    >\n      {{ t(\"The episode does not have an associated video\") }}\n    </div>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"\n        error\n          ? t(`This episode is not available for (re)listening`)\n          : undefined\n      \"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n  () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n  () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n  () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n  isLiveReadyToRecord,\n  isCounter,\n  timeRemaining,\n  date,\n  duration,\n  durationIso,\n  editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    podcast.value,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst tabs = computed(() => {\n  if (canPostComment.value) {\n    return [t(\"Information\"), t(\"Comments\")];\n  }\n  return [];\n});\nconst recordingLive = computed(() => {\n  return (\n        undefined !== podcastConference.value &&\n        -1 !== podcastConference.value.conferenceId &&\n        (\"RECORDING\" === podcastConference.value.status ||\n          \"PENDING\" === podcastConference.value.status)\n      );\n});\nconst hlsVideoUrl = computed(() => {\n  if (!recordingLive.value || !podcastConference.value) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n  return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n  if (\"PUBLISHING\" !== podcastConference.value?.status) {\n    return;\n  }\n  return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n  await getPodcastDetails();\n  if (!podcast.value) {\n    return;\n  }\n  commentStore.initCommentUser();\n  configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n  loaded.value = false;\n  error.value = false;\n  try {\n    podcast.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.podcastId,\n    });\n    document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n    const orga = podcast.value.organisation;\n    const privateAccess =\n      \"PUBLIC\" !== orga.privacy &&\n      filterStore.filterOrgaId !== orga.id &&\n      route.query.productor !== orga.id;\n    const notValid =\n      (!podcast.value.availability.visibility ||\n        ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n          podcast.value.processingStatus ?? \"\",\n        ) ||\n        !podcast.value.valid) &&\n      !editRight.value;\n    if (privateAccess || notValid) {\n      error.value = true;\n    } else {\n      updatePathParams(podcast.value.title);\n      if (\n        podcast.value.conferenceId &&\n        \"READY\" !== podcast.value.processingStatus\n      ) {\n        await fetchConferenceStatus();\n        intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n        playerStore.playerPlay(\n          {\n            ...podcast.value,\n            ...{ \n              conferenceId: podcast.value.conferenceId,\n              hlsIdentifier: podcastConference.value?.hlsIdentifier,\n            },\n          },\n          true,\n        );\n      }\n    }\n  } catch (errorCatched) {\n    handle403(errorCatched as AxiosError);\n    error.value = true;\n  }\n  loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n  if (!podcast.value?.conferenceId) {\n    return;\n  }\n  const data = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + podcast.value.conferenceId,\n  });\n  podcastConference.value = {\n    ...data,\n    ...{\n      conferenceId: podcast.value.conferenceId,\n      title: \"\",\n    },\n  };\n  if (\"DEBRIEFING\" === data.status) {\n    clearInterval(intervalStatusConference.value as unknown as number);\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n  align-items: stretch;\n  flex-grow: 1;\n  background: var(--octopus-primary-really-transparent);\n  border-radius: var(--octopus-border-radius);\n  box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n  .info-video-container {\n    display: flex;\n    flex-direction: column;\n\n    .octopus-tab-pane,\n    .video-module-box {\n      height: 0;\n      overflow-y: auto;\n\n      @media (width <= 960px) {\n        height: inherit;\n      }\n    }\n\n    .classic-nav-tab-container {\n      flex-direction: column;\n    }\n  }\n\n  .module-box.module-box-transparent {\n    margin: 0;\n    background: transparent;\n    border: 0;\n    padding: 0;\n  }\n\n  .w-70-responsive {\n    width: 70%;\n    aspect-ratio: 16/9;\n  }\n\n  .w-30-responsive {\n    width: 30%;\n  }\n\n  .w-70-responsive,\n  .w-30-responsive {\n    display: flex;\n    align-items: stretch;\n    flex-grow: 1;\n\n    @media (width <= 960px) {\n      width: 100%;\n      padding: 0 !important;\n    }\n  }\n\n  .really-light-secondary-bg {\n    background: white;\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error\">\n      <router-link\n        :to=\"{\n          name: 'podcast',\n          params: { podcastId: podcastId },\n        }\"\n        class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n        :title=\"t('Episode name page', { name: podcast?.title })\"\n      >\n        <ChevronLeftIcon />{{ t(\"Episode page\") }}\n      </router-link>\n      <div\n        v-if=\"videoId || isLiveReadyToRecord\"\n        class=\"d-flex video-page-container\"\n      >\n        <div class=\"w-70-responsive\">\n          <template v-if=\"isLiveReadyToRecord\">\n            <PlayerVideoHls\n              v-if=\"recordingLive\"\n              :hls-url=\"hlsVideoUrl\"\n              :is-secured=\"isSecured\"\n              :responsive=\"true\"\n            />\n            <div\n              v-if=\"isCounter || overrideText\"\n              class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n            >\n              <CountdownOctopus\n                :time-remaining=\"timeRemaining\"\n                :override-text=\"overrideText\"\n              />\n            </div>\n          </template>\n          <PlayerVideoDigiteka\n            v-else\n            :video-id=\"videoId\"\n            :podcast-id=\"podcastId\"\n            responsive\n          />\n        </div>\n        <div class=\"w-30-responsive info-video-container\">\n          <div class=\"d-flex flex-column flex-grow-1 w-100\">\n            <ClassicNav\n              v-if=\"tabs.length\"\n              v-model:active-tab=\"activeTab\"\n              :tab-number=\"tabs.length\"\n              :transparent=\"true\"\n            >\n              <template v-for=\"(tab, index) in tabs\" #[index]>\n                {{ tab }}\n              </template>\n              <template #tab0>\n                <VideoModuleBox\n                  :podcast=\"podcast\"\n                  :date=\"date\"\n                  :duration=\"duration\"\n                />\n              </template>\n              <template #tab1>\n                <section>\n                  <CommentSection\n                    :podcast=\"podcast\"\n                    class=\"module-box-transparent\"\n                  />\n                </section>\n              </template>\n            </ClassicNav>\n            <VideoModuleBox\n              v-else\n              class=\"p-2 video-module-box\"\n              :podcast=\"podcast\"\n              :date=\"date\"\n              :duration=\"duration\"\n              :duration-iso=\"durationIso\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <div\n      v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n      class=\"text-center text-danger h3\"\n    >\n      {{ t(\"The episode does not have an associated video\") }}\n    </div>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"\n        error\n          ? t(`This episode is not available for (re)listening`)\n          : undefined\n      \"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n  () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n  () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n  () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n  isLiveReadyToRecord,\n  isCounter,\n  timeRemaining,\n  date,\n  duration,\n  durationIso,\n  editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    podcast.value,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst tabs = computed(() => {\n  if (canPostComment.value) {\n    return [t(\"Information\"), t(\"Comments\")];\n  }\n  return [];\n});\nconst recordingLive = computed(() => {\n  return (\n        undefined !== podcastConference.value &&\n        -1 !== podcastConference.value.conferenceId &&\n        (\"RECORDING\" === podcastConference.value.status ||\n          \"PENDING\" === podcastConference.value.status)\n      );\n});\nconst hlsVideoUrl = computed(() => {\n  if (!recordingLive.value || !podcastConference.value) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n  return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n  if (\"PUBLISHING\" !== podcastConference.value?.status) {\n    return;\n  }\n  return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n  await getPodcastDetails();\n  if (!podcast.value) {\n    return;\n  }\n  commentStore.initCommentUser();\n  configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n  loaded.value = false;\n  error.value = false;\n  try {\n    podcast.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.podcastId,\n    });\n    document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n    const orga = podcast.value.organisation;\n    const privateAccess =\n      \"PUBLIC\" !== orga.privacy &&\n      filterStore.filterOrgaId !== orga.id &&\n      route.query.productor !== orga.id;\n    const notValid =\n      (!podcast.value.availability.visibility ||\n        ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n          podcast.value.processingStatus ?? \"\",\n        ) ||\n        !podcast.value.valid) &&\n      !editRight.value;\n    if (privateAccess || notValid) {\n      error.value = true;\n    } else {\n      updatePathParams(podcast.value.title);\n      if (\n        podcast.value.conferenceId &&\n        \"READY\" !== podcast.value.processingStatus\n      ) {\n        await fetchConferenceStatus();\n        intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n        playerStore.playerPlay(\n          {\n            ...podcast.value,\n            ...{ \n              conferenceId: podcast.value.conferenceId,\n              hlsIdentifier: podcastConference.value?.hlsIdentifier,\n            },\n          },\n          true,\n        );\n      }\n    }\n  } catch (errorCatched) {\n    handle403(errorCatched as AxiosError);\n    error.value = true;\n  }\n  loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n  if (!podcast.value?.conferenceId) {\n    return;\n  }\n  const data = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + podcast.value.conferenceId,\n  });\n  podcastConference.value = {\n    ...data,\n    ...{\n      conferenceId: podcast.value.conferenceId,\n      title: \"\",\n    },\n  };\n  if (\"DEBRIEFING\" === data.status) {\n    clearInterval(intervalStatusConference.value as unknown as number);\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n  align-items: stretch;\n  flex-grow: 1;\n  background: var(--octopus-primary-really-transparent);\n  border-radius: var(--octopus-border-radius);\n  box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n  .info-video-container {\n    display: flex;\n    flex-direction: column;\n\n    .octopus-tab-pane,\n    .video-module-box {\n      height: 0;\n      overflow-y: auto;\n\n      @media (width <= 960px) {\n        height: inherit;\n      }\n    }\n\n    .classic-nav-tab-container {\n      flex-direction: column;\n    }\n  }\n\n  .module-box.module-box-transparent {\n    margin: 0;\n    background: transparent;\n    border: 0;\n    padding: 0;\n  }\n\n  .w-70-responsive {\n    width: 70%;\n    aspect-ratio: 16/9;\n  }\n\n  .w-30-responsive {\n    width: 30%;\n  }\n\n  .w-70-responsive,\n  .w-30-responsive {\n    display: flex;\n    align-items: stretch;\n    flex-grow: 1;\n\n    @media (width <= 960px) {\n      width: 100%;\n      padding: 0 !important;\n    }\n  }\n\n  .really-light-secondary-bg {\n    background: white;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EA0HA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,iBAAiB,2BACf,OAAO,gCACf;EACA,MAAM,mBAAmB,2BACjB,OAAO,kCACf;EAGA,MAAM,QAAQ;EAKd,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,UAAoC,IAAI,KAAA,CAAS;EACvD,MAAM,QAAQ,IAAI,KAAK;EACvB,MAAM,YAAY,IAAI,CAAC;EACvB,MAAM,gBAAiD,IAAI,KAAA,CAAS;EACpE,MAAM,oBAAiD,IAAI,KAAA,CAAS;EACpE,MAAM,2BAA2E,IAAI,KAAA,CAAS;EAG9F,MAAM,EACJ,qBACA,WACA,eACA,MACA,UACA,aACA,cACE,eAAe,SAAS,iBAAiB;EAC7C,MAAM,EAAC,cAAa,gBAAgB;EACpC,MAAM,EAAE,qBAAqB,eAAe;EAC5C,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAC7B,MAAM,eAAe,gBAAgB;EACrC,MAAM,cAAc,eAAe;EACnC,MAAM,cAAc,eAAe;EACnC,MAAM,eAAe,gBAAgB;EACrC,MAAM,EAAC,MAAK,QAAQ;EACpB,MAAM,QAAQ,SAAS;EAGvB,MAAM,UAAU,eAAe,QAAQ,OAAO,OAAO,OAAO;EAC5D,MAAM,iBAAiB,eAAe;GACpC,OAAO,aAAa,kBAClB,cAAc,OACd,QAAQ,OACR,KAAA,MAAc,UAAU,UAC1B;EACF,CAAC;EACD,MAAM,OAAO,eAAe;GAC1B,IAAI,eAAe,OACjB,OAAO,CAAC,EAAE,aAAa,GAAG,EAAE,UAAU,CAAC;GAEzC,OAAO,CAAC;EACV,CAAC;EACD,MAAM,gBAAgB,eAAe;GACnC,OACM,KAAA,MAAc,kBAAkB,SAChC,OAAO,kBAAkB,MAAM,iBAC9B,gBAAgB,kBAAkB,MAAM,UACvC,cAAc,kBAAkB,MAAM;EAEhD,CAAC;EACD,MAAM,cAAc,eAAe;GACjC,IAAI,CAAC,cAAc,SAAS,CAAC,kBAAkB,OAC7C,OAAO;GAET,OAAO,GAAG,SAAS,OAAO,aAAa,kBAAkB,MAAM,cAAc;EAC/E,CAAC;EACD,MAAM,YAAY,eAAe;GAC/B,OAAO,cAAc,QAAQ,OAAO,cAAc;EACpD,CAAC;EACD,MAAM,eAAe,eAAe;GAClC,IAAI,iBAAiB,kBAAkB,OAAO,QAC5C;GAEF,OAAO,EAAE,mCAAmC;EAC9C,CAAC;EAGD,YAAU,MAAM,WAAW,YAAY;GACrC,MAAM,kBAAkB;GACxB,IAAI,CAAC,QAAQ,OACX;GAEF,aAAa,gBAAgB;GAC7B,cAAc,QAAQ,MAAM,aAAa,kBAAkB,QAAQ,KAAK;EAC1E,GAAG,EAAC,WAAW,KAAI,CAAC;EAGpB,sBAAsB;GACpB,cAAc,yBAAyB,KAA0B;EACnE,CAAC;EAGD,eAAe,oBAAmC;GAChD,OAAO,QAAQ;GACf,MAAM,QAAQ;GACd,IAAI;IACF,QAAQ,QAAQ,MAAM,mBAAW,UAAmB;KAClD,KAAK;KACL,MAAM,aAAa,MAAM;IAC3B,CAAC;IACD,SAAS,QAAQ,QAAQ,MAAM,QAAQ,QAAM,aAAa;IAC1D,MAAM,OAAO,QAAQ,MAAM;IAC3B,MAAM,gBACJ,aAAa,KAAK,WAClB,YAAY,iBAAiB,KAAK,MAClC,MAAM,MAAM,cAAc,KAAK;IACjC,MAAM,YACH,CAAC,QAAQ,MAAM,aAAa,cAC3B,CAAC;KAAC;KAAmB;KAAS;IAAY,EAAE,SAC1C,QAAQ,MAAM,oBAAoB,EACpC,KACA,CAAC,QAAQ,MAAM,UACjB,CAAC,UAAU;IACb,IAAI,iBAAiB,UACnB,MAAM,QAAQ;SACT;KACL,iBAAiB,QAAQ,MAAM,KAAK;KACpC,IACE,QAAQ,MAAM,gBACd,YAAY,QAAQ,MAAM,kBAC1B;MACA,MAAM,sBAAsB;MAC5B,yBAAyB,QAAQ,kBAAkB;OAAE,sBAAsB;MAAG,GAAG,GAAI;MACrF,YAAY,WACV;OACE,GAAG,QAAQ;OAET,cAAc,QAAQ,MAAM;OAC5B,eAAe,kBAAkB,OAAO;MAE5C,GACA,IACF;KACF;IACF;GACF,SAAS,cAAc;IACrB,UAAU,YAA0B;IACpC,MAAM,QAAQ;GAChB;GACA,OAAO,QAAQ;EACjB;EAEA,eAAe,wBAAwB;GACrC,IAAI,CAAC,QAAQ,OAAO,cAClB;GAEF,MAAM,OAAO,MAAM,mBAAW,UAAgC;IAC5D,KAAK;IACL,MAAM,qBAAqB,QAAQ,MAAM;GAC3C,CAAC;GACD,kBAAkB,QAAQ;IACxB,GAAG;IAED,cAAc,QAAQ,MAAM;IAC5B,OAAO;GAEX;GACA,IAAI,iBAAiB,KAAK,QACxB,cAAc,yBAAyB,KAA0B;EAErE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBCvSW,OAAM,WAAU;;;CAcnB,OAAM;;mBAED,OAAM,kBAAiB;;;CAUtB,OAAM;;mBAeP,OAAM,uCAAsC;mBAC1C,OAAM,uCAAsC;;;CAwCrD,OAAM;;;;qBAlFV,mBA8FU,WA9FV,YA8FU;EA7FQ,OAAA,UAAM,CAAK,OAAA,SAAA,UAAA,GAA3B,mBA8EW,UAAA,EAAA,KAAA,EAAA,GAAA,CA7ET,YASc,wBAAA;GARX,IAAE;;yBAA8D,OAAA,UAAS;;GAI1E,OAAM;GACL,OAAO,OAAA,EAAC,qBAAA,EAAA,MAA8B,OAAA,SAAS,MAAK,CAAA;;0BAElC,CAAnB,YAAmB,OAAA,kBAAA,GAAA,gBAAA,gBAAG,OAAA,EAAC,cAAA,CAAA,GAAA,CAAA,CAAA,CAAA;;0BAGjB,OAAA,WAAW,OAAA,uBAAA,UAAA,GADnB,mBAkEM,OAlEN,YAkEM,CA9DJ,mBAwBM,OAxBN,YAwBM,CAvBY,OAAA,uBAAA,UAAA,GAAhB,mBAgBW,UAAA,EAAA,KAAA,EAAA,GAAA,CAdD,OAAA,iBAAA,UAAA,GADR,YAKE,OAAA,mBAAA;;GAHC,WAAS,OAAA;GACT,cAAY,OAAA;GACZ,YAAY;8EAGP,OAAA,aAAa,OAAA,gBAAA,UAAA,GADrB,mBAQM,OARN,YAQM,CAJJ,YAGE,OAAA,qBAAA;GAFC,kBAAgB,OAAA;GAChB,iBAAe,OAAA;gHAItB,YAKE,OAAA,wBAAA;;GAHC,YAAU,OAAA;GACV,cAAY,OAAA;GACb,YAAA;8CAGJ,mBAoCM,OApCN,YAoCM,CAnCJ,mBAkCM,OAlCN,YAkCM,CAhCI,OAAA,KAAK,UAAA,UAAA,GADb,YAwBa,OAAA,eAAA;;GAtBH,cAAY,OAAA;+DAAA,OAAA,YAAS;GAC5B,cAAY,OAAA,KAAK;GACjB,aAAa;;GAKH,MAAI,cAKX,CAJF,YAIE,OAAA,mBAAA;IAHC,SAAS,OAAA;IACT,MAAM,OAAA;IACN,UAAU,OAAA;;;;;;GAGJ,MAAI,cAMH,CALV,mBAKU,WAAA,MAAA,CAJR,YAGE,OAAA,mBAAA;IAFC,SAAS,OAAA;IACV,OAAM;;;iBAdqB,OAAA,OAAf,KAAK,UAAK;;UAAY;sBAC7B,CAAA,gBAAA,gBAAN,GAAG,GAAA,CAAA,CAAA,CAAA;;6DAkBV,YAOE,OAAA,mBAAA;;GALA,OAAM;GACL,SAAS,OAAA;GACT,MAAM,OAAA;GACN,UAAU,OAAA;GACV,gBAAc,OAAA;;;;;;;GAOhB,OAAA,SAAK,CAAK,OAAA,WAAO,CAAK,OAAA,uBAAA,UAAA,GAD/B,mBAKM,OALN,YAKM,gBADD,OAAA,EAAC,+CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,QAAA,IAAA;EAEN,YAOE,OAAA,mBAAA;GANC,gBAAY,CAAG,OAAA,SAAS,OAAA,EAAC,qBAAA,IAA0B,KAAA;GACnD,cAAqB,OAAA,QAAkB,OAAA,EAAC,iDAAA,IAAgE,KAAA"}

package/dist/VideoPage-B5Tp2PMs.mjs

@@ -0,0 +1,222 @@
+import { t as ClassicLoading_default } from "./ClassicLoading-DZLIyuUd.mjs";
+import { i as useAuthStore, r as useFilterStore, t as classicApi_default, w as useApiStore } from "./classicApi-BKNiWOG4.mjs";
+import { n as usePlayerStore } from "./PlayerStore-DB5dkc3c.mjs";
+import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-DNz9da5N.mjs";
+import { t as useSeoTitleUrl } from "./useSeoTitleUrl-CrM1YzAc.mjs";
+import { t as useCommentStore } from "./CommentStore-BjQ0AGHa.mjs";
+import { t as ClassicNav_default } from "./ClassicNav-P2h4OFEY.mjs";
+import { t as usePodcastView } from "./usePodcastView-DR83HM0j.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineAsyncComponent, defineComponent, onBeforeUnmount, openBlock, ref, renderList, resolveComponent, toDisplayString, unref, watch, withCtx } from "vue";
+import { useI18n } from "vue-i18n";
+import { useRoute } from "vue-router";
+import ChevronLeftIcon from "vue-material-design-icons/ChevronLeft.vue";
+//#region src/components/pages/VideoPage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "page-box" };
+var _hoisted_2 = {
+	key: 0,
+	class: "d-flex video-page-container"
+};
+var _hoisted_3 = { class: "w-70-responsive" };
+var _hoisted_4 = {
+	key: 1,
+	class: "d-flex flex-column align-items-center flex-grow-1 blue-bg p-3"
+};
+var _hoisted_5 = { class: "w-30-responsive info-video-container" };
+var _hoisted_6 = { class: "d-flex flex-column flex-grow-1 w-100" };
+var _hoisted_7 = {
+	key: 1,
+	class: "text-center text-danger h3"
+};
+//#endregion
+//#region src/components/pages/VideoPage.vue
+var VideoPage_default = /* @__PURE__ */ defineComponent({
+	__name: "VideoPage",
+	props: { podcastId: {
+		default: 0,
+		type: Number
+	} },
+	setup(__props) {
+		const PlayerVideoDigiteka = defineAsyncComponent(() => import("./PlayerVideoDigiteka-CiTtloWK.mjs"));
+		const PlayerVideoHls = defineAsyncComponent(() => import("./PlayerVideoHls-DjAlSV39.mjs"));
+		const CommentSection = defineAsyncComponent(() => import("./CommentSection-Bz6q4N6d.mjs"));
+		const VideoModuleBox = defineAsyncComponent(() => import("./VideoModuleBox-Cl6YoznO.mjs"));
+		const CountdownOctopus = defineAsyncComponent(() => import("./CountdownOctopus-CR9zvBmW.mjs"));
+		const props = __props;
+		const loaded = ref(false);
+		const podcast = ref(void 0);
+		const error = ref(false);
+		const activeTab = ref(0);
+		const configPodcast = ref(void 0);
+		const podcastConference = ref(void 0);
+		const intervalStatusConference = ref(void 0);
+		const { isLiveReadyToRecord, isCounter, timeRemaining, date, duration, durationIso, editRight } = usePodcastView(podcast, podcastConference);
+		const { handle403 } = useErrorHandler();
+		const { updatePathParams } = useSeoTitleUrl();
+		const authStore = useAuthStore();
+		const apiStore = useApiStore();
+		const generalStore = useGeneralStore();
+		const playerStore = usePlayerStore();
+		const filterStore = useFilterStore();
+		const commentStore = useCommentStore();
+		const { t } = useI18n();
+		const route = useRoute();
+		const videoId = computed(() => podcast.value?.video?.videoId);
+		const canPostComment = computed(() => {
+			return commentStore.getCanPostComment(configPodcast.value, podcast.value, void 0 !== authStore.authOrgaId);
+		});
+		const tabs = computed(() => {
+			if (canPostComment.value) return [t("Information"), t("Comments")];
+			return [];
+		});
+		const recordingLive = computed(() => {
+			return void 0 !== podcastConference.value && -1 !== podcastConference.value.conferenceId && ("RECORDING" === podcastConference.value.status || "PENDING" === podcastConference.value.status);
+		});
+		const hlsVideoUrl = computed(() => {
+			if (!recordingLive.value || !podcastConference.value) return "";
+			return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;
+		});
+		const isSecured = computed(() => {
+			return "SECURED" === podcast.value?.organisation?.privacy;
+		});
+		const overrideText = computed(() => {
+			if ("PUBLISHING" !== podcastConference.value?.status) return;
+			return t("In the process of being published");
+		});
+		watch(() => props.podcastId, async () => {
+			await getPodcastDetails();
+			if (!podcast.value) return;
+			commentStore.initCommentUser();
+			configPodcast.value = await commentStore.getCommentsConfig(podcast.value);
+		}, { immediate: true });
+		onBeforeUnmount(() => {
+			clearInterval(intervalStatusConference.value);
+		});
+		async function getPodcastDetails() {
+			loaded.value = false;
+			error.value = false;
+			try {
+				podcast.value = await classicApi_default.fetchData({
+					api: 0,
+					path: "podcast/" + props.podcastId
+				});
+				document.title = podcast.value.title + " - " + generalStore.metaTitle;
+				const orga = podcast.value.organisation;
+				const privateAccess = "PUBLIC" !== orga.privacy && filterStore.filterOrgaId !== orga.id && route.query.productor !== orga.id;
+				const notValid = (!podcast.value.availability.visibility || ![
+					"READY_TO_RECORD",
+					"READY",
+					"PROCESSING"
+				].includes(podcast.value.processingStatus ?? "") || !podcast.value.valid) && !editRight.value;
+				if (privateAccess || notValid) error.value = true;
+				else {
+					updatePathParams(podcast.value.title);
+					if (podcast.value.conferenceId && "READY" !== podcast.value.processingStatus) {
+						await fetchConferenceStatus();
+						intervalStatusConference.value = setInterval(() => {
+							fetchConferenceStatus();
+						}, 3e3);
+						playerStore.playerPlay({
+							...podcast.value,
+							conferenceId: podcast.value.conferenceId,
+							hlsIdentifier: podcastConference.value?.hlsIdentifier
+						}, true);
+					}
+				}
+			} catch (errorCatched) {
+				handle403(errorCatched);
+				error.value = true;
+			}
+			loaded.value = true;
+		}
+		async function fetchConferenceStatus() {
+			if (!podcast.value?.conferenceId) return;
+			const data = await classicApi_default.fetchData({
+				api: 9,
+				path: "conference/info/" + podcast.value.conferenceId
+			});
+			podcastConference.value = {
+				...data,
+				conferenceId: podcast.value.conferenceId,
+				title: ""
+			};
+			if ("DEBRIEFING" === data.status) clearInterval(intervalStatusConference.value);
+		}
+		return (_ctx, _cache) => {
+			const _component_router_link = resolveComponent("router-link");
+			return openBlock(), createElementBlock("section", _hoisted_1, [
+				loaded.value && !error.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(_component_router_link, {
+					to: {
+						name: "podcast",
+						params: { podcastId: __props.podcastId }
+					},
+					class: "mt-3 mb-3 w-fit-content d-flex align-items-center",
+					title: unref(t)("Episode name page", { name: podcast.value?.title })
+				}, {
+					default: withCtx(() => [createVNode(ChevronLeftIcon), createTextVNode(toDisplayString(unref(t)("Episode page")), 1)]),
+					_: 1
+				}, 8, ["to", "title"]), videoId.value || unref(isLiveReadyToRecord) ? (openBlock(), createElementBlock("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [unref(isLiveReadyToRecord) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [recordingLive.value ? (openBlock(), createBlock(unref(PlayerVideoHls), {
+					key: 0,
+					"hls-url": hlsVideoUrl.value,
+					"is-secured": isSecured.value,
+					responsive: true
+				}, null, 8, ["hls-url", "is-secured"])) : createCommentVNode("", true), unref(isCounter) || overrideText.value ? (openBlock(), createElementBlock("div", _hoisted_4, [createVNode(unref(CountdownOctopus), {
+					"time-remaining": unref(timeRemaining),
+					"override-text": overrideText.value
+				}, null, 8, ["time-remaining", "override-text"])])) : createCommentVNode("", true)], 64)) : (openBlock(), createBlock(unref(PlayerVideoDigiteka), {
+					key: 1,
+					"video-id": videoId.value,
+					"podcast-id": __props.podcastId,
+					responsive: ""
+				}, null, 8, ["video-id", "podcast-id"]))]), createElementVNode("div", _hoisted_5, [createElementVNode("div", _hoisted_6, [tabs.value.length ? (openBlock(), createBlock(ClassicNav_default, {
+					key: 0,
+					"active-tab": activeTab.value,
+					"onUpdate:activeTab": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
+					"tab-number": tabs.value.length,
+					transparent: true
+				}, createSlots({
+					tab0: withCtx(() => [createVNode(unref(VideoModuleBox), {
+						podcast: podcast.value,
+						date: unref(date),
+						duration: unref(duration)
+					}, null, 8, [
+						"podcast",
+						"date",
+						"duration"
+					])]),
+					tab1: withCtx(() => [createElementVNode("section", null, [createVNode(unref(CommentSection), {
+						podcast: podcast.value,
+						class: "module-box-transparent"
+					}, null, 8, ["podcast"])])]),
+					_: 2
+				}, [renderList(tabs.value, (tab, index) => {
+					return {
+						name: index,
+						fn: withCtx(() => [createTextVNode(toDisplayString(tab), 1)])
+					};
+				})]), 1032, ["active-tab", "tab-number"])) : (openBlock(), createBlock(unref(VideoModuleBox), {
+					key: 1,
+					class: "p-2 video-module-box",
+					podcast: podcast.value,
+					date: unref(date),
+					duration: unref(duration),
+					"duration-iso": unref(durationIso)
+				}, null, 8, [
+					"podcast",
+					"date",
+					"duration",
+					"duration-iso"
+				]))])])])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true),
+				!error.value && !videoId.value && !unref(isLiveReadyToRecord) ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(unref(t)("The episode does not have an associated video")), 1)) : createCommentVNode("", true),
+				createVNode(ClassicLoading_default, {
+					"loading-text": !loaded.value ? unref(t)("Loading content ...") : void 0,
+					"error-text": error.value ? unref(t)(`This episode is not available for (re)listening`) : void 0
+				}, null, 8, ["loading-text", "error-text"])
+			]);
+		};
+	}
+});
+//#endregion
+export { VideoPage_default as default };
+
+//# sourceMappingURL=VideoPage-B5Tp2PMs.mjs.map

package/dist/VideoPage-B5Tp2PMs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPage-B5Tp2PMs.mjs","names":[],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error\">\n      <router-link\n        :to=\"{\n          name: 'podcast',\n          params: { podcastId: podcastId },\n        }\"\n        class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n        :title=\"t('Episode name page', { name: podcast?.title })\"\n      >\n        <ChevronLeftIcon />{{ t(\"Episode page\") }}\n      </router-link>\n      <div\n        v-if=\"videoId || isLiveReadyToRecord\"\n        class=\"d-flex video-page-container\"\n      >\n        <div class=\"w-70-responsive\">\n          <template v-if=\"isLiveReadyToRecord\">\n            <PlayerVideoHls\n              v-if=\"recordingLive\"\n              :hls-url=\"hlsVideoUrl\"\n              :is-secured=\"isSecured\"\n              :responsive=\"true\"\n            />\n            <div\n              v-if=\"isCounter || overrideText\"\n              class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n            >\n              <CountdownOctopus\n                :time-remaining=\"timeRemaining\"\n                :override-text=\"overrideText\"\n              />\n            </div>\n          </template>\n          <PlayerVideoDigiteka\n            v-else\n            :video-id=\"videoId\"\n            :podcast-id=\"podcastId\"\n            responsive\n          />\n        </div>\n        <div class=\"w-30-responsive info-video-container\">\n          <div class=\"d-flex flex-column flex-grow-1 w-100\">\n            <ClassicNav\n              v-if=\"tabs.length\"\n              v-model:active-tab=\"activeTab\"\n              :tab-number=\"tabs.length\"\n              :transparent=\"true\"\n            >\n              <template v-for=\"(tab, index) in tabs\" #[index]>\n                {{ tab }}\n              </template>\n              <template #tab0>\n                <VideoModuleBox\n                  :podcast=\"podcast\"\n                  :date=\"date\"\n                  :duration=\"duration\"\n                />\n              </template>\n              <template #tab1>\n                <section>\n                  <CommentSection\n                    :podcast=\"podcast\"\n                    class=\"module-box-transparent\"\n                  />\n                </section>\n              </template>\n            </ClassicNav>\n            <VideoModuleBox\n              v-else\n              class=\"p-2 video-module-box\"\n              :podcast=\"podcast\"\n              :date=\"date\"\n              :duration=\"duration\"\n              :duration-iso=\"durationIso\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <div\n      v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n      class=\"text-center text-danger h3\"\n    >\n      {{ t(\"The episode does not have an associated video\") }}\n    </div>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"\n        error\n          ? t(`This episode is not available for (re)listening`)\n          : undefined\n      \"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n  () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n  () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n  () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n  isLiveReadyToRecord,\n  isCounter,\n  timeRemaining,\n  date,\n  duration,\n  durationIso,\n  editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    podcast.value,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst tabs = computed(() => {\n  if (canPostComment.value) {\n    return [t(\"Information\"), t(\"Comments\")];\n  }\n  return [];\n});\nconst recordingLive = computed(() => {\n  return (\n        undefined !== podcastConference.value &&\n        -1 !== podcastConference.value.conferenceId &&\n        (\"RECORDING\" === podcastConference.value.status ||\n          \"PENDING\" === podcastConference.value.status)\n      );\n});\nconst hlsVideoUrl = computed(() => {\n  if (!recordingLive.value || !podcastConference.value) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n  return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n  if (\"PUBLISHING\" !== podcastConference.value?.status) {\n    return;\n  }\n  return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n  await getPodcastDetails();\n  if (!podcast.value) {\n    return;\n  }\n  commentStore.initCommentUser();\n  configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n  loaded.value = false;\n  error.value = false;\n  try {\n    podcast.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.podcastId,\n    });\n    document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n    const orga = podcast.value.organisation;\n    const privateAccess =\n      \"PUBLIC\" !== orga.privacy &&\n      filterStore.filterOrgaId !== orga.id &&\n      route.query.productor !== orga.id;\n    const notValid =\n      (!podcast.value.availability.visibility ||\n        ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n          podcast.value.processingStatus ?? \"\",\n        ) ||\n        !podcast.value.valid) &&\n      !editRight.value;\n    if (privateAccess || notValid) {\n      error.value = true;\n    } else {\n      updatePathParams(podcast.value.title);\n      if (\n        podcast.value.conferenceId &&\n        \"READY\" !== podcast.value.processingStatus\n      ) {\n        await fetchConferenceStatus();\n        intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n        playerStore.playerPlay(\n          {\n            ...podcast.value,\n            ...{ \n              conferenceId: podcast.value.conferenceId,\n              hlsIdentifier: podcastConference.value?.hlsIdentifier,\n            },\n          },\n          true,\n        );\n      }\n    }\n  } catch (errorCatched) {\n    handle403(errorCatched as AxiosError);\n    error.value = true;\n  }\n  loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n  if (!podcast.value?.conferenceId) {\n    return;\n  }\n  const data = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + podcast.value.conferenceId,\n  });\n  podcastConference.value = {\n    ...data,\n    ...{\n      conferenceId: podcast.value.conferenceId,\n      title: \"\",\n    },\n  };\n  if (\"DEBRIEFING\" === data.status) {\n    clearInterval(intervalStatusConference.value as unknown as number);\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n  align-items: stretch;\n  flex-grow: 1;\n  background: var(--octopus-primary-really-transparent);\n  border-radius: var(--octopus-border-radius);\n  box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n  .info-video-container {\n    display: flex;\n    flex-direction: column;\n\n    .octopus-tab-pane,\n    .video-module-box {\n      height: 0;\n      overflow-y: auto;\n\n      @media (width <= 960px) {\n        height: inherit;\n      }\n    }\n\n    .classic-nav-tab-container {\n      flex-direction: column;\n    }\n  }\n\n  .module-box.module-box-transparent {\n    margin: 0;\n    background: transparent;\n    border: 0;\n    padding: 0;\n  }\n\n  .w-70-responsive {\n    width: 70%;\n    aspect-ratio: 16/9;\n  }\n\n  .w-30-responsive {\n    width: 30%;\n  }\n\n  .w-70-responsive,\n  .w-30-responsive {\n    display: flex;\n    align-items: stretch;\n    flex-grow: 1;\n\n    @media (width <= 960px) {\n      width: 100%;\n      padding: 0 !important;\n    }\n  }\n\n  .really-light-secondary-bg {\n    background: white;\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error\">\n      <router-link\n        :to=\"{\n          name: 'podcast',\n          params: { podcastId: podcastId },\n        }\"\n        class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n        :title=\"t('Episode name page', { name: podcast?.title })\"\n      >\n        <ChevronLeftIcon />{{ t(\"Episode page\") }}\n      </router-link>\n      <div\n        v-if=\"videoId || isLiveReadyToRecord\"\n        class=\"d-flex video-page-container\"\n      >\n        <div class=\"w-70-responsive\">\n          <template v-if=\"isLiveReadyToRecord\">\n            <PlayerVideoHls\n              v-if=\"recordingLive\"\n              :hls-url=\"hlsVideoUrl\"\n              :is-secured=\"isSecured\"\n              :responsive=\"true\"\n            />\n            <div\n              v-if=\"isCounter || overrideText\"\n              class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n            >\n              <CountdownOctopus\n                :time-remaining=\"timeRemaining\"\n                :override-text=\"overrideText\"\n              />\n            </div>\n          </template>\n          <PlayerVideoDigiteka\n            v-else\n            :video-id=\"videoId\"\n            :podcast-id=\"podcastId\"\n            responsive\n          />\n        </div>\n        <div class=\"w-30-responsive info-video-container\">\n          <div class=\"d-flex flex-column flex-grow-1 w-100\">\n            <ClassicNav\n              v-if=\"tabs.length\"\n              v-model:active-tab=\"activeTab\"\n              :tab-number=\"tabs.length\"\n              :transparent=\"true\"\n            >\n              <template v-for=\"(tab, index) in tabs\" #[index]>\n                {{ tab }}\n              </template>\n              <template #tab0>\n                <VideoModuleBox\n                  :podcast=\"podcast\"\n                  :date=\"date\"\n                  :duration=\"duration\"\n                />\n              </template>\n              <template #tab1>\n                <section>\n                  <CommentSection\n                    :podcast=\"podcast\"\n                    class=\"module-box-transparent\"\n                  />\n                </section>\n              </template>\n            </ClassicNav>\n            <VideoModuleBox\n              v-else\n              class=\"p-2 video-module-box\"\n              :podcast=\"podcast\"\n              :date=\"date\"\n              :duration=\"duration\"\n              :duration-iso=\"durationIso\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <div\n      v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n      class=\"text-center text-danger h3\"\n    >\n      {{ t(\"The episode does not have an associated video\") }}\n    </div>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"\n        error\n          ? t(`This episode is not available for (re)listening`)\n          : undefined\n      \"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n  () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n  () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n  () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n  isLiveReadyToRecord,\n  isCounter,\n  timeRemaining,\n  date,\n  duration,\n  durationIso,\n  editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    podcast.value,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst tabs = computed(() => {\n  if (canPostComment.value) {\n    return [t(\"Information\"), t(\"Comments\")];\n  }\n  return [];\n});\nconst recordingLive = computed(() => {\n  return (\n        undefined !== podcastConference.value &&\n        -1 !== podcastConference.value.conferenceId &&\n        (\"RECORDING\" === podcastConference.value.status ||\n          \"PENDING\" === podcastConference.value.status)\n      );\n});\nconst hlsVideoUrl = computed(() => {\n  if (!recordingLive.value || !podcastConference.value) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n  return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n  if (\"PUBLISHING\" !== podcastConference.value?.status) {\n    return;\n  }\n  return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n  await getPodcastDetails();\n  if (!podcast.value) {\n    return;\n  }\n  commentStore.initCommentUser();\n  configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n  loaded.value = false;\n  error.value = false;\n  try {\n    podcast.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.podcastId,\n    });\n    document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n    const orga = podcast.value.organisation;\n    const privateAccess =\n      \"PUBLIC\" !== orga.privacy &&\n      filterStore.filterOrgaId !== orga.id &&\n      route.query.productor !== orga.id;\n    const notValid =\n      (!podcast.value.availability.visibility ||\n        ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n          podcast.value.processingStatus ?? \"\",\n        ) ||\n        !podcast.value.valid) &&\n      !editRight.value;\n    if (privateAccess || notValid) {\n      error.value = true;\n    } else {\n      updatePathParams(podcast.value.title);\n      if (\n        podcast.value.conferenceId &&\n        \"READY\" !== podcast.value.processingStatus\n      ) {\n        await fetchConferenceStatus();\n        intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n        playerStore.playerPlay(\n          {\n            ...podcast.value,\n            ...{ \n              conferenceId: podcast.value.conferenceId,\n              hlsIdentifier: podcastConference.value?.hlsIdentifier,\n            },\n          },\n          true,\n        );\n      }\n    }\n  } catch (errorCatched) {\n    handle403(errorCatched as AxiosError);\n    error.value = true;\n  }\n  loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n  if (!podcast.value?.conferenceId) {\n    return;\n  }\n  const data = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + podcast.value.conferenceId,\n  });\n  podcastConference.value = {\n    ...data,\n    ...{\n      conferenceId: podcast.value.conferenceId,\n      title: \"\",\n    },\n  };\n  if (\"DEBRIEFING\" === data.status) {\n    clearInterval(intervalStatusConference.value as unknown as number);\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n  align-items: stretch;\n  flex-grow: 1;\n  background: var(--octopus-primary-really-transparent);\n  border-radius: var(--octopus-border-radius);\n  box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n  .info-video-container {\n    display: flex;\n    flex-direction: column;\n\n    .octopus-tab-pane,\n    .video-module-box {\n      height: 0;\n      overflow-y: auto;\n\n      @media (width <= 960px) {\n        height: inherit;\n      }\n    }\n\n    .classic-nav-tab-container {\n      flex-direction: column;\n    }\n  }\n\n  .module-box.module-box-transparent {\n    margin: 0;\n    background: transparent;\n    border: 0;\n    padding: 0;\n  }\n\n  .w-70-responsive {\n    width: 70%;\n    aspect-ratio: 16/9;\n  }\n\n  .w-30-responsive {\n    width: 30%;\n  }\n\n  .w-70-responsive,\n  .w-30-responsive {\n    display: flex;\n    align-items: stretch;\n    flex-grow: 1;\n\n    @media (width <= 960px) {\n      width: 100%;\n      padding: 0 !important;\n    }\n  }\n\n  .really-light-secondary-bg {\n    background: white;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/VideoPage-X3dZyaQH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoPage-X3dZyaQH.mjs","names":[],"sources":["../src/components/pages/VideoPage.vue","../src/components/pages/VideoPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error\">\n      <router-link\n        :to=\"{\n          name: 'podcast',\n          params: { podcastId: podcastId },\n        }\"\n        class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n        :title=\"t('Episode name page', { name: podcast?.title })\"\n      >\n        <ChevronLeftIcon />{{ t(\"Episode page\") }}\n      </router-link>\n      <div\n        v-if=\"videoId || isLiveReadyToRecord\"\n        class=\"d-flex video-page-container\"\n      >\n        <div class=\"w-70-responsive\">\n          <template v-if=\"isLiveReadyToRecord\">\n            <PlayerVideoHls\n              v-if=\"recordingLive\"\n              :hls-url=\"hlsVideoUrl\"\n              :is-secured=\"isSecured\"\n              :responsive=\"true\"\n            />\n            <div\n              v-if=\"isCounter || overrideText\"\n              class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n            >\n              <CountdownOctopus\n                :time-remaining=\"timeRemaining\"\n                :override-text=\"overrideText\"\n              />\n            </div>\n          </template>\n          <PlayerVideoDigiteka\n            v-else\n            :video-id=\"videoId\"\n            :podcast-id=\"podcastId\"\n            responsive\n          />\n        </div>\n        <div class=\"w-30-responsive info-video-container\">\n          <div class=\"d-flex flex-column flex-grow-1 w-100\">\n            <ClassicNav\n              v-if=\"tabs.length\"\n              v-model:active-tab=\"activeTab\"\n              :tab-number=\"tabs.length\"\n              :transparent=\"true\"\n            >\n              <template v-for=\"(tab, index) in tabs\" #[index]>\n                {{ tab }}\n              </template>\n              <template #tab0>\n                <VideoModuleBox\n                  :podcast=\"podcast\"\n                  :date=\"date\"\n                  :duration=\"duration\"\n                />\n              </template>\n              <template #tab1>\n                <section>\n                  <CommentSection\n                    :podcast=\"podcast\"\n                    class=\"module-box-transparent\"\n                  />\n                </section>\n              </template>\n            </ClassicNav>\n            <VideoModuleBox\n              v-else\n              class=\"p-2 video-module-box\"\n              :podcast=\"podcast\"\n              :date=\"date\"\n              :duration=\"duration\"\n              :duration-iso=\"durationIso\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <div\n      v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n      class=\"text-center text-danger h3\"\n    >\n      {{ t(\"The episode does not have an associated video\") }}\n    </div>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"\n        error\n          ? t(`This episode is not available for (re)listening`)\n          : undefined\n      \"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n  () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n  () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n  () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n  isLiveReadyToRecord,\n  isCounter,\n  timeRemaining,\n  date,\n  duration,\n  durationIso,\n  editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    podcast.value,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst tabs = computed(() => {\n  if (canPostComment.value) {\n    return [t(\"Information\"), t(\"Comments\")];\n  }\n  return [];\n});\nconst recordingLive = computed(() => {\n  return (\n        undefined !== podcastConference.value &&\n        -1 !== podcastConference.value.conferenceId &&\n        (\"RECORDING\" === podcastConference.value.status ||\n          \"PENDING\" === podcastConference.value.status)\n      );\n});\nconst hlsVideoUrl = computed(() => {\n  if (!recordingLive.value || !podcastConference.value) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n  return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n  if (\"PUBLISHING\" !== podcastConference.value?.status) {\n    return;\n  }\n  return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n  await getPodcastDetails();\n  if (!podcast.value) {\n    return;\n  }\n  commentStore.initCommentUser();\n  configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n  loaded.value = false;\n  error.value = false;\n  try {\n    podcast.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.podcastId,\n    });\n    document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n    const orga = podcast.value.organisation;\n    const privateAccess =\n      \"PUBLIC\" !== orga.privacy &&\n      filterStore.filterOrgaId !== orga.id &&\n      route.query.productor !== orga.id;\n    const notValid =\n      (!podcast.value.availability.visibility ||\n        ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n          podcast.value.processingStatus ?? \"\",\n        ) ||\n        !podcast.value.valid) &&\n      !editRight.value;\n    if (privateAccess || notValid) {\n      error.value = true;\n    } else {\n      updatePathParams(podcast.value.title);\n      if (\n        podcast.value.conferenceId &&\n        \"READY\" !== podcast.value.processingStatus\n      ) {\n        await fetchConferenceStatus();\n        intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n        playerStore.playerPlay(\n          {\n            ...podcast.value,\n            ...{ \n              conferenceId: podcast.value.conferenceId,\n              hlsIdentifier: podcastConference.value?.hlsIdentifier,\n            },\n          },\n          true,\n        );\n      }\n    }\n  } catch (errorCatched) {\n    handle403(errorCatched as AxiosError);\n    error.value = true;\n  }\n  loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n  if (!podcast.value?.conferenceId) {\n    return;\n  }\n  const data = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + podcast.value.conferenceId,\n  });\n  podcastConference.value = {\n    ...data,\n    ...{\n      conferenceId: podcast.value.conferenceId,\n      title: \"\",\n    },\n  };\n  if (\"DEBRIEFING\" === data.status) {\n    clearInterval(intervalStatusConference.value as unknown as number);\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n  align-items: stretch;\n  flex-grow: 1;\n  background: var(--octopus-primary-really-transparent);\n  border-radius: var(--octopus-border-radius);\n  box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n  .info-video-container {\n    display: flex;\n    flex-direction: column;\n\n    .octopus-tab-pane,\n    .video-module-box {\n      height: 0;\n      overflow-y: auto;\n\n      @media (width <= 960px) {\n        height: inherit;\n      }\n    }\n\n    .classic-nav-tab-container {\n      flex-direction: column;\n    }\n  }\n\n  .module-box.module-box-transparent {\n    margin: 0;\n    background: transparent;\n    border: 0;\n    padding: 0;\n  }\n\n  .w-70-responsive {\n    width: 70%;\n    aspect-ratio: 16/9;\n  }\n\n  .w-30-responsive {\n    width: 30%;\n  }\n\n  .w-70-responsive,\n  .w-30-responsive {\n    display: flex;\n    align-items: stretch;\n    flex-grow: 1;\n\n    @media (width <= 960px) {\n      width: 100%;\n      padding: 0 !important;\n    }\n  }\n\n  .really-light-secondary-bg {\n    background: white;\n  }\n}\n</style>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error\">\n      <router-link\n        :to=\"{\n          name: 'podcast',\n          params: { podcastId: podcastId },\n        }\"\n        class=\"mt-3 mb-3 w-fit-content d-flex align-items-center\"\n        :title=\"t('Episode name page', { name: podcast?.title })\"\n      >\n        <ChevronLeftIcon />{{ t(\"Episode page\") }}\n      </router-link>\n      <div\n        v-if=\"videoId || isLiveReadyToRecord\"\n        class=\"d-flex video-page-container\"\n      >\n        <div class=\"w-70-responsive\">\n          <template v-if=\"isLiveReadyToRecord\">\n            <PlayerVideoHls\n              v-if=\"recordingLive\"\n              :hls-url=\"hlsVideoUrl\"\n              :is-secured=\"isSecured\"\n              :responsive=\"true\"\n            />\n            <div\n              v-if=\"isCounter || overrideText\"\n              class=\"d-flex flex-column align-items-center flex-grow-1 blue-bg p-3\"\n            >\n              <CountdownOctopus\n                :time-remaining=\"timeRemaining\"\n                :override-text=\"overrideText\"\n              />\n            </div>\n          </template>\n          <PlayerVideoDigiteka\n            v-else\n            :video-id=\"videoId\"\n            :podcast-id=\"podcastId\"\n            responsive\n          />\n        </div>\n        <div class=\"w-30-responsive info-video-container\">\n          <div class=\"d-flex flex-column flex-grow-1 w-100\">\n            <ClassicNav\n              v-if=\"tabs.length\"\n              v-model:active-tab=\"activeTab\"\n              :tab-number=\"tabs.length\"\n              :transparent=\"true\"\n            >\n              <template v-for=\"(tab, index) in tabs\" #[index]>\n                {{ tab }}\n              </template>\n              <template #tab0>\n                <VideoModuleBox\n                  :podcast=\"podcast\"\n                  :date=\"date\"\n                  :duration=\"duration\"\n                />\n              </template>\n              <template #tab1>\n                <section>\n                  <CommentSection\n                    :podcast=\"podcast\"\n                    class=\"module-box-transparent\"\n                  />\n                </section>\n              </template>\n            </ClassicNav>\n            <VideoModuleBox\n              v-else\n              class=\"p-2 video-module-box\"\n              :podcast=\"podcast\"\n              :date=\"date\"\n              :duration=\"duration\"\n              :duration-iso=\"durationIso\"\n            />\n          </div>\n        </div>\n      </div>\n    </template>\n    <div\n      v-if=\"!error && !videoId && !isLiveReadyToRecord\"\n      class=\"text-center text-danger h3\"\n    >\n      {{ t(\"The episode does not have an associated video\") }}\n    </div>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"\n        error\n          ? t(`This episode is not available for (re)listening`)\n          : undefined\n      \"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ChevronLeftIcon from \"vue-material-design-icons/ChevronLeft.vue\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport classicApi from \"../../api/classicApi\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport ClassicNav from \"../misc/ClassicNav.vue\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport {usePodcastView} from \"../composable/podcasts/usePodcastView\";\nimport { computed, defineAsyncComponent, onBeforeUnmount, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useCommentStore } from \"../../stores/CommentStore\";\nimport { useApiStore } from \"../../stores/ApiStore\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\nimport { usePlayerStore } from \"../../stores/PlayerStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useErrorHandler } from \"../composable/useErrorHandler\";\nconst PlayerVideoDigiteka = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoDigiteka.vue\"),\n);\nconst PlayerVideoHls = defineAsyncComponent(\n  () => import(\"../misc/player/video/PlayerVideoHls.vue\"),\n);\nconst CommentSection = defineAsyncComponent(\n  () => import(\"../display/comments/CommentSection.vue\"),\n);\nconst VideoModuleBox = defineAsyncComponent(\n  () => import(\"../display/podcasts/VideoModuleBox.vue\"),\n);\nconst CountdownOctopus = defineAsyncComponent(\n  () => import(\"../display/live/CountdownOctopus.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  podcastId:{ default: 0, type: Number },\n})\n\n//Data \nconst loaded = ref(false);\nconst podcast: Ref<Podcast | undefined> = ref(undefined);\nconst error = ref(false);\nconst activeTab = ref(0);\nconst configPodcast: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastConference: Ref<Conference | undefined> = ref(undefined);\nconst intervalStatusConference: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { \n  isLiveReadyToRecord,\n  isCounter,\n  timeRemaining,\n  date,\n  duration,\n  durationIso,\n  editRight\n} = usePodcastView(podcast, podcastConference);\nconst {handle403} = useErrorHandler();\nconst { updatePathParams } = useSeoTitleUrl();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst playerStore = usePlayerStore();\nconst filterStore = useFilterStore();\nconst commentStore = useCommentStore();\nconst {t} = useI18n();\nconst route = useRoute();\n\n//Computed\nconst videoId = computed(() => podcast.value?.video?.videoId);\nconst canPostComment = computed(() => {\n  return commentStore.getCanPostComment(\n    configPodcast.value,\n    podcast.value,\n    undefined !== authStore.authOrgaId,\n  );\n});\nconst tabs = computed(() => {\n  if (canPostComment.value) {\n    return [t(\"Information\"), t(\"Comments\")];\n  }\n  return [];\n});\nconst recordingLive = computed(() => {\n  return (\n        undefined !== podcastConference.value &&\n        -1 !== podcastConference.value.conferenceId &&\n        (\"RECORDING\" === podcastConference.value.status ||\n          \"PENDING\" === podcastConference.value.status)\n      );\n});\nconst hlsVideoUrl = computed(() => {\n  if (!recordingLive.value || !podcastConference.value) {\n    return \"\";\n  }\n  return `${apiStore.hlsUrl}live/video_${podcastConference.value.hlsIdentifier}/index.m3u8`;\n});\nconst isSecured = computed(() => {\n  return \"SECURED\" === podcast.value?.organisation?.privacy;\n});\nconst overrideText = computed(() => {\n  if (\"PUBLISHING\" !== podcastConference.value?.status) {\n    return;\n  }\n  return t(\"In the process of being published\");\n});\n\n//Watch\nwatch(()=>props.podcastId, async () => {\n  await getPodcastDetails();\n  if (!podcast.value) {\n    return;\n  }\n  commentStore.initCommentUser();\n  configPodcast.value = await commentStore.getCommentsConfig(podcast.value);\n}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  clearInterval(intervalStatusConference.value as unknown as number);\n})\n\n//Methods\nasync function getPodcastDetails(): Promise<void> {\n  loaded.value = false;\n  error.value = false;\n  try {\n    podcast.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.podcastId,\n    });\n    document.title = podcast.value.title + \" - \"+generalStore.metaTitle;\n    const orga = podcast.value.organisation;\n    const privateAccess =\n      \"PUBLIC\" !== orga.privacy &&\n      filterStore.filterOrgaId !== orga.id &&\n      route.query.productor !== orga.id;\n    const notValid =\n      (!podcast.value.availability.visibility ||\n        ![\"READY_TO_RECORD\", \"READY\", \"PROCESSING\"].includes(\n          podcast.value.processingStatus ?? \"\",\n        ) ||\n        !podcast.value.valid) &&\n      !editRight.value;\n    if (privateAccess || notValid) {\n      error.value = true;\n    } else {\n      updatePathParams(podcast.value.title);\n      if (\n        podcast.value.conferenceId &&\n        \"READY\" !== podcast.value.processingStatus\n      ) {\n        await fetchConferenceStatus();\n        intervalStatusConference.value = setInterval(() => { fetchConferenceStatus(); }, 3000);\n        playerStore.playerPlay(\n          {\n            ...podcast.value,\n            ...{ \n              conferenceId: podcast.value.conferenceId,\n              hlsIdentifier: podcastConference.value?.hlsIdentifier,\n            },\n          },\n          true,\n        );\n      }\n    }\n  } catch (errorCatched) {\n    handle403(errorCatched as AxiosError);\n    error.value = true;\n  }\n  loaded.value = true;\n}\n\nasync function fetchConferenceStatus() {\n  if (!podcast.value?.conferenceId) {\n    return;\n  }\n  const data = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + podcast.value.conferenceId,\n  });\n  podcastConference.value = {\n    ...data,\n    ...{\n      conferenceId: podcast.value.conferenceId,\n      title: \"\",\n    },\n  };\n  if (\"DEBRIEFING\" === data.status) {\n    clearInterval(intervalStatusConference.value as unknown as number);\n  }\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .video-page-container {\n  align-items: stretch;\n  flex-grow: 1;\n  background: var(--octopus-primary-really-transparent);\n  border-radius: var(--octopus-border-radius);\n  box-shadow: 0 0 10px 1px var(--octopus-primary-transparent);\n\n  .info-video-container {\n    display: flex;\n    flex-direction: column;\n\n    .octopus-tab-pane,\n    .video-module-box {\n      height: 0;\n      overflow-y: auto;\n\n      @media (width <= 960px) {\n        height: inherit;\n      }\n    }\n\n    .classic-nav-tab-container {\n      flex-direction: column;\n    }\n  }\n\n  .module-box.module-box-transparent {\n    margin: 0;\n    background: transparent;\n    border: 0;\n    padding: 0;\n  }\n\n  .w-70-responsive {\n    width: 70%;\n    aspect-ratio: 16/9;\n  }\n\n  .w-30-responsive {\n    width: 30%;\n  }\n\n  .w-70-responsive,\n  .w-30-responsive {\n    display: flex;\n    align-items: stretch;\n    flex-grow: 1;\n\n    @media (width <= 960px) {\n      width: 100%;\n      padding: 0 !important;\n    }\n  }\n\n  .really-light-secondary-bg {\n    background: white;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/XIcon-DAVMitPh.mjs

@@ -0,0 +1,49 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
+import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+//#region src/components/icons/XIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-hidden", "title"];
+var _hoisted_2 = [
+	"fill",
+	"height",
+	"width"
+];
+var XIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "XIcon",
+	props: {
+		size: {
+			default: 24,
+			type: Number
+		},
+		title: {
+			default: void 0,
+			type: String
+		},
+		fillColor: {
+			default: "currentColor",
+			type: String
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				"aria-hidden": !__props.title,
+				class: "material-design-icon",
+				title: __props.title
+			}, [(openBlock(), createElementBlock("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				viewBox: "-300 -300 1800 1827",
+				fill: __props.fillColor,
+				height: __props.size,
+				width: __props.size
+			}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" }, null, -1)])], 8, _hoisted_2))], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+//#region src/components/icons/XIcon.vue
+var XIcon_exports = /* @__PURE__ */ __exportAll({ default: () => XIcon_default });
+var XIcon_default = XIcon_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { XIcon_exports as n, XIcon_default as t };
+
+//# sourceMappingURL=XIcon-DAVMitPh.mjs.map

package/dist/XIcon-DAVMitPh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"XIcon-DAVMitPh.mjs","names":[],"sources":["../src/components/icons/XIcon.vue","../src/components/icons/XIcon.vue"],"sourcesContent":["<template>\n  <span\n    :aria-hidden=\"!title\"\n    class=\"material-design-icon\"\n    :title=\"title\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"-300 -300 1800 1827\"\n      :fill=\"fillColor\"\n      :height=\"size\"\n      :width=\"size\"\n    >\n      <path\n        d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\"\n      />\n    </svg>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\n//Props \ndefineProps({\n  size: { default: 24, type: Number },\n  title: { default: undefined, type: String },\n  fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n","<template>\n  <span\n    :aria-hidden=\"!title\"\n    class=\"material-design-icon\"\n    :title=\"title\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"-300 -300 1800 1827\"\n      :fill=\"fillColor\"\n      :height=\"size\"\n      :width=\"size\"\n    >\n      <path\n        d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\"\n      />\n    </svg>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\n//Props \ndefineProps({\n  size: { default: 24, type: Number },\n  title: { default: undefined, type: String },\n  fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;uBACE,mBAgBO,QAAA;IAfJ,eAAW,CAAG,QAAA;IACf,OAAM;IACL,OAAO,QAAA;qBAER,mBAUM,OAAA;IATJ,OAAM;IACN,SAAQ;IACP,MAAM,QAAA;IACN,QAAQ,QAAA;IACR,OAAO,QAAA;qCAER,mBAEE,QAAA,EADA,GAAE,wSAAuS,GAAA,MAAA,EAAA,CAAA,EAAA,GAAA,GAAA,UAAA,EAAA,GAAA,GAAA,UAAA"}

package/dist/XIcon-Dz4rI_Hd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"XIcon-Dz4rI_Hd.mjs","names":[],"sources":["../src/components/icons/XIcon.vue","../src/components/icons/XIcon.vue"],"sourcesContent":["<template>\n  <span\n    :aria-hidden=\"!title\"\n    class=\"material-design-icon\"\n    :title=\"title\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"-300 -300 1800 1827\"\n      :fill=\"fillColor\"\n      :height=\"size\"\n      :width=\"size\"\n    >\n      <path\n        d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\"\n      />\n    </svg>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\n//Props \ndefineProps({\n  size: { default: 24, type: Number },\n  title: { default: undefined, type: String },\n  fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n","<template>\n  <span\n    :aria-hidden=\"!title\"\n    class=\"material-design-icon\"\n    :title=\"title\"\n  >\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"-300 -300 1800 1827\"\n      :fill=\"fillColor\"\n      :height=\"size\"\n      :width=\"size\"\n    >\n      <path\n        d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\"\n      />\n    </svg>\n  </span>\n</template>\n\n<script setup lang=\"ts\">\n//Props \ndefineProps({\n  size: { default: 24, type: Number },\n  title: { default: undefined, type: String },\n  fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBCCE,mBAgBO,QAAA;EAfJ,eAAW,CAAG,OAAA;EACf,OAAM;EACL,OAAO,OAAA;mBAER,mBAUM,OAAA;EATJ,OAAM;EACN,SAAQ;EACP,MAAM,OAAA;EACN,QAAQ,OAAA;EACR,OAAO,OAAA;mCAER,mBAEE,QAAA,EADA,GAAE,wSAAuS,GAAA,MAAA,EAAA,CAAA,EAAA,GAAA,GAAA,UAAA,EAAA,GAAA,GAAA,UAAA"}

package/dist/_plugin-vue_export-helper-BOaGB7Aw.mjs

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var _plugin_vue_export_helper_default = (sfc, props) => {
+	const target = sfc.__vccOpts || sfc;
+	for (const [key, val] of props) target[key] = val;
+	return target;
+};
+//#endregion
+export { _plugin_vue_export_helper_default as t };

package/dist/aggregatorsApi-hyFtV8aL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"aggregatorsApi-hyFtV8aL.mjs","names":[],"sources":["../src/api/aggregatorsApi.ts"],"sourcesContent":["import { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\n\nexport interface Aggregator {\n    /** ID of the aggregator */\n    aggregatorId: number;\n    /** Name of the aggregator */\n    name: string;\n    /** User who created this aggregator */\n    createdBy: string;\n    /** Link to image for aggregator */\n    image?: string;\n    /** IP criteria */\n    ip?: string;\n    /** IP range criteria */\n    ipRange?: string;\n    /** Regex for referer criteria */\n    refererRegexp?: string;\n    /** Slug criteria */\n    slug?: string;\n    /** Regex for user agent criteria */\n    uaRegexp?: string;\n}\n\nexport type PredefinedAggregator = Pick<Aggregator, 'name' | 'image'>;\n\n/**\n * Return the list of predefined aggregators\n */\nasync function getPredefined(): Promise<Array<PredefinedAggregator>> {\n    return classicApi.fetchData<Array<PredefinedAggregator>>({\n        api: ModuleApi.DEFAULT,\n        path: 'rss/aggregator/distributions'\n    });\n}\n\n/**\n * Return the list of all user-defined aggregators\n * @param organisationId If defined, the aggregators will be filtered for this\n *                       organisation\n */\nasync function getAll(organisationId?: string): Promise<Array<Aggregator>> {\n    return classicApi.fetchData<Array<Aggregator>>({\n        api: ModuleApi.DEFAULT,\n        path: 'rss/aggregator/list',\n        parameters: organisationId ? { organisationId } : undefined\n    });\n}\n\n/**\n * Return the list of all user-defined aggregators, without filter data.\n * This doesn't require to be authenticated.\n * @param organisationId If defined, the aggregators will be filtered for this\n *                       organisation\n */\nasync function getAllNoAuth(organisationId?: string): Promise<Array<PredefinedAggregator>> {\n    return classicApi.fetchData<Array<Aggregator>>({\n        api: ModuleApi.DEFAULT,\n        path: 'rss/aggregator/noauth/list',\n        parameters: organisationId ? { organisationId } : undefined\n    });\n}\n\nexport const aggregatorsApi = {\n    getPredefined,\n    getAll,\n    getAllNoAuth\n};\n"],"mappings":";;;;;AA6BA,eAAe,gBAAsD;CACjE,OAAO,mBAAW,UAAuC;EACrD,KAAK,UAAU;EACf,MAAM;CACV,CAAC;AACL;;;;;;AAOA,eAAe,OAAO,gBAAqD;CACvE,OAAO,mBAAW,UAA6B;EAC3C,KAAK,UAAU;EACf,MAAM;EACN,YAAY,iBAAiB,EAAE,eAAe,IAAI,KAAA;CACtD,CAAC;AACL;;;;;;;AAQA,eAAe,aAAa,gBAA+D;CACvF,OAAO,mBAAW,UAA6B;EAC3C,KAAK,UAAU;EACf,MAAM;EACN,YAAY,iBAAiB,EAAE,eAAe,IAAI,KAAA;CACtD,CAAC;AACL;AAEA,IAAa,iBAAiB;CAC1B;CACA;CACA;AACJ"}

package/dist/api-tznrp2lH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"api-tznrp2lH.mjs","names":[],"sources":["../src/api/radioApi.ts","../src/api/mediathequeApi.ts","../src/stores/CacheStore.ts","../src/api/rubriquesApi.ts"],"sourcesContent":["import { Ambiance, Canal } from \"../stores/class/radio/canal\";\nimport classicApi from \"./classicApi\";\nimport { ModuleApi } from \"./apiConnection\";\n\n/**\n * Retrieve a radio canal by its id\n * @param radioId Id of the radio to retrieve\n * @returns The canal data\n */\nasync function get(radioId: number): Promise<Canal> {\n    return classicApi.fetchData<Canal>({\n        api: ModuleApi.RADIO,\n        path: `canal/${radioId}`\n    });\n}\n\n/**\n * Retrieve all radio canal by organisation\n * @param organisationId Id of the organisation\n * @returns The list of canal data\n */\nasync function getAll(organisationId: string): Promise<Array<Canal>> {\n    return await classicApi.fetchData<Array<Canal>>({\n        api: ModuleApi.RADIO,\n        path: \"canal/orga/\" + organisationId + \"/\"\n    });\n}\n\n/**\n * Set the default ambiance for the given canal\n * @param canalId ID of the canal to change\n * @param ambiance New ambiance settings\n * @returns The modified ambiance\n */\nasync function setDefaultAmbiance(canalId: number, ambiance: Ambiance): Promise<Ambiance> {\n    return await classicApi.putData<Ambiance>({\n        api: ModuleApi.RADIO,\n        path: `ambiance/canal/${canalId}/default`,\n        dataToSend: ambiance\n    });\n    \n}\n\nexport const radioApi = {\n    get,\n    getAll,\n    setDefaultAmbiance\n};\n","import { PlaylistMedia } from \"../stores/class/radio/playlistMedia\";\nimport { Mix } from \"../stores/class/radio/mix\";\nimport { ModuleApi } from \"./apiConnection\";\nimport classicApi from \"./classicApi\";\nimport { Cartouchier } from \"@/stores/class/cartouchier/cartouchier\";\n\n/**\n * Retrieve all cartouchier from the given organisation\n * @param organisationId The ID of the organisation\n * @param options Filtering options\n * @returns List of cartouchier belonging to the organisation\n */\nasync function getAllCartouchiers(organisationId: string, options?: { ownerId?: string }): Promise<Array<Cartouchier>> {\n    return classicApi.fetchData<Array<Cartouchier>>({\n        api: ModuleApi.MEDIA,\n        path: `cartouchier/list/${organisationId}`,\n        parameters: options\n    });\n}\n\n/**\n * Retrieve all mix from the given organisation\n * @param organisationId The ID of the organisation\n * @returns List of mix belonging to the organisation\n */\nasync function getAllMix(organisationId: string): Promise<Array<Mix>> {\n    return classicApi.fetchData<Array<Mix>>({\n        api: ModuleApi.MEDIA,\n        path: `mix/${organisationId}`\n    });\n}\n\n/**\n * Delete mix with the given id\n * @param mixId The ID of the mix to delete\n */\nasync function deleteMix(mixId: number): Promise<void> {\n    await classicApi.deleteData({\n        api: ModuleApi.MEDIA,\n        path: `mix/${mixId}`\n    });\n}\n\n/**\n * Retrieve all playlist from the given organisation\n * @param organisationId The ID of the organisation\n * @param options Filtering options\n * @returns List of playlist belonging to the organisation\n */\nasync function getAllPlaylists(organisationId: string, options?: { ownerId?: string }): Promise<Array<PlaylistMedia>> {\n    return classicApi.fetchData<Array<PlaylistMedia>>({\n        api: ModuleApi.MEDIA,\n        path: `playlist/${organisationId}`,\n        parameters: options\n    });\n}\n\n/**\n * Delete playlist with the given id\n * @param playlistId The ID of the playlist to delete\n */\nasync function deletePlaylist(playlistId: number): Promise<void> {\n    await classicApi.deleteData({\n        api: ModuleApi.MEDIA,\n        path: `playlist/${playlistId}`\n    });\n}\n\nexport const mediathequeApi = {\n    getAllCartouchiers,\n    getAllMix,\n    deleteMix,\n    getAllPlaylists,\n    deletePlaylist\n}\n","import dayjs, { Dayjs } from \"dayjs\";\nimport { defineStore } from \"pinia\";\n\n/**\n * Type for cache storage\n */\ninterface CachedData<T> {\n    /** The in-flight or resolved data, shared by concurrent callers */\n    data: Promise<T>;\n    /** Expiration date of the cached data */\n    expiration: Dayjs;\n}\n\nexport const useCacheStore = defineStore('cache', () => {\n\n    const cachedData: Record<string, CachedData<unknown>> = {};\n\n    async function getData<T>(key: string, callback: () => Promise<T>): Promise<T> {\n        let cache = cachedData[key] as CachedData<T>|undefined;\n        if (isDataEmptyOrExpired(cache)) {\n            // Store the promise immediately so concurrent callers share this fetch\n            const data = callback();\n            const expiration = dayjs().add(30, 'minutes');\n            cache = { data, expiration };\n            cachedData[key] = cache;\n            // Don't keep a failed fetch cached: let the next call retry\n            data.catch(() => invalidate(key));\n        }\n\n        return cache.data;\n    }\n\n    function invalidate(key: string): void {\n        delete cachedData[key];\n    }\n\n    function isDataEmptyOrExpired(data: CachedData<unknown>|undefined): boolean {\n        if (!data) {\n            return true;\n        } else {\n            return dayjs().isAfter(data.expiration);\n        }\n    }\n\n    return {\n        getData,\n        invalidate\n    };\n});\n","import { Rubrique } from \"@/stores/class/rubrique/rubrique\";\nimport { Rubriquage } from \"@/stores/class/rubrique/rubriquage\";\nimport { useCacheStore } from \"@/stores/CacheStore\";\nimport classicApi, { type APIOptions } from \"./classicApi\";\nimport { ModuleApi } from \"./apiConnection\";\n\n////////////////////////////////////////////////////////////////////////////////\n// Rubriquage\n////////////////////////////////////////////////////////////////////////////////\n/**\n * Find rubriquages according to criterias\n * @param organisationIds List of organisation IDs for which to retrieve the\n *                        rubriquage\n * @param searchOptions Additional search options\n */\nasync function searchRubriquages(organisationIds: Array<string>, searchOptions?: {\n    rubriquageId?: number;\n    organisationId?: string|Array<string>;\n    query?: string;\n}, options?: APIOptions): Promise<Array<Rubriquage>> {\n    return classicApi.fetchData<Array<Rubriquage>>({\n        api: ModuleApi.DEFAULT,\n        path: 'rubriquage/find',\n        parameters: {\n            organisationId: organisationIds,\n            ...searchOptions\n        },\n        specialTreatement: options?.adaptParameters\n    });\n}\n/**\n * Create a new rubriquage\n * @param data The new rubriquage data\n * @returns The created rubriquage\n */\nasync function createRubriquage(data: Omit<Rubriquage, 'rubriquageId'>): Promise<Rubriquage> {\n    return classicApi.postData<Rubriquage>({\n        api: ModuleApi.DEFAULT,\n        path: \"rubriquage/\",\n        dataToSend: data\n    });\n}\n\n/**\n * Fetch rubriquage data by ID\n * @param rubriquageId ID of the rubriquage to fetch\n * @returns The rubriquage\n */\nasync function getRubriquage(rubriquageId: number): Promise<Rubriquage> {\n    return classicApi.fetchData<Rubriquage>({\n        api: ModuleApi.DEFAULT,\n        path: `rubriquage/${rubriquageId}`\n    });\n}\n\n/**\n * Update the values of the rubriquage\n * @param data The new rubriquage data\n * @returns The updated rubriquage\n */\nasync function updateRubriquage(data: Rubriquage): Promise<Rubriquage> {\n    return classicApi.putData<Rubriquage>({\n        api: ModuleApi.DEFAULT,\n        path: \"rubriquage/\",\n        dataToSend: data\n    });\n}\n\n/**\n * Delete a rubriquage\n * @param data Either the rubriquage to delete, or its ID\n * @returns An empty promise\n */\nasync function deleteRubriquage(data: Rubriquage|number): Promise<void> {\n    const rubriquageId = typeof data === 'object' ?\n        data.rubriquageId :\n        data;\n        \n    await classicApi.deleteData<void>({\n        api: ModuleApi.DEFAULT,\n        path: \"rubriquage/\" + rubriquageId\n    });\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// Rubriques\n////////////////////////////////////////////////////////////////////////////////\nasync function searchRubriques(searchOptions?: {\n    rubriquageId?: number;\n    organisationId?: string|Array<string>;\n    query?: string;\n}): Promise<Array<Rubrique>> {\n    return classicApi.fetchData<Array<Rubrique>>({\n        api: ModuleApi.DEFAULT,\n        path: 'rubrique/search',\n        parameters: searchOptions\n    });\n}\n\n/**\n * Fetch rubrique data by ID\n * @see getCachedRubrique\n * @param rubriqueId ID of the rubrique to fetch\n * @returns The rubrique\n */\nasync function getRubrique(rubriqueId: number): Promise<Rubrique> {\n    return classicApi.fetchData<Rubrique>({\n        api: ModuleApi.DEFAULT,\n        path: `rubrique/${rubriqueId}`\n    });\n}\n\n/**\n * Fetch rubrique data by ID\n * If the rubrique is available in the cache, return it from the cache\n * @param rubriqueId ID of the rubrique to fetch\n * @returns The rubrique\n */\nasync function getCachedRubrique(rubriqueId: number): Promise<Rubrique> {\n    const cacheStore = useCacheStore();\n    return cacheStore.getData(`rubrique-${rubriqueId}`, () => getRubrique(rubriqueId));\n}\n\n////////////////////////////////////////////////////////////////////////////////\n// Scope\n////////////////////////////////////////////////////////////////////////////////\n/**\n * List the rubrique IDS associated to the given user\n * @param userId The ID of the user for which to retrieve this data\n * @returns The list of IDs of rubriques\n */\nasync function listUserScope(userId: string): Promise<Array<number>> {\n    return classicApi.fetchData<Array<number>>({\n        api: ModuleApi.DEFAULT,\n        path: `rubrique/user/list/rubriques/${userId}`\n    });\n}\n\n/**\n * List the user IDS associated to the given rubrique\n * @param rubriqueId The ID of the rubrique for which to retrieve this data\n * @returns The list of IDs of users\n */\nasync function listUsersScopedByRubrique(rubriqueId: string): Promise<Array<string>> {\n    return classicApi.fetchData<Array<string>>({\n        api: ModuleApi.DEFAULT,\n        path: `rubrique/user/list/users/${rubriqueId}`\n    });\n}\n\n/**\n * Update the associated rubriques to the user\n * @param userId The ID of the user for which to change the rights scope\n * @param previousScope Previous rubrique IDs\n * @param rubriqueIds New rubrique IDs to set\n * @returns A promise\n */\nasync function setUserScope(userId: string, previousScope: Array<number>, rubriqueIds: Array<number>): Promise<void> {\n\n    const associatedIds: Array<number> = [];\n    const dissociatedIds: Array<number> = [];\n    const promises: Array<Promise<void>> = [];\n\n    // Create a set containing all ids, will iterare over all of them to check\n    // whether to add or remove them\n    const allIds = new Set<number>();\n    previousScope.forEach(allIds.add, allIds);\n    rubriqueIds.forEach(allIds.add, allIds);\n\n\n    // Find out which IDs need to be added/remove\n    allIds.forEach(id => {\n        const inOld = previousScope.includes(id);\n        const inNew = rubriqueIds.includes(id);\n\n        if (inOld && !inNew) {\n            dissociatedIds.push(id);\n        } else if (!inOld && inNew) {\n            associatedIds.push(id);\n        }\n    })\n\n    // API call for adding rubriques\n    if (associatedIds.length > 0) {\n        promises.push(classicApi.postData({\n            api: ModuleApi.DEFAULT,\n            path: 'rubrique/user/associate',\n            dataToSend: {\n                rubriqueIds: associatedIds,\n                userIds: [userId]\n            }\n        }));\n    }\n\n    // API call for removing rubriques\n    if (dissociatedIds.length > 0) {\n        promises.push(classicApi.postData({\n            api: ModuleApi.DEFAULT,\n            path: 'rubrique/user/dissociate',\n            dataToSend: {\n                rubriqueIds: dissociatedIds,\n                userIds: [userId]\n            }\n        }));\n    }\n\n    return Promise.all(promises).then();\n}\n\nexport const rubriquesApi = {\n    createRubriquage,\n    getRubriquage,\n    getRubrique,\n    getCachedRubrique,\n    searchRubriquages,\n    searchRubriques,\n    updateRubriquage,\n    deleteRubriquage,\n    listUserScope,\n    listUsersScopedByRubrique,\n    setUserScope\n};\n"],"mappings":"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"}

package/dist/apiUtils-D4ULJJbh.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"apiUtils-D4ULJJbh.mjs","names":[],"sources":["../src/api/apiUtils.ts"],"sourcesContent":["/**\n * Utility function to easily convert a list of IDs to a map of id => element\n * @param ID The type of ID for the element\n * @param T The type of element to retrieve\n * @param ids The list of ids\n * @param getter A function that given an ID, returns a promise of the matching element\n * @param key The key for the ID\n * @return A promise containing a map of ID => element\n */\nexport async function mapFromGetAll<ID extends string|number, T extends object >(ids: Array<ID>, getter: (id: ID) => Promise<T>, key: keyof T): Promise<Record<string, T>> {\n    const results: Record<string, T> = {};\n    const promises: Array<Promise<T>> = [];\n\n    // Retrieve data for each id\n    ids.forEach((id: ID) => {\n        const promise = getter(id).then(elt => results['' + elt[key]] = elt);\n        promises.push(promise);\n    });\n\n    // Wait for all promises to finish\n    await Promise.all(promises);\n\n    return results;\n}\n\n"],"mappings":";;;;;;;;;;AASA,eAAsB,cAA2D,KAAgB,QAAgC,KAA0C;CACvK,MAAM,UAA6B,CAAC;CACpC,MAAM,WAA8B,CAAC;CAGrC,IAAI,SAAS,OAAW;EACpB,MAAM,UAAU,OAAO,EAAE,EAAE,MAAK,QAAO,QAAQ,KAAK,IAAI,QAAQ,GAAG;EACnE,SAAS,KAAK,OAAO;CACzB,CAAC;CAGD,MAAM,QAAQ,IAAI,QAAQ;CAE1B,OAAO;AACX"}

package/dist/buttons-cdGcewjB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buttons-cdGcewjB.mjs","names":[],"sources":["../src/components/buttons/ActionButton.vue","../src/components/buttons/ActionButton.vue","../src/components/buttons/ClassicButton.vue","../src/components/buttons/ClassicButton.vue"],"sourcesContent":["<template>\n    <div>\n        <!-- The button with an icon to trigger the action -->\n        <button\n            class=\"btn btn-transparent\"\n            :title=\"action\"\n            @click=\"onClick\"\n        >\n            <component :is=\"icon\" />\n        </button>\n\n        <!-- Modal to ask for confirmation -->\n        <MessageModal\n            v-if=\"showModal\"\n            :title=\"confirmModal.title\"\n            :message=\"confirmModal.message\"\n            :validatetext=\"$t('Yes')\"\n            :canceltext=\"$t('No')\"\n            @validate=\"onConfirmModal\"\n            @cancel=\"showModal = false\"\n            @close=\"showModal = false\"\n        />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { type Component, computed, ref } from 'vue';\nimport MessageModal from '../misc/modal/MessageModal.vue'; \nimport Icons from '../icons';\n\n/** Actions available to the button */\nenum Action {\n    Edit = 'edit',\n    Delete = 'delete'\n}\n\nexport interface ConfirmModalData {\n    title: string;\n    message: string;\n}\n\nconst { action, confirmModal } = defineProps<{\n    /** The type of action provided by the button */\n    action: Action;\n    /** When set, clicking on the button will first open a confirm modal */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * Event trigger when the button is clicked, or after confirmation in the\n     * modal if `withConfirmModal` is true.\n     */\n    (e: 'click'): void\n}>();\n\n/************************\n * Using button\n ***********************/\n\n/** Method called when clicking on button */\nfunction onClick(): void {\n    if (confirmModal === undefined) {\n        emit('click');\n    } else {\n        showModal.value = true;\n    }\n}\n\n/***********************\n * Modal\n **********************/\n/** Display modal when true */\nconst showModal = ref(false);\n\n/** Method called when the modal is validated */\nfunction onConfirmModal(): void {\n    showModal.value = false;\n    emit('click');\n}\n\n/***********************\n * Button appearance\n **********************/\n\n/** The icon displayed by the button */\nconst icon = computed((): Component => {\n    switch (action) {\n        case Action.Edit:\n            return Icons.Edit;\n\n        case Action.Delete:\n            return Icons.Delete;\n\n        default:\n            return;\n    }\n});\n</script>\n","<template>\n    <div>\n        <!-- The button with an icon to trigger the action -->\n        <button\n            class=\"btn btn-transparent\"\n            :title=\"action\"\n            @click=\"onClick\"\n        >\n            <component :is=\"icon\" />\n        </button>\n\n        <!-- Modal to ask for confirmation -->\n        <MessageModal\n            v-if=\"showModal\"\n            :title=\"confirmModal.title\"\n            :message=\"confirmModal.message\"\n            :validatetext=\"$t('Yes')\"\n            :canceltext=\"$t('No')\"\n            @validate=\"onConfirmModal\"\n            @cancel=\"showModal = false\"\n            @close=\"showModal = false\"\n        />\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { type Component, computed, ref } from 'vue';\nimport MessageModal from '../misc/modal/MessageModal.vue'; \nimport Icons from '../icons';\n\n/** Actions available to the button */\nenum Action {\n    Edit = 'edit',\n    Delete = 'delete'\n}\n\nexport interface ConfirmModalData {\n    title: string;\n    message: string;\n}\n\nconst { action, confirmModal } = defineProps<{\n    /** The type of action provided by the button */\n    action: Action;\n    /** When set, clicking on the button will first open a confirm modal */\n    confirmModal?: ConfirmModalData;\n}>();\n\nconst emit = defineEmits<{\n    /**\n     * Event trigger when the button is clicked, or after confirmation in the\n     * modal if `withConfirmModal` is true.\n     */\n    (e: 'click'): void\n}>();\n\n/************************\n * Using button\n ***********************/\n\n/** Method called when clicking on button */\nfunction onClick(): void {\n    if (confirmModal === undefined) {\n        emit('click');\n    } else {\n        showModal.value = true;\n    }\n}\n\n/***********************\n * Modal\n **********************/\n/** Display modal when true */\nconst showModal = ref(false);\n\n/** Method called when the modal is validated */\nfunction onConfirmModal(): void {\n    showModal.value = false;\n    emit('click');\n}\n\n/***********************\n * Button appearance\n **********************/\n\n/** The icon displayed by the button */\nconst icon = computed((): Component => {\n    switch (action) {\n        case Action.Edit:\n            return Icons.Edit;\n\n        case Action.Delete:\n            return Icons.Delete;\n\n        default:\n            return;\n    }\n});\n</script>\n","<!-- A simple button with accessibility in mind -->\n<template>\n    <button\n        :class=\"classes\"\n        :aria-disabled=\"disabled\"\n        :title=\"title\"\n        :aria-label=\"title\"\n        @click=\"onClick\"\n    >\n        <slot />\n    </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n    /** Disable the button */\n    disabled?: boolean;\n    /** Title of the button */\n    title?: string;\n    /** Primary style for button */\n    primary?: boolean;\n    /** Icon style for button */\n    icon?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    /** Emitted when the user clicks on the button */\n    (e: 'click'): void;\n}>();\n\nconst classes = computed((): Array<string> => {\n    const ary: Array<string> = ['btn', 'd-flex'];\n    if (props.primary) {\n        ary.push('btn-primary');\n    }\n    if (props.icon) {\n        ary.push('btn-icon');\n    }\n    return ary;\n});\n\nfunction onClick(): void {\n    if (!props.disabled) {\n        emit('click');\n    }\n}\n</script>\n","<!-- A simple button with accessibility in mind -->\n<template>\n    <button\n        :class=\"classes\"\n        :aria-disabled=\"disabled\"\n        :title=\"title\"\n        :aria-label=\"title\"\n        @click=\"onClick\"\n    >\n        <slot />\n    </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n\nconst props = defineProps<{\n    /** Disable the button */\n    disabled?: boolean;\n    /** Title of the button */\n    title?: string;\n    /** Primary style for button */\n    primary?: boolean;\n    /** Icon style for button */\n    icon?: boolean;\n}>();\n\nconst emit = defineEmits<{\n    /** Emitted when the user clicks on the button */\n    (e: 'click'): void;\n}>();\n\nconst classes = computed((): Array<string> => {\n    const ary: Array<string> = ['btn', 'd-flex'];\n    if (props.primary) {\n        ary.push('btn-primary');\n    }\n    if (props.icon) {\n        ary.push('btn-icon');\n    }\n    return ary;\n});\n\nfunction onClick(): void {\n    if (!props.disabled) {\n        emit('click');\n    }\n}\n</script>\n"],"mappings":";;;;;;AA+BA,IAAK,SAAL,yBAAA,QAAA;CACI,OAAA,UAAA;CACA,OAAA,YAAA;;AACJ,EAHK,UAAA,CAAA,CAGL;;;;;;;;;;;;;;;;EAcA,MAAM,OAAO;;;;;EAab,SAAS,UAAgB;GACrB,IAAI,QAAA,iBAAiB,KAAA,GACjB,KAAK,OAAO;QAEZ,UAAU,QAAQ;EAE1B;;;;;EAMA,MAAM,YAAY,IAAI,KAAK;;EAG3B,SAAS,iBAAuB;GAC5B,UAAU,QAAQ;GAClB,KAAK,OAAO;EAChB;;;;;;;SAOa,eAA0B;IACnC,QAAQ,QAAA,QAAR;KACI,KAAA,QACI,OAAO,cAAM;KAEjB,KAAA,UACI,OAAO,cAAM;KAEjB,SACI;IACR;GACJ,CAAA;;;;;;;;;;;;;;qBChGI,mBAqBM,OAAA,MAAA;EApBF,mBAAA,iDAAA;EACA,mBAMS,UAAA;GALL,OAAM;GACL,OAAO,OAAA;GACP,SAAO,OAAA;oBAER,YAAwB,wBAAR,OAAA,IAAI,CAAA,EAAA,GAAA,GAAA,YAAA;EAGxB,mBAAA,iCAAA;EAEU,OAAA,aAAA,UAAA,GADV,YASE,OAAA,iBAAA;;GAPG,OAAO,OAAA,aAAa;GACpB,SAAS,OAAA,aAAa;GACtB,cAAc,KAAA,GAAE,KAAA;GAChB,YAAY,KAAA,GAAE,IAAA;GACd,YAAU,OAAA;GACV,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;GACjB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,YAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECJ7B,MAAM,QAAQ;EAWd,MAAM,OAAO;EAKb,MAAM,UAAU,eAA8B;GAC1C,MAAM,MAAqB,CAAC,OAAO,QAAQ;GAC3C,IAAI,MAAM,SACN,IAAI,KAAK,aAAa;GAE1B,IAAI,MAAM,MACN,IAAI,KAAK,UAAU;GAEvB,OAAO;EACX,CAAC;EAED,SAAS,UAAgB;GACrB,IAAI,CAAC,MAAM,UACP,KAAK,OAAO;EAEpB;;;;;;;;;;;;;;;;;;;;;;qBC7CI,mBAQS,UAAA;EAPJ,OAAK,eAAE,OAAA,OAAO;EACd,iBAAe,OAAA;EACf,OAAO,OAAA;EACP,cAAY,OAAA;EACZ,SAAO,OAAA;KAER,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA"}