@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/LikeSection-jKjhnj88.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LikeSection-jKjhnj88.mjs","names":[],"sources":["../src/components/display/comments/like/LikeSection.vue","../src/components/display/comments/like/LikeSection.vue"],"sourcesContent":["<template>\n  <div class=\"d-flex align-items-center mt-1\">\n    <CheckIdentityModal\n      v-if=\"isCheckIdentityActions\"\n      :title=\"t('Welcome, thanks for your interaction')\"\n      @validate=\"likeActions(isCheckIdentityActions)\"\n      @close=\"isCheckIdentityActions = undefined\"\n    />\n    <template v-for=\"section in feelingSection\" :key=\"section.name\">\n      <template v-if=\"section.condition\">\n        <LikeButton\n          :like=\"'like' === section.name\"\n          :is-active=\"section.name === userFeeling\"\n          :can-interact=\"canLikeOrDislike\"\n          @like-action=\"initiateLikeActions\"\n        />\n        <span v-if=\"section.counter\" class=\"ms-1 me-2\">{{\n          transformInThousands(section.counter)\n        }}</span>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, Ref, ref, computed, onBeforeMount } from \"vue\";\nimport classicApi from \"../../../../api/classicApi\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport {\n  CommentFeelings,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"../modal/CheckIdentityModal.vue\"),\n);\nconst LikeButton = defineAsyncComponent(() => import(\"./LikeButton.vue\"));\n\n//Props \nconst props = defineProps({\n  comment: { default: () => undefined, type: Object as () => CommentPodcast },\n  editRight: { default: false, type: Boolean },\n  podcast: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isCheckIdentityActions: Ref<string | undefined> = ref(undefined);\nconst userFeeling: Ref<string | undefined> = ref(undefined);\nconst config: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastFeeling: Ref<CommentFeelings | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst configToApply = computed(() => {\n  if (props.comment) {\n    return config.value?.commentLikes;\n  }\n  return config.value?.podcastLikes;\n});\nconst podcastId = computed(() =>  props.podcast?.podcastId ?? 0);\nconst feelingSection = computed(() => {\n  return [\n    {\n      name: \"like\",\n      counter: props.comment?.likes ?? podcastFeeling.value?.likesCount,\n      condition: configToApply.value?.likeEnabled ?? false,\n    },\n    {\n      name: \"dislike\",\n      counter: props.editRight\n        ? (props.comment?.dislikes ?? podcastFeeling.value?.dislikesCount)\n        : 0,\n      condition: configToApply.value?.dislikeEnabled ?? false,\n    },\n  ];\n});\nconst canLikeOrDislike = computed(() => {\n  return (\n    !configToApply.value?.authRequired ||\n    (configToApply.value.authRequired && undefined !== authStore.authOrgaId)\n  );\n});\n\nonBeforeMount(()=>initLikeConfig())\n\n\n//Methods\nasync function initLikeConfig() {\n  if (!props.podcast) {\n    return;\n  }\n  config.value = await commentStore.getCommentsConfig(props.podcast);\n  if (\n    props.comment ||\n    (!config.value.podcastLikes.likeEnabled &&\n      !config.value.podcastLikes.dislikeEnabled)\n  ) {\n    return;\n  }\n  await fetchPodcastCounters();\n}\nasync function fetchPodcastCounters() {\n  const data = await classicApi.fetchData<{\n    [key: number]: CommentFeelings;\n  }>({\n    api: 2,\n    path: \"podcast/status\",\n    parameters: {\n      podcastId: [podcastId.value],\n      uuid: commentStore.commentUser?.uuid,\n    },\n    isNotAuth: true,\n  });\n  podcastFeeling.value = data[podcastId.value];\n  if (\"LIKED\" === podcastFeeling.value.feeling) {\n    userFeeling.value = \"like\";\n  } else if (\"DISLIKED\" === podcastFeeling.value.feeling) {\n    userFeeling.value = \"dislike\";\n  }\n}\nfunction transformInThousands(nb: number) {\n  if (nb >= 1000) {\n    return Math.round(nb / 100) / 10 + \"k\";\n  }\n  return nb.toString();\n}\nasync function initiateLikeActions(actionName: string) {\n  if (!commentStore.commentUser?.name) {\n    isCheckIdentityActions.value = actionName;\n    return;\n  }\n  likeActions(actionName);\n}\nasync function likeActions(actionName: string) {\n  const prefix = props.comment ? \"comment/\" : \"podcast/\";\n  const data = await classicApi.putData<{\n    [key: number]: CommentFeelings;\n  }>({\n    api: 2,\n    path: prefix + actionName,\n    dataToSend: {\n      ids: [props.comment?.commentId ?? podcastId.value],\n      name: commentStore.commentUser?.name,\n      uuid: commentStore.commentUser?.uuid,\n    },\n    isNotAuth: true,\n  });\n  if (props.comment) {\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{\n        likes: data[props.comment.commentId].likesCount,\n        dislikes: data[props.comment.commentId].dislikesCount,\n      },\n    });\n  } else {\n    podcastFeeling.value = data[podcastId.value];\n  }\n  userFeeling.value = userFeeling.value ? undefined : actionName;\n  isCheckIdentityActions.value = undefined;\n}\n</script>\n","<template>\n  <div class=\"d-flex align-items-center mt-1\">\n    <CheckIdentityModal\n      v-if=\"isCheckIdentityActions\"\n      :title=\"t('Welcome, thanks for your interaction')\"\n      @validate=\"likeActions(isCheckIdentityActions)\"\n      @close=\"isCheckIdentityActions = undefined\"\n    />\n    <template v-for=\"section in feelingSection\" :key=\"section.name\">\n      <template v-if=\"section.condition\">\n        <LikeButton\n          :like=\"'like' === section.name\"\n          :is-active=\"section.name === userFeeling\"\n          :can-interact=\"canLikeOrDislike\"\n          @like-action=\"initiateLikeActions\"\n        />\n        <span v-if=\"section.counter\" class=\"ms-1 me-2\">{{\n          transformInThousands(section.counter)\n        }}</span>\n      </template>\n    </template>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { defineAsyncComponent, Ref, ref, computed, onBeforeMount } from \"vue\";\nimport classicApi from \"../../../../api/classicApi\";\nimport { useCommentStore } from \"../../../../stores/CommentStore\";\nimport { useAuthStore } from \"../../../../stores/AuthStore\";\nimport {\n  CommentFeelings,\n  CommentPodcast,\n} from \"@/stores/class/general/comment\";\nimport { CommentsConfig } from \"@/stores/class/config/commentsConfig\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\nconst CheckIdentityModal = defineAsyncComponent(\n  () => import(\"../modal/CheckIdentityModal.vue\"),\n);\nconst LikeButton = defineAsyncComponent(() => import(\"./LikeButton.vue\"));\n\n//Props \nconst props = defineProps({\n  comment: { default: () => undefined, type: Object as () => CommentPodcast },\n  editRight: { default: false, type: Boolean },\n  podcast: { default: undefined, type: Object as () => Podcast },\n})\n\n//Emits\nconst emit = defineEmits([\"deleteComment\", \"update:comment\"]);\n\n//Data \nconst isCheckIdentityActions: Ref<string | undefined> = ref(undefined);\nconst userFeeling: Ref<string | undefined> = ref(undefined);\nconst config: Ref<CommentsConfig | undefined> = ref(undefined);\nconst podcastFeeling: Ref<CommentFeelings | undefined> = ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst commentStore = useCommentStore();\n\n//Computed\nconst configToApply = computed(() => {\n  if (props.comment) {\n    return config.value?.commentLikes;\n  }\n  return config.value?.podcastLikes;\n});\nconst podcastId = computed(() =>  props.podcast?.podcastId ?? 0);\nconst feelingSection = computed(() => {\n  return [\n    {\n      name: \"like\",\n      counter: props.comment?.likes ?? podcastFeeling.value?.likesCount,\n      condition: configToApply.value?.likeEnabled ?? false,\n    },\n    {\n      name: \"dislike\",\n      counter: props.editRight\n        ? (props.comment?.dislikes ?? podcastFeeling.value?.dislikesCount)\n        : 0,\n      condition: configToApply.value?.dislikeEnabled ?? false,\n    },\n  ];\n});\nconst canLikeOrDislike = computed(() => {\n  return (\n    !configToApply.value?.authRequired ||\n    (configToApply.value.authRequired && undefined !== authStore.authOrgaId)\n  );\n});\n\nonBeforeMount(()=>initLikeConfig())\n\n\n//Methods\nasync function initLikeConfig() {\n  if (!props.podcast) {\n    return;\n  }\n  config.value = await commentStore.getCommentsConfig(props.podcast);\n  if (\n    props.comment ||\n    (!config.value.podcastLikes.likeEnabled &&\n      !config.value.podcastLikes.dislikeEnabled)\n  ) {\n    return;\n  }\n  await fetchPodcastCounters();\n}\nasync function fetchPodcastCounters() {\n  const data = await classicApi.fetchData<{\n    [key: number]: CommentFeelings;\n  }>({\n    api: 2,\n    path: \"podcast/status\",\n    parameters: {\n      podcastId: [podcastId.value],\n      uuid: commentStore.commentUser?.uuid,\n    },\n    isNotAuth: true,\n  });\n  podcastFeeling.value = data[podcastId.value];\n  if (\"LIKED\" === podcastFeeling.value.feeling) {\n    userFeeling.value = \"like\";\n  } else if (\"DISLIKED\" === podcastFeeling.value.feeling) {\n    userFeeling.value = \"dislike\";\n  }\n}\nfunction transformInThousands(nb: number) {\n  if (nb >= 1000) {\n    return Math.round(nb / 100) / 10 + \"k\";\n  }\n  return nb.toString();\n}\nasync function initiateLikeActions(actionName: string) {\n  if (!commentStore.commentUser?.name) {\n    isCheckIdentityActions.value = actionName;\n    return;\n  }\n  likeActions(actionName);\n}\nasync function likeActions(actionName: string) {\n  const prefix = props.comment ? \"comment/\" : \"podcast/\";\n  const data = await classicApi.putData<{\n    [key: number]: CommentFeelings;\n  }>({\n    api: 2,\n    path: prefix + actionName,\n    dataToSend: {\n      ids: [props.comment?.commentId ?? podcastId.value],\n      name: commentStore.commentUser?.name,\n      uuid: commentStore.commentUser?.uuid,\n    },\n    isNotAuth: true,\n  });\n  if (props.comment) {\n    emit(\"update:comment\", {\n      ...props.comment,\n      ...{\n        likes: data[props.comment.commentId].likesCount,\n        dislikes: data[props.comment.commentId].dislikesCount,\n      },\n    });\n  } else {\n    podcastFeeling.value = data[podcastId.value];\n  }\n  userFeeling.value = userFeeling.value ? undefined : actionName;\n  isCheckIdentityActions.value = undefined;\n}\n</script>\n"],"mappings":"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"}

package/dist/{ListPaginate-C9saxru9.mjs → ListPaginate-BXNnw_I8.mjs}

@@ -2,12 +2,12 @@ import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
 import { t as domHelper_default } from "./domHelper-DTMIrMbs.mjs";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { A as state } from "./classicApi-CkDHWZG1.mjs";
+import { A as state } from "./classicApi-xjOqAovv.mjs";
 import { t as PaginateParams_default } from "./PaginateParams-CbAaMAAM.mjs";
 import { t as PaginateSection_default } from "./PaginateSection-BJ6iQai2.mjs";
 import { t as useResizePhone } from "./useResizePhone-CpfFUmfV.mjs";
 import { t as useRouteUpdateParams } from "./useRouteUpdateParams-DurlddRA.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, vShow, watch, withDirectives } from "vue";
 import PlusIcon from "vue-material-design-icons/Plus.vue";
 import { useI18n } from "vue-i18n";
@@ -199,4 +199,4 @@ var ListPaginate_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ListP
 //#endregion
 export { ListPaginate_exports as n, ListPaginate_default as t };
 
-//# sourceMappingURL=ListPaginate-C9saxru9.mjs.map
+//# sourceMappingURL=ListPaginate-BXNnw_I8.mjs.map

package/dist/ListPaginate-BXNnw_I8.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPaginate-BXNnw_I8.mjs","names":[],"sources":["../src/components/display/list/ListPaginate.vue","../src/components/display/list/ListPaginate.vue"],"sourcesContent":["<template>\n  <div :id=\"id\" class=\"d-flex flex-column align-items-center\">\n    <ClassicLoading\n      v-if=\"loading || errorText\"\n      :loading-text=\"loadingText\" :error-text=\"errorText\"\n    />\n    <template v-if=\"!loading\">\n      <div\n        v-if=\"!justSizeChosen\"\n        class=\"d-flex justify-content-between align-items-center flex-grow-1 w-100\"\n      >\n        <div class=\"text-secondary me-3\">\n          <template v-if=\"textCount\">\n            {{ textCount }}\n          </template>\n        </div>\n        <PaginateParams\n          v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n          :id=\"id\"\n          :rows-per-page=\"rowsPerPage\"\n          @update:rows-per-page=\"changeSize\"\n        />\n      </div>\n    </template>\n    <slot name=\"list\" />\n    <PaginateSection\n      v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n      :id=\"id\"\n      :style=\"pagingStyle\"\n      :first=\"first\"\n      :rows-per-page=\"rowsPerPage\"\n      :total-count=\"totalCount\"\n      :range-size=\"rangeSize\"\n      @update:first=\"changeFirst\"\n    />\n    <button\n      v-show=\"first + rowsPerPage < totalCount && (isPhone || justSizeChosen)\"\n      :disabled=\"loading\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n      :title=\"t('See more')\"\n      @click=\"fetchMore\"\n    >\n      <template v-if=\"buttonPlus\">\n        {{ t(\"See more\") }}\n      </template>\n      <PlusIcon :size=\"16\" :class=\"buttonPlus ? 'ms-1' : ''\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport domHelper from \"../../../helper/domHelper\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport PaginateParams from \"./PaginateParams.vue\";\nimport PaginateSection from \"./PaginateSection.vue\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { computed, watch } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  rowsPerPage: { default: 30, type: Number },\n  totalCount: { default: 0, type: Number },\n  textCount: { default: undefined, type: String },\n  id: { default: \"\", type: String },\n  loadingText: { default: undefined, type: String },\n  errorText: { default: undefined, type: String },\n  loading: { default: false, type: Boolean },\n  isMobile: { default: false, type: Boolean },\n  justSizeChosen: { default: false, type: Boolean },\n  playerResponsive: { default: false, type: Boolean },\n  forceUpdateParameters: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:first\", \"update:rowsPerPage\", \"update:isMobile\"]);\n\n  \n//Composables\nconst { t } = useI18n();\nconst { isPhone, windowWidth } = useResizePhone();\nconst { updateRouteParam, updatePaginateSize } = useRouteUpdateParams();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst buttonPlus = computed(() => state.generalParameters.buttonPlus);\nconst rangeSize = computed(() => {\n  if (windowWidth.value > 1600) {\n    return 3;\n  }\n  return windowWidth.value > 1530 ? 2 : 1;\n});\n\n\n//Watch\nwatch(isPhone, () => {emit(\"update:isMobile\", isPhone.value);}, {immediate: true});\nwatch(()=>props.first,  () => {\n  updateRouteParam({pr:(Math.floor(props.first / props.rowsPerPage) + 1).toString()}, props.forceUpdateParameters);\n});\n\n//Methods\nfunction fetchMore() {\n  emit(\"update:first\", props.first + props.rowsPerPage);\n}\nfunction changeFirst(firstValue: number) {\n  scrollToTop();\n  emit(\"update:first\", firstValue);\n}\nfunction changeSize(sizeValue: number) {\n  scrollToTop();\n  emit(\"update:rowsPerPage\", sizeValue);\n  updatePaginateSize(sizeValue, props.forceUpdateParameters);\n}\nfunction scrollToTop() {\n  const element = document.getElementById(props.id);\n  if (!element || element.getBoundingClientRect().top > 0) {\n    return;\n  }\n  const y =\n    element.getBoundingClientRect().top +\n    window.scrollY -\n    domHelper.convertRemToPixels(3.5);\n  window.scrollTo({ top: y, behavior: \"smooth\" });\n}\n\n/** Style to apply to the paging section */\nfunction pagingStyle(): Record<string, string> {\n  // Only change position if player is active and not at the top\n  if (props.playerResponsive && state.player.topPlacement !== true) {\n    return { 'bottom': playerStore.playerHeight };\n  }\n}\n</script>\n","<template>\n  <div :id=\"id\" class=\"d-flex flex-column align-items-center\">\n    <ClassicLoading\n      v-if=\"loading || errorText\"\n      :loading-text=\"loadingText\" :error-text=\"errorText\"\n    />\n    <template v-if=\"!loading\">\n      <div\n        v-if=\"!justSizeChosen\"\n        class=\"d-flex justify-content-between align-items-center flex-grow-1 w-100\"\n      >\n        <div class=\"text-secondary me-3\">\n          <template v-if=\"textCount\">\n            {{ textCount }}\n          </template>\n        </div>\n        <PaginateParams\n          v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n          :id=\"id\"\n          :rows-per-page=\"rowsPerPage\"\n          @update:rows-per-page=\"changeSize\"\n        />\n      </div>\n    </template>\n    <slot name=\"list\" />\n    <PaginateSection\n      v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n      :id=\"id\"\n      :style=\"pagingStyle\"\n      :first=\"first\"\n      :rows-per-page=\"rowsPerPage\"\n      :total-count=\"totalCount\"\n      :range-size=\"rangeSize\"\n      @update:first=\"changeFirst\"\n    />\n    <button\n      v-show=\"first + rowsPerPage < totalCount && (isPhone || justSizeChosen)\"\n      :disabled=\"loading\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n      :title=\"t('See more')\"\n      @click=\"fetchMore\"\n    >\n      <template v-if=\"buttonPlus\">\n        {{ t(\"See more\") }}\n      </template>\n      <PlusIcon :size=\"16\" :class=\"buttonPlus ? 'ms-1' : ''\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport domHelper from \"../../../helper/domHelper\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport PaginateParams from \"./PaginateParams.vue\";\nimport PaginateSection from \"./PaginateSection.vue\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { computed, watch } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  rowsPerPage: { default: 30, type: Number },\n  totalCount: { default: 0, type: Number },\n  textCount: { default: undefined, type: String },\n  id: { default: \"\", type: String },\n  loadingText: { default: undefined, type: String },\n  errorText: { default: undefined, type: String },\n  loading: { default: false, type: Boolean },\n  isMobile: { default: false, type: Boolean },\n  justSizeChosen: { default: false, type: Boolean },\n  playerResponsive: { default: false, type: Boolean },\n  forceUpdateParameters: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:first\", \"update:rowsPerPage\", \"update:isMobile\"]);\n\n  \n//Composables\nconst { t } = useI18n();\nconst { isPhone, windowWidth } = useResizePhone();\nconst { updateRouteParam, updatePaginateSize } = useRouteUpdateParams();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst buttonPlus = computed(() => state.generalParameters.buttonPlus);\nconst rangeSize = computed(() => {\n  if (windowWidth.value > 1600) {\n    return 3;\n  }\n  return windowWidth.value > 1530 ? 2 : 1;\n});\n\n\n//Watch\nwatch(isPhone, () => {emit(\"update:isMobile\", isPhone.value);}, {immediate: true});\nwatch(()=>props.first,  () => {\n  updateRouteParam({pr:(Math.floor(props.first / props.rowsPerPage) + 1).toString()}, props.forceUpdateParameters);\n});\n\n//Methods\nfunction fetchMore() {\n  emit(\"update:first\", props.first + props.rowsPerPage);\n}\nfunction changeFirst(firstValue: number) {\n  scrollToTop();\n  emit(\"update:first\", firstValue);\n}\nfunction changeSize(sizeValue: number) {\n  scrollToTop();\n  emit(\"update:rowsPerPage\", sizeValue);\n  updatePaginateSize(sizeValue, props.forceUpdateParameters);\n}\nfunction scrollToTop() {\n  const element = document.getElementById(props.id);\n  if (!element || element.getBoundingClientRect().top > 0) {\n    return;\n  }\n  const y =\n    element.getBoundingClientRect().top +\n    window.scrollY -\n    domHelper.convertRemToPixels(3.5);\n  window.scrollTo({ top: y, behavior: \"smooth\" });\n}\n\n/** Style to apply to the paging section */\nfunction pagingStyle(): Record<string, string> {\n  // Only change position if player is active and not at the top\n  if (props.playerResponsive && state.player.topPlacement !== true) {\n    return { 'bottom': playerStore.playerHeight };\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/ListPaginate-COsL4t78.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPaginate-COsL4t78.mjs","names":[],"sources":["../src/components/display/list/ListPaginate.vue","../src/components/display/list/ListPaginate.vue"],"sourcesContent":["<template>\n  <div :id=\"id\" class=\"d-flex flex-column align-items-center\">\n    <ClassicLoading\n      v-if=\"loading || errorText\"\n      :loading-text=\"loadingText\" :error-text=\"errorText\"\n    />\n    <template v-if=\"!loading\">\n      <div\n        v-if=\"!justSizeChosen\"\n        class=\"d-flex justify-content-between align-items-center flex-grow-1 w-100\"\n      >\n        <div class=\"text-secondary me-3\">\n          <template v-if=\"textCount\">\n            {{ textCount }}\n          </template>\n        </div>\n        <PaginateParams\n          v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n          :id=\"id\"\n          :rows-per-page=\"rowsPerPage\"\n          @update:rows-per-page=\"changeSize\"\n        />\n      </div>\n    </template>\n    <slot name=\"list\" />\n    <PaginateSection\n      v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n      :id=\"id\"\n      :style=\"pagingStyle\"\n      :first=\"first\"\n      :rows-per-page=\"rowsPerPage\"\n      :total-count=\"totalCount\"\n      :range-size=\"rangeSize\"\n      @update:first=\"changeFirst\"\n    />\n    <button\n      v-show=\"first + rowsPerPage < totalCount && (isPhone || justSizeChosen)\"\n      :disabled=\"loading\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n      :title=\"t('See more')\"\n      @click=\"fetchMore\"\n    >\n      <template v-if=\"buttonPlus\">\n        {{ t(\"See more\") }}\n      </template>\n      <PlusIcon :size=\"16\" :class=\"buttonPlus ? 'ms-1' : ''\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport domHelper from \"../../../helper/domHelper\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport PaginateParams from \"./PaginateParams.vue\";\nimport PaginateSection from \"./PaginateSection.vue\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { computed, watch } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  rowsPerPage: { default: 30, type: Number },\n  totalCount: { default: 0, type: Number },\n  textCount: { default: undefined, type: String },\n  id: { default: \"\", type: String },\n  loadingText: { default: undefined, type: String },\n  errorText: { default: undefined, type: String },\n  loading: { default: false, type: Boolean },\n  isMobile: { default: false, type: Boolean },\n  justSizeChosen: { default: false, type: Boolean },\n  playerResponsive: { default: false, type: Boolean },\n  forceUpdateParameters: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:first\", \"update:rowsPerPage\", \"update:isMobile\"]);\n\n  \n//Composables\nconst { t } = useI18n();\nconst { isPhone, windowWidth } = useResizePhone();\nconst { updateRouteParam, updatePaginateSize } = useRouteUpdateParams();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst buttonPlus = computed(() => state.generalParameters.buttonPlus);\nconst rangeSize = computed(() => {\n  if (windowWidth.value > 1600) {\n    return 3;\n  }\n  return windowWidth.value > 1530 ? 2 : 1;\n});\n\n\n//Watch\nwatch(isPhone, () => {emit(\"update:isMobile\", isPhone.value);}, {immediate: true});\nwatch(()=>props.first,  () => {\n  updateRouteParam({pr:(Math.floor(props.first / props.rowsPerPage) + 1).toString()}, props.forceUpdateParameters);\n});\n\n//Methods\nfunction fetchMore() {\n  emit(\"update:first\", props.first + props.rowsPerPage);\n}\nfunction changeFirst(firstValue: number) {\n  scrollToTop();\n  emit(\"update:first\", firstValue);\n}\nfunction changeSize(sizeValue: number) {\n  scrollToTop();\n  emit(\"update:rowsPerPage\", sizeValue);\n  updatePaginateSize(sizeValue, props.forceUpdateParameters);\n}\nfunction scrollToTop() {\n  const element = document.getElementById(props.id);\n  if (!element || element.getBoundingClientRect().top > 0) {\n    return;\n  }\n  const y =\n    element.getBoundingClientRect().top +\n    window.scrollY -\n    domHelper.convertRemToPixels(3.5);\n  window.scrollTo({ top: y, behavior: \"smooth\" });\n}\n\n/** Style to apply to the paging section */\nfunction pagingStyle(): Record<string, string> {\n  // Only change position if player is active and not at the top\n  if (props.playerResponsive && state.player.topPlacement !== true) {\n    return { 'bottom': playerStore.playerHeight };\n  }\n}\n</script>\n","<template>\n  <div :id=\"id\" class=\"d-flex flex-column align-items-center\">\n    <ClassicLoading\n      v-if=\"loading || errorText\"\n      :loading-text=\"loadingText\" :error-text=\"errorText\"\n    />\n    <template v-if=\"!loading\">\n      <div\n        v-if=\"!justSizeChosen\"\n        class=\"d-flex justify-content-between align-items-center flex-grow-1 w-100\"\n      >\n        <div class=\"text-secondary me-3\">\n          <template v-if=\"textCount\">\n            {{ textCount }}\n          </template>\n        </div>\n        <PaginateParams\n          v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n          :id=\"id\"\n          :rows-per-page=\"rowsPerPage\"\n          @update:rows-per-page=\"changeSize\"\n        />\n      </div>\n    </template>\n    <slot name=\"list\" />\n    <PaginateSection\n      v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n      :id=\"id\"\n      :style=\"pagingStyle\"\n      :first=\"first\"\n      :rows-per-page=\"rowsPerPage\"\n      :total-count=\"totalCount\"\n      :range-size=\"rangeSize\"\n      @update:first=\"changeFirst\"\n    />\n    <button\n      v-show=\"first + rowsPerPage < totalCount && (isPhone || justSizeChosen)\"\n      :disabled=\"loading\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n      :title=\"t('See more')\"\n      @click=\"fetchMore\"\n    >\n      <template v-if=\"buttonPlus\">\n        {{ t(\"See more\") }}\n      </template>\n      <PlusIcon :size=\"16\" :class=\"buttonPlus ? 'ms-1' : ''\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport domHelper from \"../../../helper/domHelper\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport PaginateParams from \"./PaginateParams.vue\";\nimport PaginateSection from \"./PaginateSection.vue\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { computed, watch } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  rowsPerPage: { default: 30, type: Number },\n  totalCount: { default: 0, type: Number },\n  textCount: { default: undefined, type: String },\n  id: { default: \"\", type: String },\n  loadingText: { default: undefined, type: String },\n  errorText: { default: undefined, type: String },\n  loading: { default: false, type: Boolean },\n  isMobile: { default: false, type: Boolean },\n  justSizeChosen: { default: false, type: Boolean },\n  playerResponsive: { default: false, type: Boolean },\n  forceUpdateParameters: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:first\", \"update:rowsPerPage\", \"update:isMobile\"]);\n\n  \n//Composables\nconst { t } = useI18n();\nconst { isPhone, windowWidth } = useResizePhone();\nconst { updateRouteParam, updatePaginateSize } = useRouteUpdateParams();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst buttonPlus = computed(() => state.generalParameters.buttonPlus);\nconst rangeSize = computed(() => {\n  if (windowWidth.value > 1600) {\n    return 3;\n  }\n  return windowWidth.value > 1530 ? 2 : 1;\n});\n\n\n//Watch\nwatch(isPhone, () => {emit(\"update:isMobile\", isPhone.value);}, {immediate: true});\nwatch(()=>props.first,  () => {\n  updateRouteParam({pr:(Math.floor(props.first / props.rowsPerPage) + 1).toString()}, props.forceUpdateParameters);\n});\n\n//Methods\nfunction fetchMore() {\n  emit(\"update:first\", props.first + props.rowsPerPage);\n}\nfunction changeFirst(firstValue: number) {\n  scrollToTop();\n  emit(\"update:first\", firstValue);\n}\nfunction changeSize(sizeValue: number) {\n  scrollToTop();\n  emit(\"update:rowsPerPage\", sizeValue);\n  updatePaginateSize(sizeValue, props.forceUpdateParameters);\n}\nfunction scrollToTop() {\n  const element = document.getElementById(props.id);\n  if (!element || element.getBoundingClientRect().top > 0) {\n    return;\n  }\n  const y =\n    element.getBoundingClientRect().top +\n    window.scrollY -\n    domHelper.convertRemToPixels(3.5);\n  window.scrollTo({ top: y, behavior: \"smooth\" });\n}\n\n/** Style to apply to the paging section */\nfunction pagingStyle(): Record<string, string> {\n  // Only change position if player is active and not at the top\n  if (props.playerResponsive && state.player.topPlacement !== true) {\n    return { 'bottom': playerStore.playerHeight };\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/ListPaginate-JuC0L113.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPaginate-JuC0L113.mjs","names":[],"sources":["../src/components/display/list/ListPaginate.vue","../src/components/display/list/ListPaginate.vue"],"sourcesContent":["<template>\n  <div :id=\"id\" class=\"d-flex flex-column align-items-center\">\n    <ClassicLoading\n      v-if=\"loading || errorText\"\n      :loading-text=\"loadingText\" :error-text=\"errorText\"\n    />\n    <template v-if=\"!loading\">\n      <div\n        v-if=\"!justSizeChosen\"\n        class=\"d-flex justify-content-between align-items-center flex-grow-1 w-100\"\n      >\n        <div class=\"text-secondary me-3\">\n          <template v-if=\"textCount\">\n            {{ textCount }}\n          </template>\n        </div>\n        <PaginateParams\n          v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n          :id=\"id\"\n          :rows-per-page=\"rowsPerPage\"\n          @update:rows-per-page=\"changeSize\"\n        />\n      </div>\n    </template>\n    <slot name=\"list\" />\n    <PaginateSection\n      v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n      :id=\"id\"\n      :style=\"pagingStyle\"\n      :first=\"first\"\n      :rows-per-page=\"rowsPerPage\"\n      :total-count=\"totalCount\"\n      :range-size=\"rangeSize\"\n      @update:first=\"changeFirst\"\n    />\n    <button\n      v-show=\"first + rowsPerPage < totalCount && (isPhone || justSizeChosen)\"\n      :disabled=\"loading\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n      :title=\"t('See more')\"\n      @click=\"fetchMore\"\n    >\n      <template v-if=\"buttonPlus\">\n        {{ t(\"See more\") }}\n      </template>\n      <PlusIcon :size=\"16\" :class=\"buttonPlus ? 'ms-1' : ''\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport domHelper from \"../../../helper/domHelper\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport PaginateParams from \"./PaginateParams.vue\";\nimport PaginateSection from \"./PaginateSection.vue\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { computed, watch } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  rowsPerPage: { default: 30, type: Number },\n  totalCount: { default: 0, type: Number },\n  textCount: { default: undefined, type: String },\n  id: { default: \"\", type: String },\n  loadingText: { default: undefined, type: String },\n  errorText: { default: undefined, type: String },\n  loading: { default: false, type: Boolean },\n  isMobile: { default: false, type: Boolean },\n  justSizeChosen: { default: false, type: Boolean },\n  playerResponsive: { default: false, type: Boolean },\n  forceUpdateParameters: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:first\", \"update:rowsPerPage\", \"update:isMobile\"]);\n\n  \n//Composables\nconst { t } = useI18n();\nconst { isPhone, windowWidth } = useResizePhone();\nconst { updateRouteParam, updatePaginateSize } = useRouteUpdateParams();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst buttonPlus = computed(() => state.generalParameters.buttonPlus);\nconst rangeSize = computed(() => {\n  if (windowWidth.value > 1600) {\n    return 3;\n  }\n  return windowWidth.value > 1530 ? 2 : 1;\n});\n\n\n//Watch\nwatch(isPhone, () => {emit(\"update:isMobile\", isPhone.value);}, {immediate: true});\nwatch(()=>props.first,  () => {\n  updateRouteParam({pr:(Math.floor(props.first / props.rowsPerPage) + 1).toString()}, props.forceUpdateParameters);\n});\n\n//Methods\nfunction fetchMore() {\n  emit(\"update:first\", props.first + props.rowsPerPage);\n}\nfunction changeFirst(firstValue: number) {\n  scrollToTop();\n  emit(\"update:first\", firstValue);\n}\nfunction changeSize(sizeValue: number) {\n  scrollToTop();\n  emit(\"update:rowsPerPage\", sizeValue);\n  updatePaginateSize(sizeValue, props.forceUpdateParameters);\n}\nfunction scrollToTop() {\n  const element = document.getElementById(props.id);\n  if (!element || element.getBoundingClientRect().top > 0) {\n    return;\n  }\n  const y =\n    element.getBoundingClientRect().top +\n    window.scrollY -\n    domHelper.convertRemToPixels(3.5);\n  window.scrollTo({ top: y, behavior: \"smooth\" });\n}\n\n/** Style to apply to the paging section */\nfunction pagingStyle(): Record<string, string> {\n  // Only change position if player is active and not at the top\n  if (props.playerResponsive && state.player.topPlacement !== true) {\n    return { 'bottom': playerStore.playerHeight };\n  }\n}\n</script>\n","<template>\n  <div :id=\"id\" class=\"d-flex flex-column align-items-center\">\n    <ClassicLoading\n      v-if=\"loading || errorText\"\n      :loading-text=\"loadingText\" :error-text=\"errorText\"\n    />\n    <template v-if=\"!loading\">\n      <div\n        v-if=\"!justSizeChosen\"\n        class=\"d-flex justify-content-between align-items-center flex-grow-1 w-100\"\n      >\n        <div class=\"text-secondary me-3\">\n          <template v-if=\"textCount\">\n            {{ textCount }}\n          </template>\n        </div>\n        <PaginateParams\n          v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n          :id=\"id\"\n          :rows-per-page=\"rowsPerPage\"\n          @update:rows-per-page=\"changeSize\"\n        />\n      </div>\n    </template>\n    <slot name=\"list\" />\n    <PaginateSection\n      v-if=\"!isPhone && !justSizeChosen && totalCount > 0\"\n      :id=\"id\"\n      :style=\"pagingStyle\"\n      :first=\"first\"\n      :rows-per-page=\"rowsPerPage\"\n      :total-count=\"totalCount\"\n      :range-size=\"rangeSize\"\n      @update:first=\"changeFirst\"\n    />\n    <button\n      v-show=\"first + rowsPerPage < totalCount && (isPhone || justSizeChosen)\"\n      :disabled=\"loading\"\n      class=\"btn btn-primary align-self-center w-fit-content m-4\"\n      :title=\"t('See more')\"\n      @click=\"fetchMore\"\n    >\n      <template v-if=\"buttonPlus\">\n        {{ t(\"See more\") }}\n      </template>\n      <PlusIcon :size=\"16\" :class=\"buttonPlus ? 'ms-1' : ''\" />\n    </button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport PlusIcon from \"vue-material-design-icons/Plus.vue\";\nimport domHelper from \"../../../helper/domHelper\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport PaginateParams from \"./PaginateParams.vue\";\nimport PaginateSection from \"./PaginateSection.vue\";\nimport {useResizePhone} from \"../../composable/useResizePhone\";\nimport { useRouteUpdateParams } from \"../../composable/route/useRouteUpdateParams\";\nimport { computed, watch } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  rowsPerPage: { default: 30, type: Number },\n  totalCount: { default: 0, type: Number },\n  textCount: { default: undefined, type: String },\n  id: { default: \"\", type: String },\n  loadingText: { default: undefined, type: String },\n  errorText: { default: undefined, type: String },\n  loading: { default: false, type: Boolean },\n  isMobile: { default: false, type: Boolean },\n  justSizeChosen: { default: false, type: Boolean },\n  playerResponsive: { default: false, type: Boolean },\n  forceUpdateParameters: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:first\", \"update:rowsPerPage\", \"update:isMobile\"]);\n\n  \n//Composables\nconst { t } = useI18n();\nconst { isPhone, windowWidth } = useResizePhone();\nconst { updateRouteParam, updatePaginateSize } = useRouteUpdateParams();\nconst playerStore = usePlayerStore();\n\n\n//Computed\nconst buttonPlus = computed(() => state.generalParameters.buttonPlus);\nconst rangeSize = computed(() => {\n  if (windowWidth.value > 1600) {\n    return 3;\n  }\n  return windowWidth.value > 1530 ? 2 : 1;\n});\n\n\n//Watch\nwatch(isPhone, () => {emit(\"update:isMobile\", isPhone.value);}, {immediate: true});\nwatch(()=>props.first,  () => {\n  updateRouteParam({pr:(Math.floor(props.first / props.rowsPerPage) + 1).toString()}, props.forceUpdateParameters);\n});\n\n//Methods\nfunction fetchMore() {\n  emit(\"update:first\", props.first + props.rowsPerPage);\n}\nfunction changeFirst(firstValue: number) {\n  scrollToTop();\n  emit(\"update:first\", firstValue);\n}\nfunction changeSize(sizeValue: number) {\n  scrollToTop();\n  emit(\"update:rowsPerPage\", sizeValue);\n  updatePaginateSize(sizeValue, props.forceUpdateParameters);\n}\nfunction scrollToTop() {\n  const element = document.getElementById(props.id);\n  if (!element || element.getBoundingClientRect().top > 0) {\n    return;\n  }\n  const y =\n    element.getBoundingClientRect().top +\n    window.scrollY -\n    domHelper.convertRemToPixels(3.5);\n  window.scrollTo({ top: y, behavior: \"smooth\" });\n}\n\n/** Style to apply to the paging section */\nfunction pagingStyle(): Record<string, string> {\n  // Only change position if player is active and not at the top\n  if (props.playerResponsive && state.player.topPlacement !== true) {\n    return { 'bottom': playerStore.playerHeight };\n  }\n}\n</script>\n"],"mappings":"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"}

package/dist/LiveHorizontalList-CFs9mGYs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-CFs9mGYs.mjs","names":[],"sources":["../src/components/display/live/LiveHorizontalList.vue","../src/components/display/live/LiveHorizontalList.vue"],"sourcesContent":["<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n","<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAOd,MAAM,SAAS,IAAI,MAAM,KAAK;EAC9B,MAAM,QAAQ,IAAI,MAAM,IAAI;EAC5B,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,QAA6B,IAAI,CAAC,CAAC;EACzC,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,eAAe,eAAe;GAClC,IAAI,SAAS,OACX,OAAO,MAAM;GAEf,OAAO,MAAM,MAAM,MACjB,OAAO,OACP,KAAK,IAAI,OAAO,QAAQ,MAAM,OAAO,WAAW,KAAK,CACvD;EACF,CAAC;EAID,MAAM,aAAa,WAAW,CAAC;EAC/B,MAAM,cAAc;GAClB,IAAI,CAAC,MAAM,MAAM,OAAO,UAAU,MAAM,MAAM,MAAM,OAAO,OAAO,WAChE,aAAa,KAAK;EAEtB,CAAC;EAED,oBAAkB,aAAa,IAAI,CAAC;EAIpC,SAAS,aAAa;GACpB,OAAO,QAAQ;GACf,aAAa,IAAI;EACnB;EACA,eAAe,aAAa,OAA+B;GACzD,WAAW,QAAQ;GACnB,IAAI,OACF,SAAS,QAAQ;GAcnB,cAAc,OAAO,MAZF,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO,OAAO;KACd,MAAM,MAAM;KACZ,YAAY,MAAM;KAClB,MAAM;KACN,eAAe;IACjB;IACA,mBAAmB;GACrB,CAAC,CACwB;EAC3B;EACA,SAAS,cACP,OACA,MACM;GACN,IAAI,OACF,MAAM,MAAM,SAAS;GAEvB,IAAI,OAAO,QAAQ,MAAM,MAAM,QAC7B,KACE,IAAI,IAAI,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,MAAM,OAC3D,IAAI,KACJ,KAEA,MAAM,MAAM,KAAK,iBAAiB,CAAC;GAGvC,MAAM,gBAAgB,KAAK,OAAO,QAAQ,MAAsB;IAC9D,OAAO,SAAS;GAClB,CAAC;GACD,MAAM,QAAQ,MAAM,MACjB,MAAM,GAAG,OAAO,KAAK,EACrB,OAAO,aAAa,EACpB,OAAO,MAAM,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM,MAAM,MAAM,CAAC;GAC3E,WAAW,QAAQ,KAAK;GACxB,IAAI,MAAM,MAAM,MAAM,QACpB,SAAS,QAAQ;GAEnB,WAAW,QAAQ;EACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC/HQ,OAAM,YAAW;mBAaZ,OAAM,uBAAsB;;QAd5B,OAAA,YAAA,UAAA,GAAX,mBAqBM,OAAA,YAAA,CApBJ,mBAEK,MAFL,YAEK,gBADA,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAEN,YAgBe,OAAA,iBAAA;EAfb,IAAG;EACK,OAAO,OAAA;0DAAA,OAAA,SAAM;EACb,iBAAe,OAAA;gEAAA,OAAA,QAAK;EACpB,aAAW,OAAA;6DAAA,OAAA,WAAQ;EAC1B,eAAa,OAAA;EACb,SAAS;EACT,qBAAmB;;EAET,MAAI,cAKP,CAJN,mBAIM,OAJN,YAIM,EAAA,UAAA,IAAA,GAHJ,mBAEW,UAAA,MAAA,WAFW,OAAA,eAAL,MAAC;2DAAwB,EAAE,UAAA,GAAA,CAAA,MACjB,EAAE,aAAA,UAAA,GAA3B,YAAqD,OAAA,gBAAA;;IAAd,SAAS"}

package/dist/LiveHorizontalList-CWBQkS78.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-CWBQkS78.mjs","names":[],"sources":["../src/components/display/live/LiveHorizontalList.vue","../src/components/display/live/LiveHorizontalList.vue"],"sourcesContent":["<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n","<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAOd,MAAM,SAAS,IAAI,MAAM,KAAK;EAC9B,MAAM,QAAQ,IAAI,MAAM,IAAI;EAC5B,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,QAA6B,IAAI,CAAC,CAAC;EACzC,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,eAAe,eAAe;GAClC,IAAI,SAAS,OACX,OAAO,MAAM;GAEf,OAAO,MAAM,MAAM,MACjB,OAAO,OACP,KAAK,IAAI,OAAO,QAAQ,MAAM,OAAO,WAAW,KAAK,CACvD;EACF,CAAC;EAID,MAAM,aAAa,WAAW,CAAC;EAC/B,MAAM,cAAc;GAClB,IAAI,CAAC,MAAM,MAAM,OAAO,UAAU,MAAM,MAAM,MAAM,OAAO,OAAO,WAChE,aAAa,KAAK;EAEtB,CAAC;EAED,oBAAkB,aAAa,IAAI,CAAC;EAIpC,SAAS,aAAa;GACpB,OAAO,QAAQ;GACf,aAAa,IAAI;EACnB;EACA,eAAe,aAAa,OAA+B;GACzD,WAAW,QAAQ;GACnB,IAAI,OACF,SAAS,QAAQ;GAcnB,cAAc,OAAO,MAZF,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO,OAAO;KACd,MAAM,MAAM;KACZ,YAAY,MAAM;KAClB,MAAM;KACN,eAAe;IACjB;IACA,mBAAmB;GACrB,CAAC,CACwB;EAC3B;EACA,SAAS,cACP,OACA,MACM;GACN,IAAI,OACF,MAAM,MAAM,SAAS;GAEvB,IAAI,OAAO,QAAQ,MAAM,MAAM,QAC7B,KACE,IAAI,IAAI,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,MAAM,OAC3D,IAAI,KACJ,KAEA,MAAM,MAAM,KAAK,iBAAiB,CAAC;GAGvC,MAAM,gBAAgB,KAAK,OAAO,QAAQ,MAAsB;IAC9D,OAAO,SAAS;GAClB,CAAC;GACD,MAAM,QAAQ,MAAM,MACjB,MAAM,GAAG,OAAO,KAAK,EACrB,OAAO,aAAa,EACpB,OAAO,MAAM,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM,MAAM,MAAM,CAAC;GAC3E,WAAW,QAAQ,KAAK;GACxB,IAAI,MAAM,MAAM,MAAM,QACpB,SAAS,QAAQ;GAEnB,WAAW,QAAQ;EACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC/HQ,OAAM,YAAW;mBAaZ,OAAM,uBAAsB;;QAd5B,OAAA,YAAA,UAAA,GAAX,mBAqBM,OAAA,YAAA,CApBJ,mBAEK,MAFL,YAEK,gBADA,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAEN,YAgBe,OAAA,iBAAA;EAfb,IAAG;EACK,OAAO,OAAA;0DAAA,OAAA,SAAM;EACb,iBAAe,OAAA;gEAAA,OAAA,QAAK;EACpB,aAAW,OAAA;6DAAA,OAAA,WAAQ;EAC1B,eAAa,OAAA;EACb,SAAS;EACT,qBAAmB;;EAET,MAAI,cAKP,CAJN,mBAIM,OAJN,YAIM,EAAA,UAAA,IAAA,GAHJ,mBAEW,UAAA,MAAA,WAFW,OAAA,eAAL,MAAC;2DAAwB,EAAE,UAAA,GAAA,CAAA,MACjB,EAAE,aAAA,UAAA,GAA3B,YAAqD,OAAA,gBAAA;;IAAd,SAAS"}

package/dist/LiveHorizontalList-DwPVmnvH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-DwPVmnvH.mjs","names":[],"sources":["../src/components/display/live/LiveHorizontalList.vue","../src/components/display/live/LiveHorizontalList.vue"],"sourcesContent":["<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n","<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAOd,MAAM,SAAS,IAAI,MAAM,KAAK;EAC9B,MAAM,QAAQ,IAAI,MAAM,IAAI;EAC5B,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,QAA6B,IAAI,CAAC,CAAC;EACzC,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,eAAe,eAAe;GAClC,IAAI,SAAS,OACX,OAAO,MAAM;GAEf,OAAO,MAAM,MAAM,MACjB,OAAO,OACP,KAAK,IAAI,OAAO,QAAQ,MAAM,OAAO,WAAW,KAAK,CACvD;EACF,CAAC;EAID,MAAM,aAAa,WAAW,CAAC;EAC/B,MAAM,cAAc;GAClB,IAAI,CAAC,MAAM,MAAM,OAAO,UAAU,MAAM,MAAM,MAAM,OAAO,OAAO,WAChE,aAAa,KAAK;EAEtB,CAAC;EAED,oBAAkB,aAAa,IAAI,CAAC;EAIpC,SAAS,aAAa;GACpB,OAAO,QAAQ;GACf,aAAa,IAAI;EACnB;EACA,eAAe,aAAa,OAA+B;GACzD,WAAW,QAAQ;GACnB,IAAI,OACF,SAAS,QAAQ;GAcnB,cAAc,OAAO,MAZF,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO,OAAO;KACd,MAAM,MAAM;KACZ,YAAY,MAAM;KAClB,MAAM;KACN,eAAe;IACjB;IACA,mBAAmB;GACrB,CAAC,CACwB;EAC3B;EACA,SAAS,cACP,OACA,MACM;GACN,IAAI,OACF,MAAM,MAAM,SAAS;GAEvB,IAAI,OAAO,QAAQ,MAAM,MAAM,QAC7B,KACE,IAAI,IAAI,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,MAAM,OAC3D,IAAI,KACJ,KAEA,MAAM,MAAM,KAAK,iBAAiB,CAAC;GAGvC,MAAM,gBAAgB,KAAK,OAAO,QAAQ,MAAsB;IAC9D,OAAO,SAAS;GAClB,CAAC;GACD,MAAM,QAAQ,MAAM,MACjB,MAAM,GAAG,OAAO,KAAK,EACrB,OAAO,aAAa,EACpB,OAAO,MAAM,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM,MAAM,MAAM,CAAC;GAC3E,WAAW,QAAQ,KAAK;GACxB,IAAI,MAAM,MAAM,MAAM,QACpB,SAAS,QAAQ;GAEnB,WAAW,QAAQ;EACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC/HQ,OAAM,YAAW;mBAaZ,OAAM,uBAAsB;;QAd5B,OAAA,YAAA,UAAA,GAAX,mBAqBM,OAAA,YAAA,CApBJ,mBAEK,MAFL,YAEK,gBADA,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAEN,YAgBe,OAAA,iBAAA;EAfb,IAAG;EACK,OAAO,OAAA;0DAAA,OAAA,SAAM;EACb,iBAAe,OAAA;gEAAA,OAAA,QAAK;EACpB,aAAW,OAAA;6DAAA,OAAA,WAAQ;EAC1B,eAAa,OAAA;EACb,SAAS;EACT,qBAAmB;;EAET,MAAI,cAKP,CAJN,mBAIM,OAJN,YAIM,EAAA,UAAA,IAAA,GAHJ,mBAEW,UAAA,MAAA,WAFW,OAAA,eAAL,MAAC;2DAAwB,EAAE,UAAA,GAAA,CAAA,MACjB,EAAE,aAAA,UAAA,GAA3B,YAAqD,OAAA,gBAAA;;IAAd,SAAS"}

package/dist/LiveHorizontalList-jducN58c.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-jducN58c.mjs","names":[],"sources":["../src/components/display/live/LiveHorizontalList.vue","../src/components/display/live/LiveHorizontalList.vue"],"sourcesContent":["<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n","<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAOd,MAAM,SAAS,IAAI,MAAM,KAAK;EAC9B,MAAM,QAAQ,IAAI,MAAM,IAAI;EAC5B,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,QAA6B,IAAI,CAAC,CAAC;EACzC,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,eAAe,eAAe;GAClC,IAAI,SAAS,OACX,OAAO,MAAM;GAEf,OAAO,MAAM,MAAM,MACjB,OAAO,OACP,KAAK,IAAI,OAAO,QAAQ,MAAM,OAAO,WAAW,KAAK,CACvD;EACF,CAAC;EAID,MAAM,aAAa,WAAW,CAAC;EAC/B,MAAM,cAAc;GAClB,IAAI,CAAC,MAAM,MAAM,OAAO,UAAU,MAAM,MAAM,MAAM,OAAO,OAAO,WAChE,aAAa,KAAK;EAEtB,CAAC;EAED,oBAAkB,aAAa,IAAI,CAAC;EAIpC,SAAS,aAAa;GACpB,OAAO,QAAQ;GACf,aAAa,IAAI;EACnB;EACA,eAAe,aAAa,OAA+B;GACzD,WAAW,QAAQ;GACnB,IAAI,OACF,SAAS,QAAQ;GAcnB,cAAc,OAAO,MAZF,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO,OAAO;KACd,MAAM,MAAM;KACZ,YAAY,MAAM;KAClB,MAAM;KACN,eAAe;IACjB;IACA,mBAAmB;GACrB,CAAC,CACwB;EAC3B;EACA,SAAS,cACP,OACA,MACM;GACN,IAAI,OACF,MAAM,MAAM,SAAS;GAEvB,IAAI,OAAO,QAAQ,MAAM,MAAM,QAC7B,KACE,IAAI,IAAI,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,MAAM,OAC3D,IAAI,KACJ,KAEA,MAAM,MAAM,KAAK,iBAAiB,CAAC;GAGvC,MAAM,gBAAgB,KAAK,OAAO,QAAQ,MAAsB;IAC9D,OAAO,SAAS;GAClB,CAAC;GACD,MAAM,QAAQ,MAAM,MACjB,MAAM,GAAG,OAAO,KAAK,EACrB,OAAO,aAAa,EACpB,OAAO,MAAM,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM,MAAM,MAAM,CAAC;GAC3E,WAAW,QAAQ,KAAK;GACxB,IAAI,MAAM,MAAM,MAAM,QACpB,SAAS,QAAQ;GAEnB,WAAW,QAAQ;EACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC/HQ,OAAM,YAAW;mBAaZ,OAAM,uBAAsB;;QAd5B,OAAA,YAAA,UAAA,GAAX,mBAqBM,OAAA,YAAA,CApBJ,mBAEK,MAFL,YAEK,gBADA,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAEN,YAgBe,OAAA,iBAAA;EAfb,IAAG;EACK,OAAO,OAAA;0DAAA,OAAA,SAAM;EACb,iBAAe,OAAA;gEAAA,OAAA,QAAK;EACpB,aAAW,OAAA;6DAAA,OAAA,WAAQ;EAC1B,eAAa,OAAA;EACb,SAAS;EACT,qBAAmB;;EAET,MAAI,cAKP,CAJN,mBAIM,OAJN,YAIM,EAAA,UAAA,IAAA,GAHJ,mBAEW,UAAA,MAAA,WAFW,OAAA,eAAL,MAAC;2DAAwB,EAAE,UAAA,GAAA,CAAA,MACjB,EAAE,aAAA,UAAA,GAA3B,YAAqD,OAAA,gBAAA;;IAAd,SAAS"}

package/dist/{LiveHorizontalList-OArlzudf.mjs → LiveHorizontalList-wgXkgFLv.mjs}

@@ -1,8 +1,8 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
-import { t as ListPaginate_default } from "./ListPaginate-C9saxru9.mjs";
+import { t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
+import { t as ListPaginate_default } from "./ListPaginate-BXNnw_I8.mjs";
 import { r as emptyPodcastData } from "./podcast-Da9L7I5Q.mjs";
-import { t as PodcastItem_default } from "./PodcastItem-CFk8MX9D.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-_8ErwIDG.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, renderList, toDisplayString, watch, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 //#region src/components/display/live/LiveHorizontalList.vue?vue&type=script&setup=true&lang.ts
@@ -133,4 +133,4 @@ var LiveHorizontalList_default = /*#__PURE__*/ _plugin_vue_export_helper_default
 //#endregion
 export { LiveHorizontalList_default as default };
 
-//# sourceMappingURL=LiveHorizontalList-OArlzudf.mjs.map
+//# sourceMappingURL=LiveHorizontalList-wgXkgFLv.mjs.map

package/dist/LiveHorizontalList-wgXkgFLv.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-wgXkgFLv.mjs","names":[],"sources":["../src/components/display/live/LiveHorizontalList.vue","../src/components/display/live/LiveHorizontalList.vue"],"sourcesContent":["<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n","<template>\n  <div v-if=\"notEmpty\">\n    <h3 class=\"mb-0 mt-3\">\n      {{ t(\"All live emission button\") }}\n    </h3>\n    <ListPaginate\n      id=\"liveListPaginate\"\n      v-model:first=\"dfirst\"\n      v-model:rows-per-page=\"dsize\"\n      v-model:is-mobile=\"isMobile\"\n      :total-count=\"totalCount\"\n      :loading=\"false\"\n      :player-responsive=\"true\"\n    >\n      <template #list>\n        <div class=\"octopus-element-list\">\n          <template v-for=\"p in displayArray\" :key=\"p.podcastId\">\n            <PodcastItem v-if=\"0 !== p.podcastId\" :podcast=\"p\" />\n          </template>\n        </div>\n      </template>\n    </ListPaginate>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast, emptyPodcastData } from \"@/stores/class/general/podcast\";\nimport { computed, onBeforeMount, Ref, ref, watch } from \"vue\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  emissionId: { default: undefined, type: Number },\n})\n\n//Data \nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst lives: Ref<Array<Podcast>> = ref([]);\nconst notEmpty = ref(false);\nconst inFetching = ref(false);\nconst isMobile = ref(false);\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return lives.value;\n  }\n  return lives.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\n\n\n//Watch\nwatch(dsize, () => reloadList());\nwatch(dfirst, () => {\n  if (!lives.value[dfirst.value] || 0 === lives.value[dfirst.value].podcastId) {\n    fetchContent(false);\n  }\n});\n\nonBeforeMount(()=>fetchContent(true))\n\n\n//Methods\nfunction reloadList() {\n  dfirst.value = 0;\n  fetchContent(true);\n}\nasync function fetchContent(reset: boolean): Promise<void> {\n  inFetching.value = true;\n  if (reset) {\n    notEmpty.value = false;\n  }\n  const data = await classicApi.fetchData<ListClassicReturn<Podcast>>({\n    api: 0,\n    path: \"podcast/search\",\n    parameters: {\n      first: dfirst.value,\n      size: dsize.value,\n      emissionId: props.emissionId,\n      sort: \"DATE\",\n      includeStatus: \"READY_TO_RECORD\",\n    },\n    specialTreatement: true,\n  });\n  afterFetching(reset, data);\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Podcast>; sort: string },\n): void {\n  if (reset) {\n    lives.value.length = 0;\n  }\n  if (dfirst.value > lives.value.length) {\n    for (\n      let i = lives.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      lives.value.push(emptyPodcastData());\n    }\n  }\n  const responseLives = data.result.filter((l: Podcast | null) => {\n    return null !== l;\n  });\n  lives.value = lives.value\n    .slice(0, dfirst.value)\n    .concat(responseLives)\n    .concat(lives.value.slice(dfirst.value + dsize.value, lives.value.length));\n  totalCount.value = data.count;\n  if (0 !== lives.value.length) {\n    notEmpty.value = true;\n  }\n  inFetching.value = false;\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EAOd,MAAM,SAAS,IAAI,MAAM,KAAK;EAC9B,MAAM,QAAQ,IAAI,MAAM,IAAI;EAC5B,MAAM,aAAa,IAAI,CAAC;EACxB,MAAM,QAA6B,IAAI,CAAC,CAAC;EACzC,MAAM,WAAW,IAAI,KAAK;EAC1B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,WAAW,IAAI,KAAK;EAG1B,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,eAAe,eAAe;GAClC,IAAI,SAAS,OACX,OAAO,MAAM;GAEf,OAAO,MAAM,MAAM,MACjB,OAAO,OACP,KAAK,IAAI,OAAO,QAAQ,MAAM,OAAO,WAAW,KAAK,CACvD;EACF,CAAC;EAID,MAAM,aAAa,WAAW,CAAC;EAC/B,MAAM,cAAc;GAClB,IAAI,CAAC,MAAM,MAAM,OAAO,UAAU,MAAM,MAAM,MAAM,OAAO,OAAO,WAChE,aAAa,KAAK;EAEtB,CAAC;EAED,oBAAkB,aAAa,IAAI,CAAC;EAIpC,SAAS,aAAa;GACpB,OAAO,QAAQ;GACf,aAAa,IAAI;EACnB;EACA,eAAe,aAAa,OAA+B;GACzD,WAAW,QAAQ;GACnB,IAAI,OACF,SAAS,QAAQ;GAcnB,cAAc,OAAO,MAZF,mBAAW,UAAsC;IAClE,KAAK;IACL,MAAM;IACN,YAAY;KACV,OAAO,OAAO;KACd,MAAM,MAAM;KACZ,YAAY,MAAM;KAClB,MAAM;KACN,eAAe;IACjB;IACA,mBAAmB;GACrB,CAAC,CACwB;EAC3B;EACA,SAAS,cACP,OACA,MACM;GACN,IAAI,OACF,MAAM,MAAM,SAAS;GAEvB,IAAI,OAAO,QAAQ,MAAM,MAAM,QAC7B,KACE,IAAI,IAAI,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,QAAQ,MAAM,OAC3D,IAAI,KACJ,KAEA,MAAM,MAAM,KAAK,iBAAiB,CAAC;GAGvC,MAAM,gBAAgB,KAAK,OAAO,QAAQ,MAAsB;IAC9D,OAAO,SAAS;GAClB,CAAC;GACD,MAAM,QAAQ,MAAM,MACjB,MAAM,GAAG,OAAO,KAAK,EACrB,OAAO,aAAa,EACpB,OAAO,MAAM,MAAM,MAAM,OAAO,QAAQ,MAAM,OAAO,MAAM,MAAM,MAAM,CAAC;GAC3E,WAAW,QAAQ,KAAK;GACxB,IAAI,MAAM,MAAM,MAAM,QACpB,SAAS,QAAQ;GAEnB,WAAW,QAAQ;EACrB;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBC/HQ,OAAM,YAAW;mBAaZ,OAAM,uBAAsB;;QAd5B,OAAA,YAAA,UAAA,GAAX,mBAqBM,OAAA,YAAA,CApBJ,mBAEK,MAFL,YAEK,gBADA,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAEN,YAgBe,OAAA,iBAAA;EAfb,IAAG;EACK,OAAO,OAAA;0DAAA,OAAA,SAAM;EACb,iBAAe,OAAA;gEAAA,OAAA,QAAK;EACpB,aAAW,OAAA;6DAAA,OAAA,WAAQ;EAC1B,eAAa,OAAA;EACb,SAAS;EACT,qBAAmB;;EAET,MAAI,cAKP,CAJN,mBAIM,OAJN,YAIM,EAAA,UAAA,IAAA,GAHJ,mBAEW,UAAA,MAAA,WAFW,OAAA,eAAL,MAAC;2DAAwB,EAAE,UAAA,GAAA,CAAA,MACjB,EAAE,aAAA,UAAA,GAA3B,YAAqD,OAAA,gBAAA;;IAAd,SAAS"}

package/dist/LiveList-Bp-feBp9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveList-Bp-feBp9.mjs","names":[],"sources":["../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveList.vue","../src/components/display/live/LiveList.vue"],"sourcesContent":["<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n"],"mappings":"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"}

package/dist/LiveList-ByyCyWUl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveList-ByyCyWUl.mjs","names":[],"sources":["../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveList.vue","../src/components/display/live/LiveList.vue"],"sourcesContent":["<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n"],"mappings":"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"}

package/dist/{LiveList-EqIo_cye.mjs → LiveList-CA5n6VeN.mjs}

@@ -1,11 +1,11 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
 import { t as ClassicLoading_default } from "./ClassicLoading-Crlw7cAx.mjs";
-import { T as useSaveFetchStore, i as useAuthStore, r as useFilterStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { T as useSaveFetchStore, i as useAuthStore, r as useFilterStore, t as classicApi_default } from "./classicApi-xjOqAovv.mjs";
 import { t as ClassicSelect_default } from "./ClassicSelect-BaY2yvwP.mjs";
-import { t as useErrorHandler } from "./useErrorHandler-DtLjD9t_.mjs";
-import { t as useOrgaComputed } from "./useOrgaComputed-BLSpEDfb.mjs";
-import { t as SwiperList_default } from "./SwiperList-C1v0T1wx.mjs";
-import { t as PodcastItem_default } from "./PodcastItem-CFk8MX9D.mjs";
+import { t as useErrorHandler } from "./useErrorHandler-D3XVxUh6.mjs";
+import { t as useOrgaComputed } from "./useOrgaComputed-B2Bq0VBT.mjs";
+import { t as SwiperList_default } from "./SwiperList-C51H-enh.mjs";
+import { t as PodcastItem_default } from "./PodcastItem-_8ErwIDG.mjs";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeMount, onUnmounted, openBlock, ref, resolveComponent, toDisplayString, watch, withCtx } from "vue";
 import { useI18n } from "vue-i18n";
 //#region src/components/display/live/LiveItem.vue?vue&type=script&setup=true&lang.ts
@@ -321,4 +321,4 @@ var LiveList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(LiveList_
 //#endregion
 export { LiveList_default as default };
 
-//# sourceMappingURL=LiveList-EqIo_cye.mjs.map
+//# sourceMappingURL=LiveList-CA5n6VeN.mjs.map

package/dist/LiveList-CA5n6VeN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveList-CA5n6VeN.mjs","names":[],"sources":["../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveList.vue","../src/components/display/live/LiveList.vue"],"sourcesContent":["<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n"],"mappings":"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"}

package/dist/LiveList-Cah5VFun.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveList-Cah5VFun.mjs","names":[],"sources":["../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveItem.vue","../src/components/display/live/LiveList.vue","../src/components/display/live/LiveList.vue"],"sourcesContent":["<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <PodcastItem\n    v-if=\"live && 0 !== live.podcastId\"\n    :podcast=\"live\"\n    :fetch-conference=\"fetchConference\"\n  />\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport PodcastItem from \"../podcasts/PodcastItem.vue\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport {onBeforeMount, onUnmounted, ref, Ref } from \"vue\";\nimport {\n  Conference,\n  ConferencePublicInfo,\n} from \"@/stores/class/conference/conference\";\n\n//Props \nconst props = defineProps({\n  fetchConference: { default: undefined, type: Object as () => Conference },\n})\n \n//Emits\nconst emit = defineEmits([\"deleteItem\", \"updateItem\"]);\n\n//Data \nconst live: Ref<Podcast | undefined> = ref(undefined);\nconst watchInterval: Ref<ReturnType<typeof setInterval> | undefined> = ref(undefined);\n\n\nonBeforeMount(()=>initLiveItem());\nonUnmounted(()=>clearWatchStatus())\n\n\n//Methods\nfunction clearWatchStatus() {\n  clearInterval(watchInterval.value as unknown as number);\n  watchInterval.value = undefined;\n}\nasync function initLiveItem(){\n  await fetchPodcastData();\n  watchInterval.value = setInterval(() => {\n    fetchStatus();\n  }, 5000);\n}\nasync function fetchPodcastData(): Promise<void> {\n  if (!props.fetchConference?.podcastId) return;\n  try {\n    live.value = await classicApi.fetchData<Podcast>({\n      api: 0,\n      path: \"podcast/\" + props.fetchConference.podcastId,\n    });\n  } catch {\n    emit(\"deleteItem\");\n    if (props.fetchConference.conferenceId) {\n      await classicApi.deleteData({\n        api: 9,\n        path: \"conference/\" + props.fetchConference.conferenceId,\n      });\n    }\n  }\n}\nasync function fetchStatus(): Promise<void> {\n  if (\n    !props.fetchConference ||\n    (\"PLANNED\" !== props.fetchConference.status &&\n      \"PENDING\" !== props.fetchConference.status &&\n      \"RECORDING\" !== props.fetchConference.status)\n  ) {\n    clearWatchStatus();\n    return;\n  }\n  const confInfo = await classicApi.fetchData<ConferencePublicInfo>({\n    api: 9,\n    path: \"conference/info/\" + props.fetchConference.conferenceId,\n  });\n  if (confInfo.status !== props.fetchConference.status) {\n    emit(\"updateItem\", {\n      ...props.fetchConference,\n      ...confInfo,\n    });\n  }\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n","<template>\n  <section v-if=\"displayLiveList\" class=\"d-flex flex-column align-items-start mt-3\">\n    <div\n      class=\"d-flex justify-content-between flex-grow-1 mb-3 w-100 align-items-center\"\n    >\n      <h2 class=\"mb-0\">\n        {{ t(\"Live\") }}\n      </h2>\n      <router-link\n        v-if=\"liveRight && !isPodcastmaker\"\n        to=\"/main/priv/edit/live\"\n      >\n        <button class=\"btn btn-primary\">\n          {{ t(\"Launch a new live\") }}\n        </button>\n      </router-link>\n    </div>\n    <ClassicSelect\n      v-if=\"lives.length || 'ALL' !== selectedStatus\"\n      v-model:text-init=\"selectedStatus\"\n      id-select=\"status-live-chooser-select\"\n      :label=\"t('Selection by status')\"\n      :display-label=\"false\"\n      :options=\"statusArraySelect\"\n      class=\"mb-3\"\n    />\n    <ClassicLoading\n      :loading-text=\"loading ? t('Loading lives...') : undefined\"\n      :error-text=\"0 === lives.length ? t('No live currently') : undefined\"\n    />\n    <template v-if=\"lives.length\">\n      <SwiperList v-if=\"!loading\" :list-object=\"lives\">\n        <template #octopusSlide=\"{ option, index }\">\n          <LiveItem\n            :fetch-conference=\"option\"\n            @delete-item=\"deleteLive(index)\"\n            @update-item=\"updateLive($event, index)\"\n          />\n        </template>\n      </SwiperList>\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport LiveItem from \"./LiveItem.vue\";\nimport ClassicSelect from \"../../form/ClassicSelect.vue\";\nimport SwiperList from \"../list/SwiperList.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport {useOrgaComputed} from \"../../composable/useOrgaComputed\";\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { Conference } from \"@/stores/class/conference/conference\";\nimport { computed, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  hideIfEmpty: { default: false, type: Boolean },\n})\n\n//Data \nconst loading = ref(true);\nconst loaded = ref(true);\nconst lives: Ref<Array<Conference>> = ref([]);\nconst isLiveAuthorized = ref(false);\nconst statusClassic= ref([\"RECORDING\", \"PENDING\", \"PLANNED\"]);\nconst statusAdmin = ref([\"DEBRIEFING\", \"ERROR\", \"PUBLISHING\"]);\nconst selectedStatus = ref(\"ALL\");\n\n\n//Composables\nconst { t } = useI18n();\nconst { isPodcastmaker, isEditRights } = useOrgaComputed();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayLiveList = computed(() => {\n  return (\n    (undefined !== filterStore.filterOrgaId ||\n      undefined !== props.organisationId) &&\n    (!props.hideIfEmpty || (props.hideIfEmpty && 0 !== lives.value.length))\n  );\n});\nconst filterOrgaUsed = computed(() => {\n  return filterStore.filterOrgaId ? filterStore.filterOrgaId : props.organisationId;\n});\nconst editRight = computed(() => {\n  return isEditRights(filterOrgaUsed.value);\n});\nconst liveRight = computed(() => {\n  return (\n    authStore.isRoleLive &&\n    \"true\" === authStore.authOrganisation.attributes?.[\"live.active\"]\n  );\n});\nconst statusArraySelect = computed(() => {\n  const statusArray = [{ title: t(\"All lives\"), value: \"ALL\" }];\n      for (const status of statusFetched.value) {\n        let title = \"\";\n        switch (status) {\n          case \"RECORDING\":\n            title = t(\"In live\");\n            break;\n          case \"PENDING\":\n            title = t(\"live upcoming\");\n            break;\n          case \"PLANNED\":\n            title = t(\"live in few time\");\n            break;\n          case \"DEBRIEFING\":\n            title = t(\"In debriefing\");\n            break;\n          case \"PUBLISHING\":\n            title = t(\"In the process of being published\");\n            break;\n          case \"ERROR\":\n            title = t(\"In error\");\n            break;\n          default:\n            break;\n        }\n        statusArray.push({ title: title, value: status });\n      }\n      return statusArray;\n});\nconst statusFetched = computed(() => {\n  if (editRight.value) {\n    return statusClassic.value.concat(statusAdmin.value);\n  }\n  return statusClassic.value;\n});\n\n\n//Watch\nwatch(filterOrgaUsed, async () => {\n  await checkIfLiveAuthorized();\n  fetchContent();\n}, {immediate: true});\nwatch(selectedStatus, () => fetchContent());\n\n\n//Methods\nasync function checkIfLiveAuthorized(): Promise<void> {\n  if (!filterOrgaUsed.value) {\n    return;\n  }\n  isLiveAuthorized.value = await saveFetchStore.getOrgaLiveEnabled(\n    filterOrgaUsed.value,\n  );\n}\nfunction endLoading(): void {\n  loading.value = false;\n  loaded.value = true;\n}\nfunction updateLive(live: Conference, index: number): void {\n  lives.value.splice(index, 1, live);\n}\nasync function fetchContent(): Promise<void> {\n  lives.value.length = 0;\n  if (!filterOrgaUsed.value || !isLiveAuthorized.value) {\n    endLoading();\n    return;\n  }\n  loading.value = true;\n  loaded.value = false;\n  try {\n    const dataLives = await classicApi.fetchData<Array<Conference>>({\n      api: 9,\n      path: \"conference/list\",\n      parameters: {\n        organisationId: filterOrgaUsed.value,\n        withPodcastId: true,\n        status:\n          \"ALL\" === selectedStatus.value\n            ? statusFetched.value\n            : selectedStatus.value,\n      },\n    });\n    lives.value = dataLives.filter((p: Conference | null) => {\n      return null !== p;\n    });\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n  endLoading();\n}\nfunction deleteLive(index: number): void {\n  lives.value.splice(index, 1);\n}\n</script>\n"],"mappings":"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"}