@saooti/octopus-sdk 42.1.2 → 42.2.0

package/dist/ProgressBar-CyddCXNJ.mjs

@@ -1,158 +0,0 @@
-import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-7vhL8Npe.mjs";
-import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineAsyncComponent, defineComponent, normalizeStyle, openBlock, ref, renderList, watch } from "vue";
-import { useI18n } from "vue-i18n";
-//#region src/components/misc/ProgressBar.vue?vue&type=script&setup=true&lang.ts
-var ProgressBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ProgressBar",
-	props: {
-		alertBar: {
-			default: void 0,
-			type: Number
-		},
-		mainProgress: {
-			default: 0,
-			type: Number
-		},
-		secondaryProgress: {
-			default: 0,
-			type: Number
-		},
-		isProgressCursor: {
-			default: false,
-			type: Boolean
-		},
-		inPlayer: {
-			default: false,
-			type: Boolean
-		}
-	},
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const ClassicPopover = defineAsyncComponent(() => import("./ClassicPopover-BIyLKorz.mjs").then((n) => n.n));
-		const mediaCueInPercent = ref(0);
-		const mediaCueOutPercent = ref(100);
-		const { t } = useI18n();
-		const playerStore = usePlayerStore();
-		const display = computed(() => "STOPPED" !== playerStore.playerStatus);
-		watch(() => playerStore.playerMedia, () => {
-			if (playerStore.playerMedia) {
-				mediaCueInPercent.value = timeMediaToPercent(playerStore.playerMedia.cueIn ?? 0);
-				mediaCueOutPercent.value = timeMediaToPercent(playerStore.playerMedia.cueOut ?? null);
-			}
-		}, {
-			deep: true,
-			immediate: true
-		});
-		function timeMediaToPercent(value) {
-			if (null === value || !playerStore.playerMedia) return 100;
-			return value * 100 / (playerStore.playerMedia?.duration ?? 1);
-		}
-		const __returned__ = {
-			ClassicPopover,
-			mediaCueInPercent,
-			mediaCueOutPercent,
-			t,
-			playerStore,
-			display,
-			timeMediaToPercent
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-//#endregion
-//#region src/components/misc/ProgressBar.vue
-var ProgressBar_exports = /* @__PURE__ */ __exportAll({ default: () => ProgressBar_default });
-var _hoisted_1 = {
-	key: 0,
-	id: "test-menu-dropdown",
-	class: "octopus-progress"
-};
-var _hoisted_2 = ["aria-label"];
-var _hoisted_3 = ["aria-label"];
-var _hoisted_4 = ["id"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return !$props.inPlayer || $setup.display ? (openBlock(), createElementBlock("div", _hoisted_1, [
-		$props.secondaryProgress ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			class: "octopus-progress-bar bg-warning",
-			"aria-valuenow": "0",
-			"aria-valuemin": "0",
-			"aria-valuemax": "100",
-			"aria-label": $setup.t("Live progress bar"),
-			style: normalizeStyle("width: " + $props.secondaryProgress + "%")
-		}, null, 12, _hoisted_2)) : createCommentVNode("v-if", true),
-		$setup.playerStore.playerMedia ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [$setup.mediaCueInPercent > 0 ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			class: "octopus-progress-bar bg-complementary",
-			style: normalizeStyle({ width: +$setup.mediaCueInPercent + "%" })
-		}, null, 4)) : createCommentVNode("v-if", true), $setup.mediaCueOutPercent < 100 ? (openBlock(), createElementBlock("div", {
-			key: 1,
-			class: "octopus-progress-bar end-0 bg-complementary",
-			style: normalizeStyle({ width: 100 - $setup.mediaCueOutPercent + "%" })
-		}, null, 4)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true),
-		createElementVNode("div", {
-			class: "octopus-progress-bar current-progress",
-			"aria-valuenow": "0",
-			"aria-valuemin": "0",
-			"aria-valuemax": "100",
-			"aria-label": $setup.t("Listening progress bar"),
-			style: normalizeStyle("width: " + $props.mainProgress + "%")
-		}, null, 12, _hoisted_3),
-		$setup.playerStore.playerMedia ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [$setup.mediaCueInPercent > 0 ? (openBlock(), createElementBlock("div", {
-			key: 0,
-			class: "octopus-progress-bar octopus-progress-bar-duration bg-complementary",
-			style: normalizeStyle({ left: +$setup.mediaCueInPercent + "%" })
-		}, null, 4)) : createCommentVNode("v-if", true), $setup.mediaCueOutPercent < 100 ? (openBlock(), createElementBlock("div", {
-			key: 1,
-			class: "octopus-progress-bar end-0 octopus-progress-bar-duration bg-complementary",
-			style: normalizeStyle({ right: 100 - $setup.mediaCueOutPercent + "%" })
-		}, null, 4)) : createCommentVNode("v-if", true)], 64)) : createCommentVNode("v-if", true),
-		$props.alertBar ? (openBlock(), createElementBlock("div", {
-			key: 3,
-			class: "octopus-progress-bar octopus-progress-bar-duration bg-danger",
-			style: normalizeStyle("left: " + $props.alertBar + "%")
-		}, null, 4)) : createCommentVNode("v-if", true),
-		$props.isProgressCursor ? (openBlock(), createElementBlock("div", {
-			key: 4,
-			class: "octopus-progress-bar-cursor",
-			style: normalizeStyle("left:" + $props.mainProgress + "%")
-		}, null, 4)) : createCommentVNode("v-if", true),
-		$setup.playerStore.playerChapteringPercent ? (openBlock(true), createElementBlock(Fragment, { key: 5 }, renderList($setup.playerStore.playerChapteringPercent, (chapter) => {
-			return openBlock(), createElementBlock(Fragment, { key: chapter }, [
-				createElementVNode("div", {
-					id: "chapter-" + chapter.startPercent,
-					class: "octopus-progress-bar octopus-chapter",
-					style: normalizeStyle({
-						left: chapter.startPercent + "%",
-						right: 100 - chapter.endPercent + "%"
-					})
-				}, null, 12, _hoisted_4),
-				createCommentVNode(" If top layer widely available no need to teleport "),
-				(openBlock(), createBlock(Teleport, { to: "#octopus-player-component" }, [createVNode($setup["ClassicPopover"], {
-					target: "chapter-" + chapter.startPercent,
-					"is-fixed": true,
-					"relative-class": "player-container",
-					"only-mouse": true,
-					"popover-class": "octopus-small-popover popover-z-index",
-					content: chapter.title,
-					"is-top-layer": true
-				}, null, 8, ["target", "content"])]))
-			], 64);
-		}), 128)) : createCommentVNode("v-if", true)
-	])) : createCommentVNode("v-if", true);
-}
-var ProgressBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ProgressBar_vue_vue_type_script_setup_true_lang_default, [
-	["render", _sfc_render],
-	["__scopeId", "data-v-4d1a1fc2"],
-	["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/ProgressBar.vue"]
-]);
-//#endregion
-export { ProgressBar_exports as n, ProgressBar_default as t };
-
-//# sourceMappingURL=ProgressBar-CyddCXNJ.mjs.map

package/dist/QrCode-6ZkgX9Ta.mjs

@@ -1,177 +0,0 @@
-import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { T as useSaveFetchStore } from "./classicApi-ChvwoPGT.mjs";
-import { t as SnackBar_default } from "./SnackBar-DdE1dYhi.mjs";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeMount, openBlock, ref, toDisplayString, useTemplateRef } from "vue";
-import { useI18n } from "vue-i18n";
-import { VSwatches } from "vue3-swatches";
-import "vue3-swatches/dist/style.css";
-import QrcodeVue from "qrcode.vue";
-//#region src/components/display/sharing/FormatSwitch.vue?vue&type=script&setup=true&lang.ts
-var FormatSwitch_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "FormatSwitch",
-	props: { isSvg: {
-		default: true,
-		type: Boolean
-	} },
-	emits: ["update:isSvg"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		__expose();
-		const props = __props;
-		const emit = __emit;
-		function changeIsSvg() {
-			emit("update:isSvg", !props.isSvg);
-		}
-		const __returned__ = {
-			props,
-			emit,
-			changeIsSvg
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-//#endregion
-//#region src/components/display/sharing/FormatSwitch.vue
-var _hoisted_1$1 = { class: "format-switch" };
-var _hoisted_2$1 = ["checked"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", _hoisted_1$1, [createElementVNode("input", {
-		id: "format-switch-checkbox",
-		checked: $props.isSvg,
-		class: "format-switch-checkbox",
-		type: "checkbox",
-		onInput: $setup.changeIsSvg
-	}, null, 40, _hoisted_2$1), _cache[0] || (_cache[0] = createElementVNode("label", {
-		class: "format-switch-label",
-		for: "format-switch-checkbox"
-	}, [createElementVNode("span", { class: "format-switch-label-span" }, "SVG")], -1))]);
-}
-var FormatSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(FormatSwitch_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render$1], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/sharing/FormatSwitch.vue"]]);
-//#endregion
-//#region src/components/display/sharing/QrCode.vue?vue&type=script&setup=true&lang.ts
-var QrCode_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "QrCode",
-	props: {
-		url: {
-			default: "",
-			type: String
-		},
-		orgaForColor: {
-			default: void 0,
-			type: String
-		}
-	},
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const props = __props;
-		const size = ref(1e3);
-		const color = ref("#000000");
-		const isSvg = ref(true);
-		const snackBarRef = useTemplateRef("snackbar");
-		const { t } = useI18n();
-		const saveFetchStore = useSaveFetchStore();
-		const renderQrCode = computed(() => isSvg.value ? "svg" : "canvas");
-		onBeforeMount(() => initDefaultColor());
-		function download() {
-			const canvas = document.getElementsByClassName("myQrCode");
-			if (!canvas || canvas.length <= 0 || !canvas[0]) return;
-			const downloadLink = document.createElement("a");
-			if (isSvg.value) {
-				const svgData = canvas[0].outerHTML;
-				const svgBlob = new Blob([svgData], { type: "image/svg+xml;charset=utf-8" });
-				downloadLink.href = URL.createObjectURL(svgBlob);
-				downloadLink.download = "qrcode.svg";
-			} else {
-				downloadLink.download = "qrcode.png";
-				downloadLink.href = canvas[0].toDataURL();
-			}
-			downloadLink.click();
-			(snackBarRef?.value).open(t("Download started"));
-		}
-		async function initDefaultColor() {
-			if (void 0 === props.orgaForColor) return;
-			const attributes = await saveFetchStore.getOrgaAttributes(props.orgaForColor);
-			if (Object.hasOwn(attributes, "COLOR")) color.value = attributes.COLOR;
-		}
-		const __returned__ = {
-			props,
-			size,
-			color,
-			isSvg,
-			snackBarRef,
-			t,
-			saveFetchStore,
-			renderQrCode,
-			download,
-			initDefaultColor,
-			get VSwatches() {
-				return VSwatches;
-			},
-			SnackBar: SnackBar_default,
-			QrcodeVue,
-			FormatSwitch: FormatSwitch_default
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-//#endregion
-//#region src/components/display/sharing/QrCode.vue
-var QrCode_exports = /* @__PURE__ */ __exportAll({ default: () => QrCode_default });
-var _hoisted_1 = { class: "d-flex flex-column align-items-center" };
-var _hoisted_2 = { class: "d-flex align-items-center mb-3" };
-var _hoisted_3 = { class: "form-label me-3" };
-var _hoisted_4 = { class: "d-flex align-items-center my-3" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createElementBlock("div", _hoisted_1, [
-		createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, toDisplayString($setup.t("Color of the QR Code")), 1), createVNode($setup["VSwatches"], {
-			"model-value": $setup.color,
-			"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => $setup.color = $event),
-			class: "c-hand",
-			"show-fallback": "",
-			"fallback-input-type": "color",
-			colors: "text-advanced",
-			"popover-to": "right",
-			"popover-y": "bottom",
-			"data-color": $setup.color
-		}, null, 8, ["model-value", "data-color"])]),
-		createVNode($setup["QrcodeVue"], {
-			"render-as": $setup.renderQrCode,
-			value: $props.url,
-			size: $setup.size,
-			level: "H",
-			foreground: $setup.color,
-			class: "myQrCode",
-			margin: 2
-		}, null, 8, [
-			"render-as",
-			"value",
-			"size",
-			"foreground"
-		]),
-		createElementVNode("div", _hoisted_4, [createVNode($setup["FormatSwitch"], {
-			"is-svg": $setup.isSvg,
-			"onUpdate:isSvg": _cache[1] || (_cache[1] = ($event) => $setup.isSvg = $event),
-			class: "me-3"
-		}, null, 8, ["is-svg"]), createElementVNode("button", {
-			class: "btn btn-primary",
-			onClick: $setup.download
-		}, toDisplayString($setup.t("Download")), 1)]),
-		createVNode($setup["SnackBar"], {
-			ref: "snackbar",
-			position: "bottom-left"
-		}, null, 512)
-	]);
-}
-var QrCode_default = /*#__PURE__*/ _plugin_vue_export_helper_default(QrCode_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/sharing/QrCode.vue"]]);
-//#endregion
-export { QrCode_exports as n, QrCode_default as t };
-
-//# sourceMappingURL=QrCode-6ZkgX9Ta.mjs.map

package/dist/QrCodeModal-BNVatZWE.mjs

@@ -1,64 +0,0 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { t as ClassicModal_default } from "./ClassicModal-CilwHp9p.mjs";
-import { t as QrCode_default } from "./QrCode-6ZkgX9Ta.mjs";
-import { createBlock, createElementVNode, createVNode, defineComponent, openBlock, toDisplayString, withCtx } from "vue";
-import { useI18n } from "vue-i18n";
-//#region src/components/misc/modal/QrCodeModal.vue?vue&type=script&setup=true&lang.ts
-var QrCodeModal_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "QrCodeModal",
-	props: {
-		urlPage: {
-			default: void 0,
-			type: String
-		},
-		orgaForColor: {
-			default: void 0,
-			type: String
-		}
-	},
-	emits: ["close"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		__expose();
-		const emit = __emit;
-		const { t } = useI18n();
-		function closePopup() {
-			emit("close");
-		}
-		const __returned__ = {
-			emit,
-			t,
-			closePopup,
-			ClassicModal: ClassicModal_default,
-			QrCode: QrCode_default
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-//#endregion
-//#region src/components/misc/modal/QrCodeModal.vue
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return openBlock(), createBlock($setup["ClassicModal"], {
-		"id-modal": "qrcode-modal",
-		"title-modal": $setup.t("Share QR Code"),
-		onClose: $setup.closePopup
-	}, {
-		body: withCtx(() => [createVNode($setup["QrCode"], {
-			url: $props.urlPage,
-			"orga-for-color": $props.orgaForColor
-		}, null, 8, ["url", "orga-for-color"])]),
-		footer: withCtx(() => [createElementVNode("button", {
-			class: "btn btn-primary m-1",
-			onClick: $setup.closePopup
-		}, toDisplayString($setup.t("Close")), 1)]),
-		_: 1
-	}, 8, ["title-modal"]);
-}
-var QrCodeModal_default = /*#__PURE__*/ _plugin_vue_export_helper_default(QrCodeModal_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/modal/QrCodeModal.vue"]]);
-//#endregion
-export { QrCodeModal_default as default };
-
-//# sourceMappingURL=QrCodeModal-BNVatZWE.mjs.map

package/dist/RadioCurrently-Bf-Pg-J_.mjs

@@ -1,112 +0,0 @@
-import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.mjs";
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-7vhL8Npe.mjs";
-import { t as useImageProxy } from "./useImageProxy-DdK55qB4.mjs";
-import { t as useFetchRadio } from "./usefetchRadioData-3E5_FJJM.mjs";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, onMounted, onUnmounted, openBlock, ref, resolveComponent, resolveDirective, toDisplayString, withCtx, withDirectives } from "vue";
-import { useI18n } from "vue-i18n";
-//#region src/components/display/live/RadioCurrently.vue?vue&type=script&setup=true&lang.ts
-var RadioCurrently_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RadioCurrently",
-	props: { radio: {
-		default: void 0,
-		type: Object
-	} },
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const props = __props;
-		const currentMetadata = ref(void 0);
-		const currentPodcast = ref(void 0);
-		const radioInterval = ref(void 0);
-		const { t } = useI18n();
-		const { fetchRadioMetadata, displayTitle } = useFetchRadio();
-		const { useProxyImageUrl } = useImageProxy();
-		const playerStore = usePlayerStore();
-		const playingRadio = computed(() => playerStore.playerRadio && playerStore.playerRadio.canalId === props.radio?.id);
-		const podcastRadio = computed(() => {
-			if (playingRadio.value) return playerStore.playerRadio?.podcast;
-			return currentPodcast.value;
-		});
-		const currentlyPlayingString = computed(() => {
-			if (playingRadio.value && playerStore.playerRadio) return displayTitle(playerStore.playerRadio.metadata);
-			return displayTitle(currentMetadata.value);
-		});
-		onMounted(() => {
-			fetchCurrentlyPlaying();
-			radioInterval.value = setInterval(() => {
-				fetchCurrentlyPlaying();
-			}, 1e4);
-		});
-		onUnmounted(() => {
-			clearInterval(radioInterval.value);
-			radioInterval.value = void 0;
-		});
-		async function fetchCurrentlyPlaying() {
-			if (!props.radio || playingRadio.value) return;
-			fetchRadioMetadata(props.radio.id, currentMetadata.value?.title ?? "", updateMetadata);
-		}
-		function updateMetadata(metadata, podcast) {
-			currentMetadata.value = metadata;
-			currentPodcast.value = podcast;
-		}
-		const __returned__ = {
-			props,
-			currentMetadata,
-			currentPodcast,
-			radioInterval,
-			t,
-			fetchRadioMetadata,
-			displayTitle,
-			useProxyImageUrl,
-			playerStore,
-			playingRadio,
-			podcastRadio,
-			currentlyPlayingString,
-			fetchCurrentlyPlaying,
-			updateMetadata
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-//#endregion
-//#region src/components/display/live/RadioCurrently.vue
-var RadioCurrently_exports = /* @__PURE__ */ __exportAll({ default: () => RadioCurrently_default });
-var _hoisted_1 = { class: "d-flex align-items-center" };
-var _hoisted_2 = {
-	key: 0,
-	class: "fw-bold me-1"
-};
-var _hoisted_3 = ["title"];
-var _hoisted_4 = { key: 2 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_router_link = resolveComponent("router-link");
-	const _directive_lazy = resolveDirective("lazy");
-	return openBlock(), createElementBlock("div", _hoisted_1, [$setup.currentlyPlayingString.length || $setup.podcastRadio ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString($setup.t("Currently")) + "\xA0: ", 1)) : createCommentVNode("v-if", true), $setup.podcastRadio ? (openBlock(), createBlock(_component_router_link, {
-		key: 1,
-		class: "d-flex align-items-center",
-		to: {
-			name: "podcast",
-			params: { podcastId: $setup.podcastRadio.podcastId }
-		},
-		title: $setup.t("Episode name page", { name: $setup.podcastRadio.title })
-	}, {
-		default: withCtx(() => [withDirectives(createElementVNode("img", {
-			width: "80",
-			height: "80",
-			class: "small-img-box",
-			"aria-hidden": "true",
-			alt: "",
-			title: $setup.t("Episode name image", { name: $setup.podcastRadio.title })
-		}, null, 8, _hoisted_3), [[_directive_lazy, $setup.useProxyImageUrl($setup.podcastRadio.imageUrl, "80")]]), createElementVNode("div", null, toDisplayString($setup.podcastRadio.title), 1)]),
-		_: 1
-	}, 8, ["to", "title"])) : $setup.currentlyPlayingString.length ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString($setup.currentlyPlayingString), 1)) : createCommentVNode("v-if", true)]);
-}
-var RadioCurrently_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RadioCurrently_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/live/RadioCurrently.vue"]]);
-//#endregion
-export { RadioCurrently_exports as n, RadioCurrently_default as t };
-
-//# sourceMappingURL=RadioCurrently-Bf-Pg-J_.mjs.map

package/dist/RadioHistory-C7tOpvUk.mjs

@@ -1,139 +0,0 @@
-import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-7vhL8Npe.mjs";
-import { t as useFetchRadio } from "./usefetchRadioData-3E5_FJJM.mjs";
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, onMounted, onUnmounted, openBlock, ref, renderList, toDisplayString, useTemplateRef, watch } from "vue";
-import { useI18n } from "vue-i18n";
-import dayjs from "dayjs";
-import ChevronLeftIcon from "vue-material-design-icons/ChevronLeft.vue";
-import ChevronRightIcon from "vue-material-design-icons/ChevronRight.vue";
-//#region src/components/misc/player/radio/RadioHistory.vue?vue&type=script&setup=true&lang.ts
-var RadioHistory_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "RadioHistory",
-	setup(__props, { expose: __expose }) {
-		__expose();
-		const indexStart = ref(0);
-		const indexNotDisplay = ref(100);
-		const historyListContainerRef = useTemplateRef("historyListContainer");
-		const { t } = useI18n();
-		const playerStore = usePlayerStore();
-		const { displayTitle } = useFetchRadio();
-		const playerRadioHistory = computed(() => playerStore.playerRadio?.history ?? []);
-		watch(playerRadioHistory, () => {
-			nextTick(() => {
-				handleResize(0);
-			});
-		}, {
-			deep: true,
-			immediate: true
-		});
-		onMounted(() => window.addEventListener("resize", () => {
-			handleResize(0);
-		}));
-		onUnmounted(() => window.removeEventListener("resize", () => {
-			handleResize(0);
-		}));
-		function displayEverythingAfterIndex(indexAsked) {
-			for (let index = 0; index < playerRadioHistory.value.length; index++) {
-				const el = historyListContainerRef?.value?.querySelector("#history" + index);
-				if (!el) continue;
-				if (index < indexAsked && !el.classList.contains("hid")) {
-					el.classList.add("hid");
-					continue;
-				}
-				if (index >= indexAsked && el.classList.contains("hid")) el.classList.remove("hid");
-			}
-		}
-		function handleResize(indexAsked) {
-			const historyList = historyListContainerRef?.value;
-			if (null === historyList || !historyList) return;
-			indexStart.value = indexAsked;
-			indexNotDisplay.value = playerRadioHistory.value.length;
-			displayEverythingAfterIndex(indexAsked);
-			for (let index = indexStart.value + 1; index < playerRadioHistory.value.length; index++) {
-				const el = historyListContainerRef?.value?.querySelector("#history" + index);
-				if (!el) continue;
-				if (index > indexNotDisplay.value && !el.classList.contains("hid")) {
-					el.classList.add("hid");
-					continue;
-				}
-				const parent = el.parentElement;
-				if (parent && el.offsetLeft + el.clientWidth > parent.clientWidth) {
-					indexNotDisplay.value = index;
-					el.classList.add("hid");
-				}
-			}
-		}
-		function displayTimeItem(item) {
-			return dayjs(item.startDate).format("HH:mm");
-		}
-		function displayPreviousItem(item) {
-			if (item.podcastId) return item.title;
-			return displayTitle(item);
-		}
-		const __returned__ = {
-			indexStart,
-			indexNotDisplay,
-			historyListContainerRef,
-			t,
-			playerStore,
-			displayTitle,
-			playerRadioHistory,
-			displayEverythingAfterIndex,
-			handleResize,
-			displayTimeItem,
-			displayPreviousItem,
-			ChevronLeftIcon,
-			ChevronRightIcon
-		};
-		Object.defineProperty(__returned__, "__isScriptSetup", {
-			enumerable: false,
-			value: true
-		});
-		return __returned__;
-	}
-});
-//#endregion
-//#region src/components/misc/player/radio/RadioHistory.vue
-var _hoisted_1 = {
-	key: 0,
-	class: "d-flex align-items-center mt-3"
-};
-var _hoisted_2 = { class: "fw-bold me-3" };
-var _hoisted_3 = {
-	ref: "historyListContainer",
-	class: "history-list-container"
-};
-var _hoisted_4 = ["id"];
-var _hoisted_5 = { class: "d-flex flex-shrink-0 align-items-end" };
-var _hoisted_6 = ["datetime"];
-var _hoisted_7 = { class: "me-3" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	return $setup.playerRadioHistory.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-		createElementVNode("div", _hoisted_2, toDisplayString($setup.t("Previously") + ":"), 1),
-		$setup.indexStart !== 0 ? (openBlock(), createElementBlock("button", {
-			key: 0,
-			class: "btn btn-transparent text-light",
-			onClick: _cache[0] || (_cache[0] = ($event) => $setup.handleResize(0))
-		}, [createVNode($setup["ChevronLeftIcon"])])) : createCommentVNode("v-if", true),
-		createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.playerRadioHistory, (pastItem, index) => {
-			return openBlock(), createElementBlock("div", {
-				id: "history" + index,
-				key: pastItem.title,
-				class: "d-flex flex-shrink-0"
-			}, [createElementVNode("div", _hoisted_5, [createElementVNode("time", {
-				datetime: pastItem.startDate,
-				class: "me-2 hour-past-item"
-			}, toDisplayString($setup.displayTimeItem(pastItem)), 9, _hoisted_6), createElementVNode("span", _hoisted_7, toDisplayString($setup.displayPreviousItem(pastItem)), 1)])], 8, _hoisted_4);
-		}), 128))], 512),
-		$setup.indexNotDisplay <= $setup.playerRadioHistory.length - 1 ? (openBlock(), createElementBlock("button", {
-			key: 1,
-			class: "btn btn-transparent text-light",
-			onClick: _cache[1] || (_cache[1] = ($event) => $setup.handleResize($setup.indexNotDisplay))
-		}, [createVNode($setup["ChevronRightIcon"])])) : createCommentVNode("v-if", true)
-	])) : createCommentVNode("v-if", true);
-}
-var RadioHistory_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RadioHistory_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/player/radio/RadioHistory.vue"]]);
-//#endregion
-export { RadioHistory_default as default };
-
-//# sourceMappingURL=RadioHistory-C7tOpvUk.mjs.map