@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/{ListPaginate-5uRK_QKJ.mjs → ListPaginate-BPdnBcpe.mjs}

@@ -1,12 +1,12 @@
 import { t as e } from "./rolldown-runtime-Dy4uBu1J.mjs";
 import { t } from "./domHelper-BPw2kGCL.mjs";
 import { t as n } from "./ClassicLoading-CXfMjpyl.mjs";
-import { A as r } from "./classicApi-pmODlqv5.mjs";
+import { j as r } from "./classicApi-CGipMqf7.mjs";
 import { t as i } from "./PaginateParams-Bjz3ZI-5.mjs";
 import { t as a } from "./PaginateSection-Oip_5JHt.mjs";
 import { t as o } from "./useResizePhone-4hSkK5pa.mjs";
 import { t as s } from "./useRouteUpdateParams-DJLm3IAI.mjs";
-import { n as c } from "./PlayerStore-CKprkxa0.mjs";
+import { n as c } from "./PlayerStore-DggKki80.mjs";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, renderSlot as b, toDisplayString as x, unref as S, vShow as C, watch as w, withDirectives as T } from "vue";
 import E from "vue-material-design-icons/Plus.vue";
 import { useI18n as D } from "vue-i18n";

package/dist/ListPaginate-DYzRnp-2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPaginate-DYzRnp-2.mjs","names":["domHelper","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_Fragment","_normalizeClass","_createElementVNode","_createTextVNode","_toDisplayString","_renderSlot","_withDirectives","_createVNode","_vShow","_sfc_main"],"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\"\n            :error-text=\"errorText\"\n        />\n\n        <template v-if=\"!loading\">\n            <div\n                v-if=\"!justSizeChosen\"\n                class=\"d-flex justify-content-between flex-grow-1 w-100\"\n                :class=\"displayTopPaginate ? 'align-items-end' : 'align-items-center'\"\n            >\n                <div class=\"text-secondary me-3 align-items-end\">\n                    <template v-if=\"textCount\">\n                        {{ textCount }}\n                    </template>\n                </div>\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\n                    <PaginateSection\n                        v-if=\"displayTopPaginate\"\n                        :id=\"id\"\n                        class=\"pt-0 pb-0\"\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                </div>\n            </div>\n        </template>\n        <slot name=\"list\" />\n\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\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//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\nconst displayTopPaginate = computed((): boolean => {\n    return !isPhone.value && !props.justSizeChosen && props.totalCount > 0 && state.generalParameters.paginationOnTop === true;\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\"\n            :error-text=\"errorText\"\n        />\n\n        <template v-if=\"!loading\">\n            <div\n                v-if=\"!justSizeChosen\"\n                class=\"d-flex justify-content-between flex-grow-1 w-100\"\n                :class=\"displayTopPaginate ? 'align-items-end' : 'align-items-center'\"\n            >\n                <div class=\"text-secondary me-3 align-items-end\">\n                    <template v-if=\"textCount\">\n                        {{ textCount }}\n                    </template>\n                </div>\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\n                    <PaginateSection\n                        v-if=\"displayTopPaginate\"\n                        :id=\"id\"\n                        class=\"pt-0 pb-0\"\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                </div>\n            </div>\n        </template>\n        <slot name=\"list\" />\n\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\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//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\nconst displayTopPaginate = computed((): boolean => {\n    return !isPhone.value && !props.justSizeChosen && props.totalCount > 0 && state.generalParameters.paginationOnTop === true;\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-DyR7HLIc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPaginate-DyR7HLIc.mjs","names":["domHelper","_openBlock","_createElementBlock","_createBlock","_createCommentVNode","_Fragment","_normalizeClass","_createElementVNode","_createTextVNode","_toDisplayString","_renderSlot","_withDirectives","_createVNode","_vShow","_sfc_main"],"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\"\n            :error-text=\"errorText\"\n        />\n\n        <template v-if=\"!loading\">\n            <div\n                v-if=\"!justSizeChosen\"\n                class=\"d-flex justify-content-between flex-grow-1 w-100\"\n                :class=\"displayTopPaginate ? 'align-items-end' : 'align-items-center'\"\n            >\n                <div class=\"text-secondary me-3 align-items-end\">\n                    <template v-if=\"textCount\">\n                        {{ textCount }}\n                    </template>\n                </div>\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\n                    <PaginateSection\n                        v-if=\"displayTopPaginate\"\n                        :id=\"id\"\n                        class=\"pt-0 pb-0\"\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                </div>\n            </div>\n        </template>\n        <slot name=\"list\" />\n\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\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//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\nconst displayTopPaginate = computed((): boolean => {\n    return !isPhone.value && !props.justSizeChosen && props.totalCount > 0 && state.generalParameters.paginationOnTop === true;\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\"\n            :error-text=\"errorText\"\n        />\n\n        <template v-if=\"!loading\">\n            <div\n                v-if=\"!justSizeChosen\"\n                class=\"d-flex justify-content-between flex-grow-1 w-100\"\n                :class=\"displayTopPaginate ? 'align-items-end' : 'align-items-center'\"\n            >\n                <div class=\"text-secondary me-3 align-items-end\">\n                    <template v-if=\"textCount\">\n                        {{ textCount }}\n                    </template>\n                </div>\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\n                    <PaginateSection\n                        v-if=\"displayTopPaginate\"\n                        :id=\"id\"\n                        class=\"pt-0 pb-0\"\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                </div>\n            </div>\n        </template>\n        <slot name=\"list\" />\n\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\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//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\nconst displayTopPaginate = computed((): boolean => {\n    return !isPhone.value && !props.justSizeChosen && props.totalCount > 0 && state.generalParameters.paginationOnTop === true;\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-Bqe351Ut.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-Bqe351Ut.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_Fragment","_renderList","_createBlock","_createCommentVNode","_sfc_main"],"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":"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"}

package/dist/{LiveHorizontalList-CpoIRd4C.mjs → LiveHorizontalList-Bs-Rz5Ws.mjs}

@@ -1,7 +1,7 @@
-import { t as e } from "./classicApi-pmODlqv5.mjs";
-import { t } from "./ListPaginate-5uRK_QKJ.mjs";
+import { t as e } from "./classicApi-CGipMqf7.mjs";
+import { t } from "./ListPaginate-BPdnBcpe.mjs";
 import { r as n } from "./podcast-BoNHyuLe.mjs";
-import { t as r } from "./PodcastItem-TdtzApJ6.mjs";
+import { t as r } from "./PodcastItem-Baki7W0q.mjs";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, onBeforeMount as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, watch as v, withCtx as y } from "vue";
 import { useI18n as b } from "vue-i18n";
 //#region src/components/display/live/LiveHorizontalList.vue?vue&type=script&setup=true&lang.ts

package/dist/LiveHorizontalList-CaujYMT3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-CaujYMT3.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_Fragment","_renderList","_createBlock","_createCommentVNode","_sfc_main"],"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":"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"}

package/dist/LiveHorizontalList-DhsOZPT3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveHorizontalList-DhsOZPT3.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_withCtx","_Fragment","_renderList","_createBlock","_createCommentVNode","_sfc_main"],"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":"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"}

package/dist/{LiveList-DYFBrNgg.mjs → LiveList-BVOEnAEc.mjs}

@@ -1,10 +1,10 @@
 import { t as e } from "./ClassicLoading-CXfMjpyl.mjs";
-import { T as t, i as n, r, t as i } from "./classicApi-pmODlqv5.mjs";
+import { E as t, i as n, r, t as i } from "./classicApi-CGipMqf7.mjs";
 import { t as a } from "./ClassicSelect-BpA0jKN6.mjs";
-import { t as o } from "./useErrorHandler-D9W2BURn.mjs";
-import { t as s } from "./useOrgaComputed-CBJ5sDOm.mjs";
-import { t as c } from "./SwiperList-BlF3rPq5.mjs";
-import { t as l } from "./PodcastItem-TdtzApJ6.mjs";
+import { t as o } from "./useErrorHandler-x9sjDYSz.mjs";
+import { t as s } from "./useOrgaComputed-D81Jihm-.mjs";
+import { t as c } from "./SwiperList-O8nUg87R.mjs";
+import { t as l } from "./PodcastItem-Baki7W0q.mjs";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, onBeforeMount as v, onUnmounted as y, openBlock as b, ref as x, resolveComponent as S, toDisplayString as C, unref as w, watch as T, withCtx as E } from "vue";
 import { useI18n as D } from "vue-i18n";
 //#endregion

package/dist/LiveList-DMB3FxUM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveList-DMB3FxUM.mjs","names":["classicApi","_sfc_render","_openBlock","_createBlock","_createCommentVNode","_sfc_main","classicApi","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_withCtx","_createCommentVNode","_createVNode","_Fragment","_sfc_main"],"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-DOi4GV1x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveList-DOi4GV1x.mjs","names":["classicApi","_sfc_render","_openBlock","_createBlock","_createCommentVNode","_sfc_main","classicApi","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_withCtx","_createCommentVNode","_createVNode","_Fragment","_sfc_main"],"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-Dh1mJVs7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LiveList-Dh1mJVs7.mjs","names":["classicApi","_sfc_render","_openBlock","_createBlock","_createCommentVNode","_sfc_main","classicApi","_resolveComponent","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createBlock","_withCtx","_createCommentVNode","_createVNode","_Fragment","_sfc_main"],"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/LivesPage-BvDLscOE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivesPage-BvDLscOE.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_createBlock","_sfc_main"],"sources":["../src/components/pages/LivesPage.vue","../src/components/pages/LivesPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"!filterStore.filterOrgaId && !organisationId && !state.generalParameters.podcastmaker\">\n      <div class=\"align-self-start fw-bold mb-2\">\n        {{ t(\"Please chose a productor\") }}\n      </div>\n      <OrganisationChooser\n        :defaultanswer=\"t('Please chose a productor')\"\n        @selected=\"onOrganisationSelected\"\n      />\n    </template>\n    <template v-if=\"filterStore.filterOrgaId || organisationId\">\n      <LiveList :organisation-id=\"organisationId\" />\n      <RadioList v-if=\"!notRadios\" :organisation-id=\"organisationId\" />\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../stores/class/general/organisation\";\nimport { defineAsyncComponent, onMounted } from \"vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nconst LiveList = defineAsyncComponent(\n  () => import(\"../display/live/LiveList.vue\"),\n);\nconst RadioList = defineAsyncComponent(\n  () => import(\"../display/live/RadioList.vue\"),\n);\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../display/organisation/OrganisationChooser.vue\"),\n);\n\n\n//Props\nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  productor: { default: undefined, type: String },\n  notRadios: { default: false, type: Boolean },\n});\n\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\"]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n\nonMounted(() => {\n  if (props.productor) {\n    emit(\"update:organisationId\", props.productor);\n  } else if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }\n})\n\n//Methods\nfunction onOrganisationSelected(organisation: Organisation | undefined): void {\n  emit(\"update:organisationId\", organisation?.id);\n}\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"!filterStore.filterOrgaId && !organisationId && !state.generalParameters.podcastmaker\">\n      <div class=\"align-self-start fw-bold mb-2\">\n        {{ t(\"Please chose a productor\") }}\n      </div>\n      <OrganisationChooser\n        :defaultanswer=\"t('Please chose a productor')\"\n        @selected=\"onOrganisationSelected\"\n      />\n    </template>\n    <template v-if=\"filterStore.filterOrgaId || organisationId\">\n      <LiveList :organisation-id=\"organisationId\" />\n      <RadioList v-if=\"!notRadios\" :organisation-id=\"organisationId\" />\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../stores/class/general/organisation\";\nimport { defineAsyncComponent, onMounted } from \"vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nconst LiveList = defineAsyncComponent(\n  () => import(\"../display/live/LiveList.vue\"),\n);\nconst RadioList = defineAsyncComponent(\n  () => import(\"../display/live/RadioList.vue\"),\n);\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../display/organisation/OrganisationChooser.vue\"),\n);\n\n\n//Props\nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  productor: { default: undefined, type: String },\n  notRadios: { default: false, type: Boolean },\n});\n\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\"]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n\nonMounted(() => {\n  if (props.productor) {\n    emit(\"update:organisationId\", props.productor);\n  } else if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }\n})\n\n//Methods\nfunction onOrganisationSelected(organisation: Organisation | undefined): void {\n  emit(\"update:organisationId\", organisation?.id);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,WAAW,2BACT,OAAO,0BACf;EACA,MAAM,YAAY,2BACV,OAAO,2BACf;EACA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EAIA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAIb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAgB;GACd,IAAI,MAAM,WACR,KAAK,yBAAyB,MAAM,SAAS;QACxC,IAAI,YAAY,cACrB,KAAK,yBAAyB,YAAY,YAAY;EAE1D,CAAC;EAGD,SAAS,uBAAuB,cAA8C;GAC5E,KAAK,yBAAyB,cAAc,EAAE;EAChD;;;;;;;;;;;;;;;;;;;;;;;AC9DW,IAAA,aAAA,EAAA,OAAM,WAAU;AAEhB,IAAA,aAAA,EAAA,OAAM,gCAA+B;;CAF9C,OAAAA,UAAA,GAAAC,mBAcU,WAdV,YAcU,CAbS,CAAA,OAAA,YAAY,gBAAY,CAAK,OAAA,kBAAc,CAAK,OAAA,MAAM,kBAAkB,gBAAzFD,UAAA,GAAAC,mBAQWC,UAAA,EAAA,KAAA,EAAA,GAAA,CAPTC,mBAEM,OAFN,YAEMC,gBADD,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAENC,YAGE,OAAA,wBAAA;EAFC,eAAe,OAAA,EAAC,0BAAA;EAChB,YAAU,OAAA;CAGC,GAAA,MAAA,GAAA,CAAA,eAAA,CAAA,CAAA,GAAA,EAAA,KAAAC,mBAAA,QAAA,IAAA,GAAA,OAAA,YAAY,gBAAgB,OAAA,kBAA5CN,UAAA,GAAAC,mBAGWC,UAAA,EAAA,KAAA,EAAA,GAAA,CAFTG,YAA8C,OAAA,aAAA,EAAnC,mBAAiB,OAAA,eAAc,GAAA,MAAA,GAAA,CAAA,iBAAA,CAAA,GACxB,CAAA,OAAA,aAAlBL,UAAA,GAAAO,YAAiE,OAAA,cAAA;;EAAnC,mBAAiB,OAAA"}

package/dist/{LivesPage-FSkmBdVw.mjs → LivesPage-DG5VY4HF.mjs}

@@ -1,4 +1,4 @@
-import { A as e, r as t } from "./classicApi-pmODlqv5.mjs";
+import { j as e, r as t } from "./classicApi-CGipMqf7.mjs";
 import { Fragment as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineAsyncComponent as c, defineComponent as l, onMounted as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
 import { useI18n as m } from "vue-i18n";
 //#region src/components/pages/LivesPage.vue?vue&type=script&setup=true&lang.ts
@@ -20,7 +20,7 @@ var h = { class: "page-box" }, g = { class: "align-self-start fw-bold mb-2" }, _
 	},
 	emits: ["update:organisationId"],
 	setup(l, { emit: _ }) {
-		let v = c(() => import("./LiveList-DYFBrNgg.mjs")), y = c(() => import("./RadioList-BD3zNwmk.mjs")), b = c(() => import("./OrganisationChooser-Dx-OT7MW.mjs")), x = l, S = _, { t: C } = m(), w = t();
+		let v = c(() => import("./LiveList-BVOEnAEc.mjs")), y = c(() => import("./RadioList-BZFFAobk.mjs")), b = c(() => import("./OrganisationChooser-C48cWqbY.mjs")), x = l, S = _, { t: C } = m(), w = t();
 		u(() => {
 			x.productor ? S("update:organisationId", x.productor) : w.filterOrgaId && S("update:organisationId", w.filterOrgaId);
 		});

package/dist/LivesPage-DmSlg7iH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivesPage-DmSlg7iH.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_createBlock","_sfc_main"],"sources":["../src/components/pages/LivesPage.vue","../src/components/pages/LivesPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"!filterStore.filterOrgaId && !organisationId && !state.generalParameters.podcastmaker\">\n      <div class=\"align-self-start fw-bold mb-2\">\n        {{ t(\"Please chose a productor\") }}\n      </div>\n      <OrganisationChooser\n        :defaultanswer=\"t('Please chose a productor')\"\n        @selected=\"onOrganisationSelected\"\n      />\n    </template>\n    <template v-if=\"filterStore.filterOrgaId || organisationId\">\n      <LiveList :organisation-id=\"organisationId\" />\n      <RadioList v-if=\"!notRadios\" :organisation-id=\"organisationId\" />\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../stores/class/general/organisation\";\nimport { defineAsyncComponent, onMounted } from \"vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nconst LiveList = defineAsyncComponent(\n  () => import(\"../display/live/LiveList.vue\"),\n);\nconst RadioList = defineAsyncComponent(\n  () => import(\"../display/live/RadioList.vue\"),\n);\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../display/organisation/OrganisationChooser.vue\"),\n);\n\n\n//Props\nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  productor: { default: undefined, type: String },\n  notRadios: { default: false, type: Boolean },\n});\n\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\"]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n\nonMounted(() => {\n  if (props.productor) {\n    emit(\"update:organisationId\", props.productor);\n  } else if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }\n})\n\n//Methods\nfunction onOrganisationSelected(organisation: Organisation | undefined): void {\n  emit(\"update:organisationId\", organisation?.id);\n}\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"!filterStore.filterOrgaId && !organisationId && !state.generalParameters.podcastmaker\">\n      <div class=\"align-self-start fw-bold mb-2\">\n        {{ t(\"Please chose a productor\") }}\n      </div>\n      <OrganisationChooser\n        :defaultanswer=\"t('Please chose a productor')\"\n        @selected=\"onOrganisationSelected\"\n      />\n    </template>\n    <template v-if=\"filterStore.filterOrgaId || organisationId\">\n      <LiveList :organisation-id=\"organisationId\" />\n      <RadioList v-if=\"!notRadios\" :organisation-id=\"organisationId\" />\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../stores/class/general/organisation\";\nimport { defineAsyncComponent, onMounted } from \"vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nconst LiveList = defineAsyncComponent(\n  () => import(\"../display/live/LiveList.vue\"),\n);\nconst RadioList = defineAsyncComponent(\n  () => import(\"../display/live/RadioList.vue\"),\n);\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../display/organisation/OrganisationChooser.vue\"),\n);\n\n\n//Props\nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  productor: { default: undefined, type: String },\n  notRadios: { default: false, type: Boolean },\n});\n\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\"]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n\nonMounted(() => {\n  if (props.productor) {\n    emit(\"update:organisationId\", props.productor);\n  } else if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }\n})\n\n//Methods\nfunction onOrganisationSelected(organisation: Organisation | undefined): void {\n  emit(\"update:organisationId\", organisation?.id);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,WAAW,2BACT,OAAO,0BACf;EACA,MAAM,YAAY,2BACV,OAAO,2BACf;EACA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EAIA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAIb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAgB;GACd,IAAI,MAAM,WACR,KAAK,yBAAyB,MAAM,SAAS;QACxC,IAAI,YAAY,cACrB,KAAK,yBAAyB,YAAY,YAAY;EAE1D,CAAC;EAGD,SAAS,uBAAuB,cAA8C;GAC5E,KAAK,yBAAyB,cAAc,EAAE;EAChD;;;;;;;;;;;;;;;;;;;;;;;AC9DW,IAAA,aAAA,EAAA,OAAM,WAAU;AAEhB,IAAA,aAAA,EAAA,OAAM,gCAA+B;;CAF9C,OAAAA,UAAA,GAAAC,mBAcU,WAdV,YAcU,CAbS,CAAA,OAAA,YAAY,gBAAY,CAAK,OAAA,kBAAc,CAAK,OAAA,MAAM,kBAAkB,gBAAzFD,UAAA,GAAAC,mBAQWC,UAAA,EAAA,KAAA,EAAA,GAAA,CAPTC,mBAEM,OAFN,YAEMC,gBADD,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAENC,YAGE,OAAA,wBAAA;EAFC,eAAe,OAAA,EAAC,0BAAA;EAChB,YAAU,OAAA;CAGC,GAAA,MAAA,GAAA,CAAA,eAAA,CAAA,CAAA,GAAA,EAAA,KAAAC,mBAAA,QAAA,IAAA,GAAA,OAAA,YAAY,gBAAgB,OAAA,kBAA5CN,UAAA,GAAAC,mBAGWC,UAAA,EAAA,KAAA,EAAA,GAAA,CAFTG,YAA8C,OAAA,aAAA,EAAnC,mBAAiB,OAAA,eAAc,GAAA,MAAA,GAAA,CAAA,iBAAA,CAAA,GACxB,CAAA,OAAA,aAAlBL,UAAA,GAAAO,YAAiE,OAAA,cAAA;;EAAnC,mBAAiB,OAAA"}

package/dist/LivesPage-yy_5pI8R.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LivesPage-yy_5pI8R.mjs","names":["_openBlock","_createElementBlock","_Fragment","_createElementVNode","_toDisplayString","_createVNode","_createCommentVNode","_createBlock","_sfc_main"],"sources":["../src/components/pages/LivesPage.vue","../src/components/pages/LivesPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"!filterStore.filterOrgaId && !organisationId && !state.generalParameters.podcastmaker\">\n      <div class=\"align-self-start fw-bold mb-2\">\n        {{ t(\"Please chose a productor\") }}\n      </div>\n      <OrganisationChooser\n        :defaultanswer=\"t('Please chose a productor')\"\n        @selected=\"onOrganisationSelected\"\n      />\n    </template>\n    <template v-if=\"filterStore.filterOrgaId || organisationId\">\n      <LiveList :organisation-id=\"organisationId\" />\n      <RadioList v-if=\"!notRadios\" :organisation-id=\"organisationId\" />\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../stores/class/general/organisation\";\nimport { defineAsyncComponent, onMounted } from \"vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nconst LiveList = defineAsyncComponent(\n  () => import(\"../display/live/LiveList.vue\"),\n);\nconst RadioList = defineAsyncComponent(\n  () => import(\"../display/live/RadioList.vue\"),\n);\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../display/organisation/OrganisationChooser.vue\"),\n);\n\n\n//Props\nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  productor: { default: undefined, type: String },\n  notRadios: { default: false, type: Boolean },\n});\n\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\"]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n\nonMounted(() => {\n  if (props.productor) {\n    emit(\"update:organisationId\", props.productor);\n  } else if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }\n})\n\n//Methods\nfunction onOrganisationSelected(organisation: Organisation | undefined): void {\n  emit(\"update:organisationId\", organisation?.id);\n}\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"!filterStore.filterOrgaId && !organisationId && !state.generalParameters.podcastmaker\">\n      <div class=\"align-self-start fw-bold mb-2\">\n        {{ t(\"Please chose a productor\") }}\n      </div>\n      <OrganisationChooser\n        :defaultanswer=\"t('Please chose a productor')\"\n        @selected=\"onOrganisationSelected\"\n      />\n    </template>\n    <template v-if=\"filterStore.filterOrgaId || organisationId\">\n      <LiveList :organisation-id=\"organisationId\" />\n      <RadioList v-if=\"!notRadios\" :organisation-id=\"organisationId\" />\n    </template>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { Organisation } from \"../../stores/class/general/organisation\";\nimport { defineAsyncComponent, onMounted } from \"vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useI18n } from \"vue-i18n\";\nconst LiveList = defineAsyncComponent(\n  () => import(\"../display/live/LiveList.vue\"),\n);\nconst RadioList = defineAsyncComponent(\n  () => import(\"../display/live/RadioList.vue\"),\n);\nconst OrganisationChooser = defineAsyncComponent(\n  () => import(\"../display/organisation/OrganisationChooser.vue\"),\n);\n\n\n//Props\nconst props = defineProps({\n  organisationId: { default: undefined, type: String },\n  productor: { default: undefined, type: String },\n  notRadios: { default: false, type: Boolean },\n});\n\n\n//Emits\nconst emit = defineEmits([\"update:organisationId\"]);\n\n\n//Composables\nconst { t } = useI18n();\nconst filterStore = useFilterStore();\n\n\nonMounted(() => {\n  if (props.productor) {\n    emit(\"update:organisationId\", props.productor);\n  } else if (filterStore.filterOrgaId) {\n    emit(\"update:organisationId\", filterStore.filterOrgaId);\n  }\n})\n\n//Methods\nfunction onOrganisationSelected(organisation: Organisation | undefined): void {\n  emit(\"update:organisationId\", organisation?.id);\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAwBA,MAAM,WAAW,2BACT,OAAO,0BACf;EACA,MAAM,YAAY,2BACV,OAAO,2BACf;EACA,MAAM,sBAAsB,2BACpB,OAAO,qCACf;EAIA,MAAM,QAAQ;EAQd,MAAM,OAAO;EAIb,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EAGnC,gBAAgB;GACd,IAAI,MAAM,WACR,KAAK,yBAAyB,MAAM,SAAS;QACxC,IAAI,YAAY,cACrB,KAAK,yBAAyB,YAAY,YAAY;EAE1D,CAAC;EAGD,SAAS,uBAAuB,cAA8C;GAC5E,KAAK,yBAAyB,cAAc,EAAE;EAChD;;;;;;;;;;;;;;;;;;;;;;;AC9DW,IAAA,aAAA,EAAA,OAAM,WAAU;AAEhB,IAAA,aAAA,EAAA,OAAM,gCAA+B;;CAF9C,OAAAA,UAAA,GAAAC,mBAcU,WAdV,YAcU,CAbS,CAAA,OAAA,YAAY,gBAAY,CAAK,OAAA,kBAAc,CAAK,OAAA,MAAM,kBAAkB,gBAAzFD,UAAA,GAAAC,mBAQWC,UAAA,EAAA,KAAA,EAAA,GAAA,CAPTC,mBAEM,OAFN,YAEMC,gBADD,OAAA,EAAC,0BAAA,CAAA,GAAA,CAAA,GAENC,YAGE,OAAA,wBAAA;EAFC,eAAe,OAAA,EAAC,0BAAA;EAChB,YAAU,OAAA;CAGC,GAAA,MAAA,GAAA,CAAA,eAAA,CAAA,CAAA,GAAA,EAAA,KAAAC,mBAAA,QAAA,IAAA,GAAA,OAAA,YAAY,gBAAgB,OAAA,kBAA5CN,UAAA,GAAAC,mBAGWC,UAAA,EAAA,KAAA,EAAA,GAAA,CAFTG,YAA8C,OAAA,aAAA,EAAnC,mBAAiB,OAAA,eAAc,GAAA,MAAA,GAAA,CAAA,iBAAA,CAAA,GACxB,CAAA,OAAA,aAAlBL,UAAA,GAAAO,YAAiE,OAAA,cAAA;;EAAnC,mBAAiB,OAAA"}

package/dist/MapPage-3n-rigBK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPage-3n-rigBK.mjs","names":["_resolveComponent","_openBlock","_createElementBlock","_createBlock","_resolveDynamicComponent","_withCtx","_createTextVNode","_toDisplayString","_createElementVNode","_Fragment","_renderList","_createVNode","_createCommentVNode","_sfc_main"],"sources":["../src/components/pages/MapPage.vue","../src/components/pages/MapPage.vue"],"sourcesContent":["<template>\n    <section class=\"page-box map-page\">\n        <component :is=\"titleTag\">\n            {{ t(\"Site map\") }}\n        </component>\n        <nav :aria-label=\"t('Site menu')\" class=\"d-flex flex-column align-items-center\">\n            <ul class=\"my-1\">\n                <template v-for=\"linkItem in siteMap\" :key=\"linkItem.id\">\n                    <li\n                        v-if=\"linkItem.condition\"\n                        :id=\"linkItem.id\"\n                        class=\"my-1\"\n                    >\n                        <router-link class=\"text-dark\" :to=\"linkItem.href\">\n                            {{\n                                linkItem.title\n                            }}\n                        </router-link>\n                        <ul v-if=\"linkItem.links\">\n                            <template v-for=\"subLink in linkItem.links\" :key=\"subLink.id\">\n                                <li\n                                    v-if=\"subLink.condition\"\n                                    :id=\"subLink.id\"\n                                    class=\"my-1\"\n                                >\n                                    <router-link class=\"text-dark\" :to=\"subLink.href\">\n                                        {{\n                                            subLink.title\n                                        }}\n                                    </router-link>\n                                </li>\n                            </template>\n                        </ul>\n                    </li>\n                </template>\n            </ul>\n        </nav>\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\ninterface LinkMapSite {\n    id: string;\n    title: string;\n    href: string;\n    condition: boolean;\n    links: Array<{\n        id: string;\n        title: string;\n        href: string;\n        condition: boolean;\n    }>;\n}\n\n\n//Props\nconst props = defineProps({\n    externLinks: { default: () => [], type: Array as () => Array<LinkMapSite> },\n    titleTag: { default: \"h1\", type: String },\n});\n\n//Data\nconst studioAuthorized = ref(true);\nconst radioAuthorized = ref(true);\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\n\n\n//Computed\nconst isAuthenticated = computed(() =>undefined !== authStore.authProfile?.userId);\nconst isStudioAuth = computed(() =>(authStore.isRoleLive || authStore.isRoleContribution) && studioAuthorized.value);\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker);\nconst organisationsAvailable = computed(() =>authStore.authProfile?.organisations ?? []);\nconst siteMap = computed(() =>[\n    ...contentSection.value,\n    ...props.externLinks,\n    ...userLinks.value,\n    ...adminSection.value,\n    ...footerLinks.value,\n]);\nconst contentSection = computed(() =>[\n    {\n        title: t(\"Home\"),\n        id: \"link-page-home\",\n        href: \"/main/pub/home\",\n        condition: true,\n    },\n    {\n        title: isPodcastmaker.value? t(\"Live\"): t(\"Radio & Live\"),\n        id: \"link-page-lives\",\n        href: \"/main/pub/lives\",\n        condition: true,\n    },\n    {\n        title: t(\"Podcasts\"),\n        id: \"link-page-podcasts\",\n        href: \"/main/pub/podcasts\",\n        condition: true,\n    },\n    {\n        title: t(\"Emissions\"),\n        id: \"link-page-emissions\",\n        href: \"/main/pub/emissions\",\n        condition: true,\n    },\n    {\n        title: t(\"Speakers\"),\n        id: \"link-page-participants\",\n        href: \"/main/pub/participants\",\n        condition: true,\n    },\n    {\n        title: t(\"Playlists\"),\n        id: \"link-page-playlists\",\n        href: \"/main/pub/playlists\",\n        condition: true,\n    },\n    {\n        title: t(\"Productors\"),\n        id: \"link-page-productors\",\n        href: \"/main/pub/productors\",\n        condition:!isPodcastmaker.value && (!filterStore.filterOrgaId || generalStore.platformEducation),\n    },\n]);\nconst userLinks = computed(() =>[\n    {\n        title: t(\"Edit my profile\"),\n        href: { name: 'my-profile' },\n        id: \"link-page-profile\",\n        condition: !isPodcastmaker.value && isAuthenticated.value,\n    },\n    {\n        title: t(\"Edit my organisation\"),\n        href: \"/main/priv/edit/organisation\",\n        id: \"link-page-organisation\",\n        condition:\n            !isPodcastmaker.value &&\n            isAuthenticated.value &&\n            (authStore.isRoleOrganisation || 1 < organisationsAvailable.value.length),\n    },\n]);\nconst footerLinks = computed(() =>{\n    if (isPodcastmaker.value || authStore.isGarRole) {\n        return [];\n    }\n    return [\n        {\n            title: t(\"Contact\"),\n            href: \"/main/pub/contact\",\n            id: \"link-page-contact\",\n            condition: true,\n        },\n        {\n            title: t(\"Term of use\"),\n            href: \"/main/pub/cgu\",\n            id: \"link-page-cgu\",\n            condition: true,\n        },\n        {\n            title: t(\"Used libraries\"),\n            href: \"/main/pub/libraries\",\n            id: \"link-page-libraries\",\n            condition: true,\n        },\n    ];\n});\nconst adminSection = computed(() =>{\n    if (isPodcastmaker.value) {\n        return [];\n    }\n    return [\n        {\n            title: t(\"Welcome in the Backoffice\"),\n            href: \"/main/priv/backoffice\",\n            id: \"link-page-backoffice\",\n            condition: isAuthenticated.value,\n            links: [\n                {\n                    title: t(\"Upload\"),\n                    href: \"/main/priv/upload\",\n                    id: \"link-page-upload\",\n                    condition: authStore.isRoleContribution,\n                },\n                {\n                    title: t(\"Media library\"),\n                    href: \"/main/priv/media\",\n                    id: \"link-page-media\",\n                    condition: isStudioAuth.value,\n                },\n                {\n                    title: t(\"Studio\"),\n                    href: \"/main/priv/records\",\n                    id: \"link-page-records\",\n                    condition: isStudioAuth.value,\n                },\n                {\n                    title: t(\"Radio planning\"),\n                    href: \"/main/priv/radio/\",\n                    id: \"link-page-radio\",\n                    condition: authStore.isRoleRadio && radioAuthorized.value,\n                },\n                {\n                    title: t(\"Edit / Delete episodes\"),\n                    href: \"/main/pub/podcasts\",\n                    id: \"link-page-edit-podcast\",\n                    condition: true,\n                },\n                {\n                    title: t(\"Handle my players\"),\n                    href: \"/main/priv/players\",\n                    id: \"link-page-players\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Monetization\"),\n                    href: \"/main/priv/edit/adserv\",\n                    id: \"link-page-adserv\",\n                    condition: authStore.isRoleAdvertising && !generalStore.platformEducation,\n                },\n                {\n                    title: t(\"Handle FTP\"),\n                    href: \"/main/priv/edit/ftp\",\n                    id: \"link-page-ftp\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Topics and rubrics\"),\n                    href: \"/main/priv/edit/rubrics\",\n                    id: \"link-page-rubrics\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Handle RSS\"),\n                    href: \"/main/priv/edit/rss\",\n                    id: \"link-page-rss\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Handle my participants\"),\n                    href: \"/main/priv/participants/handle\",\n                    id: \"link-page-edit-participants\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Handle comments\"),\n                    href: \"/main/priv/comments\",\n                    id: \"link-page-comments\",\n                    condition: authStore.isRoleComments,\n                },\n                {\n                    title: t(\"See my statistics\"),\n                    href: \"/main/priv/show/stats\",\n                    id: \"link-page-stats\",\n                    condition: authStore.isRoleAnalytics,\n                },\n                {\n                    title: t(\"Organisations management\"),\n                    href: \"/main/priv/edit/contract\",\n                    id: \"link-page-contract\",\n                    condition: authStore.isRoleAdmin,\n                },\n                {\n                    title: t(\"My account\"),\n                    href: \"/main/priv/account\",\n                    id: \"link-page-account\",\n                    condition: true,\n                },\n                {\n                    title: t(\"Handle my users\"),\n                    href: \"/main/priv/user/handle\",\n                    id: \"link-page-users\",\n                    condition: authStore.isRoleUsers,\n                },\n            ],\n        },\n    ];\n});\n\n\nonMounted(() => {\n    studioAuthorized.value = checkOrgaAttribute(\"studio.active\");\n    radioAuthorized.value = checkOrgaAttribute(\"radio.active\");\n})\n\n\n//Methods\nfunction checkOrgaAttribute(attribute: string): boolean {\n    return \"true\" == authStore.authOrganisation.attributes?.[attribute]?.toString();\n}\n</script>\n","<template>\n    <section class=\"page-box map-page\">\n        <component :is=\"titleTag\">\n            {{ t(\"Site map\") }}\n        </component>\n        <nav :aria-label=\"t('Site menu')\" class=\"d-flex flex-column align-items-center\">\n            <ul class=\"my-1\">\n                <template v-for=\"linkItem in siteMap\" :key=\"linkItem.id\">\n                    <li\n                        v-if=\"linkItem.condition\"\n                        :id=\"linkItem.id\"\n                        class=\"my-1\"\n                    >\n                        <router-link class=\"text-dark\" :to=\"linkItem.href\">\n                            {{\n                                linkItem.title\n                            }}\n                        </router-link>\n                        <ul v-if=\"linkItem.links\">\n                            <template v-for=\"subLink in linkItem.links\" :key=\"subLink.id\">\n                                <li\n                                    v-if=\"subLink.condition\"\n                                    :id=\"subLink.id\"\n                                    class=\"my-1\"\n                                >\n                                    <router-link class=\"text-dark\" :to=\"subLink.href\">\n                                        {{\n                                            subLink.title\n                                        }}\n                                    </router-link>\n                                </li>\n                            </template>\n                        </ul>\n                    </li>\n                </template>\n            </ul>\n        </nav>\n    </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\ninterface LinkMapSite {\n    id: string;\n    title: string;\n    href: string;\n    condition: boolean;\n    links: Array<{\n        id: string;\n        title: string;\n        href: string;\n        condition: boolean;\n    }>;\n}\n\n\n//Props\nconst props = defineProps({\n    externLinks: { default: () => [], type: Array as () => Array<LinkMapSite> },\n    titleTag: { default: \"h1\", type: String },\n});\n\n//Data\nconst studioAuthorized = ref(true);\nconst radioAuthorized = ref(true);\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\n\n\n//Computed\nconst isAuthenticated = computed(() =>undefined !== authStore.authProfile?.userId);\nconst isStudioAuth = computed(() =>(authStore.isRoleLive || authStore.isRoleContribution) && studioAuthorized.value);\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker);\nconst organisationsAvailable = computed(() =>authStore.authProfile?.organisations ?? []);\nconst siteMap = computed(() =>[\n    ...contentSection.value,\n    ...props.externLinks,\n    ...userLinks.value,\n    ...adminSection.value,\n    ...footerLinks.value,\n]);\nconst contentSection = computed(() =>[\n    {\n        title: t(\"Home\"),\n        id: \"link-page-home\",\n        href: \"/main/pub/home\",\n        condition: true,\n    },\n    {\n        title: isPodcastmaker.value? t(\"Live\"): t(\"Radio & Live\"),\n        id: \"link-page-lives\",\n        href: \"/main/pub/lives\",\n        condition: true,\n    },\n    {\n        title: t(\"Podcasts\"),\n        id: \"link-page-podcasts\",\n        href: \"/main/pub/podcasts\",\n        condition: true,\n    },\n    {\n        title: t(\"Emissions\"),\n        id: \"link-page-emissions\",\n        href: \"/main/pub/emissions\",\n        condition: true,\n    },\n    {\n        title: t(\"Speakers\"),\n        id: \"link-page-participants\",\n        href: \"/main/pub/participants\",\n        condition: true,\n    },\n    {\n        title: t(\"Playlists\"),\n        id: \"link-page-playlists\",\n        href: \"/main/pub/playlists\",\n        condition: true,\n    },\n    {\n        title: t(\"Productors\"),\n        id: \"link-page-productors\",\n        href: \"/main/pub/productors\",\n        condition:!isPodcastmaker.value && (!filterStore.filterOrgaId || generalStore.platformEducation),\n    },\n]);\nconst userLinks = computed(() =>[\n    {\n        title: t(\"Edit my profile\"),\n        href: { name: 'my-profile' },\n        id: \"link-page-profile\",\n        condition: !isPodcastmaker.value && isAuthenticated.value,\n    },\n    {\n        title: t(\"Edit my organisation\"),\n        href: \"/main/priv/edit/organisation\",\n        id: \"link-page-organisation\",\n        condition:\n            !isPodcastmaker.value &&\n            isAuthenticated.value &&\n            (authStore.isRoleOrganisation || 1 < organisationsAvailable.value.length),\n    },\n]);\nconst footerLinks = computed(() =>{\n    if (isPodcastmaker.value || authStore.isGarRole) {\n        return [];\n    }\n    return [\n        {\n            title: t(\"Contact\"),\n            href: \"/main/pub/contact\",\n            id: \"link-page-contact\",\n            condition: true,\n        },\n        {\n            title: t(\"Term of use\"),\n            href: \"/main/pub/cgu\",\n            id: \"link-page-cgu\",\n            condition: true,\n        },\n        {\n            title: t(\"Used libraries\"),\n            href: \"/main/pub/libraries\",\n            id: \"link-page-libraries\",\n            condition: true,\n        },\n    ];\n});\nconst adminSection = computed(() =>{\n    if (isPodcastmaker.value) {\n        return [];\n    }\n    return [\n        {\n            title: t(\"Welcome in the Backoffice\"),\n            href: \"/main/priv/backoffice\",\n            id: \"link-page-backoffice\",\n            condition: isAuthenticated.value,\n            links: [\n                {\n                    title: t(\"Upload\"),\n                    href: \"/main/priv/upload\",\n                    id: \"link-page-upload\",\n                    condition: authStore.isRoleContribution,\n                },\n                {\n                    title: t(\"Media library\"),\n                    href: \"/main/priv/media\",\n                    id: \"link-page-media\",\n                    condition: isStudioAuth.value,\n                },\n                {\n                    title: t(\"Studio\"),\n                    href: \"/main/priv/records\",\n                    id: \"link-page-records\",\n                    condition: isStudioAuth.value,\n                },\n                {\n                    title: t(\"Radio planning\"),\n                    href: \"/main/priv/radio/\",\n                    id: \"link-page-radio\",\n                    condition: authStore.isRoleRadio && radioAuthorized.value,\n                },\n                {\n                    title: t(\"Edit / Delete episodes\"),\n                    href: \"/main/pub/podcasts\",\n                    id: \"link-page-edit-podcast\",\n                    condition: true,\n                },\n                {\n                    title: t(\"Handle my players\"),\n                    href: \"/main/priv/players\",\n                    id: \"link-page-players\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Monetization\"),\n                    href: \"/main/priv/edit/adserv\",\n                    id: \"link-page-adserv\",\n                    condition: authStore.isRoleAdvertising && !generalStore.platformEducation,\n                },\n                {\n                    title: t(\"Handle FTP\"),\n                    href: \"/main/priv/edit/ftp\",\n                    id: \"link-page-ftp\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Topics and rubrics\"),\n                    href: \"/main/priv/edit/rubrics\",\n                    id: \"link-page-rubrics\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Handle RSS\"),\n                    href: \"/main/priv/edit/rss\",\n                    id: \"link-page-rss\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Handle my participants\"),\n                    href: \"/main/priv/participants/handle\",\n                    id: \"link-page-edit-participants\",\n                    condition: authStore.isRoleEditor,\n                },\n                {\n                    title: t(\"Handle comments\"),\n                    href: \"/main/priv/comments\",\n                    id: \"link-page-comments\",\n                    condition: authStore.isRoleComments,\n                },\n                {\n                    title: t(\"See my statistics\"),\n                    href: \"/main/priv/show/stats\",\n                    id: \"link-page-stats\",\n                    condition: authStore.isRoleAnalytics,\n                },\n                {\n                    title: t(\"Organisations management\"),\n                    href: \"/main/priv/edit/contract\",\n                    id: \"link-page-contract\",\n                    condition: authStore.isRoleAdmin,\n                },\n                {\n                    title: t(\"My account\"),\n                    href: \"/main/priv/account\",\n                    id: \"link-page-account\",\n                    condition: true,\n                },\n                {\n                    title: t(\"Handle my users\"),\n                    href: \"/main/priv/user/handle\",\n                    id: \"link-page-users\",\n                    condition: authStore.isRoleUsers,\n                },\n            ],\n        },\n    ];\n});\n\n\nonMounted(() => {\n    studioAuthorized.value = checkOrgaAttribute(\"studio.active\");\n    radioAuthorized.value = checkOrgaAttribute(\"radio.active\");\n})\n\n\n//Methods\nfunction checkOrgaAttribute(attribute: string): boolean {\n    return \"true\" == authStore.authOrganisation.attributes?.[attribute]?.toString();\n}\n</script>\n"],"mappings":"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"}