@saooti/octopus-sdk 42.3.0 → 42.3.1

package/dist/PlaylistPage-BwF2VdGb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistPage-BwF2VdGb.mjs","names":["displayHelper","_resolveDirective","_openBlock","_createElementBlock","_Fragment","_createBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_toDisplayString","_normalizeProps","_guardReactiveProps","_createVNode","_sfc_main"],"sources":["../src/components/pages/PlaylistPage.vue","../src/components/pages/PlaylistPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n"],"mappings":"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"}

package/dist/PlaylistPage-CINwx3zE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistPage-CINwx3zE.mjs","names":["displayHelper","_resolveDirective","_openBlock","_createElementBlock","_Fragment","_createBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_toDisplayString","_normalizeProps","_guardReactiveProps","_createVNode","_sfc_main"],"sources":["../src/components/pages/PlaylistPage.vue","../src/components/pages/PlaylistPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n"],"mappings":"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"}

package/dist/PlaylistPage-CPB647jC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistPage-CPB647jC.mjs","names":["displayHelper","_resolveDirective","_openBlock","_createElementBlock","_Fragment","_createBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_toDisplayString","_normalizeProps","_guardReactiveProps","_createVNode","_sfc_main"],"sources":["../src/components/pages/PlaylistPage.vue","../src/components/pages/PlaylistPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n"],"mappings":"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"}

package/dist/PlaylistPage-DDzE5GQs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistPage-DDzE5GQs.mjs","names":["displayHelper","_resolveDirective","_openBlock","_createElementBlock","_Fragment","_createBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_toDisplayString","_normalizeProps","_guardReactiveProps","_createVNode","_sfc_main"],"sources":["../src/components/pages/PlaylistPage.vue","../src/components/pages/PlaylistPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n"],"mappings":"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"}

package/dist/PlaylistPage-bm1nWKMg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistPage-bm1nWKMg.mjs","names":["displayHelper","_resolveDirective","_openBlock","_createElementBlock","_Fragment","_createBlock","_createCommentVNode","_createElementVNode","_normalizeClass","_renderSlot","_withDirectives","_toDisplayString","_normalizeProps","_guardReactiveProps","_createVNode","_sfc_main"],"sources":["../src/components/pages/PlaylistPage.vue","../src/components/pages/PlaylistPage.vue"],"sourcesContent":["<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n","<template>\n  <section class=\"page-box\">\n    <template v-if=\"loaded && !error && playlist\">\n      <PodcastmakerHeader\n        v-if=\"isPodcastmaker\"\n        :page-title=\"pageTitle\"\n        :img-url=\"playlist.imageUrl\"\n      />\n      <div\n        class=\"d-flex flex-column page-element\"\n        :class=\"isPodcastmaker ? 'page-element-podcastmaker' : ''\"\n      >\n        <section class=\"module-box\">\n          <slot\n            v-if=\"editRight && !isPodcastmaker\"\n            name=\"edit-box\"\n            :playlist=\"playlist\"\n          />\n\n          <div class=\"mb-5 mt-3 description-text\">\n            <img\n              v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n              width=\"250\"\n              height=\"250\"\n              aria-hidden=\"true\"\n              alt=\"\"\n              :title=\"t('Playlist name image', { name: name })\"\n              class=\"img-box float-start me-3 mb-3\"\n            />\n            <div class=\"d-flex align-items-center justify-content-between\">\n              <h2>{{ name }}</h2>\n              <ShareAnonymous v-if=\"!editRight\" class=\"d-flex justify-content-end flex-grow-1\" :playlist=\"playlist\" :organisation-id=\"playlist.organisation?.id\"/>\n            </div>\n            <!-- eslint-disable vue/no-v-html -->\n            <p class=\"html-wysiwyg-content\" v-html=\"urlify(description)\" />\n            <!-- eslint-enable -->\n          </div>\n          <SubscribeButtons\n            v-if=\"isPodcastmaker\"\n            class=\"mt-4\"\n            :content=\"playlist\"\n            :window-width=\"1000\"\n            :justify-center=\"false\"\n          />\n        </section>\n        <SharePlayer\n          v-if=\"!isPodcastmaker && editRight\"\n          :playlist=\"playlist\"\n          :organisation-id=\"authOrgaId\"\n        />\n        <ShareSocialsButtons\n          v-if=\"state.podcastPage.ShareButtons\"\n          :organisation-id=\"playlist.organisation.id\"\n        />\n        <section class=\"module-box\">\n          <PodcastList \n            v-if=\"isInit\"\n            v-model:query=\"searchPattern\"\n            :first=\"paginateFirst\"\n            :size=\"ps\"\n            :playlist=\"playlist\"\n          />\n        </section>\n      </div>\n\n      <slot name=\"bottom\" v-bind=\"{ playlist }\" />\n    </template>\n    <ClassicLoading\n      :loading-text=\"!loaded ? t('Loading content ...') : undefined\"\n      :error-text=\"error ? t(`Playlist doesn't exist`) : undefined\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useGeneralStore } from \"../../stores/GeneralStore\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport {useOrgaComputed} from \"../composable/useOrgaComputed\";\nimport {useSeoTitleUrl} from \"../composable/route/useSeoTitleUrl\";\nimport ClassicLoading from \"../form/ClassicLoading.vue\";\nimport PodcastList from \"../display/playlist/PodcastList.vue\";\nimport { useFilterStore } from \"../../stores/FilterStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport displayHelper from \"../../helper/displayHelper\";\nimport {useImageProxy} from \"../composable/useImageProxy\";\nimport {useErrorHandler} from \"../composable/useErrorHandler\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport {defineAsyncComponent, ref, Ref, computed, watch, onBeforeUnmount } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { useI18n } from \"vue-i18n\";\nimport { useRoute } from \"vue-router\";\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport { playlistApi } from \"../../api/playlistApi\";\n\nimport SubscribeButtons from \"../display/sharing/SubscribeButtons.vue\"; \nconst ShareSocialsButtons = defineAsyncComponent(\n  () => import(\"../display/sharing/ShareSocialsButtons.vue\"),\n);\nconst SharePlayer = defineAsyncComponent(\n  () => import(\"../display/sharing/SharePlayer.vue\"),\n);\nconst PodcastmakerHeader = defineAsyncComponent(\n  () => import(\"../display/podcastmaker/PodcastmakerHeader.vue\"),\n);\nconst ShareAnonymous = defineAsyncComponent(() => import(\"../display/sharing/ShareAnonymous.vue\"));\n\n\n//Props\nconst props = defineProps({\n  playlistId: { default: undefined, type: Number },\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Data \nconst loaded = ref(false);\nconst error = ref(false);\nconst playlist : Ref<Playlist | undefined> = ref(undefined);\n\n\n//Composables\nconst route = useRoute();\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst { isPodcastmaker, isEditRights, authOrgaId } = useOrgaComputed();\nconst { updatePathParams } = useSeoTitleUrl();\nconst {handle403} = useErrorHandler();\nconst authStore = useAuthStore();\nconst filterStore = useFilterStore();\nconst generalStore = useGeneralStore();\nconst {\n  searchPattern,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props, true);\n\n\n//Computed\nconst playlistRadio = computed(() =>{\n  return (\n    \"AMBIANCE\" === playlist.value?.ambianceType ||\n    \"AMBIANCE_PROGRAMMED\" === playlist.value?.ambianceType\n  );\n});\nconst pageTitle = computed(() =>playlistRadio.value? t(\"Mix of episodes\"): t(\"Playlist\"));\nconst name = computed(() =>playlist.value?.title ?? \"\");\nconst description = computed(() =>playlist.value?.description ?? \"\");\nconst editRight = computed(() =>{\n  return isEditRights(\n    playlist.value?.organisation?.id,\n    authStore.isRolePlaylists,\n  );\n});\n\n\n//Watch\nwatch(()=>props.playlistId, () => {getPlaylistDetails()}, {immediate: true});\n\n\nonBeforeUnmount(() => {\n  generalStore.contentToDisplayUpdate(null);\n});\n\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\nfunction initError(): void {\n  error.value = true;\n  loaded.value = true;\n}\nasync function getPlaylistDetails(): Promise<void> {\n  try {\n    loaded.value = false;\n    error.value = false;\n    playlist.value = await playlistApi.get(props.playlistId);\n    filterStore.updateOrgaIfNecessary(playlist.value.organisation?.id);\n    if (\n      (!editRight.value && playlistRadio.value) ||\n      (\"PUBLIC\" !== playlist.value.organisation?.privacy &&\n      filterStore.filterOrgaId !== playlist.value.organisation?.id &&\n      route.query.productor !== playlist.value.organisation?.id)\n    ) {\n      initError();\n      return;\n    }\n    generalStore.contentToDisplayUpdate(playlist.value);\n    updatePathParams(playlist.value.title);\n  } catch (error) {\n    handle403(error as AxiosError);\n    initError();\n  }\n  loaded.value = true;\n}\n\n</script>\n"],"mappings":"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"}

package/dist/PlaylistsPage-BwkVSYIp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistsPage-BwkVSYIp.mjs","names":["displayHelper","_hoisted_1","_hoisted_2","_sfc_render","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createVNode","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","_createBlock","_createTextVNode","_withDirectives","_sfc_main","classicApi","_hoisted_1","_sfc_render","_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main","_resolveComponent","_openBlock","_createElementBlock","_createBlock","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/playlist/PlaylistItem.vue","../src/components/display/playlist/PlaylistItem.vue","../src/stores/class/general/playlist.ts","../src/components/display/playlist/PlaylistList.vue","../src/components/display/playlist/PlaylistList.vue","../src/components/pages/PlaylistsPage.vue","../src/components/pages/PlaylistsPage.vue"],"sourcesContent":["<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'playlist',\n        params: { playlistId: playlist.playlistId },\n      }\"\n      :title=\"t('Playlist name page', { name: name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <div class=\"classic-element-text\">\n        <div v-if=\"!activePlaylist\" class=\"sticker-empty-ressource\">\n          {{ t(\"Empty playlist\") }}\n        </div>\n        <div class=\"d-flex align-items-center element-name basic-line-clamp\">\n          {{ name }}\n        </div>\n        <div\n          ref=\"descriptionPlaylistContainer\"\n          class=\"element-description html-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div ref=\"descriptionPlaylist\" v-html=\"urlify(description)\" />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!state.generalParameters.podcastmaker && playlist.organisation\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: playlist.organisation.id },\n          }\"\n          class=\"text-dark mt-auto py-1\"\n        >\n          © {{ playlist.organisation.name }}\n        </router-link>\n      </div>\n      <img\n        v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Playlist name image', { name: name })\"\n        class=\"img-box\"\n      />\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst description = computed(() => props.playlist.description ?? \"\");\nconst name = computed(() => props.playlist.title ?? \"\");\nconst activePlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\n\nonMounted(()=>{\n  const playlistDesc = useTemplateRef('descriptionPlaylist')?.value as HTMLElement;\n  const playlistDescContainer = useTemplateRef('descriptionPlaylistContainer')?.value as HTMLElement;\n  if (playlistDesc?.clientHeight > playlistDescContainer?.clientHeight) {\n    playlistDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .sticker-empty-ressource{\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  align-self: center;\n  background: var(--octopus-tertiary);\n  padding: 0.5rem;\n  transition: all 0.5s ease;\n  color: var(--octopus-color-on-primary);\n  font-size: 0.6rem;\n  font-weight: bold;\n  letter-spacing: 1px;\n  box-shadow: 10px 10px 34px -15px var(--octopus-shadow);\n  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;\n  border: solid 2px var(--octopus-color-text);\n  cursor: auto;\n\n  &:hover {\n    box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n    background: var(--octopus-primary);\n  }\n}\n</style>\n\n","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'playlist',\n        params: { playlistId: playlist.playlistId },\n      }\"\n      :title=\"t('Playlist name page', { name: name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <div class=\"classic-element-text\">\n        <div v-if=\"!activePlaylist\" class=\"sticker-empty-ressource\">\n          {{ t(\"Empty playlist\") }}\n        </div>\n        <div class=\"d-flex align-items-center element-name basic-line-clamp\">\n          {{ name }}\n        </div>\n        <div\n          ref=\"descriptionPlaylistContainer\"\n          class=\"element-description html-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div ref=\"descriptionPlaylist\" v-html=\"urlify(description)\" />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!state.generalParameters.podcastmaker && playlist.organisation\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: playlist.organisation.id },\n          }\"\n          class=\"text-dark mt-auto py-1\"\n        >\n          © {{ playlist.organisation.name }}\n        </router-link>\n      </div>\n      <img\n        v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Playlist name image', { name: name })\"\n        class=\"img-box\"\n      />\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst description = computed(() => props.playlist.description ?? \"\");\nconst name = computed(() => props.playlist.title ?? \"\");\nconst activePlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\n\nonMounted(()=>{\n  const playlistDesc = useTemplateRef('descriptionPlaylist')?.value as HTMLElement;\n  const playlistDescContainer = useTemplateRef('descriptionPlaylistContainer')?.value as HTMLElement;\n  if (playlistDesc?.clientHeight > playlistDescContainer?.clientHeight) {\n    playlistDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .sticker-empty-ressource{\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  align-self: center;\n  background: var(--octopus-tertiary);\n  padding: 0.5rem;\n  transition: all 0.5s ease;\n  color: var(--octopus-color-on-primary);\n  font-size: 0.6rem;\n  font-weight: bold;\n  letter-spacing: 1px;\n  box-shadow: 10px 10px 34px -15px var(--octopus-shadow);\n  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;\n  border: solid 2px var(--octopus-color-text);\n  cursor: auto;\n\n  &:hover {\n    box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n    background: var(--octopus-primary);\n  }\n}\n</style>\n\n","import { emptyOrganisationData, Organisation } from \"./organisation\";\nimport { Person } from \"../user/person\";\nimport { FetchParam } from \"./fetchParam\";\nimport { Annotations } from \".\";\nimport { ItuneCategory } from \"./ituneCategory\";\n\n/**\n * Type of ambiance for the playlist\n * see #11919\n */\nexport enum PlaylistAmbianceType {\n  NONE = \"NONE\",\n  AMIBANCE = \"AMBIANCE\",\n  AMBIANCE_PROGRAMMED = \"AMBIANCE_PROGRAMMED\"\n}\n\nexport interface Playlist {\n  ambianceType?: PlaylistAmbianceType;\n  imageUrl?: string;\n  description: string;\n  organisation?: Organisation;\n  playlistId: number;\n  podcasts?: Array<number | undefined>;\n  score: number;\n  title: string;\n  type: string;\n  samplingViews?: Array<PlaylistRule>;\n  publisher?: Person;\n  /** The annotations of the playlist */\n  annotations?: Annotations;\n  copyright?: string;\n  optItunesCategories?: Array<ItuneCategory>;\n}\n\nexport function emptyPlaylistData(): Playlist {\n  return {\n    ambianceType: PlaylistAmbianceType.NONE,\n    description: \"\",\n    playlistId: 0,\n    podcasts: undefined,\n    score: 0,\n    title: \"\",\n    type: \"DYNAMIC\",\n    samplingViews: [],\n    organisation: emptyOrganisationData()\n  };\n}\n\nexport interface PlaylistRule {\n  maxSize: number;\n  podcastId?: number;\n  query?: FetchParam;\n  type?: string;\n  title?: string;\n}\n\nexport function emptyPlaylistRule(): PlaylistRule {\n  return {\n    maxSize: 1,\n    query: {},\n    title: undefined,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"playlistListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      displayCount > 1\n        ? `${t('Number playlists', { nb: displayCount })}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.playlistId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <PlaylistItem v-if=\"0 !== p.playlistId\" :playlist=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'playlist',\n                params: { playlistId: p.playlistId },\n              }\"\n              :title=\"t('Playlist name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport PlaylistItem from \"./PlaylistItem.vue\";\nimport { Playlist, emptyPlaylistData } from \"@/stores/class/general/playlist\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, onMounted, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst playlists: Ref<Array<Playlist>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return playlists.value;\n  }\n  return playlists.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changed = computed(() => `${props.organisationId}|${props.query}`);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst sort = computed(() => !props.query ? \"NAME\" : \"SCORE\");\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !playlists.value[dfirst.value] ||\n    0 === playlists.value[dfirst.value].playlistId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonMounted(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    organisationId: organisation.value,\n    type: \"NONE\",\n    sort: sort.value,\n  };\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Playlist>>({\n      api: 0,\n      path: \"playlist/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Playlist>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    playlists.value.length = 0;\n  }\n  if (dfirst.value > playlists.value.length) {\n    for (\n      let i = playlists.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      playlists.value.push(emptyPlaylistData());\n    }\n  }\n  displayCount.value = data.count;\n  const responsePlaylists = data.result.filter((e: Playlist | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  playlists.value = playlists.value\n    .slice(0, dfirst.value)\n    .concat(responsePlaylists)\n    .concat(\n      playlists.value.slice(dfirst.value + dsize.value, playlists.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"playlistListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      displayCount > 1\n        ? `${t('Number playlists', { nb: displayCount })}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.playlistId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <PlaylistItem v-if=\"0 !== p.playlistId\" :playlist=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'playlist',\n                params: { playlistId: p.playlistId },\n              }\"\n              :title=\"t('Playlist name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport PlaylistItem from \"./PlaylistItem.vue\";\nimport { Playlist, emptyPlaylistData } from \"@/stores/class/general/playlist\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, onMounted, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst playlists: Ref<Array<Playlist>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return playlists.value;\n  }\n  return playlists.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changed = computed(() => `${props.organisationId}|${props.query}`);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst sort = computed(() => !props.query ? \"NAME\" : \"SCORE\");\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !playlists.value[dfirst.value] ||\n    0 === playlists.value[dfirst.value].playlistId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonMounted(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    organisationId: organisation.value,\n    type: \"NONE\",\n    sort: sort.value,\n  };\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Playlist>>({\n      api: 0,\n      path: \"playlist/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Playlist>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    playlists.value.length = 0;\n  }\n  if (dfirst.value > playlists.value.length) {\n    for (\n      let i = playlists.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      playlists.value.push(emptyPlaylistData());\n    }\n  }\n  displayCount.value = data.count;\n  const responsePlaylists = data.result.filter((e: Playlist | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  playlists.value = playlists.value\n    .slice(0, dfirst.value)\n    .concat(responsePlaylists)\n    .concat(\n      playlists.value.slice(dfirst.value + dsize.value, playlists.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <router-link\n      v-if=\"isRolePlaylists && !isPodcastmaker\"\n      to=\"/main/priv/edit/playlist\"\n      class=\"d-flex justify-content-center my-3\"\n    >\n      <div class=\"btn btn-primary\">\n        {{ t(\"Create playlist\") }}\n      </div>\n    </router-link>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"playlist\"\n    />\n    <PlaylistList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport PlaylistList from \"../display/playlist/PlaylistList.vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport {  computed, defineAsyncComponent } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst { t } = useI18n();\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst authStore = useAuthStore();\n\n\n//Computed\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\nconst isRolePlaylists = computed(() =>authStore.isRolePlaylists);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <router-link\n      v-if=\"isRolePlaylists && !isPodcastmaker\"\n      to=\"/main/priv/edit/playlist\"\n      class=\"d-flex justify-content-center my-3\"\n    >\n      <div class=\"btn btn-primary\">\n        {{ t(\"Create playlist\") }}\n      </div>\n    </router-link>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"playlist\"\n    />\n    <PlaylistList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport PlaylistList from \"../display/playlist/PlaylistList.vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport {  computed, defineAsyncComponent } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst { t } = useI18n();\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst authStore = useAuthStore();\n\n\n//Computed\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\nconst isRolePlaylists = computed(() =>authStore.isRolePlaylists);\n\n</script>\n"],"mappings":"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"}

package/dist/PlaylistsPage-C62NUvz4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistsPage-C62NUvz4.mjs","names":["displayHelper","_hoisted_1","_hoisted_2","_sfc_render","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createVNode","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","_createBlock","_createTextVNode","_withDirectives","_sfc_main","classicApi","_hoisted_1","_sfc_render","_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main","_resolveComponent","_openBlock","_createElementBlock","_createBlock","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/playlist/PlaylistItem.vue","../src/components/display/playlist/PlaylistItem.vue","../src/stores/class/general/playlist.ts","../src/components/display/playlist/PlaylistList.vue","../src/components/display/playlist/PlaylistList.vue","../src/components/pages/PlaylistsPage.vue","../src/components/pages/PlaylistsPage.vue"],"sourcesContent":["<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'playlist',\n        params: { playlistId: playlist.playlistId },\n      }\"\n      :title=\"t('Playlist name page', { name: name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <div class=\"classic-element-text\">\n        <div v-if=\"!activePlaylist\" class=\"sticker-empty-ressource\">\n          {{ t(\"Empty playlist\") }}\n        </div>\n        <div class=\"d-flex align-items-center element-name basic-line-clamp\">\n          {{ name }}\n        </div>\n        <div\n          ref=\"descriptionPlaylistContainer\"\n          class=\"element-description html-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div ref=\"descriptionPlaylist\" v-html=\"urlify(description)\" />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!state.generalParameters.podcastmaker && playlist.organisation\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: playlist.organisation.id },\n          }\"\n          class=\"text-dark mt-auto py-1\"\n        >\n          © {{ playlist.organisation.name }}\n        </router-link>\n      </div>\n      <img\n        v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Playlist name image', { name: name })\"\n        class=\"img-box\"\n      />\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst description = computed(() => props.playlist.description ?? \"\");\nconst name = computed(() => props.playlist.title ?? \"\");\nconst activePlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\n\nonMounted(()=>{\n  const playlistDesc = useTemplateRef('descriptionPlaylist')?.value as HTMLElement;\n  const playlistDescContainer = useTemplateRef('descriptionPlaylistContainer')?.value as HTMLElement;\n  if (playlistDesc?.clientHeight > playlistDescContainer?.clientHeight) {\n    playlistDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .sticker-empty-ressource{\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  align-self: center;\n  background: var(--octopus-tertiary);\n  padding: 0.5rem;\n  transition: all 0.5s ease;\n  color: var(--octopus-color-on-primary);\n  font-size: 0.6rem;\n  font-weight: bold;\n  letter-spacing: 1px;\n  box-shadow: 10px 10px 34px -15px var(--octopus-shadow);\n  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;\n  border: solid 2px var(--octopus-color-text);\n  cursor: auto;\n\n  &:hover {\n    box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n    background: var(--octopus-primary);\n  }\n}\n</style>\n\n","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'playlist',\n        params: { playlistId: playlist.playlistId },\n      }\"\n      :title=\"t('Playlist name page', { name: name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <div class=\"classic-element-text\">\n        <div v-if=\"!activePlaylist\" class=\"sticker-empty-ressource\">\n          {{ t(\"Empty playlist\") }}\n        </div>\n        <div class=\"d-flex align-items-center element-name basic-line-clamp\">\n          {{ name }}\n        </div>\n        <div\n          ref=\"descriptionPlaylistContainer\"\n          class=\"element-description html-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div ref=\"descriptionPlaylist\" v-html=\"urlify(description)\" />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!state.generalParameters.podcastmaker && playlist.organisation\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: playlist.organisation.id },\n          }\"\n          class=\"text-dark mt-auto py-1\"\n        >\n          © {{ playlist.organisation.name }}\n        </router-link>\n      </div>\n      <img\n        v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Playlist name image', { name: name })\"\n        class=\"img-box\"\n      />\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst description = computed(() => props.playlist.description ?? \"\");\nconst name = computed(() => props.playlist.title ?? \"\");\nconst activePlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\n\nonMounted(()=>{\n  const playlistDesc = useTemplateRef('descriptionPlaylist')?.value as HTMLElement;\n  const playlistDescContainer = useTemplateRef('descriptionPlaylistContainer')?.value as HTMLElement;\n  if (playlistDesc?.clientHeight > playlistDescContainer?.clientHeight) {\n    playlistDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .sticker-empty-ressource{\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  align-self: center;\n  background: var(--octopus-tertiary);\n  padding: 0.5rem;\n  transition: all 0.5s ease;\n  color: var(--octopus-color-on-primary);\n  font-size: 0.6rem;\n  font-weight: bold;\n  letter-spacing: 1px;\n  box-shadow: 10px 10px 34px -15px var(--octopus-shadow);\n  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;\n  border: solid 2px var(--octopus-color-text);\n  cursor: auto;\n\n  &:hover {\n    box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n    background: var(--octopus-primary);\n  }\n}\n</style>\n\n","import { emptyOrganisationData, Organisation } from \"./organisation\";\nimport { Person } from \"../user/person\";\nimport { FetchParam } from \"./fetchParam\";\nimport { Annotations } from \".\";\nimport { ItuneCategory } from \"./ituneCategory\";\n\n/**\n * Type of ambiance for the playlist\n * see #11919\n */\nexport enum PlaylistAmbianceType {\n  NONE = \"NONE\",\n  AMIBANCE = \"AMBIANCE\",\n  AMBIANCE_PROGRAMMED = \"AMBIANCE_PROGRAMMED\"\n}\n\nexport interface Playlist {\n  ambianceType?: PlaylistAmbianceType;\n  imageUrl?: string;\n  description: string;\n  organisation?: Organisation;\n  playlistId: number;\n  podcasts?: Array<number | undefined>;\n  score: number;\n  title: string;\n  type: string;\n  samplingViews?: Array<PlaylistRule>;\n  publisher?: Person;\n  /** The annotations of the playlist */\n  annotations?: Annotations;\n  copyright?: string;\n  optItunesCategories?: Array<ItuneCategory>;\n}\n\nexport function emptyPlaylistData(): Playlist {\n  return {\n    ambianceType: PlaylistAmbianceType.NONE,\n    description: \"\",\n    playlistId: 0,\n    podcasts: undefined,\n    score: 0,\n    title: \"\",\n    type: \"DYNAMIC\",\n    samplingViews: [],\n    organisation: emptyOrganisationData()\n  };\n}\n\nexport interface PlaylistRule {\n  maxSize: number;\n  podcastId?: number;\n  query?: FetchParam;\n  type?: string;\n  title?: string;\n}\n\nexport function emptyPlaylistRule(): PlaylistRule {\n  return {\n    maxSize: 1,\n    query: {},\n    title: undefined,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"playlistListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      displayCount > 1\n        ? `${t('Number playlists', { nb: displayCount })}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.playlistId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <PlaylistItem v-if=\"0 !== p.playlistId\" :playlist=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'playlist',\n                params: { playlistId: p.playlistId },\n              }\"\n              :title=\"t('Playlist name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport PlaylistItem from \"./PlaylistItem.vue\";\nimport { Playlist, emptyPlaylistData } from \"@/stores/class/general/playlist\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, onMounted, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst playlists: Ref<Array<Playlist>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return playlists.value;\n  }\n  return playlists.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changed = computed(() => `${props.organisationId}|${props.query}`);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst sort = computed(() => !props.query ? \"NAME\" : \"SCORE\");\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !playlists.value[dfirst.value] ||\n    0 === playlists.value[dfirst.value].playlistId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonMounted(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    organisationId: organisation.value,\n    type: \"NONE\",\n    sort: sort.value,\n  };\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Playlist>>({\n      api: 0,\n      path: \"playlist/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Playlist>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    playlists.value.length = 0;\n  }\n  if (dfirst.value > playlists.value.length) {\n    for (\n      let i = playlists.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      playlists.value.push(emptyPlaylistData());\n    }\n  }\n  displayCount.value = data.count;\n  const responsePlaylists = data.result.filter((e: Playlist | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  playlists.value = playlists.value\n    .slice(0, dfirst.value)\n    .concat(responsePlaylists)\n    .concat(\n      playlists.value.slice(dfirst.value + dsize.value, playlists.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"playlistListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      displayCount > 1\n        ? `${t('Number playlists', { nb: displayCount })}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.playlistId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <PlaylistItem v-if=\"0 !== p.playlistId\" :playlist=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'playlist',\n                params: { playlistId: p.playlistId },\n              }\"\n              :title=\"t('Playlist name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport PlaylistItem from \"./PlaylistItem.vue\";\nimport { Playlist, emptyPlaylistData } from \"@/stores/class/general/playlist\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, onMounted, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst playlists: Ref<Array<Playlist>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return playlists.value;\n  }\n  return playlists.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changed = computed(() => `${props.organisationId}|${props.query}`);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst sort = computed(() => !props.query ? \"NAME\" : \"SCORE\");\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !playlists.value[dfirst.value] ||\n    0 === playlists.value[dfirst.value].playlistId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonMounted(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    organisationId: organisation.value,\n    type: \"NONE\",\n    sort: sort.value,\n  };\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Playlist>>({\n      api: 0,\n      path: \"playlist/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Playlist>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    playlists.value.length = 0;\n  }\n  if (dfirst.value > playlists.value.length) {\n    for (\n      let i = playlists.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      playlists.value.push(emptyPlaylistData());\n    }\n  }\n  displayCount.value = data.count;\n  const responsePlaylists = data.result.filter((e: Playlist | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  playlists.value = playlists.value\n    .slice(0, dfirst.value)\n    .concat(responsePlaylists)\n    .concat(\n      playlists.value.slice(dfirst.value + dsize.value, playlists.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <router-link\n      v-if=\"isRolePlaylists && !isPodcastmaker\"\n      to=\"/main/priv/edit/playlist\"\n      class=\"d-flex justify-content-center my-3\"\n    >\n      <div class=\"btn btn-primary\">\n        {{ t(\"Create playlist\") }}\n      </div>\n    </router-link>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"playlist\"\n    />\n    <PlaylistList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport PlaylistList from \"../display/playlist/PlaylistList.vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport {  computed, defineAsyncComponent } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst { t } = useI18n();\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst authStore = useAuthStore();\n\n\n//Computed\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\nconst isRolePlaylists = computed(() =>authStore.isRolePlaylists);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <router-link\n      v-if=\"isRolePlaylists && !isPodcastmaker\"\n      to=\"/main/priv/edit/playlist\"\n      class=\"d-flex justify-content-center my-3\"\n    >\n      <div class=\"btn btn-primary\">\n        {{ t(\"Create playlist\") }}\n      </div>\n    </router-link>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"playlist\"\n    />\n    <PlaylistList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport PlaylistList from \"../display/playlist/PlaylistList.vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport {  computed, defineAsyncComponent } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst { t } = useI18n();\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst authStore = useAuthStore();\n\n\n//Computed\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\nconst isRolePlaylists = computed(() =>authStore.isRolePlaylists);\n\n</script>\n"],"mappings":"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"}

package/dist/{PlaylistsPage-BSW-uPWF.mjs → PlaylistsPage-D08i24b2.mjs}

@@ -1,9 +1,9 @@
-import { A as e, i as t, r as n, t as r } from "./classicApi-pmODlqv5.mjs";
-import { t as i } from "./ListPaginate-5uRK_QKJ.mjs";
+import { i as e, j as t, r as n, t as r } from "./classicApi-CGipMqf7.mjs";
+import { t as i } from "./ListPaginate-BPdnBcpe.mjs";
 import { t as a } from "./displayHelper-DQtoqc_6.mjs";
-import { t as o } from "./useImageProxy-8ndy_oTo.mjs";
-import { t as s } from "./useErrorHandler-D9W2BURn.mjs";
-import { t as c } from "./useSimplePageParam-DFKSEyiE.mjs";
+import { t as o } from "./useImageProxy-CCpDzPmQ.mjs";
+import { t as s } from "./useErrorHandler-x9sjDYSz.mjs";
+import { t as c } from "./useSimplePageParam-BrtYXOUt.mjs";
 import { n as l } from "./organisation-JgfYj1Jp.mjs";
 import { t as u } from "./ClassicLazy-CDhWc5-4.mjs";
 import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineAsyncComponent as y, defineComponent as b, isRef as x, onMounted as S, openBlock as C, ref as w, renderList as T, resolveComponent as E, resolveDirective as D, toDisplayString as O, unref as k, useTemplateRef as A, watch as j, withCtx as M, withDirectives as N } from "vue";
@@ -21,8 +21,8 @@ var F = { class: "classic-element-container" }, I = { class: "classic-element-te
 		default: () => ({}),
 		type: Object
 	} },
-	setup(t) {
-		let n = t, { t: r } = P(), { useProxyImageUrl: i } = o(), s = f(() => n.playlist.description ?? ""), c = f(() => n.playlist.title ?? ""), l = f(() => Object.keys(n.playlist.samplingViews ?? []).length !== 0);
+	setup(e) {
+		let n = e, { t: r } = P(), { useProxyImageUrl: i } = o(), s = f(() => n.playlist.description ?? ""), c = f(() => n.playlist.title ?? ""), l = f(() => Object.keys(n.playlist.samplingViews ?? []).length !== 0);
 		S(() => {
 			let e = A("descriptionPlaylist")?.value, t = A("descriptionPlaylistContainer")?.value;
 			e?.clientHeight > t?.clientHeight && t.classList.add("after-element-description");
@@ -35,7 +35,7 @@ var F = { class: "classic-element-container" }, I = { class: "classic-element-te
 			return C(), h("article", F, [v(o, {
 				to: {
 					name: "playlist",
-					params: { playlistId: t.playlist.playlistId }
+					params: { playlistId: e.playlist.playlistId }
 				},
 				title: k(r)("Playlist name page", { name: c.value }),
 				class: "d-flex flex-grow-1 text-dark"
@@ -47,15 +47,15 @@ var F = { class: "classic-element-container" }, I = { class: "classic-element-te
 						ref: "descriptionPlaylist",
 						innerHTML: u(s.value)
 					}, null, 8, B)], 512),
-					!k(e).generalParameters.podcastmaker && t.playlist.organisation ? (C(), p(o, {
+					!k(t).generalParameters.podcastmaker && e.playlist.organisation ? (C(), p(o, {
 						key: 1,
 						to: {
 							name: "productor",
-							params: { productorId: t.playlist.organisation.id }
+							params: { productorId: e.playlist.organisation.id }
 						},
 						class: "text-dark mt-auto py-1"
 					}, {
-						default: M(() => [_(" © " + O(t.playlist.organisation.name), 1)]),
+						default: M(() => [_(" © " + O(e.playlist.organisation.name), 1)]),
 						_: 1
 					}, 8, ["to"])) : m("", !0)
 				]), N(g("img", {
@@ -65,7 +65,7 @@ var F = { class: "classic-element-container" }, I = { class: "classic-element-te
 					alt: "",
 					title: k(r)("Playlist name image", { name: c.value }),
 					class: "img-box"
-				}, null, 8, V), [[d, k(i)(t.playlist.imageUrl, "250")]])]),
+				}, null, 8, V), [[d, k(i)(e.playlist.imageUrl, "250")]])]),
 				_: 1
 			}, 8, ["to", "title"])]);
 		};
@@ -215,7 +215,7 @@ var W = { class: "octopus-element-list two-items-list" }, G = /* @__PURE__ */ b(
 		}
 	},
 	setup(n) {
-		let r = y(() => import("./ProductorSearch-Z36zTZK4.mjs").then((e) => e.n)), i = n, { t: a } = P(), { searchPattern: o, organisationId: s, searchMinSize: l, paginateFirst: u, isInit: d } = c(i), _ = t(), b = f(() => e.generalParameters.podcastmaker), S = f(() => _.isRolePlaylists);
+		let r = y(() => import("./ProductorSearch-BiUEs7mG.mjs").then((e) => e.n)), i = n, { t: a } = P(), { searchPattern: o, organisationId: s, searchMinSize: l, paginateFirst: u, isInit: d } = c(i), _ = e(), b = f(() => t.generalParameters.podcastmaker), S = f(() => _.isRolePlaylists);
 		return (e, t) => {
 			let i = E("router-link");
 			return k(d) ? (C(), h("section", K, [

package/dist/PlaylistsPage-Dvh77ql6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlaylistsPage-Dvh77ql6.mjs","names":["displayHelper","_hoisted_1","_hoisted_2","_sfc_render","_resolveComponent","_resolveDirective","_openBlock","_createElementBlock","_createVNode","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","_createBlock","_createTextVNode","_withDirectives","_sfc_main","classicApi","_hoisted_1","_sfc_render","_resolveComponent","_openBlock","_createBlock","_withCtx","_createElementVNode","_createElementBlock","_Fragment","_renderList","_createVNode","_createTextVNode","_toDisplayString","_createCommentVNode","_sfc_main","_resolveComponent","_openBlock","_createElementBlock","_createBlock","_withCtx","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","_sfc_main"],"sources":["../src/components/display/playlist/PlaylistItem.vue","../src/components/display/playlist/PlaylistItem.vue","../src/stores/class/general/playlist.ts","../src/components/display/playlist/PlaylistList.vue","../src/components/display/playlist/PlaylistList.vue","../src/components/pages/PlaylistsPage.vue","../src/components/pages/PlaylistsPage.vue"],"sourcesContent":["<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'playlist',\n        params: { playlistId: playlist.playlistId },\n      }\"\n      :title=\"t('Playlist name page', { name: name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <div class=\"classic-element-text\">\n        <div v-if=\"!activePlaylist\" class=\"sticker-empty-ressource\">\n          {{ t(\"Empty playlist\") }}\n        </div>\n        <div class=\"d-flex align-items-center element-name basic-line-clamp\">\n          {{ name }}\n        </div>\n        <div\n          ref=\"descriptionPlaylistContainer\"\n          class=\"element-description html-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div ref=\"descriptionPlaylist\" v-html=\"urlify(description)\" />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!state.generalParameters.podcastmaker && playlist.organisation\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: playlist.organisation.id },\n          }\"\n          class=\"text-dark mt-auto py-1\"\n        >\n          © {{ playlist.organisation.name }}\n        </router-link>\n      </div>\n      <img\n        v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Playlist name image', { name: name })\"\n        class=\"img-box\"\n      />\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst description = computed(() => props.playlist.description ?? \"\");\nconst name = computed(() => props.playlist.title ?? \"\");\nconst activePlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\n\nonMounted(()=>{\n  const playlistDesc = useTemplateRef('descriptionPlaylist')?.value as HTMLElement;\n  const playlistDescContainer = useTemplateRef('descriptionPlaylistContainer')?.value as HTMLElement;\n  if (playlistDesc?.clientHeight > playlistDescContainer?.clientHeight) {\n    playlistDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .sticker-empty-ressource{\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  align-self: center;\n  background: var(--octopus-tertiary);\n  padding: 0.5rem;\n  transition: all 0.5s ease;\n  color: var(--octopus-color-on-primary);\n  font-size: 0.6rem;\n  font-weight: bold;\n  letter-spacing: 1px;\n  box-shadow: 10px 10px 34px -15px var(--octopus-shadow);\n  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;\n  border: solid 2px var(--octopus-color-text);\n  cursor: auto;\n\n  &:hover {\n    box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n    background: var(--octopus-primary);\n  }\n}\n</style>\n\n","<template>\n  <article class=\"classic-element-container\">\n    <router-link\n      :to=\"{\n        name: 'playlist',\n        params: { playlistId: playlist.playlistId },\n      }\"\n      :title=\"t('Playlist name page', { name: name })\"\n      class=\"d-flex flex-grow-1 text-dark\"\n    >\n      <div class=\"classic-element-text\">\n        <div v-if=\"!activePlaylist\" class=\"sticker-empty-ressource\">\n          {{ t(\"Empty playlist\") }}\n        </div>\n        <div class=\"d-flex align-items-center element-name basic-line-clamp\">\n          {{ name }}\n        </div>\n        <div\n          ref=\"descriptionPlaylistContainer\"\n          class=\"element-description html-wysiwyg-content\"\n        >\n          <!-- eslint-disable vue/no-v-html -->\n          <div ref=\"descriptionPlaylist\" v-html=\"urlify(description)\" />\n          <!-- eslint-enable -->\n        </div>\n        <router-link\n          v-if=\"!state.generalParameters.podcastmaker && playlist.organisation\"\n          :to=\"{\n            name: 'productor',\n            params: { productorId: playlist.organisation.id },\n          }\"\n          class=\"text-dark mt-auto py-1\"\n        >\n          © {{ playlist.organisation.name }}\n        </router-link>\n      </div>\n      <img\n        v-lazy=\"useProxyImageUrl(playlist.imageUrl, '250')\"\n        width=\"250\"\n        height=\"250\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        \n        :title=\"t('Playlist name image', { name: name })\"\n        class=\"img-box\"\n      />\n    </router-link>\n  </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { state } from \"../../../stores/ParamSdkStore\";\nimport {useImageProxy} from \"../../composable/useImageProxy\";\nimport displayHelper from \"../../../helper/displayHelper\";\nimport { computed, onMounted, useTemplateRef } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playlist: { default: () => ({}), type: Object as () => Playlist },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\n\n//Computed\nconst description = computed(() => props.playlist.description ?? \"\");\nconst name = computed(() => props.playlist.title ?? \"\");\nconst activePlaylist = computed(() => 0 !== Object.keys(props.playlist.samplingViews ?? []).length);\n\nonMounted(()=>{\n  const playlistDesc = useTemplateRef('descriptionPlaylist')?.value as HTMLElement;\n  const playlistDescContainer = useTemplateRef('descriptionPlaylistContainer')?.value as HTMLElement;\n  if (playlistDesc?.clientHeight > playlistDescContainer?.clientHeight) {\n    playlistDescContainer.classList.add(\"after-element-description\");\n  }\n})\n\n//Methods\nfunction urlify(text:string|undefined){\n  return displayHelper.urlify(text);\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .sticker-empty-ressource{\n  position: absolute;\n  top: 5px;\n  right: 5px;\n  align-self: center;\n  background: var(--octopus-tertiary);\n  padding: 0.5rem;\n  transition: all 0.5s ease;\n  color: var(--octopus-color-on-primary);\n  font-size: 0.6rem;\n  font-weight: bold;\n  letter-spacing: 1px;\n  box-shadow: 10px 10px 34px -15px var(--octopus-shadow);\n  border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;\n  border: solid 2px var(--octopus-color-text);\n  cursor: auto;\n\n  &:hover {\n    box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n    background: var(--octopus-primary);\n  }\n}\n</style>\n\n","import { emptyOrganisationData, Organisation } from \"./organisation\";\nimport { Person } from \"../user/person\";\nimport { FetchParam } from \"./fetchParam\";\nimport { Annotations } from \".\";\nimport { ItuneCategory } from \"./ituneCategory\";\n\n/**\n * Type of ambiance for the playlist\n * see #11919\n */\nexport enum PlaylistAmbianceType {\n  NONE = \"NONE\",\n  AMIBANCE = \"AMBIANCE\",\n  AMBIANCE_PROGRAMMED = \"AMBIANCE_PROGRAMMED\"\n}\n\nexport interface Playlist {\n  ambianceType?: PlaylistAmbianceType;\n  imageUrl?: string;\n  description: string;\n  organisation?: Organisation;\n  playlistId: number;\n  podcasts?: Array<number | undefined>;\n  score: number;\n  title: string;\n  type: string;\n  samplingViews?: Array<PlaylistRule>;\n  publisher?: Person;\n  /** The annotations of the playlist */\n  annotations?: Annotations;\n  copyright?: string;\n  optItunesCategories?: Array<ItuneCategory>;\n}\n\nexport function emptyPlaylistData(): Playlist {\n  return {\n    ambianceType: PlaylistAmbianceType.NONE,\n    description: \"\",\n    playlistId: 0,\n    podcasts: undefined,\n    score: 0,\n    title: \"\",\n    type: \"DYNAMIC\",\n    samplingViews: [],\n    organisation: emptyOrganisationData()\n  };\n}\n\nexport interface PlaylistRule {\n  maxSize: number;\n  podcastId?: number;\n  query?: FetchParam;\n  type?: string;\n  title?: string;\n}\n\nexport function emptyPlaylistRule(): PlaylistRule {\n  return {\n    maxSize: 1,\n    query: {},\n    title: undefined,\n  };\n}\n","<template>\n  <ListPaginate\n    id=\"playlistListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      displayCount > 1\n        ? `${t('Number playlists', { nb: displayCount })}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.playlistId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <PlaylistItem v-if=\"0 !== p.playlistId\" :playlist=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'playlist',\n                params: { playlistId: p.playlistId },\n              }\"\n              :title=\"t('Playlist name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport PlaylistItem from \"./PlaylistItem.vue\";\nimport { Playlist, emptyPlaylistData } from \"@/stores/class/general/playlist\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, onMounted, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst playlists: Ref<Array<Playlist>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return playlists.value;\n  }\n  return playlists.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changed = computed(() => `${props.organisationId}|${props.query}`);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst sort = computed(() => !props.query ? \"NAME\" : \"SCORE\");\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !playlists.value[dfirst.value] ||\n    0 === playlists.value[dfirst.value].playlistId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonMounted(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    organisationId: organisation.value,\n    type: \"NONE\",\n    sort: sort.value,\n  };\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Playlist>>({\n      api: 0,\n      path: \"playlist/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Playlist>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    playlists.value.length = 0;\n  }\n  if (dfirst.value > playlists.value.length) {\n    for (\n      let i = playlists.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      playlists.value.push(emptyPlaylistData());\n    }\n  }\n  displayCount.value = data.count;\n  const responsePlaylists = data.result.filter((e: Playlist | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  playlists.value = playlists.value\n    .slice(0, dfirst.value)\n    .concat(responsePlaylists)\n    .concat(\n      playlists.value.slice(dfirst.value + dsize.value, playlists.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\n</script>\n","<template>\n  <ListPaginate\n    id=\"playlistListPaginate\"\n    v-model:first=\"dfirst\"\n    v-model:rows-per-page=\"dsize\"\n    v-model:is-mobile=\"isMobile\"\n    :text-count=\"\n      displayCount > 1\n        ? `${t('Number playlists', { nb: displayCount })}`\n        : undefined\n    \"\n    :total-count=\"totalCount\"\n    :loading=\"loading\"\n    :loading-text=\"loading ? t('Loading content ...') : undefined\"\n    :player-responsive=\"true\"\n  >\n    <template #list>\n      <div class=\"octopus-element-list two-items-list\">\n        <ClassicLazy\n          v-for=\"p in displayArray\"\n          :key=\"p.playlistId\"\n          :min-height=\"250\"\n          class=\"d-flex flex-column flex-grow-1\"\n        >\n          <PlaylistItem v-if=\"0 !== p.playlistId\" :playlist=\"p\" />\n          <template #preview>\n            <router-link\n              :to=\"{\n                name: 'playlist',\n                params: { playlistId: p.playlistId },\n              }\"\n              :title=\"t('Playlist name page', { name: p.title })\"\n            >\n              {{ p.title }}\n            </router-link>\n          </template>\n        </ClassicLazy>\n      </div>\n    </template>\n  </ListPaginate>\n</template>\n\n<script setup lang=\"ts\">\nimport ClassicLazy from \"../../misc/ClassicLazy.vue\";\nimport ListPaginate from \"../list/ListPaginate.vue\";\nimport {useErrorHandler} from \"../../composable/useErrorHandler\";\nimport classicApi from \"../../../api/classicApi\";\nimport PlaylistItem from \"./PlaylistItem.vue\";\nimport { Playlist, emptyPlaylistData } from \"@/stores/class/general/playlist\";\nimport { useFilterStore } from \"../../../stores/FilterStore\";\nimport { computed, onMounted, Ref, ref, watch } from \"vue\";\nimport { AxiosError } from \"axios\";\nimport { ListClassicReturn } from \"@/stores/class/general/listReturn\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  first: { default: 0, type: Number },\n  size: { default: 30, type: Number },\n  query: { default: undefined, type: String },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst loading = ref(true);\nconst dfirst = ref(props.first);\nconst dsize = ref(props.size);\nconst totalCount = ref(0);\nconst displayCount = ref(0);\nconst isMobile = ref(false);\nconst playlists: Ref<Array<Playlist>> = ref([]);\n\n\n//Composables\nconst { t } = useI18n();\nconst {handle403} = useErrorHandler();\nconst filterStore = useFilterStore();\n\n\n//Computed\nconst displayArray = computed(() => {\n  if (isMobile.value) {\n    return playlists.value;\n  }\n  return playlists.value.slice(\n    dfirst.value,\n    Math.min(dfirst.value + dsize.value, totalCount.value),\n  );\n});\nconst changed = computed(() => `${props.organisationId}|${props.query}`);\nconst changePaginate = computed(() => `${props.first}|${props.size}`);\nconst sort = computed(() => !props.query ? \"NAME\" : \"SCORE\");\nconst organisation = computed(() => props.organisationId ? props.organisationId : filterStore.filterOrgaId);\n\n\n//Watch\nwatch(changePaginate, () => {\n  dfirst.value = props.first;\n  dsize.value = props.size;\n});\nwatch(changed, () => fetchContent(true));\nwatch(dsize, () =>fetchContent(true));\nwatch(dfirst, () => {\n  if (\n    !playlists.value[dfirst.value] ||\n    0 === playlists.value[dfirst.value].playlistId\n  ) {\n    fetchContent(false);\n  }\n});\n\nonMounted(()=>fetchContent(false))\n\n\n//Methods\nasync function fetchContent(reset: boolean): Promise<void> {\n  loading.value = true;\n  const param = {\n    first: reset ? 0 : dfirst.value,\n    size: dsize.value,\n    query: props.query,\n    organisationId: organisation.value,\n    type: \"NONE\",\n    sort: sort.value,\n  };\n  try {\n    const data = await classicApi.fetchData<ListClassicReturn<Playlist>>({\n      api: 0,\n      path: \"playlist/search\",\n      parameters: param,\n      specialTreatement: true,\n    });\n    afterFetching(reset, data);\n  } catch (error) {\n    handle403(error as AxiosError);\n  }\n}\nfunction afterFetching(\n  reset: boolean,\n  data: { count: number; result: Array<Playlist>; sort: string },\n): void {\n  if (reset) {\n    dfirst.value = 0;\n    playlists.value.length = 0;\n  }\n  if (dfirst.value > playlists.value.length) {\n    for (\n      let i = playlists.value.length - 1, len = dfirst.value + dsize.value;\n      i < len;\n      i++\n    ) {\n      playlists.value.push(emptyPlaylistData());\n    }\n  }\n  displayCount.value = data.count;\n  const responsePlaylists = data.result.filter((e: Playlist | null) => {\n    if (null === e) {\n      displayCount.value--;\n    }\n    return null !== e;\n  });\n  playlists.value = playlists.value\n    .slice(0, dfirst.value)\n    .concat(responsePlaylists)\n    .concat(\n      playlists.value.slice(dfirst.value + dsize.value, playlists.value.length),\n    );\n  totalCount.value = data.count;\n  loading.value = false;\n}\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <router-link\n      v-if=\"isRolePlaylists && !isPodcastmaker\"\n      to=\"/main/priv/edit/playlist\"\n      class=\"d-flex justify-content-center my-3\"\n    >\n      <div class=\"btn btn-primary\">\n        {{ t(\"Create playlist\") }}\n      </div>\n    </router-link>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"playlist\"\n    />\n    <PlaylistList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport PlaylistList from \"../display/playlist/PlaylistList.vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport {  computed, defineAsyncComponent } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst { t } = useI18n();\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst authStore = useAuthStore();\n\n\n//Computed\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\nconst isRolePlaylists = computed(() =>authStore.isRolePlaylists);\n\n</script>\n","<template>\n  <section v-if=\"isInit\" class=\"page-box\">\n    <router-link\n      v-if=\"isRolePlaylists && !isPodcastmaker\"\n      to=\"/main/priv/edit/playlist\"\n      class=\"d-flex justify-content-center my-3\"\n    >\n      <div class=\"btn btn-primary\">\n        {{ t(\"Create playlist\") }}\n      </div>\n    </router-link>\n    <ProductorSearch\n      v-model:organisation-id=\"organisationId\"\n      v-model:search-pattern=\"searchPattern\"\n      type=\"playlist\"\n    />\n    <PlaylistList\n      :show-count=\"true\"\n      :first=\"paginateFirst\"\n      :size=\"ps\"\n      :query=\"searchMinSize\"\n      :organisation-id=\"organisationId\"\n    />\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSimplePageParam } from \"../composable/route/useSimplePageParam\";\nimport PlaylistList from \"../display/playlist/PlaylistList.vue\";\nimport { useAuthStore } from \"../../stores/AuthStore\";\nimport { state } from \"../../stores/ParamSdkStore\";\nimport {  computed, defineAsyncComponent } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\nconst ProductorSearch = defineAsyncComponent(\n  () => import(\"../display/filter/ProductorSearch.vue\"),\n);\n\n//Props\nconst props = defineProps({\n  pr: { default: 0, type: Number },\n  ps: { default: 30, type: Number },\n  routeOrga: { default: undefined, type: String },\n  routeQuery: { default: \"\", type: String },\n});\n\n\n//Composables\nconst { t } = useI18n();\nconst {\n  searchPattern,\n  organisationId,\n  searchMinSize,\n  paginateFirst,\n  isInit\n} = useSimplePageParam(props);\nconst authStore = useAuthStore();\n\n\n//Computed\nconst isPodcastmaker = computed(() =>state.generalParameters.podcastmaker as boolean);\nconst isRolePlaylists = computed(() =>authStore.isRolePlaylists);\n\n</script>\n"],"mappings":"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"}