{"version":3,"file":"ParticipantDescription-CwREwvZy.mjs","names":[],"sources":["../src/components/display/podcasts/ParticipantDescription.vue","../src/components/display/podcasts/ParticipantDescription.vue"],"sourcesContent":["<template>\n  <div v-if=\"participants.length\" class=\"comma\">\n    {{ title }}\n    <span class=\"mx-1\">:</span>\n    <router-link\n      v-for=\"participant in participants\"\n      :key=\"participant.participantId\"\n      :title=\"t('Participant name page', { name: getName(participant) })\"\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n    >\n      {{ getName(participant) }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participants: {\n    default: () => [],\n    type: Array as () => Array<Participant>,\n  },\n  isGuest: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst title = computed(() => props.isGuest ? t(\"Guests\") : t(\"Animated by\"));\n\n\n//Methods\nfunction getName(person: Participant): string {\n  return `${person.firstName ?? \"\"} ${person.lastName ?? \"\"}`.trim();\n}\n</script>\n<style lang=\"scss\">\n.octopus-app{\n  /** Comma list style */\n  .comma {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    margin: 0.5rem 0;\n\n    > a{\n      text-transform: capitalize;\n    }\n\n    > a, .comma-element {\n      &::after {\n        content: \", \";\n        margin-right: 0.2rem;\n      }\n\n      &:last-child {\n        &::after {\n          content: \"\";\n        }\n      }\n    }\n  }\n}\n</style>\n","<template>\n  <div v-if=\"participants.length\" class=\"comma\">\n    {{ title }}\n    <span class=\"mx-1\">:</span>\n    <router-link\n      v-for=\"participant in participants\"\n      :key=\"participant.participantId\"\n      :title=\"t('Participant name page', { name: getName(participant) })\"\n      :to=\"{\n        name: 'participant',\n        params: { participantId: participant.participantId },\n      }\"\n    >\n      {{ getName(participant) }}\n    </router-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { Participant } from \"@/stores/class/general/participant\";\nimport { computed } from \"vue\";\nimport { useI18n } from \"vue-i18n\";\n\n//Props \nconst props = defineProps({\n  participants: {\n    default: () => [],\n    type: Array as () => Array<Participant>,\n  },\n  isGuest: { default: false, type: Boolean },\n})\n\n//Composables\nconst { t } = useI18n();\n\n//Computed\nconst title = computed(() => props.isGuest ? t(\"Guests\") : t(\"Animated by\"));\n\n\n//Methods\nfunction getName(person: Participant): string {\n  return `${person.firstName ?? \"\"} ${person.lastName ?? \"\"}`.trim();\n}\n</script>\n<style lang=\"scss\">\n.octopus-app{\n  /** Comma list style */\n  .comma {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    margin: 0.5rem 0;\n\n    > a{\n      text-transform: capitalize;\n    }\n\n    > a, .comma-element {\n      &::after {\n        content: \", \";\n        margin-right: 0.2rem;\n      }\n\n      &:last-child {\n        &::after {\n          content: \"\";\n        }\n      }\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAwBA,MAAM,QAAQ;EASd,MAAM,EAAE,MAAM,QAAQ;EAGtB,MAAM,QAAQ,eAAe,MAAM,UAAU,EAAE,QAAQ,IAAI,EAAE,aAAa,CAAC;EAI3E,SAAS,QAAQ,QAA6B;GAC5C,OAAO,GAAG,OAAO,aAAa,GAAG,GAAG,OAAO,YAAY,KAAK,KAAK;EACnE;;;;;;;;;;;;;;;;;;;CCzCkC,OAAM;;;;QAA3B,OAAA,aAAa,UAAA,UAAA,GAAxB,mBAcM,OAdN,YAcM;kCAbD,OAAA,KAAK,IAAG,KACX,CAAA;4BAAA,mBAA2B,QAAA,EAArB,OAAM,OAAM,GAAC,KAAC,EAAA;oBACpB,mBAUc,UAAA,MAAA,WATU,OAAA,eAAf,gBAAW;uBADpB,YAUc,wBAAA;IARX,KAAK,YAAY;IACjB,OAAO,OAAA,EAAC,yBAAA,EAAA,MAAkC,OAAA,QAAQ,WAAW,EAAA,CAAA;IAC7D,IAAE;;8BAAkE,YAAY,cAAa;;;2BAKpE,CAAA,gBAAA,gBAAvB,OAAA,QAAQ,WAAW,CAAA,GAAA,CAAA,CAAA,CAAA"}