{"version":3,"file":"D2voyAkm.js","sources":["../../../../pages/collections/explore/[slug].vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { NavBreadcrumb, BannerText, BannerHeader, SectionWrapper, DividerWayFinder, PageAnchor, FlexibleBlocks, SimpleCards, SectionStaffArticleList, SectionStaffList } from 'ucla-library-website-components'\n\nimport { onMounted } from 'vue'\n\n// HELPERS\nimport _get from 'lodash/get'\nimport fixUri from '../utils/fixUri'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport COLLECTION_DETAIL from '../gql/queries/CollectionDetail.gql'\n\nconst { $graphql, $getHeaders, $elasticsearchplugin } = useNuxtApp()\n\nconst route = useRoute()\n\nconst { data, error } = await useAsyncData(`collection-detail-${route.params.slug}`, async () => {\n  const data = await $graphql.default.request(COLLECTION_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  throw createError({ statusCode: 404, message: 'Page not found', fatal: true })\n}\n\nif (data.value.entry.slug && import.meta.server) {\n  await $elasticsearchplugin.index(data.value.entry, route.params.slug)\n}\n\nconst page = ref(_get(data.value, 'entry', {}))\nconst h2Array = ref([]) // anchor tags\n\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 parsedPhysicalDigital = computed(() => {\n  return page.value.physicalDigital.length === 1\n    ? page.value.physicalDigital[0]\n    : `${page.value.physicalDigital[0]} & ${page.value.physicalDigital[1]}`\n})\n\nconst parsedButtonText = computed(() => {\n  return _get(page.value, 'buttonUrl[0].buttonText', '')\n})\n\nconst parsedButtonTo = computed(() => {\n  return _get(page.value, 'buttonUrl[0].buttonUrl', '')\n})\n\nconst parsedSubjectAreas = computed(() => {\n  return _get(page.value, 'subjectAreas', '')\n})\n\nconst parsedServicesAndResources = computed(() => {\n  const services = page.value.resourceServiceWorkshop\n  return services.map((obj) => {\n    return {\n      ...obj,\n      to: obj.externalResourceUrl\n        ? obj.externalResourceUrl\n        : `/${obj.to}`,\n      title: _get(obj, 'title', ''),\n      text: _get(obj, 'text', ''),\n    }\n  })\n})\n\nconst parsedEndowments = computed(() => {\n  if (page.value.endowment) {\n    return page.value.endowment.map((obj, index) => {\n      return {\n        to: `/${obj.to}`,\n        image: _get(obj, 'image[0].image[0]', null),\n        title: _get(obj, 'title', ''),\n        description: _get(obj, 'description', ''),\n        category:\n          obj.donors.length > 0 ? parsedDonors(obj) : '',\n      }\n    })\n  } else {\n    return ''\n  }\n})\n\nconst parsedAssociatedStaffMember = computed(() => {\n  return page.value.associatedStaffMember.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.to}`,\n      image: _get(obj, 'image[0]', null),\n      staffName: `${obj.nameFirst} ${obj.nameLast}`,\n      language: _get(\n        obj,\n        'alternativeName[0].languageAltName',\n        null\n      ),\n      alternativeFullName: _get(\n        obj,\n        'alternativeName[0].fullName',\n        null\n      ),\n      locations: _get(obj, 'locations', []).map((loc) => {\n        return {\n          ...loc,\n          uri: fixUri(loc.uri),\n        }\n      }),\n    }\n  })\n})\n\nfunction parsedDonors(obj) {\n  const donorNames = []\n  obj.donors.map((donor) => {\n    return donor.firstName === null\n      ? donorNames.push(`${donor.lastName}`)\n      : donorNames.push(`${donor.firstName} ${donor.lastName}`)\n  })\n\n  if (donorNames.length === 1) {\n    return `Donor: ${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 `Donors: ${names}`\n  }\n}\n\nonMounted(() => {\n  // Call the plugin method to get the .section-header2 and .section-header3 elements\n  h2Array.value = $getHeaders.getHeadersMethod()\n})\n</script>\n\n<template>\n  <main\n    id=\"main\"\n    class=\"page page-collection-detail\"\n  >\n    <NavBreadcrumb\n      to=\"/collections/explore/\"\n      :title=\"page.title\"\n      parent-title=\"Explore Collections\"\n    />\n\n    <BannerText\n      v-if=\"!page.heroImage || page.heroImage.length == 0\"\n      :title=\"page.title\"\n      :text=\"page.text\"\n      :subject-areas=\"page.subjectAreas\"\n      email=\"AskUs@library.ucla.edu\"\n      :button-text=\"parsedButtonText\"\n      :to=\"parsedButtonTo\"\n    />\n\n    <SectionWrapper\n      v-if=\"page.heroImage && page.heroImage.length == 1\"\n      class=\"section-banner\"\n    >\n      <BannerHeader\n        :media=\"page.heroImage[0].image[0]\"\n        :title=\"page.title\"\n        :text=\"page.text\"\n        :category=\"parsedPhysicalDigital\"\n        :subject-areas=\"page.subjectAreas\"\n        email=\"AskUs@library.ucla.edu\"\n        :prompt=\"parsedButtonText\"\n        :to=\"parsedButtonTo\"\n        :align-right=\"false\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"divider-way-finder\"\n        color=\"default\"\n      />\n    </SectionWrapper>\n\n    <PageAnchor\n      v-if=\"h2Array.length >= 3\"\n      :section-titles=\"h2Array\"\n    />\n\n    <!-- Using the Collection -->\n    <SectionWrapper\n      v-if=\"page.richTextSimplified\"\n      section-title=\"Using the Collection\"\n      :section-summary=\"page.richTextSimplified\"\n    >\n      <DividerWayFinder\n        v-if=\"page.blocks.length > 0\"\n        class=\"divider-way-finder\"\n        color=\"default\"\n      />\n    </SectionWrapper>\n\n    <!-- Flexible Page Blocks -->\n    <FlexibleBlocks\n      class=\"flexible-content\"\n      :blocks=\"page.blocks\"\n    />\n\n    <SectionWrapper\n      v-if=\"\n        parsedServicesAndResources.length > 0 ||\n          parsedEndowments.length > 0 ||\n          parsedAssociatedStaffMember.length > 0\n      \"\n      theme=\"divider\"\n    >\n      <DividerWayFinder\n        class=\"divider-way-finder\"\n        color=\"default\"\n      />\n    </SectionWrapper>\n\n    <!-- Services and Resources -->\n    <SectionWrapper\n      v-if=\"parsedServicesAndResources.length\"\n      section-title=\"Services &amp; Resources\"\n    >\n      <SimpleCards\n        :items=\"parsedServicesAndResources\"\n        class=\"section-header\"\n      />\n\n      <DividerWayFinder\n        v-if=\"\n          parsedEndowments.length > 0 ||\n            parsedAssociatedStaffMember.length > 0\n        \"\n        class=\"divider-way-finder\"\n        color=\"default\"\n      />\n    </SectionWrapper>\n\n    <!-- Endowments -->\n    <SectionWrapper\n      v-if=\"parsedEndowments.length\"\n      section-title=\"Collection Endowments\"\n    >\n      <SectionStaffArticleList\n        :items=\"parsedEndowments\"\n        class=\"block-staff-article-item\"\n      />\n\n      <DividerWayFinder\n        v-if=\"parsedAssociatedStaffMember.length > 0\"\n        class=\"divider-way-finder\"\n        color=\"default\"\n      />\n    </SectionWrapper>\n\n    <!-- Subject Specialist -->\n    <SectionWrapper\n      v-if=\"parsedAssociatedStaffMember.length > 0\"\n      section-title=\"Contact a Subject Specialist\"\n    >\n      <SectionStaffList :items=\"parsedAssociatedStaffMember\" />\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-collection-detail {\n  .section-teaser-card {\n    display: flex;\n    flex-direction: row;\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","COLLECTION_DETAIL","names"],"mappings":"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"}