{"version":3,"mappings":";y4CAiBA,MAAMA,EAAQC,EAURC,EAAQC,EAAS,EACjB,CAAE,SAAAC,CAAS,EAAIC,EAAW,EAC1B,CAAE,6BAAAC,CAA6B,EAAIC,EAA6B,EAChE,CAAE,aAAAC,EAAc,kBAAAC,EAAmB,sBAAuBC,CAAA,EAA2BC,EAAY,EACjG,CAAE,OAAAC,EAAQ,YAAAC,CAAY,EAAIC,EAAQ,EAClC,CAAE,UAAAC,EAAW,WAAAC,CAAW,EAAIC,EAAW,EAKvCC,EAAgBC,EAAS,IACxBnB,EAAM,OAAO,kBAGXoB,EAAapB,EAAM,OAAO,kBAAmBa,EAAY,MAAOD,EAAO,KAAK,EAF1E,EAGV,EAEKS,EAAWF,EAAS,IAAM,CAC1BE,MACA,OAAArB,EAAM,cAAgB,eACxBqB,EAAW,CACT,CACE,OAAQ,oEACR,KAAM,CACJ,SAAUrB,EAAM,OAAO,SACvB,kBAAmBkB,EAAc,MACnC,CAEJ,EACSlB,EAAM,cAAgB,uBAC/BqB,EAAW,CACT,CACE,OAAQ,2EACR,KAAM,CACJ,SAAUrB,EAAM,OAAO,SACvB,aAAcA,EAAM,OAAO,aAC7B,CAEJ,GAEFA,EAAM,OAAO,UAAU,QAAQ,QAASsB,GAAa,CACnDD,EAAS,KAAK,CACZ,OAAQ,4DACR,KAAM,CACJ,gBAAiBC,EAAS,WAAa,KACvC,WAAYA,EAAS,WACrB,QAASA,EAAS,GAClB,KAAMA,EAAS,KACjB,CACD,EACF,EACMD,CAAA,CACR,EAKD,SAASE,EAAeC,EAAoB,CACtCA,GACgBf,EAAA,CAChB,SAAUT,EAAM,YAChB,aAAcQ,EAAa,MAC3B,OAAQ,cACR,QAASa,EAAS,MACnB,CACH,CAGF,SAASI,EAAsBC,EAAO,CACpChB,EAAuBgB,EAAO,CAC5B,SAAU1B,EAAM,YAChB,aAAcQ,EAAa,MAC3B,OAAQ,cACR,QAASa,EAAS,MACnB,EAGH,SAASM,EAAmBL,EAAU,CAC7B,OACL,GAAIA,EAAS,GACb,KAAMA,EAAS,KACf,mBAAoBA,EAAS,mBAC7B,aAAcA,EAAS,aACvB,WAAY,GACZ,KAAMA,EAAS,IACjB,EAGO,SAAAM,EAAaN,EAAeO,EAAqB,GAAO,CAC/D,MAAMC,EAAaC,EAAqB,CACtC,OAAQ,IAAMC,EAAA,WAAO,eAA4C,kDAClE,EAED,IAAIC,EAAQ,CAAC,EACTJ,IACFI,EAAQ/B,EAAM,OAGhBa,EACE,CACE,UAAWe,EACX,MAAO,CACL,MAAO,CACL,GAAGxB,EAA6B,CAAE,cAAeY,EAAc,OAAS,KAAM,KAAM,GAAO,EAC3F,GAAGe,CACL,EACA,SAAUN,EAAmBL,CAAQ,EACrC,SAAU,GAAGA,EAAS,aAAa,GAAG,GACtC,UAAW,GAAGA,EAAS,aAAa,GAAG,GACvC,MAAOA,EAAS,KAChB,KAAM,aACN,QAAS,IAAM,CACbN,EAAW,YAAY,EACzB,CAEJ,EACA,CACE,aAAc,GACd,kBAAmB,mBACnB,aAAc,gCAElB","names":["props","__props","route","useRoute","$gettext","useGettext","getMatchingSearchQueryForMap","useMatchingSearchQueryForMap","impressionId","trackAdImpression","DTrackAdClickAndFollow","useTracking","locale","localeCodes","useI18n","openModal","closeModal","useCiModal","entireListUrl","computed","translateUrl","contexts","campsite","elementVisible","isVisible","trackAdClickAndFollow","event","getCampsiteMapData","showMapModal","passQuery","CiMapModal","defineAsyncComponent","__vitePreload","query"],"ignoreList":[],"sources":["../../../../../../../app/components/slots/modules/CiCampsiteList/CiCampsiteList.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// icons\nimport { faChevronRight } from '@fortawesome/pro-solid-svg-icons';\n\n// utils\nimport { translateUrl } from '@/utils/i18n';\n\n/********************\n * PROPS & EMITS    *\n ********************/\nexport interface CiCampsiteListProps {\n  contentType?: string | undefined;\n  fields: any;\n  index?: number | null;\n  language?: string | undefined;\n  slug?: string | null;\n}\nconst props = withDefaults(defineProps<CiCampsiteListProps>(), {\n  contentType: undefined,\n  index: null,\n  language: undefined,\n  slug: null,\n});\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst route = useRoute();\nconst { $gettext } = useGettext();\nconst { getMatchingSearchQueryForMap } = useMatchingSearchQueryForMap();\nconst { impressionId, trackAdImpression, trackAdClickAndFollow: DTrackAdClickAndFollow } = useTracking();\nconst { locale, localeCodes } = useI18n();\nconst { openModal, closeModal } = useCiModal();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst entireListUrl = computed(() => {\n  if (!props.fields.campsite_list_url) {\n    return '';\n  }\n  return translateUrl(props.fields.campsite_list_url, localeCodes.value, locale.value);\n});\n\nconst contexts = computed(() => {\n  let contexts;\n  if (props.contentType === 'campsitelist') {\n    contexts = [\n      {\n        schema: 'iglu:com.camparound/campinginfo_cs_campsite_list/jsonschema/1-0-0',\n        data: {\n          headline: props.fields.headline,\n          campsite_list_url: entireListUrl.value,\n        },\n      },\n    ];\n  } else if (props.contentType === 'manualcampsitelist') {\n    contexts = [\n      {\n        schema: 'iglu:com.camparound/campinginfo_cs_manual_campsite_list/jsonschema/1-0-0',\n        data: {\n          headline: props.fields.headline,\n          show_ranking: props.fields.show_ranking,\n        },\n      },\n    ];\n  }\n  props.fields.campsites.results.forEach((campsite) => {\n    contexts.push({\n      schema: 'iglu:com.camparound/campinginfo_campsite/jsonschema/1-0-1',\n      data: {\n        booked_products: campsite.purchases || null,\n        camping_id: campsite.camping_id,\n        civ2_id: campsite.id,\n        slug: campsite.slug,\n      },\n    });\n  });\n  return contexts;\n});\n\n/********************\n * FUNCTIONS         *\n ********************/\nfunction elementVisible(isVisible: boolean) {\n  if (isVisible) {\n    trackAdImpression({\n      bannerId: props.contentType,\n      impressionId: impressionId.value,\n      zoneId: 'entire-list',\n      context: contexts.value,\n    });\n  }\n}\n\nfunction trackAdClickAndFollow(event) {\n  DTrackAdClickAndFollow(event, {\n    bannerId: props.contentType,\n    impressionId: impressionId.value,\n    zoneId: 'entire-list',\n    context: contexts.value,\n  });\n}\n\nfunction getCampsiteMapData(campsite) {\n  return {\n    id: campsite.id,\n    name: campsite.name,\n    rating_avg_overall: campsite.rating_avg_overall,\n    rating_count: campsite.rating_count,\n    showEffect: true,\n    slug: campsite.slug,\n  };\n}\n\nfunction showMapModal(campsite: any, passQuery: boolean = false) {\n  const CiMapModal = defineAsyncComponent({\n    loader: () => import('@/components/map/CiMapModal/CiMapModal.vue'),\n  });\n\n  let query = {};\n  if (passQuery) {\n    query = route.query;\n  }\n\n  openModal(\n    {\n      component: CiMapModal,\n      attrs: {\n        query: {\n          ...getMatchingSearchQueryForMap({ entireListUrl: entireListUrl.value || null, isAS: false }),\n          ...query,\n        },\n        campsite: getCampsiteMapData(campsite),\n        latitude: `${campsite.geo_position.lat}`,\n        longitude: `${campsite.geo_position.lon}`,\n        title: campsite.name,\n        name: 'CiMapModal',\n        onClose: () => {\n          closeModal('CiMapModal');\n        },\n      },\n    },\n    {\n      clickToClose: true,\n      contentTransition: 'translate-y-down',\n      contentClass: 'max-w-[1140px] w-full h-[80%]',\n    },\n  );\n}\n</script>\n\n<template>\n  <div\n    :id=\"props.fields.anchor_id\"\n    v-observe-visibility=\"{\n      callback: elementVisible,\n      once: true,\n      throttle: 500,\n      intersection: {\n        threshold: 0.1,\n      },\n    }\"\n    :lang=\"props.language\"\n    class=\"section section--campsite-list my-12 pb-4\"\n  >\n    <div\n      v-if=\"props.fields.headline\"\n      class=\"container\"\n    >\n      <h2\n        class=\"m-0 mb-4 text-center\"\n        v-html=\"props.fields.headline\"\n      />\n    </div>\n\n    <div\n      :class=\"{ 'pb-12': !props.fields.campsite_list_url }\"\n      style=\"background: linear-gradient(to bottom, transparent 100px, #f5f5f5 100px)\"\n    >\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col-12 col-lg-9 mx-auto\">\n            <ul class=\"m-0 list-none p-0\">\n              <li\n                v-for=\"(campsite, idx) in props.fields.campsites.results\"\n                :key=\"`campsite-${campsite.id}`\"\n                class=\"m-0 p-0 pb-5 last-of-type:border-0 last-of-type:pb-0 md:border-0 md:pb-[1.875rem]\"\n              >\n                <CiCampsiteTileAs\n                  :campsite=\"campsite\"\n                  :snowplow-context=\"{\n                    bannerId: 'content',\n                    position: idx + 1,\n                  }\"\n                  :flex-availabilities=\"[]\"\n                  :allow-sponsored=\"false\"\n                  :ranking=\"props.fields.show_ranking ? idx + props.fields.ranking_offset : null\"\n                  @location-clicked=\"showMapModal(campsite, false)\"\n                />\n              </li>\n            </ul>\n          </div>\n        </div>\n\n        <div\n          v-if=\"props.fields.campsite_list_url\"\n          class=\"mt-6 flex justify-center pb-6\"\n        >\n          <a\n            :href=\"entireListUrl\"\n            class=\"button button--primary-outline\"\n            @click.prevent=\"trackAdClickAndFollow\"\n          >\n            <span>{{ $gettext('entire list') }}</span>\n            <CiAwesomeIcon\n              :icon=\"faChevronRight\"\n              ratio=\"0.6\"\n            />\n          </a>\n        </div>\n\n        <div\n          v-if=\"props.fields.cta_link\"\n          class=\"mt-6 flex justify-center pb-6\"\n        >\n          <a\n            :href=\"props.fields.cta_link\"\n            class=\"button button--primary-outline\"\n            @click=\"trackAdClickAndFollow\"\n          >\n            <span>{{ props.fields.cta_text }}</span>\n            <CiAwesomeIcon\n              :icon=\"faChevronRight\"\n              ratio=\"0.6\"\n            />\n          </a>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style></style>\n"],"file":"_nuxt/CgtvPBu-.js"}