@saooti/octopus-sdk 42.1.0 → 42.1.2

package/dist/TopBar-Bg0jGbps.mjs

@@ -0,0 +1,760 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { A as state, a as useSubOrganisations, i as useAuthStore$1, r as useFilterStore, s as rubriquesApi } from "./classicApi-ChvwoPGT.mjs";
+import { t as useResizePhone } from "./useResizePhone-CpfFUmfV.mjs";
+import { t as useImageProxy } from "./useImageProxy-DdK55qB4.mjs";
+import { t as useGeneralStore } from "./GeneralStore-CUlq_NjO.mjs";
+import { t as ClassicPopover_default } from "./ClassicPopover-BIyLKorz.mjs";
+import { t as useRubriquesFilterComputed } from "./useRubriquesFilterComputed-Dg4HclyQ.mjs";
+import { t as HomeDropdown_default } from "./HomeDropdown-87gJP-lN.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineAsyncComponent, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, onUnmounted, openBlock, ref, renderList, resolveComponent, toDisplayString, toRef, useTemplateRef, vShow, watch, withCtx, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+import axios from "axios";
+import ChevronDownIcon from "vue-material-design-icons/ChevronDown.vue";
+import MagnifyIcon from "vue-material-design-icons/Magnify.vue";
+import CloseIcon from "vue-material-design-icons/Close.vue";
+import SwapIcon from "vue-material-design-icons/SwapHorizontalCircleOutline.vue";
+import ClearIcon from "vue-material-design-icons/CloseCircleOutline.vue";
+import { getClassicInputText, useAuthStore } from "@saooti/octopus-sdk";
+//#region src/components/misc/RightsScopeSelector.vue?vue&type=script&setup=true&lang.ts
+var RightsScopeSelector_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RightsScopeSelector",
+	props: { open: {
+		type: Boolean,
+		required: false
+	} },
+	emits: ["change"],
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const { t } = useI18n();
+		const authStore = useAuthStore$1();
+		const authOrgaId = toRef(authStore, "authOrgaId");
+		const rubriquage = ref(null);
+		const { selectedSubOrganisation, subOrganisations, unselectSubOrganisation } = useSubOrganisations(authOrgaId);
+		watch(authOrgaId, async () => {
+			rubriquage.value = await rubriquesApi.findRestrictiveRubriquage(authOrgaId.value);
+		}, { immediate: true });
+		const __returned__ = {
+			t,
+			authStore,
+			authOrgaId,
+			rubriquage,
+			selectedSubOrganisation,
+			subOrganisations,
+			unselectSubOrganisation,
+			SwapIcon,
+			ClearIcon
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/RightsScopeSelector.vue
+var _hoisted_1$3 = {
+	key: 0,
+	class: "d-flex flex-column ms-4"
+};
+var _hoisted_2$3 = { class: "label mb-1" };
+var _hoisted_3$2 = { class: "d-flex value" };
+var _hoisted_4$2 = ["aria-expanded"];
+var _hoisted_5$2 = {
+	key: 0,
+	class: "me-2 selected"
+};
+var _hoisted_6$2 = {
+	key: 1,
+	class: "me-2"
+};
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+	return $setup.subOrganisations.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("span", _hoisted_2$3, toDisplayString($setup.t("RightsScopeSelector - Title", { rubriquage: $setup.rubriquage?.title })), 1), createElementVNode("div", _hoisted_3$2, [createElementVNode("button", {
+		type: "button",
+		class: "btn-transparent d-flex align-items-center",
+		"aria-controls": "suborga-list-menu",
+		"aria-expanded": $props.open,
+		onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("change"))
+	}, [$setup.selectedSubOrganisation ? (openBlock(), createElementBlock("span", _hoisted_5$2, toDisplayString($setup.selectedSubOrganisation.name), 1)) : (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString($setup.t("RightsScopeSelector - No filter")), 1)), createVNode($setup["SwapIcon"], { class: "icon" })], 8, _hoisted_4$2), $setup.selectedSubOrganisation ? (openBlock(), createElementBlock("button", {
+		key: 0,
+		type: "button",
+		class: "btn-transparent",
+		onClick: _cache[1] || (_cache[1] = (...args) => $setup.unselectSubOrganisation && $setup.unselectSubOrganisation(...args))
+	}, [createVNode($setup["ClearIcon"], {
+		class: "icon",
+		title: $setup.t("RightsScopeSelector - Clear filter")
+	}, null, 8, ["title"])])) : createCommentVNode("v-if", true)])])) : createCommentVNode("v-if", true);
+}
+var RightsScopeSelector_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RightsScopeSelector_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render$3],
+	["__scopeId", "data-v-e84ec0ca"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/RightsScopeSelector.vue"]
+]);
+//#endregion
+//#region src/components/misc/RightsScopeMenu.vue?vue&type=script&setup=true&lang.ts
+var RightsScopeMenu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RightsScopeMenu",
+	props: { open: {
+		type: Boolean,
+		required: false
+	} },
+	emits: ["update:open"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const ClassicInputText = defineAsyncComponent(getClassicInputText);
+		const { t } = useI18n();
+		const props = __props;
+		const emit = __emit;
+		const menuNav = useTemplateRef("menuNav");
+		let previousFocus = null;
+		watch(() => props.open, async (open) => {
+			if (open) {
+				previousFocus = document.activeElement;
+				setTimeout(() => document.addEventListener("click", openOnClick), 200);
+				document.addEventListener("keydown", closeOnEscape);
+				await nextTick();
+				menuNav.value?.querySelector("input")?.focus();
+			} else {
+				removeListeners();
+				const active = document.activeElement;
+				if (active === document.body || menuNav.value?.contains(active)) previousFocus?.focus();
+			}
+		});
+		onUnmounted(removeListeners);
+		function removeListeners() {
+			document.removeEventListener("click", openOnClick);
+			document.removeEventListener("keydown", closeOnEscape);
+		}
+		function close() {
+			emit("update:open", false);
+		}
+		function openOnClick(event) {
+			const menu = menuNav.value;
+			if (props.open && event.target && !menu?.contains(event.target)) close();
+		}
+		function closeOnEscape(event) {
+			if (event.key === "Escape") close();
+		}
+		function prefersReducedMotion() {
+			return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+		}
+		const search = ref("");
+		const authStore = useAuthStore();
+		const { subOrganisations, selectSubOrganisation } = useSubOrganisations(toRef(authStore, "authOrgaId"));
+		function normalize(str) {
+			return str.toUpperCase().normalize("NFD").replace(/\p{Diacritic}/gu, "");
+		}
+		const normalizedSearch = computed(() => {
+			return normalize(search.value);
+		});
+		const userSubOrgas = computed(() => {
+			const userScope = authStore.userScope;
+			return subOrganisations.value.filter((sub) => sub.name.includes(normalizedSearch.value)).filter((sub) => userScope.includes(sub.id));
+		});
+		const showFirstList = computed(() => {
+			return userSubOrgas.value.length > 0;
+		});
+		const secondListTitle = computed(() => {
+			if (authStore.userScope.length === 0) return t("RightsScopeMenu - Second list - Title unscoped");
+			else return t("RightsScopeMenu - Second list - Title scoped");
+		});
+		const showLetters = computed(() => {
+			return subOrganisations.value.length > 10;
+		});
+		const subOrgaByLetter = computed(() => {
+			const data = /* @__PURE__ */ new Map();
+			const filtered = subOrganisations.value.filter((sub) => sub.name.includes(normalizedSearch.value)).filter((sub) => !userSubOrgas.value.includes(sub));
+			if (showLetters.value) filtered.forEach((sub) => {
+				const firstLetter = sub.name[0];
+				if (data.has(firstLetter)) data.get(firstLetter).push(sub);
+				else data.set(firstLetter, [sub]);
+			});
+			else data.set(null, filtered);
+			data.values().forEach((ary) => ary.sort((a, b) => a.name.localeCompare(b.name)));
+			return data;
+		});
+		const noResult = computed(() => {
+			return !showFirstList.value && [...subOrgaByLetter.value.values()].every((ary) => ary.length === 0);
+		});
+		function scrollToLetter(letter) {
+			if (!subOrgaByLetter.value.has(letter)) return;
+			const container = menuNav.value;
+			const target = container?.querySelector(`#suborga-letter-${letter}`);
+			if (container && target) {
+				container.scrollTo({
+					top: target.offsetTop,
+					behavior: prefersReducedMotion() ? "auto" : "smooth"
+				});
+				target.focus({ preventScroll: true });
+			}
+		}
+		function select(org) {
+			selectSubOrganisation(org);
+			emit("update:open", false);
+		}
+		const __returned__ = {
+			ClassicInputText,
+			t,
+			props,
+			emit,
+			menuNav,
+			get previousFocus() {
+				return previousFocus;
+			},
+			set previousFocus(v) {
+				previousFocus = v;
+			},
+			removeListeners,
+			close,
+			openOnClick,
+			closeOnEscape,
+			prefersReducedMotion,
+			search,
+			authStore,
+			subOrganisations,
+			selectSubOrganisation,
+			normalize,
+			normalizedSearch,
+			userSubOrgas,
+			showFirstList,
+			secondListTitle,
+			showLetters,
+			subOrgaByLetter,
+			noResult,
+			scrollToLetter,
+			select,
+			CloseIcon
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/RightsScopeMenu.vue
+var _hoisted_1$2 = ["inert"];
+var _hoisted_2$2 = { class: "search" };
+var _hoisted_3$1 = { id: "suborga-list-menu-title" };
+var _hoisted_4$1 = {
+	key: 0,
+	class: "suborga-list mb-4"
+};
+var _hoisted_5$1 = ["onClick"];
+var _hoisted_6$1 = { class: "suborga-list" };
+var _hoisted_7$1 = {
+	key: 0,
+	class: "letters mt-2"
+};
+var _hoisted_8$1 = [
+	"title",
+	"disabled",
+	"onClick"
+];
+var _hoisted_9$1 = ["id"];
+var _hoisted_10$1 = ["onClick"];
+var _hoisted_11$1 = {
+	role: "status",
+	class: "text-indic px-3"
+};
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		id: "suborga-list-menu",
+		ref: "menuNav",
+		role: "dialog",
+		"aria-labelledby": "suborga-list-menu-title",
+		class: normalizeClass({ shown: $props.open }),
+		inert: !$props.open
+	}, [
+		createElementVNode("button", {
+			type: "button",
+			class: "btn-transparent close-btn",
+			onClick: $setup.close
+		}, [createVNode($setup["CloseIcon"], { title: $setup.t("Close") }, null, 8, ["title"])]),
+		createElementVNode("div", _hoisted_2$2, [createElementVNode("h3", _hoisted_3$1, toDisplayString($setup.t("RightsScopeMenu - Title")), 1), createVNode($setup["ClassicInputText"], {
+			"text-init": $setup.search,
+			"onUpdate:textInit": _cache[0] || (_cache[0] = ($event) => $setup.search = $event),
+			placeholder: $setup.t("RightsScopeMenu - Search"),
+			"can-be-null": ""
+		}, null, 8, ["text-init", "placeholder"])]),
+		$setup.showFirstList ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("h4", null, toDisplayString($setup.t("RightsScopeMenu - First list - Title")), 1), (openBlock(true), createElementBlock(Fragment, null, renderList($setup.userSubOrgas, (suborga) => {
+			return openBlock(), createElementBlock("span", {
+				key: suborga.id,
+				class: "suborga",
+				onClick: ($event) => $setup.select(suborga)
+			}, toDisplayString(suborga.name), 9, _hoisted_5$1);
+		}), 128))])) : createCommentVNode("v-if", true),
+		createElementVNode("div", _hoisted_6$1, [
+			createElementVNode("h4", null, toDisplayString($setup.secondListTitle), 1),
+			$setup.showLetters ? (openBlock(), createElementBlock("div", _hoisted_7$1, [(openBlock(), createElementBlock(Fragment, null, renderList("ABCDEFGHIJKLMNOPQRSTUVWXYZ", (letter) => {
+				return createElementVNode("button", {
+					key: letter,
+					type: "button",
+					class: "letter",
+					title: $setup.subOrgaByLetter.has(letter) ? void 0 : $setup.t("RightsScopeMenu - Letters - No sub orga for letter"),
+					disabled: !$setup.subOrgaByLetter.has(letter),
+					onClick: ($event) => $setup.scrollToLetter(letter)
+				}, toDisplayString(letter), 9, _hoisted_8$1);
+			}), 64))])) : createCommentVNode("v-if", true),
+			(openBlock(true), createElementBlock(Fragment, null, renderList($setup.subOrgaByLetter, ([letter, suborgaForLetter]) => {
+				return openBlock(), createElementBlock("div", { key: "suborgas-" + letter }, [createElementVNode("div", {
+					id: "suborga-letter-" + letter,
+					class: "letter",
+					tabindex: "-1"
+				}, toDisplayString(letter), 9, _hoisted_9$1), (openBlock(true), createElementBlock(Fragment, null, renderList(suborgaForLetter, (suborga) => {
+					return openBlock(), createElementBlock("span", {
+						key: suborga.id,
+						class: "suborga",
+						onClick: ($event) => $setup.select(suborga)
+					}, toDisplayString(suborga.name), 9, _hoisted_10$1);
+				}), 128))]);
+			}), 128))
+		]),
+		createElementVNode("p", _hoisted_11$1, [$setup.noResult ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createTextVNode(toDisplayString($setup.t("RightsScopeMenu - No result")), 1)], 64)) : createCommentVNode("v-if", true)])
+	], 10, _hoisted_1$2);
+}
+var RightsScopeMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RightsScopeMenu_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render$2],
+	["__scopeId", "data-v-28cae706"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/RightsScopeMenu.vue"]
+]);
+//#endregion
+//#region src/components/misc/TopBarMainContent.vue?vue&type=script&setup=true&lang.ts
+var TopBarMainContent_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "TopBarMainContent",
+	props: {
+		isPhone: {
+			type: Boolean,
+			required: false
+		},
+		titleDisplay: {
+			type: String,
+			required: false
+		},
+		scrolled: {
+			type: Boolean,
+			required: false
+		},
+		options: {
+			type: Object,
+			required: false
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const MobileMenu = defineAsyncComponent(() => import("./MobileMenu-xNe7tNdx.mjs"));
+		const props = __props;
+		const { t } = useI18n();
+		const { useProxyImageUrl } = useImageProxy();
+		const { rubriqueQueryParam } = useRubriquesFilterComputed();
+		const authStore = useAuthStore$1();
+		const generalStore = useGeneralStore();
+		const filterStore = useFilterStore();
+		const menuOpen = ref(false);
+		const mobileMenuDisplay = computed(() => props.isPhone || inContentDisplayPage.value);
+		const titleIsDisplayed = computed(() => inContentDisplayPage.value && props.scrolled && !props.isPhone);
+		const inContentDisplayPage = computed(() => 0 !== props.titleDisplay.length);
+		const routerLinkArray = computed(() => [
+			{
+				title: t("Radio & Live"),
+				routeName: "lives",
+				condition: !inContentDisplayPage.value && state.generalParameters.isLiveTab && (filterStore.filterOrgaId && filterStore.filterLive || !filterStore.filterOrgaId)
+			},
+			{
+				title: t("Podcasts"),
+				routeName: "podcasts",
+				condition: !inContentDisplayPage.value || inContentDisplayPage.value && !props.scrolled
+			},
+			{
+				title: t("Emissions"),
+				routeName: "emissions",
+				condition: !inContentDisplayPage.value || inContentDisplayPage.value && !props.scrolled
+			}
+		]);
+		const routerLinkInsideArray = computed(() => {
+			return [
+				{
+					title: t("Speakers"),
+					routeName: "participants",
+					condition: true
+				},
+				{
+					title: t("Playlists"),
+					routeName: "playlists",
+					condition: true
+				},
+				{
+					title: t("Productors"),
+					routeName: "productors",
+					condition: !state.generalParameters.podcastmaker && (!filterStore.filterOrgaId || generalStore.platformEducation)
+				}
+			];
+		});
+		const logoUrl = computed(() => {
+			if (generalStore.platformEducation) return "/img/logo_education_white.svg";
+			return props.isPhone ? "/img/logo_octopus_bubble.svg" : "/img/logo_saooti_play_white.svg";
+		});
+		const imgUrl = computed(() => {
+			if (!filterStore.filterImgUrl?.includes("emptypodcast")) return `${filterStore.filterImgUrl}`;
+			return "";
+		});
+		function getQueriesRouter(routeName) {
+			if ("podcasts" !== routeName && "emissions" !== routeName && "home" !== routeName) return { productor: filterStore.filterOrgaId };
+			return {
+				productor: filterStore.filterOrgaId,
+				iabId: filterStore.filterIab?.id,
+				rubriquesId: rubriqueQueryParam.value
+			};
+		}
+		const __returned__ = {
+			MobileMenu,
+			props,
+			t,
+			useProxyImageUrl,
+			rubriqueQueryParam,
+			authStore,
+			generalStore,
+			filterStore,
+			menuOpen,
+			mobileMenuDisplay,
+			titleIsDisplayed,
+			inContentDisplayPage,
+			routerLinkArray,
+			routerLinkInsideArray,
+			logoUrl,
+			imgUrl,
+			getQueriesRouter,
+			ChevronDownIcon,
+			MagnifyIcon,
+			HomeDropdown: HomeDropdown_default,
+			ClassicPopover: ClassicPopover_default,
+			RightsScopeSelector: RightsScopeSelector_default,
+			RightsScopeMenu: RightsScopeMenu_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/TopBarMainContent.vue
+var _hoisted_1$1 = { class: "d-flex align-items-center" };
+var _hoisted_2$1 = ["src"];
+var _hoisted_3 = ["src"];
+var _hoisted_4 = {
+	key: 0,
+	class: "text-truncate m-0 align-self-center"
+};
+var _hoisted_5 = ["src"];
+var _hoisted_6 = ["title"];
+var _hoisted_7 = ["src"];
+var _hoisted_8 = {
+	role: "navigation",
+	class: "d-flex align-items-center justify-content-end flex-grow-1"
+};
+var _hoisted_9 = ["aria-label"];
+var _hoisted_10 = { class: "d-flex" };
+var _hoisted_11 = {
+	key: 0,
+	class: "li-style-none"
+};
+var _hoisted_12 = ["title"];
+var _hoisted_13 = { class: "link-hover" };
+var _hoisted_14 = ["aria-label"];
+var _hoisted_15 = { class: "p-0 m-0" };
+var _hoisted_16 = {
+	key: 0,
+	class: "li-style-none"
+};
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_router_link = resolveComponent("router-link");
+	return openBlock(), createElementBlock("div", { class: normalizeClass(["top-bar-grid header-content", { scrolled: $setup.titleIsDisplayed }]) }, [
+		createElementVNode("div", _hoisted_1$1, [
+			createCommentVNode(" Logo to the left "),
+			createVNode(_component_router_link, {
+				class: "top-bar-logo d-block",
+				to: {
+					name: "home",
+					query: $setup.getQueriesRouter("home")
+				},
+				title: $setup.t("Home")
+			}, {
+				default: withCtx(() => [!$setup.filterStore.filterOrgaId || "" === $setup.imgUrl ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: $setup.logoUrl,
+					"aria-hidden": "true",
+					alt: "",
+					width: "140",
+					height: "50",
+					title: "Logo",
+					class: normalizeClass($setup.generalStore.platformEducation ? "education-logo" : "octopus-logo")
+				}, null, 10, _hoisted_2$1)) : (openBlock(), createElementBlock("img", {
+					key: 1,
+					src: $setup.useProxyImageUrl($setup.imgUrl, "", "80"),
+					"aria-hidden": "true",
+					alt: "",
+					class: normalizeClass(["client-logo", $setup.generalStore.platformEducation ? "education-logo" : ""]),
+					title: "Logo"
+				}, null, 10, _hoisted_3))]),
+				_: 1
+			}, 8, ["to", "title"]),
+			createVNode($setup["RightsScopeMenu"], {
+				open: $setup.menuOpen,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => $setup.menuOpen = $event)
+			}, null, 8, ["open"]),
+			createVNode($setup["RightsScopeSelector"], {
+				class: "ms-4",
+				open: $setup.menuOpen,
+				onChange: _cache[1] || (_cache[1] = ($event) => $setup.menuOpen = true)
+			}, null, 8, ["open"])
+		]),
+		$setup.titleIsDisplayed ? (openBlock(), createElementBlock("h1", _hoisted_4, toDisplayString($props.titleDisplay), 1)) : createCommentVNode("v-if", true),
+		createCommentVNode(" Right section "),
+		createElementVNode("div", { class: normalizeClass(["d-flex right-section", [$setup.inContentDisplayPage || $props.isPhone ? "flex-row-reverse align-items-center" : "flex-column align-items-end"]]) }, [
+			createCommentVNode(" Logo to the right "),
+			$setup.filterStore.filterOrgaId && "" !== $setup.imgUrl ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [$setup.authStore.isGarRole ? (openBlock(), createElementBlock("img", {
+				key: 0,
+				src: $setup.logoUrl,
+				"aria-hidden": "true",
+				alt: "",
+				width: "100",
+				height: "29",
+				class: normalizeClass(["ms-2", $setup.generalStore.platformEducation ? "education-logo" : "octopus-logo"]),
+				title: "Logo"
+			}, null, 10, _hoisted_5)) : (openBlock(), createElementBlock("a", {
+				key: 1,
+				href: "https://www.saooti.com/",
+				target: "_blank",
+				rel: "noreferrer noopener",
+				title: $setup.t("New window", { text: "Saooti" })
+			}, [createElementVNode("img", {
+				src: $setup.logoUrl,
+				"aria-hidden": "true",
+				alt: "",
+				title: "Saooti",
+				width: "100",
+				height: "29",
+				class: normalizeClass(["ms-2", $setup.generalStore.platformEducation ? "education-logo" : "octopus-logo"])
+			}, null, 10, _hoisted_7)], 8, _hoisted_6))], 64)) : createCommentVNode("v-if", true),
+			createElementVNode("div", _hoisted_8, [
+				createElementVNode("nav", { "aria-label": $setup.t("Site menu") }, [createElementVNode("ul", _hoisted_10, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.routerLinkArray, (link) => {
+					return openBlock(), createElementBlock(Fragment, { key: link.routeName }, [link.condition ? (openBlock(), createElementBlock("li", _hoisted_11, [withDirectives(createVNode(_component_router_link, {
+						to: {
+							name: link.routeName,
+							query: $setup.getQueriesRouter(link.routeName)
+						},
+						class: "link-hover py-2 px-3"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(link.title), 1)]),
+						_: 2
+					}, 1032, ["to"]), [[vShow, !$props.isPhone]])])) : createCommentVNode("v-if", true)], 64);
+				}), 128))])], 8, _hoisted_9),
+				withDirectives(createElementVNode("button", {
+					id: "more-dropdown",
+					title: $setup.t("More"),
+					class: "d-flex-column flex-nowrap align-items-center btn-transparent py-2 px-3 text-white"
+				}, [createElementVNode("span", _hoisted_13, toDisplayString($setup.t("More")), 1), createVNode($setup["ChevronDownIcon"])], 8, _hoisted_12), [[vShow, !$props.isPhone && !$setup.inContentDisplayPage]]),
+				createVNode($setup["ClassicPopover"], {
+					target: "more-dropdown",
+					"only-click": true,
+					"is-fixed": true,
+					"left-pos": true,
+					"is-top-layer": true
+				}, {
+					default: withCtx(() => [createElementVNode("nav", {
+						class: "d-flex flex-column",
+						"aria-label": $setup.t("Site menu")
+					}, [createElementVNode("ul", _hoisted_15, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.routerLinkInsideArray, (link) => {
+						return openBlock(), createElementBlock(Fragment, { key: link.routeName }, [link.condition ? (openBlock(), createElementBlock("li", _hoisted_16, [createVNode(_component_router_link, {
+							to: {
+								name: link.routeName,
+								query: $setup.getQueriesRouter(link.routeName)
+							},
+							class: "p-1 octopus-dropdown-item"
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(link.title), 1)]),
+							_: 2
+						}, 1032, ["to"])])) : createCommentVNode("v-if", true)], 64);
+					}), 128))])], 8, _hoisted_14)]),
+					_: 1
+				}),
+				createVNode($setup["MobileMenu"], {
+					"is-education": $setup.generalStore.platformEducation,
+					show: $setup.mobileMenuDisplay,
+					"not-podcast-and-emission": $setup.inContentDisplayPage && !$props.scrolled
+				}, null, 8, [
+					"is-education",
+					"show",
+					"not-podcast-and-emission"
+				]),
+				createVNode($setup["HomeDropdown"], mergeProps({
+					"is-education": $setup.generalStore.platformEducation,
+					"mobile-menu-display": $setup.mobileMenuDisplay
+				}, $props.options?.homeDropdown), null, 16, ["is-education", "mobile-menu-display"]),
+				withDirectives(createVNode(_component_router_link, {
+					title: $setup.t("Search"),
+					to: { name: "podcasts" },
+					class: "btn admin-button m-1 text-blue-octopus",
+					role: "search"
+				}, {
+					default: withCtx(() => [createVNode($setup["MagnifyIcon"], { size: 30 })]),
+					_: 1
+				}, 8, ["title"]), [[vShow, !$props.isPhone && !$setup.inContentDisplayPage]])
+			])
+		], 2)
+	], 2);
+}
+var TopBarMainContent_default = /*#__PURE__*/ _plugin_vue_export_helper_default(TopBarMainContent_vue_vue_type_script_setup_true_lang_default, [
+	["render", _sfc_render$1],
+	["__scopeId", "data-v-096ff10c"],
+	["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/TopBarMainContent.vue"]
+]);
+//#endregion
+//#region src/components/misc/TopBar.vue?vue&type=script&setup=true&lang.ts
+var TopBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "TopBar",
+	props: { options: {
+		type: Object,
+		required: false
+	} },
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const SubscribeButtons = defineAsyncComponent(() => import("./SubscribeButtons-Va9APuBC.mjs").then((n) => n.n));
+		const scrolled = ref(false);
+		const oldScrollY = ref(0);
+		const minScroll = ref(0);
+		const headerBackgroundImage = ref("");
+		const needToBlur = ref(false);
+		const { isPhone, windowWidth } = useResizePhone();
+		const { useProxyImageUrl } = useImageProxy();
+		const authStore = useAuthStore$1();
+		const generalStore = useGeneralStore();
+		const titleToDisplay = computed(() => {
+			if (generalStore.contentToDisplay?.podcastId) return generalStore.contentToDisplay.emission.name;
+			if (generalStore.contentToDisplay?.playlistId) return generalStore.contentToDisplay.title;
+			if (generalStore.contentToDisplay?.emissionId) return generalStore.contentToDisplay.name;
+			if (generalStore.contentToDisplay?.id) return generalStore.contentToDisplay.name;
+			return "";
+		});
+		/** The element displayed by the subscribe buttons */
+		const content = computed(() => {
+			if (generalStore.contentToDisplay?.podcastId) return generalStore.contentToDisplay.emission;
+			if (generalStore.contentToDisplay?.emissionId) return generalStore.contentToDisplay;
+			if (generalStore.contentToDisplay?.playlistId) return generalStore.contentToDisplay;
+			return null;
+		});
+		watch(() => generalStore.contentToDisplay, async () => {
+			if (!generalStore.contentToDisplay) {
+				headerBackgroundImage.value = "";
+				needToBlur.value = false;
+				return;
+			}
+			const widthAsked = window.innerWidth > 960 ? "1600" : "1000";
+			const proxyUrl = useProxyImageUrl(generalStore.contentToDisplay.imageUrl, widthAsked, void 0, true);
+			try {
+				const result = await axios.get(proxyUrl);
+				headerBackgroundImage.value = `background-image: url('${result.data}');`;
+				needToBlur.value = result.data === generalStore.contentToDisplay.imageUrl;
+			} catch {
+				if (generalStore.contentToDisplay.imageUrl) {
+					headerBackgroundImage.value = `background-image: url('${encodeURI(generalStore.contentToDisplay.imageUrl)}');`;
+					needToBlur.value = true;
+				} else headerBackgroundImage.value = "";
+			}
+		}, {
+			deep: true,
+			immediate: true
+		});
+		onMounted(() => {
+			window.addEventListener("scroll", handleScroll);
+		});
+		onBeforeUnmount(() => {
+			window.removeEventListener("scroll", handleScroll);
+		});
+		function handleScroll() {
+			if (window.scrollY - oldScrollY.value > 0 && window.scrollY > 1 && document.body.offsetHeight - window.innerHeight > 40) {
+				if (!scrolled.value) {
+					scrolled.value = true;
+					minScroll.value = 0;
+				}
+			} else if (window.scrollY - oldScrollY.value < 0 && window.scrollY < 1 && minScroll.value > 20) {
+				scrolled.value = false;
+				minScroll.value = 0;
+			}
+			oldScrollY.value = window.scrollY;
+			if (minScroll.value < window.scrollY) minScroll.value = window.scrollY;
+		}
+		const __returned__ = {
+			SubscribeButtons,
+			scrolled,
+			oldScrollY,
+			minScroll,
+			headerBackgroundImage,
+			needToBlur,
+			isPhone,
+			windowWidth,
+			useProxyImageUrl,
+			authStore,
+			generalStore,
+			titleToDisplay,
+			content,
+			handleScroll,
+			TopBarMainContent: TopBarMainContent_default
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/misc/TopBar.vue
+var _hoisted_1 = { class: "header-additional-content header-content" };
+var _hoisted_2 = {
+	key: 0,
+	class: "text-truncate"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(Fragment, null, [createElementVNode("header", {
+		role: "banner",
+		class: normalizeClass(["header-saooti-play", [
+			$setup.generalStore.contentToDisplay ? "header-img-bg" : "bg-gradient",
+			$setup.scrolled ? "scrolled" : "",
+			$setup.needToBlur ? "header-force-blur" : ""
+		]]),
+		style: normalizeStyle($setup.headerBackgroundImage)
+	}, [createVNode($setup["TopBarMainContent"], {
+		"is-phone": $setup.isPhone,
+		scrolled: $setup.scrolled,
+		"title-display": $setup.titleToDisplay,
+		style: { "height": "var(--header-size)" },
+		class: normalizeClass($setup.headerBackgroundImage.length ? "header-opacity" : ""),
+		options: $props.options?.topBarMainContent
+	}, null, 8, [
+		"is-phone",
+		"scrolled",
+		"title-display",
+		"class",
+		"options"
+	])], 6), $setup.generalStore.contentToDisplay ? (openBlock(), createElementBlock("div", {
+		key: 0,
+		class: normalizeClass(["header-content-bg", {
+			scrolled: $setup.scrolled,
+			"header-force-blur": $setup.needToBlur
+		}]),
+		style: normalizeStyle($setup.headerBackgroundImage)
+	}, [createElementVNode("div", _hoisted_1, [!$setup.scrolled ? (openBlock(), createElementBlock("h1", _hoisted_2, toDisplayString($setup.titleToDisplay), 1)) : createCommentVNode("v-if", true), !$setup.authStore.isGarRole && $setup.content ? withDirectives((openBlock(), createBlock($setup["SubscribeButtons"], {
+		key: 1,
+		content: $setup.content,
+		"window-width": $setup.windowWidth
+	}, null, 8, ["content", "window-width"])), [[vShow, !$setup.scrolled]]) : createCommentVNode("v-if", true)])], 6)) : createCommentVNode("v-if", true)], 64);
+}
+var TopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(TopBar_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/misc/TopBar.vue"]]);
+//#endregion
+export { TopBar_default as default };
+
+//# sourceMappingURL=TopBar-Bg0jGbps.mjs.map