{"version":3,"file":"RecordingPage.fd625d16.js","sources":["../../../src/assets/licenses/by.svg","../../../src/assets/licenses/cc.svg","../../../src/assets/licenses/nc.svg","../../../src/assets/licenses/nd.svg","../../../src/assets/licenses/sa.svg","../../../src/assets/licenses/zero.svg","../../../src/assets/licenses/index.js","../../../src/components/generic/License.vue","../../../src/views/RecordingPage.vue"],"sourcesContent":["export default \"__VITE_ASSET__055a931e__\"","export default \"__VITE_ASSET__ff05ac70__\"","export default \"__VITE_ASSET__04e6b09e__\"","export default \"__VITE_ASSET__7a03e22d__\"","export default \"__VITE_ASSET__f7f1a71a__\"","export default \"__VITE_ASSET__449d6e00__\"","import by from './by.svg'\nimport cc from './cc.svg'\nimport nc from './nc.svg'\nimport nd from './nd.svg'\nimport sa from './sa.svg'\nimport zero from './zero.svg'\n\nexport default function getLicenseIcons(identifier) {\n  if (identifier.startsWith('CC0-')) {\n    return [cc, zero]\n  } else if (identifier.startsWith('CC-BY-NC-ND-')) {\n    return [cc, by, nc, nd]\n  } else if (identifier.startsWith('CC-BY-NC-SA-')) {\n    return [cc, by, nc, sa]\n  } else if (identifier.startsWith('CC-BY-ND-')) {\n    return [cc, by, nd]\n  } else if (identifier.startsWith('CC-BY-SA-')) {\n    return [cc, by, sa]\n  } else if (identifier.startsWith('CC-BY-NC-')) {\n    return [cc, by, nc]\n  } else if (identifier.startsWith('CC-BY-')) {\n    return [cc, by]\n  } else {\n    return null\n  }\n}\n","<template>\n  <component\n    :is=\"license.url ? 'a' : 'div'\"\n    :href=\"license.url\"\n    :aria-label=\"$t('license_label')\"\n    :target=\"license.url ? '_blank' : null\"\n    class=\"tw-no-underline tw-inline-flex tw-items-center tw-justify-center\"\n  >\n    <div v-if=\"icons\" class=\"tw-inline-flex tw-gap-2\" :title=\"license.name\">\n      <img v-for=\"(url, index) in icons\" :key=\"index\" width=\"32\" height=\"32\" :src=\"url\" alt=\"\" />\n    </div>\n    <span v-else class=\"license-label\">{{ license.name }}</span>\n  </component>\n</template>\n\n<script>\nimport getLicenseIcons from '../../assets/licenses'\n\nexport default {\n  props: {\n    license: Object,\n  },\n  computed: {\n    icons() {\n      return getLicenseIcons(this.license.spdxIdentifier)\n    },\n  },\n}\n</script>\n\n<i18n lang=\"yaml\">\nen:\n  license_label: Content License\n\nde:\n  license_label: Inhaltslizenz\n</i18n>\n","<template>\n  <app-page :title=\"recording.title\">\n    <app-image\n      v-if=\"image && isLargeViewport\"\n      :src=\"image.url\"\n      :size=\"windowWidth / 4\"\n      auto-size\n      :aspect-ratio=\"imageAspectRatio\"\n      cover\n      cover-screen\n      calculate-luminosity\n      role=\"presentation\"\n    />\n    <app-container as=\"article\">\n      <app-image\n        v-if=\"image\"\n        :src=\"image.url\"\n        auto-size\n        :aspect-ratio=\"isLargeViewport ? 16 / 7 : undefined\"\n        cover\n        class=\"!md:tw-rounded\"\n        :class=\"{ '-tw-mt-6 -tw-mx-6': !isLargeViewport }\"\n      />\n      <div\n        class=\"tw-gap-6 md:tw-gap-6 tw-py-4 tw-min-h-[60vh] md:tw-py-10 md:tw-px-12 md:tw-mx-auto\"\n        :class=\"{\n          'tw-backdrop-blur-lg tw-rounded md:-tw-mt-32 md:tw-max-w-[90%] lg:tw-max-w-[80%]': image,\n          'tw-grid': isLargeViewport,\n          'tw-flex tw-flex-col': !isLargeViewport,\n        }\"\n        :style=\"{\n          backgroundColor: isLargeViewport\n            ? 'hsla(var(--theme-base-base), var(--theme-base-lightness), 0.8)'\n            : undefined,\n          grid: isLargeViewport\n            ? 'min-content 1fr min-content / minmax(0, 2fr) minmax(0, 1fr)'\n            : 'min-content 1fr min-content / 1fr',\n        }\"\n      >\n        <app-header\n          :title=\"recording.title\"\n          :display-level=\"isLargeViewport ? 5 : 4\"\n          wrap\n          class=\"tw-col-span-2\"\n        >\n          <template #byline v-if=\"broadcastAt && broadcastAtString\">\n            <p class=\"tw-font-lg -tw-mt-2 tw-opacity-50\">\n              <time :datetime=\"broadcastAt?.toISOString()\">\n                {{ t('recordingPage.broadcastAt', { time: broadcastAtString }) }}\n              </time>\n            </p>\n          </template>\n        </app-header>\n\n        <app-section class=\"!tw-mb-0 tw-mt-0\">\n          <app-field class=\"tw-flex tw-items-center\">\n            <PlayPauseButton\n              :track-id=\"recording.id\"\n              :tracks=\"tracks\"\n              look=\"primary\"\n              size=\"medium\"\n            />\n            <div class=\"tw-flex tw-gap-3 tw-ml-6 tw-items-center\">\n              <app-like :id=\"recording.id\" collection=\"recordings\" />\n              <app-download\n                v-if=\"trackDownloadUrls\"\n                look=\"transparent\"\n                :name=\"$t('recordingPage.downloadName')\"\n                :files=\"trackDownloadUrls\"\n              />\n              <app-share look=\"transparent\" :name=\"recording.title\" :payload=\"shareData\" />\n            </div>\n          </app-field>\n\n          <div class=\"tw-mt-3 tw-prose tw-prose-invert\">\n            <app-markdown v-if=\"recording.description\">\n              {{ recording.description }}\n            </app-markdown>\n            <div v-else class=\"content\">\n              <SuggestContent\n                missing-text-translation-key=\"recording_page.missing_description\"\n                :context=\"recording\"\n                type=\"recording\"\n              />\n            </div>\n          </div>\n\n          <app-field class=\"tw-mt-6\">\n            <License :license=\"recording.license\" />\n          </app-field>\n        </app-section>\n        <aside>\n          <app-field v-if=\"contributors.length > 0\">\n            <p class=\"aside-title\">{{ t('recordingPage.contributors') }}</p>\n            <p>\n              <span\n                v-for=\"(contributor, index) in contributors\"\n                :key=\"index\"\n                :title=\"contributor.role\"\n              >\n                <template v-if=\"index !== 0\">, </template>{{ contributor.name }}\n              </span>\n            </p>\n            <p v-if=\"recording.externalContributions\">{{ recording.externalContributions }}</p>\n          </app-field>\n\n          <app-field>\n            <p class=\"aside-title\">{{ t('recordingPage.tags') }}</p>\n            <ul class=\"hyphens tw-inline-flex tw-flex-wrap tw-gap-2\">\n              <li v-for=\"tag in recording.tags\" :key=\"tag.slug\" class=\"tw-inline\">\n                <app-tag :tag=\"tag\" />\n              </li>\n            </ul>\n          </app-field>\n\n          <app-field>\n            <p class=\"aside-title\">{{ t('recordingPage.categories') }}</p>\n            <ul class=\"tw-flex tw-flex-col tw-gap-2\">\n              <template v-for=\"(hierarchy, index) in categoryHierarchies\" :key=\"index\">\n                <li class=\"tw-flex\">\n                  <template v-for=\"(category, categoryIndex) in hierarchy\" :key=\"category.id\">\n                    <template v-if=\"categoryIndex > 0\">\n                      <icon-system-uicons-chevron-right class=\"tw-flex-none\" />\n                    </template>\n                    <router-link\n                      :to=\"{ name: 'category', params: { id: category.id } }\"\n                      :title=\"category.name\"\n                      class=\"tag color-fg !tw-block tw-min-w-0 not-last:tw-shrink not-last:tw-truncate last:tw-flex-none\"\n                    >\n                      {{ category.name }}\n                    </router-link>\n                  </template>\n                </li>\n              </template>\n            </ul>\n          </app-field>\n\n          <app-field v-if=\"premieredAt && premieredAtString\">\n            <p class=\"aside-title\">{{ t('recordingPage.premiere') }}</p>\n            <p>\n              <time :datetime=\"premieredAt.toISOString()\">\n                {{ t('recordingPage.premieredAt', { time: premieredAtString }) }}\n              </time>\n            </p>\n          </app-field>\n\n          <app-field v-if=\"recording.canBeStreamed\">\n            <p class=\"aside-title\">{{ t('recordingPage.duration') }}</p>\n            <p>\n              <Duration :seconds=\"duration\">{{ secondsToDuration(duration) }}</Duration>\n            </p>\n          </app-field>\n        </aside>\n        <footer v-if=\"series || !hasNoSimilarRecordings\" class=\"tw-col-span-2 tw-mt-6 md:tw-mt-16\">\n          <app-section v-if=\"!hasNoSimilarRecordings\" :title=\"t('recordingPage.similarRecordings')\">\n            <Swiper\n              :title=\"t('recordingPage.similarRecordings')\"\n              :is-loading=\"isLoadingSimilarRecordings\"\n              :items=\"similarRecordings\"\n              :item-count=\"similarRecordingCount\"\n              renderer=\"AppRecordingPreviewAlt\"\n              @load=\"loadMoreSimilarRecordings\"\n            />\n          </app-section>\n\n          <app-section\n            v-if=\"series\"\n            :title=\"series.teaser ? `${series.name}: ${series.teaser}` : series.name\"\n          >\n            <app-markdown v-if=\"series?.description\">{{ series.description }}</app-markdown>\n\n            <SwiperSegment\n              class=\"mt-6\"\n              :data=\"{\n                source: 'recordings',\n                filter: { series: series.id, omit: recording.id, isAvailable: true },\n              }\"\n              renderer=\"AppRecordingPreviewAlt\"\n            />\n          </app-section>\n        </footer>\n      </div>\n    </app-container>\n  </app-page>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useMediaQuery, useWindowSize } from '@vueuse/core'\nimport { computed } from 'vue'\nimport { useI18n } from 'vue-i18n'\nimport { useRoute } from 'vue-router'\nimport { useCategoryHierarchies, useDataSources, useEnv, useImage } from '../app'\nimport Duration from '../components/generic/Duration.vue'\nimport License from '../components/generic/License.vue'\nimport SuggestContent from '../components/generic/SuggestContent.vue'\nimport Swiper from '../components/generic/Swiper.vue'\nimport PlayPauseButton from '../components/player/PlayPauseButton.vue'\nimport SwiperSegment from '../components/segments/SwiperSegment.vue'\nimport { Broadcast, Recording, Series } from '../types'\nimport { useTracks } from '../util/audio'\nimport { usePaginator } from '../util/data'\nimport { useWindowAspectRatio } from '../util/dom'\nimport { secondsToDuration, useFormattedDateTime } from '../util/time'\n\nconst props = defineProps<{\n  recording: Recording\n  broadcast?: Broadcast | undefined\n  series?: Series | undefined\n}>()\nconst route = useRoute()\nconst env = useEnv()\nconst { t, locale } = useI18n()\nconst { width: windowWidth } = useWindowSize()\nconst imageAspectRatio = useWindowAspectRatio()\nconst isLargeViewport = useMediaQuery('(min-width: 768px)')\nconst imageId = computed(\n  () => props.recording.imageId ?? props.broadcast?.imageId ?? props.series?.imageId ?? null,\n)\nconst image = useImage(imageId)\nconst dataSources = useDataSources()\nconst { tracks, trackDownloadUrls } = useTracks(computed(() => props.recording))\nconst categoryHierarchies = useCategoryHierarchies(computed(() => props.recording.categoryIds))\nconst {\n  items: similarRecordings,\n  count: similarRecordingCount,\n  isEmpty: hasNoSimilarRecordings,\n  isLoading: isLoadingSimilarRecordings,\n  loadMore: loadMoreSimilarRecordings,\n} = usePaginator(\n  dataSources.value.recordings,\n  computed(() => ({\n    tags: props.recording.tags.map((t) => t.slug).join(','),\n    omit: props.recording.id,\n    isAvailable: true,\n  })),\n)\n\nconst contributors = computed(() => {\n  return props.recording.contributions.map((contributor) => ({\n    name: contributor.user.name,\n    role: contributor.roles.join(', '),\n  }))\n})\n\nconst duration = computed(() => {\n  return props.recording.audio.reduce((total, track) => total + track.duration, 0)\n})\nconst shareData = computed(() => {\n  const { title, description } = props.recording\n  return {\n    title,\n    text: description !== title ? description : null,\n    url: window.location.origin + route.path,\n  }\n})\nconst { formatted: broadcastAtString, date: broadcastAt } = useFormattedDateTime(\n  computed(() => props.broadcast?.startTime),\n)\nconst { formatted: premieredAtString, date: premieredAt } = useFormattedDateTime(\n  computed(() => props.broadcast?.premiere?.startTime),\n)\n</script>\n\n<i18n lang=\"yaml\">\nen:\n  recordingPage:\n    contributors: Contributors\n    duration: Duration\n    downloadName: post\n    info: About this post\n    similarRecordings: Similar Posts\n    tags: Tags\n    categories: Categories\n    aboutSeries: About {series}\n    broadcastAt: Broadcast on {time}\n    premiere: Premiere\n    premieredAt: On {time}\n\nde:\n  recordingPage:\n    contributors: Mitwirkende\n    duration: Dauer\n    downloadName: Beitrag\n    info: Über diesen Beitrag\n    similarRecordings: Ähnliche Beiträge\n    tags: Schlagworte\n    categories: Kategorien\n    aboutSeries: Über {series}\n    broadcastAt: Ausgestrahlt am {time} Uhr\n    premiere: Erstausstrahlung\n    premieredAt: Am {time} Uhr\n</i18n>\n\n<style lang=\"postcss\" scoped>\n.aside-title {\n  @apply tw-text-lg;\n  @apply tw-opacity-50;\n  @apply tw-font-bold;\n  @apply tw-tracking-wide;\n  @apply tw-uppercase;\n  font-variant: all-small-caps;\n}\n</style>\n"],"names":["by","cc","nc","nd","sa","zero","getLicenseIcons","identifier","_sfc_main","_ctx","_openBlock","_createElementBlock","_Fragment","_renderList","$options","url","index","_hoisted_3","_toDisplayString","$props","route","useRoute","useEnv","t","locale","useI18n","windowWidth","useWindowSize","imageAspectRatio","useWindowAspectRatio","isLargeViewport","useMediaQuery","imageId","computed","_e","_d","_b","props","_a","_c","image","useImage","dataSources","useDataSources","tracks","trackDownloadUrls","useTracks","categoryHierarchies","useCategoryHierarchies","similarRecordings","similarRecordingCount","hasNoSimilarRecordings","isLoadingSimilarRecordings","loadMoreSimilarRecordings","usePaginator","t2","contributors","contributor","duration","total","track","shareData","title","description","broadcastAtString","broadcastAt","useFormattedDateTime","premieredAtString","premieredAt","Duration","post","About this post","Similar Posts","Tags","Categories","Premiere","Mitwirkende","Dauer","Beitrag","Ähnliche Beiträge","Schlagworte","Kategorien","Ausgestrahlt am ","Erstausstrahlung"],"mappings":"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"}