{"version":3,"file":"C2GJdo_M.js","sources":["../../../../pages/collections/index.vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { BannerText, PageAnchor, BannerFeatured, FlexibleBlocks, ButtonMore, SectionWrapper, SectionTeaserHighlight, SectionTeaserCard, DividerWayFinder, SectionCardsWithIllustrations } from 'ucla-library-website-components'\n\n// HELPERS\nimport _get from 'lodash/get'\nimport format from 'date-fns/format'\nimport { onMounted } from 'vue'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport COLLECTIONS_LIST from '../gql/queries/CollectionsList.gql'\n\n// GET DATA-\nconst { $graphql, $getHeaders } = useNuxtApp()\nconst route = useRoute()\n\nconst { data, error } = await useAsyncData('collections-list', async () => {\n  const data = await $graphql.default.request(COLLECTIONS_LIST, {})\n  return { data }\n})\nif (error.value) {\n  throw createError({\n    ...error.value, statusMessage: 'Page not found.' + error.value, fatal: true\n  })\n}\n\nif (!data.value.data.entry && !data.value.data.entries) {\n  throw createError({ statusCode: 404, message: 'Page not found', fatal: true })\n}\nif (data.value.entry && import.meta.server) {\n  const { $elasticsearchplugin } = useNuxtApp()\n  const doc = {\n    title: data.value.entry.title,\n    text: data.value.entry.text,\n    uri: 'collections/'\n  }\n  await $elasticsearchplugin.index(doc, 'collections-list')\n}\n\nconst page = ref(_get(data.value.data, 'entry', {}))\nconst pageArticles = ref(_get(data.value.data, 'entries', []))\nconst pageArticleCount = ref(_get(data.value.data, 'entryCount', 0))\n\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled, newVal, oldVal', newVal, oldVal)\n  page.value = _get(newVal.data, 'entry', {})\n  pageArticles.value = _get(newVal.data, 'entries', [])\n  pageArticleCount.value = _get(newVal.data, 'entryCount', 0)\n})\n\nconst h2Array = ref([]) // anchor tags\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 parsedResources = computed(() => {\n  return page.value.featuredResourcesSection.map((obj) => {\n    return {\n      ...obj,\n      featuredResources: obj.featuredResources.map((item) => {\n        return {\n          ...item,\n          to: item.externalResourceUrl\n            ? item.externalResourceUrl\n            : `/${item.to}`,\n        }\n      }),\n    }\n  })\n})\n\nconst parsedCollections = computed(() => {\n  return page.value.featuredCollectionsSection[0]\n    ? page.value.featuredCollectionsSection[0]\n    : {}\n})\n\nconst parsedBannerFeatured = computed(() => {\n  const meta = page.value.featuredCollectionsSection[0].featuredCollections\n\n  return meta.map((obj) => {\n    return {\n      ...obj,\n      media: obj.heroImage[0].image[0],\n      title: _get(obj, 'title', ''),\n      titleLink: `/${obj.titleLink}`,\n      description: (obj, 'summary', ''),\n      category: obj.category\n        ? obj.category.join(', ')\n        : '',\n      to: _get(obj, 'button[0].buttonUrl', ''),\n      prompt: _get(obj, 'button[0].buttonText', ''),\n    }\n  })\n})\n\nconst parsedSectionHighlight = computed(() => {\n  if (\n    page.value.featuredCollectionsSection[0].featuredCollections\n      .length > 1\n  ) {\n    return page.value.featuredCollectionsSection[0].featuredCollections\n      .slice(1)\n      .map((obj) => {\n        return {\n          ...obj,\n          image: _get(obj, 'heroImage[0].image[0]', ''),\n          category: obj.category.join(', '),\n          to: `/${obj.uri}`,\n          text: obj.summary\n        }\n      })\n  } else {\n    return []\n  }\n})\n\nconst parsedArticles = computed(() => {\n  if (pageArticles.value) {\n    return pageArticles.value.map((obj) => {\n      const parsedCategories = parseArticleCategory(\n        obj.articleCategories\n      )\n      return {\n        ...obj,\n        to:\n          obj.externalResourceUrl != null\n            ? _get(obj, 'externalResourceUrl', '')\n            : `/${obj.to}`,\n        image: _get(obj, 'heroImage[0].image[0]', null),\n        category: parsedCategories,\n        bylineOne: parsedDate(obj.postDate),\n      }\n    })\n  } else {\n    return []\n  }\n})\n\nconst allCollectionsNewsLink = computed(() => {\n  if (page.value.locationType !== 'affiliateLibrary') {\n    const searchLibrary = 'Collections'\n    const libConcat = '/about/news/?q=&filters=articleCategory.title.keyword:(' + encodeURIComponent(searchLibrary) + ')'\n\n    return libConcat\n  } else {\n    return ''\n  }\n})\n\n// METHODS\nfunction parsedDate(postDate) {\n  return format(new Date(postDate), 'MMMM d, Y')\n}\n\nfunction parseArticleCategory(categories) {\n  let result = ''\n  categories.forEach((obj) => {\n    result = result + obj.title + ', '\n  })\n  return result.slice(0, -2)\n}\n\nonMounted(() => {\n  // Call the plugin to get the .section-header2 and .section-header3 elements\n  h2Array.value = $getHeaders.getHeadersMethod()\n})\n</script>\n\n<template lang=\"html\">\n  <main\n    id=\"main\"\n    class=\"page page-collections\"\n  >\n    <BannerText\n      class=\"banner-text\"\n      :title=\"page.title\"\n      :text=\"page.text\"\n    />\n\n    <SectionWrapper>\n      <DividerWayFinder class=\"divider divider-way-finder\" />\n    </SectionWrapper>\n\n    <PageAnchor\n      v-if=\"h2Array.length >= 3\"\n      :section-titles=\"h2Array\"\n    />\n\n    <SectionWrapper\n      :section-title=\"parsedResources[0].titleGeneral\"\n      :section-summary=\"parsedResources[0].sectionSummary\"\n    >\n      <SectionCardsWithIllustrations\n        v-if=\"parsedResources.length\"\n        :items=\"parsedResources[0].featuredResources\"\n        :is-horizontal=\"false\"\n        button-text=\"See More\"\n        to=\"/collections/access/\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <DividerWayFinder class=\"divider divider-way-finder\" />\n    </SectionWrapper>\n\n    <!-- FEATURED & HIGHLIGHTED -->\n    <SectionWrapper\n      :section-title=\"page.featuredCollectionsSection[0].titleGeneral\"\n      :section-summary=\"page.featuredCollectionsSection[0].sectionSummary\"\n    >\n      <BannerFeatured\n        v-if=\"page.featuredCollectionsSection.length > 0\"\n        class=\"banner banner-about\"\n        :media=\"parsedBannerFeatured[0].media\"\n        :title=\"parsedBannerFeatured[0].title\"\n        :description=\"parsedBannerFeatured[0].summary\"\n        :category=\"parsedBannerFeatured[0].category\"\n        :to=\"parsedBannerFeatured[0].to\"\n        :prompt=\"parsedBannerFeatured[0].prompt\"\n        :title-link=\"parsedBannerFeatured[0].titleLink\"\n      />\n\n      <SectionTeaserHighlight\n        v-if=\"parsedCollections.featuredCollections.length > 1\"\n        class=\"section-teaser-highlight\"\n        :items=\"parsedSectionHighlight\"\n      />\n\n      <nuxt-link\n        to=\"/collections/explore/\"\n        class=\"button-more\"\n      >\n        <ButtonMore text=\"Browse Collections\" />\n      </nuxt-link>\n    </SectionWrapper>\n\n    <!-- COLLECTION NEWS -->\n    <SectionWrapper>\n      <DividerWayFinder class=\"divider divider-way-finder\" />\n    </SectionWrapper>\n\n    <SectionWrapper section-title=\"Collections News\">\n      <SectionTeaserCard\n        class=\"section-teaser-card\"\n        :items=\"parsedArticles\"\n      />\n      <NuxtLink\n        v-if=\"pageArticleCount > 3\"\n        class=\"button-more\"\n        :to=\"allCollectionsNewsLink\"\n      >\n        <ButtonMore text=\"See All Collections News\" />\n      </NuxtLink>\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <DividerWayFinder class=\"divider divider-way-finder\" />\n    </SectionWrapper>\n\n    <!-- FLEXIBLE PAGE BLOCKS -->\n    <FlexibleBlocks\n      v-if=\"page.blocks\"\n      class=\"flexible-content\"\n      :blocks=\"page.blocks\"\n    />\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-collections {\n  .banner-text {\n    margin-top: var(--space-m);\n  }\n\n  .button-more {\n    margin: var(--space-2xl) auto;\n  }\n\n  .section-heading {\n    @include step-4;\n    color: var(--color-primary-blue-03);\n    margin: var(--space-xl) auto;\n    max-width: $container-l-main + px;\n  }\n\n  .section-teaser-highlight {\n    margin: var(--space-xl) auto;\n  }\n\n}\n</style>\n"],"names":["_withAsyncContext","data","COLLECTIONS_LIST","doc"],"mappings":"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"}