{"version":3,"file":"rtRWxDba.js","sources":["../../../../pages/help/services-resources/[slug].vue"],"sourcesContent":["<script setup>\n// COMPONENTS\nimport { NavBreadcrumb, BannerText, BannerHeader, SectionTeaserList, SectionWrapper, BlockCallToAction, DividerWayFinder, PageAnchor, FlexibleBlocks, SectionCardsWithIllustrations } from '@ucla-library-monorepo/ucla-library-website-components'\n\nimport { onMounted } from 'vue'\n\n// HELPERS\nimport _get from 'lodash/get'\nimport removeTags from '../utils/removeTags'\n\n// GQL\nimport SERVICE_OR_RESOURCE_OR_WORKSHOPSERIES_DETAIL from '../gql/queries/ServiceOrResourceOrWorkshopDetail.gql'\n\nconst { $graphql, $getHeaders } = useNuxtApp()\nconst route = useRoute()\n\nconst { data, error } = await useAsyncData(`services-resources-detail-${route.params.slug}`, async () => {\n  const data = await $graphql.default.request(SERVICE_OR_RESOURCE_OR_WORKSHOPSERIES_DETAIL, { slug: route.params.slug, })\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.serviceOrResource && !data.value.workshopSeries) {\n  throw createError({ statusCode: 404, message: 'Page not found', fatal: true })\n}\n\nif (import.meta.prerender) {\n  const { index } = useIndexer()\n  if (data.value.workshopSeries) {\n    data.value.workshopSeries.sectionHandle = 'workshopSeries'\n    data.value.workshopSeries.serviceOrResourceType = 'workshop series'\n  }\n  await index(data.value.serviceOrResource || data.value.workshopSeries, route.params.slug)\n}\n\nconst page = ref(data.value)\nwatch(data, (newVal, oldVal) => {\n  // console.log('In watch preview enabled, newVal, oldVal', newVal, oldVal)\n  page.value = newVal\n})\n\nconst h2Array = ref([]) // anchor tags\n\nif (page.value) {\n  if (page.value.serviceOrResource) {\n    useHead({\n      title: page.value\n        ? page.value.serviceOrResource.title\n        : '... loading',\n      meta: [{\n        hid: 'description',\n        name: 'description',\n        content: removeTags(\n          page.value.serviceOrResource.text)\n      }]\n    })\n  }\n\n  if (page.value.workshopSeries) {\n    useHead({\n      title: page.value\n        ? page.value.workshopSeries.title\n        : '... loading',\n      meta: [{\n        hid: 'description',\n        name: 'description',\n        content: removeTags(\n          page.value.workshopSeries.summary)\n      }]\n    })\n  }\n}\n\n// Computed\nconst parsedServiceResourceAssociatedTopics = computed(() => {\n  if (!page.value.serviceOrResource.associatedTopics) return []\n  return page.value.serviceOrResource.associatedTopics.map((obj) => {\n    return {\n      ...obj,\n      to: obj.externalResourceUrl\n        ? obj.externalResourceUrl\n        : `/${obj.uri}`,\n    }\n  })\n})\n\nconst parsedWorkshopSeriesAssociatedTopics = computed(() => {\n  return page.value.workshopSeries.associatedTopics.map((obj) => {\n    return {\n      ...obj,\n      to: obj.externalResourceUrl\n        ? obj.externalResourceUrl\n        : `/${obj.uri}`,\n    }\n  })\n})\n\nconst parsedButtonText = computed(() => {\n  return _get(page.value.serviceOrResource, 'buttonUrl[0].buttonText', '')\n})\n\nconst parsedButtonTo = computed(() => {\n  return _get(page.value.serviceOrResource, 'buttonUrl[0].buttonUrl', '')\n})\n\nconst associatedEvents = computed(() => {\n  return page.value.workshopSeries.event.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.uri}`,\n      image: _get(obj, 'image[0].image[0]', null),\n      startDate: _get(obj, 'startDateWithTime', null),\n      endDate: _get(obj, 'endDateWithTime', null),\n      category: _get(obj, 'category.title', ''),\n    }\n  })\n})\n\nconst upcomingEvents = computed(() => {\n  return page.value.upcomingEvents.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.uri}`,\n      image: _get(obj, 'image[0].image[0]', null),\n      startDate: _get(obj, 'startDateWithTime', null),\n      endDate: _get(obj, 'endDateWithTime', null),\n      category: _get(obj, 'category[0].title', ''),\n      locations:\n        obj.associatedLocations[0] != null\n          ? obj.associatedLocations\n          : obj.eventLocation,\n    }\n  })\n})\n\nconst pastEvents = computed(() => {\n  return page.value.pastEvents.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.uri}`,\n      image: _get(obj, 'image[0].image[0]', null),\n      startDate: _get(obj, 'startDateWithTime', null),\n      endDate: _get(obj, 'endDateWithTime', null),\n      category: _get(obj, 'category[0].title', ''),\n      locations:\n        obj.associatedLocations[0] != null\n          ? obj.associatedLocations\n          : obj.eventLocation,\n    }\n  })\n})\n\nconst parsedAssociatedSeries = computed(() => {\n  return page.value.associatedSeries.map((obj) => {\n    return {\n      ...obj,\n      to: `/${obj.to}`,\n      image: _get(obj, 'image[0].image[0]', null),\n      category: 'Workshop Series',\n    }\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\n</script>\n\n<template>\n  <main\n    id=\"main\"\n    class=\"page page-service-detail\"\n  >\n    <!-- ServiceOrResource Detail -->\n    <div v-if=\"page.serviceOrResource\">\n      <NavBreadcrumb\n        to=\"/help/services-resources/\"\n        :title=\"page.serviceOrResource.title\"\n        parent-title=\"Services & Resources\"\n      />\n\n      <BannerText\n        v-if=\"\n          !page.serviceOrResource.heroImage ||\n            page.serviceOrResource.heroImage.length == 0 ||\n            !page.serviceOrResource.heroImage[0].image ||\n            page.serviceOrResource.heroImage[0].image.length == 0\n        \"\n        class=\"banner-text\"\n        :category=\"page.serviceOrResource.type\"\n        :title=\"page.serviceOrResource.title\"\n        :text=\"page.serviceOrResource.text\"\n        :button-text=\"parsedButtonText\"\n        :to=\"parsedButtonTo\"\n      />\n\n      <SectionWrapper\n        v-if=\"\n          page.serviceOrResource.heroImage &&\n            page.serviceOrResource.heroImage.length == 1 &&\n            page.serviceOrResource.heroImage[0].image &&\n            page.serviceOrResource.heroImage[0].image.length > 0\n        \"\n        class=\"section-banner\"\n      >\n        <BannerHeader\n          :media=\"page.serviceOrResource.heroImage[0].image[0]\"\n          :category=\"page.serviceOrResource.type\"\n          :title=\"page.serviceOrResource.title\"\n          :text=\"page.serviceOrResource.text\"\n          :prompt=\"parsedButtonText\"\n          :to=\"parsedButtonTo\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper theme=\"divider\">\n        <DividerWayFinder />\n      </SectionWrapper>\n\n      <PageAnchor\n        v-if=\"h2Array.length >= 3\"\n        :section-titles=\"h2Array\"\n      />\n\n      <FlexibleBlocks\n        class=\"content\"\n        :blocks=\"page.serviceOrResource.blocks\"\n      />\n\n      <SectionWrapper\n        v-if=\"parsedServiceResourceAssociatedTopics.length\"\n        theme=\"divider\"\n      >\n        <DividerWayFinder\n          class=\"divider-way-finder\"\n          color=\"help\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper>\n        <SectionCardsWithIllustrations\n          v-if=\"parsedServiceResourceAssociatedTopics.length\"\n          class=\"section-cards\"\n          :items=\"parsedServiceResourceAssociatedTopics\"\n          section-title=\"Associated Topics\"\n          button-text=\"All Services and Resources\"\n          to=\"/help/services-resources/\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper theme=\"divider\">\n        <DividerWayFinder\n          class=\"divider-way-finder\"\n          color=\"help\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper>\n        <BlockCallToAction\n          class=\"block-call-to-action\"\n          :is-global=\"true\"\n        />\n      </SectionWrapper>\n    </div>\n\n    <!-- WORKSHOP SERIES -->\n    <div v-else>\n      <NavBreadcrumb\n        to=\"/help/services-resources/\"\n        :title=\"page.workshopSeries.title\"\n        parent-title=\"Services & Resources\"\n      />\n\n      <BannerText\n        v-if=\"\n          page.workshopSeries &&\n            (page.workshopSeries.image.length == 0 ||\n              !page.workshopSeries.image[0].image ||\n              page.workshopSeries.image[0].image.length == 0)\n        \"\n        :title=\"page.workshopSeries.title\"\n        :text=\"page.workshopSeries.summary\"\n        :locations=\"page.workshopSeries.associatedLocations\"\n        :start-date=\"page.workshopSeries.startDate\"\n        :end-date=\"page.workshopSeries.endDate\"\n        category=\"Workshop Series\"\n      />\n\n      <SectionWrapper\n        v-if=\"\n          page.workshopSeries.image &&\n            page.workshopSeries.image.length == 1 &&\n            page.workshopSeries.image[0].image &&\n            page.workshopSeries.image[0].image.length > 0\n        \"\n        class=\"section-banner\"\n      >\n        <BannerHeader\n          :media=\"page.workshopSeries.image[0].image[0]\"\n          :title=\"page.workshopSeries.title\"\n          :locations=\"page.workshopSeries.associatedLocations\"\n          :start-date=\"page.workshopSeries.startDate\"\n          :end-date=\"page.workshopSeries.endDate\"\n          category=\"Workshop Series\"\n          :text=\"page.workshopSeries.summary\"\n          :align-right=\"true\"\n        />\n\n        <SectionWrapper theme=\"divider\">\n          <DividerWayFinder color=\"help\" />\n        </SectionWrapper>\n      </SectionWrapper>\n\n      <FlexibleBlocks\n        v-if=\"page.workshopSeries.blocks.length > 0\"\n        class=\"content\"\n        :blocks=\"page.workshopSeries.blocks\"\n      />\n\n      <SectionWrapper\n        v-if=\"page.workshopSeries.blocks.length > 0\"\n        theme=\"divider\"\n      >\n        <DividerWayFinder\n          class=\"divider-way-finder\"\n          color=\"help\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper\n        v-if=\"upcomingEvents.length\"\n        section-title=\"Upcoming Workshops in this Series\"\n      >\n        <SectionTeaserList\n          v-if=\"upcomingEvents\"\n          :items=\"upcomingEvents\"\n          class=\"section section-list\"\n        />\n        <DividerGeneral v-if=\"pastEvents.length\" />\n      </SectionWrapper>\n\n      <SectionWrapper\n        v-if=\"pastEvents.length\"\n        section-title=\"Past Workshops in this Series\"\n      >\n        <SectionTeaserList\n          v-if=\"pastEvents\"\n          :items=\"pastEvents\"\n          class=\"section section-list\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper\n        v-if=\"page.upcomingEvents.length || page.pastEvents.length\"\n        theme=\"divider\"\n      >\n        <DividerWayFinder\n          class=\"divider-way-finder\"\n          color=\"help\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper\n        v-if=\"parsedAssociatedSeries.length\"\n        section-title=\"Related Series\"\n      >\n        <SectionTeaserList :items=\"parsedAssociatedSeries\" />\n      </SectionWrapper>\n\n      <SectionWrapper\n        v-if=\"parsedAssociatedSeries.length\"\n        theme=\"divider\"\n      >\n        <DividerWayFinder\n          class=\"divider-way-finder\"\n          color=\"help\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper>\n        <SectionCardsWithIllustrations\n          v-if=\"parsedWorkshopSeriesAssociatedTopics.length > 0\"\n          class=\"section-cards\"\n          :items=\"parsedWorkshopSeriesAssociatedTopics\"\n          section-title=\"Associated Topics\"\n        />\n      </SectionWrapper>\n\n      <SectionWrapper>\n        <BlockCallToAction\n          class=\"block-call-to-action\"\n          :is-global=\"true\"\n        />\n      </SectionWrapper>\n    </div>\n  </main>\n</template>\n\n<style lang=\"scss\" scoped>\n.page-service-detail {\n  .more-info {\n    @include visually-hidden;\n  }\n}\n</style>\n"],"names":["_withAsyncContext","data","SERVICE_OR_RESOURCE_OR_WORKSHOPSERIES_DETAIL"],"mappings":"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"}