{"version":3,"file":"QqzKNNdo.js","sources":["../../../../src/components/components/views/subNav/SubNav.vue"],"sourcesContent":["<template>\n  <ContainerBasic\n    v-if=\"!error && showSubNav\"\n    classes=\"max-w-screen-xl mx-auto my-md print:hidden\"\n    data-testid=\"subNav\"\n  >\n    <section>\n      <div\n        class=\"flex flex-col justify-between text-sm mb-xs px-sm text-primary-base gap-y-xs md:flex-row\"\n      >\n        <div class=\"text-left md:text-left\">\n          <LinkBasic\n            v-if=\"state.overviewEntry.link\"\n            data-testid=\"subNav-back\"\n            :label=\"`${state.overviewEntry.label}`\"\n            :link=\"state.overviewEntry.link\"\n            :filter-params=\"queryParams\"\n            target=\"_self\"\n            icon=\"fas fa-chevron-left\"\n            :icon-position=\"EPosition.LEFT\"\n            class=\"text-primary-base\"\n          />\n        </div>\n        <div\n          v-if=\"state.nextEntry.link || state.prevEntry.link\"\n          class=\"flex justify-between space-x-0 text-center md:space-x-md md:text-right\"\n        >\n          <LinkBasic\n            v-if=\"state.prevEntry.link !== null\"\n            data-testid=\"subNav-prev\"\n            :label=\"`${t(state.prevEntry.label)}`\"\n            :link=\"state.prevEntry.link\"\n            :filter-params=\"queryParams\"\n            target=\"_self\"\n            icon=\"fas fa-chevron-left\"\n            :icon-position=\"EPosition.LEFT\"\n            class=\"text-primary-base\"\n          />\n          <LinkBasic\n            v-if=\"state.nextEntry.link !== null\"\n            data-testid=\"subNav-next\"\n            :label=\"`${t(state.nextEntry.label)}`\"\n            :link=\"state.nextEntry.link\"\n            :filter-params=\"queryParams\"\n            target=\"_self\"\n            icon=\"fas fa-chevron-right\"\n            class=\"text-primary-base\"\n          />\n        </div>\n      </div>\n      <div\n        v-if=\"\n          'tags' in (pageData as any)[pageData.typeHandle] &&\n          (pageData as any)[pageData.typeHandle]?.tags?.length > 0\n        \"\n        class=\"flex flex-wrap content-center bg-background-base-opc50 p-sm gap-sm rounded-alt-lg\"\n      >\n        <div\n          v-for=\"tag in (pageData as any)[pageData.typeHandle]\n            .tags as TagData[]\"\n          :key=\"tag.id\"\n        >\n          <NuxtLink\n            v-if=\"state.overviewEntry.link\"\n            class=\"text-center text-white cursor-pointer rounded-alt-md px-sm py-2xs bg-primary-base\"\n            :to=\"{\n              path: state.overviewEntry.link,\n              query: { tags: encodeURI(JSON.stringify([tag.id])) },\n            }\"\n          >\n            {{ tag.title }}\n          </NuxtLink>\n        </div>\n      </div>\n    </section>\n  </ContainerBasic>\n  <div v-else>\n    <LoadingError />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { PageTypeHandle } from '@/@types/type-handle';\nimport { EPosition } from '@/@types/basic-link';\nimport LinkBasic from '@/components/components/core/basicLink/basic-link.vue';\nimport ContainerBasic from '@/components/components/container-basic.vue';\nimport type { CMSPage } from '~~/src/composables/useLoadCMSPage';\nimport type {\n  postBody,\n  Result,\n} from '~~/src/server/api/[site]/content/navigation/siblings.post';\nimport { useCachedPost } from '~~/src/composables/dataFetching/genericFetchers.js';\nimport type { BaseSubPageData } from '~~/src/server/transformers/page/subPage';\nimport type { TagData } from '~~/src/server/transformers/EntityTransformers/utils';\nimport { LoadingError } from '@/complib';\nimport { handleLoadingError } from '~/utils/handleLoadingError';\n\nconst { t } = useTrans();\n\nconst subNav_allowedTypeHandles = [\n  PageTypeHandle.EVENT,\n  PageTypeHandle.POST,\n  PageTypeHandle.ROOMPLANNING_REFERENCE,\n  PageTypeHandle.OFFICE,\n  PageTypeHandle.SERVICE,\n  PageTypeHandle.AGREEMENT,\n  PageTypeHandle.OFFER,\n  PageTypeHandle.PERSON,\n];\n\nconst props = defineProps({\n  pageData: {\n    type: Object as PropType<BaseSubPageData>,\n    required: true,\n    default: {} as CMSPage,\n  },\n});\n\nconst state = getState();\nconst error = ref(false);\n\nconst showSubNav = shouldShowSubnav();\n\nconst router = useRouter();\nconst queryParams = useRouter().currentRoute.value.query;\n\nawait init();\n\n/**\n * Functions\n */\nasync function init() {\n  if (showSubNav && props.pageData) {\n    try {\n      const params: postBody = getParams();\n      const site = useSiteIdent();\n      const data: Result = (\n        await useCachedPost(`/api/${site}/content/navigation/siblings`, params)\n      ).data.value;\n\n      state.nextEntry = data.nextEntry;\n      state.prevEntry = data.prevEntry;\n\n      state.overviewEntry.link = props.pageData.parentPage?.link;\n      state.overviewEntry.label = props.pageData.parentPage?.title;\n    } catch (e) {\n      error.value = true;\n      handleLoadingError(e);\n    }\n  }\n}\n\nfunction getState(): SubNavEntry {\n  return {\n    nextEntry: { label: null, link: null },\n    prevEntry: { label: null, link: null },\n    overviewEntry: { label: null, link: null },\n  };\n}\n\nfunction shouldShowSubnav() {\n  return subNav_allowedTypeHandles.includes(props.pageData.typeHandle);\n}\n\nfunction getParams(): postBody {\n  const urlParams = router.currentRoute.value.query;\n  const params: Record<string, any> = {};\n  Object.keys(urlParams).forEach((cur) => {\n    try {\n      params[cur] = JSON.parse(decodeURI(urlParams[cur] as string));\n    } catch {\n      // Do nothing\n    }\n  });\n  return {\n    params: {\n      ...params,\n      id: props.pageData.id,\n      sectionId: props.pageData.sectionId,\n      treeParent: props.pageData.parentPage?.id,\n    },\n    typeHandle: props.pageData.typeHandle,\n    pageUri: props.pageData.uri,\n  };\n}\n\ntype SubNavEntry = {\n  nextEntry: { label: string; link: string };\n  prevEntry: { label: string; link: string };\n  overviewEntry: { label: string; link: string };\n};\n</script>\n<style scoped lang=\"postcss\"></style>\n"],"names":["t","useTrans","subNav_allowedTypeHandles","PageTypeHandle","props","__props","state","getState","error","ref","showSubNav","shouldShowSubnav","router","useRouter","queryParams","__temp","__restore","_withAsyncContext","init","params","getParams","site","useSiteIdent","data","useCachedPost","_a","_b","e","handleLoadingError","urlParams","cur"],"mappings":"syBAiGM,KAAA,CAAE,EAAAA,GAAMC,IAERC,EAA4B,CAChCC,EAAe,MACfA,EAAe,KACfA,EAAe,uBACfA,EAAe,OACfA,EAAe,QACfA,EAAe,UACfA,EAAe,MACfA,EAAe,MAAA,EAGXC,EAAQC,EAQRC,EAAQC,IACRC,EAAQC,EAAI,EAAK,EAEjBC,EAAaC,IAEbC,EAASC,IACTC,EAAcD,EAAA,EAAY,aAAa,MAAM,MAEnD,CAAAE,EAAAC,CAAA,EAAAC,EAAA,IAAMC,EAAA,CAAK,cAKX,eAAeA,GAAO,SAChB,GAAAR,GAAcN,EAAM,SAClB,GAAA,CACF,MAAMe,EAAmBC,IACnBC,EAAOC,IACPC,GACJ,MAAMC,EAAc,QAAQH,CAAI,+BAAgCF,CAAM,GACtE,KAAK,MAEPb,EAAM,UAAYiB,EAAK,UACvBjB,EAAM,UAAYiB,EAAK,UAEvBjB,EAAM,cAAc,MAAOmB,EAAArB,EAAM,SAAS,aAAf,YAAAqB,EAA2B,KACtDnB,EAAM,cAAc,OAAQoB,EAAAtB,EAAM,SAAS,aAAf,YAAAsB,EAA2B,YAChDC,EAAG,CACVnB,EAAM,MAAQ,GACdoB,EAAmBD,CAAC,CACtB,CAEJ,CAEA,SAASpB,GAAwB,CACxB,MAAA,CACL,UAAW,CAAE,MAAO,KAAM,KAAM,IAAK,EACrC,UAAW,CAAE,MAAO,KAAM,KAAM,IAAK,EACrC,cAAe,CAAE,MAAO,KAAM,KAAM,IAAK,CAAA,CAE7C,CAEA,SAASI,GAAmB,CAC1B,OAAOT,EAA0B,SAASE,EAAM,SAAS,UAAU,CACrE,CAEA,SAASgB,GAAsB,OACvB,MAAAS,EAAYjB,EAAO,aAAa,MAAM,MACtCO,EAA8B,CAAA,EACpC,cAAO,KAAKU,CAAS,EAAE,QAASC,GAAQ,CAClC,GAAA,CACKX,EAAAW,CAAG,EAAI,KAAK,MAAM,UAAUD,EAAUC,CAAG,CAAW,CAAC,CAAA,MACtD,CAER,CAAA,CACD,EACM,CACL,OAAQ,CACN,GAAGX,EACH,GAAIf,EAAM,SAAS,GACnB,UAAWA,EAAM,SAAS,UAC1B,YAAYqB,EAAArB,EAAM,SAAS,aAAf,YAAAqB,EAA2B,EACzC,EACA,WAAYrB,EAAM,SAAS,WAC3B,QAASA,EAAM,SAAS,GAAA,CAE5B"}