{"version":3,"file":"ShareSocialsButtons--KcYTi2-.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"}