{"version":3,"file":"CrV7kfnt.js","sources":["../../../../pages/give/endowments/[slug].vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { NavBreadcrumb, BannerText, SectionWrapper, RichText, ResponsiveImage, DividerWayFinder, IconWithLink, BlockCallToAction } from 'ucla-library-website-components'\n\n// HELPERS\nimport _get from 'lodash/get'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport ENDOWMENT_DETAIL from '../gql/queries/EndowmentDetail.gql'\n\nconst { $graphql } = useNuxtApp()\n\nconst route = useRoute()\n\nconst { data, error } = await useAsyncData(`endowment-detail-${route.params.slug}`, async () => {\n  const data = await $graphql.default.request(ENDOWMENT_DETAIL, {\n    slug: route.params.slug,\n  })\n\n  return data\n})\n\nif (error.value) {\n  throw createError({\n    ...error.value, statusMessage: 'Page not found.' + error.value, fatal: true\n  })\n}\n\nif (!data.value.entry) {\n  // console.log('no data')\n  throw createError({\n    statusCode: 404,\n    statusMessage: 'Page Not Found',\n    fatal: true\n  })\n}\n\nif (data.value.entry.slug && import.meta.server) {\n  const { $elasticsearchplugin } = useNuxtApp()\n  // console.log(\"elasticsearchplugin\", $elasticsearchplugin, data.value.entry.slug)\n  data.value.entry.donorNames = parsedDonorsForES(data.value.entry.donors)\n  await $elasticsearchplugin?.index(data.value.entry, data.value.entry.slug)\n}\n// console.log(\"data.value.entry\", data.value.entry)\n\nconst page = ref(_get(data.value, 'entry', {}))\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled, newVal, oldVal', newVal, oldVal)\n  page.value = _get(newVal, 'entry', {})\n})\n\nuseHead({\n  title: page.value ? page.value.title : '... loading',\n  meta: [\n    {\n      hid: 'description',\n      name: 'description',\n      content: removeTags(page.value.text)\n    },\n  ],\n})\n\nconst parsedDonors = computed(() => {\n  if (page.value?.donors && page.value?.donors.length > 0) {\n    return computeDonors(page.value.donors)\n  } else {\n    return ''\n  }\n})\n\nconst parsedAssociatedLocations = computed(() => {\n  return page.value.associatedLocations.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.uri}`,\n    }\n  })\n})\n\nconst parsedSubjectAreaLink = computed(() => {\n  if (page.value.subjectAreas[0].title) {\n    const searchLibrary = page.value.subjectAreas[0].title\n    const libConcat = `/give/endowments/?q=&filters=subjectAreas.title.keyword:(${encodeURIComponent(searchLibrary)})`\n\n    // '/give/endowments?q=&filters={\\\"subjectAreas.title.keyword\\\":[\\\"' + encodeURIComponent(searchLibrary) + '\\\"]}'\n\n    return libConcat\n  } else {\n    return ''\n  }\n})\n\nconst parsedImage = computed(() => {\n  return page.value.heroImage[0].image[0]\n})\n\nconst catalogLink = computed(() => {\n  return `https://search.library.ucla.edu/discovery/search?query=lds04,contains,${page.value.spakCode},AND&tab=LibraryCatalog&search_scope=MyInstitution&vid=01UCS_LAL:UCLA&mode=advanced&offset=0`\n})\n\nfunction parsedDonorsForES(donors) {\n  return donors && donors.length > 0 ? computeDonors(donors) : ''\n}\n\nfunction computeDonors(donors) {\n  const donorNames = []\n  for (const donor of donors) {\n    let name = ''\n    if (\n      donor.firstName &&\n      donor.firstName !== '' &&\n      (!donor.lastName || donor.lastName === '')\n    ) {\n      name = donor.firstName\n    } else if (\n      donor.firstName &&\n      donor.firstName !== '' &&\n      donor.lastName &&\n      donor.lastName !== ''\n    ) {\n      name = donor.firstName + ' ' + donor.lastName\n    } else {\n      name = donor.lastName\n    }\n    if (name !== '') donorNames.push(name)\n  }\n\n  if (donorNames.length === 1) {\n    return `${donorNames[0]}`\n  } else {\n    const names = [\n      donorNames.slice(0, -1).join(', '),\n      donorNames.slice(-1)[0],\n    ].join(donorNames.length < 2 ? '' : ' and ')\n    return `${names}`\n  }\n}\n</script>\n\n<template>\n  <main\n    id=\"main\"\n    class=\"page page-endowments-detail\"\n  >\n    <NavBreadcrumb\n      to=\"/give/endowments/\"\n      :title=\"page.title\"\n      parent-title=\"Collection Endowments\"\n    />\n\n    <BannerText\n      :title=\"page.title\"\n      :text=\"page.text\"\n      :alternative-full-name=\"(page.alternativeName &&\n        page.alternativeName[0] &&\n        page.alternativeName[0].fullName) ||\n        ''\n      \"\n      :language=\"(page.alternativeName &&\n        page.alternativeName[0] &&\n        page.alternativeName[0].languageAltName) ||\n        ''\n      \"\n      button-text=\"Give Now\"\n      :to=\"page.to\"\n    />\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"divider\"\n        color=\"about\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <div class=\"description-with-image\">\n        <div class=\"description\">\n          <RichText\n            v-if=\"page.donors[0].lastName\"\n            class=\"donors\"\n          >\n            Made possible by a gift from {{ parsedDonors }}\n          </RichText>\n\n          <IconWithLink\n            v-if=\"page.subjectAreas[0]\"\n            class=\"subject-area\"\n            icon-name=\"svg-icon-book\"\n            :text=\"page.subjectAreas[0].title\"\n            :to=\"parsedSubjectAreaLink\"\n          />\n\n          <ul v-if=\"parsedAssociatedLocations.length > 0\">\n            <li\n              v-for=\"(\n                location, index\n              ) in parsedAssociatedLocations\"\n              :key=\"`AssociatedLocation-${location}-${index}`\"\n            >\n              <IconWithLink\n                class=\"associated-locations\"\n                icon-name=\"svg-icon-location\"\n                :text=\"location.title\"\n                :to=\"location.to\"\n              />\n            </li>\n          </ul>\n\n          <RichText\n            v-if=\"page.endowmentDescription\"\n            class=\"description-text\"\n            :rich-text-content=\"page.endowmentDescription\"\n          />\n          <NuxtLink\n            v-if=\"page.spakCode\"\n            class=\"catalog-link\"\n            :to=\"catalogLink\"\n          >\n            See all items purchased through this Endowment\n          </NuxtLink>\n        </div>\n\n        <ResponsiveImage\n          v-if=\"page.heroImage.length > 0\"\n          :media=\"parsedImage\"\n          class=\"bookplate\"\n        />\n      </div>\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"divider\"\n        color=\"about\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <BlockCallToAction\n        svg-name=\"svg-call-to-action-money\"\n        title=\"Give to this endowment\"\n        text=\"Your contributions help us build our collections for the benefit or our students, faculty, staff, and the general public.\"\n        name=\"Donate\"\n        :to=\"page.to\"\n      />\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-endowments-detail {\n  .description-with-image {\n    max-width: $container-l-main + px;\n    margin: 0 auto;\n    display: flex;\n    justify-content: space-between;\n    gap: 32px;\n    flex-wrap: wrap;\n\n    .bookplate {\n      width: 300px;\n      height: auto;\n      object-fit: contain;\n      align-self: start;\n    }\n  }\n\n  .description {\n    max-width: 596px;\n    display: flex;\n    flex-flow: column;\n    gap: 4px;\n\n    ul {\n      list-style: none;\n    }\n\n    .description-text {\n      padding-right: 0;\n      margin: 20px 0;\n    }\n  }\n\n  .donors {\n    @include step-1;\n    color: var(--color-primary-blue-03);\n    margin-bottom: 12px;\n    margin-left: 0;\n  }\n\n  .catalog-link {\n    font-family: var(--font-secodary);\n    font-size: 20px;\n    @include link-default;\n    text-decoration: none;\n\n    &:hover {\n      @include link-hover;\n    }\n\n    &::after {\n      content: \"\";\n      width: 22px;\n      height: 22px;\n      margin-left: 4px;\n      line-height: 1;\n      background-image: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzMiIHZpZXdCb3g9IjAgMCAzMiAzMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBjbGFzcz0ic3ZnX19pY29uLWV4dGVybmFsLWxpbmsiPgogIDxnIGNsaXAtcGF0aD0idXJsKCNhKSI+CiAgICA8cGF0aCBkPSJtMTEuODc4IDE5LjU2NzEgOS41NDE0LTkuNTQxNSIgc3Ryb2tlPSIjMEI2QUI3IiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InNxdWFyZSIKICAgICAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9InN2Z19fc3Ryb2tlLS1wcmltYXJ5LWJsdWUtMDMiIC8+CiAgICA8cGF0aAogICAgICBkPSJNMjIuNzA5MiAxOS41NjY3di43NWgtMS41di0uNzVoMS41Wm0tLjc1LTEwLjA4MTU5di0uNzVoLjc1di43NWgtLjc1Wm0tMTAuMDgxNS43NDk5OWgtLjc1VjguNzM1MTFoLjc1djEuNDk5OTlabTkuMzMxNSA5LjMzMTZWOS40ODUxMWgxLjVWMTkuNTY2N2gtMS41Wm0uNzUtOS4zMzE2SDExLjg3NzdWOC43MzUxMWgxMC4wODE1djEuNDk5OTlaIgogICAgICBmaWxsPSIjMEI2QUI3IiBjbGFzcz0ic3ZnX19maWxsLS1wcmltYXJ5LWJsdWUtMDMiIC8+CiAgICA8cGF0aCBkPSJNNyAyNS40NzQ0aDE0LjI4NTciIHN0cm9rZT0iIzBBQTVGRiIgc3Ryb2tlLXdpZHRoPSIxLjUiIGNsYXNzPSJzdmdfX3N0cm9rZS0tZGVmYXVsdC1jeWFuLTAzIiAvPgogIDwvZz4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iYSI+CiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIHRyYW5zZm9ybT0ibWF0cml4KC0xIDAgMCAxIDMyIDApIiBkPSJNMCAwaDMydjMyLjg2NDRIMHoiIC8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KPC9zdmc+\");\n      background-position: center;\n      background-repeat: no-repeat;\n      background-size: contain;\n      vertical-align: middle;\n      display: inline-block;\n    }\n  }\n\n  @media #{$medium} {\n    .description {\n      max-width: 100%;\n    }\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","ENDOWMENT_DETAIL","names"],"mappings":"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"}