{"version":3,"file":"E-rNKgPZ.js","sources":["../../../../pages/publikationen/[slug]/index.vue"],"sourcesContent":["<template>\n  <main v-if=\"product\">\n    <ContentHeader :title=\"product.title\" :media=\"product.image\">\n      <p v-if=\"product?.organizationUnit?.name\" class=\"mt-20\">\n        {{ product?.organizationUnit?.name }}\n      </p>\n    </ContentHeader>\n\n    <Container class=\"my-20 md:my-30 lg:my-40 xl:my-50\">\n      <div class=\"pb-30 ck-content\" v-html=\"product?.body\" />\n\n      <div>\n        <StructuredTable\n          v-bind=\"table\"\n          :caption=\"\n            $texts(\n              'publicationAndPriceOverview',\n              'Übersicht über Publikation und Preis',\n            )\n          \"\n        />\n      </div>\n\n      <template v-if=\"hasPhysicalVariation\">\n        <div v-if=\"!isProductInCart\" class=\"flex flex-wrap gap-10 py-60\">\n          <button\n            class=\"button is-strong\"\n            :class=\"{ 'is-loading': isLoading }\"\n            @click=\"addToCart\"\n          >\n            <SpriteSymbol aria-hidden=\"true\" class=\"size-20\" name=\"card\" />\n            {{ $texts('publication.addToCart', 'In den Warenkorb') }}\n          </button>\n          <NuxtLink :to=\"{ name: 'cart' }\" class=\"button is-link\">\n            {{ $texts('publication.goToCart', 'Zum Warenkorb') }}\n          </NuxtLink>\n        </div>\n\n        <div\n          v-else\n          class=\"bg-primary-500 w-full h-auto rounded-large px-10 py-30 my-40\"\n        >\n          <h3 class=\"text-white text-2xl font-bold pb-20\">\n            {{\n              $texts(\n                'publication.isProductInCartResult',\n                '@title ist im Warenkorb',\n              ).replace('@title', product.title ? product.title.toString() : '')\n            }}\n          </h3>\n          <NuxtLink :to=\"{ name: 'cart' }\" class=\"button is-link\">\n            {{ $texts('publication.goToCart', 'Zum Warenkorb') }}\n          </NuxtLink>\n        </div>\n      </template>\n\n      <InformationLinkAttachment\n        v-if=\"download?.length\"\n        class=\"w-full p-0 my-30\"\n        title=\"Download\"\n        :is-inverted=\"false\"\n        :links=\"download\"\n      />\n\n      <InformationLinkAttachment\n        v-if=\"additionalInformation?.length\"\n        class=\"my-30\"\n        title=\"Links\"\n        hide-description\n        :links=\"additionalInformation\"\n      />\n    </Container>\n\n    <section class=\"bg-gray-50 py-30\">\n      <Container class=\"flex gap-20\">\n        <BoxSectionItem class=\"md:w-5/12 w-full\">\n          <h3\n            v-if=\"isOrganisation\"\n            class=\"text-primary-600 font-bold text-xs md:text-sm xl:text-xl\"\n          >\n            {{ product.organizationUnit?.name }}\n          </h3>\n          <DrupalLink\n            v-if=\"isOrganisation\"\n            :to=\"isOrganisation\"\n            class=\"button is-action self-start\"\n            ><SpriteSymbol aria-hidden=\"true\" name=\"baselstab\" />\n            {{ product.organizationUnit?.name }}</DrupalLink\n          >\n          <div :class=\"isOrganisation ? 'pt-20' : 'pt-0'\">\n            <h3 class=\"text-green-600 font-bold pb-10\">\n              {{ $texts('publication.lastUpdate', 'Inhalt aktualisiert') }}\n            </h3>\n            <div class=\"flex gap-10\">\n              <SpriteSymbol\n                aria-hidden=\"true\"\n                name=\"circle-check\"\n                class=\"size-20\"\n              />\n              <p class=\"text-base font-medium\">\n                <DrupalDateTime\n                  v-if=\"product.created?.first\"\n                  v-bind=\"product.created.first\"\n                  date-only\n                />\n                {{ $texts('publication.hourUpdateTime', 'Uhr') }}\n              </p>\n            </div>\n          </div>\n        </BoxSectionItem>\n      </Container>\n    </section>\n  </main>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { FieldItemTypeLinkDescriptionFragment } from '#build/graphql-operations'\nimport { StructuredTable } from '#components'\nimport { useCartStore } from '~/stores/cart'\nimport { useNotifications } from '~/stores/notifications'\n\ndefinePageMeta({\n  name: 'publication_detail',\n  path: '/publikationen/:slug',\n})\n\nconst { $texts } = useNuxtApp()\nconst notify = useNotifications()\nconst store = useCartStore()\nconst isLoading = ref(false)\n\nconst cart = useCartStore()\n\nconst { entity: product } = await useDrupalRouteQuery('publication')\n\nconst hasPhysicalVariation = computed(() => {\n  return !!product.value?.variation\n})\n\nconst isOrganisation = computed(() => {\n  const organizationPath = product.value?.organizationUnit?.organizationPagePath\n  if (!organizationPath) {\n    return null\n  }\n\n  return organizationPath\n})\n\nconst isProductInCart = computed(() => {\n  const variationId: string = product.value?.variation?.id || ''\n\n  return cart.orderItems.some((item) => {\n    return item.purchasedEntity?.id === variationId\n  })\n})\n\nconst download = computed<FieldItemTypeLinkDescriptionFragment[] | null>(() => {\n  if (!product.value?.download || !('download' in product.value)) {\n    return null\n  }\n\n  const item = product.value.download\n\n  if (!item) {\n    return null\n  }\n\n  // @TODO: Anti-pattern, don't use component expecting GraphQL data and then fake GraphQL types.\n  const link: FieldItemTypeLinkDescriptionFragment = {\n    linkTitle: product.value.download.label,\n    uri: {\n      __typename: 'EntityCanonicalUrl',\n      path: '',\n      entity: product.value.download,\n    },\n  }\n\n  return [link]\n})\n\nconst additionalInformation = computed<FieldItemTypeLinkDescriptionFragment[]>(\n  () => {\n    if (\n      !product.value?.additionalInformation ||\n      !('additionalInformation' in product.value)\n    ) {\n      return []\n    }\n    const additionalInfo = product.value.additionalInformation\n\n    if (!additionalInfo?.first?.uri) return []\n\n    return additionalInfo\n      ? [\n          {\n            linkTitle: additionalInfo.first?.linkTitle,\n            linkDescription: '',\n            uri: additionalInfo.first?.uri,\n          },\n        ]\n      : []\n  },\n)\n\nconst price = computed<string | undefined>(() => {\n  const priceNumber: number = parseInt(\n    product.value?.variation?.price?.number || '0',\n  )\n\n  if (priceNumber >= 0) {\n    if (priceNumber === 0) {\n      return $texts('publication.freeOfCharge', 'Gratis')\n    }\n\n    return product.value?.variation?.price?.formatted\n  }\n\n  return '-'\n})\n\nconst table = computed(() =>\n  defineStructuredTable(\n    ['', 'Preis', 'Jahr'],\n    [[product.value.title, price.value, product.value.publicationYear?.value]],\n  ),\n)\n\nasync function addToCart() {\n  isLoading.value = true\n  try {\n    await store.addProduct(product.value?.variation?.id as string)\n    window.scrollTo(0, 0)\n  } catch (_e) {\n    notify.error(\n      $texts('unexpectedError', 'Es ist ein unerwarteter Fehler passiert.'),\n    )\n  }\n  isLoading.value = false\n}\n\nawait renderPageDependencies()\nuseCDNHeaders((v) => v.addTags(['nuxt:content:publication']))\n</script>\n\n<style lang=\"postcss\">\n[data-head-label]:first-child {\n  @apply font-bold;\n}\n</style>\n"],"names":["$texts","useNuxtApp","notify","useNotifications","store","useCartStore","isLoading","ref","cart","product","__temp","__restore","_withAsyncContext","useDrupalRouteQuery","hasPhysicalVariation","computed","_a","isOrganisation","organizationPath","_b","isProductInCart","variationId","item","download","additionalInformation","additionalInfo","_c","_d","price","priceNumber","_f","_e","table","defineStructuredTable","addToCart","renderPageDependencies"],"mappings":"k9BA8HM,KAAA,CAAE,OAAAA,CAAO,EAAIC,EAAW,EACxBC,EAASC,EAAiB,EAC1BC,EAAQC,EAAa,EACrBC,EAAYC,EAAI,EAAK,EAErBC,EAAOH,EAAa,EAEpB,CAAE,OAAQI,CAAA,GAAY,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,GAAoB,aAAa,CAAA,mBAE7DC,EAAuBC,EAAS,IAAM,OACnC,MAAA,CAAC,GAACC,EAAAP,EAAQ,QAAR,MAAAO,EAAe,UAAA,CACzB,EAEKC,EAAiBF,EAAS,IAAM,SAC9B,MAAAG,GAAmBC,GAAAH,EAAAP,EAAQ,QAAR,YAAAO,EAAe,mBAAf,YAAAG,EAAiC,qBAC1D,OAAKD,GACI,IAGF,CACR,EAEKE,EAAkBL,EAAS,IAAM,SACrC,MAAMM,IAAsBF,GAAAH,EAAAP,EAAQ,QAAR,YAAAO,EAAe,YAAf,YAAAG,EAA0B,KAAM,GAE5D,OAAOX,EAAK,WAAW,KAAMc,GAAS,OAC7B,QAAAN,EAAAM,EAAK,kBAAL,YAAAN,EAAsB,MAAOK,CAAA,CACrC,CAAA,CACF,EAEKE,EAAWR,EAAwD,IAAM,OAO7E,MANI,GAACC,EAAAP,EAAQ,QAAR,MAAAO,EAAe,WAAY,EAAE,aAAcP,EAAQ,QAMpD,CAFSA,EAAQ,MAAM,SAGlB,KAaF,CAT4C,CACjD,UAAWA,EAAQ,MAAM,SAAS,MAClC,IAAK,CACH,WAAY,qBACZ,KAAM,GACN,OAAQA,EAAQ,MAAM,QAAA,CAE1B,CAEY,CAAA,CACb,EAEKe,EAAwBT,EAC5B,IAAM,aACJ,GACE,GAACC,EAAAP,EAAQ,QAAR,MAAAO,EAAe,wBAChB,EAAE,0BAA2BP,EAAQ,OAErC,MAAO,CAAC,EAEJ,MAAAgB,EAAiBhB,EAAQ,MAAM,sBAErC,OAAKU,EAAAM,GAAA,YAAAA,EAAgB,QAAhB,MAAAN,EAAuB,IAErBM,EACH,CACE,CACE,WAAWC,EAAAD,EAAe,QAAf,YAAAC,EAAsB,UACjC,gBAAiB,GACjB,KAAKC,EAAAF,EAAe,QAAf,YAAAE,EAAsB,GAAA,CAC7B,EAEF,CAAC,EAVmC,CAAC,CAUpC,CAET,EAEMC,EAAQb,EAA6B,IAAM,iBAC/C,MAAMc,EAAsB,WAC1BH,GAAAP,GAAAH,EAAAP,EAAQ,QAAR,YAAAO,EAAe,YAAf,YAAAG,EAA0B,QAA1B,YAAAO,EAAiC,SAAU,GAC7C,EAEA,OAAIG,GAAe,EACbA,IAAgB,EACX7B,EAAO,2BAA4B,QAAQ,GAG7C8B,GAAAC,GAAAJ,EAAAlB,EAAQ,QAAR,YAAAkB,EAAe,YAAf,YAAAI,EAA0B,QAA1B,YAAAD,EAAiC,UAGnC,GAAA,CACR,EAEKE,EAAQjB,EAAS,WACrB,OAAAkB,GACE,CAAC,GAAI,QAAS,MAAM,EACpB,CAAC,CAACxB,EAAQ,MAAM,MAAOmB,EAAM,OAAOZ,EAAAP,EAAQ,MAAM,kBAAd,YAAAO,EAA+B,KAAK,CAAC,CAAA,EAE7E,EAEA,eAAekB,GAAY,SACzB5B,EAAU,MAAQ,GACd,GAAA,CACF,MAAMF,EAAM,YAAWe,GAAAH,EAAAP,EAAQ,QAAR,YAAAO,EAAe,YAAf,YAAAG,EAA0B,EAAY,EACtD,OAAA,SAAS,EAAG,CAAC,OACT,CACJjB,EAAA,MACLF,EAAO,kBAAmB,0CAA0C,CACtE,CAAA,CAEFM,EAAU,MAAQ,EAAA,CAGd,OAAAI,EAAAC,CAAA,EAAAC,EAAA,IAAAuB,IAAuB"}