@saooti/octopus-sdk 42.2.0 → 42.2.1

package/dist/SharePlayerTypes-eYSeVl-W.mjs

@@ -0,0 +1,232 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { i as useAuthStore, t as classicApi_default } from "./classicApi-CkDHWZG1.mjs";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, onBeforeMount, onMounted, openBlock, ref, renderList, toDisplayString, vShow, withDirectives } from "vue";
+import { useI18n } from "vue-i18n";
+//#region src/components/display/sharing/SharePlayerTypes.vue?vue&type=script&setup=true&lang.ts
+var SharePlayerTypes_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SharePlayerTypes",
+	props: {
+		podcast: {
+			default: void 0,
+			type: Object
+		},
+		emission: {
+			default: void 0,
+			type: Object
+		},
+		playlist: {
+			default: void 0,
+			type: Object
+		},
+		iFrameModel: {
+			default: "default",
+			type: String
+		},
+		typeCustomPlayer: {
+			default: "",
+			type: String
+		},
+		organisationId: {
+			default: void 0,
+			type: String
+		},
+		isLive: {
+			default: false,
+			type: Boolean
+		}
+	},
+	emits: ["update:iFrameModel", "update:typeCustomPlayer"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		__expose();
+		const props = __props;
+		const emit = __emit;
+		const customPlayers = ref([]);
+		const { t } = useI18n();
+		const authStore = useAuthStore();
+		const isCustomPlayer = computed(() => 1 <= customPlayersDisplay.value.length);
+		const isVideoPodcast = computed(() => void 0 !== props.podcast?.video?.videoId);
+		const optionsSelectLive = computed(() => {
+			return [{
+				name: t("Large version"),
+				value: "large",
+				condition: true
+			}, {
+				name: t("High version"),
+				value: "videoLive",
+				condition: props.podcast?.podcastId
+			}];
+		});
+		const optionsSelect = computed(() => {
+			if (props.isLive) return optionsSelectLive.value;
+			return [
+				{
+					name: t("Video Version"),
+					value: "video",
+					condition: isVideoPodcast.value
+				},
+				{
+					name: t("Default version"),
+					value: "default",
+					condition: true
+				},
+				{
+					name: t("Large version"),
+					value: "largeMore",
+					condition: props.podcast?.podcastId
+				},
+				{
+					name: props.podcast?.podcastId ? t("Minimalist length version") : t("Large version"),
+					value: "large",
+					condition: true
+				},
+				{
+					name: t("Emission version"),
+					value: "emission",
+					condition: props.podcast?.podcastId
+				},
+				{
+					name: t("Large emission version"),
+					value: "emissionLarge",
+					condition: props.podcast?.podcastId
+				}
+			];
+		});
+		const customPlayersDisplay = computed(() => {
+			return customPlayers.value.filter((player) => {
+				return "EPISODE" === player.typePlayer && props.podcast?.podcastId || "EMISSION" === player.typePlayer && props.emission && !props.podcast || "PLAYLIST" === player.typePlayer && props.playlist;
+			}).sort((a, b) => {
+				if (a.name > b.name) return 1;
+				return b.name > a.name ? -1 : 0;
+			});
+		});
+		onBeforeMount(() => {
+			if (props.isLive) return;
+			initCustomPlayers();
+		});
+		onMounted(() => {
+			if (isVideoPodcast.value) emit("update:iFrameModel", "video");
+		});
+		function isNumeric(value) {
+			return /^-?\d+$/.test(value);
+		}
+		function selectChange($event) {
+			const val = $event.target.value;
+			if (!val) return;
+			if (isNumeric(val)) {
+				const customPlayer = customPlayersDisplay.value.find((p) => {
+					return p.customId.toString() === val;
+				});
+				if (customPlayer) selectCustomPlayer(customPlayer);
+			} else emit("update:iFrameModel", val);
+		}
+		async function fetchPlayerPaginate(type) {
+			let players = await classicApi_default.fetchData({
+				api: 6,
+				path: "customPlayer/type/" + props.organisationId + "/" + type,
+				isNotAuth: true
+			});
+			let playersContent = players.content;
+			const totalCount = players.totalElements;
+			let index = 1;
+			while (totalCount > playersContent.length) {
+				players = await classicApi_default.fetchData({
+					api: 6,
+					path: "customPlayer/type/" + props.organisationId + "/" + type + "?start=" + index,
+					isNotAuth: true
+				});
+				playersContent = playersContent.concat(players.content);
+				++index;
+			}
+			return playersContent;
+		}
+		function selectCustomPlayer(customPlayer) {
+			emit("update:typeCustomPlayer", customPlayer.typePlayer);
+			emit("update:iFrameModel", customPlayer.customId.toString());
+		}
+		async function fetchCustomPlayers(type, selectIfPossible = true) {
+			const customPlayersForType = await fetchPlayerPaginate(type);
+			customPlayers.value = customPlayers.value.concat(customPlayersForType);
+			if (!isVideoPodcast.value && selectIfPossible && customPlayersForType?.[0]?.selected) {
+				selectCustomPlayer(customPlayers.value[0]);
+				return true;
+			}
+			return false;
+		}
+		async function initCustomPlayers() {
+			if (void 0 === authStore.authOrgaId) return;
+			if (props.playlist) fetchCustomPlayers("PLAYLIST");
+			else if (props.emission && !props.podcast) fetchCustomPlayers("EMISSION");
+			else await fetchCustomPlayers("EMISSION", !await fetchCustomPlayers("EPISODE"));
+		}
+		const __returned__ = {
+			props,
+			emit,
+			customPlayers,
+			t,
+			authStore,
+			isCustomPlayer,
+			isVideoPodcast,
+			optionsSelectLive,
+			optionsSelect,
+			customPlayersDisplay,
+			isNumeric,
+			selectChange,
+			fetchPlayerPaginate,
+			selectCustomPlayer,
+			fetchCustomPlayers,
+			initCustomPlayers
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/sharing/SharePlayerTypes.vue
+var _hoisted_1 = {
+	for: "iframe-select",
+	title: "select miniplayer"
+};
+var _hoisted_2 = ["value"];
+var _hoisted_3 = ["label"];
+var _hoisted_4 = ["value"];
+var _hoisted_5 = ["label"];
+var _hoisted_6 = ["value"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("label", _hoisted_1, [createElementVNode("select", {
+		id: "iframe-select",
+		value: $props.iFrameModel,
+		onChange: _cache[0] || (_cache[0] = ($event) => $setup.selectChange($event))
+	}, [
+		withDirectives(createElementVNode("optgroup", {
+			id: "player-default-opt-group",
+			label: $setup.t("Default version")
+		}, null, 8, _hoisted_3), [[vShow, $setup.isCustomPlayer]]),
+		(openBlock(), createBlock(Teleport, {
+			defer: "",
+			disabled: !$setup.isCustomPlayer,
+			to: "#player-default-opt-group"
+		}, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.optionsSelect, (option) => {
+			return openBlock(), createElementBlock(Fragment, { key: option.value }, [option.condition ? (openBlock(), createElementBlock("option", {
+				key: 0,
+				value: option.value
+			}, toDisplayString(option.name), 9, _hoisted_4)) : createCommentVNode("v-if", true)], 64);
+		}), 128))], 8, ["disabled"])),
+		$setup.isCustomPlayer ? (openBlock(), createElementBlock("optgroup", {
+			key: 0,
+			label: $setup.t("Custom version")
+		}, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.customPlayersDisplay, (player) => {
+			return openBlock(), createElementBlock("option", {
+				key: player.customId,
+				value: player.customId
+			}, toDisplayString($setup.t("Custom version") + " «" + player.name + "»"), 9, _hoisted_6);
+		}), 128))], 8, _hoisted_5)) : createCommentVNode("v-if", true)
+	], 40, _hoisted_2)]);
+}
+var SharePlayerTypes_default = /*#__PURE__*/ _plugin_vue_export_helper_default(SharePlayerTypes_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/sharing/SharePlayerTypes.vue"]]);
+//#endregion
+export { SharePlayerTypes_default as default };
+
+//# sourceMappingURL=SharePlayerTypes-eYSeVl-W.mjs.map

package/dist/SharePlayerTypes-eYSeVl-W.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharePlayerTypes-eYSeVl-W.mjs","names":[],"sources":["../src/components/display/sharing/SharePlayerTypes.vue","../src/components/display/sharing/SharePlayerTypes.vue"],"sourcesContent":["<template>\n  <label for=\"iframe-select\" title=\"select miniplayer\" >\n    <select\n      id=\"iframe-select\"\n      :value=\"iFrameModel\"\n      @change=\"selectChange($event)\"\n    >\n      <optgroup v-show=\"isCustomPlayer\" id=\"player-default-opt-group\" :label=\"t('Default version')\"></optgroup>\n      <Teleport defer :disabled=\"!isCustomPlayer\" to=\"#player-default-opt-group\">\n        <template v-for=\"option in optionsSelect\" :key=\"option.value\">\n          <option v-if=\"option.condition\" :value=\"option.value\">\n            {{ option.name }}\n          </option>\n        </template>\n      </Teleport>\n      \n      <optgroup v-if=\"isCustomPlayer\" :label=\"t('Custom version')\">\n        <option\n          v-for=\"player in customPlayersDisplay\"\n          :key=\"player.customId\"\n          :value=\"player.customId\"\n        >\n          {{ t(\"Custom version\") + \" «\" + player.name + \"»\" }}\n        </option>\n      </optgroup>\n    </select>\n  </label>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CustomPlayer } from \"@/stores/class/general/customPlayer\";\nimport { computed, onBeforeMount, onMounted, Ref, ref } from \"vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { InterfacePageable } from \"@/stores/class/general/interfacePageable\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  playlist: { default: undefined, type: Object as () => Playlist },\n  iFrameModel: { default: \"default\", type: String },\n  typeCustomPlayer: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  isLive: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:iFrameModel\", \"update:typeCustomPlayer\"]);\n\n//Data \nconst customPlayers: Ref<Array<CustomPlayer>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Computed\nconst isCustomPlayer = computed(() => 1<=customPlayersDisplay.value.length);\nconst isVideoPodcast = computed(() => undefined !== props.podcast?.video?.videoId);\nconst optionsSelectLive = computed(() => {\n  return [\n    { name: t(\"Large version\"), value: \"large\", condition: true },\n    {\n      name: t(\"High version\"),\n      value: \"videoLive\",\n      condition: props.podcast?.podcastId,\n    },\n  ];\n});\nconst optionsSelect = computed(() => {\n  if (props.isLive) {\n    return optionsSelectLive.value;\n  }\n  return [\n    {\n      name: t(\"Video Version\"),\n      value: \"video\",\n      condition: isVideoPodcast.value,\n    },\n    { name: t(\"Default version\"), value: \"default\", condition: true },\n    { name: t(\"Large version\"), value: \"largeMore\", condition: props.podcast?.podcastId, },\n    {\n      name: props.podcast?.podcastId ? t(\"Minimalist length version\"): t(\"Large version\"),\n      value: \"large\",\n      condition: true,\n    },\n    {\n      name: t(\"Emission version\"),\n      value: \"emission\",\n      condition: props.podcast?.podcastId,\n    },\n    {\n      name: t(\"Large emission version\"),\n      value: \"emissionLarge\",\n      condition: props.podcast?.podcastId,\n    },\n  ];\n});\nconst customPlayersDisplay = computed(() => {\n  return customPlayers.value.filter((player: CustomPlayer) => {\n    return (\n      ((\"EPISODE\" === player.typePlayer) &&\n        props.podcast?.podcastId) ||\n      (\"EMISSION\" === player.typePlayer &&\n      props.emission &&\n        !props.podcast) ||\n      (\"PLAYLIST\" === player.typePlayer && props.playlist)\n    );\n  }).sort((a,b) => {\n    if(a.name > b.name){\n      return 1;\n    }\n    return (b.name > a.name) ? -1 : 0;\n  });\n});\n\n\nonBeforeMount(()=>{\n  if (props.isLive) {\n    return;\n  }\n  initCustomPlayers();\n})\nonMounted(()=>{\n  if (isVideoPodcast.value) {\n    emit(\"update:iFrameModel\", \"video\");\n  }\n})\n \n\n//Methods\nfunction isNumeric(value: string): boolean {\n  return /^-?\\d+$/.test(value);\n}\nfunction selectChange($event: Event) {\n  const val = $event.target.value;\n  if (!val) {\n    return;\n  }\n  if (isNumeric(val)) {\n    const customPlayer = customPlayersDisplay.value.find((p) => {\n      return p.customId.toString() === val;\n    });\n    if (customPlayer) {\n      selectCustomPlayer(customPlayer);\n    }\n  } else {\n    emit(\"update:iFrameModel\", val);\n  }\n}\nasync function fetchPlayerPaginate(type: string): Promise<CustomPlayer[]> {\n  let players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>(\n    {\n      api: 6,\n      path: \"customPlayer/type/\" + props.organisationId + \"/\" + type,\n      isNotAuth: true,\n    },\n  );\n  let playersContent = players.content;\n  const totalCount = players.totalElements;\n  let index = 1;\n  while (totalCount > playersContent.length) {\n    players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>({\n      api: 6,\n      path:\n        \"customPlayer/type/\" +\n        props.organisationId +\n        \"/\" +\n        type +\n        \"?start=\" +\n        index,\n      isNotAuth: true,\n    });\n    playersContent = playersContent.concat(players.content);\n    ++index;\n  }\n  return playersContent;\n}\nfunction selectCustomPlayer(customPlayer: CustomPlayer) {\n  emit(\"update:typeCustomPlayer\", customPlayer.typePlayer);\n  emit(\"update:iFrameModel\", customPlayer.customId.toString());\n}\n\nasync function fetchCustomPlayers(\n  type: string,\n  selectIfPossible = true,\n): Promise<boolean> {\n  const customPlayersForType = await fetchPlayerPaginate(type);\n  customPlayers.value = customPlayers.value.concat(customPlayersForType);\n  if (\n    !isVideoPodcast.value &&\n    selectIfPossible &&\n    customPlayersForType?.[0]?.selected\n  ) {\n    selectCustomPlayer(customPlayers.value[0]);\n    return true;\n  }\n  return false;\n}\nasync function initCustomPlayers(): Promise<void> {\n  if (undefined === authStore.authOrgaId) return;\n  if (props.playlist) {\n    fetchCustomPlayers(\"PLAYLIST\");\n  } else if (props.emission && !props.podcast) {\n    fetchCustomPlayers(\"EMISSION\");\n  } else {\n    const episodeSelected = await fetchCustomPlayers(\"EPISODE\");\n    await fetchCustomPlayers(\n      \"EMISSION\",\n      !episodeSelected,\n    );\n  }\n}\n</script>\n","<template>\n  <label for=\"iframe-select\" title=\"select miniplayer\" >\n    <select\n      id=\"iframe-select\"\n      :value=\"iFrameModel\"\n      @change=\"selectChange($event)\"\n    >\n      <optgroup v-show=\"isCustomPlayer\" id=\"player-default-opt-group\" :label=\"t('Default version')\"></optgroup>\n      <Teleport defer :disabled=\"!isCustomPlayer\" to=\"#player-default-opt-group\">\n        <template v-for=\"option in optionsSelect\" :key=\"option.value\">\n          <option v-if=\"option.condition\" :value=\"option.value\">\n            {{ option.name }}\n          </option>\n        </template>\n      </Teleport>\n      \n      <optgroup v-if=\"isCustomPlayer\" :label=\"t('Custom version')\">\n        <option\n          v-for=\"player in customPlayersDisplay\"\n          :key=\"player.customId\"\n          :value=\"player.customId\"\n        >\n          {{ t(\"Custom version\") + \" «\" + player.name + \"»\" }}\n        </option>\n      </optgroup>\n    </select>\n  </label>\n</template>\n\n<script setup lang=\"ts\">\nimport classicApi from \"../../../api/classicApi\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport { Podcast } from \"@/stores/class/general/podcast\";\nimport { CustomPlayer } from \"@/stores/class/general/customPlayer\";\nimport { computed, onBeforeMount, onMounted, Ref, ref } from \"vue\";\nimport { Emission } from \"@/stores/class/general/emission\";\nimport { Playlist } from \"@/stores/class/general/playlist\";\nimport { InterfacePageable } from \"@/stores/class/general/interfacePageable\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  podcast: { default: undefined, type: Object as () => Podcast },\n  emission: { default: undefined, type: Object as () => Emission },\n  playlist: { default: undefined, type: Object as () => Playlist },\n  iFrameModel: { default: \"default\", type: String },\n  typeCustomPlayer: { default: \"\", type: String },\n  organisationId: { default: undefined, type: String },\n  isLive: { default: false, type: Boolean },\n})\n\n//Emits\nconst emit = defineEmits([\"update:iFrameModel\", \"update:typeCustomPlayer\"]);\n\n//Data \nconst customPlayers: Ref<Array<CustomPlayer>> = ref([]);\n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\n\n//Computed\nconst isCustomPlayer = computed(() => 1<=customPlayersDisplay.value.length);\nconst isVideoPodcast = computed(() => undefined !== props.podcast?.video?.videoId);\nconst optionsSelectLive = computed(() => {\n  return [\n    { name: t(\"Large version\"), value: \"large\", condition: true },\n    {\n      name: t(\"High version\"),\n      value: \"videoLive\",\n      condition: props.podcast?.podcastId,\n    },\n  ];\n});\nconst optionsSelect = computed(() => {\n  if (props.isLive) {\n    return optionsSelectLive.value;\n  }\n  return [\n    {\n      name: t(\"Video Version\"),\n      value: \"video\",\n      condition: isVideoPodcast.value,\n    },\n    { name: t(\"Default version\"), value: \"default\", condition: true },\n    { name: t(\"Large version\"), value: \"largeMore\", condition: props.podcast?.podcastId, },\n    {\n      name: props.podcast?.podcastId ? t(\"Minimalist length version\"): t(\"Large version\"),\n      value: \"large\",\n      condition: true,\n    },\n    {\n      name: t(\"Emission version\"),\n      value: \"emission\",\n      condition: props.podcast?.podcastId,\n    },\n    {\n      name: t(\"Large emission version\"),\n      value: \"emissionLarge\",\n      condition: props.podcast?.podcastId,\n    },\n  ];\n});\nconst customPlayersDisplay = computed(() => {\n  return customPlayers.value.filter((player: CustomPlayer) => {\n    return (\n      ((\"EPISODE\" === player.typePlayer) &&\n        props.podcast?.podcastId) ||\n      (\"EMISSION\" === player.typePlayer &&\n      props.emission &&\n        !props.podcast) ||\n      (\"PLAYLIST\" === player.typePlayer && props.playlist)\n    );\n  }).sort((a,b) => {\n    if(a.name > b.name){\n      return 1;\n    }\n    return (b.name > a.name) ? -1 : 0;\n  });\n});\n\n\nonBeforeMount(()=>{\n  if (props.isLive) {\n    return;\n  }\n  initCustomPlayers();\n})\nonMounted(()=>{\n  if (isVideoPodcast.value) {\n    emit(\"update:iFrameModel\", \"video\");\n  }\n})\n \n\n//Methods\nfunction isNumeric(value: string): boolean {\n  return /^-?\\d+$/.test(value);\n}\nfunction selectChange($event: Event) {\n  const val = $event.target.value;\n  if (!val) {\n    return;\n  }\n  if (isNumeric(val)) {\n    const customPlayer = customPlayersDisplay.value.find((p) => {\n      return p.customId.toString() === val;\n    });\n    if (customPlayer) {\n      selectCustomPlayer(customPlayer);\n    }\n  } else {\n    emit(\"update:iFrameModel\", val);\n  }\n}\nasync function fetchPlayerPaginate(type: string): Promise<CustomPlayer[]> {\n  let players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>(\n    {\n      api: 6,\n      path: \"customPlayer/type/\" + props.organisationId + \"/\" + type,\n      isNotAuth: true,\n    },\n  );\n  let playersContent = players.content;\n  const totalCount = players.totalElements;\n  let index = 1;\n  while (totalCount > playersContent.length) {\n    players = await classicApi.fetchData<InterfacePageable<CustomPlayer>>({\n      api: 6,\n      path:\n        \"customPlayer/type/\" +\n        props.organisationId +\n        \"/\" +\n        type +\n        \"?start=\" +\n        index,\n      isNotAuth: true,\n    });\n    playersContent = playersContent.concat(players.content);\n    ++index;\n  }\n  return playersContent;\n}\nfunction selectCustomPlayer(customPlayer: CustomPlayer) {\n  emit(\"update:typeCustomPlayer\", customPlayer.typePlayer);\n  emit(\"update:iFrameModel\", customPlayer.customId.toString());\n}\n\nasync function fetchCustomPlayers(\n  type: string,\n  selectIfPossible = true,\n): Promise<boolean> {\n  const customPlayersForType = await fetchPlayerPaginate(type);\n  customPlayers.value = customPlayers.value.concat(customPlayersForType);\n  if (\n    !isVideoPodcast.value &&\n    selectIfPossible &&\n    customPlayersForType?.[0]?.selected\n  ) {\n    selectCustomPlayer(customPlayers.value[0]);\n    return true;\n  }\n  return false;\n}\nasync function initCustomPlayers(): Promise<void> {\n  if (undefined === authStore.authOrgaId) return;\n  if (props.playlist) {\n    fetchCustomPlayers(\"PLAYLIST\");\n  } else if (props.emission && !props.podcast) {\n    fetchCustomPlayers(\"EMISSION\");\n  } else {\n    const episodeSelected = await fetchCustomPlayers(\"EPISODE\");\n    await fetchCustomPlayers(\n      \"EMISSION\",\n      !episodeSelected,\n    );\n  }\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAGb,MAAM,gBAA0C,IAAI,CAAC,CAAC;EAGtD,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAG/B,MAAM,iBAAiB,eAAe,KAAG,qBAAqB,MAAM,MAAM;EAC1E,MAAM,iBAAiB,eAAe,KAAA,MAAc,MAAM,SAAS,OAAO,OAAO;EACjF,MAAM,oBAAoB,eAAe;GACvC,OAAO,CACL;IAAE,MAAM,EAAE,eAAe;IAAG,OAAO;IAAS,WAAW;GAAK,GAC5D;IACE,MAAM,EAAE,cAAc;IACtB,OAAO;IACP,WAAW,MAAM,SAAS;GAC5B,CACF;EACF,CAAC;EACD,MAAM,gBAAgB,eAAe;GACnC,IAAI,MAAM,QACR,OAAO,kBAAkB;GAE3B,OAAO;IACL;KACE,MAAM,EAAE,eAAe;KACvB,OAAO;KACP,WAAW,eAAe;IAC5B;IACA;KAAE,MAAM,EAAE,iBAAiB;KAAG,OAAO;KAAW,WAAW;IAAK;IAChE;KAAE,MAAM,EAAE,eAAe;KAAG,OAAO;KAAa,WAAW,MAAM,SAAS;IAAW;IACrF;KACE,MAAM,MAAM,SAAS,YAAY,EAAE,2BAA2B,IAAG,EAAE,eAAe;KAClF,OAAO;KACP,WAAW;IACb;IACA;KACE,MAAM,EAAE,kBAAkB;KAC1B,OAAO;KACP,WAAW,MAAM,SAAS;IAC5B;IACA;KACE,MAAM,EAAE,wBAAwB;KAChC,OAAO;KACP,WAAW,MAAM,SAAS;IAC5B;GACF;EACF,CAAC;EACD,MAAM,uBAAuB,eAAe;GAC1C,OAAO,cAAc,MAAM,QAAQ,WAAyB;IAC1D,OACI,cAAc,OAAO,cACrB,MAAM,SAAS,aAChB,eAAe,OAAO,cACvB,MAAM,YACJ,CAAC,MAAM,WACR,eAAe,OAAO,cAAc,MAAM;GAE/C,CAAC,EAAE,MAAM,GAAE,MAAM;IACf,IAAG,EAAE,OAAO,EAAE,MACZ,OAAO;IAET,OAAQ,EAAE,OAAO,EAAE,OAAQ,KAAK;GAClC,CAAC;EACH,CAAC;EAGD,oBAAkB;GAChB,IAAI,MAAM,QACR;GAEF,kBAAkB;EACpB,CAAC;EACD,gBAAc;GACZ,IAAI,eAAe,OACjB,KAAK,sBAAsB,OAAO;EAEtC,CAAC;EAID,SAAS,UAAU,OAAwB;GACzC,OAAO,UAAU,KAAK,KAAK;EAC7B;EACA,SAAS,aAAa,QAAe;GACnC,MAAM,MAAM,OAAO,OAAO;GAC1B,IAAI,CAAC,KACH;GAEF,IAAI,UAAU,GAAG,GAAG;IAClB,MAAM,eAAe,qBAAqB,MAAM,MAAM,MAAM;KAC1D,OAAO,EAAE,SAAS,SAAS,MAAM;IACnC,CAAC;IACD,IAAI,cACF,mBAAmB,YAAY;GAEnC,OACE,KAAK,sBAAsB,GAAG;EAElC;EACA,eAAe,oBAAoB,MAAuC;GACxE,IAAI,UAAU,MAAM,mBAAW,UAC7B;IACE,KAAK;IACL,MAAM,uBAAuB,MAAM,iBAAiB,MAAM;IAC1D,WAAW;GACb,CACF;GACA,IAAI,iBAAiB,QAAQ;GAC7B,MAAM,aAAa,QAAQ;GAC3B,IAAI,QAAQ;GACZ,OAAO,aAAa,eAAe,QAAQ;IACzC,UAAU,MAAM,mBAAW,UAA2C;KACpE,KAAK;KACL,MACE,uBACA,MAAM,iBACN,MACA,OACA,YACA;KACF,WAAW;IACb,CAAC;IACD,iBAAiB,eAAe,OAAO,QAAQ,OAAO;IACtD,EAAE;GACJ;GACA,OAAO;EACT;EACA,SAAS,mBAAmB,cAA4B;GACtD,KAAK,2BAA2B,aAAa,UAAU;GACvD,KAAK,sBAAsB,aAAa,SAAS,SAAS,CAAC;EAC7D;EAEA,eAAe,mBACb,MACA,mBAAmB,MACD;GAClB,MAAM,uBAAuB,MAAM,oBAAoB,IAAI;GAC3D,cAAc,QAAQ,cAAc,MAAM,OAAO,oBAAoB;GACrE,IACE,CAAC,eAAe,SAChB,oBACA,uBAAuB,IAAI,UAC3B;IACA,mBAAmB,cAAc,MAAM,EAAE;IACzC,OAAO;GACT;GACA,OAAO;EACT;EACA,eAAe,oBAAmC;GAChD,IAAI,KAAA,MAAc,UAAU,YAAY;GACxC,IAAI,MAAM,UACR,mBAAmB,UAAU;QACxB,IAAI,MAAM,YAAY,CAAC,MAAM,SAClC,mBAAmB,UAAU;QAG7B,MAAM,mBACJ,YACA,CAAC,MAH2B,mBAAmB,SAAS,CAI1D;EAEJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CCxNS,KAAI;CAAgB,OAAM;;;;;;;;qBAAjC,mBAyBQ,SAzBR,YAyBQ,CAxBN,mBAuBS,UAAA;EAtBP,IAAG;EACF,OAAO,OAAA;EACP,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,aAAa,MAAM;;iBAE5B,mBAAyG,YAAA;GAAvE,IAAG;GAA4B,OAAO,OAAA,EAAC,iBAAA;oCAAvD,OAAA,cAAc,CAAA,CAAA;gBAChC,YAMW,UAAA;GAND,OAAA;GAAO,UAAQ,CAAG,OAAA;GAAgB,IAAG;wBAC7C,mBAIW,UAAA,MAAA,WAJgB,OAAA,gBAAV,WAAM;2DAAyB,OAAO,MAAA,GAAA,CACvC,OAAO,aAAA,UAAA,GAArB,mBAES,UAAA;;IAFwB,OAAO,OAAO;sBAC1C,OAAO,IAAI,GAAA,GAAA,UAAA,KAAA,mBAAA,QAAA,IAAA,CAAA,GAAA,EAAA;;EAKJ,OAAA,kBAAA,UAAA,GAAhB,mBAQW,YAAA;;GARsB,OAAO,OAAA,EAAC,gBAAA;wBACvC,mBAMS,UAAA,MAAA,WALU,OAAA,uBAAV,WAAM;uBADf,mBAMS,UAAA;IAJN,KAAK,OAAO;IACZ,OAAO,OAAO;sBAEZ,OAAA,EAAC,gBAAA,IAAA,OAA4B,OAAO,OAAI,GAAA,GAAA,GAAA,UAAA"}

package/dist/ShareSocialsButtons-BLVre1Pq.mjs.map

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

package/dist/ShareSocialsButtons-CPwlk7S9.mjs.map

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

package/dist/ShareSocialsButtons-D73vUPta.mjs.map

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

package/dist/ShareSocialsButtons-DJ1FaUx3.mjs.map

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

package/dist/ShareSocialsButtons-DccMvn5_.mjs.map

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

package/dist/ShareSocialsButtons-P364piyA.mjs.map

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

package/dist/ShareSocialsButtons-iHtSoQ3K.mjs

@@ -0,0 +1,159 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
+import { T as useSaveFetchStore, i as useAuthStore } from "./classicApi-CkDHWZG1.mjs";
+import { t as XIcon_default } from "./XIcon-Dz4rI_Hd.mjs";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString } from "vue";
+import { useI18n } from "vue-i18n";
+import WhatsappIcon from "vue-material-design-icons/Whatsapp.vue";
+import LinkedinIcon from "vue-material-design-icons/Linkedin.vue";
+import FacebookIcon from "vue-material-design-icons/Facebook.vue";
+//#region src/components/icons/BlueSkyIcon.vue?vue&type=script&setup=true&lang.ts
+var BlueSkyIcon_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "BlueSkyIcon",
+	props: {
+		size: {
+			default: 24,
+			type: Number
+		},
+		title: {
+			default: void 0,
+			type: String
+		},
+		fillColor: {
+			default: "currentColor",
+			type: String
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const __returned__ = {};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/icons/BlueSkyIcon.vue
+var _hoisted_1$1 = ["aria-hidden", "title"];
+var _hoisted_2$1 = [
+	"height",
+	"width",
+	"fill"
+];
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("span", {
+		"aria-hidden": !$props.title,
+		class: "material-design-icon",
+		title: $props.title
+	}, [(openBlock(), createElementBlock("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: "0 0 600 530",
+		height: $props.size,
+		width: $props.size,
+		fill: $props.fillColor
+	}, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "m135.72 44.03c66.496 49.921 138.02 151.14 164.28 205.46 26.262-54.316 97.782-155.54 164.28-205.46 47.98-36.021 125.72-63.892 125.72 24.795 0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.3797-3.6904-10.832-3.7077-7.8964-0.0174-2.9357-1.1937 0.51669-3.7077 7.8964-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.4491-163.25-81.433-5.9562-21.282-16.111-152.36-16.111-170.07 0-88.687 77.742-60.816 125.72-24.795z" }, null, -1)])], 8, _hoisted_2$1))], 8, _hoisted_1$1);
+}
+var BlueSkyIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(BlueSkyIcon_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render$1], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/icons/BlueSkyIcon.vue"]]);
+//#endregion
+//#region src/components/display/sharing/ShareSocialsButtons.vue?vue&type=script&setup=true&lang.ts
+var ShareSocialsButtons_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ShareSocialsButtons",
+	props: { organisationId: {
+		default: void 0,
+		type: String
+	} },
+	setup(__props, { expose: __expose }) {
+		__expose();
+		const props = __props;
+		const noSharing = ref(true);
+		const isLoading = ref(true);
+		const { t } = useI18n();
+		const authStore = useAuthStore();
+		const saveFetchStore = useSaveFetchStore();
+		const arrayShareButtons = computed(() => {
+			return [
+				{
+					title: "Facebook",
+					icon: FacebookIcon,
+					url: `https://www.facebook.com/sharer/sharer.php?u=${urlPage.value}`,
+					condition: true
+				},
+				{
+					title: "X",
+					icon: XIcon_default,
+					url: `https://twitter.com/intent/tweet?text=${urlPage.value}`,
+					condition: true
+				},
+				{
+					title: "Linkedin",
+					icon: LinkedinIcon,
+					url: `https://www.linkedin.com/sharing/share-offsite/?url=${urlPage.value}`,
+					condition: true
+				},
+				{
+					title: "Bluesky",
+					icon: BlueSkyIcon_default,
+					url: `https://bsky.app/intent/compose?text=${urlPage.value}`,
+					condition: true
+				},
+				{
+					title: "Whatsapp",
+					icon: WhatsappIcon,
+					url: `whatsapp://send?text=${urlPage.value}`,
+					condition: window.matchMedia("(hover: none)").matches
+				}
+			];
+		});
+		const urlPage = computed(() => window.location.href);
+		onMounted(() => initShareButtons());
+		async function initShareButtons() {
+			if (!props.organisationId) return;
+			noSharing.value = "true" === (await saveFetchStore.getOrgaAttributes(props.organisationId)).noSharing;
+			isLoading.value = false;
+		}
+		const __returned__ = {
+			props,
+			noSharing,
+			isLoading,
+			t,
+			authStore,
+			saveFetchStore,
+			arrayShareButtons,
+			urlPage,
+			initShareButtons
+		};
+		Object.defineProperty(__returned__, "__isScriptSetup", {
+			enumerable: false,
+			value: true
+		});
+		return __returned__;
+	}
+});
+//#endregion
+//#region src/components/display/sharing/ShareSocialsButtons.vue
+var _hoisted_1 = {
+	key: 0,
+	id: "share-buttons-podcast-section",
+	class: "module-box"
+};
+var _hoisted_2 = { class: "mb-2" };
+var _hoisted_3 = { class: "d-flex align-items-center" };
+var _hoisted_4 = ["href", "title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return !$setup.isLoading && !$setup.authStore.isGarRole && ($setup.authStore.authOrgaId || !$setup.noSharing) ? (openBlock(), createElementBlock("section", _hoisted_1, [createElementVNode("h3", _hoisted_2, toDisplayString($setup.t("Share in one click")), 1), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList($setup.arrayShareButtons, (button) => {
+		return openBlock(), createElementBlock(Fragment, { key: button.title }, [button.condition ? (openBlock(), createElementBlock("a", {
+			key: 0,
+			rel: "noreferrer noopener",
+			target: "_blank",
+			href: button.url,
+			class: "btn share-btn mb-2 text-dark me-2",
+			title: $setup.t("New window", { text: button.title })
+		}, [(openBlock(), createBlock(resolveDynamicComponent(button.icon), { size: 34 }))], 8, _hoisted_4)) : createCommentVNode("v-if", true)], 64);
+	}), 128)), renderSlot(_ctx.$slots, "additional-buttons")])])) : createCommentVNode("v-if", true);
+}
+var ShareSocialsButtons_default = /*#__PURE__*/ _plugin_vue_export_helper_default(ShareSocialsButtons_vue_vue_type_script_setup_true_lang_default, [["render", _sfc_render], ["__file", "/home/julien/Workspace/octopus-sdk/src/components/display/sharing/ShareSocialsButtons.vue"]]);
+//#endregion
+export { ShareSocialsButtons_default as default };
+
+//# sourceMappingURL=ShareSocialsButtons-iHtSoQ3K.mjs.map