@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/PlayerLarge-Chv7pMOU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-Chv7pMOU.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-CkWGaDiY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-CkWGaDiY.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n  >\n    <button\n      :title=\"t('Reduce')\"\n      class=\"player-reduce-button btn bg-transparent player-text\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronDownIcon :size=\"40\" />\n    </button>\n    <PlayerImage :image-width=\"200\" />\n    <PlayerTitle\n      :player-error=\"playerError\"\n      :hls-ready=\"hlsReady\"\n      title-class=\"h3\"\n    />\n    <PlayerChaptering class=\"justify-content-center w-100\" />\n    <div class=\"player-grow-large-content\">\n      <PlayerProgressBar\n        class-progress=\"large\"\n        :show-comments=\"true\"\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n      <div\n        v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n        class=\"d-flex justify-content-between\"\n      >\n        <div>{{ displayPlayTime }}</div>\n        <div>{{ displayTotalTime }}</div>\n      </div>\n      <RadioHistory v-if=\"radioUrl\" />\n    </div>\n\n\n    <!-- Transcription -->\n    <div\n      v-if=\"'' != transcriptText && !isAdPlaying\"\n      class=\"transcript\"\n    >\n      <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n        {{ transcriptText }}\n      </div>\n      <ClassicLoading\n        v-if=\"generatingTranscriptLanguage\"\n        small\n        spinner-color=\"white\"\n        :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n      />\n\n      <div\n        v-if=\"transcriptInfo\"\n        class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n      >\n        {{ transcriptInfo }}\n      </div>\n    </div>\n\n    <!-- Buttons -->\n    <div class=\"d-flex align-items-center flex-grow-1\">\n      <button\n        title=\"-15''\"\n        class=\"btn bg-transparent player-text\"\n        :disabled=\"isAdPlaying\"\n        @click=\"seekClick(-15)\"\n      >\n        <Rewind15Icon :size=\"44\" />\n      </button>\n      <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n      <button\n        title=\"+15''\"\n        class=\"btn bg-transparent player-text\"\n        :disabled=\"isAdPlaying\"\n        @click=\"seekClick(15)\"\n      >\n        <FastForward15Icon :size=\"44\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n  () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n  if (sdkParams.player.showAITranscriptWarning === true) {\n    return t('Player - Transcription - AI Warning');\n  }\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n  const audioPlayer: HTMLAudioElement | null =\n    document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  const seekTo = audioPlayer.currentTime + addTime;\n  if (playerStore.playerPodcast || playerStore.playerLive) {\n    playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n  }\n  audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n  <div\n    class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n  >\n    <button\n      :title=\"t('Reduce')\"\n      class=\"player-reduce-button btn bg-transparent player-text\"\n      @click=\"changePlayerLargeVersion\"\n    >\n      <ChevronDownIcon :size=\"40\" />\n    </button>\n    <PlayerImage :image-width=\"200\" />\n    <PlayerTitle\n      :player-error=\"playerError\"\n      :hls-ready=\"hlsReady\"\n      title-class=\"h3\"\n    />\n    <PlayerChaptering class=\"justify-content-center w-100\" />\n    <div class=\"player-grow-large-content\">\n      <PlayerProgressBar\n        class-progress=\"large\"\n        :show-comments=\"true\"\n        :display-alert-bar=\"displayAlertBar\"\n        :percent-live-progress=\"percentLiveProgress\"\n        :duration-live-position=\"durationLivePosition\"\n        :player-error=\"playerError\"\n        :listen-time=\"listenTime\"\n      />\n      <div\n        v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n        class=\"d-flex justify-content-between\"\n      >\n        <div>{{ displayPlayTime }}</div>\n        <div>{{ displayTotalTime }}</div>\n      </div>\n      <RadioHistory v-if=\"radioUrl\" />\n    </div>\n\n\n    <!-- Transcription -->\n    <div\n      v-if=\"'' != transcriptText && !isAdPlaying\"\n      class=\"transcript\"\n    >\n      <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n        {{ transcriptText }}\n      </div>\n      <ClassicLoading\n        v-if=\"generatingTranscriptLanguage\"\n        small\n        spinner-color=\"white\"\n        :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n      />\n\n      <div\n        v-if=\"transcriptInfo\"\n        class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n      >\n        {{ transcriptInfo }}\n      </div>\n    </div>\n\n    <!-- Buttons -->\n    <div class=\"d-flex align-items-center flex-grow-1\">\n      <button\n        title=\"-15''\"\n        class=\"btn bg-transparent player-text\"\n        :disabled=\"isAdPlaying\"\n        @click=\"seekClick(-15)\"\n      >\n        <Rewind15Icon :size=\"44\" />\n      </button>\n      <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n      <button\n        title=\"+15''\"\n        class=\"btn bg-transparent player-text\"\n        :disabled=\"isAdPlaying\"\n        @click=\"seekClick(15)\"\n      >\n        <FastForward15Icon :size=\"44\" />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n  () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n  () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n  playerError: { default: false, type: Boolean },\n  displayAlertBar: { default: false, type: Boolean },\n  percentLiveProgress: { default: 0, type: Number },\n  durationLivePosition: { default: 0, type: Number },\n  listenTime: { default: 0, type: Number },\n  hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n  transcriptText,\n  radioUrl,\n  isAdPlaying,\n  displayPlayTime,\n  displayTotalTime,\n } = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n  if (sdkParams.player.showAITranscriptWarning === true) {\n    return t('Player - Transcription - AI Warning');\n  }\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n  emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n  const audioPlayer: HTMLAudioElement | null =\n    document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  const seekTo = audioPlayer.currentTime + addTime;\n  if (playerStore.playerPodcast || playerStore.playerLive) {\n    playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n  }\n  audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-D0NMzCRi.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-D0NMzCRi.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-D3obSnYt.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-D3obSnYt.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-DLGXpE3K.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-DLGXpE3K.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-QtUrqNm5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-QtUrqNm5.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-juuY9yOX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-juuY9yOX.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-n7zyM6b_.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-n7zyM6b_.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-o4FVk0QB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-o4FVk0QB.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerLarge-tMW3v2La.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-tMW3v2La.mjs","names":[],"sources":["../src/components/misc/player/PlayerLarge.vue","../src/components/misc/player/PlayerLarge.vue"],"sourcesContent":["<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n","<template>\n    <div\n        class=\"d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto\"\n    >\n        <button\n            :title=\"t('Reduce')\"\n            class=\"player-reduce-button btn bg-transparent player-text\"\n            @click=\"changePlayerLargeVersion\"\n        >\n            <ChevronDownIcon :size=\"40\" />\n        </button>\n        <PlayerImage :image-width=\"200\" />\n        <PlayerTitle\n            :player-error=\"playerError\"\n            :hls-ready=\"hlsReady\"\n            title-class=\"h3\"\n        />\n        <PlayerChaptering class=\"justify-content-center w-100\" />\n        <div class=\"player-grow-large-content\">\n            <PlayerProgressBar\n                class-progress=\"large\"\n                :show-comments=\"true\"\n                :display-alert-bar=\"displayAlertBar\"\n                :percent-live-progress=\"percentLiveProgress\"\n                :duration-live-position=\"durationLivePosition\"\n                :player-error=\"playerError\"\n                :listen-time=\"listenTime\"\n            />\n            <div\n                v-if=\"!playerError && (!radioUrl || isAdPlaying)\"\n                class=\"d-flex justify-content-between\"\n            >\n                <div>{{ displayPlayTime }}</div>\n                <div>{{ displayTotalTime }}</div>\n            </div>\n            <RadioHistory v-if=\"radioUrl\" />\n        </div>\n\n\n        <!-- Transcription -->\n        <div\n            v-if=\"transcriptText.length > 0 && !isAdPlaying\"\n            class=\"transcript\"\n        >\n            <div class=\"flex-grow-1 p-1 text-center w-100 transcript-bg rounded\">\n                <div\n                    v-for=\"line, i in transcriptText\"\n                    :key=\"i\"\n                >\n                    {{ line }}\n                </div>\n            </div>\n            <ClassicLoading\n                v-if=\"generatingTranscriptLanguage\"\n                small\n                spinner-color=\"white\"\n                :loading-text=\"$t('Player - Generating subtitles', { language: generatingTranscriptLanguage })\"\n            />\n\n            <div\n                v-if=\"transcriptInfo\"\n                class=\"flex-grow-1 p-1 text-center transcript-info rounded\"\n            >\n                {{ transcriptInfo }}\n            </div>\n        </div>\n\n        <!-- Buttons -->\n        <div class=\"d-flex align-items-center flex-grow-1\">\n            <button\n                title=\"-15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(-15)\"\n            >\n                <Rewind15Icon :size=\"44\" />\n            </button>\n            <PlayerPlayButton :player-error=\"playerError\" :is-big-button=\"true\" />\n\n            <button\n                title=\"+15''\"\n                class=\"btn bg-transparent player-text\"\n                :disabled=\"isAdPlaying\"\n                @click=\"seekClick(15)\"\n            >\n                <FastForward15Icon :size=\"44\" />\n            </button>\n        </div>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport Rewind15Icon from \"vue-material-design-icons/Rewind15.vue\";\nimport FastForward15Icon from \"vue-material-design-icons/FastForward15.vue\";\nimport ChevronDownIcon from \"vue-material-design-icons/ChevronDown.vue\";\nimport {usePlayerDisplayTime} from \"../../composable/player/usePlayerDisplayTime\";\nimport PlayerChaptering from \"./chaptering/PlayerChaptering.vue\";\nimport PlayerImage from \"./elements/PlayerImage.vue\";\nimport PlayerTitle from \"./elements/PlayerTitle.vue\";\nimport PlayerPlayButton from \"./elements/PlayerPlayButton.vue\";\nimport { computed, defineAsyncComponent } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useI18n } from \"vue-i18n\";\nimport { state as sdkParams } from \"../../../stores/ParamSdkStore\";\nimport ClassicLoading from \"../../form/ClassicLoading.vue\";\nimport { usePlayerTranscript } from \"../../composable/player/usePlayerTranscript\";\n\nconst RadioHistory = defineAsyncComponent(\n    () => import(\"./radio/RadioHistory.vue\"),\n);\nconst PlayerProgressBar = defineAsyncComponent(\n    () => import(\"./progressbar/PlayerProgressBar.vue\"),\n);\n\n//Props\ndefineProps( {\n    playerError: { default: false, type: Boolean },\n    displayAlertBar: { default: false, type: Boolean },\n    percentLiveProgress: { default: 0, type: Number },\n    durationLivePosition: { default: 0, type: Number },\n    listenTime: { default: 0, type: Number },\n    hlsReady: { default: false, type: Boolean },\n});\n\n//Emits\nconst emit = defineEmits(['changePlayerLargeVersion']);\n\n//Composables\nconst { \n    transcriptText,\n    radioUrl,\n    isAdPlaying,\n    displayPlayTime,\n    displayTotalTime,\n} = usePlayerDisplayTime();\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst { generatingTranscriptLanguage } = usePlayerTranscript();\n\n/** Info message to display regarding transcript */\nconst transcriptInfo = computed((): string|undefined => {\n    if (sdkParams.player.showAITranscriptWarning === true) {\n        return t('Player - Transcription - AI Warning');\n    }\n    return undefined;\n});\n\n//Methods\nfunction changePlayerLargeVersion() {\n    emit(\"changePlayerLargeVersion\");\n}\nfunction seekClick(addTime: number): void {\n    const audioPlayer: HTMLAudioElement | null =\n        document.querySelector(\"#audio-player\");\n    if (!audioPlayer) {\n        return;\n    }\n    const seekTo = audioPlayer.currentTime + addTime;\n    if (playerStore.playerPodcast || playerStore.playerLive) {\n        playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);\n    }\n    audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;\n}\n</script>\n\n<style scoped lang=\"scss\">\n.octopus-app {\n  .player-container .img-box {\n    width: 10rem;\n    height: 10rem;\n  }\n\n  .player-reduce-button {\n    position: absolute;\n    right: 0;\n    font-size: 1.2rem !important;\n  }\n\n  .player-grow-large-content {\n    width: 100%;\n    padding: 1rem 2rem;\n\n    @media (width <= 960px) {\n      padding: 0.5rem;\n    }\n  }\n\n  .transcript {\n    display: flex;\n    flex-direction: column;\n    padding: 0 1rem;\n    width: 100%;\n    \n    .transcript-info {\n      font-style: italic;\n      font-size: 16px;\n    }\n  }\n\n  .transcript-bg {\n    background: var(--octopus-player-transcript-bg-color);\n  }\n}\n\n.player-text {\n  color: var(--octopus-player-text-color);\n}\n</style>\n"],"mappings":"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"}

package/dist/PlayerPlayButton-CTu0337E.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerPlayButton-CTu0337E.mjs","names":[],"sources":["../src/components/composable/player/usePlayerDisplayTime.ts","../src/components/misc/player/elements/PlayerTitle.vue","../src/components/misc/player/elements/PlayerTitle.vue","../src/components/misc/player/chaptering/PlayerChaptering.vue","../src/components/misc/player/chaptering/PlayerChaptering.vue","../src/components/misc/player/elements/PlayerImage.vue","../src/components/misc/player/elements/PlayerImage.vue","../src/components/misc/player/elements/PlayerPlayButton.vue","../src/components/misc/player/elements/PlayerPlayButton.vue"],"sourcesContent":["import { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../stores/VastStore\";\nimport DurationHelper from \"../../../helper/durationHelper\";\nexport const usePlayerDisplayTime = ()=>{\n\n    const playerStore = usePlayerStore();\n    const vastStore = useVastStore();\n\n    const displayPlayTime = computed(() => { \n        if(vastStore.isAdPlaying){\n            return DurationHelper.formatDuration(Math.round(vastStore.currentTimeAd));\n        }\n        return playerStore.playedTime;\n    });\n\n    const displayTotalTime = computed(() => { \n        if(vastStore.isAdPlaying){\n            return DurationHelper.formatDuration(Math.round(vastStore.currentDurationAd));\n        }\n        return playerStore.totalTime;\n    });\n\n    const transcriptText = computed((): Array<string> => { \n        return playerStore.transcriptText;\n    });\n\n    return {\n        displayPlayTime,\n        displayTotalTime,\n        transcriptText,\n        radioUrl: playerStore.radioUrl,\n        isAdPlaying: vastStore.isAdPlaying,\n    }\n}\n","<template>\n  <div v-if=\"playerError\" class=\"text-warning mx-2\">\n    {{ t(\"Podcast play error\") + \" - \" }}\n  </div>\n  <component\n    :is=\"vastStore.linkAdvertising ? 'a' : 'div'\"\n    class=\"flex-grow-1 text-truncate\"\n    :class=\"titleClass\"\n    :href=\"vastStore.linkAdvertising\"\n    rel=\"noreferrer noopener\"\n    target=\"_blank\"\n    :title=\"t('New window', {text: podcastTitle})\"\n  >\n    {{ podcastTitle }}\n  </component>\n</template>\n<script setup lang=\"ts\">\nimport {useFetchRadio} from \"../../../composable/radio/usefetchRadioData\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { computed, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { MediaRadio, NextAdvertising } from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playerError: { default: false, type: Boolean },\n  hlsReady: { default: false, type: Boolean },\n  titleClass: { default: \"\", type: String },\n})\n\n//Data \nconst radioInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { fetchRadioMetadata, displayTitle } = useFetchRadio();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastTitle = computed(() => {\n  if (vastStore.isAdPlaying) {\n    return t(\"Advertising\") + vastStore.titleAdvertising;\n  }\n  if (playerStore.playerRadio) {\n    if (playerStore.playerRadio.podcast) {\n      return playerStore.playerRadio.podcast.title;\n    }\n    return displayTitle(playerStore.playerRadio.metadata);\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast.title;\n  }\n  if (playerStore.playerMedia) {\n    return playerStore.playerMedia.title;\n  }\n  if (playerStore.playerLive) {\n    if (!props.hlsReady) {\n      return (\n        playerStore.playerLive.title + \" (\" + t(\"Start in a while\") + \")\"\n      );\n    }\n    return playerStore.playerLive.title;\n  }\n  return \"\";\n});\n\n//Watch\nwatch(()=>playerStore.playerRadio, (newValue, oldValue) => {\n  if (oldValue && newValue && newValue.canalId === oldValue.canalId) {\n    return;\n  }\n  clearInterval(radioInterval.value as unknown as number);\n  if (playerStore.playerRadio) {\n    fetchCurrentlyPlaying();\n    radioInterval.value = setInterval(() => {\n      fetchCurrentlyPlaying();\n    }, 10000);\n  }\n}, {deep: true,immediate: true});\n\nonUnmounted(()=>{\n  clearInterval(radioInterval.value as unknown as number);\n  radioInterval.value= undefined;\n})\n\n\n//Methods\nasync function fetchCurrentlyPlaying(): Promise<void> {\n  fetchRadioMetadata(\n    playerStore.playerRadio?.canalId ?? 0,\n    playerStore.playerRadio?.metadata?.title ?? \"\",\n    updateMetadata,\n    updateAdvertising,\n  );\n}\nfunction updateAdvertising(nextAdvertising: NextAdvertising): void {\n  playerStore.playerRadioUpdateNextAdvertising(nextAdvertising);\n}\nfunction updateMetadata(\n  metadata: MediaRadio|undefined,\n  podcast: Podcast | undefined,\n  history: Array<MediaRadio>,\n): void {\n  playerStore.playerMetadata(metadata, history); //TODO\n  playerStore.playerRadioPodcast(podcast);\n}\n</script>\n","<template>\n  <div v-if=\"playerError\" class=\"text-warning mx-2\">\n    {{ t(\"Podcast play error\") + \" - \" }}\n  </div>\n  <component\n    :is=\"vastStore.linkAdvertising ? 'a' : 'div'\"\n    class=\"flex-grow-1 text-truncate\"\n    :class=\"titleClass\"\n    :href=\"vastStore.linkAdvertising\"\n    rel=\"noreferrer noopener\"\n    target=\"_blank\"\n    :title=\"t('New window', {text: podcastTitle})\"\n  >\n    {{ podcastTitle }}\n  </component>\n</template>\n<script setup lang=\"ts\">\nimport {useFetchRadio} from \"../../../composable/radio/usefetchRadioData\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { computed, onUnmounted, Ref, ref, watch } from \"vue\";\nimport { MediaRadio, NextAdvertising } from \"@/stores/class/general/player\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  playerError: { default: false, type: Boolean },\n  hlsReady: { default: false, type: Boolean },\n  titleClass: { default: \"\", type: String },\n})\n\n//Data \nconst radioInterval: Ref<ReturnType<typeof setTimeout> | undefined> = ref(undefined);\n\n//Composables\nconst { t } = useI18n();\nconst { fetchRadioMetadata, displayTitle } = useFetchRadio();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastTitle = computed(() => {\n  if (vastStore.isAdPlaying) {\n    return t(\"Advertising\") + vastStore.titleAdvertising;\n  }\n  if (playerStore.playerRadio) {\n    if (playerStore.playerRadio.podcast) {\n      return playerStore.playerRadio.podcast.title;\n    }\n    return displayTitle(playerStore.playerRadio.metadata);\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast.title;\n  }\n  if (playerStore.playerMedia) {\n    return playerStore.playerMedia.title;\n  }\n  if (playerStore.playerLive) {\n    if (!props.hlsReady) {\n      return (\n        playerStore.playerLive.title + \" (\" + t(\"Start in a while\") + \")\"\n      );\n    }\n    return playerStore.playerLive.title;\n  }\n  return \"\";\n});\n\n//Watch\nwatch(()=>playerStore.playerRadio, (newValue, oldValue) => {\n  if (oldValue && newValue && newValue.canalId === oldValue.canalId) {\n    return;\n  }\n  clearInterval(radioInterval.value as unknown as number);\n  if (playerStore.playerRadio) {\n    fetchCurrentlyPlaying();\n    radioInterval.value = setInterval(() => {\n      fetchCurrentlyPlaying();\n    }, 10000);\n  }\n}, {deep: true,immediate: true});\n\nonUnmounted(()=>{\n  clearInterval(radioInterval.value as unknown as number);\n  radioInterval.value= undefined;\n})\n\n\n//Methods\nasync function fetchCurrentlyPlaying(): Promise<void> {\n  fetchRadioMetadata(\n    playerStore.playerRadio?.canalId ?? 0,\n    playerStore.playerRadio?.metadata?.title ?? \"\",\n    updateMetadata,\n    updateAdvertising,\n  );\n}\nfunction updateAdvertising(nextAdvertising: NextAdvertising): void {\n  playerStore.playerRadioUpdateNextAdvertising(nextAdvertising);\n}\nfunction updateMetadata(\n  metadata: MediaRadio|undefined,\n  podcast: Podcast | undefined,\n  history: Array<MediaRadio>,\n): void {\n  playerStore.playerMetadata(metadata, history); //TODO\n  playerStore.playerRadioPodcast(podcast);\n}\n</script>\n","<template>\n  <div v-if=\"actualChapter\" class=\"d-flex mb-1\">\n    <button\n      class=\"btn-transparent d-flex align-items-center text-truncate medium-text text-light\"\n      @click=\"showChaptering = !showChaptering\"\n    >\n      <div class=\"text-truncate\">\n        {{ actualIndex + 1 + \" - \" + actualChapter.title }}\n      </div>\n      <ChevronRightIcon :size=\"16\" />\n    </button>\n    <ChapteringModal\n      v-if=\"showChaptering\"\n      :actual-chapter=\"actualIndex\"\n      @close=\"showChaptering = false\"\n    />\n  </div>\n  <div v-else-if=\"playerStore.playerChapteringPercent\" class=\"margin-chaptering\"></div>\n</template>\n<script setup lang=\"ts\">\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { ChapterPercent } from \"@/stores/class/chaptering/chaptering\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { defineAsyncComponent, Ref, ref, watch } from \"vue\";\nconst ChapteringModal = defineAsyncComponent(\n  () => import(\"./ChapteringModal.vue\"),\n);\n\n//Data \nconst actualChapter : Ref<ChapterPercent | undefined>= ref(undefined);\nconst actualIndex = ref(-1);\nconst showChaptering = ref(false);\n\n\n//Composables\nconst playerStore = usePlayerStore();\n\n//Watch\nwatch(()=>playerStore.playerElapsed, () => {\n  if (!playerStore.playerChapteringPercent) {\n    actualChapter.value = undefined;\n    return;\n  }\n  const progressPercent = (playerStore.playerElapsed ?? 0) * 100;\n  if (\n    actualChapter.value &&\n    isInChapter(progressPercent, actualChapter.value)\n  ) {\n    return;\n  }\n  for (\n    let i = 0, len = playerStore.playerChapteringPercent.length;\n    i < len;\n    i++\n  ) {\n    if (\n      isInChapter(progressPercent, playerStore.playerChapteringPercent[i])\n    ) {\n      actualChapter.value = playerStore.playerChapteringPercent[i];\n      actualIndex.value = i;\n      return;\n    }\n  }\n  actualChapter.value = undefined;\n  actualIndex.value = -1;\n}, {immediate: true});\n\n\n//Methods\nfunction isInChapter(val: number, chapter: ChapterPercent) {\n  return (\n    Math.floor(chapter.startPercent) <= val &&\n    val < Math.floor(chapter.endPercent)\n  );\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .margin-chaptering {\n  height: 23px;\n}\n</style>\n","<template>\n  <div v-if=\"actualChapter\" class=\"d-flex mb-1\">\n    <button\n      class=\"btn-transparent d-flex align-items-center text-truncate medium-text text-light\"\n      @click=\"showChaptering = !showChaptering\"\n    >\n      <div class=\"text-truncate\">\n        {{ actualIndex + 1 + \" - \" + actualChapter.title }}\n      </div>\n      <ChevronRightIcon :size=\"16\" />\n    </button>\n    <ChapteringModal\n      v-if=\"showChaptering\"\n      :actual-chapter=\"actualIndex\"\n      @close=\"showChaptering = false\"\n    />\n  </div>\n  <div v-else-if=\"playerStore.playerChapteringPercent\" class=\"margin-chaptering\"></div>\n</template>\n<script setup lang=\"ts\">\nimport ChevronRightIcon from \"vue-material-design-icons/ChevronRight.vue\";\nimport { ChapterPercent } from \"@/stores/class/chaptering/chaptering\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { defineAsyncComponent, Ref, ref, watch } from \"vue\";\nconst ChapteringModal = defineAsyncComponent(\n  () => import(\"./ChapteringModal.vue\"),\n);\n\n//Data \nconst actualChapter : Ref<ChapterPercent | undefined>= ref(undefined);\nconst actualIndex = ref(-1);\nconst showChaptering = ref(false);\n\n\n//Composables\nconst playerStore = usePlayerStore();\n\n//Watch\nwatch(()=>playerStore.playerElapsed, () => {\n  if (!playerStore.playerChapteringPercent) {\n    actualChapter.value = undefined;\n    return;\n  }\n  const progressPercent = (playerStore.playerElapsed ?? 0) * 100;\n  if (\n    actualChapter.value &&\n    isInChapter(progressPercent, actualChapter.value)\n  ) {\n    return;\n  }\n  for (\n    let i = 0, len = playerStore.playerChapteringPercent.length;\n    i < len;\n    i++\n  ) {\n    if (\n      isInChapter(progressPercent, playerStore.playerChapteringPercent[i])\n    ) {\n      actualChapter.value = playerStore.playerChapteringPercent[i];\n      actualIndex.value = i;\n      return;\n    }\n  }\n  actualChapter.value = undefined;\n  actualIndex.value = -1;\n}, {immediate: true});\n\n\n//Methods\nfunction isInChapter(val: number, chapter: ChapterPercent) {\n  return (\n    Math.floor(chapter.startPercent) <= val &&\n    val < Math.floor(chapter.endPercent)\n  );\n}\n</script>\n<style lang=\"scss\">\n.octopus-app .margin-chaptering {\n  height: 23px;\n}\n</style>\n","<template>\n  <div>\n    <a\n      v-if=\"vastStore.linkAdvertising\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      :href=\"vastStore.linkAdvertising\"\n      class=\"player-image link-image\"\n      :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      :title=\"t('New window', {text: t('Advertising')})\"\n    >\n      <LinkVariantIcon />\n    </a>\n    <router-link\n      v-else-if=\"playerStore.podcastImage\"\n      :to=\"podcastShareUrl\"\n      :title=\"t('Episode name page', { name: podcastDisplay?.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(playerStore.podcastImage, imageWidth)\"\n        :width=\"imageWidth\"\n        :height=\"imageWidth\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Episode name image', { name: podcastDisplay?.title })\"\n        class=\"player-image\"\n        :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      />\n    </router-link>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport {useImageProxy} from \"../../../composable/useImageProxy\";\nimport { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \ndefineProps({\n  imageWidth: { default: 48, type: Number },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastDisplay = computed(() => {\n  if (playerStore.playerRadio?.podcast) {\n    return playerStore.playerRadio?.podcast;\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast;\n  }\n  return undefined;\n});\nconst podcastShareUrl = computed(() => {\n  if (playerStore.playerRadio?.podcast?.podcastId) {\n    return {\n      name: \"podcast\",\n      params: {\n        podcastId: playerStore.playerRadio?.podcast?.podcastId.toString(),\n      },\n    };\n  }\n  if (playerStore.playerPodcast) {\n    return {\n      name: \"podcast\",\n      params: { podcastId: playerStore.playerPodcast.podcastId.toString() },\n    };\n  }\n  return \"\";\n});\n\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app .player-image {\n  border-radius: var(--octopus-border-radius);\n  height: 2.4rem;\n  width: 2.4rem;\n  margin-right: 0.5rem;\n  cursor: pointer;\n\n  /** PHONES */\n  @media (width <= 450px) {\n    height: 1.8rem;\n    width: 1.8rem;\n  }\n\n  &.big-player-image {\n    height: 200px;\n    width: 200px;\n  }\n\n  &.link-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--octopus-secondary);\n    color: black;\n  }\n}\n</style>\n","<template>\n  <div>\n    <a\n      v-if=\"vastStore.linkAdvertising\"\n      rel=\"noreferrer noopener\"\n      target=\"_blank\"\n      :href=\"vastStore.linkAdvertising\"\n      class=\"player-image link-image\"\n      :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      :title=\"t('New window', {text: t('Advertising')})\"\n    >\n      <LinkVariantIcon />\n    </a>\n    <router-link\n      v-else-if=\"playerStore.podcastImage\"\n      :to=\"podcastShareUrl\"\n      :title=\"t('Episode name page', { name: podcastDisplay?.title })\"\n    >\n      <img\n        v-lazy=\"useProxyImageUrl(playerStore.podcastImage, imageWidth)\"\n        :width=\"imageWidth\"\n        :height=\"imageWidth\"\n        aria-hidden=\"true\"\n        alt=\"\"\n        :title=\"t('Episode name image', { name: podcastDisplay?.title })\"\n        class=\"player-image\"\n        :class=\"imageWidth > 50 ? 'big-player-image' : ''\"\n      />\n    </router-link>\n  </div>\n</template>\n<script setup lang=\"ts\">\nimport LinkVariantIcon from \"vue-material-design-icons/LinkVariant.vue\";\nimport {useImageProxy} from \"../../../composable/useImageProxy\";\nimport { computed } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n\n//Props \ndefineProps({\n  imageWidth: { default: 48, type: Number },\n})\n\n//Composables\nconst { t } = useI18n();\nconst { useProxyImageUrl } = useImageProxy();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst podcastDisplay = computed(() => {\n  if (playerStore.playerRadio?.podcast) {\n    return playerStore.playerRadio?.podcast;\n  }\n  if (playerStore.playerPodcast) {\n    return playerStore.playerPodcast;\n  }\n  return undefined;\n});\nconst podcastShareUrl = computed(() => {\n  if (playerStore.playerRadio?.podcast?.podcastId) {\n    return {\n      name: \"podcast\",\n      params: {\n        podcastId: playerStore.playerRadio?.podcast?.podcastId.toString(),\n      },\n    };\n  }\n  if (playerStore.playerPodcast) {\n    return {\n      name: \"podcast\",\n      params: { podcastId: playerStore.playerPodcast.podcastId.toString() },\n    };\n  }\n  return \"\";\n});\n\n</script>\n\n<style lang=\"scss\">\n\n.octopus-app .player-image {\n  border-radius: var(--octopus-border-radius);\n  height: 2.4rem;\n  width: 2.4rem;\n  margin-right: 0.5rem;\n  cursor: pointer;\n\n  /** PHONES */\n  @media (width <= 450px) {\n    height: 1.8rem;\n    width: 1.8rem;\n  }\n\n  &.big-player-image {\n    height: 200px;\n    width: 200px;\n  }\n\n  &.link-image {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background: var(--octopus-secondary);\n    color: black;\n  }\n}\n</style>\n","<template>\n  <button\n    v-if=\"!playerError\"\n    :title=\"t('Play')\"\n    :class=\"{\n      'p-0': !displayIsPaused && !displayIsPlaying,\n      'play-button-box': !isBigButton,\n      'play-big-button-box': isBigButton,\n    }\"\n    class=\"btn text-light\"\n    @click=\"switchPausePlay\"\n  >\n    <PlayIcon v-if=\"displayIsPaused\" :size=\"isBigButton ? 60 : 30\" />\n    <PauseIcon v-if=\"displayIsPlaying\" :size=\"isBigButton ? 60 : 30\" />\n    <ClassicSpinner\n      v-if=\"!displayIsPaused && !displayIsPlaying\"\n      :small=\"!isBigButton\"\n    />\n  </button>\n</template>\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport ClassicSpinner from \"../../ClassicSpinner.vue\";\nimport { computed, onMounted, onUnmounted } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  playerError: { default: false, type: Boolean },\n  isBigButton: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst displayIsPlaying = computed(() => {\n  return (\n    (vastStore.isAdPlaying && !vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPlaying)\n  );\n});\nconst displayIsPaused = computed(() => {\n  return (\n    (vastStore.isAdPlaying && vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPaused)\n  );\n});\n\n\nonMounted(()=>window.addEventListener(\"keydown\", addKeyboardControl));\nonUnmounted(()=>window.removeEventListener(\"keydown\", addKeyboardControl))\n\n\n//Methods\nfunction addKeyboardControl(event: KeyboardEvent): void {\n  if (!event || null === event) {\n    return;\n  }\n  const element = event.target as HTMLElement;\n  if (\n    !element ||\n    \"INPUT\" == element.tagName.toUpperCase() ||\n    \"TEXTAREA\" == element.tagName.toUpperCase()\n  ) {\n    return;\n  }\n  if (\" \" === event.key || \"Spacebar\" === event.key) {\n    event.preventDefault();\n    switchPausePlay();\n    return;\n  }\n  if (vastStore.isAdPlaying) {\n    return;\n  }\n  if (\"ArrowRight\" === event.key && event.ctrlKey) {\n    changeCurrentTime(15);\n    return;\n  }\n  if (\"ArrowLeft\" === event.key && event.ctrlKey) {\n    changeCurrentTime(-15);\n  }\n}\nfunction changeCurrentTime(delay: number) {\n  const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  audioPlayer.currentTime += delay;\n}\nfunction switchPausePlay(): void {\n  if (vastStore.isAdPlaying) {\n    vastStore.updateIsAdPaused(!vastStore.isAdPaused);\n    return;\n  }\n  const audioPlayer: HTMLAudioElement | null =document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  playerStore.playerChangeStatus(!audioPlayer.paused);\n}\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/playButton\";\n\n.btn {\n  color: var(--octopus-player-btn-fg);\n  background-color: var(--octopus-player-btn-bg);\n}\n\n.play-button-box:not(.small-font) {\n  font-size: 1rem !important;\n}\n.play-big-button-box {\n  height: 5rem;\n  width: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0.5rem;\n  border-radius: 50% !important;\n  font-size: 2.5rem !important;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n</style>\n","<template>\n  <button\n    v-if=\"!playerError\"\n    :title=\"t('Play')\"\n    :class=\"{\n      'p-0': !displayIsPaused && !displayIsPlaying,\n      'play-button-box': !isBigButton,\n      'play-big-button-box': isBigButton,\n    }\"\n    class=\"btn text-light\"\n    @click=\"switchPausePlay\"\n  >\n    <PlayIcon v-if=\"displayIsPaused\" :size=\"isBigButton ? 60 : 30\" />\n    <PauseIcon v-if=\"displayIsPlaying\" :size=\"isBigButton ? 60 : 30\" />\n    <ClassicSpinner\n      v-if=\"!displayIsPaused && !displayIsPlaying\"\n      :small=\"!isBigButton\"\n    />\n  </button>\n</template>\n<script setup lang=\"ts\">\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\nimport PauseIcon from \"vue-material-design-icons/Pause.vue\";\nimport ClassicSpinner from \"../../ClassicSpinner.vue\";\nimport { computed, onMounted, onUnmounted } from \"vue\";\nimport { usePlayerStore } from \"../../../../stores/PlayerStore\";\nimport { useVastStore } from \"../../../../stores/VastStore\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \ndefineProps({\n  playerError: { default: false, type: Boolean },\n  isBigButton: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\nconst playerStore = usePlayerStore();\nconst vastStore = useVastStore();\n\n\n//Computed\nconst displayIsPlaying = computed(() => {\n  return (\n    (vastStore.isAdPlaying && !vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPlaying)\n  );\n});\nconst displayIsPaused = computed(() => {\n  return (\n    (vastStore.isAdPlaying && vastStore.isAdPaused) ||\n    (!vastStore.isAdPlaying && playerStore.isPaused)\n  );\n});\n\n\nonMounted(()=>window.addEventListener(\"keydown\", addKeyboardControl));\nonUnmounted(()=>window.removeEventListener(\"keydown\", addKeyboardControl))\n\n\n//Methods\nfunction addKeyboardControl(event: KeyboardEvent): void {\n  if (!event || null === event) {\n    return;\n  }\n  const element = event.target as HTMLElement;\n  if (\n    !element ||\n    \"INPUT\" == element.tagName.toUpperCase() ||\n    \"TEXTAREA\" == element.tagName.toUpperCase()\n  ) {\n    return;\n  }\n  if (\" \" === event.key || \"Spacebar\" === event.key) {\n    event.preventDefault();\n    switchPausePlay();\n    return;\n  }\n  if (vastStore.isAdPlaying) {\n    return;\n  }\n  if (\"ArrowRight\" === event.key && event.ctrlKey) {\n    changeCurrentTime(15);\n    return;\n  }\n  if (\"ArrowLeft\" === event.key && event.ctrlKey) {\n    changeCurrentTime(-15);\n  }\n}\nfunction changeCurrentTime(delay: number) {\n  const audioPlayer: HTMLAudioElement | null = document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  audioPlayer.currentTime += delay;\n}\nfunction switchPausePlay(): void {\n  if (vastStore.isAdPlaying) {\n    vastStore.updateIsAdPaused(!vastStore.isAdPaused);\n    return;\n  }\n  const audioPlayer: HTMLAudioElement | null =document.querySelector(\"#audio-player\");\n  if (!audioPlayer) {\n    return;\n  }\n  playerStore.playerChangeStatus(!audioPlayer.paused);\n}\n</script>\n\n<style scoped lang=\"scss\">\n@use \"../../../../style/playButton\";\n\n.btn {\n  color: var(--octopus-player-btn-fg);\n  background-color: var(--octopus-player-btn-bg);\n}\n\n.play-button-box:not(.small-font) {\n  font-size: 1rem !important;\n}\n.play-big-button-box {\n  height: 5rem;\n  width: 5rem;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 0 0.5rem;\n  border-radius: 50% !important;\n  font-size: 2.5rem !important;\n  flex-shrink: 0;\n  cursor: pointer;\n}\n</style>\n"],"mappings":"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"}