{"version":3,"file":"BkPvi9lc.js","sources":["../../../../components/landing/Breadcrumbs.vue"],"sourcesContent":["<template>\n  <div class=\"breadcrumbs\" :class=\"`color-${colorType}`\">\n    <div class=\"breadcrumb\" v-for=\"(breadcrumb, i) in breadcrumbs\">\n      <NuxtLink\n        :href=\"breadcrumb.to\"\n        v-if=\"breadcrumb.label == 'Home'\"\n        aria-label=\"Home\"\n      >\n        <span class=\"m-cgg-icon--home\" />\n      </NuxtLink>\n      <NuxtLink :href=\"breadcrumb.to\" v-else-if=\"!breadcrumb.current\">{{\n        breadcrumb.label\n      }}</NuxtLink>\n      <span class=\"current\" v-else>{{ breadcrumb.label }}</span>\n      <span\n        class=\"m-cgg-icon--chevron-right\"\n        v-if=\"i < breadcrumbs.length - 1\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nwithDefaults(defineProps<{ colorType?: \"light\" | \"dark\" | \"\" }>(), {\n  colorType: \"light\",\n});\n\nconst { path } = useRoute();\nconst config = useRuntimeConfig();\n\nconst route = useRoute();\n\nlet { data: linkData } = await useStoryblokApi().get(\"cdn/links\", {\n  version: config.public.storyblokVersion as \"published\" | \"draft\" | undefined,\n  starts_with: `${path.split(\"/\")[1]}`,\n});\n\nlet fullPath = \"\";\nconst breadcrumbs = [\n  {\n    to: \"/\",\n    label: \"Home\",\n    current: false,\n  },\n  ...route.path\n    .split(\"/\")\n    .filter((b) => b)\n    .map((b) => {\n      fullPath += `/${b}`;\n\n      return {\n        to: fullPath,\n        label: linkData.links\n          ? (\n              Object.values(linkData.links).find(\n                (l: any) => `/${l.slug.replace(/\\/$/, \"\")}` == fullPath\n              ) as { name: string }\n            )?.name\n          : undefined,\n        current: fullPath == route.path.replace(/\\/$/, \"\"),\n      };\n    }),\n];\n</script>\n\n<style lang=\"scss\" scoped>\n.breadcrumbs {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n  margin-bottom: 16px;\n\n  @media screen and (min-width: $break-md-min) {\n    margin-bottom: 24px;\n  }\n\n  .breadcrumb {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    user-select: none;\n\n    a {\n      display: flex;\n      align-items: center;\n      transition: all 0.2s ease-in-out;\n\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  }\n\n  &.color-light {\n    .breadcrumb {\n      a {\n        color: $dark-blue;\n\n        &:hover {\n          color: $main-green;\n        }\n      }\n    }\n\n    .current {\n      @include text-gradient-cja;\n    }\n  }\n\n  &.color-dark {\n    .breadcrumb {\n      span,\n      a {\n        color: $white;\n\n        &:hover {\n          color: $bright-green;\n        }\n      }\n    }\n\n    .current {\n      color: $white;\n    }\n  }\n}\n</style>\n"],"names":["path","useRoute","config","useRuntimeConfig","route","linkData","__temp","__restore","_withAsyncContext","useStoryblokApi","fullPath","breadcrumbs","b","_a"],"mappings":"6UA2BM,KAAA,CAAE,KAAAA,CAAK,EAAIC,EAAS,EACpBC,EAASC,EAAiB,EAE1BC,EAAQH,EAAS,EAEvB,GAAI,CAAE,KAAMI,CAAS,GAAI,CAAAC,EAAAC,CAAA,EAAAC,EAAA,IAAMC,IAAkB,IAAI,YAAa,CAChE,QAASP,EAAO,OAAO,iBACvB,YAAa,GAAGF,EAAK,MAAM,GAAG,EAAE,CAAC,CAAC,EAAA,CACnC,CAAA,mBAEGU,EAAW,GACf,MAAMC,EAAc,CAClB,CACE,GAAI,IACJ,MAAO,OACP,QAAS,EACX,EACA,GAAGP,EAAM,KACN,MAAM,GAAG,EACT,OAAQQ,GAAMA,CAAC,EACf,IAAKA,GAAM,OACV,OAAAF,GAAY,IAAIE,CAAC,GAEV,CACL,GAAIF,EACJ,MAAOL,EAAS,OAEVQ,EAAA,OAAO,OAAOR,EAAS,KAAK,EAAE,KAC3B,GAAW,IAAI,EAAE,KAAK,QAAQ,MAAO,EAAE,CAAC,IAAMK,KADjD,YAAAG,EAGC,KACH,OACJ,QAASH,GAAYN,EAAM,KAAK,QAAQ,MAAO,EAAE,CACnD,CACD,CAAA,CACL"}