@saooti/octopus-sdk 42.0.4 → 42.0.5

package/dist/PlayerLarge-I7FONG3B.mjs

@@ -0,0 +1,153 @@
+import { t as ClassicLoading_default } from "./ClassicLoading-DZLIyuUd.mjs";
+import { E as state } from "./classicApi-BKNiWOG4.mjs";
+import { n as usePlayerStore } from "./PlayerStore-DB5dkc3c.mjs";
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { a as usePlayerDisplayTime, i as PlayerTitle_default, n as PlayerImage_default, r as PlayerChaptering_default, t as PlayerPlayButton_default } from "./PlayerPlayButton-Bm6Rp8bS.mjs";
+import { r as usePlayerTranscript } from "./PlayerComponent-CWtN6Je1.mjs";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, toDisplayString, unref } from "vue";
+import { useI18n } from "vue-i18n";
+import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
+import Rewind15Icon from "vue-material-design-icons/Rewind15.vue";
+import FastForward15Icon from "vue-material-design-icons/FastForward15.vue";
+//#region src/components/misc/player/PlayerLarge.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "d-flex flex-column align-items-center my-2 flex-grow-1 player-text position-relative overflow-y-auto" };
+var _hoisted_2 = ["title"];
+var _hoisted_3 = { class: "player-grow-large-content" };
+var _hoisted_4 = {
+	key: 0,
+	class: "d-flex justify-content-between"
+};
+var _hoisted_5 = {
+	key: 0,
+	class: "transcript"
+};
+var _hoisted_6 = { class: "flex-grow-1 p-1 text-center w-100 transcript-bg rounded" };
+var _hoisted_7 = {
+	key: 1,
+	class: "flex-grow-1 p-1 text-center transcript-info rounded"
+};
+var _hoisted_8 = { class: "d-flex align-items-center flex-grow-1" };
+var _hoisted_9 = ["disabled"];
+var _hoisted_10 = ["disabled"];
+//#endregion
+//#region src/components/misc/player/PlayerLarge.vue
+var PlayerLarge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	__name: "PlayerLarge",
+	props: {
+		playerError: {
+			default: false,
+			type: Boolean
+		},
+		displayAlertBar: {
+			default: false,
+			type: Boolean
+		},
+		percentLiveProgress: {
+			default: 0,
+			type: Number
+		},
+		durationLivePosition: {
+			default: 0,
+			type: Number
+		},
+		listenTime: {
+			default: 0,
+			type: Number
+		},
+		hlsReady: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["changePlayerLargeVersion"],
+	setup(__props, { emit: __emit }) {
+		const RadioHistory = defineAsyncComponent(() => import("./RadioHistory-DMGTXE4V.mjs"));
+		const PlayerProgressBar = defineAsyncComponent(() => import("./PlayerProgressBar-C38YCi9Z.mjs"));
+		const emit = __emit;
+		const { transcriptText, radioUrl, isAdPlaying, displayPlayTime, displayTotalTime } = usePlayerDisplayTime();
+		const { t } = useI18n();
+		const playerStore = usePlayerStore();
+		const { generatingTranscriptLanguage } = usePlayerTranscript();
+		/** Info message to display regarding transcript */
+		const transcriptInfo = computed(() => {
+			if (state.player.showAITranscriptWarning === true) return t("Player - Transcription - AI Warning");
+		});
+		function changePlayerLargeVersion() {
+			emit("changePlayerLargeVersion");
+		}
+		function seekClick(addTime) {
+			const audioPlayer = document.querySelector("#audio-player");
+			if (!audioPlayer) return;
+			const seekTo = audioPlayer.currentTime + addTime;
+			if (playerStore.playerPodcast || playerStore.playerLive) playerStore.playerUpdateSeekTime(seekTo > 0 ? seekTo : 0);
+			audioPlayer.currentTime = seekTo > 0 ? seekTo : 0;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("button", {
+					title: unref(t)("Reduce"),
+					class: "player-reduce-button btn bg-transparent player-text",
+					onClick: changePlayerLargeVersion
+				}, [createVNode(ChevronDownIcon, { size: 40 })], 8, _hoisted_2),
+				createVNode(PlayerImage_default, { "image-width": 200 }),
+				createVNode(PlayerTitle_default, {
+					"player-error": __props.playerError,
+					"hls-ready": __props.hlsReady,
+					"title-class": "h3"
+				}, null, 8, ["player-error", "hls-ready"]),
+				createVNode(PlayerChaptering_default, { class: "justify-content-center w-100" }),
+				createElementVNode("div", _hoisted_3, [
+					createVNode(unref(PlayerProgressBar), {
+						"class-progress": "large",
+						"show-comments": true,
+						"display-alert-bar": __props.displayAlertBar,
+						"percent-live-progress": __props.percentLiveProgress,
+						"duration-live-position": __props.durationLivePosition,
+						"player-error": __props.playerError,
+						"listen-time": __props.listenTime
+					}, null, 8, [
+						"display-alert-bar",
+						"percent-live-progress",
+						"duration-live-position",
+						"player-error",
+						"listen-time"
+					]),
+					!__props.playerError && (!unref(radioUrl) || unref(isAdPlaying)) ? (openBlock(), createElementBlock("div", _hoisted_4, [createElementVNode("div", null, toDisplayString(unref(displayPlayTime)), 1), createElementVNode("div", null, toDisplayString(unref(displayTotalTime)), 1)])) : createCommentVNode("", true),
+					unref(radioUrl) ? (openBlock(), createBlock(unref(RadioHistory), { key: 1 })) : createCommentVNode("", true)
+				]),
+				"" != unref(transcriptText) && !unref(isAdPlaying) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+					createElementVNode("div", _hoisted_6, toDisplayString(unref(transcriptText)), 1),
+					unref(generatingTranscriptLanguage) ? (openBlock(), createBlock(ClassicLoading_default, {
+						key: 0,
+						small: "",
+						"spinner-color": "white",
+						"loading-text": _ctx.$t("Player - Generating subtitles", { language: unref(generatingTranscriptLanguage) })
+					}, null, 8, ["loading-text"])) : createCommentVNode("", true),
+					transcriptInfo.value ? (openBlock(), createElementBlock("div", _hoisted_7, toDisplayString(transcriptInfo.value), 1)) : createCommentVNode("", true)
+				])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_8, [
+					createElementVNode("button", {
+						title: "-15''",
+						class: "btn bg-transparent player-text",
+						disabled: unref(isAdPlaying),
+						onClick: _cache[0] || (_cache[0] = ($event) => seekClick(-15))
+					}, [createVNode(Rewind15Icon, { size: 44 })], 8, _hoisted_9),
+					createVNode(PlayerPlayButton_default, {
+						"player-error": __props.playerError,
+						"is-big-button": true
+					}, null, 8, ["player-error"]),
+					createElementVNode("button", {
+						title: "+15''",
+						class: "btn bg-transparent player-text",
+						disabled: unref(isAdPlaying),
+						onClick: _cache[1] || (_cache[1] = ($event) => seekClick(15))
+					}, [createVNode(FastForward15Icon, { size: 44 })], 8, _hoisted_10)
+				])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-93560b18"]]);
+//#endregion
+export { PlayerLarge_default as default };
+
+//# sourceMappingURL=PlayerLarge-I7FONG3B.mjs.map

package/dist/PlayerLarge-I7FONG3B.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerLarge-I7FONG3B.mjs","names":["$t"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsGA,MAAM,eAAe,2BACb,OAAO,8BACf;EACA,MAAM,oBAAoB,2BAClB,OAAO,mCACf;EAaA,MAAM,OAAO;EAGb,MAAM,EACJ,gBACA,UACA,aACA,iBACA,qBACG,qBAAqB;EAC1B,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,cAAc,eAAe;EACnC,MAAM,EAAE,iCAAiC,oBAAoB;;EAG7D,MAAM,iBAAiB,eAAiC;GACtD,IAAI,MAAU,OAAO,4BAA4B,MAC/C,OAAO,EAAE,qCAAqC;EAElD,CAAC;EAGD,SAAS,2BAA2B;GAClC,KAAK,0BAA0B;EACjC;EACA,SAAS,UAAU,SAAuB;GACxC,MAAM,cACJ,SAAS,cAAc,eAAe;GACxC,IAAI,CAAC,aACH;GAEF,MAAM,SAAS,YAAY,cAAc;GACzC,IAAI,YAAY,iBAAiB,YAAY,YAC3C,YAAY,qBAAqB,SAAS,IAAI,SAAS,CAAC;GAE1D,YAAY,cAAc,SAAS,IAAI,SAAS;EAClD;;uBA3JE,mBAkFM,OAlFN,YAkFM;IA/EJ,mBAMS,UAAA;KALN,OAAO,MAAA,CAAA,EAAC,QAAA;KACT,OAAM;KACL,SAAO;QAER,YAA8B,iBAAA,EAAZ,MAAM,GAAE,CAAA,CAAA,GAAA,GAAA,UAAA;IAE5B,YAAkC,qBAAA,EAApB,eAAa,IAAG,CAAA;IAC9B,YAIE,qBAAA;KAHC,gBAAc,QAAA;KACd,aAAW,QAAA;KACZ,eAAY;;IAEd,YAAyD,0BAAA,EAAvC,OAAM,+BAA8B,CAAA;IACtD,mBAkBM,OAlBN,YAkBM;KAjBJ,YAQE,MAAA,iBAAA,GAAA;MAPA,kBAAe;MACd,iBAAe;MACf,qBAAmB,QAAA;MACnB,yBAAuB,QAAA;MACvB,0BAAwB,QAAA;MACxB,gBAAc,QAAA;MACd,eAAa,QAAA;;;;;;;;MAGP,QAAA,gBAAW,CAAM,MAAA,QAAA,KAAY,MAAA,WAAA,MAAA,UAAA,GADtC,mBAMM,OANN,YAMM,CAFJ,mBAAgC,OAAA,MAAA,gBAAxB,MAAA,eAAA,CAAe,GAAA,CAAA,GACvB,mBAAiC,OAAA,MAAA,gBAAzB,MAAA,gBAAA,CAAgB,GAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAEN,MAAA,QAAA,KAAA,UAAA,GAApB,YAAgC,MAAA,YAAA,GAAA,EAAA,KAAA,EAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;UAMpB,MAAA,cAAA,KAAc,CAAK,MAAA,WAAA,KAAA,UAAA,GADjC,mBAoBM,OApBN,YAoBM;KAhBJ,mBAEM,OAFN,YAEM,gBADD,MAAA,cAAA,CAAc,GAAA,CAAA;KAGX,MAAA,4BAAA,KAAA,UAAA,GADR,YAKE,wBAAA;;MAHA,OAAA;MACA,iBAAc;MACb,gBAAcA,KAAAA,GAAE,iCAAA,EAAA,UAA8C,MAAA,4BAAA,EAA4B,CAAA;;KAIrF,eAAA,SAAA,UAAA,GADR,mBAKM,OALN,YAKM,gBADD,eAAA,KAAc,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;;IAKrB,mBAmBM,OAnBN,YAmBM;KAlBJ,mBAOS,UAAA;MANP,OAAM;MACN,OAAM;MACL,UAAU,MAAA,WAAA;MACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAS,GAAA;SAEjB,YAA2B,cAAA,EAAZ,MAAM,GAAE,CAAA,CAAA,GAAA,GAAA,UAAA;KAEzB,YAAsE,0BAAA;MAAnD,gBAAc,QAAA;MAAc,iBAAe;;KAE9D,mBAOS,UAAA;MANP,OAAM;MACN,OAAM;MACL,UAAU,MAAA,WAAA;MACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,UAAS,EAAA;SAEjB,YAAgC,mBAAA,EAAZ,MAAM,GAAE,CAAA,CAAA,GAAA,GAAA,WAAA"}

package/dist/PlayerParameters-fpNIoYO9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerParameters-fpNIoYO9.mjs","names":[],"sources":["../src/components/display/sharing/PlayerParameters.vue","../src/components/display/sharing/PlayerParameters.vue"],"sourcesContent":["<template>\n  <fieldset class=\"mt-3\">\n    <legend class=\"h4 mb-2 mt-3\">\n      {{ t(\"player parameters\") }}\n    </legend>\n\n    <template v-if=\"choseNumberEpisode\">\n      <div v-if=\"displayChoiceAllEpisodes\" role=\"radiogroup\">\n        <div\n          class=\"d-flex align-items-center flex-wrap mt-1\"\n        >\n          <input\n            id=\"radio-all-episodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"all\"\n          />\n          <label for=\"radio-all-episodes\" class=\"flex-shrink-0\">{{\n            t(\"Show every episode\")\n          }}</label>\n        </div>\n        <div\n          class=\"d-flex align-items-center flex-wrap\"\n        >\n          <input\n            v-if=\"displayChoiceAllEpisodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"number\"\n            :title=\"t('Show') + ' ' + t('Last podcasts')\"\n          />\n          <ChooseEpisodesNumber :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n        </div>\n      </div>\n      <ChooseEpisodesNumber v-else :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n    </template>\n\n    <ClassicCheckbox\n      v-if=\"displayAutoHeight\"\n      :text-init=\"autoHeight\"\n      id-checkbox=\"auto-height-checkbox\"\n      :label=\"t('Miniplayer - Parameters - Auto height')\"\n      @update:text-init=\"emit('update:autoHeight', $event)\"\n    />\n\n    <ClassicCheckbox\n      v-if=\"displayIsVisible\"\n      :text-init=\"isVisible\"\n      id-checkbox=\"is-visible-checkbox\"\n      :label=\"titleStillAvailable\"\n      @update:text-init=\"emit('update:isVisible', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayArticleParam\"\n      :text-init=\"displayArticle\"\n      id-checkbox=\"display-article-checkbox\"\n      :label=\"t('Display associated article')\"\n      @update:text-init=\"emit('update:displayArticle', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayTranscriptParam\"\n      :text-init=\"displayTranscript\"\n      id-checkbox=\"display-transcript-checkbox\"\n      :label=\"t('If the transcript is available, show it')\"\n      @update:text-init=\"emit('update:displayTranscript', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayWaveParam\"\n      :text-init=\"displayWave\"\n      id-checkbox=\"display-wave-checkbox\"\n      :label=\"t('Show animated wave')\"\n      @update:text-init=\"emit('update:displayWave', $event)\"\n    />\n    <ClassicCheckbox\n      :text-init=\"playerAutoPlay\"\n      id-checkbox=\"player-autoplay-checkbox\"\n      :label=\"t('Trigger automatic reading if this is possible')\"\n      @update:text-init=\"emit('update:playerAutoPlay', $event)\"\n    />\n    <PlayerCommonParameters\n      v-if=\"displayInsertCode\"\n      :insert-code=\"insertCode\"\n      @update:insert-code=\"emit('update:insertCode', $event)\"\n    />\n  </fieldset>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nconst ChooseEpisodesNumber = defineAsyncComponent(() => import(\"./ChooseEpisodesNumber.vue\"));\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  isVisible: { default: false, type: Boolean },\n  choseNumberEpisode: { default: false, type: Boolean },\n  displayWaveParam: { default: true, type: Boolean },\n  displayChoiceAllEpisodes: { default: false, type: Boolean },\n  displayTranscriptParam: { default: false, type: Boolean },\n  displayArticleParam: { default: false, type: Boolean },\n  displayIsVisible: { default: false, type: Boolean },\n  displayInsertCode: { default: false, type: Boolean },\n  displayArticle: { default: true, type: Boolean },\n  displayTranscript: { default: true, type: Boolean },\n  displayWave: { default: true, type: Boolean },\n  playerAutoPlay: { default: false, type: Boolean },\n  isPodcastNotVisible: { default: false, type: Boolean },\n  episodesNumber: { default: 3, type: Number },\n  insertCode: { default: false, type: Boolean },\n  displayAutoHeight: { default: false, type: Boolean },\n  autoHeight: { default: false, type: Boolean },\n})\n\n\n//Emits\nconst emit = defineEmits([\n  \"episodeChoiceDisplay\",\n  \"update:isVisible\",\n  \"update:episodesNumber\",\n  \"update:displayArticle\",\n  \"update:displayTranscript\",\n  \"update:displayWave\",\n  \"update:playerAutoPlay\",\n  \"update:insertCode\",\n  \"update:autoHeight\"\n]);\n\n\n//Data \nconst episodeChoiceDisplay = ref(\"number\");\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst titleStillAvailable = computed(() =>{\n  return props.isPodcastNotVisible ? t(\"Podcast still available\"): t(\"Podcasts still available\");\n});\n\n//Watch\nwatch(episodeChoiceDisplay, async () => {\n  emit(\"episodeChoiceDisplay\", episodeChoiceDisplay.value);\n});\n\n</script>\n","<template>\n  <fieldset class=\"mt-3\">\n    <legend class=\"h4 mb-2 mt-3\">\n      {{ t(\"player parameters\") }}\n    </legend>\n\n    <template v-if=\"choseNumberEpisode\">\n      <div v-if=\"displayChoiceAllEpisodes\" role=\"radiogroup\">\n        <div\n          class=\"d-flex align-items-center flex-wrap mt-1\"\n        >\n          <input\n            id=\"radio-all-episodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"all\"\n          />\n          <label for=\"radio-all-episodes\" class=\"flex-shrink-0\">{{\n            t(\"Show every episode\")\n          }}</label>\n        </div>\n        <div\n          class=\"d-flex align-items-center flex-wrap\"\n        >\n          <input\n            v-if=\"displayChoiceAllEpisodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"number\"\n            :title=\"t('Show') + ' ' + t('Last podcasts')\"\n          />\n          <ChooseEpisodesNumber :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n        </div>\n      </div>\n      <ChooseEpisodesNumber v-else :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n    </template>\n\n    <ClassicCheckbox\n      v-if=\"displayAutoHeight\"\n      :text-init=\"autoHeight\"\n      id-checkbox=\"auto-height-checkbox\"\n      :label=\"t('Miniplayer - Parameters - Auto height')\"\n      @update:text-init=\"emit('update:autoHeight', $event)\"\n    />\n\n    <ClassicCheckbox\n      v-if=\"displayIsVisible\"\n      :text-init=\"isVisible\"\n      id-checkbox=\"is-visible-checkbox\"\n      :label=\"titleStillAvailable\"\n      @update:text-init=\"emit('update:isVisible', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayArticleParam\"\n      :text-init=\"displayArticle\"\n      id-checkbox=\"display-article-checkbox\"\n      :label=\"t('Display associated article')\"\n      @update:text-init=\"emit('update:displayArticle', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayTranscriptParam\"\n      :text-init=\"displayTranscript\"\n      id-checkbox=\"display-transcript-checkbox\"\n      :label=\"t('If the transcript is available, show it')\"\n      @update:text-init=\"emit('update:displayTranscript', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayWaveParam\"\n      :text-init=\"displayWave\"\n      id-checkbox=\"display-wave-checkbox\"\n      :label=\"t('Show animated wave')\"\n      @update:text-init=\"emit('update:displayWave', $event)\"\n    />\n    <ClassicCheckbox\n      :text-init=\"playerAutoPlay\"\n      id-checkbox=\"player-autoplay-checkbox\"\n      :label=\"t('Trigger automatic reading if this is possible')\"\n      @update:text-init=\"emit('update:playerAutoPlay', $event)\"\n    />\n    <PlayerCommonParameters\n      v-if=\"displayInsertCode\"\n      :insert-code=\"insertCode\"\n      @update:insert-code=\"emit('update:insertCode', $event)\"\n    />\n  </fieldset>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nconst ChooseEpisodesNumber = defineAsyncComponent(() => import(\"./ChooseEpisodesNumber.vue\"));\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  isVisible: { default: false, type: Boolean },\n  choseNumberEpisode: { default: false, type: Boolean },\n  displayWaveParam: { default: true, type: Boolean },\n  displayChoiceAllEpisodes: { default: false, type: Boolean },\n  displayTranscriptParam: { default: false, type: Boolean },\n  displayArticleParam: { default: false, type: Boolean },\n  displayIsVisible: { default: false, type: Boolean },\n  displayInsertCode: { default: false, type: Boolean },\n  displayArticle: { default: true, type: Boolean },\n  displayTranscript: { default: true, type: Boolean },\n  displayWave: { default: true, type: Boolean },\n  playerAutoPlay: { default: false, type: Boolean },\n  isPodcastNotVisible: { default: false, type: Boolean },\n  episodesNumber: { default: 3, type: Number },\n  insertCode: { default: false, type: Boolean },\n  displayAutoHeight: { default: false, type: Boolean },\n  autoHeight: { default: false, type: Boolean },\n})\n\n\n//Emits\nconst emit = defineEmits([\n  \"episodeChoiceDisplay\",\n  \"update:isVisible\",\n  \"update:episodesNumber\",\n  \"update:displayArticle\",\n  \"update:displayTranscript\",\n  \"update:displayWave\",\n  \"update:playerAutoPlay\",\n  \"update:insertCode\",\n  \"update:autoHeight\"\n]);\n\n\n//Data \nconst episodeChoiceDisplay = ref(\"number\");\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst titleStillAvailable = computed(() =>{\n  return props.isPodcastNotVisible ? t(\"Podcast still available\"): t(\"Podcasts still available\");\n});\n\n//Watch\nwatch(episodeChoiceDisplay, async () => {\n  emit(\"episodeChoiceDisplay\", episodeChoiceDisplay.value);\n});\n\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+FA,MAAM,uBAAuB,2BAA2B,OAAO,sCAA6B;EAC5F,MAAM,yBAAyB,2BACvB,OAAO,wCACf;EAGA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAcb,MAAM,uBAAuB,IAAI,QAAQ;EAGzC,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,sBAAsB,eAAc;GACxC,OAAO,MAAM,sBAAsB,EAAE,yBAAyB,IAAG,EAAE,0BAA0B;EAC/F,CAAC;EAGD,MAAM,sBAAsB,YAAY;GACtC,KAAK,wBAAwB,qBAAqB,KAAK;EACzD,CAAC;;;;;;;;;;;;;;;;;;;;mBCrJW,OAAM,OAAM;mBACZ,OAAM,eAAc;;;CAKW,MAAK;;mBAEtC,OAAM,2CAA0C;;CAUzC,KAAI;CAAqB,OAAM;;mBAKtC,OAAM,sCAAqC;;;qBAvBnD,mBAuFW,YAvFX,YAuFW;EAtFT,mBAES,UAFT,YAES,gBADJ,OAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;EAGU,OAAA,sBAAA,UAAA,GAAhB,mBAiCW,UAAA,EAAA,KAAA,EAAA,GAAA,CAhCE,OAAA,4BAAA,UAAA,GAAX,mBA8BM,OA9BN,YA8BM,CA7BJ,mBAcM,OAdN,YAcM,CAAA,eAXJ,mBAOE,SAAA;GANA,IAAG;gEACM,OAAA,uBAAoB;GAC7B,OAAM;GACN,MAAK;GACL,MAAK;GACL,OAAM;gCAJG,OAAA,oBAAoB,CAAA,CAAA,GAM/B,mBAEU,SAFV,YAEU,gBADR,OAAA,EAAC,oBAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAGL,mBAaM,OAbN,YAaM,CATI,OAAA,2BAAA,gBAAA,UAAA,GADR,mBAQE,SAAA;;gEANS,OAAA,uBAAoB;GAC7B,OAAM;GACN,MAAK;GACL,MAAK;GACL,OAAM;GACL,OAAO,OAAA,EAAC,MAAA,IAAA,MAAiB,OAAA,EAAC,eAAA;2CALlB,OAAA,oBAAoB,CAAA,CAAA,IAAA,mBAAA,QAAA,IAAA,GAO/B,YAAgH,OAAA,yBAAA;GAAzF,mBAAiB,OAAA;GAAiB,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,yBAA0B,MAAM;wDAGhH,YAAuH,OAAA,yBAAA;;GAAzF,mBAAiB,OAAA;GAAiB,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,yBAA0B,MAAM;;EAI7G,OAAA,qBAAA,UAAA,GADR,YAME,OAAA,oBAAA;;GAJC,aAAW,OAAA;GACZ,eAAY;GACX,OAAO,OAAA,EAAC,uCAAA;GACR,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,qBAAsB,MAAM;;EAI7C,OAAA,oBAAA,UAAA,GADR,YAME,OAAA,oBAAA;;GAJC,aAAW,OAAA;GACZ,eAAY;GACX,OAAO,OAAA;GACP,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,oBAAqB,MAAM;;EAG5C,OAAA,uBAAA,UAAA,GADR,YAME,OAAA,oBAAA;;GAJC,aAAW,OAAA;GACZ,eAAY;GACX,OAAO,OAAA,EAAC,4BAAA;GACR,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,yBAA0B,MAAM;;EAGjD,OAAA,0BAAA,UAAA,GADR,YAME,OAAA,oBAAA;;GAJC,aAAW,OAAA;GACZ,eAAY;GACX,OAAO,OAAA,EAAC,yCAAA;GACR,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,4BAA6B,MAAM;;EAGpD,OAAA,oBAAA,UAAA,GADR,YAME,OAAA,oBAAA;;GAJC,aAAW,OAAA;GACZ,eAAY;GACX,OAAO,OAAA,EAAC,oBAAA;GACR,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,sBAAuB,MAAM;;EAEtD,YAKE,OAAA,oBAAA;GAJC,aAAW,OAAA;GACZ,eAAY;GACX,OAAO,OAAA,EAAC,+CAAA;GACR,qBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,KAAI,yBAA0B,MAAM;;EAGjD,OAAA,qBAAA,UAAA,GADR,YAIE,OAAA,2BAAA;;GAFC,eAAa,OAAA;GACb,uBAAkB,OAAA,QAAA,OAAA,OAAA,WAAE,OAAA,KAAI,qBAAsB,MAAM"}

package/dist/PlayerParameters-y4IXdHiE.mjs

@@ -0,0 +1,195 @@
+import { t as ClassicCheckbox_default } from "./ClassicCheckbox-CqA5WUGc.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, openBlock, ref, toDisplayString, unref, vModelRadio, watch, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/sharing/PlayerParameters.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "mt-3" };
+var _hoisted_2 = { class: "h4 mb-2 mt-3" };
+var _hoisted_3 = {
+	key: 0,
+	role: "radiogroup"
+};
+var _hoisted_4 = { class: "d-flex align-items-center flex-wrap mt-1" };
+var _hoisted_5 = {
+	for: "radio-all-episodes",
+	class: "flex-shrink-0"
+};
+var _hoisted_6 = { class: "d-flex align-items-center flex-wrap" };
+var _hoisted_7 = ["title"];
+//#endregion
+//#region src/components/display/sharing/PlayerParameters.vue
+var PlayerParameters_default = /* @__PURE__ */ defineComponent({
+	__name: "PlayerParameters",
+	props: {
+		isVisible: {
+			default: false,
+			type: Boolean
+		},
+		choseNumberEpisode: {
+			default: false,
+			type: Boolean
+		},
+		displayWaveParam: {
+			default: true,
+			type: Boolean
+		},
+		displayChoiceAllEpisodes: {
+			default: false,
+			type: Boolean
+		},
+		displayTranscriptParam: {
+			default: false,
+			type: Boolean
+		},
+		displayArticleParam: {
+			default: false,
+			type: Boolean
+		},
+		displayIsVisible: {
+			default: false,
+			type: Boolean
+		},
+		displayInsertCode: {
+			default: false,
+			type: Boolean
+		},
+		displayArticle: {
+			default: true,
+			type: Boolean
+		},
+		displayTranscript: {
+			default: true,
+			type: Boolean
+		},
+		displayWave: {
+			default: true,
+			type: Boolean
+		},
+		playerAutoPlay: {
+			default: false,
+			type: Boolean
+		},
+		isPodcastNotVisible: {
+			default: false,
+			type: Boolean
+		},
+		episodesNumber: {
+			default: 3,
+			type: Number
+		},
+		insertCode: {
+			default: false,
+			type: Boolean
+		},
+		displayAutoHeight: {
+			default: false,
+			type: Boolean
+		},
+		autoHeight: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: [
+		"episodeChoiceDisplay",
+		"update:isVisible",
+		"update:episodesNumber",
+		"update:displayArticle",
+		"update:displayTranscript",
+		"update:displayWave",
+		"update:playerAutoPlay",
+		"update:insertCode",
+		"update:autoHeight"
+	],
+	setup(__props, { emit: __emit }) {
+		const ChooseEpisodesNumber = defineAsyncComponent(() => import("./ChooseEpisodesNumber-BbsEFK07.mjs"));
+		const PlayerCommonParameters = defineAsyncComponent(() => import("./PlayerCommonParameters-BF8-HN2S.mjs"));
+		const props = __props;
+		const emit = __emit;
+		const episodeChoiceDisplay = ref("number");
+		const { t } = useI18n();
+		const titleStillAvailable = computed(() => {
+			return props.isPodcastNotVisible ? t("Podcast still available") : t("Podcasts still available");
+		});
+		watch(episodeChoiceDisplay, async () => {
+			emit("episodeChoiceDisplay", episodeChoiceDisplay.value);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", _hoisted_1, [
+				createElementVNode("legend", _hoisted_2, toDisplayString(unref(t)("player parameters")), 1),
+				__props.choseNumberEpisode ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.displayChoiceAllEpisodes ? (openBlock(), createElementBlock("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [withDirectives(createElementVNode("input", {
+					id: "radio-all-episodes",
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => episodeChoiceDisplay.value = $event),
+					class: "form-check-input",
+					type: "radio",
+					name: "episodeNumbers",
+					value: "all"
+				}, null, 512), [[vModelRadio, episodeChoiceDisplay.value]]), createElementVNode("label", _hoisted_5, toDisplayString(unref(t)("Show every episode")), 1)]), createElementVNode("div", _hoisted_6, [__props.displayChoiceAllEpisodes ? withDirectives((openBlock(), createElementBlock("input", {
+					key: 0,
+					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => episodeChoiceDisplay.value = $event),
+					class: "form-check-input",
+					type: "radio",
+					name: "episodeNumbers",
+					value: "number",
+					title: unref(t)("Show") + " " + unref(t)("Last podcasts")
+				}, null, 8, _hoisted_7)), [[vModelRadio, episodeChoiceDisplay.value]]) : createCommentVNode("", true), createVNode(unref(ChooseEpisodesNumber), {
+					"episodes-number": __props.episodesNumber,
+					onUpdateNumber: _cache[2] || (_cache[2] = ($event) => emit("update:episodesNumber", $event))
+				}, null, 8, ["episodes-number"])])])) : (openBlock(), createBlock(unref(ChooseEpisodesNumber), {
+					key: 1,
+					"episodes-number": __props.episodesNumber,
+					onUpdateNumber: _cache[3] || (_cache[3] = ($event) => emit("update:episodesNumber", $event))
+				}, null, 8, ["episodes-number"]))], 64)) : createCommentVNode("", true),
+				__props.displayAutoHeight ? (openBlock(), createBlock(ClassicCheckbox_default, {
+					key: 1,
+					"text-init": __props.autoHeight,
+					"id-checkbox": "auto-height-checkbox",
+					label: unref(t)("Miniplayer - Parameters - Auto height"),
+					"onUpdate:textInit": _cache[4] || (_cache[4] = ($event) => emit("update:autoHeight", $event))
+				}, null, 8, ["text-init", "label"])) : createCommentVNode("", true),
+				__props.displayIsVisible ? (openBlock(), createBlock(ClassicCheckbox_default, {
+					key: 2,
+					"text-init": __props.isVisible,
+					"id-checkbox": "is-visible-checkbox",
+					label: titleStillAvailable.value,
+					"onUpdate:textInit": _cache[5] || (_cache[5] = ($event) => emit("update:isVisible", $event))
+				}, null, 8, ["text-init", "label"])) : createCommentVNode("", true),
+				__props.displayArticleParam ? (openBlock(), createBlock(ClassicCheckbox_default, {
+					key: 3,
+					"text-init": __props.displayArticle,
+					"id-checkbox": "display-article-checkbox",
+					label: unref(t)("Display associated article"),
+					"onUpdate:textInit": _cache[6] || (_cache[6] = ($event) => emit("update:displayArticle", $event))
+				}, null, 8, ["text-init", "label"])) : createCommentVNode("", true),
+				__props.displayTranscriptParam ? (openBlock(), createBlock(ClassicCheckbox_default, {
+					key: 4,
+					"text-init": __props.displayTranscript,
+					"id-checkbox": "display-transcript-checkbox",
+					label: unref(t)("If the transcript is available, show it"),
+					"onUpdate:textInit": _cache[7] || (_cache[7] = ($event) => emit("update:displayTranscript", $event))
+				}, null, 8, ["text-init", "label"])) : createCommentVNode("", true),
+				__props.displayWaveParam ? (openBlock(), createBlock(ClassicCheckbox_default, {
+					key: 5,
+					"text-init": __props.displayWave,
+					"id-checkbox": "display-wave-checkbox",
+					label: unref(t)("Show animated wave"),
+					"onUpdate:textInit": _cache[8] || (_cache[8] = ($event) => emit("update:displayWave", $event))
+				}, null, 8, ["text-init", "label"])) : createCommentVNode("", true),
+				createVNode(ClassicCheckbox_default, {
+					"text-init": __props.playerAutoPlay,
+					"id-checkbox": "player-autoplay-checkbox",
+					label: unref(t)("Trigger automatic reading if this is possible"),
+					"onUpdate:textInit": _cache[9] || (_cache[9] = ($event) => emit("update:playerAutoPlay", $event))
+				}, null, 8, ["text-init", "label"]),
+				__props.displayInsertCode ? (openBlock(), createBlock(unref(PlayerCommonParameters), {
+					key: 6,
+					"insert-code": __props.insertCode,
+					"onUpdate:insertCode": _cache[10] || (_cache[10] = ($event) => emit("update:insertCode", $event))
+				}, null, 8, ["insert-code"])) : createCommentVNode("", true)
+			]);
+		};
+	}
+});
+//#endregion
+export { PlayerParameters_default as default };
+
+//# sourceMappingURL=PlayerParameters-y4IXdHiE.mjs.map

package/dist/PlayerParameters-y4IXdHiE.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerParameters-y4IXdHiE.mjs","names":[],"sources":["../src/components/display/sharing/PlayerParameters.vue","../src/components/display/sharing/PlayerParameters.vue"],"sourcesContent":["<template>\n  <fieldset class=\"mt-3\">\n    <legend class=\"h4 mb-2 mt-3\">\n      {{ t(\"player parameters\") }}\n    </legend>\n\n    <template v-if=\"choseNumberEpisode\">\n      <div v-if=\"displayChoiceAllEpisodes\" role=\"radiogroup\">\n        <div\n          class=\"d-flex align-items-center flex-wrap mt-1\"\n        >\n          <input\n            id=\"radio-all-episodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"all\"\n          />\n          <label for=\"radio-all-episodes\" class=\"flex-shrink-0\">{{\n            t(\"Show every episode\")\n          }}</label>\n        </div>\n        <div\n          class=\"d-flex align-items-center flex-wrap\"\n        >\n          <input\n            v-if=\"displayChoiceAllEpisodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"number\"\n            :title=\"t('Show') + ' ' + t('Last podcasts')\"\n          />\n          <ChooseEpisodesNumber :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n        </div>\n      </div>\n      <ChooseEpisodesNumber v-else :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n    </template>\n\n    <ClassicCheckbox\n      v-if=\"displayAutoHeight\"\n      :text-init=\"autoHeight\"\n      id-checkbox=\"auto-height-checkbox\"\n      :label=\"t('Miniplayer - Parameters - Auto height')\"\n      @update:text-init=\"emit('update:autoHeight', $event)\"\n    />\n\n    <ClassicCheckbox\n      v-if=\"displayIsVisible\"\n      :text-init=\"isVisible\"\n      id-checkbox=\"is-visible-checkbox\"\n      :label=\"titleStillAvailable\"\n      @update:text-init=\"emit('update:isVisible', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayArticleParam\"\n      :text-init=\"displayArticle\"\n      id-checkbox=\"display-article-checkbox\"\n      :label=\"t('Display associated article')\"\n      @update:text-init=\"emit('update:displayArticle', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayTranscriptParam\"\n      :text-init=\"displayTranscript\"\n      id-checkbox=\"display-transcript-checkbox\"\n      :label=\"t('If the transcript is available, show it')\"\n      @update:text-init=\"emit('update:displayTranscript', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayWaveParam\"\n      :text-init=\"displayWave\"\n      id-checkbox=\"display-wave-checkbox\"\n      :label=\"t('Show animated wave')\"\n      @update:text-init=\"emit('update:displayWave', $event)\"\n    />\n    <ClassicCheckbox\n      :text-init=\"playerAutoPlay\"\n      id-checkbox=\"player-autoplay-checkbox\"\n      :label=\"t('Trigger automatic reading if this is possible')\"\n      @update:text-init=\"emit('update:playerAutoPlay', $event)\"\n    />\n    <PlayerCommonParameters\n      v-if=\"displayInsertCode\"\n      :insert-code=\"insertCode\"\n      @update:insert-code=\"emit('update:insertCode', $event)\"\n    />\n  </fieldset>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nconst ChooseEpisodesNumber = defineAsyncComponent(() => import(\"./ChooseEpisodesNumber.vue\"));\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  isVisible: { default: false, type: Boolean },\n  choseNumberEpisode: { default: false, type: Boolean },\n  displayWaveParam: { default: true, type: Boolean },\n  displayChoiceAllEpisodes: { default: false, type: Boolean },\n  displayTranscriptParam: { default: false, type: Boolean },\n  displayArticleParam: { default: false, type: Boolean },\n  displayIsVisible: { default: false, type: Boolean },\n  displayInsertCode: { default: false, type: Boolean },\n  displayArticle: { default: true, type: Boolean },\n  displayTranscript: { default: true, type: Boolean },\n  displayWave: { default: true, type: Boolean },\n  playerAutoPlay: { default: false, type: Boolean },\n  isPodcastNotVisible: { default: false, type: Boolean },\n  episodesNumber: { default: 3, type: Number },\n  insertCode: { default: false, type: Boolean },\n  displayAutoHeight: { default: false, type: Boolean },\n  autoHeight: { default: false, type: Boolean },\n})\n\n\n//Emits\nconst emit = defineEmits([\n  \"episodeChoiceDisplay\",\n  \"update:isVisible\",\n  \"update:episodesNumber\",\n  \"update:displayArticle\",\n  \"update:displayTranscript\",\n  \"update:displayWave\",\n  \"update:playerAutoPlay\",\n  \"update:insertCode\",\n  \"update:autoHeight\"\n]);\n\n\n//Data \nconst episodeChoiceDisplay = ref(\"number\");\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst titleStillAvailable = computed(() =>{\n  return props.isPodcastNotVisible ? t(\"Podcast still available\"): t(\"Podcasts still available\");\n});\n\n//Watch\nwatch(episodeChoiceDisplay, async () => {\n  emit(\"episodeChoiceDisplay\", episodeChoiceDisplay.value);\n});\n\n</script>\n","<template>\n  <fieldset class=\"mt-3\">\n    <legend class=\"h4 mb-2 mt-3\">\n      {{ t(\"player parameters\") }}\n    </legend>\n\n    <template v-if=\"choseNumberEpisode\">\n      <div v-if=\"displayChoiceAllEpisodes\" role=\"radiogroup\">\n        <div\n          class=\"d-flex align-items-center flex-wrap mt-1\"\n        >\n          <input\n            id=\"radio-all-episodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"all\"\n          />\n          <label for=\"radio-all-episodes\" class=\"flex-shrink-0\">{{\n            t(\"Show every episode\")\n          }}</label>\n        </div>\n        <div\n          class=\"d-flex align-items-center flex-wrap\"\n        >\n          <input\n            v-if=\"displayChoiceAllEpisodes\"\n            v-model=\"episodeChoiceDisplay\"\n            class=\"form-check-input\"\n            type=\"radio\"\n            name=\"episodeNumbers\"\n            value=\"number\"\n            :title=\"t('Show') + ' ' + t('Last podcasts')\"\n          />\n          <ChooseEpisodesNumber :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n        </div>\n      </div>\n      <ChooseEpisodesNumber v-else :episodes-number=\"episodesNumber\" @update-number=\"emit('update:episodesNumber', $event)\"/>\n    </template>\n\n    <ClassicCheckbox\n      v-if=\"displayAutoHeight\"\n      :text-init=\"autoHeight\"\n      id-checkbox=\"auto-height-checkbox\"\n      :label=\"t('Miniplayer - Parameters - Auto height')\"\n      @update:text-init=\"emit('update:autoHeight', $event)\"\n    />\n\n    <ClassicCheckbox\n      v-if=\"displayIsVisible\"\n      :text-init=\"isVisible\"\n      id-checkbox=\"is-visible-checkbox\"\n      :label=\"titleStillAvailable\"\n      @update:text-init=\"emit('update:isVisible', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayArticleParam\"\n      :text-init=\"displayArticle\"\n      id-checkbox=\"display-article-checkbox\"\n      :label=\"t('Display associated article')\"\n      @update:text-init=\"emit('update:displayArticle', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayTranscriptParam\"\n      :text-init=\"displayTranscript\"\n      id-checkbox=\"display-transcript-checkbox\"\n      :label=\"t('If the transcript is available, show it')\"\n      @update:text-init=\"emit('update:displayTranscript', $event)\"\n    />\n    <ClassicCheckbox\n      v-if=\"displayWaveParam\"\n      :text-init=\"displayWave\"\n      id-checkbox=\"display-wave-checkbox\"\n      :label=\"t('Show animated wave')\"\n      @update:text-init=\"emit('update:displayWave', $event)\"\n    />\n    <ClassicCheckbox\n      :text-init=\"playerAutoPlay\"\n      id-checkbox=\"player-autoplay-checkbox\"\n      :label=\"t('Trigger automatic reading if this is possible')\"\n      @update:text-init=\"emit('update:playerAutoPlay', $event)\"\n    />\n    <PlayerCommonParameters\n      v-if=\"displayInsertCode\"\n      :insert-code=\"insertCode\"\n      @update:insert-code=\"emit('update:insertCode', $event)\"\n    />\n  </fieldset>\n</template>\n\n<script setup lang=\"ts\">\nimport { useI18n } from \"vue-i18n\";\nimport ClassicCheckbox from \"../../form/ClassicCheckbox.vue\";\nimport { computed, defineAsyncComponent, ref, watch } from \"vue\";\nconst ChooseEpisodesNumber = defineAsyncComponent(() => import(\"./ChooseEpisodesNumber.vue\"));\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  isVisible: { default: false, type: Boolean },\n  choseNumberEpisode: { default: false, type: Boolean },\n  displayWaveParam: { default: true, type: Boolean },\n  displayChoiceAllEpisodes: { default: false, type: Boolean },\n  displayTranscriptParam: { default: false, type: Boolean },\n  displayArticleParam: { default: false, type: Boolean },\n  displayIsVisible: { default: false, type: Boolean },\n  displayInsertCode: { default: false, type: Boolean },\n  displayArticle: { default: true, type: Boolean },\n  displayTranscript: { default: true, type: Boolean },\n  displayWave: { default: true, type: Boolean },\n  playerAutoPlay: { default: false, type: Boolean },\n  isPodcastNotVisible: { default: false, type: Boolean },\n  episodesNumber: { default: 3, type: Number },\n  insertCode: { default: false, type: Boolean },\n  displayAutoHeight: { default: false, type: Boolean },\n  autoHeight: { default: false, type: Boolean },\n})\n\n\n//Emits\nconst emit = defineEmits([\n  \"episodeChoiceDisplay\",\n  \"update:isVisible\",\n  \"update:episodesNumber\",\n  \"update:displayArticle\",\n  \"update:displayTranscript\",\n  \"update:displayWave\",\n  \"update:playerAutoPlay\",\n  \"update:insertCode\",\n  \"update:autoHeight\"\n]);\n\n\n//Data \nconst episodeChoiceDisplay = ref(\"number\");\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst titleStillAvailable = computed(() =>{\n  return props.isPodcastNotVisible ? t(\"Podcast still available\"): t(\"Podcasts still available\");\n});\n\n//Watch\nwatch(episodeChoiceDisplay, async () => {\n  emit(\"episodeChoiceDisplay\", episodeChoiceDisplay.value);\n});\n\n</script>\n"],"mappings":"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"}