npm - @saooti/octopus-sdk - Versions diffs - 42.3.0 → 42.3.1 - Mend

@saooti/octopus-sdk 42.3.0 → 42.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (615) hide show

package/dist/SharePlayer-DwNl3E7o.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayer-DwNl3E7o.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createCommentVNode","_createVNode","_createBlock","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayer.vue","../src/components/display/sharing/SharePlayer.vue"],"sourcesContent":["<template>\n <section class=\"module-box overflow-visible\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <h3 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h3>\n <div\n v-if=\"noAd && !generalStore.platformEducation\"\n class=\"sticker\"\n :title=\"t('You cannot insert advertising')\"\n >\n {{ t(\"No advertising\") }}\n </div>\n </div>\n <template v-if=\"!exclusive && (authenticated || notExclusive)\">\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframe\"\n title=\"Miniplayer\"\n allowfullscreen=\"true\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n frameborder=\"0\"\n :src=\"iFrameSrc\"\n width=\"100%\"\n :height=\"iFrameHeight\"\n class=\"max-iframe mx-3\"\n />\n <div class=\"d-flex flex-column flex-grow-1\">\n <SharePlayerTypes\n v-model:i-frame-model=\"iFrameModel\"\n v-model:type-custom-player=\"typeCustomPlayer\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n :organisation-id=\"organisationId\"\n :is-live=\"isLiveReadyToRecord\"\n />\n <SharePlayerColors\n v-model:color=\"color\"\n v-model:theme=\"theme\"\n class=\"mt-3\"\n />\n <PlayerParameters\n v-model:display-article=\"displayArticle\"\n v-model:display-transcript=\"displayTranscript\"\n v-model:display-wave=\"displayWave\"\n v-model:is-visible=\"isVisible\"\n v-model:player-auto-play=\"playerAutoPlay\"\n v-model:episodes-number=\"episodesNumber\"\n v-model:insert-code=\"insertCode\"\n v-model:auto-height=\"autoHeight\"\n :display-is-visible=\"displayIsVisible\"\n :is-podcast-not-visible=\"isPodcastNotVisible\"\n :chose-number-episode=\"displayChoiceAllEpisodes\"\n :display-choice-all-episodes=\"displayChoiceAllEpisodes\"\n :display-transcript-param=\"displayTranscriptParam\"\n :display-article-param=\"displayArticleParam\"\n :display-wave-param=\"displayWaveParam\"\n :display-insert-code=\"displayInsertCode\"\n :display-auto-height=\"iFrameModel.toLowerCase().includes('large')\"\n @episode-choice-display=\"episodeChoiceDisplay = $event\"\n />\n\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n :direct-link=\"podcast\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </template>\n <div v-else-if=\"exclusive && authenticated\">\n {{ t(\"Only organisation members can share the content\") }}\n </div>\n <div v-else-if=\"!authenticated\">\n {{ t(\"Only authenticated members can share the content\") }}\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst PlayerParameters = defineAsyncComponent(\n () => import(\"./PlayerParameters.vue\"),\n);\nconst SharePlayerTypes = defineAsyncComponent(\n () => import(\"./SharePlayerTypes.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\n\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n organisationId: { default: undefined, type: String },\n exclusive: { default: false, type: Boolean },\n notExclusive: { default: true, type: Boolean },\n})\n\n//Data \nconst typeCustomPlayer = ref(\"\");\nconst iFrameModel = ref(\"default\");\nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst episodeChoiceDisplay = ref(\"number\");\nconst episodesNumber = ref(3);\nconst isVisible = ref(false);\nconst displayArticle = ref(true);\nconst displayTranscript = ref(true);\nconst displayWave = ref(false);\nconst playerAutoPlay = ref(false);\nconst insertCode = ref(false);\nconst autoHeight = ref(false);\nconst orgaAttributes : Ref<{ [key: string]: string | number | boolean | undefined }| undefined>= ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst authenticated = computed(() => undefined !== authStore.authOrgaId);\nconst displayWaveParam = computed(() => \"default\" === iFrameModel.value || \"emission\" === iFrameModel.value);\nconst displayIsVisible = computed(() => displayChoiceAllEpisodes.value || isPodcastNotVisible.value);\nconst isPodcastNotVisible = computed(() => {\n return (\n undefined !== props.podcast &&\n !props.podcast.availability.visibility &&\n !isTypeEmission.value\n );\n});\nconst displayArticleParam = computed(() => {\n return (\n undefined !== props.podcast &&\n undefined !== props.podcast.article &&\n 0 !== props.podcast.article.length &&\n (\"default\" === iFrameModel.value ||\n \"large\" === iFrameModel.value ||\n \"largeMore\" === iFrameModel.value)\n );\n});\nconst displayInsertCode = computed(() => {\n let orgaResourceId = \"\";\n if (props.podcast) {\n orgaResourceId = props.podcast.organisation.id;\n }\n if (props.emission) {\n orgaResourceId = props.emission.orga.id;\n }\n if (props.playlist) {\n orgaResourceId = props.playlist.organisation?.id ?? \"\";\n }\n return orgaResourceId === authStore.authOrgaId;\n});\nconst displayTranscriptParam = computed(() => isTranscriptionAuthorize.value && (isDefault.value || isEmission.value));\nconst isTranscriptionAuthorize = computed(() => {\n if (!orgaAttributes.value) {\n return false;\n }\n return orgaAttributes.value &&\n Object.hasOwn(orgaAttributes.value, \"speechtotext.active\")\n ? (orgaAttributes.value[\"speechtotext.active\"] as boolean)\n : false;\n});\nconst displayChoiceAllEpisodes = computed(() => !props.podcast || isTypeEmission.value);\nconst isDefault = computed(() => \"default\" === iFrameModel.value);\nconst isEmission = computed(() => \"emission\" === iFrameModel.value);\nconst isLargeEmission = computed(() => \"emissionLarge\" === iFrameModel.value);\nconst isTypeEmission = computed(() => {\n return (\n isEmission.value ||\n isLargeEmission.value ||\n \"EMISSION\" === typeCustomPlayer.value\n );\n});\nconst isLiveReadyToRecord = computed(() => {\n if (props.podcast)\n return (\n undefined !== props.podcast.conferenceId &&\n 0 !== props.podcast.conferenceId &&\n props.podcast.processingStatus === \"READY_TO_RECORD\"\n );\n return false;\n});\n\nconst noAd = computed(() => {\n return (\n (props.podcast?.organisation.id !== props.organisationId &&\n \"NO\" === props.podcast?.monetisable) ||\n (\"UNDEFINED\" === props.podcast?.monetisable &&\n \"NO\" === props.podcast?.emission.monetisable)\n );\n});\nconst iFrameSrc = computed(() => {\n if (\"video\" === iFrameModel.value) {\n return (\n \"https://www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n props.podcast?.video?.videoId +\n \"/sound/true\"\n );\n }\n let url = [\"\"];\n const iFrameNumber =\n displayChoiceAllEpisodes.value && \"all\" === episodeChoiceDisplay.value\n ? \"/0\"\n : \"/\" + episodesNumber.value;\n url.push(`${apiStore.miniplayerUrl}miniplayer/`);\n if (!props.podcast && !props.playlist && props.emission) {\n url = constructEmissionUrl(url);\n } else if (props.playlist) {\n url = constructPlaylistUrl(url);\n } else if (props.emission && props.podcast) {\n url.push(`${iFrameModel.value}/`);\n if (isTypeEmission.value) {\n url.push(\n `${props.emission.emissionId}${iFrameNumber}/${props.podcast.podcastId}`,\n );\n } else {\n url.push(`${props.podcast.podcastId}`);\n }\n }\n\n return addUrlParameters(url).join(\"\");\n});\nconst iFrameHeight = computed(() => {\n switch (iFrameModel.value) {\n case \"video\":\n return \"281px\";\n case \"large\":\n if (props.podcast) return \"140px\";\n return \"350px\";\n case \"largeMore\":\n return \"210px\";\n case \"emissionLarge\":\n return \"350px\";\n case \"emission\":\n return \"540px\";\n case \"videoLive\":\n return \"450px\";\n default:\n return \"540px\";\n }\n});\nconst iFrame = computed(() => {\n const specialDigiteka = props.podcast?.video?.videoId\n ? 'allowfullscreen=\"true\" referrerpolicy=\"no-referrer-when-downgrade\"'\n : \"\";\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"${iFrameHeight.value}\" frameborder=\"0\" scrolling=\"no\" ${specialDigiteka} allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\nconst dataTitle = computed(() => {\n if (props.podcast) return props.podcast.podcastId;\n if (props.emission) return props.emission.emissionId;\n if (props.playlist) return props.playlist.playlistId;\n return 0;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n if (isLiveReadyToRecord.value) {\n iFrameModel.value = \"large\";\n }\n if (\"true\" === props.podcast?.annotations?.[\"fromTTS\"]) {\n displayTranscript.value = false;\n }\n}\nfunction getIframeNumber(): string {\n return displayChoiceAllEpisodes.value && \"all\" === episodeChoiceDisplay.value\n ? \"/0\"\n : \"/\" + episodesNumber.value;\n}\nfunction constructEmissionUrl(url: Array<string>) {\n if (!props.emission) {\n return [];\n }\n switch (iFrameModel.value) {\n case \"default\":\n url.push(\"emission\");\n break;\n case \"large\":\n url.push(\"emissionLarge\");\n break;\n default:\n url.push(`${iFrameModel.value}`);\n break;\n }\n url.push(`/${props.emission.emissionId}${getIframeNumber()}`);\n return url;\n}\nfunction constructPlaylistUrl(url: Array<string>) {\n if (!props.playlist) {\n return [];\n }\n switch (iFrameModel.value) {\n case \"default\":\n url.push(\"playlist\");\n break;\n case \"large\":\n url.push(\"playlistLarge\");\n break;\n default:\n url.push(`${iFrameModel.value}`);\n break;\n }\n url.push(`/${props.playlist.playlistId}`);\n return url;\n}\nfunction addUrlParameters(url: Array<string>) {\n url.push(\"?distributorId=\" + props.organisationId);\n url.push(\n `&color=${color.value.substring(1)}&theme=${theme.value.substring(1)}`,\n );\n if (!displayArticle.value && displayArticleParam.value) {\n url.push(\"&article=false\");\n }\n if (!displayTranscript.value) {\n url.push(\"&transcript=false\");\n }\n if (!displayWave.value) {\n url.push(\"&wave=false\");\n }\n if (playerAutoPlay.value) {\n url.push(\"&autoplay=true\");\n }\n if (isVisible.value) {\n url.push(\"&key=\" + window.btoa(dataTitle.value.toString()));\n }\n if (insertCode.value) {\n url.push(\"&insertCode=true\");\n }\n if (autoHeight.value) {\n url.push(\"&autoHeight=true\");\n }\n return url;\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#ffffff\";\n}\n</script>\n\n<style lang=\"scss\">\n\n@use \"../../../style/iframe\";\n\n.octopus-app {\n .sticker {\n align-self: center;\n background: var(--octopus-primary);\n padding: 0.5rem;\n transition: all 0.5s ease;\n color: white;\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-gray-text);\n\n &:hover {\n box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n background: transparent;\n color: var(--octopus-primary);\n }\n }\n}\n</style>\n","<template>\n <section class=\"module-box overflow-visible\">\n <div class=\"d-flex justify-content-between align-items-center\">\n <h3 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h3>\n <div\n v-if=\"noAd && !generalStore.platformEducation\"\n class=\"sticker\"\n :title=\"t('You cannot insert advertising')\"\n >\n {{ t(\"No advertising\") }}\n </div>\n </div>\n <template v-if=\"!exclusive && (authenticated || notExclusive)\">\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframe\"\n title=\"Miniplayer\"\n allowfullscreen=\"true\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n referrerpolicy=\"no-referrer-when-downgrade\"\n frameborder=\"0\"\n :src=\"iFrameSrc\"\n width=\"100%\"\n :height=\"iFrameHeight\"\n class=\"max-iframe mx-3\"\n />\n <div class=\"d-flex flex-column flex-grow-1\">\n <SharePlayerTypes\n v-model:i-frame-model=\"iFrameModel\"\n v-model:type-custom-player=\"typeCustomPlayer\"\n :podcast=\"podcast\"\n :emission=\"emission\"\n :playlist=\"playlist\"\n :organisation-id=\"organisationId\"\n :is-live=\"isLiveReadyToRecord\"\n />\n <SharePlayerColors\n v-model:color=\"color\"\n v-model:theme=\"theme\"\n class=\"mt-3\"\n />\n <PlayerParameters\n v-model:display-article=\"displayArticle\"\n v-model:display-transcript=\"displayTranscript\"\n v-model:display-wave=\"displayWave\"\n v-model:is-visible=\"isVisible\"\n v-model:player-auto-play=\"playerAutoPlay\"\n v-model:episodes-number=\"episodesNumber\"\n v-model:insert-code=\"insertCode\"\n v-model:auto-height=\"autoHeight\"\n :display-is-visible=\"displayIsVisible\"\n :is-podcast-not-visible=\"isPodcastNotVisible\"\n :chose-number-episode=\"displayChoiceAllEpisodes\"\n :display-choice-all-episodes=\"displayChoiceAllEpisodes\"\n :display-transcript-param=\"displayTranscriptParam\"\n :display-article-param=\"displayArticleParam\"\n :display-wave-param=\"displayWaveParam\"\n :display-insert-code=\"displayInsertCode\"\n :display-auto-height=\"iFrameModel.toLowerCase().includes('large')\"\n @episode-choice-display=\"episodeChoiceDisplay = $event\"\n />\n\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n :direct-link=\"podcast\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </template>\n <div v-else-if=\"exclusive && authenticated\">\n {{ t(\"Only organisation members can share the content\") }}\n </div>\n <div v-else-if=\"!authenticated\">\n {{ t(\"Only authenticated members can share the content\") }}\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { useGeneralStore } from \"../../../stores/GeneralStore\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst PlayerParameters = defineAsyncComponent(\n () => import(\"./PlayerParameters.vue\"),\n);\nconst SharePlayerTypes = defineAsyncComponent(\n () => import(\"./SharePlayerTypes.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\n\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n organisationId: { default: undefined, type: String },\n exclusive: { default: false, type: Boolean },\n notExclusive: { default: true, type: Boolean },\n})\n\n//Data \nconst typeCustomPlayer = ref(\"\");\nconst iFrameModel = ref(\"default\");\nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst episodeChoiceDisplay = ref(\"number\");\nconst episodesNumber = ref(3);\nconst isVisible = ref(false);\nconst displayArticle = ref(true);\nconst displayTranscript = ref(true);\nconst displayWave = ref(false);\nconst playerAutoPlay = ref(false);\nconst insertCode = ref(false);\nconst autoHeight = ref(false);\nconst orgaAttributes : Ref<{ [key: string]: string | number | boolean | undefined }| undefined>= ref(undefined);\n\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst generalStore = useGeneralStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst authenticated = computed(() => undefined !== authStore.authOrgaId);\nconst displayWaveParam = computed(() => \"default\" === iFrameModel.value || \"emission\" === iFrameModel.value);\nconst displayIsVisible = computed(() => displayChoiceAllEpisodes.value || isPodcastNotVisible.value);\nconst isPodcastNotVisible = computed(() => {\n return (\n undefined !== props.podcast &&\n !props.podcast.availability.visibility &&\n !isTypeEmission.value\n );\n});\nconst displayArticleParam = computed(() => {\n return (\n undefined !== props.podcast &&\n undefined !== props.podcast.article &&\n 0 !== props.podcast.article.length &&\n (\"default\" === iFrameModel.value ||\n \"large\" === iFrameModel.value ||\n \"largeMore\" === iFrameModel.value)\n );\n});\nconst displayInsertCode = computed(() => {\n let orgaResourceId = \"\";\n if (props.podcast) {\n orgaResourceId = props.podcast.organisation.id;\n }\n if (props.emission) {\n orgaResourceId = props.emission.orga.id;\n }\n if (props.playlist) {\n orgaResourceId = props.playlist.organisation?.id ?? \"\";\n }\n return orgaResourceId === authStore.authOrgaId;\n});\nconst displayTranscriptParam = computed(() => isTranscriptionAuthorize.value && (isDefault.value || isEmission.value));\nconst isTranscriptionAuthorize = computed(() => {\n if (!orgaAttributes.value) {\n return false;\n }\n return orgaAttributes.value &&\n Object.hasOwn(orgaAttributes.value, \"speechtotext.active\")\n ? (orgaAttributes.value[\"speechtotext.active\"] as boolean)\n : false;\n});\nconst displayChoiceAllEpisodes = computed(() => !props.podcast || isTypeEmission.value);\nconst isDefault = computed(() => \"default\" === iFrameModel.value);\nconst isEmission = computed(() => \"emission\" === iFrameModel.value);\nconst isLargeEmission = computed(() => \"emissionLarge\" === iFrameModel.value);\nconst isTypeEmission = computed(() => {\n return (\n isEmission.value ||\n isLargeEmission.value ||\n \"EMISSION\" === typeCustomPlayer.value\n );\n});\nconst isLiveReadyToRecord = computed(() => {\n if (props.podcast)\n return (\n undefined !== props.podcast.conferenceId &&\n 0 !== props.podcast.conferenceId &&\n props.podcast.processingStatus === \"READY_TO_RECORD\"\n );\n return false;\n});\n\nconst noAd = computed(() => {\n return (\n (props.podcast?.organisation.id !== props.organisationId &&\n \"NO\" === props.podcast?.monetisable) ||\n (\"UNDEFINED\" === props.podcast?.monetisable &&\n \"NO\" === props.podcast?.emission.monetisable)\n );\n});\nconst iFrameSrc = computed(() => {\n if (\"video\" === iFrameModel.value) {\n return (\n \"https://www.ultimedia.com/deliver/generic/iframe/mdtk/01009833/zone/1/showtitle/1/src/\" +\n props.podcast?.video?.videoId +\n \"/sound/true\"\n );\n }\n let url = [\"\"];\n const iFrameNumber =\n displayChoiceAllEpisodes.value && \"all\" === episodeChoiceDisplay.value\n ? \"/0\"\n : \"/\" + episodesNumber.value;\n url.push(`${apiStore.miniplayerUrl}miniplayer/`);\n if (!props.podcast && !props.playlist && props.emission) {\n url = constructEmissionUrl(url);\n } else if (props.playlist) {\n url = constructPlaylistUrl(url);\n } else if (props.emission && props.podcast) {\n url.push(`${iFrameModel.value}/`);\n if (isTypeEmission.value) {\n url.push(\n `${props.emission.emissionId}${iFrameNumber}/${props.podcast.podcastId}`,\n );\n } else {\n url.push(`${props.podcast.podcastId}`);\n }\n }\n\n return addUrlParameters(url).join(\"\");\n});\nconst iFrameHeight = computed(() => {\n switch (iFrameModel.value) {\n case \"video\":\n return \"281px\";\n case \"large\":\n if (props.podcast) return \"140px\";\n return \"350px\";\n case \"largeMore\":\n return \"210px\";\n case \"emissionLarge\":\n return \"350px\";\n case \"emission\":\n return \"540px\";\n case \"videoLive\":\n return \"450px\";\n default:\n return \"540px\";\n }\n});\nconst iFrame = computed(() => {\n const specialDigiteka = props.podcast?.video?.videoId\n ? 'allowfullscreen=\"true\" referrerpolicy=\"no-referrer-when-downgrade\"'\n : \"\";\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"${iFrameHeight.value}\" frameborder=\"0\" scrolling=\"no\" ${specialDigiteka} allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\nconst dataTitle = computed(() => {\n if (props.podcast) return props.podcast.podcastId;\n if (props.emission) return props.emission.emissionId;\n if (props.playlist) return props.playlist.playlistId;\n return 0;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n if (isLiveReadyToRecord.value) {\n iFrameModel.value = \"large\";\n }\n if (\"true\" === props.podcast?.annotations?.[\"fromTTS\"]) {\n displayTranscript.value = false;\n }\n}\nfunction getIframeNumber(): string {\n return displayChoiceAllEpisodes.value && \"all\" === episodeChoiceDisplay.value\n ? \"/0\"\n : \"/\" + episodesNumber.value;\n}\nfunction constructEmissionUrl(url: Array<string>) {\n if (!props.emission) {\n return [];\n }\n switch (iFrameModel.value) {\n case \"default\":\n url.push(\"emission\");\n break;\n case \"large\":\n url.push(\"emissionLarge\");\n break;\n default:\n url.push(`${iFrameModel.value}`);\n break;\n }\n url.push(`/${props.emission.emissionId}${getIframeNumber()}`);\n return url;\n}\nfunction constructPlaylistUrl(url: Array<string>) {\n if (!props.playlist) {\n return [];\n }\n switch (iFrameModel.value) {\n case \"default\":\n url.push(\"playlist\");\n break;\n case \"large\":\n url.push(\"playlistLarge\");\n break;\n default:\n url.push(`${iFrameModel.value}`);\n break;\n }\n url.push(`/${props.playlist.playlistId}`);\n return url;\n}\nfunction addUrlParameters(url: Array<string>) {\n url.push(\"?distributorId=\" + props.organisationId);\n url.push(\n `&color=${color.value.substring(1)}&theme=${theme.value.substring(1)}`,\n );\n if (!displayArticle.value && displayArticleParam.value) {\n url.push(\"&article=false\");\n }\n if (!displayTranscript.value) {\n url.push(\"&transcript=false\");\n }\n if (!displayWave.value) {\n url.push(\"&wave=false\");\n }\n if (playerAutoPlay.value) {\n url.push(\"&autoplay=true\");\n }\n if (isVisible.value) {\n url.push(\"&key=\" + window.btoa(dataTitle.value.toString()));\n }\n if (insertCode.value) {\n url.push(\"&insertCode=true\");\n }\n if (autoHeight.value) {\n url.push(\"&autoHeight=true\");\n }\n return url;\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#ffffff\";\n}\n</script>\n\n<style lang=\"scss\">\n\n@use \"../../../style/iframe\";\n\n.octopus-app {\n .sticker {\n align-self: center;\n background: var(--octopus-primary);\n padding: 0.5rem;\n transition: all 0.5s ease;\n color: white;\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-gray-text);\n\n &:hover {\n box-shadow: 2px 8px 4px -6px var(--octopus-shadow);\n background: transparent;\n color: var(--octopus-primary);\n }\n }\n}\n</style>\n"],"mappings":"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"}

package/dist/{SharePlayerRadio-DVsegQMu.mjs → SharePlayerRadio-BqaeyEls.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { O as e, T as t, i as n } from "./classicApi-pmODlqv5.mjs";
+import { E as e, i as t, k as n } from "./classicApi-CGipMqf7.mjs";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineAsyncComponent as l, defineComponent as u, onBeforeMount as d, openBlock as f, ref as p, toDisplayString as m, unref as h } from "vue";
 import { useI18n as g } from "vue-i18n";
 //#region src/components/display/sharing/SharePlayerRadio.vue?vue&type=script&setup=true&lang.ts
@@ -15,7 +15,7 @@ var _ = { class: "module-box overflow-visible" }, v = { class: "mb-3" }, y = { c
 		}
 	},
 	setup(u) {
-		let C = l(() => import("./ShareModalPlayer-D2oBrSly.mjs")), w = l(() => import("./SharePlayerColors-BpdifsHh.mjs")), T = l(() => import("./PlayerCommonParameters-x0zV7AoW.mjs")), E = u, D = p(!1), O = p("#40a372"), k = p("#000000"), A = p(!1), j = p(void 0), { t: M } = g(), N = n(), P = e(), F = t(), I = r(() => E.canal?.organisationId === N.authOrgaId), L = r(() => {
+		let C = l(() => import("./ShareModalPlayer-Cfnk68-U.mjs")), w = l(() => import("./SharePlayerColors-BpdifsHh.mjs")), T = l(() => import("./PlayerCommonParameters-x0zV7AoW.mjs")), E = u, D = p(!1), O = p("#40a372"), k = p("#000000"), A = p(!1), j = p(void 0), { t: M } = g(), N = t(), P = n(), F = e(), I = r(() => E.canal?.organisationId === N.authOrgaId), L = r(() => {
 			let e = `${P.miniplayerUrl}miniplayer/radio/${E.canal?.id}?distributorId=${E.organisationId}&color=${O.value.substring(1)}&theme=${k.value.substring(1)}`;
 			return A.value && (e += "&insertCode=true"), e;
 		}), R = r(() => `<iframe src="${L.value}" width="100%" height="140px" frameborder="0" scrolling="no" allow="clipboard-read; clipboard-write; autoplay"></iframe>`);

package/dist/SharePlayerRadio-CHvCtKdZ.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayerRadio-CHvCtKdZ.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayerRadio.vue","../src/components/display/sharing/SharePlayerRadio.vue"],"sourcesContent":["<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n","<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n"],"mappings":"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"}

package/dist/SharePlayerRadio-CIsy-rCC.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayerRadio-CIsy-rCC.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayerRadio.vue","../src/components/display/sharing/SharePlayerRadio.vue"],"sourcesContent":["<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n","<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n"],"mappings":"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"}

package/dist/SharePlayerRadio-ChfNulnf.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayerRadio-ChfNulnf.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayerRadio.vue","../src/components/display/sharing/SharePlayerRadio.vue"],"sourcesContent":["<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n","<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n"],"mappings":"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"}

package/dist/SharePlayerRadio-DA-W-306.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayerRadio-DA-W-306.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayerRadio.vue","../src/components/display/sharing/SharePlayerRadio.vue"],"sourcesContent":["<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n","<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAgDA,MAAM,mBAAmB,2BACjB,OAAO,kCACf;EACA,MAAM,oBAAoB,2BAClB,OAAO,mCACf;EACA,MAAM,yBAAyB,2BACvB,OAAO,wCACf;EAGA,MAAM,QAAQ;EAMd,MAAM,eAAe,IAAI,KAAK;EAC9B,MAAM,QAAQ,IAAI,SAAS;EAC3B,MAAM,QAAQ,IAAI,SAAS;EAC3B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,iBAA0F,IAAI,KAAA,CAAS;EAI7G,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAC7B,MAAM,iBAAiB,kBAAkB;EAIzC,MAAM,oBAAoB,eAAe,MAAM,OAAO,mBAAmB,UAAU,UAAU;EAC7F,MAAM,YAAY,eAAe;GAC/B,IAAI,MAAM,GAAG,SAAS,cAAc,mBAClC,MAAM,OAAO,GACd,iBAAiB,MAAM,eAAe,SAAS,MAAM,MAAM,UAC1D,CACF,EAAE,SAAS,MAAM,MAAM,UAAU,CAAC;GAClC,IAAI,WAAW,OACb,OAAO;GAET,OAAO;EACT,CAAC;EACD,MAAM,SAAS,eAAe;GAC5B,OAAO,gBAAgB,UAAU,MAAM;EACzC,CAAC;EAGD,oBAAkB,gBAAgB,CAAC;EAGnC,eAAe,kBAAkB;GAC/B,eAAe,QAAQ,MAAM,eAAe,kBAAkB,UAAU,cAAc,EAAE;GACxF,UAAU;EACZ;EACA,SAAS,YAAkB;GACzB,IAAI,CAAC,eAAe,OAClB;GAEF,MAAM,QAAQ,OAAO,OAAO,eAAe,OAAO,OAAO,IACpD,eAAe,MAAM,QACtB;GACJ,MAAM,QAAQ,OAAO,OAAO,eAAe,OAAO,OAAO,IACpD,eAAe,MAAM,QACtB;EACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACjHW,IAAA,aAAA,EAAA,OAAM,8BAA6B;AACtC,IAAA,aAAA,EAAA,OAAM,OAAM;AAGX,IAAA,aAAA,EAAA,OAAM,SAAQ;;AAYZ,IAAA,aAAA,EAAA,OAAM,qBAAoB;AAExB,IAAA,aAAA,EAAA,OAAM,eAAc;;CAlB/B,OAAAA,UAAA,GAAAC,mBAqCU,WArCV,YAqCU,CApCRC,mBAEK,MAFL,YAEKC,gBADA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,GAEND,mBAgCM,OAhCN,YAgCM,CA/BJA,mBAUE,UAAA;EATA,IAAG;EACH,OAAM;EACL,KAAK,OAAA;EACN,aAAY;EACZ,OAAM;EACN,QAAO;EACP,OAAA,EAAA,YAAA,SAAA;EACA,OAAM;EACN,OAAM;CAER,GAAA,MAAA,GAAA,UAAA,GAAAA,mBAmBM,OAnBN,YAmBM;EAlBJE,YAAiE,OAAA,sBAAA;GAAtC,OAAO,OAAA;GAAA,kBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,QAAK;GAAU,OAAO,OAAA;GAAA,kBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,QAAK;;EAC7DF,mBAA4D,OAA5D,YAA4DC,gBAA/B,OAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;EAEtB,OAAA,qBADRH,UAAA,GAAAK,YAGE,OAAA,2BAAA;;GADQ,eAAa,OAAA;GAAA,uBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,OAAA,aAAU;;EAGzB,OAAA,gBADRL,UAAA,GAAAK,YAKE,OAAA,qBAAA;;GAHC,cAAY,OAAA;GACZ,gBAAc,OAAA;GACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,eAAY;;EAEtBH,mBAKS,UAAA;GAJP,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,eAAY;EAEjB,GAAAC,gBAAA,OAAA,EAAC,kBAAA,CAAA,GAAA,CAAA"}

package/dist/SharePlayerRadio-DwPeLUsk.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayerRadio-DwPeLUsk.mjs","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_createVNode","_createBlock","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayerRadio.vue","../src/components/display/sharing/SharePlayerRadio.vue"],"sourcesContent":["<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n","<template>\n <section class=\"module-box overflow-visible\">\n <h2 class=\"mb-3\">\n {{ t(\"Embed\") }}\n </h2>\n <div class=\"d-flex\">\n <iframe\n id=\"miniplayerIframeRadio\"\n title=\"Miniplayer\"\n :src=\"iFrameSrc\"\n frameborder=\"0\"\n width=\"100%\"\n height=\"140px\"\n style=\"overflow: hidden\"\n allow=\"clipboard-read; clipboard-write; autoplay\"\n class=\"max-iframe mx-3 flex-grow-1\"\n />\n <div class=\"d-flex flex-column\">\n <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n <PlayerCommonParameters\n v-if=\"displayInsertCode\"\n v-model:insert-code=\"insertCode\"\n />\n <ShareModalPlayer\n v-if=\"isShareModal\"\n :embed-link=\"iFrame\"\n :embedly-link=\"iFrameSrc\"\n @close=\"isShareModal = false\"\n />\n <button\n class=\"btn btn-primary w-fit-content mt-3\"\n @click=\"isShareModal = true\"\n >\n {{ t(\"Share the player\") }}\n </button>\n </div>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n canal: { default: undefined, type: Object as () => Canal },\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n props.canal?.id\n }?distributorId=${props.organisationId}&color=${color.value.substring(\n 1,\n )}&theme=${theme.value.substring(1)}`;\n if (insertCode.value) {\n url += \"&insertCode=true\";\n }\n return url;\n});\nconst iFrame = computed(() => {\n return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n initColor();\n}\nfunction initColor(): void {\n if (!orgaAttributes.value) {\n return;\n }\n color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n ? (orgaAttributes.value.COLOR as string)\n : \"#40a372\";\n theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n ? (orgaAttributes.value.THEME as string)\n : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n"],"mappings":"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"}

package/dist/SharePlayerTypes-CeMV4n10.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayerTypes-CeMV4n10.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_withDirectives","_vShow","_createBlock","_Teleport","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayerTypes.vue","../src/components/display/sharing/SharePlayerTypes.vue"],"sourcesContent":["<template>\n <label for=\"iframe-select\" title=\"select miniplayer\" >\n <select\n id=\"iframe-select\"\n :value=\"iFrameModel\"\n @change=\"selectChange($event)\"\n >\n <optgroup v-show=\"isCustomPlayer\" id=\"player-default-opt-group\" :label=\"t('Default version')\"></optgroup>\n <Teleport defer :disabled=\"!isCustomPlayer\" to=\"#player-default-opt-group\">\n <template v-for=\"option in optionsSelect\" :key=\"option.value\">\n <option v-if=\"option.condition\" :value=\"option.value\">\n {{ option.name }}\n </option>\n </template>\n </Teleport>\n \n <optgroup v-if=\"isCustomPlayer\" :label=\"t('Custom version')\">\n <option\n v-for=\"player in customPlayersDisplay\"\n :key=\"player.customId\"\n :value=\"player.customId\"\n >\n {{ t(\"Custom version\") + \" «\" + player.name + \"»\" }}\n </option>\n </optgroup>\n </select>\n </label>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CustomPlayer } from \"@/stores/class/general/customPlayer\";\nimport { computed, onBeforeMount, onMounted, Ref, ref } from \"vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { InterfacePageable } from \"@/stores/class/general/interfacePageable\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n iFrameModel: { default: \"default\", type: String },\n typeCustomPlayer: { default: \"\", type: String },\n organisationId: { default: undefined, type: String },\n isLive: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:iFrameModel\", \"update:typeCustomPlayer\"]);\n\n//Data \nconst customPlayers: Ref<Array<CustomPlayer>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Computed\nconst isCustomPlayer = computed(() => 1<=customPlayersDisplay.value.length);\nconst isVideoPodcast = computed(() => undefined !== props.podcast?.video?.videoId);\nconst optionsSelectLive = computed(() => {\n return [\n { name: t(\"Large version\"), value: \"large\", condition: true },\n {\n name: t(\"High version\"),\n value: \"videoLive\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst optionsSelect = computed(() => {\n if (props.isLive) {\n return optionsSelectLive.value;\n }\n return [\n {\n name: t(\"Video Version\"),\n value: \"video\",\n condition: isVideoPodcast.value,\n },\n { name: t(\"Default version\"), value: \"default\", condition: true },\n { name: t(\"Large version\"), value: \"largeMore\", condition: props.podcast?.podcastId, },\n {\n name: props.podcast?.podcastId ? t(\"Minimalist length version\"): t(\"Large version\"),\n value: \"large\",\n condition: true,\n },\n {\n name: t(\"Emission version\"),\n value: \"emission\",\n condition: props.podcast?.podcastId,\n },\n {\n name: t(\"Large emission version\"),\n value: \"emissionLarge\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst customPlayersDisplay = computed(() => {\n return customPlayers.value.filter((player: CustomPlayer) => {\n return (\n ((\"EPISODE\" === player.typePlayer) &&\n props.podcast?.podcastId) ||\n (\"EMISSION\" === player.typePlayer &&\n props.emission &&\n !props.podcast) ||\n (\"PLAYLIST\" === player.typePlayer && props.playlist)\n );\n }).sort((a,b) => {\n if(a.name > b.name){\n return 1;\n }\n return (b.name > a.name) ? -1 : 0;\n });\n});\n\n\nonBeforeMount(()=>{\n if (props.isLive) {\n return;\n }\n initCustomPlayers();\n})\nonMounted(()=>{\n if (isVideoPodcast.value) {\n emit(\"update:iFrameModel\", \"video\");\n }\n})\n \n\n//Methods\nfunction isNumeric(value: string): boolean {\n return /^-?\\d+$/.test(value);\n}\nfunction selectChange($event: Event) {\n const val = $event.target.value;\n if (!val) {\n return;\n }\n if (isNumeric(val)) {\n const customPlayer = customPlayersDisplay.value.find((p) => {\n return p.customId.toString() === val;\n });\n if (customPlayer) {\n selectCustomPlayer(customPlayer);\n }\n } else {\n emit(\"update:iFrameModel\", val);\n }\n}\nasync function fetchPlayerPaginate(type: string): Promise<CustomPlayer[]> {\n let players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>(\n {\n api: 6,\n path: \"customPlayer/type/\" + props.organisationId + \"/\" + type,\n isNotAuth: true,\n },\n );\n let playersContent = players.content;\n const totalCount = players.totalElements;\n let index = 1;\n while (totalCount > playersContent.length) {\n players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>({\n api: 6,\n path:\n \"customPlayer/type/\" +\n props.organisationId +\n \"/\" +\n type +\n \"?start=\" +\n index,\n isNotAuth: true,\n });\n playersContent = playersContent.concat(players.content);\n ++index;\n }\n return playersContent;\n}\nfunction selectCustomPlayer(customPlayer: CustomPlayer) {\n emit(\"update:typeCustomPlayer\", customPlayer.typePlayer);\n emit(\"update:iFrameModel\", customPlayer.customId.toString());\n}\n\nasync function fetchCustomPlayers(\n type: string,\n selectIfPossible = true,\n): Promise<boolean> {\n const customPlayersForType = await fetchPlayerPaginate(type);\n customPlayers.value = customPlayers.value.concat(customPlayersForType);\n if (\n !isVideoPodcast.value &&\n selectIfPossible &&\n customPlayersForType?.[0]?.selected\n ) {\n selectCustomPlayer(customPlayers.value[0]);\n return true;\n }\n return false;\n}\nasync function initCustomPlayers(): Promise<void> {\n if (undefined === authStore.authOrgaId) return;\n if (props.playlist) {\n fetchCustomPlayers(\"PLAYLIST\");\n } else if (props.emission && !props.podcast) {\n fetchCustomPlayers(\"EMISSION\");\n } else {\n const episodeSelected = await fetchCustomPlayers(\"EPISODE\");\n await fetchCustomPlayers(\n \"EMISSION\",\n !episodeSelected,\n );\n }\n}\n</script>\n","<template>\n <label for=\"iframe-select\" title=\"select miniplayer\" >\n <select\n id=\"iframe-select\"\n :value=\"iFrameModel\"\n @change=\"selectChange($event)\"\n >\n <optgroup v-show=\"isCustomPlayer\" id=\"player-default-opt-group\" :label=\"t('Default version')\"></optgroup>\n <Teleport defer :disabled=\"!isCustomPlayer\" to=\"#player-default-opt-group\">\n <template v-for=\"option in optionsSelect\" :key=\"option.value\">\n <option v-if=\"option.condition\" :value=\"option.value\">\n {{ option.name }}\n </option>\n </template>\n </Teleport>\n \n <optgroup v-if=\"isCustomPlayer\" :label=\"t('Custom version')\">\n <option\n v-for=\"player in customPlayersDisplay\"\n :key=\"player.customId\"\n :value=\"player.customId\"\n >\n {{ t(\"Custom version\") + \" «\" + player.name + \"»\" }}\n </option>\n </optgroup>\n </select>\n </label>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CustomPlayer } from \"@/stores/class/general/customPlayer\";\nimport { computed, onBeforeMount, onMounted, Ref, ref } from \"vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { InterfacePageable } from \"@/stores/class/general/interfacePageable\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n iFrameModel: { default: \"default\", type: String },\n typeCustomPlayer: { default: \"\", type: String },\n organisationId: { default: undefined, type: String },\n isLive: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:iFrameModel\", \"update:typeCustomPlayer\"]);\n\n//Data \nconst customPlayers: Ref<Array<CustomPlayer>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Computed\nconst isCustomPlayer = computed(() => 1<=customPlayersDisplay.value.length);\nconst isVideoPodcast = computed(() => undefined !== props.podcast?.video?.videoId);\nconst optionsSelectLive = computed(() => {\n return [\n { name: t(\"Large version\"), value: \"large\", condition: true },\n {\n name: t(\"High version\"),\n value: \"videoLive\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst optionsSelect = computed(() => {\n if (props.isLive) {\n return optionsSelectLive.value;\n }\n return [\n {\n name: t(\"Video Version\"),\n value: \"video\",\n condition: isVideoPodcast.value,\n },\n { name: t(\"Default version\"), value: \"default\", condition: true },\n { name: t(\"Large version\"), value: \"largeMore\", condition: props.podcast?.podcastId, },\n {\n name: props.podcast?.podcastId ? t(\"Minimalist length version\"): t(\"Large version\"),\n value: \"large\",\n condition: true,\n },\n {\n name: t(\"Emission version\"),\n value: \"emission\",\n condition: props.podcast?.podcastId,\n },\n {\n name: t(\"Large emission version\"),\n value: \"emissionLarge\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst customPlayersDisplay = computed(() => {\n return customPlayers.value.filter((player: CustomPlayer) => {\n return (\n ((\"EPISODE\" === player.typePlayer) &&\n props.podcast?.podcastId) ||\n (\"EMISSION\" === player.typePlayer &&\n props.emission &&\n !props.podcast) ||\n (\"PLAYLIST\" === player.typePlayer && props.playlist)\n );\n }).sort((a,b) => {\n if(a.name > b.name){\n return 1;\n }\n return (b.name > a.name) ? -1 : 0;\n });\n});\n\n\nonBeforeMount(()=>{\n if (props.isLive) {\n return;\n }\n initCustomPlayers();\n})\nonMounted(()=>{\n if (isVideoPodcast.value) {\n emit(\"update:iFrameModel\", \"video\");\n }\n})\n \n\n//Methods\nfunction isNumeric(value: string): boolean {\n return /^-?\\d+$/.test(value);\n}\nfunction selectChange($event: Event) {\n const val = $event.target.value;\n if (!val) {\n return;\n }\n if (isNumeric(val)) {\n const customPlayer = customPlayersDisplay.value.find((p) => {\n return p.customId.toString() === val;\n });\n if (customPlayer) {\n selectCustomPlayer(customPlayer);\n }\n } else {\n emit(\"update:iFrameModel\", val);\n }\n}\nasync function fetchPlayerPaginate(type: string): Promise<CustomPlayer[]> {\n let players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>(\n {\n api: 6,\n path: \"customPlayer/type/\" + props.organisationId + \"/\" + type,\n isNotAuth: true,\n },\n );\n let playersContent = players.content;\n const totalCount = players.totalElements;\n let index = 1;\n while (totalCount > playersContent.length) {\n players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>({\n api: 6,\n path:\n \"customPlayer/type/\" +\n props.organisationId +\n \"/\" +\n type +\n \"?start=\" +\n index,\n isNotAuth: true,\n });\n playersContent = playersContent.concat(players.content);\n ++index;\n }\n return playersContent;\n}\nfunction selectCustomPlayer(customPlayer: CustomPlayer) {\n emit(\"update:typeCustomPlayer\", customPlayer.typePlayer);\n emit(\"update:iFrameModel\", customPlayer.customId.toString());\n}\n\nasync function fetchCustomPlayers(\n type: string,\n selectIfPossible = true,\n): Promise<boolean> {\n const customPlayersForType = await fetchPlayerPaginate(type);\n customPlayers.value = customPlayers.value.concat(customPlayersForType);\n if (\n !isVideoPodcast.value &&\n selectIfPossible &&\n customPlayersForType?.[0]?.selected\n ) {\n selectCustomPlayer(customPlayers.value[0]);\n return true;\n }\n return false;\n}\nasync function initCustomPlayers(): Promise<void> {\n if (undefined === authStore.authOrgaId) return;\n if (props.playlist) {\n fetchCustomPlayers(\"PLAYLIST\");\n } else if (props.emission && !props.podcast) {\n fetchCustomPlayers(\"EMISSION\");\n } else {\n const episodeSelected = await fetchCustomPlayers(\"EPISODE\");\n await fetchCustomPlayers(\n \"EMISSION\",\n !episodeSelected,\n );\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/SharePlayerTypes-DdyoQZDi.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SharePlayerTypes-DdyoQZDi.mjs","names":["classicApi","_openBlock","_createElementBlock","_createElementVNode","_withDirectives","_vShow","_createBlock","_Teleport","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_sfc_main"],"sources":["../src/components/display/sharing/SharePlayerTypes.vue","../src/components/display/sharing/SharePlayerTypes.vue"],"sourcesContent":["<template>\n <label for=\"iframe-select\" title=\"select miniplayer\" >\n <select\n id=\"iframe-select\"\n :value=\"iFrameModel\"\n @change=\"selectChange($event)\"\n >\n <optgroup v-show=\"isCustomPlayer\" id=\"player-default-opt-group\" :label=\"t('Default version')\"></optgroup>\n <Teleport defer :disabled=\"!isCustomPlayer\" to=\"#player-default-opt-group\">\n <template v-for=\"option in optionsSelect\" :key=\"option.value\">\n <option v-if=\"option.condition\" :value=\"option.value\">\n {{ option.name }}\n </option>\n </template>\n </Teleport>\n \n <optgroup v-if=\"isCustomPlayer\" :label=\"t('Custom version')\">\n <option\n v-for=\"player in customPlayersDisplay\"\n :key=\"player.customId\"\n :value=\"player.customId\"\n >\n {{ t(\"Custom version\") + \" «\" + player.name + \"»\" }}\n </option>\n </optgroup>\n </select>\n </label>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CustomPlayer } from \"@/stores/class/general/customPlayer\";\nimport { computed, onBeforeMount, onMounted, Ref, ref } from \"vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { InterfacePageable } from \"@/stores/class/general/interfacePageable\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n iFrameModel: { default: \"default\", type: String },\n typeCustomPlayer: { default: \"\", type: String },\n organisationId: { default: undefined, type: String },\n isLive: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:iFrameModel\", \"update:typeCustomPlayer\"]);\n\n//Data \nconst customPlayers: Ref<Array<CustomPlayer>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Computed\nconst isCustomPlayer = computed(() => 1<=customPlayersDisplay.value.length);\nconst isVideoPodcast = computed(() => undefined !== props.podcast?.video?.videoId);\nconst optionsSelectLive = computed(() => {\n return [\n { name: t(\"Large version\"), value: \"large\", condition: true },\n {\n name: t(\"High version\"),\n value: \"videoLive\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst optionsSelect = computed(() => {\n if (props.isLive) {\n return optionsSelectLive.value;\n }\n return [\n {\n name: t(\"Video Version\"),\n value: \"video\",\n condition: isVideoPodcast.value,\n },\n { name: t(\"Default version\"), value: \"default\", condition: true },\n { name: t(\"Large version\"), value: \"largeMore\", condition: props.podcast?.podcastId, },\n {\n name: props.podcast?.podcastId ? t(\"Minimalist length version\"): t(\"Large version\"),\n value: \"large\",\n condition: true,\n },\n {\n name: t(\"Emission version\"),\n value: \"emission\",\n condition: props.podcast?.podcastId,\n },\n {\n name: t(\"Large emission version\"),\n value: \"emissionLarge\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst customPlayersDisplay = computed(() => {\n return customPlayers.value.filter((player: CustomPlayer) => {\n return (\n ((\"EPISODE\" === player.typePlayer) &&\n props.podcast?.podcastId) ||\n (\"EMISSION\" === player.typePlayer &&\n props.emission &&\n !props.podcast) ||\n (\"PLAYLIST\" === player.typePlayer && props.playlist)\n );\n }).sort((a,b) => {\n if(a.name > b.name){\n return 1;\n }\n return (b.name > a.name) ? -1 : 0;\n });\n});\n\n\nonBeforeMount(()=>{\n if (props.isLive) {\n return;\n }\n initCustomPlayers();\n})\nonMounted(()=>{\n if (isVideoPodcast.value) {\n emit(\"update:iFrameModel\", \"video\");\n }\n})\n \n\n//Methods\nfunction isNumeric(value: string): boolean {\n return /^-?\\d+$/.test(value);\n}\nfunction selectChange($event: Event) {\n const val = $event.target.value;\n if (!val) {\n return;\n }\n if (isNumeric(val)) {\n const customPlayer = customPlayersDisplay.value.find((p) => {\n return p.customId.toString() === val;\n });\n if (customPlayer) {\n selectCustomPlayer(customPlayer);\n }\n } else {\n emit(\"update:iFrameModel\", val);\n }\n}\nasync function fetchPlayerPaginate(type: string): Promise<CustomPlayer[]> {\n let players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>(\n {\n api: 6,\n path: \"customPlayer/type/\" + props.organisationId + \"/\" + type,\n isNotAuth: true,\n },\n );\n let playersContent = players.content;\n const totalCount = players.totalElements;\n let index = 1;\n while (totalCount > playersContent.length) {\n players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>({\n api: 6,\n path:\n \"customPlayer/type/\" +\n props.organisationId +\n \"/\" +\n type +\n \"?start=\" +\n index,\n isNotAuth: true,\n });\n playersContent = playersContent.concat(players.content);\n ++index;\n }\n return playersContent;\n}\nfunction selectCustomPlayer(customPlayer: CustomPlayer) {\n emit(\"update:typeCustomPlayer\", customPlayer.typePlayer);\n emit(\"update:iFrameModel\", customPlayer.customId.toString());\n}\n\nasync function fetchCustomPlayers(\n type: string,\n selectIfPossible = true,\n): Promise<boolean> {\n const customPlayersForType = await fetchPlayerPaginate(type);\n customPlayers.value = customPlayers.value.concat(customPlayersForType);\n if (\n !isVideoPodcast.value &&\n selectIfPossible &&\n customPlayersForType?.[0]?.selected\n ) {\n selectCustomPlayer(customPlayers.value[0]);\n return true;\n }\n return false;\n}\nasync function initCustomPlayers(): Promise<void> {\n if (undefined === authStore.authOrgaId) return;\n if (props.playlist) {\n fetchCustomPlayers(\"PLAYLIST\");\n } else if (props.emission && !props.podcast) {\n fetchCustomPlayers(\"EMISSION\");\n } else {\n const episodeSelected = await fetchCustomPlayers(\"EPISODE\");\n await fetchCustomPlayers(\n \"EMISSION\",\n !episodeSelected,\n );\n }\n}\n</script>\n","<template>\n <label for=\"iframe-select\" title=\"select miniplayer\" >\n <select\n id=\"iframe-select\"\n :value=\"iFrameModel\"\n @change=\"selectChange($event)\"\n >\n <optgroup v-show=\"isCustomPlayer\" id=\"player-default-opt-group\" :label=\"t('Default version')\"></optgroup>\n <Teleport defer :disabled=\"!isCustomPlayer\" to=\"#player-default-opt-group\">\n <template v-for=\"option in optionsSelect\" :key=\"option.value\">\n <option v-if=\"option.condition\" :value=\"option.value\">\n {{ option.name }}\n </option>\n </template>\n </Teleport>\n \n <optgroup v-if=\"isCustomPlayer\" :label=\"t('Custom version')\">\n <option\n v-for=\"player in customPlayersDisplay\"\n :key=\"player.customId\"\n :value=\"player.customId\"\n >\n {{ t(\"Custom version\") + \" «\" + player.name + \"»\" }}\n </option>\n </optgroup>\n </select>\n </label>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CustomPlayer } from \"@/stores/class/general/customPlayer\";\nimport { computed, onBeforeMount, onMounted, Ref, ref } from \"vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { InterfacePageable } from \"@/stores/class/general/interfacePageable\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n podcast: { default: undefined, type: Object as () => Podcast },\n emission: { default: undefined, type: Object as () => Emission },\n playlist: { default: undefined, type: Object as () => Playlist },\n iFrameModel: { default: \"default\", type: String },\n typeCustomPlayer: { default: \"\", type: String },\n organisationId: { default: undefined, type: String },\n isLive: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:iFrameModel\", \"update:typeCustomPlayer\"]);\n\n//Data \nconst customPlayers: Ref<Array<CustomPlayer>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Computed\nconst isCustomPlayer = computed(() => 1<=customPlayersDisplay.value.length);\nconst isVideoPodcast = computed(() => undefined !== props.podcast?.video?.videoId);\nconst optionsSelectLive = computed(() => {\n return [\n { name: t(\"Large version\"), value: \"large\", condition: true },\n {\n name: t(\"High version\"),\n value: \"videoLive\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst optionsSelect = computed(() => {\n if (props.isLive) {\n return optionsSelectLive.value;\n }\n return [\n {\n name: t(\"Video Version\"),\n value: \"video\",\n condition: isVideoPodcast.value,\n },\n { name: t(\"Default version\"), value: \"default\", condition: true },\n { name: t(\"Large version\"), value: \"largeMore\", condition: props.podcast?.podcastId, },\n {\n name: props.podcast?.podcastId ? t(\"Minimalist length version\"): t(\"Large version\"),\n value: \"large\",\n condition: true,\n },\n {\n name: t(\"Emission version\"),\n value: \"emission\",\n condition: props.podcast?.podcastId,\n },\n {\n name: t(\"Large emission version\"),\n value: \"emissionLarge\",\n condition: props.podcast?.podcastId,\n },\n ];\n});\nconst customPlayersDisplay = computed(() => {\n return customPlayers.value.filter((player: CustomPlayer) => {\n return (\n ((\"EPISODE\" === player.typePlayer) &&\n props.podcast?.podcastId) ||\n (\"EMISSION\" === player.typePlayer &&\n props.emission &&\n !props.podcast) ||\n (\"PLAYLIST\" === player.typePlayer && props.playlist)\n );\n }).sort((a,b) => {\n if(a.name > b.name){\n return 1;\n }\n return (b.name > a.name) ? -1 : 0;\n });\n});\n\n\nonBeforeMount(()=>{\n if (props.isLive) {\n return;\n }\n initCustomPlayers();\n})\nonMounted(()=>{\n if (isVideoPodcast.value) {\n emit(\"update:iFrameModel\", \"video\");\n }\n})\n \n\n//Methods\nfunction isNumeric(value: string): boolean {\n return /^-?\\d+$/.test(value);\n}\nfunction selectChange($event: Event) {\n const val = $event.target.value;\n if (!val) {\n return;\n }\n if (isNumeric(val)) {\n const customPlayer = customPlayersDisplay.value.find((p) => {\n return p.customId.toString() === val;\n });\n if (customPlayer) {\n selectCustomPlayer(customPlayer);\n }\n } else {\n emit(\"update:iFrameModel\", val);\n }\n}\nasync function fetchPlayerPaginate(type: string): Promise<CustomPlayer[]> {\n let players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>(\n {\n api: 6,\n path: \"customPlayer/type/\" + props.organisationId + \"/\" + type,\n isNotAuth: true,\n },\n );\n let playersContent = players.content;\n const totalCount = players.totalElements;\n let index = 1;\n while (totalCount > playersContent.length) {\n players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>({\n api: 6,\n path:\n \"customPlayer/type/\" +\n props.organisationId +\n \"/\" +\n type +\n \"?start=\" +\n index,\n isNotAuth: true,\n });\n playersContent = playersContent.concat(players.content);\n ++index;\n }\n return playersContent;\n}\nfunction selectCustomPlayer(customPlayer: CustomPlayer) {\n emit(\"update:typeCustomPlayer\", customPlayer.typePlayer);\n emit(\"update:iFrameModel\", customPlayer.customId.toString());\n}\n\nasync function fetchCustomPlayers(\n type: string,\n selectIfPossible = true,\n): Promise<boolean> {\n const customPlayersForType = await fetchPlayerPaginate(type);\n customPlayers.value = customPlayers.value.concat(customPlayersForType);\n if (\n !isVideoPodcast.value &&\n selectIfPossible &&\n customPlayersForType?.[0]?.selected\n ) {\n selectCustomPlayer(customPlayers.value[0]);\n return true;\n }\n return false;\n}\nasync function initCustomPlayers(): Promise<void> {\n if (undefined === authStore.authOrgaId) return;\n if (props.playlist) {\n fetchCustomPlayers(\"PLAYLIST\");\n } else if (props.emission && !props.podcast) {\n fetchCustomPlayers(\"EMISSION\");\n } else {\n const episodeSelected = await fetchCustomPlayers(\"EPISODE\");\n await fetchCustomPlayers(\n \"EMISSION\",\n !episodeSelected,\n );\n }\n}\n</script>\n"],"mappings":"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"}

package/dist/{SharePlayerTypes-BxkEoBSL.mjs → SharePlayerTypes-DyrqFDVJ.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { i as e, t } from "./classicApi-pmODlqv5.mjs";
+import { i as e, t } from "./classicApi-CGipMqf7.mjs";
 import { Fragment as n, Teleport as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, onBeforeMount as u, onMounted as d, openBlock as f, ref as p, renderList as m, toDisplayString as h, unref as g, vShow as _, withDirectives as v } from "vue";
 import { useI18n as y } from "vue-i18n";
 //#region src/components/display/sharing/SharePlayerTypes.vue?vue&type=script&setup=true&lang.ts

package/dist/ShareSocialsButtons-BHWzJVne.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareSocialsButtons-BHWzJVne.mjs","names":["_hoisted_1","_hoisted_2","_sfc_render","_openBlock","_createElementBlock","_createElementVNode","_sfc_main","XIcon","BlueSkyIcon","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_createCommentVNode","_renderSlot","_sfc_main"],"sources":["../src/components/icons/BlueSkyIcon.vue","../src/components/icons/BlueSkyIcon.vue","../src/components/display/sharing/ShareSocialsButtons.vue","../src/components/display/sharing/ShareSocialsButtons.vue"],"sourcesContent":["<template>\n <span\n :aria-hidden=\"!title\"\n class=\"material-design-icon\"\n :title=\"title\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 600 530\"\n :height=\"size\"\n :width=\"size\"\n :fill=\"fillColor\"\n >\n <path\n d=\"m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z\"\n />\n </svg>\n </span>\n </template>\n \n<script setup lang=\"ts\">\n//Props \ndefineProps({\n size: { default: 24, type: Number },\n title: { default: undefined, type: String },\n fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n ","<template>\n <span\n :aria-hidden=\"!title\"\n class=\"material-design-icon\"\n :title=\"title\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 600 530\"\n :height=\"size\"\n :width=\"size\"\n :fill=\"fillColor\"\n >\n <path\n d=\"m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z\"\n />\n </svg>\n </span>\n </template>\n \n<script setup lang=\"ts\">\n//Props \ndefineProps({\n size: { default: 24, type: Number },\n title: { default: undefined, type: String },\n fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n ","<template>\n <section v-if=\"!isLoading && !authStore.isGarRole && (authStore.authOrgaId || !noSharing)\" id=\"share-buttons-podcast-section\" class=\"module-box\">\n <h3 class=\"mb-2\">\n {{ t(\"Share in one click\") }}\n </h3>\n <div class=\"d-flex align-items-center\">\n <template v-for=\"button in arrayShareButtons\" :key=\"button.title\">\n <a\n v-if=\"button.condition\"\n rel=\"noreferrer noopener\"\n target=\"_blank\"\n :href=\"button.url\"\n class=\"btn share-btn mb-2 text-dark me-2\"\n :title=\"t('New window', {text: button.title})\"\n >\n <component :is=\"button.icon\" :size=\"34\" />\n </a>\n </template>\n <slot name=\"additional-buttons\"/>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport XIcon from \"../../icons/XIcon.vue\";\nimport BlueSkyIcon from \"../../icons/BlueSkyIcon.vue\";\nimport WhatsappIcon from \"vue-material-design-icons/Whatsapp.vue\";\nimport LinkedinIcon from \"vue-material-design-icons/Linkedin.vue\";\nimport FacebookIcon from \"vue-material-design-icons/Facebook.vue\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst noSharing = ref(true);\nconst isLoading = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst saveFetchStore =useSaveFetchStore();\n\n//Computed\nconst arrayShareButtons = computed(() => {\n return [\n {\n title: \"Facebook\",\n icon: FacebookIcon,\n url: `https://www.facebook.com/sharer/sharer.php?u=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"X\",\n icon: XIcon,\n url: `https://twitter.com/intent/tweet?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Linkedin\",\n icon: LinkedinIcon,\n url: `https://www.linkedin.com/sharing/share-offsite/?url=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Bluesky\",\n icon: BlueSkyIcon,\n url: `https://bsky.app/intent/compose?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Whatsapp\",\n icon: WhatsappIcon,\n url: `whatsapp://send?text=${urlPage.value}`,\n condition: window.matchMedia(\"(hover: none)\").matches,\n },\n];\n});\nconst urlPage = computed(() =>window.location.href);\n\nonMounted(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\n</script>","<template>\n <section v-if=\"!isLoading && !authStore.isGarRole && (authStore.authOrgaId || !noSharing)\" id=\"share-buttons-podcast-section\" class=\"module-box\">\n <h3 class=\"mb-2\">\n {{ t(\"Share in one click\") }}\n </h3>\n <div class=\"d-flex align-items-center\">\n <template v-for=\"button in arrayShareButtons\" :key=\"button.title\">\n <a\n v-if=\"button.condition\"\n rel=\"noreferrer noopener\"\n target=\"_blank\"\n :href=\"button.url\"\n class=\"btn share-btn mb-2 text-dark me-2\"\n :title=\"t('New window', {text: button.title})\"\n >\n <component :is=\"button.icon\" :size=\"34\" />\n </a>\n </template>\n <slot name=\"additional-buttons\"/>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport XIcon from \"../../icons/XIcon.vue\";\nimport BlueSkyIcon from \"../../icons/BlueSkyIcon.vue\";\nimport WhatsappIcon from \"vue-material-design-icons/Whatsapp.vue\";\nimport LinkedinIcon from \"vue-material-design-icons/Linkedin.vue\";\nimport FacebookIcon from \"vue-material-design-icons/Facebook.vue\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst noSharing = ref(true);\nconst isLoading = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst saveFetchStore =useSaveFetchStore();\n\n//Computed\nconst arrayShareButtons = computed(() => {\n return [\n {\n title: \"Facebook\",\n icon: FacebookIcon,\n url: `https://www.facebook.com/sharer/sharer.php?u=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"X\",\n icon: XIcon,\n url: `https://twitter.com/intent/tweet?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Linkedin\",\n icon: LinkedinIcon,\n url: `https://www.linkedin.com/sharing/share-offsite/?url=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Bluesky\",\n icon: BlueSkyIcon,\n url: `https://bsky.app/intent/compose?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Whatsapp\",\n icon: WhatsappIcon,\n url: `whatsapp://send?text=${urlPage.value}`,\n condition: window.matchMedia(\"(hover: none)\").matches,\n },\n];\n});\nconst urlPage = computed(() =>window.location.href);\n\nonMounted(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\n</script>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCCI,OAAAG,UAAA,GAAAC,mBAgBO,QAAA;EAfJ,eAAW,CAAG,OAAA;EACf,OAAM;EACL,OAAO,OAAA;CAER,GAAA,EAAAD,UAAA,GAAAC,mBAUM,OAAA;EATJ,OAAM;EACN,SAAQ;EACP,QAAQ,OAAA;EACR,OAAO,OAAA;EACP,MAAM,OAAA;CAEP,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAAC,mBAEE,QAAA,EADA,GAAE,ilBAAglB,GAAA,MAAA,EAAA,CAAA,EAAA,GAAA,GAAAJ,YAAA,EAAA,GAAA,GAAAD,YAAA;;;;;;;;;;;;;ECqB5lB,MAAM,QAAQ;EAKd,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,YAAY,IAAI,IAAI;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,iBAAgB,kBAAkB;EAGxC,MAAM,oBAAoB,eAAe;GACvC,OAAO;IACP;KACE,OAAO;KACP,MAAM;KACN,KAAK,gDAAgD,QAAQ;KAC7D,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAMO;KACN,KAAK,yCAAyC,QAAQ;KACtD,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAM;KACN,KAAK,uDAAuD,QAAQ;KACpE,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAMC;KACN,KAAK,wCAAwC,QAAQ;KACrD,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAM;KACN,KAAK,wBAAwB,QAAQ;KACrC,WAAW,OAAO,WAAW,eAAe,CAAC,CAAC;IAChD;GACF;EACA,CAAC;EACD,MAAM,UAAU,eAAc,OAAO,SAAS,IAAI;EAElD,gBAAc,iBAAiB,CAAC;EAIhC,eAAe,mBAAmB;GAChC,IAAI,CAAC,MAAM,gBACT;GAEF,MAAM,aAAa,MAAM,eAAe,kBAAkB,MAAM,cAAc;GAC9E,UAAU,QAAQ,WAAW,WAAW;GACxC,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;CC/F6F,IAAG;CAAgC,OAAM;;AAC9H,IAAA,aAAA,EAAA,OAAM,OAAM;AAGX,IAAA,aAAA,EAAA,OAAM,4BAA2B;;;CAJxB,OAAA,CAAA,OAAA,aAAS,CAAK,OAAA,UAAU,cAAc,OAAA,UAAU,cAAU,CAAK,OAAA,cAA/EC,UAAA,GAAAC,mBAmBU,WAnBV,YAmBU,CAlBRC,mBAEK,MAFL,YAEKC,gBADA,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,GAEND,mBAcM,OAdN,YAcM,EAbJF,UAAA,IAAA,GAAAC,mBAWWG,UAAA,MAAAC,WAXgB,OAAA,oBAAV,WAAM;EAA6B,OAAA,UAAA,GAAA,mBAAA,UAAA,EAAA,KAAA,OAAO,MAAA,GAEjD,CAAA,OAAO,aADfL,UAAA,GAAAC,mBASI,KAAA;;GAPF,KAAI;GACJ,QAAO;GACN,MAAM,OAAO;GACd,OAAM;GACL,OAAO,OAAA,EAAC,cAAA,EAAA,MAAsB,OAAO,MAAK,CAAA;EAE3C,GAAA,EAAAD,UAAA,GAAAM,YAA0CC,wBAA1B,OAAO,IAAI,GAAA,EAAG,MAAM,GAAE,CAAA,EAAA,GAAA,GAAA,UAAA,KAAAC,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA;CAG1C,CAAA,GAAA,GAAA,IAAAC,WAAiC,KAAA,QAAA,oBAAA,CAAA,CAAA,CAAA,CAAA,KAAAD,mBAAA,QAAA,IAAA"}

package/dist/ShareSocialsButtons-Bjx2ONvj.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ShareSocialsButtons-Bjx2ONvj.mjs","names":["_hoisted_1","_hoisted_2","_sfc_render","_openBlock","_createElementBlock","_createElementVNode","_sfc_main","XIcon","BlueSkyIcon","_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_createCommentVNode","_renderSlot","_sfc_main"],"sources":["../src/components/icons/BlueSkyIcon.vue","../src/components/icons/BlueSkyIcon.vue","../src/components/display/sharing/ShareSocialsButtons.vue","../src/components/display/sharing/ShareSocialsButtons.vue"],"sourcesContent":["<template>\n <span\n :aria-hidden=\"!title\"\n class=\"material-design-icon\"\n :title=\"title\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 600 530\"\n :height=\"size\"\n :width=\"size\"\n :fill=\"fillColor\"\n >\n <path\n d=\"m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z\"\n />\n </svg>\n </span>\n </template>\n \n<script setup lang=\"ts\">\n//Props \ndefineProps({\n size: { default: 24, type: Number },\n title: { default: undefined, type: String },\n fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n ","<template>\n <span\n :aria-hidden=\"!title\"\n class=\"material-design-icon\"\n :title=\"title\"\n >\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 600 530\"\n :height=\"size\"\n :width=\"size\"\n :fill=\"fillColor\"\n >\n <path\n d=\"m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z\"\n />\n </svg>\n </span>\n </template>\n \n<script setup lang=\"ts\">\n//Props \ndefineProps({\n size: { default: 24, type: Number },\n title: { default: undefined, type: String },\n fillColor: { default: \"currentColor\", type: String },\n})\n</script>\n ","<template>\n <section v-if=\"!isLoading && !authStore.isGarRole && (authStore.authOrgaId || !noSharing)\" id=\"share-buttons-podcast-section\" class=\"module-box\">\n <h3 class=\"mb-2\">\n {{ t(\"Share in one click\") }}\n </h3>\n <div class=\"d-flex align-items-center\">\n <template v-for=\"button in arrayShareButtons\" :key=\"button.title\">\n <a\n v-if=\"button.condition\"\n rel=\"noreferrer noopener\"\n target=\"_blank\"\n :href=\"button.url\"\n class=\"btn share-btn mb-2 text-dark me-2\"\n :title=\"t('New window', {text: button.title})\"\n >\n <component :is=\"button.icon\" :size=\"34\" />\n </a>\n </template>\n <slot name=\"additional-buttons\"/>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport XIcon from \"../../icons/XIcon.vue\";\nimport BlueSkyIcon from \"../../icons/BlueSkyIcon.vue\";\nimport WhatsappIcon from \"vue-material-design-icons/Whatsapp.vue\";\nimport LinkedinIcon from \"vue-material-design-icons/Linkedin.vue\";\nimport FacebookIcon from \"vue-material-design-icons/Facebook.vue\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst noSharing = ref(true);\nconst isLoading = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst saveFetchStore =useSaveFetchStore();\n\n//Computed\nconst arrayShareButtons = computed(() => {\n return [\n {\n title: \"Facebook\",\n icon: FacebookIcon,\n url: `https://www.facebook.com/sharer/sharer.php?u=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"X\",\n icon: XIcon,\n url: `https://twitter.com/intent/tweet?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Linkedin\",\n icon: LinkedinIcon,\n url: `https://www.linkedin.com/sharing/share-offsite/?url=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Bluesky\",\n icon: BlueSkyIcon,\n url: `https://bsky.app/intent/compose?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Whatsapp\",\n icon: WhatsappIcon,\n url: `whatsapp://send?text=${urlPage.value}`,\n condition: window.matchMedia(\"(hover: none)\").matches,\n },\n];\n});\nconst urlPage = computed(() =>window.location.href);\n\nonMounted(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\n</script>","<template>\n <section v-if=\"!isLoading && !authStore.isGarRole && (authStore.authOrgaId || !noSharing)\" id=\"share-buttons-podcast-section\" class=\"module-box\">\n <h3 class=\"mb-2\">\n {{ t(\"Share in one click\") }}\n </h3>\n <div class=\"d-flex align-items-center\">\n <template v-for=\"button in arrayShareButtons\" :key=\"button.title\">\n <a\n v-if=\"button.condition\"\n rel=\"noreferrer noopener\"\n target=\"_blank\"\n :href=\"button.url\"\n class=\"btn share-btn mb-2 text-dark me-2\"\n :title=\"t('New window', {text: button.title})\"\n >\n <component :is=\"button.icon\" :size=\"34\" />\n </a>\n </template>\n <slot name=\"additional-buttons\"/>\n </div>\n </section>\n</template>\n\n<script setup lang=\"ts\">\nimport XIcon from \"../../icons/XIcon.vue\";\nimport BlueSkyIcon from \"../../icons/BlueSkyIcon.vue\";\nimport WhatsappIcon from \"vue-material-design-icons/Whatsapp.vue\";\nimport LinkedinIcon from \"vue-material-design-icons/Linkedin.vue\";\nimport FacebookIcon from \"vue-material-design-icons/Facebook.vue\";\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { computed, onMounted, ref } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst noSharing = ref(true);\nconst isLoading = ref(true);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst saveFetchStore =useSaveFetchStore();\n\n//Computed\nconst arrayShareButtons = computed(() => {\n return [\n {\n title: \"Facebook\",\n icon: FacebookIcon,\n url: `https://www.facebook.com/sharer/sharer.php?u=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"X\",\n icon: XIcon,\n url: `https://twitter.com/intent/tweet?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Linkedin\",\n icon: LinkedinIcon,\n url: `https://www.linkedin.com/sharing/share-offsite/?url=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Bluesky\",\n icon: BlueSkyIcon,\n url: `https://bsky.app/intent/compose?text=${urlPage.value}`,\n condition: true,\n },\n {\n title: \"Whatsapp\",\n icon: WhatsappIcon,\n url: `whatsapp://send?text=${urlPage.value}`,\n condition: window.matchMedia(\"(hover: none)\").matches,\n },\n];\n});\nconst urlPage = computed(() =>window.location.href);\n\nonMounted(()=>initShareButtons())\n\n\n//Methods\nasync function initShareButtons() {\n if (!props.organisationId) {\n return;\n }\n const attributes = await saveFetchStore.getOrgaAttributes(props.organisationId);\n noSharing.value = \"true\" === attributes.noSharing;\n isLoading.value = false;\n}\n</script>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCCI,OAAAG,UAAA,GAAAC,mBAgBO,QAAA;EAfJ,eAAW,CAAG,OAAA;EACf,OAAM;EACL,OAAO,OAAA;CAER,GAAA,EAAAD,UAAA,GAAAC,mBAUM,OAAA;EATJ,OAAM;EACN,SAAQ;EACP,QAAQ,OAAA;EACR,OAAO,OAAA;EACP,MAAM,OAAA;CAEP,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAAC,mBAEE,QAAA,EADA,GAAE,ilBAAglB,GAAA,MAAA,EAAA,CAAA,EAAA,GAAA,GAAAJ,YAAA,EAAA,GAAA,GAAAD,YAAA;;;;;;;;;;;;;ECqB5lB,MAAM,QAAQ;EAKd,MAAM,YAAY,IAAI,IAAI;EAC1B,MAAM,YAAY,IAAI,IAAI;EAG1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,iBAAgB,kBAAkB;EAGxC,MAAM,oBAAoB,eAAe;GACvC,OAAO;IACP;KACE,OAAO;KACP,MAAM;KACN,KAAK,gDAAgD,QAAQ;KAC7D,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAMO;KACN,KAAK,yCAAyC,QAAQ;KACtD,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAM;KACN,KAAK,uDAAuD,QAAQ;KACpE,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAMC;KACN,KAAK,wCAAwC,QAAQ;KACrD,WAAW;IACb;IACA;KACE,OAAO;KACP,MAAM;KACN,KAAK,wBAAwB,QAAQ;KACrC,WAAW,OAAO,WAAW,eAAe,CAAC,CAAC;IAChD;GACF;EACA,CAAC;EACD,MAAM,UAAU,eAAc,OAAO,SAAS,IAAI;EAElD,gBAAc,iBAAiB,CAAC;EAIhC,eAAe,mBAAmB;GAChC,IAAI,CAAC,MAAM,gBACT;GAEF,MAAM,aAAa,MAAM,eAAe,kBAAkB,MAAM,cAAc;GAC9E,UAAU,QAAQ,WAAW,WAAW;GACxC,UAAU,QAAQ;EACpB;;;;;;;;;;;;;;;;;;;;;;;CC/F6F,IAAG;CAAgC,OAAM;;AAC9H,IAAA,aAAA,EAAA,OAAM,OAAM;AAGX,IAAA,aAAA,EAAA,OAAM,4BAA2B;;;CAJxB,OAAA,CAAA,OAAA,aAAS,CAAK,OAAA,UAAU,cAAc,OAAA,UAAU,cAAU,CAAK,OAAA,cAA/EC,UAAA,GAAAC,mBAmBU,WAnBV,YAmBU,CAlBRC,mBAEK,MAFL,YAEKC,gBADA,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,GAEND,mBAcM,OAdN,YAcM,EAbJF,UAAA,IAAA,GAAAC,mBAWWG,UAAA,MAAAC,WAXgB,OAAA,oBAAV,WAAM;EAA6B,OAAA,UAAA,GAAA,mBAAA,UAAA,EAAA,KAAA,OAAO,MAAA,GAEjD,CAAA,OAAO,aADfL,UAAA,GAAAC,mBASI,KAAA;;GAPF,KAAI;GACJ,QAAO;GACN,MAAM,OAAO;GACd,OAAM;GACL,OAAO,OAAA,EAAC,cAAA,EAAA,MAAsB,OAAO,MAAK,CAAA;EAE3C,GAAA,EAAAD,UAAA,GAAAM,YAA0CC,wBAA1B,OAAO,IAAI,GAAA,EAAG,MAAM,GAAE,CAAA,EAAA,GAAA,GAAA,UAAA,KAAAC,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA;CAG1C,CAAA,GAAA,GAAA,IAAAC,WAAiC,KAAA,QAAA,oBAAA,CAAA,CAAA,CAAA,CAAA,KAAAD,mBAAA,QAAA,IAAA"}

package/dist/{ShareSocialsButtons-BJ3DqvIO.mjs → ShareSocialsButtons-PqMXhFEk.mjs} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { T as e, i as t } from "./classicApi-pmODlqv5.mjs";
+import { E as e, i as t } from "./classicApi-CGipMqf7.mjs";
 import { t as n } from "./XIcon-DNBT2Zgf.mjs";
 import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, defineComponent as l, onMounted as u, openBlock as d, ref as f, renderList as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _ } from "vue";
 import { useI18n as v } from "vue-i18n";

package/dist/{SimpleLayout-BJlcQjx9.mjs → SimpleLayout-9O9FZ69Q.mjs} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { n as e } from "./PlayerStore-CKprkxa0.mjs";
-import { t } from "./PlayerComponent-B58O6U6i.mjs";
+import { n as e } from "./PlayerStore-DggKki80.mjs";
+import { t } from "./PlayerComponent-B1RsmSf0.mjs";
 import { Fragment as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, onBeforeMount as s, onBeforeUnmount as c, openBlock as l, renderSlot as u } from "vue";
 //#endregion
 //#region src/layouts/SimpleLayout.vue

package/dist/SimpleLayout-B-QSfHeQ.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SimpleLayout-B-QSfHeQ.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n","\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBGG,WAAQ,KAAA,QAAA,SAAA;EACR,OAAA,OAAA,OAAA,KAAAC,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxBC,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-BauUacaf.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SimpleLayout-BauUacaf.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n","\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBGG,WAAQ,KAAA,QAAA,SAAA;EACR,OAAA,OAAA,OAAA,KAAAC,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxBC,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-C29bPtbd.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SimpleLayout-C29bPtbd.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n","\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBGG,WAAQ,KAAA,QAAA,SAAA;EACR,OAAA,OAAA,OAAA,KAAAC,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxBC,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-Cjc3Q9Mb.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SimpleLayout-Cjc3Q9Mb.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n","\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBGG,WAAQ,KAAA,QAAA,SAAA;EACR,OAAA,OAAA,OAAA,KAAAC,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxBC,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-D4sVjQGu.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SimpleLayout-D4sVjQGu.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n","\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBGG,WAAQ,KAAA,QAAA,SAAA;EACR,OAAA,OAAA,OAAA,KAAAC,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxBC,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-DaoXS--3.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SimpleLayout-DaoXS--3.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n","\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBGG,WAAQ,KAAA,QAAA,SAAA;EACR,OAAA,OAAA,OAAA,KAAAC,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxBC,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-vkWEZHLi.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SimpleLayout-vkWEZHLi.mjs","names":["_openBlock","_createElementBlock","_Fragment","_renderSlot","_createElementVNode","_createVNode","_sfc_main"],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n","\n<template>\n <slot />\n <div class=\"flex-grow-1\" />\n <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n // Stop playing to avoid issues when switching to no layout\n playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n // Stop playing to avoid issues when switching from no layout\n playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBGG,WAAQ,KAAA,QAAA,SAAA;EACR,OAAA,OAAA,OAAA,KAAAC,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxBC,YAAmB,OAAA,kBAAA"}

package/dist/{SmartLinkPage-DpD90wc7.mjs → SmartLinkPage-6HgX8LDv.mjs} RENAMED Viewed

@@ -1,10 +1,10 @@
-import { A as e, C as t, _ as n, m as r, p as i, y as ee } from "./classicApi-pmODlqv5.mjs";
-import { n as a } from "./PlayerStore-CKprkxa0.mjs";
+import { b as e, j as t, m as n, p as r, v as i, w as ee } from "./classicApi-CGipMqf7.mjs";
+import { n as a } from "./PlayerStore-DggKki80.mjs";
 import { t as o } from "./_plugin-vue_export-helper-B3ysoDQm.mjs";
-import { t as s } from "./ClassicNotifications-DEpVRRHg.mjs";
+import { t as s } from "./ClassicNotifications-8CVfGSqL.mjs";
 import { t as c } from "./displayHelper-DQtoqc_6.mjs";
-import { t as l } from "./useImageProxy-8ndy_oTo.mjs";
-import { r as u } from "./useSharePlatforms-ZWYDJZBy.mjs";
+import { t as l } from "./useImageProxy-CCpDzPmQ.mjs";
+import { r as u } from "./useSharePlatforms-sXgVxsL5.mjs";
 import { t as te } from "./useSeoTitleUrl-UfPXDCPa.mjs";
 import { t as ne } from "./useSharePath-D9G8Jdlb.mjs";
 import "./logo_saooti_play_black-Doe3es2H.mjs";
@@ -32,15 +32,15 @@ var D = {
 	setup(o) {
 		let { updatePathParams: y } = te(), { useProxyImageUrl: V } = l(), { getPlatformsWithLinks: H, initPlatforms: U } = u(), W = x(null);
 		ie(async () => {
-			o.playlistId ? (W.value = await n.get(o.playlistId), U(W.value.organisation.id)) : o.emissionId ? (W.value = await t.get(o.emissionId), U(W.value.orga.id)) : console.error("No content defined"), y(G.value), ce(), fe();
+			o.playlistId ? (W.value = await i.get(o.playlistId), U(W.value.organisation.id)) : o.emissionId ? (W.value = await ee.get(o.emissionId), U(W.value.orga.id)) : console.error("No content defined"), y(G.value), ce(), fe();
 		});
 		let G = f(() => o.playlistId ? W.value.title : o.emissionId ? W.value.name : ""), K = f(() => {
-			let t = W.value.description;
-			if (e.smartLink.showOnlyFirstParagraphInDescription === !0) {
-				let e = t.match(/^(.+?(?:\n+.*?)*<\/p>)/);
-				e && e.length >= 2 && (t = e[1]);
+			let e = W.value.description;
+			if (t.smartLink.showOnlyFirstParagraphInDescription === !0) {
+				let t = e.match(/^(.+?(?:\n+.*?)*<\/p>)/);
+				t && t.length >= 2 && (e = t[1]);
 			}
-			return c.urlify(t);
+			return c.urlify(e);
 		}), q = f(() => {
 			if (W.value) {
 				if (o.playlistId) return W.value.organisation;
@@ -48,7 +48,7 @@ var D = {
 			}
 		}), J = x(null), { getSharePath: Y } = ne();
 		async function ce() {
-			q.value && (J.value = await ee.getAttributes(q.value.id));
+			q.value && (J.value = await e.getAttributes(q.value.id));
 		}
 		let X = f(() => {
 			if (o.playlistId) return Y({
@@ -69,15 +69,15 @@ var D = {
 		let Z = a(), Q = x(null);
 		async function fe() {
 			if (o.playlistId) {
-				let e = await n.getContent(o.playlistId);
+				let e = await i.getContent(o.playlistId);
 				if (e.length > 0) {
 					let t = e[e.length - 1].podcastId;
-					Q.value = await r.get(t);
+					Q.value = await n.get(t);
 				}
 			} else if (o.emissionId) {
-				let e = await r.searchFull({
+				let e = await n.searchFull({
 					emissionId: o.emissionId,
-					sort: i.DATE,
+					sort: r.DATE,
 					size: 1
 				});
 				e.count > 0 && (Q.value = e.result[0]);