{"version":3,"file":"BLLoHtrg.js","sources":["../../../../pages/index.vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { MastheadPrimary, SectionWrapper, DividerWayFinder, ButtonMore, SectionTeaserCard, SectionTeaserHighlight, SectionDualMasonry, SectionCardsWithIllustrations, BannerFeatured, HeadingArrow, } from 'ucla-library-website-components'\n// HELPERS\nimport _get from 'lodash/get'\n\n// GQL\nimport HOMEPAGE from '../gql/queries/Homepage.gql'\n\nconst { $graphql } = useNuxtApp()\n\nconst { data, error } = await useAsyncData('home-page', async () => {\n  const data = await $graphql.default.request(HOMEPAGE)\n  return data\n})\nif (error.value) {\n  throw createError({\n    statusCode: error.value.statusCode, statusMessage: error.value.statusMessage + error.value, fatal: true\n  })\n}\nif (!data.value.entry) {\n  throw createError({\n    statusCode: 404,\n    statusMessage: 'Page Not Found',\n    fatal: true\n  })\n}\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.summary,\n    searchLinks: data.value.entry.searchLinks,\n    uri: '/'\n  }\n  await $elasticsearchplugin.index(doc, 'home-page')\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\nconst parsedAdvancedSearchLink = computed(() => {\n  // Last item in searchLinks\n  const advancedLink = page.value.searchLinks.slice(-1)[0]\n  return advancedLink\n})\nconst parsedSearchLinks = computed(() => {\n  // Remove last item in searchLinks\n  const searchLinks = [...page.value.searchLinks].slice(0, -1)\n  return searchLinks\n})\n\nconst parsedGetHelpWith = computed(() => {\n  return page.value.getHelpWith[0].getHelpWith.map((obj) => {\n    return {\n      ...obj,\n      to: obj.externalResourceUrl\n        ? obj.externalResourceUrl\n        : `/${obj.uri}`,\n    }\n  })\n})\nconst bannerFeaturedEvent = computed(() => {\n  const bannerFeaturedEvent = page.value.featuredEvents[0]\n  return {\n    ...bannerFeaturedEvent,\n    to: `/${bannerFeaturedEvent.uri}`,\n    title:\n      bannerFeaturedEvent.sectionHandle\n        === 'workshopOrEventSeries'\n        ? bannerFeaturedEvent.title\n        : bannerFeaturedEvent.eventTitle,\n    prompt:\n      bannerFeaturedEvent.sectionHandle\n        === 'workshopOrEventSeries'\n        ? 'View series'\n        : `View ${bannerFeaturedEvent.sectionHandle}`,\n    image: _get(bannerFeaturedEvent, 'heroImage[0].image[0]', null),\n    startDate:\n      bannerFeaturedEvent.sectionHandle === 'event'\n        ? _get(bannerFeaturedEvent, 'startDateWithTime', null)\n        : _get(bannerFeaturedEvent, 'startDate', null),\n    endDate:\n      bannerFeaturedEvent.sectionHandle === 'event'\n        ? _get(bannerFeaturedEvent, 'endDateWithTime', null)\n        : _get(bannerFeaturedEvent, 'endDate', null),\n    category: _get(bannerFeaturedEvent, 'category[0].title', ''),\n    description:\n      bannerFeaturedEvent.sectionHandle === 'event'\n        ? _get(bannerFeaturedEvent, 'eventDescription', '')\n        : _get(bannerFeaturedEvent, 'summary', ''),\n    locations:\n      bannerFeaturedEvent.associatedLocations[0] != null\n        ? bannerFeaturedEvent.associatedLocations\n        : bannerFeaturedEvent.eventLocation,\n  }\n})\n// TO DO need to update dates on component\nconst parsedDualMasonryEvents = computed(() => {\n  const masonaryEvents = page.value.featuredEvents.slice(1, 3)\n  return masonaryEvents.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.uri}`,\n      title:\n        obj.sectionHandle === 'workshopOrEventSeries'\n          ? obj.title\n          : obj.eventTitle,\n      image: _get(obj, 'heroImage[0].image[0]', null),\n      startDate:\n        obj.sectionHandle === 'event'\n          ? _get(obj, 'startDateWithTime', null)\n          : _get(obj, 'startDate', null),\n      endDate:\n        obj.sectionHandle === 'event'\n          ? _get(obj, 'endDateWithTime', null)\n          : _get(obj, 'endDate', null),\n      category: 'Featured',\n      prompt:\n        obj.sectionHandle === 'workshopOrEventSeries'\n          ? 'View series'\n          : `View ${obj.sectionHandle}`,\n    }\n  })\n})\nconst bannerFeaturedCollection = computed(() => {\n  const bannerFeaturedCollection = page.value.featuredCollections[0]\n  return {\n    ...bannerFeaturedCollection,\n    to: `/${bannerFeaturedCollection.uri}`,\n    image: _get(\n      bannerFeaturedCollection,\n      'heroImage[0].image[0]',\n      null\n    ),\n    category: bannerFeaturedCollection.category\n      ? bannerFeaturedCollection.category.toString()\n      : '',\n    description: _get(bannerFeaturedCollection, 'text', ''),\n    prompt: `View ${bannerFeaturedCollection.sectionHandle}`,\n  }\n})\nconst parsedSectionHighlightCollection = computed(() => {\n  const highlightCollections = page.value.featuredCollections.slice(1)\n  return highlightCollections.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.uri}`,\n      image: _get(obj, 'heroImage[0].image[0]', ''),\n      category: obj.category ? obj.category.toString() : '',\n    }\n  })\n})\n\nfunction parseArticleCategory(categories) {\n  if (!categories || categories.length === 0)\n    return ''\n  let result = ''\n  categories.forEach((obj) => {\n    result = `${result + obj.title}, `\n  })\n  return result.slice(0, -2)\n}\nconst bannerFeaturedNews = computed(() => {\n  const bannerFeaturedNews = page.value.featuredNews[0]\n  return {\n    ...bannerFeaturedNews,\n    to:\n      bannerFeaturedNews.externalResourceUrl != null\n        ? _get(bannerFeaturedNews, 'externalResourceUrl', '')\n        : `/${bannerFeaturedNews.to}`,\n    image: _get(bannerFeaturedNews, 'heroImage[0].image[0]', null),\n    // startDate: _get(bannerFeaturedNews, \"postDate\", null),\n    category: parseArticleCategory(\n      bannerFeaturedNews.articleCategories\n    ),\n    description: _get(bannerFeaturedNews, 'text', ''),\n    startDate: _get(bannerFeaturedNews, 'postDate', ''),\n    endDate: _get(bannerFeaturedNews, 'postDate', ''),\n    prompt: `View ${bannerFeaturedNews.sectionHandle}`,\n  }\n})\nconst parsedNewsList = computed(() => {\n  const newsList = page.value.featuredNews.slice(1)\n  return newsList.map((obj) => {\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]', ''),\n      category: parseArticleCategory(obj.articleCategories),\n      startDate: _get(obj, 'postDate', ''),\n      endDate: _get(obj, 'postDate', ''),\n    }\n  })\n})\n\nuseHead({\n  title: page.value?.title || '... loading',\n  meta: [\n    {\n      hid: 'description',\n      name: 'description',\n      content: 'The UCLA Library creates a vibrant nexus of ideas, collections, expertise, and spaces in which users illuminate solutions for local and global challenges. We constantly evolve to advance UCLA’s research, education, and public service mission by empowering and inspiring communities of scholars and learners to discover, access, create, share, and preserve knowledge.',\n    },\n  ],\n})\n</script>\n\n<template>\n  <main\n    id=\"main\"\n    class=\"page page-home\"\n  >\n    <!-- TODO elastic search testing -->\n    <!-- h4>Mapping:</h4>\n        <p>{{ mapping }}</p>\n        <h4>Search Responsee</h4>\n        <p>{{ searchResponse }}</p -->\n\n    <MastheadPrimary\n      :link-items=\"parsedSearchLinks\"\n      :advanced-search-link=\"parsedAdvancedSearchLink\"\n    />\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder\n        class=\"search-margin\"\n        color=\"help\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper class=\"section-no-top-margin\">\n      <SectionCardsWithIllustrations\n        class=\"section\"\n        :items=\"parsedGetHelpWith\"\n        :section-title=\"page.getHelpWith[0].titleGeneral\"\n        :section-summary=\"page.getHelpWith[0].sectionSummary\"\n        button-text=\"See All Services &amp; Resources\"\n        to=\"/help/services-resources/\"\n        :is-horizontal=\"false\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder color=\"visit\" />\n    </SectionWrapper>\n\n    <SectionWrapper class=\"section-banner\">\n      <BannerFeatured\n        :media=\"bannerFeaturedEvent.image\"\n        :to=\"bannerFeaturedEvent.to\"\n        :prompt=\"bannerFeaturedEvent.prompt\"\n        :title=\"bannerFeaturedEvent.title\"\n        :start-date=\"bannerFeaturedEvent.startDate\"\n        :end-date=\"bannerFeaturedEvent.endDate\"\n        :locations=\"bannerFeaturedEvent.associatedLocations\"\n        :align-right=\"false\"\n        :category=\"bannerFeaturedEvent.category\"\n      >\n        <HeadingArrow text=\"Featured Events &amp; Exhibitions\" />\n      </BannerFeatured>\n    </SectionWrapper>\n\n    <SectionWrapper class=\"section-dual-masonry\">\n      <SectionDualMasonry\n        v-if=\"parsedDualMasonryEvents.length > 0\"\n        :items=\"parsedDualMasonryEvents\"\n        to=\"/visit/events-exhibitions/\"\n        text=\"See All Events &amp; Exhibitions\"\n      />\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder color=\"default\" />\n    </SectionWrapper>\n\n    <SectionWrapper class=\"section-banner\">\n      <BannerFeatured\n        :media=\"bannerFeaturedCollection.image\"\n        :to=\"bannerFeaturedCollection.to\"\n        :title=\"bannerFeaturedCollection.title\"\n        :description=\"bannerFeaturedCollection.description\"\n        :category=\"bannerFeaturedCollection.category\"\n        :prompt=\"bannerFeaturedCollection.prompt\"\n        :align-right=\"true\"\n      >\n        <HeadingArrow text=\"Featured Collections\" />\n      </BannerFeatured>\n    </SectionWrapper>\n    <!-- fix card meta useroute add a check for route undefined-->\n    <SectionWrapper>\n      <SectionTeaserHighlight\n        v-if=\"parsedSectionHighlightCollection.length > 1\"\n        :items=\"parsedSectionHighlightCollection\"\n      />\n      <nuxt-link\n        to=\"/collections/explore/\"\n        class=\"button-more\"\n      >\n        <ButtonMore text=\"See All Featured Collections\" />\n      </nuxt-link>\n    </SectionWrapper>\n\n    <SectionWrapper theme=\"divider\">\n      <DividerWayFinder color=\"about\" />\n    </SectionWrapper>\n\n    <SectionWrapper class=\"section-banner\">\n      <BannerFeatured\n        :media=\"bannerFeaturedNews.image\"\n        :to=\"bannerFeaturedNews.to\"\n        :prompt=\"bannerFeaturedNews.prompt\"\n        :title=\"bannerFeaturedNews.title\"\n        :description=\"bannerFeaturedNews.description\"\n        :category=\"bannerFeaturedNews.category\"\n        :start-date=\"bannerFeaturedNews.startDate\"\n        :end-date=\"bannerFeaturedNews.endDate\"\n        :align-right=\"false\"\n      >\n        <HeadingArrow text=\"Featured News\" />\n      </BannerFeatured>\n    </SectionWrapper>\n\n    <SectionWrapper>\n      <SectionTeaserCard\n        v-if=\"parsedNewsList.length > 1\"\n        :items=\"parsedNewsList\"\n      />\n      <nuxt-link\n        to=\"/about/news/\"\n        class=\"button-more\"\n      >\n        <ButtonMore text=\"See All News\" />\n      </nuxt-link>\n    </SectionWrapper>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-home {\n  .button-more {\n    margin: var(--space-2xl) auto;\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","HOMEPAGE","doc","bannerFeaturedEvent","bannerFeaturedCollection","bannerFeaturedNews"],"mappings":"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"}