{"version":3,"file":"vJ9YRYWr.js","sources":["../../../../components/shared/links-content.vue","../../../../components/shared/accordion.vue","../../../../components/shared/pathways-one.vue","../../../../components/shared/flexible-layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { SharedLinksContent } from '@/types/shared/links-content'\nimport gsap from 'gsap'\n\nconst props = defineProps({\n  content: Object as PropType<SharedLinksContent>\n})\n\nconst showLinks = ref(false)\nconst linksContainer = ref(null)\n\nfunction toggleLinks() {\n  if (showLinks.value) {\n    gsap.to(linksContainer.value, {\n      height: 0,\n      duration: 0.5,\n      ease: 'power2.inOut',\n      onComplete: () => {\n        showLinks.value = false\n      }\n    })\n  } else {\n    gsap.set(linksContainer.value, { height: 'auto' })\n    gsap.from(linksContainer.value, {\n      height: 0,\n      duration: 0.5,\n      ease: 'power2.inOut',\n      onComplete: () => {\n        showLinks.value = true\n      }\n    })\n  }\n}\n</script>\n\n<template>\n  <div class=\"shared-linksContent\">\n    <div class=\"container\">\n      <div class=\"row justify-between xl:flex\">\n        <div\n          class=\"column xl:w-4/12 xl-max:hidden\"\n          v-if=\"content?.links.length > 0\"\n        >\n          <div class=\"z-30 rounded-[30px] bg-light-pale-blue p-20 text-black\">\n            <h3\n              class=\"copy-sm block rounded-[10px] bg-white px-15 py-10 font-semibold\"\n            >\n              {{ content?.pageHeading }}\n            </h3>\n\n            <NuxtLink\n              v-for=\"(item, index) in content?.links\"\n              :key=\"index\"\n              :to=\"item.url\"\n              noPrefetch\n              class=\"copy-sm my-10 block rounded-[10px] px-15 hover:underline\"\n            >\n              {{ item.text }}\n            </NuxtLink>\n          </div>\n        </div>\n\n        <div\n          class=\"column w-full md:w-10/12 xl:hidden xl-max:mx-auto\"\n          v-if=\"content?.links.length > 0\"\n        >\n          <ul\n            class=\"shared-linksContent__filter mb-40 overflow-hidden rounded-[20px] border bg-light-pale-blue\"\n          >\n            <li\n              class=\"shared-linksContent__button flex items-center justify-between py-20 pl-30\"\n              @click=\"toggleLinks\"\n            >\n              <span class=\"copy-sm pr-10 font-semibold\">{{\n                content?.pageHeading\n              }}</span>\n              <SvgIcon name=\"filter\" class=\"mr-20 h-[14px] w-[16px]\" />\n            </li>\n\n            <div\n              ref=\"linksContainer\"\n              class=\"shared-linksContent__content z-10 h-0 w-full\"\n            >\n              <div class=\"space-y-20 border-t py-20\">\n                <NuxtLink\n                  v-for=\"(item, index) in content?.links\"\n                  :key=\"index\"\n                  :to=\"item.url\"\n                  noPrefetch\n                  class=\"copy-sm block pl-30 pr-5 hover:underline\"\n                >\n                  {{ item.text }}\n                </NuxtLink>\n              </div>\n            </div>\n          </ul>\n        </div>\n\n        <div\n          class=\"column w-full md:w-10/12 xl-max:mx-auto\"\n          :class=\"{\n            'xl:w-8/12': content?.links.length > 0,\n            'md:w-8/12 xl:mx-auto': content?.links.length === 0\n          }\"\n        >\n          <SharedContent :content=\"content?.body\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { SharedAccordion } from '@/types/shared/accordion'\nimport gsap from 'gsap'\nimport { ref } from 'vue'\nimport { cssEasings } from '@/helpers/easings'\n\nconst props = defineProps({\n  content: Object as PropType<SharedAccordion>\n})\n\nconst openStates = ref(props.content?.accordions.map(() => false))\nconst contentRefs = ref([])\nconst chevronRefs = ref([])\n\nfunction toggle(index: number) {\n  openStates.value[index] = !openStates.value[index]\n\n  const element = contentRefs.value[index]\n  const chevron = chevronRefs.value[index]\n\n  if (openStates.value[index]) {\n    gsap.to(element, {\n      height: 'auto',\n      duration: 0.5,\n      ease: cssEasings.default\n    })\n    gsap.to(chevron, { rotate: -180 })\n  } else {\n    gsap.to(element, { height: 0, duration: 0.5, ease: cssEasings.default })\n    gsap.to(chevron, { rotate: 0 })\n  }\n}\n</script>\n\n<template>\n  <div class=\"shared-accordion container\" v-if=\"content?.accordions\">\n    <div class=\"row\">\n      <div\n        v-for=\"(item, index) in content?.accordions\"\n        :key=\"index\"\n        class=\"column mx-auto w-full md:w-10/12 xl:w-8/12\"\n      >\n        <div class=\"w-full overflow-hidden\" v-if=\"item.heading\">\n          <button\n            class=\"shared-accordion__button flex w-full cursor-pointer items-center justify-between border-t py-20\"\n            @click=\"toggle(index)\"\n          >\n            <h5 class=\"heading-sm mr-10 text-left font-semibold\">\n              {{ item.heading }}\n            </h5>\n\n            <span\n              ref=\"chevronRefs\"\n              class=\"mr-10 h-15 w-15 flex-shrink-0 origin-center text-blue\"\n            >\n              <SvgIcon name=\"chevron\" class=\"h-full w-full\" />\n            </span>\n          </button>\n\n          <div ref=\"contentRefs\" class=\"shared-accordion__content h-0\">\n            <div class=\"pb-40\">\n              <SharedContent :content=\"item.body\" />\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport type { PropType } from 'vue'\nimport type { PathwaysOne } from '@/types/shared/pathways-iframe'\n\ndefineProps({\n  content: Object as PropType<PathwaysOne>\n})\n\nconst route = useRoute()\n\nonMounted(() => {\n  const script = document.createElement('script')\n  script.src = 'https://www.career-pathways.co.uk/assets/js/pathways-loader.js'\n  script.setAttribute('data-key', '57efa6bce9b229f152e48e7a44ff962e')\n  script.async = true\n  script.crossOrigin = 'anonymous'\n  document.body.appendChild(script)\n})\n</script>\n\n<template>\n  <div class=\"\">\n    <Head>\n      <Meta :name=\"`pathways:title`\" :content=\"content?.title\" />\n      <Meta :name=\"`pathways:type`\" :content=\"content?.qualification\" />\n      <Meta :name=\"`pathways:level`\" :content=\"content?.courseLevel\" />\n      <Meta :name=\"`pathways:url`\" :content=\"computed(() => route.path)\" />\n    </Head>\n\n    <div class=\"container\">\n      <div class=\"row\">\n        <div class=\"column relative w-full md:w-10/12 xl:w-6/12\">\n          <div id=\"pathways-3daf46\" data-subject=\"automap\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped></style>\n","<script setup lang=\"ts\">\nimport SharedFullWidthCta from '@/components/shared/full-width-cta.vue'\nimport type { FlexibleLayout } from '@/types/shared/flexible-layout'\nimport SharedFeaturedEvents from '@/components/shared/featured-events.vue'\nimport SharedFeaturedNews from '@/components/shared/featured-news.vue'\nimport SharedFeaturedCaseStudies from '@/components/shared/featured-case-studies.vue'\nimport SharedImageContent from '@/components/shared/image-content.vue'\nimport SharedCtaAlt from '@/components/shared/cta-alt.vue'\nimport SharedLinksContent from '@/components/shared/links-content.vue'\nimport SharedMoreToExplore from '@/components/shared/more-to-explore.vue'\nimport SharedCentralisedContent from '@/components/shared/centralised-content.vue'\nimport SharedAccordion from '@/components/shared/accordion.vue'\nimport SharedTestimonialMarquee from '@/components/shared/testimonial-marquee.vue'\nimport Form from '@/components/shared/form.vue'\nimport PathwaysIframe from './pathways-iframe.vue'\nimport PathwaysOne from './pathways-one.vue'\n\nconst props = defineProps({\n  content: Object as PropType<FlexibleLayout>\n})\n\nconst getComponent = (name: String) => {\n  switch (name) {\n    case 'full_width_cta':\n      return SharedFullWidthCta\n    case 'featured_events':\n      return SharedFeaturedEvents\n    case 'featured_news':\n      return SharedFeaturedNews\n    case 'image_content':\n      return SharedImageContent\n    case 'cta_alt':\n      return SharedCtaAlt\n    case 'links_content':\n      return SharedLinksContent\n    case 'more_to_explore':\n      return SharedMoreToExplore\n    case 'centralised_content':\n      return SharedCentralisedContent\n    case 'testimonial_marquee':\n      return SharedTestimonialMarquee\n    case 'featured_case_studies':\n      return SharedFeaturedCaseStudies\n    case 'accordion':\n      return SharedAccordion\n    case 'form':\n      return Form\n    case 'pathways_iframe':\n      return PathwaysIframe\n    case 'pathways_one':\n      return PathwaysOne\n  }\n}\n\nfunction getClasses(component, index) {\n  const total = props.content.length\n\n  const hasBackgroundColor = !!component.background_colour\n  const nextComponent = index < total - 1 ? props.content[index + 1] : null\n  const nextHasNoBackground = !nextComponent || !nextComponent.background_colour\n  const nextHasDifferentBackground =\n    nextComponent &&\n    component.background_colour !== nextComponent.background_colour\n\n  return {\n    [component.background_colour]: hasBackgroundColor,\n    'has-background':\n      hasBackgroundColor && (nextHasNoBackground || nextHasDifferentBackground),\n    [`has-background--${component.background_colour}`]: hasBackgroundColor,\n    'has-roundedBottom':\n      hasBackgroundColor && (nextHasNoBackground || nextHasDifferentBackground),\n    'last-component': index === total - 1\n  }\n}\n\nfunction empty(val) {\n  if (\n    val === undefined ||\n    val === null ||\n    val === '' ||\n    (Array.isArray(val) && val.length === 0) ||\n    (typeof val === 'object' && !Object.keys(val).length)\n  ) {\n    return true\n  }\n\n  return (\n    typeof val === 'number' ||\n    typeof val === 'boolean' ||\n    typeof val === 'function' ||\n    val instanceof Date\n  )\n}\n\nfunction isObjectEmpty(obj) {\n  return Object.values(obj).every(val => empty(val))\n}\n\nfunction getFilteredClasses(component, index) {\n  // Get the classes object and filter out keys where value is not true\n  const classes = getClasses(component, index)\n  return (\n    Object.keys(classes)\n      .filter(key => classes[key]) // Ensure only keys with true values are included\n      .join(' ') + ' shared-flexibleLayout__component'\n  )\n}\n</script>\n\n<template>\n  <div class=\"shared-flexibleLayout flex flex-col\">\n    <div\n      v-for=\"(component, index) in content\"\n      :key=\"index\"\n      :class=\"getFilteredClasses(component, index)\"\n    >\n      <component\n        :content=\"component.data\"\n        :id=\"component.id\"\n        :is=\"getComponent(component.name)\"\n        v-if=\"!isObjectEmpty(component.data)\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["showLinks","ref","linksContainer","toggleLinks","gsap","openStates","_a","__props","contentRefs","chevronRefs","toggle","index","element","chevron","cssEasings","route","useRoute","onMounted","script","props","getComponent","name","SharedFullWidthCta","SharedFeaturedEvents","SharedFeaturedNews","SharedImageContent","SharedCtaAlt","SharedLinksContent","SharedMoreToExplore","SharedCentralisedContent","SharedTestimonialMarquee","SharedFeaturedCaseStudies","SharedAccordion","Form","PathwaysIframe","PathwaysOne","getClasses","component","total","hasBackgroundColor","nextComponent","nextHasNoBackground","nextHasDifferentBackground","empty","val","isObjectEmpty","obj","getFilteredClasses","classes","key"],"mappings":"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"}