@saooti/octopus-sdk 42.2.1 → 42.2.2

package/dist/SharePlayerRadio-CI6glNuI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharePlayerRadio-CI6glNuI.mjs","names":[],"sources":["../src/components/display/sharing/SharePlayerRadio.vue","../src/components/display/sharing/SharePlayerRadio.vue"],"sourcesContent":["<template>\n  <section class=\"module-box overflow-visible\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Embed\") }}\n    </h2>\n    <div class=\"d-flex\">\n      <iframe\n        id=\"miniplayerIframeRadio\"\n        title=\"Miniplayer\"\n        :src=\"iFrameSrc\"\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"140px\"\n        style=\"overflow: hidden\"\n        allow=\"clipboard-read; clipboard-write; autoplay\"\n        class=\"max-iframe mx-3 flex-grow-1\"\n      />\n      <div class=\"d-flex flex-column\">\n        <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n        <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n        <PlayerCommonParameters\n          v-if=\"displayInsertCode\"\n          v-model:insert-code=\"insertCode\"\n        />\n        <ShareModalPlayer\n          v-if=\"isShareModal\"\n          :embed-link=\"iFrame\"\n          :embedly-link=\"iFrameSrc\"\n          @close=\"isShareModal = false\"\n        />\n        <button\n          class=\"btn btn-primary w-fit-content mt-3\"\n          @click=\"isShareModal = true\"\n        >\n          {{ t(\"Share the player\") }}\n        </button>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {  defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n  () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n  () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  canal: { default: undefined, type: Object as () => Canal },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n  \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n  let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n    props.canal?.id\n  }?distributorId=${props.organisationId}&color=${color.value.substring(\n    1,\n  )}&theme=${theme.value.substring(1)}`;\n  if (insertCode.value) {\n    url += \"&insertCode=true\";\n  }\n  return url;\n});\nconst iFrame = computed(() => {\n  return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n  orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n  initColor();\n}\nfunction initColor(): void {\n  if (!orgaAttributes.value) {\n    return;\n  }\n  color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n    ? (orgaAttributes.value.COLOR as string)\n    : \"#40a372\";\n  theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n    ? (orgaAttributes.value.THEME as string)\n    : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n","<template>\n  <section class=\"module-box overflow-visible\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Embed\") }}\n    </h2>\n    <div class=\"d-flex\">\n      <iframe\n        id=\"miniplayerIframeRadio\"\n        title=\"Miniplayer\"\n        :src=\"iFrameSrc\"\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"140px\"\n        style=\"overflow: hidden\"\n        allow=\"clipboard-read; clipboard-write; autoplay\"\n        class=\"max-iframe mx-3 flex-grow-1\"\n      />\n      <div class=\"d-flex flex-column\">\n        <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n        <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n        <PlayerCommonParameters\n          v-if=\"displayInsertCode\"\n          v-model:insert-code=\"insertCode\"\n        />\n        <ShareModalPlayer\n          v-if=\"isShareModal\"\n          :embed-link=\"iFrame\"\n          :embedly-link=\"iFrameSrc\"\n          @close=\"isShareModal = false\"\n        />\n        <button\n          class=\"btn btn-primary w-fit-content mt-3\"\n          @click=\"isShareModal = true\"\n        >\n          {{ t(\"Share the player\") }}\n        </button>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {  defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n  () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n  () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  canal: { default: undefined, type: Object as () => Canal },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n  \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n  let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n    props.canal?.id\n  }?distributorId=${props.organisationId}&color=${color.value.substring(\n    1,\n  )}&theme=${theme.value.substring(1)}`;\n  if (insertCode.value) {\n    url += \"&insertCode=true\";\n  }\n  return url;\n});\nconst iFrame = computed(() => {\n  return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n  orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n  initColor();\n}\nfunction initColor(): void {\n  if (!orgaAttributes.value) {\n    return;\n  }\n  color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n    ? (orgaAttributes.value.COLOR as string)\n    : \"#40a372\";\n  theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n    ? (orgaAttributes.value.THEME as string)\n    : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAgDA,MAAM,mBAAmB,2BACjB,OAAO,kCACf;EACA,MAAM,oBAAoB,2BAClB,OAAO,mCACf;EACA,MAAM,yBAAyB,2BACvB,OAAO,wCACf;EAGA,MAAM,QAAQ;EAMd,MAAM,eAAe,IAAI,KAAK;EAC9B,MAAM,QAAQ,IAAI,SAAS;EAC3B,MAAM,QAAQ,IAAI,SAAS;EAC3B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,iBAA0F,IAAI,KAAA,CAAS;EAI7G,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAC7B,MAAM,iBAAiB,kBAAkB;EAIzC,MAAM,oBAAoB,eAAe,MAAM,OAAO,mBAAmB,UAAU,UAAU;EAC7F,MAAM,YAAY,eAAe;GAC/B,IAAI,MAAM,GAAG,SAAS,cAAc,mBAClC,MAAM,OAAO,GACd,iBAAiB,MAAM,eAAe,SAAS,MAAM,MAAM,UAC1D,CACF,EAAE,SAAS,MAAM,MAAM,UAAU,CAAC;GAClC,IAAI,WAAW,OACb,OAAO;GAET,OAAO;EACT,CAAC;EACD,MAAM,SAAS,eAAe;GAC5B,OAAO,gBAAgB,UAAU,MAAM;EACzC,CAAC;EAGD,oBAAkB,gBAAgB,CAAC;EAGnC,eAAe,kBAAkB;GAC/B,eAAe,QAAQ,MAAM,eAAe,kBAAkB,UAAU,cAAc,EAAE;GACxF,UAAU;EACZ;EACA,SAAS,YAAkB;GACzB,IAAI,CAAC,eAAe,OAClB;GAEF,MAAM,QAAQ,OAAO,OAAO,eAAe,OAAO,OAAO,IACpD,eAAe,MAAM,QACtB;GACJ,MAAM,QAAQ,OAAO,OAAO,eAAe,OAAO,OAAO,IACpD,eAAe,MAAM,QACtB;EACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBCjHW,OAAM,8BAA6B;mBACtC,OAAM,OAAM;mBAGX,OAAM,SAAQ;;mBAYZ,OAAM,qBAAoB;mBAExB,OAAM,eAAc;;qBAlB/B,mBAqCU,WArCV,YAqCU,CApCR,mBAEK,MAFL,YAEK,gBADA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,GAEN,mBAgCM,OAhCN,YAgCM,CA/BJ,mBAUE,UAAA;EATA,IAAG;EACH,OAAM;EACL,KAAK,OAAA;EACN,aAAY;EACZ,OAAM;EACN,QAAO;EACP,OAAA,EAAA,YAAA,SAAA;EACA,OAAM;EACN,OAAM;0BAER,mBAmBM,OAnBN,YAmBM;EAlBJ,YAAiE,OAAA,sBAAA;GAAtC,OAAO,OAAA;2DAAA,OAAA,QAAK;GAAU,OAAO,OAAA;2DAAA,OAAA,QAAK;;EAC7D,mBAA4D,OAA5D,YAA4D,gBAA/B,OAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;EAEtB,OAAA,qBAAA,UAAA,GADR,YAGE,OAAA,2BAAA;;GADQ,eAAa,OAAA;gEAAA,OAAA,aAAU;;EAGzB,OAAA,gBAAA,UAAA,GADR,YAKE,OAAA,qBAAA;;GAHC,cAAY,OAAA;GACZ,gBAAc,OAAA;GACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,eAAY;;EAEtB,mBAKS,UAAA;GAJP,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,eAAY;qBAEjB,OAAA,EAAC,kBAAA,CAAA,GAAA,CAAA"}

package/dist/SharePlayerRadio-c_HFTupz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharePlayerRadio-c_HFTupz.mjs","names":[],"sources":["../src/components/display/sharing/SharePlayerRadio.vue","../src/components/display/sharing/SharePlayerRadio.vue"],"sourcesContent":["<template>\n  <section class=\"module-box overflow-visible\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Embed\") }}\n    </h2>\n    <div class=\"d-flex\">\n      <iframe\n        id=\"miniplayerIframeRadio\"\n        title=\"Miniplayer\"\n        :src=\"iFrameSrc\"\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"140px\"\n        style=\"overflow: hidden\"\n        allow=\"clipboard-read; clipboard-write; autoplay\"\n        class=\"max-iframe mx-3 flex-grow-1\"\n      />\n      <div class=\"d-flex flex-column\">\n        <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n        <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n        <PlayerCommonParameters\n          v-if=\"displayInsertCode\"\n          v-model:insert-code=\"insertCode\"\n        />\n        <ShareModalPlayer\n          v-if=\"isShareModal\"\n          :embed-link=\"iFrame\"\n          :embedly-link=\"iFrameSrc\"\n          @close=\"isShareModal = false\"\n        />\n        <button\n          class=\"btn btn-primary w-fit-content mt-3\"\n          @click=\"isShareModal = true\"\n        >\n          {{ t(\"Share the player\") }}\n        </button>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {  defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n  () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n  () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  canal: { default: undefined, type: Object as () => Canal },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n  \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n  let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n    props.canal?.id\n  }?distributorId=${props.organisationId}&color=${color.value.substring(\n    1,\n  )}&theme=${theme.value.substring(1)}`;\n  if (insertCode.value) {\n    url += \"&insertCode=true\";\n  }\n  return url;\n});\nconst iFrame = computed(() => {\n  return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n  orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n  initColor();\n}\nfunction initColor(): void {\n  if (!orgaAttributes.value) {\n    return;\n  }\n  color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n    ? (orgaAttributes.value.COLOR as string)\n    : \"#40a372\";\n  theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n    ? (orgaAttributes.value.THEME as string)\n    : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n","<template>\n  <section class=\"module-box overflow-visible\">\n    <h2 class=\"mb-3\">\n      {{ t(\"Embed\") }}\n    </h2>\n    <div class=\"d-flex\">\n      <iframe\n        id=\"miniplayerIframeRadio\"\n        title=\"Miniplayer\"\n        :src=\"iFrameSrc\"\n        frameborder=\"0\"\n        width=\"100%\"\n        height=\"140px\"\n        style=\"overflow: hidden\"\n        allow=\"clipboard-read; clipboard-write; autoplay\"\n        class=\"max-iframe mx-3 flex-grow-1\"\n      />\n      <div class=\"d-flex flex-column\">\n        <SharePlayerColors v-model:color=\"color\" v-model:theme=\"theme\" />\n        <div class=\"h4 mb-2 mt-3\">{{ t(\"player parameters\") }}</div>\n        <PlayerCommonParameters\n          v-if=\"displayInsertCode\"\n          v-model:insert-code=\"insertCode\"\n        />\n        <ShareModalPlayer\n          v-if=\"isShareModal\"\n          :embed-link=\"iFrame\"\n          :embedly-link=\"iFrameSrc\"\n          @close=\"isShareModal = false\"\n        />\n        <button\n          class=\"btn btn-primary w-fit-content mt-3\"\n          @click=\"isShareModal = true\"\n        >\n          {{ t(\"Share the player\") }}\n        </button>\n      </div>\n    </div>\n  </section>\n</template>\n\n<script setup lang=\"ts\">\nimport { useSaveFetchStore } from \"../../../stores/SaveFetchStore\";\nimport { useApiStore } from \"../../../stores/ApiStore\";\nimport { useAuthStore } from \"../../../stores/AuthStore\";\nimport {  defineAsyncComponent, ref, Ref, computed, onBeforeMount } from \"vue\";\nimport { Canal } from \"@/stores/class/radio/canal\";\nimport { useI18n } from \"vue-i18n\";\nconst ShareModalPlayer = defineAsyncComponent(\n  () => import(\"../../misc/modal/ShareModalPlayer.vue\"),\n);\nconst SharePlayerColors = defineAsyncComponent(\n  () => import(\"./SharePlayerColors.vue\"),\n);\nconst PlayerCommonParameters = defineAsyncComponent(\n  () => import(\"./PlayerCommonParameters.vue\"),\n);\n\n//Props \nconst props = defineProps({\n  canal: { default: undefined, type: Object as () => Canal },\n  organisationId: { default: undefined, type: String },\n})\n\n//Data \nconst isShareModal = ref(false);\nconst color = ref(\"#40a372\");\nconst theme = ref(\"#000000\");\nconst insertCode = ref(false);\nconst orgaAttributes: Ref<{[key: string]: string | number | boolean | undefined }| undefined> = ref(undefined);\n  \n\n//Composables\nconst { t } = useI18n();\nconst authStore = useAuthStore();\nconst apiStore = useApiStore();\nconst saveFetchStore = useSaveFetchStore();\n\n\n//Computed\nconst displayInsertCode = computed(() => props.canal?.organisationId === authStore.authOrgaId);\nconst iFrameSrc = computed(() => {\n  let url = `${apiStore.miniplayerUrl}miniplayer/radio/${\n    props.canal?.id\n  }?distributorId=${props.organisationId}&color=${color.value.substring(\n    1,\n  )}&theme=${theme.value.substring(1)}`;\n  if (insertCode.value) {\n    url += \"&insertCode=true\";\n  }\n  return url;\n});\nconst iFrame = computed(() => {\n  return `<iframe src=\"${iFrameSrc.value}\" width=\"100%\" height=\"140px\" frameborder=\"0\" scrolling=\"no\" allow=\"clipboard-read; clipboard-write; autoplay\"></iframe>`;\n});\n\n\nonBeforeMount(()=>initSharePlayer())\n\n//Methods\nasync function initSharePlayer() {\n  orgaAttributes.value = await saveFetchStore.getOrgaAttributes(authStore.authOrgaId ?? \"\");\n  initColor();\n}\nfunction initColor(): void {\n  if (!orgaAttributes.value) {\n    return;\n  }\n  color.value = Object.hasOwn(orgaAttributes.value, \"COLOR\")\n    ? (orgaAttributes.value.COLOR as string)\n    : \"#40a372\";\n  theme.value = Object.hasOwn(orgaAttributes.value, \"THEME\")\n    ? (orgaAttributes.value.THEME as string)\n    : \"#000000\";\n}\n</script>\n\n<style lang=\"scss\">\n@use \"../../../style/iframe\";\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAgDA,MAAM,mBAAmB,2BACjB,OAAO,kCACf;EACA,MAAM,oBAAoB,2BAClB,OAAO,mCACf;EACA,MAAM,yBAAyB,2BACvB,OAAO,wCACf;EAGA,MAAM,QAAQ;EAMd,MAAM,eAAe,IAAI,KAAK;EAC9B,MAAM,QAAQ,IAAI,SAAS;EAC3B,MAAM,QAAQ,IAAI,SAAS;EAC3B,MAAM,aAAa,IAAI,KAAK;EAC5B,MAAM,iBAA0F,IAAI,KAAA,CAAS;EAI7G,MAAM,EAAE,MAAM,QAAQ;EACtB,MAAM,YAAY,aAAa;EAC/B,MAAM,WAAW,YAAY;EAC7B,MAAM,iBAAiB,kBAAkB;EAIzC,MAAM,oBAAoB,eAAe,MAAM,OAAO,mBAAmB,UAAU,UAAU;EAC7F,MAAM,YAAY,eAAe;GAC/B,IAAI,MAAM,GAAG,SAAS,cAAc,mBAClC,MAAM,OAAO,GACd,iBAAiB,MAAM,eAAe,SAAS,MAAM,MAAM,UAC1D,CACF,EAAE,SAAS,MAAM,MAAM,UAAU,CAAC;GAClC,IAAI,WAAW,OACb,OAAO;GAET,OAAO;EACT,CAAC;EACD,MAAM,SAAS,eAAe;GAC5B,OAAO,gBAAgB,UAAU,MAAM;EACzC,CAAC;EAGD,oBAAkB,gBAAgB,CAAC;EAGnC,eAAe,kBAAkB;GAC/B,eAAe,QAAQ,MAAM,eAAe,kBAAkB,UAAU,cAAc,EAAE;GACxF,UAAU;EACZ;EACA,SAAS,YAAkB;GACzB,IAAI,CAAC,eAAe,OAClB;GAEF,MAAM,QAAQ,OAAO,OAAO,eAAe,OAAO,OAAO,IACpD,eAAe,MAAM,QACtB;GACJ,MAAM,QAAQ,OAAO,OAAO,eAAe,OAAO,OAAO,IACpD,eAAe,MAAM,QACtB;EACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBCjHW,OAAM,8BAA6B;mBACtC,OAAM,OAAM;mBAGX,OAAM,SAAQ;;mBAYZ,OAAM,qBAAoB;mBAExB,OAAM,eAAc;;qBAlB/B,mBAqCU,WArCV,YAqCU,CApCR,mBAEK,MAFL,YAEK,gBADA,OAAA,EAAC,OAAA,CAAA,GAAA,CAAA,GAEN,mBAgCM,OAhCN,YAgCM,CA/BJ,mBAUE,UAAA;EATA,IAAG;EACH,OAAM;EACL,KAAK,OAAA;EACN,aAAY;EACZ,OAAM;EACN,QAAO;EACP,OAAA,EAAA,YAAA,SAAA;EACA,OAAM;EACN,OAAM;0BAER,mBAmBM,OAnBN,YAmBM;EAlBJ,YAAiE,OAAA,sBAAA;GAAtC,OAAO,OAAA;2DAAA,OAAA,QAAK;GAAU,OAAO,OAAA;2DAAA,OAAA,QAAK;;EAC7D,mBAA4D,OAA5D,YAA4D,gBAA/B,OAAA,EAAC,mBAAA,CAAA,GAAA,CAAA;EAEtB,OAAA,qBAAA,UAAA,GADR,YAGE,OAAA,2BAAA;;GADQ,eAAa,OAAA;gEAAA,OAAA,aAAU;;EAGzB,OAAA,gBAAA,UAAA,GADR,YAKE,OAAA,qBAAA;;GAHC,cAAY,OAAA;GACZ,gBAAc,OAAA;GACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,eAAY;;EAEtB,mBAKS,UAAA;GAJP,OAAM;GACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,OAAA,eAAY;qBAEjB,OAAA,EAAC,kBAAA,CAAA,GAAA,CAAA"}

package/dist/SharePlayerTypes-Dkmmw2We.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharePlayerTypes-Dkmmw2We.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":"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"}

package/dist/{SharePlayerTypes-eYSeVl-W.mjs → SharePlayerTypes-cUgCFZ65.mjs}

@@ -1,5 +1,5 @@
 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 { i as useAuthStore, t as classicApi_default } from "./classicApi-xjOqAovv.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
@@ -229,4 +229,4 @@ var SharePlayerTypes_default = /*#__PURE__*/ _plugin_vue_export_helper_default(S
 //#endregion
 export { SharePlayerTypes_default as default };
 
-//# sourceMappingURL=SharePlayerTypes-eYSeVl-W.mjs.map
+//# sourceMappingURL=SharePlayerTypes-cUgCFZ65.mjs.map

package/dist/SharePlayerTypes-cUgCFZ65.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SharePlayerTypes-cUgCFZ65.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":"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"}

package/dist/{ShareSocialsButtons-iHtSoQ3K.mjs → ShareSocialsButtons-BYsXc2Jr.mjs}

@@ -1,5 +1,5 @@
 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 useSaveFetchStore, i as useAuthStore } from "./classicApi-xjOqAovv.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";
@@ -156,4 +156,4 @@ var ShareSocialsButtons_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 //#endregion
 export { ShareSocialsButtons_default as default };
 
-//# sourceMappingURL=ShareSocialsButtons-iHtSoQ3K.mjs.map
+//# sourceMappingURL=ShareSocialsButtons-BYsXc2Jr.mjs.map

package/dist/ShareSocialsButtons-BYsXc2Jr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareSocialsButtons-BYsXc2Jr.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-DZLZc1c6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareSocialsButtons-DZLZc1c6.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/SimpleLayout-BCsUQENG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-BCsUQENG.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-BGKNHHjx.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-BGKNHHjx.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-BHIdltFB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-BHIdltFB.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-BKkwQmN6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-BKkwQmN6.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-BORx9hRX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-BORx9hRX.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/{SimpleLayout-Bk74CAAr.mjs → SimpleLayout-BTJyAJO6.mjs}

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
-import { t as PlayerComponent_default } from "./PlayerComponent-CxNkDcFc.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
+import { t as PlayerComponent_default } from "./PlayerComponent-BRBrXVjI.mjs";
 import { Fragment, createElementBlock, createElementVNode, createVNode, defineComponent, onBeforeMount, onBeforeUnmount, openBlock, renderSlot } from "vue";
 //#region src/layouts/SimpleLayout.vue?vue&type=script&setup=true&lang.ts
 var SimpleLayout_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
@@ -38,4 +38,4 @@ var SimpleLayout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Simpl
 //#endregion
 export { SimpleLayout_default as default };
 
-//# sourceMappingURL=SimpleLayout-Bk74CAAr.mjs.map
+//# sourceMappingURL=SimpleLayout-BTJyAJO6.mjs.map

package/dist/SimpleLayout-BTJyAJO6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-BTJyAJO6.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-BvOAauzs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-BvOAauzs.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-C3xekYgM.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-C3xekYgM.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-C4xNk0R4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-C4xNk0R4.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-CDcsE-Be.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-CDcsE-Be.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-D3M_c1Eu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-D3M_c1Eu.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-DJgC3LcZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-DJgC3LcZ.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-DkvEZxow.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-DkvEZxow.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SimpleLayout-gtbBGlVV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleLayout-gtbBGlVV.mjs","names":[],"sources":["../src/layouts/SimpleLayout.vue","../src/layouts/SimpleLayout.vue"],"sourcesContent":["<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n","<!-- A basic layout showing only the content -->\n<template>\n    <slot />\n    <div class=\"flex-grow-1\" />\n    <PlayerComponent />\n</template>\n\n<script setup lang=\"ts\">\nimport { usePlayerStore } from '../stores/PlayerStore';\nimport { onBeforeMount, onBeforeUnmount } from 'vue';\nimport PlayerComponent from '../components/misc/player/PlayerComponent.vue';\n\nconst playerStore = usePlayerStore();\n\nonBeforeMount(() => {\n    // Stop playing to avoid issues when switching to no layout\n    playerStore.stop();\n});\n\n\nonBeforeUnmount(() => {\n    // Stop playing to avoid issues when switching from no layout\n    playerStore.stop();\n});\n</script>\n"],"mappings":";;;;;;;;;EAYA,MAAM,cAAc,eAAe;EAEnC,oBAAoB;GAEhB,YAAY,KAAK;EACrB,CAAC;EAGD,sBAAsB;GAElB,YAAY,KAAK;EACrB,CAAC;;;;;;;;;;;;;;;;ECrBG,WAAQ,KAAA,QAAA,SAAA;4BACR,mBAA2B,OAAA,EAAtB,OAAM,cAAa,GAAA,MAAA,EAAA;EACxB,YAAmB,OAAA,kBAAA"}

package/dist/SmartLinkPage-BF8hfaWZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartLinkPage-BF8hfaWZ.mjs","names":[],"sources":["../src/components/pages/SmartLinkPage.vue","../src/components/pages/SmartLinkPage.vue"],"sourcesContent":["<template>\n    <div v-if=\"element\" class=\"background\">\n        <img :src=\"useProxyImageUrl(element.imageUrl, '1600')\">\n    </div>\n    <article v-if=\"element\">\n        <!-- Top part of smartlink, with image, title and description -->\n        <div class=\"content\">\n            <div class=\"left\">\n                <img\n                    v-lazy=\"useProxyImageUrl(element.imageUrl, '250')\"\n                    width=\"250\"\n                    height=\"250\"\n                    class=\"img-box\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                >\n                <!-- Play button when not viewing with phone -->\n                <button\n                    v-if=\"latestPodcast\"\n                    class=\"btn btn-primary play-button pe-3 hide-phone\"\n                    @click=\"playLatestPodcast\"\n                >\n                    <PlayIcon class=\"me-2\" />\n                    {{ $t('SmartLink - Listen to latest episode') }}\n                </button>\n            </div>\n            <h1>{{ title }}</h1>\n            <div v-html=\"description\" />\n\n            <!-- Play button when viewing with phone -->\n            <button\n                v-if=\"latestPodcast\"\n                class=\"btn btn-primary play-button pe-3 mt-4 show-phone-flex\"\n                @click=\"playLatestPodcast\"\n            >\n                <PlayIcon class=\"me-2\" />\n                {{ $t('SmartLink - Listen to latest episode') }}\n            </button>\n        </div>\n\n        <!-- Links -->\n        <div class=\"platforms\">\n            <div\n                v-for=\"platform in sharePlatforms\"\n                :key=\"platform.name\"\n                class=\"platform-btn\"\n            >\n                <button\n                    class=\"btn w-100\"\n                    :style=\"gradient(platform)\"\n                    @click=\"openLink(platform.url)\"\n                >\n                    <!-- Icon of platform -->\n                    <component\n                        :is=\"platform.icon\"\n                        :size=\"36\"\n                        :fill-color=\"platform.color\"\n                        class=\"me-2\"\n                    />\n\n                    <span class=\"platform-label\">{{ platform.title }}</span>\n                </button>\n            </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"footer\">\n            <a target=\"_blank\" href=\"/\">\n                <span>{{ $t('SmartLink - Made by') }}</span>\n                <img\n                    src=\"/img/logo_saooti_play_black.svg\"\n                    height=\"24\"\n                    class=\"ms-2\"\n                >\n            </a>\n            <a\n                v-if=\"podcastmakerElementUrl\"\n                target=\"_blank\"\n                :href=\"podcastmakerElementUrl\"\n            >\n                <span v-if=\"playlistId\">{{ $t('SmartLink - To playlist on podcastmaker', { organisation: organisation.name }) }}</span>\n                <span v-else-if=\"emissionId\">{{ $t('SmartLink - To emission on podcastmaker', { organisation: organisation.name }) }}</span>\n            </a>\n        </div>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue';\nimport { useSeoTitleUrl } from '../composable/route/useSeoTitleUrl';\n\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\n\nimport { Emission } from '../../stores/class/general/emission';\nimport { Playlist } from '../../stores/class/general/playlist';\nimport { playlistApi } from '../../api/playlistApi';\nimport { emissionApi } from '../../api/emissionApi';\nimport { useImageProxy } from '../composable/useImageProxy';\nimport { SharePlatform, useSharePlatforms } from '../composable/share/useSharePlatforms';\nimport { Organisation, OrganisationAttributes } from '../../stores/class/general/organisation';\nimport { organisationApi } from '../../api/organisationApi';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport { usePlayerStore } from '../../stores/PlayerStore';\nimport { podcastApi, PodcastSort } from '../../api/podcastApi';\nimport { useSharePath } from '../composable/share/useSharePath';\nimport displayHelper from '../../helper/displayHelper';\nimport { state } from '../../stores/ParamSdkStore';\n\nconst { updatePathParams } = useSeoTitleUrl();\nconst { useProxyImageUrl } = useImageProxy();\nconst { getPlatformsWithLinks, initPlatforms } = useSharePlatforms();\n\n/** Props used when displaying a playlist */\ninterface PlaylistProps {\n    /** ID of the playlist to display */\n    playlistId: number;\n    /** Disallow use of emission id */\n    emissionId?: never;\n}\n\n/** Props used when displaying an emission */\ninterface EmissionProps {\n    /** Disallow use of playlist id */\n    playlistId?: never;\n    /** ID of the emission to display */\n    emissionId: number;\n}\n\nconst { playlistId, emissionId } = defineProps<PlaylistProps|EmissionProps>();\n\n/** The currently displayed element, if any */\nconst element = ref<Playlist|Emission|null>(null);\n\nonMounted(async() => {\n    // Retrieve element\n    if (playlistId) {\n        element.value = await playlistApi.get(playlistId);\n        initPlatforms(element.value.organisation.id);\n    } else if (emissionId) {\n        element.value = await emissionApi.get(emissionId);\n        initPlatforms(element.value.orga.id);\n    } else {\n        console.error('No content defined');\n    }\n\n    // Update title & path\n    updatePathParams(title.value);\n\n    getOrganisationAttributes();\n    getLatestPodcast();\n});\n\n/** Title of the element displayed */\nconst title = computed((): string => {\n    if (playlistId) {\n        return (element.value as Playlist).title;\n    }\n    if (emissionId) {\n        return (element.value as Emission).name;\n    }\n    return '';\n});\n\n/** Description of the element displayed */\nconst description = computed((): string => {\n    let description = element.value.description;\n    if (state.smartLink.showOnlyFirstParagraphInDescription === true) {\n        // Find everything up to the end of the first paragraph, including newlines\n        const pattern = /^(.+?(?:\\n+.*?)*<\\/p>)/;\n        const matches = description.match(pattern);\n        if (matches && matches.length >= 2) {\n            description = matches[1];\n        }\n    }\n\n    return displayHelper.urlify(description);\n});\n\n/** The organisation associated with the element */\nconst organisation = computed((): Organisation|undefined => {\n    if (!element.value) {\n        return;\n    }\n\n    if (playlistId) {\n        return (element.value as Playlist).organisation;\n    } else if (emissionId) {\n        return (element.value as Emission).orga;\n    }\n    return undefined;\n});\n\n/** The URL to the podcastmaker of the organisation, if any */\nconst organisationAttributes = ref<OrganisationAttributes|null>(null);\nconst { getSharePath } = useSharePath();\n\nasync function getOrganisationAttributes(): Promise<void> {\n    if (organisation.value) {\n        organisationAttributes.value = await organisationApi.getAttributes(organisation.value.id);\n    }\n}\n\n/** The URL to the element on the podcastmaker, or original platform, if any */\nconst podcastmakerElementUrl = computed((): string|undefined => {\n    // Retrieve full URL of element\n    if (playlistId) {\n        return getSharePath({ name: 'playlist', params: { playlistId }}, organisationAttributes.value);\n    } else if (emissionId) {\n        return getSharePath({ name: 'emission', params: { emissionId }}, organisationAttributes.value);\n    }\n    return undefined;\n});\n\n/**\n * The available share platforms for the element\n */\nconst sharePlatforms = computed(() => {\n    if (!element.value) {\n        return [];\n    }\n    return getPlatformsWithLinks(element.value.annotations);\n});\n\nfunction gradient(platform: SharePlatform): Record<string, string> {\n    return {\n        '--gradient-color': platform.color\n    };\n}\n\nfunction openLink(link: string): void {\n    window.open(link, '_blank').focus();\n}\n\nconst playerStore = usePlayerStore();\nconst latestPodcast = ref<Podcast|null>(null);\n\nasync function getLatestPodcast(): Promise<void> {\n    if (playlistId) {\n        const content = await playlistApi.getContent(playlistId);\n        if (content.length > 0) {\n            const id = content[content.length - 1].podcastId;\n            latestPodcast.value = await podcastApi.get(id);\n        }\n    } else if (emissionId) {\n        const result = await podcastApi.searchFull({\n            emissionId,\n            sort: PodcastSort.DATE,\n            size: 1\n        });\n\n        if (result.count > 0) {\n            latestPodcast.value = result.result[0];\n        }\n    }\n}\n\nfunction playLatestPodcast(): void {\n    if (!latestPodcast.value) {\n        return;\n    }\n\n    playerStore.playerPlay(latestPodcast.value);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.background {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    // Do not take place in page\n    position: fixed;\n    // Make rest of page appear in front of image\n    z-index: -1;\n\n    img {\n        width: 100%;\n        height: 100%;\n        // Background image display\n        object-fit: cover;\n        // Blur image\n        filter: blur(40px) sepia(0.4);\n        transform: scale(1.1);\n\n        @media (width <= 960px) {\n            // Better display for small screens\n            filter: blur(15px);\n        }\n    }\n}\n\narticle {\n    // Set variables\n    --background: white;\n    --border-radius: 20px;\n\n    margin: 8rem auto 2rem;\n    padding: 20px;\n    width: 900px;\n    border-radius: var(--border-radius);\n\n    // Background for card\n    background: var(--background);\n    // Subtle border\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n\n    @media (width <= 960px) {\n        // Adapt card for small screens\n        margin-top: 5rem;\n        width: 100%;\n    }\n\n    .play-button {\n        width: 250px;\n\n        @media (width <= 960px) {\n            // Center button\n            margin-right: auto !important;\n            margin-left: auto !important;\n        }\n\n        &::before {\n            // Remove additional content\n            display: none;\n        }\n    }\n\n    .left {\n        // Align left\n        float: left;\n\n        @media (width <= 960px) {\n            // On small screens, center content\n            margin: 0 auto;\n            float: none;\n        }\n    }\n\n    .img-box {\n        // Move image\n        margin-top: -70px;\n        margin-bottom: 0px;\n\n        // Move image left with content going to its right, and below it\n        margin-right: 20px;\n\n        // Add a border\n        border: 2px solid var(--background);\n        border-radius: var(--border-radius);\n\n        @media (width <= 960px) {\n            margin: -70px auto 10px;\n        }\n    }\n\n    // Section for title & description of content\n    .content {\n        margin-left: 20px;\n\n        @media (width <= 960px) {\n            margin-left: 0;\n        }\n\n        h1 {\n            text-align: start !important;\n            font-size: var(--octopus-smartlink-title-fontsize);\n            color: var(--octopus-smartlink-title-color);\n\n            @media (width <= 960px) {\n                text-align: center !important;\n            }\n        }\n    }\n\n    // Section for displaying platforms\n    .platforms {\n        // Allow display on columns\n        display: flex;\n        flex-wrap: wrap;\n        margin-top: 50px;\n\n        @media (width <= 960px) {\n            // Lower top margin when on mobile\n            margin-top: 20px;\n        }\n\n        .platform-btn {\n            display: flex;\n            padding: 4px 8px;\n            // Display on two columns\n            flex-basis: 50%;\n            // Center elements when possible\n            margin: auto;\n\n            @media (width <= 960px) {\n                // On small screens, buttons take full width\n                flex-basis: 100%;\n            }\n        }\n\n        .btn {\n            display: flex;\n            height: 52px;\n            // Center content vertically\n            align-items: center;\n            padding-left: 40px;\n            background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 40%));\n            .platform-label {\n                margin-left: 30px;\n            }\n\n            &:hover {\n                background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 100%));\n            }\n\n        }\n    }\n}\n\n.footer {\n    cursor: pointer;\n    margin: 34px auto 0;\n    font-size: 14px;\n    display: flex;\n    justify-content: space-between;\n\n    @media (width <= 960px) {\n        flex-direction: column-reverse;\n        align-items: center;\n    }\n\n    a {\n        display: flex;\n        align-items: center;\n        color: var(--octopus-color-text);\n\n        &:hover {\n            color: var(--octopus-primary);\n        }\n    }\n}\n</style>\n","<template>\n    <div v-if=\"element\" class=\"background\">\n        <img :src=\"useProxyImageUrl(element.imageUrl, '1600')\">\n    </div>\n    <article v-if=\"element\">\n        <!-- Top part of smartlink, with image, title and description -->\n        <div class=\"content\">\n            <div class=\"left\">\n                <img\n                    v-lazy=\"useProxyImageUrl(element.imageUrl, '250')\"\n                    width=\"250\"\n                    height=\"250\"\n                    class=\"img-box\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                >\n                <!-- Play button when not viewing with phone -->\n                <button\n                    v-if=\"latestPodcast\"\n                    class=\"btn btn-primary play-button pe-3 hide-phone\"\n                    @click=\"playLatestPodcast\"\n                >\n                    <PlayIcon class=\"me-2\" />\n                    {{ $t('SmartLink - Listen to latest episode') }}\n                </button>\n            </div>\n            <h1>{{ title }}</h1>\n            <div v-html=\"description\" />\n\n            <!-- Play button when viewing with phone -->\n            <button\n                v-if=\"latestPodcast\"\n                class=\"btn btn-primary play-button pe-3 mt-4 show-phone-flex\"\n                @click=\"playLatestPodcast\"\n            >\n                <PlayIcon class=\"me-2\" />\n                {{ $t('SmartLink - Listen to latest episode') }}\n            </button>\n        </div>\n\n        <!-- Links -->\n        <div class=\"platforms\">\n            <div\n                v-for=\"platform in sharePlatforms\"\n                :key=\"platform.name\"\n                class=\"platform-btn\"\n            >\n                <button\n                    class=\"btn w-100\"\n                    :style=\"gradient(platform)\"\n                    @click=\"openLink(platform.url)\"\n                >\n                    <!-- Icon of platform -->\n                    <component\n                        :is=\"platform.icon\"\n                        :size=\"36\"\n                        :fill-color=\"platform.color\"\n                        class=\"me-2\"\n                    />\n\n                    <span class=\"platform-label\">{{ platform.title }}</span>\n                </button>\n            </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"footer\">\n            <a target=\"_blank\" href=\"/\">\n                <span>{{ $t('SmartLink - Made by') }}</span>\n                <img\n                    src=\"/img/logo_saooti_play_black.svg\"\n                    height=\"24\"\n                    class=\"ms-2\"\n                >\n            </a>\n            <a\n                v-if=\"podcastmakerElementUrl\"\n                target=\"_blank\"\n                :href=\"podcastmakerElementUrl\"\n            >\n                <span v-if=\"playlistId\">{{ $t('SmartLink - To playlist on podcastmaker', { organisation: organisation.name }) }}</span>\n                <span v-else-if=\"emissionId\">{{ $t('SmartLink - To emission on podcastmaker', { organisation: organisation.name }) }}</span>\n            </a>\n        </div>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue';\nimport { useSeoTitleUrl } from '../composable/route/useSeoTitleUrl';\n\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\n\nimport { Emission } from '../../stores/class/general/emission';\nimport { Playlist } from '../../stores/class/general/playlist';\nimport { playlistApi } from '../../api/playlistApi';\nimport { emissionApi } from '../../api/emissionApi';\nimport { useImageProxy } from '../composable/useImageProxy';\nimport { SharePlatform, useSharePlatforms } from '../composable/share/useSharePlatforms';\nimport { Organisation, OrganisationAttributes } from '../../stores/class/general/organisation';\nimport { organisationApi } from '../../api/organisationApi';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport { usePlayerStore } from '../../stores/PlayerStore';\nimport { podcastApi, PodcastSort } from '../../api/podcastApi';\nimport { useSharePath } from '../composable/share/useSharePath';\nimport displayHelper from '../../helper/displayHelper';\nimport { state } from '../../stores/ParamSdkStore';\n\nconst { updatePathParams } = useSeoTitleUrl();\nconst { useProxyImageUrl } = useImageProxy();\nconst { getPlatformsWithLinks, initPlatforms } = useSharePlatforms();\n\n/** Props used when displaying a playlist */\ninterface PlaylistProps {\n    /** ID of the playlist to display */\n    playlistId: number;\n    /** Disallow use of emission id */\n    emissionId?: never;\n}\n\n/** Props used when displaying an emission */\ninterface EmissionProps {\n    /** Disallow use of playlist id */\n    playlistId?: never;\n    /** ID of the emission to display */\n    emissionId: number;\n}\n\nconst { playlistId, emissionId } = defineProps<PlaylistProps|EmissionProps>();\n\n/** The currently displayed element, if any */\nconst element = ref<Playlist|Emission|null>(null);\n\nonMounted(async() => {\n    // Retrieve element\n    if (playlistId) {\n        element.value = await playlistApi.get(playlistId);\n        initPlatforms(element.value.organisation.id);\n    } else if (emissionId) {\n        element.value = await emissionApi.get(emissionId);\n        initPlatforms(element.value.orga.id);\n    } else {\n        console.error('No content defined');\n    }\n\n    // Update title & path\n    updatePathParams(title.value);\n\n    getOrganisationAttributes();\n    getLatestPodcast();\n});\n\n/** Title of the element displayed */\nconst title = computed((): string => {\n    if (playlistId) {\n        return (element.value as Playlist).title;\n    }\n    if (emissionId) {\n        return (element.value as Emission).name;\n    }\n    return '';\n});\n\n/** Description of the element displayed */\nconst description = computed((): string => {\n    let description = element.value.description;\n    if (state.smartLink.showOnlyFirstParagraphInDescription === true) {\n        // Find everything up to the end of the first paragraph, including newlines\n        const pattern = /^(.+?(?:\\n+.*?)*<\\/p>)/;\n        const matches = description.match(pattern);\n        if (matches && matches.length >= 2) {\n            description = matches[1];\n        }\n    }\n\n    return displayHelper.urlify(description);\n});\n\n/** The organisation associated with the element */\nconst organisation = computed((): Organisation|undefined => {\n    if (!element.value) {\n        return;\n    }\n\n    if (playlistId) {\n        return (element.value as Playlist).organisation;\n    } else if (emissionId) {\n        return (element.value as Emission).orga;\n    }\n    return undefined;\n});\n\n/** The URL to the podcastmaker of the organisation, if any */\nconst organisationAttributes = ref<OrganisationAttributes|null>(null);\nconst { getSharePath } = useSharePath();\n\nasync function getOrganisationAttributes(): Promise<void> {\n    if (organisation.value) {\n        organisationAttributes.value = await organisationApi.getAttributes(organisation.value.id);\n    }\n}\n\n/** The URL to the element on the podcastmaker, or original platform, if any */\nconst podcastmakerElementUrl = computed((): string|undefined => {\n    // Retrieve full URL of element\n    if (playlistId) {\n        return getSharePath({ name: 'playlist', params: { playlistId }}, organisationAttributes.value);\n    } else if (emissionId) {\n        return getSharePath({ name: 'emission', params: { emissionId }}, organisationAttributes.value);\n    }\n    return undefined;\n});\n\n/**\n * The available share platforms for the element\n */\nconst sharePlatforms = computed(() => {\n    if (!element.value) {\n        return [];\n    }\n    return getPlatformsWithLinks(element.value.annotations);\n});\n\nfunction gradient(platform: SharePlatform): Record<string, string> {\n    return {\n        '--gradient-color': platform.color\n    };\n}\n\nfunction openLink(link: string): void {\n    window.open(link, '_blank').focus();\n}\n\nconst playerStore = usePlayerStore();\nconst latestPodcast = ref<Podcast|null>(null);\n\nasync function getLatestPodcast(): Promise<void> {\n    if (playlistId) {\n        const content = await playlistApi.getContent(playlistId);\n        if (content.length > 0) {\n            const id = content[content.length - 1].podcastId;\n            latestPodcast.value = await podcastApi.get(id);\n        }\n    } else if (emissionId) {\n        const result = await podcastApi.searchFull({\n            emissionId,\n            sort: PodcastSort.DATE,\n            size: 1\n        });\n\n        if (result.count > 0) {\n            latestPodcast.value = result.result[0];\n        }\n    }\n}\n\nfunction playLatestPodcast(): void {\n    if (!latestPodcast.value) {\n        return;\n    }\n\n    playerStore.playerPlay(latestPodcast.value);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.background {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    // Do not take place in page\n    position: fixed;\n    // Make rest of page appear in front of image\n    z-index: -1;\n\n    img {\n        width: 100%;\n        height: 100%;\n        // Background image display\n        object-fit: cover;\n        // Blur image\n        filter: blur(40px) sepia(0.4);\n        transform: scale(1.1);\n\n        @media (width <= 960px) {\n            // Better display for small screens\n            filter: blur(15px);\n        }\n    }\n}\n\narticle {\n    // Set variables\n    --background: white;\n    --border-radius: 20px;\n\n    margin: 8rem auto 2rem;\n    padding: 20px;\n    width: 900px;\n    border-radius: var(--border-radius);\n\n    // Background for card\n    background: var(--background);\n    // Subtle border\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n\n    @media (width <= 960px) {\n        // Adapt card for small screens\n        margin-top: 5rem;\n        width: 100%;\n    }\n\n    .play-button {\n        width: 250px;\n\n        @media (width <= 960px) {\n            // Center button\n            margin-right: auto !important;\n            margin-left: auto !important;\n        }\n\n        &::before {\n            // Remove additional content\n            display: none;\n        }\n    }\n\n    .left {\n        // Align left\n        float: left;\n\n        @media (width <= 960px) {\n            // On small screens, center content\n            margin: 0 auto;\n            float: none;\n        }\n    }\n\n    .img-box {\n        // Move image\n        margin-top: -70px;\n        margin-bottom: 0px;\n\n        // Move image left with content going to its right, and below it\n        margin-right: 20px;\n\n        // Add a border\n        border: 2px solid var(--background);\n        border-radius: var(--border-radius);\n\n        @media (width <= 960px) {\n            margin: -70px auto 10px;\n        }\n    }\n\n    // Section for title & description of content\n    .content {\n        margin-left: 20px;\n\n        @media (width <= 960px) {\n            margin-left: 0;\n        }\n\n        h1 {\n            text-align: start !important;\n            font-size: var(--octopus-smartlink-title-fontsize);\n            color: var(--octopus-smartlink-title-color);\n\n            @media (width <= 960px) {\n                text-align: center !important;\n            }\n        }\n    }\n\n    // Section for displaying platforms\n    .platforms {\n        // Allow display on columns\n        display: flex;\n        flex-wrap: wrap;\n        margin-top: 50px;\n\n        @media (width <= 960px) {\n            // Lower top margin when on mobile\n            margin-top: 20px;\n        }\n\n        .platform-btn {\n            display: flex;\n            padding: 4px 8px;\n            // Display on two columns\n            flex-basis: 50%;\n            // Center elements when possible\n            margin: auto;\n\n            @media (width <= 960px) {\n                // On small screens, buttons take full width\n                flex-basis: 100%;\n            }\n        }\n\n        .btn {\n            display: flex;\n            height: 52px;\n            // Center content vertically\n            align-items: center;\n            padding-left: 40px;\n            background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 40%));\n            .platform-label {\n                margin-left: 30px;\n            }\n\n            &:hover {\n                background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 100%));\n            }\n\n        }\n    }\n}\n\n.footer {\n    cursor: pointer;\n    margin: 34px auto 0;\n    font-size: 14px;\n    display: flex;\n    justify-content: space-between;\n\n    @media (width <= 960px) {\n        flex-direction: column-reverse;\n        align-items: center;\n    }\n\n    a {\n        display: flex;\n        align-items: center;\n        color: var(--octopus-color-text);\n\n        &:hover {\n            color: var(--octopus-primary);\n        }\n    }\n}\n</style>\n"],"mappings":"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"}

package/dist/{SmartLinkPage-DbuQT8GM.mjs → SmartLinkPage-DQljzYa-.mjs}

@@ -1,9 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.mjs";
-import { A as state, C as emissionApi, _ as playlistApi, m as podcastApi, p as PodcastSort, y as organisationApi } from "./classicApi-CkDHWZG1.mjs";
-import { n as usePlayerStore } from "./PlayerStore-DukkcHI_.mjs";
+import { A as state, C as emissionApi, _ as playlistApi, m as podcastApi, p as PodcastSort, y as organisationApi } from "./classicApi-xjOqAovv.mjs";
+import { n as usePlayerStore } from "./PlayerStore-vYmnOEA_.mjs";
 import { t as displayHelper_default } from "./displayHelper-CpXshNzz.mjs";
-import { t as useImageProxy } from "./useImageProxy-Bj0cOCct.mjs";
-import { r as useSharePlatforms } from "./useSharePlatforms-CSSRTkTG.mjs";
+import { t as useImageProxy } from "./useImageProxy-BdQJmj4a.mjs";
+import { r as useSharePlatforms } from "./useSharePlatforms-07n3JYu2.mjs";
 import { t as useSeoTitleUrl } from "./useSeoTitleUrl-CrM1YzAc.mjs";
 import { t as useSharePath } from "./useSharePath-Vh29oc9Z.mjs";
 import "./logo_saooti_play_black-BLx_RUuM.mjs";
@@ -235,4 +235,4 @@ var SmartLinkPage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Smar
 //#endregion
 export { SmartLinkPage_default as default };
 
-//# sourceMappingURL=SmartLinkPage-DbuQT8GM.mjs.map
+//# sourceMappingURL=SmartLinkPage-DQljzYa-.mjs.map

package/dist/SmartLinkPage-DQljzYa-.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SmartLinkPage-DQljzYa-.mjs","names":[],"sources":["../src/components/pages/SmartLinkPage.vue","../src/components/pages/SmartLinkPage.vue"],"sourcesContent":["<template>\n    <div v-if=\"element\" class=\"background\">\n        <img :src=\"useProxyImageUrl(element.imageUrl, '1600')\">\n    </div>\n    <article v-if=\"element\">\n        <!-- Top part of smartlink, with image, title and description -->\n        <div class=\"content\">\n            <div class=\"left\">\n                <img\n                    v-lazy=\"useProxyImageUrl(element.imageUrl, '250')\"\n                    width=\"250\"\n                    height=\"250\"\n                    class=\"img-box\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                >\n                <!-- Play button when not viewing with phone -->\n                <button\n                    v-if=\"latestPodcast\"\n                    class=\"btn btn-primary play-button pe-3 hide-phone\"\n                    @click=\"playLatestPodcast\"\n                >\n                    <PlayIcon class=\"me-2\" />\n                    {{ $t('SmartLink - Listen to latest episode') }}\n                </button>\n            </div>\n            <h1>{{ title }}</h1>\n            <div v-html=\"description\" />\n\n            <!-- Play button when viewing with phone -->\n            <button\n                v-if=\"latestPodcast\"\n                class=\"btn btn-primary play-button pe-3 mt-4 show-phone-flex\"\n                @click=\"playLatestPodcast\"\n            >\n                <PlayIcon class=\"me-2\" />\n                {{ $t('SmartLink - Listen to latest episode') }}\n            </button>\n        </div>\n\n        <!-- Links -->\n        <div class=\"platforms\">\n            <div\n                v-for=\"platform in sharePlatforms\"\n                :key=\"platform.name\"\n                class=\"platform-btn\"\n            >\n                <button\n                    class=\"btn w-100\"\n                    :style=\"gradient(platform)\"\n                    @click=\"openLink(platform.url)\"\n                >\n                    <!-- Icon of platform -->\n                    <component\n                        :is=\"platform.icon\"\n                        :size=\"36\"\n                        :fill-color=\"platform.color\"\n                        class=\"me-2\"\n                    />\n\n                    <span class=\"platform-label\">{{ platform.title }}</span>\n                </button>\n            </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"footer\">\n            <a target=\"_blank\" href=\"/\">\n                <span>{{ $t('SmartLink - Made by') }}</span>\n                <img\n                    src=\"/img/logo_saooti_play_black.svg\"\n                    height=\"24\"\n                    class=\"ms-2\"\n                >\n            </a>\n            <a\n                v-if=\"podcastmakerElementUrl\"\n                target=\"_blank\"\n                :href=\"podcastmakerElementUrl\"\n            >\n                <span v-if=\"playlistId\">{{ $t('SmartLink - To playlist on podcastmaker', { organisation: organisation.name }) }}</span>\n                <span v-else-if=\"emissionId\">{{ $t('SmartLink - To emission on podcastmaker', { organisation: organisation.name }) }}</span>\n            </a>\n        </div>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue';\nimport { useSeoTitleUrl } from '../composable/route/useSeoTitleUrl';\n\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\n\nimport { Emission } from '../../stores/class/general/emission';\nimport { Playlist } from '../../stores/class/general/playlist';\nimport { playlistApi } from '../../api/playlistApi';\nimport { emissionApi } from '../../api/emissionApi';\nimport { useImageProxy } from '../composable/useImageProxy';\nimport { SharePlatform, useSharePlatforms } from '../composable/share/useSharePlatforms';\nimport { Organisation, OrganisationAttributes } from '../../stores/class/general/organisation';\nimport { organisationApi } from '../../api/organisationApi';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport { usePlayerStore } from '../../stores/PlayerStore';\nimport { podcastApi, PodcastSort } from '../../api/podcastApi';\nimport { useSharePath } from '../composable/share/useSharePath';\nimport displayHelper from '../../helper/displayHelper';\nimport { state } from '../../stores/ParamSdkStore';\n\nconst { updatePathParams } = useSeoTitleUrl();\nconst { useProxyImageUrl } = useImageProxy();\nconst { getPlatformsWithLinks, initPlatforms } = useSharePlatforms();\n\n/** Props used when displaying a playlist */\ninterface PlaylistProps {\n    /** ID of the playlist to display */\n    playlistId: number;\n    /** Disallow use of emission id */\n    emissionId?: never;\n}\n\n/** Props used when displaying an emission */\ninterface EmissionProps {\n    /** Disallow use of playlist id */\n    playlistId?: never;\n    /** ID of the emission to display */\n    emissionId: number;\n}\n\nconst { playlistId, emissionId } = defineProps<PlaylistProps|EmissionProps>();\n\n/** The currently displayed element, if any */\nconst element = ref<Playlist|Emission|null>(null);\n\nonMounted(async() => {\n    // Retrieve element\n    if (playlistId) {\n        element.value = await playlistApi.get(playlistId);\n        initPlatforms(element.value.organisation.id);\n    } else if (emissionId) {\n        element.value = await emissionApi.get(emissionId);\n        initPlatforms(element.value.orga.id);\n    } else {\n        console.error('No content defined');\n    }\n\n    // Update title & path\n    updatePathParams(title.value);\n\n    getOrganisationAttributes();\n    getLatestPodcast();\n});\n\n/** Title of the element displayed */\nconst title = computed((): string => {\n    if (playlistId) {\n        return (element.value as Playlist).title;\n    }\n    if (emissionId) {\n        return (element.value as Emission).name;\n    }\n    return '';\n});\n\n/** Description of the element displayed */\nconst description = computed((): string => {\n    let description = element.value.description;\n    if (state.smartLink.showOnlyFirstParagraphInDescription === true) {\n        // Find everything up to the end of the first paragraph, including newlines\n        const pattern = /^(.+?(?:\\n+.*?)*<\\/p>)/;\n        const matches = description.match(pattern);\n        if (matches && matches.length >= 2) {\n            description = matches[1];\n        }\n    }\n\n    return displayHelper.urlify(description);\n});\n\n/** The organisation associated with the element */\nconst organisation = computed((): Organisation|undefined => {\n    if (!element.value) {\n        return;\n    }\n\n    if (playlistId) {\n        return (element.value as Playlist).organisation;\n    } else if (emissionId) {\n        return (element.value as Emission).orga;\n    }\n    return undefined;\n});\n\n/** The URL to the podcastmaker of the organisation, if any */\nconst organisationAttributes = ref<OrganisationAttributes|null>(null);\nconst { getSharePath } = useSharePath();\n\nasync function getOrganisationAttributes(): Promise<void> {\n    if (organisation.value) {\n        organisationAttributes.value = await organisationApi.getAttributes(organisation.value.id);\n    }\n}\n\n/** The URL to the element on the podcastmaker, or original platform, if any */\nconst podcastmakerElementUrl = computed((): string|undefined => {\n    // Retrieve full URL of element\n    if (playlistId) {\n        return getSharePath({ name: 'playlist', params: { playlistId }}, organisationAttributes.value);\n    } else if (emissionId) {\n        return getSharePath({ name: 'emission', params: { emissionId }}, organisationAttributes.value);\n    }\n    return undefined;\n});\n\n/**\n * The available share platforms for the element\n */\nconst sharePlatforms = computed(() => {\n    if (!element.value) {\n        return [];\n    }\n    return getPlatformsWithLinks(element.value.annotations);\n});\n\nfunction gradient(platform: SharePlatform): Record<string, string> {\n    return {\n        '--gradient-color': platform.color\n    };\n}\n\nfunction openLink(link: string): void {\n    window.open(link, '_blank').focus();\n}\n\nconst playerStore = usePlayerStore();\nconst latestPodcast = ref<Podcast|null>(null);\n\nasync function getLatestPodcast(): Promise<void> {\n    if (playlistId) {\n        const content = await playlistApi.getContent(playlistId);\n        if (content.length > 0) {\n            const id = content[content.length - 1].podcastId;\n            latestPodcast.value = await podcastApi.get(id);\n        }\n    } else if (emissionId) {\n        const result = await podcastApi.searchFull({\n            emissionId,\n            sort: PodcastSort.DATE,\n            size: 1\n        });\n\n        if (result.count > 0) {\n            latestPodcast.value = result.result[0];\n        }\n    }\n}\n\nfunction playLatestPodcast(): void {\n    if (!latestPodcast.value) {\n        return;\n    }\n\n    playerStore.playerPlay(latestPodcast.value);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.background {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    // Do not take place in page\n    position: fixed;\n    // Make rest of page appear in front of image\n    z-index: -1;\n\n    img {\n        width: 100%;\n        height: 100%;\n        // Background image display\n        object-fit: cover;\n        // Blur image\n        filter: blur(40px) sepia(0.4);\n        transform: scale(1.1);\n\n        @media (width <= 960px) {\n            // Better display for small screens\n            filter: blur(15px);\n        }\n    }\n}\n\narticle {\n    // Set variables\n    --background: white;\n    --border-radius: 20px;\n\n    margin: 8rem auto 2rem;\n    padding: 20px;\n    width: 900px;\n    border-radius: var(--border-radius);\n\n    // Background for card\n    background: var(--background);\n    // Subtle border\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n\n    @media (width <= 960px) {\n        // Adapt card for small screens\n        margin-top: 5rem;\n        width: 100%;\n    }\n\n    .play-button {\n        width: 250px;\n\n        @media (width <= 960px) {\n            // Center button\n            margin-right: auto !important;\n            margin-left: auto !important;\n        }\n\n        &::before {\n            // Remove additional content\n            display: none;\n        }\n    }\n\n    .left {\n        // Align left\n        float: left;\n\n        @media (width <= 960px) {\n            // On small screens, center content\n            margin: 0 auto;\n            float: none;\n        }\n    }\n\n    .img-box {\n        // Move image\n        margin-top: -70px;\n        margin-bottom: 0px;\n\n        // Move image left with content going to its right, and below it\n        margin-right: 20px;\n\n        // Add a border\n        border: 2px solid var(--background);\n        border-radius: var(--border-radius);\n\n        @media (width <= 960px) {\n            margin: -70px auto 10px;\n        }\n    }\n\n    // Section for title & description of content\n    .content {\n        margin-left: 20px;\n\n        @media (width <= 960px) {\n            margin-left: 0;\n        }\n\n        h1 {\n            text-align: start !important;\n            font-size: var(--octopus-smartlink-title-fontsize);\n            color: var(--octopus-smartlink-title-color);\n\n            @media (width <= 960px) {\n                text-align: center !important;\n            }\n        }\n    }\n\n    // Section for displaying platforms\n    .platforms {\n        // Allow display on columns\n        display: flex;\n        flex-wrap: wrap;\n        margin-top: 50px;\n\n        @media (width <= 960px) {\n            // Lower top margin when on mobile\n            margin-top: 20px;\n        }\n\n        .platform-btn {\n            display: flex;\n            padding: 4px 8px;\n            // Display on two columns\n            flex-basis: 50%;\n            // Center elements when possible\n            margin: auto;\n\n            @media (width <= 960px) {\n                // On small screens, buttons take full width\n                flex-basis: 100%;\n            }\n        }\n\n        .btn {\n            display: flex;\n            height: 52px;\n            // Center content vertically\n            align-items: center;\n            padding-left: 40px;\n            background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 40%));\n            .platform-label {\n                margin-left: 30px;\n            }\n\n            &:hover {\n                background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 100%));\n            }\n\n        }\n    }\n}\n\n.footer {\n    cursor: pointer;\n    margin: 34px auto 0;\n    font-size: 14px;\n    display: flex;\n    justify-content: space-between;\n\n    @media (width <= 960px) {\n        flex-direction: column-reverse;\n        align-items: center;\n    }\n\n    a {\n        display: flex;\n        align-items: center;\n        color: var(--octopus-color-text);\n\n        &:hover {\n            color: var(--octopus-primary);\n        }\n    }\n}\n</style>\n","<template>\n    <div v-if=\"element\" class=\"background\">\n        <img :src=\"useProxyImageUrl(element.imageUrl, '1600')\">\n    </div>\n    <article v-if=\"element\">\n        <!-- Top part of smartlink, with image, title and description -->\n        <div class=\"content\">\n            <div class=\"left\">\n                <img\n                    v-lazy=\"useProxyImageUrl(element.imageUrl, '250')\"\n                    width=\"250\"\n                    height=\"250\"\n                    class=\"img-box\"\n                    aria-hidden=\"true\"\n                    alt=\"\"\n                >\n                <!-- Play button when not viewing with phone -->\n                <button\n                    v-if=\"latestPodcast\"\n                    class=\"btn btn-primary play-button pe-3 hide-phone\"\n                    @click=\"playLatestPodcast\"\n                >\n                    <PlayIcon class=\"me-2\" />\n                    {{ $t('SmartLink - Listen to latest episode') }}\n                </button>\n            </div>\n            <h1>{{ title }}</h1>\n            <div v-html=\"description\" />\n\n            <!-- Play button when viewing with phone -->\n            <button\n                v-if=\"latestPodcast\"\n                class=\"btn btn-primary play-button pe-3 mt-4 show-phone-flex\"\n                @click=\"playLatestPodcast\"\n            >\n                <PlayIcon class=\"me-2\" />\n                {{ $t('SmartLink - Listen to latest episode') }}\n            </button>\n        </div>\n\n        <!-- Links -->\n        <div class=\"platforms\">\n            <div\n                v-for=\"platform in sharePlatforms\"\n                :key=\"platform.name\"\n                class=\"platform-btn\"\n            >\n                <button\n                    class=\"btn w-100\"\n                    :style=\"gradient(platform)\"\n                    @click=\"openLink(platform.url)\"\n                >\n                    <!-- Icon of platform -->\n                    <component\n                        :is=\"platform.icon\"\n                        :size=\"36\"\n                        :fill-color=\"platform.color\"\n                        class=\"me-2\"\n                    />\n\n                    <span class=\"platform-label\">{{ platform.title }}</span>\n                </button>\n            </div>\n        </div>\n\n        <!-- Footer -->\n        <div class=\"footer\">\n            <a target=\"_blank\" href=\"/\">\n                <span>{{ $t('SmartLink - Made by') }}</span>\n                <img\n                    src=\"/img/logo_saooti_play_black.svg\"\n                    height=\"24\"\n                    class=\"ms-2\"\n                >\n            </a>\n            <a\n                v-if=\"podcastmakerElementUrl\"\n                target=\"_blank\"\n                :href=\"podcastmakerElementUrl\"\n            >\n                <span v-if=\"playlistId\">{{ $t('SmartLink - To playlist on podcastmaker', { organisation: organisation.name }) }}</span>\n                <span v-else-if=\"emissionId\">{{ $t('SmartLink - To emission on podcastmaker', { organisation: organisation.name }) }}</span>\n            </a>\n        </div>\n    </article>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue';\nimport { useSeoTitleUrl } from '../composable/route/useSeoTitleUrl';\n\nimport PlayIcon from \"vue-material-design-icons/Play.vue\";\n\nimport { Emission } from '../../stores/class/general/emission';\nimport { Playlist } from '../../stores/class/general/playlist';\nimport { playlistApi } from '../../api/playlistApi';\nimport { emissionApi } from '../../api/emissionApi';\nimport { useImageProxy } from '../composable/useImageProxy';\nimport { SharePlatform, useSharePlatforms } from '../composable/share/useSharePlatforms';\nimport { Organisation, OrganisationAttributes } from '../../stores/class/general/organisation';\nimport { organisationApi } from '../../api/organisationApi';\nimport { Podcast } from '@/stores/class/general/podcast';\nimport { usePlayerStore } from '../../stores/PlayerStore';\nimport { podcastApi, PodcastSort } from '../../api/podcastApi';\nimport { useSharePath } from '../composable/share/useSharePath';\nimport displayHelper from '../../helper/displayHelper';\nimport { state } from '../../stores/ParamSdkStore';\n\nconst { updatePathParams } = useSeoTitleUrl();\nconst { useProxyImageUrl } = useImageProxy();\nconst { getPlatformsWithLinks, initPlatforms } = useSharePlatforms();\n\n/** Props used when displaying a playlist */\ninterface PlaylistProps {\n    /** ID of the playlist to display */\n    playlistId: number;\n    /** Disallow use of emission id */\n    emissionId?: never;\n}\n\n/** Props used when displaying an emission */\ninterface EmissionProps {\n    /** Disallow use of playlist id */\n    playlistId?: never;\n    /** ID of the emission to display */\n    emissionId: number;\n}\n\nconst { playlistId, emissionId } = defineProps<PlaylistProps|EmissionProps>();\n\n/** The currently displayed element, if any */\nconst element = ref<Playlist|Emission|null>(null);\n\nonMounted(async() => {\n    // Retrieve element\n    if (playlistId) {\n        element.value = await playlistApi.get(playlistId);\n        initPlatforms(element.value.organisation.id);\n    } else if (emissionId) {\n        element.value = await emissionApi.get(emissionId);\n        initPlatforms(element.value.orga.id);\n    } else {\n        console.error('No content defined');\n    }\n\n    // Update title & path\n    updatePathParams(title.value);\n\n    getOrganisationAttributes();\n    getLatestPodcast();\n});\n\n/** Title of the element displayed */\nconst title = computed((): string => {\n    if (playlistId) {\n        return (element.value as Playlist).title;\n    }\n    if (emissionId) {\n        return (element.value as Emission).name;\n    }\n    return '';\n});\n\n/** Description of the element displayed */\nconst description = computed((): string => {\n    let description = element.value.description;\n    if (state.smartLink.showOnlyFirstParagraphInDescription === true) {\n        // Find everything up to the end of the first paragraph, including newlines\n        const pattern = /^(.+?(?:\\n+.*?)*<\\/p>)/;\n        const matches = description.match(pattern);\n        if (matches && matches.length >= 2) {\n            description = matches[1];\n        }\n    }\n\n    return displayHelper.urlify(description);\n});\n\n/** The organisation associated with the element */\nconst organisation = computed((): Organisation|undefined => {\n    if (!element.value) {\n        return;\n    }\n\n    if (playlistId) {\n        return (element.value as Playlist).organisation;\n    } else if (emissionId) {\n        return (element.value as Emission).orga;\n    }\n    return undefined;\n});\n\n/** The URL to the podcastmaker of the organisation, if any */\nconst organisationAttributes = ref<OrganisationAttributes|null>(null);\nconst { getSharePath } = useSharePath();\n\nasync function getOrganisationAttributes(): Promise<void> {\n    if (organisation.value) {\n        organisationAttributes.value = await organisationApi.getAttributes(organisation.value.id);\n    }\n}\n\n/** The URL to the element on the podcastmaker, or original platform, if any */\nconst podcastmakerElementUrl = computed((): string|undefined => {\n    // Retrieve full URL of element\n    if (playlistId) {\n        return getSharePath({ name: 'playlist', params: { playlistId }}, organisationAttributes.value);\n    } else if (emissionId) {\n        return getSharePath({ name: 'emission', params: { emissionId }}, organisationAttributes.value);\n    }\n    return undefined;\n});\n\n/**\n * The available share platforms for the element\n */\nconst sharePlatforms = computed(() => {\n    if (!element.value) {\n        return [];\n    }\n    return getPlatformsWithLinks(element.value.annotations);\n});\n\nfunction gradient(platform: SharePlatform): Record<string, string> {\n    return {\n        '--gradient-color': platform.color\n    };\n}\n\nfunction openLink(link: string): void {\n    window.open(link, '_blank').focus();\n}\n\nconst playerStore = usePlayerStore();\nconst latestPodcast = ref<Podcast|null>(null);\n\nasync function getLatestPodcast(): Promise<void> {\n    if (playlistId) {\n        const content = await playlistApi.getContent(playlistId);\n        if (content.length > 0) {\n            const id = content[content.length - 1].podcastId;\n            latestPodcast.value = await podcastApi.get(id);\n        }\n    } else if (emissionId) {\n        const result = await podcastApi.searchFull({\n            emissionId,\n            sort: PodcastSort.DATE,\n            size: 1\n        });\n\n        if (result.count > 0) {\n            latestPodcast.value = result.result[0];\n        }\n    }\n}\n\nfunction playLatestPodcast(): void {\n    if (!latestPodcast.value) {\n        return;\n    }\n\n    playerStore.playerPlay(latestPodcast.value);\n}\n</script>\n\n<style scoped lang=\"scss\">\n.background {\n    width: 100%;\n    height: 100%;\n    overflow: hidden;\n    // Do not take place in page\n    position: fixed;\n    // Make rest of page appear in front of image\n    z-index: -1;\n\n    img {\n        width: 100%;\n        height: 100%;\n        // Background image display\n        object-fit: cover;\n        // Blur image\n        filter: blur(40px) sepia(0.4);\n        transform: scale(1.1);\n\n        @media (width <= 960px) {\n            // Better display for small screens\n            filter: blur(15px);\n        }\n    }\n}\n\narticle {\n    // Set variables\n    --background: white;\n    --border-radius: 20px;\n\n    margin: 8rem auto 2rem;\n    padding: 20px;\n    width: 900px;\n    border-radius: var(--border-radius);\n\n    // Background for card\n    background: var(--background);\n    // Subtle border\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);\n\n    @media (width <= 960px) {\n        // Adapt card for small screens\n        margin-top: 5rem;\n        width: 100%;\n    }\n\n    .play-button {\n        width: 250px;\n\n        @media (width <= 960px) {\n            // Center button\n            margin-right: auto !important;\n            margin-left: auto !important;\n        }\n\n        &::before {\n            // Remove additional content\n            display: none;\n        }\n    }\n\n    .left {\n        // Align left\n        float: left;\n\n        @media (width <= 960px) {\n            // On small screens, center content\n            margin: 0 auto;\n            float: none;\n        }\n    }\n\n    .img-box {\n        // Move image\n        margin-top: -70px;\n        margin-bottom: 0px;\n\n        // Move image left with content going to its right, and below it\n        margin-right: 20px;\n\n        // Add a border\n        border: 2px solid var(--background);\n        border-radius: var(--border-radius);\n\n        @media (width <= 960px) {\n            margin: -70px auto 10px;\n        }\n    }\n\n    // Section for title & description of content\n    .content {\n        margin-left: 20px;\n\n        @media (width <= 960px) {\n            margin-left: 0;\n        }\n\n        h1 {\n            text-align: start !important;\n            font-size: var(--octopus-smartlink-title-fontsize);\n            color: var(--octopus-smartlink-title-color);\n\n            @media (width <= 960px) {\n                text-align: center !important;\n            }\n        }\n    }\n\n    // Section for displaying platforms\n    .platforms {\n        // Allow display on columns\n        display: flex;\n        flex-wrap: wrap;\n        margin-top: 50px;\n\n        @media (width <= 960px) {\n            // Lower top margin when on mobile\n            margin-top: 20px;\n        }\n\n        .platform-btn {\n            display: flex;\n            padding: 4px 8px;\n            // Display on two columns\n            flex-basis: 50%;\n            // Center elements when possible\n            margin: auto;\n\n            @media (width <= 960px) {\n                // On small screens, buttons take full width\n                flex-basis: 100%;\n            }\n        }\n\n        .btn {\n            display: flex;\n            height: 52px;\n            // Center content vertically\n            align-items: center;\n            padding-left: 40px;\n            background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 40%));\n            .platform-label {\n                margin-left: 30px;\n            }\n\n            &:hover {\n                background: linear-gradient(155deg, var(--octopus-secondary) 30%, oklch(from var(--gradient-color) l c h / 100%));\n            }\n\n        }\n    }\n}\n\n.footer {\n    cursor: pointer;\n    margin: 34px auto 0;\n    font-size: 14px;\n    display: flex;\n    justify-content: space-between;\n\n    @media (width <= 960px) {\n        flex-direction: column-reverse;\n        align-items: center;\n    }\n\n    a {\n        display: flex;\n        align-items: center;\n        color: var(--octopus-color-text);\n\n        &:hover {\n            color: var(--octopus-primary);\n        }\n    }\n}\n</style>\n"],"mappings":"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"}