{"version":3,"file":"x7YhH63w.js","sources":["../../../../../../../app/assets/svg/fanclub-badge.svg","../../../../../../../app/components/map/CiMapMarker/CiMapMarker.vue","../../../../../../../app/composables/useMapSettings.ts"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='34'%20height='12'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='m34%202.694-.467%206.122c-.007%201.062-.705%201.88-1.499%201.763-14.941-2.186-25.661.343-29.588%201.386-.765.203-1.497-.495-1.6-1.521L.011%204.365c-.095-.942.38-1.817%201.082-2C4.987%201.36%2017.354-1.357%2032.571.83c.722.103%201.435%201.14%201.429%201.865Z'%20fill='%23fff'/%3e%3cpath%20d='m33.029%203.245-.44%205.102c-.008.884-.665%201.566-1.414%201.47-14.088-1.823-24.195.285-27.898%201.154-.72.169-1.41-.413-1.509-1.268L.983%204.638c-.09-.785.357-1.514%201.02-1.667%203.67-.838%2015.33-3.102%2029.678-1.28.68.086%201.353.95%201.348%201.554Z'%20fill='%23EF970B'/%3e%3cpath%20d='M2.914%204.965%206.088%204.4l.164%201.017-2.074.37.115.712%201.876-.333.156.963-1.877.335.24%201.497-1.099.195-.673-4.188-.002-.003ZM7.623%204.151l1.065-.15%202.232%204.006-1.185.165-.38-.718-1.544.216-.19.797-1.156.161%201.158-4.477Zm1.293%202.44-.595-1.13-.3%201.254.894-.125h.001ZM10.901%203.743l1.036-.1%201.845%202.076-.197-2.236%201.099-.107.373%204.23-.967.095-1.921-2.154.204%202.32-1.099.108-.373-4.23v-.002ZM15.606%205.448v-.012c-.066-1.205.737-2.243%201.947-2.314.746-.045%201.208.202%201.613.568l-.424.577c-.344-.296-.694-.481-1.158-.455-.758.044-1.284.738-1.24%201.567v.012c.044.83.637%201.47%201.406%201.426.494-.029.799-.253%201.125-.614l.479.459c-.395.485-.838.803-1.59.847-1.176.068-2.094-.844-2.16-2.062l.002.001ZM20.014%203.074l.707-.015.08%203.566%202.114-.05.014.678-2.82.068-.095-4.247ZM23.468%205.446%2023.49%203l.707.008-.02%202.415c-.008.79.375%201.212%201.007%201.219.627.006%201.015-.383%201.022-1.167l.022-2.446.707.008-.02%202.41c-.012%201.268-.695%201.898-1.747%201.888-1.046-.01-1.707-.655-1.697-1.887l-.003-.002ZM28.02%203.071l1.805.09c.46.024.816.175%201.034.43.17.196.251.438.24.716v.011c-.023.51-.311.769-.617.917.464.193.779.494.753%201.07v.012c-.034.758-.643%201.135-1.54%201.089l-1.86-.094.187-4.244-.001.003Zm1.71%202.51-1.12-.055-.05%201.164%201.172.06c.476.024.784-.163.8-.545v-.011c.017-.359-.244-.584-.801-.612h-.001Zm.656-1.188c.015-.334-.229-.554-.683-.576l-1.017-.05-.05%201.127.964.05c.454.021.766-.15.783-.538v-.012l.003-.001Z'%20fill='%23fff'/%3e%3c/svg%3e\"","<script setup lang=\"ts\">\n// icons\nimport { faHeart } from '@fortawesome/pro-solid-svg-icons';\n\n/********************\n * PROPS & EMITS     *\n ********************/\nexport interface CiMapMarkerProps {\n  campsite: any;\n  showEffect?: boolean;\n  isFavorite?: boolean;\n  worstRating?: number;\n  clusterAvailableCount?: number;\n  isAsSearch?: boolean;\n}\nconst props = withDefaults(defineProps<CiMapMarkerProps>(), {\n  showEffect: false,\n  isFavorite: false,\n  worstRating: 1.0,\n  clusterAvailableCount: 0,\n  isAsSearch: false,\n});\n\n/********************\n * COMPOSITIONS      *\n ********************/\nconst { visibilityProducts } = useVisibilityProducts();\n\n/********************\n * REFS & VARS       *\n ********************/\nconst delay = computed(() => {\n  // Show best ratings first: interpolate between 100ms and 500ms\n  const maxDelay = 500;\n  const rating = props.campsite.rating_avg_overall || props.worstRating;\n\n  return Math.floor(maxDelay / rating);\n});\n\nconst availableCount = computed(() => {\n  if (props.clusterAvailableCount > 9) {\n    return '9+';\n  }\n  return props.clusterAvailableCount;\n});\n</script>\n\n<template>\n  <div class=\"map-marker__container h-[55px] w-11\">\n    <div\n      :style=\"{ animationDelay: `${delay}ms` }\"\n      class=\"map-marker__animation size-full\"\n    >\n      <div\n        v-if=\"showEffect\"\n        class=\"map-marker__effect absolute block\"\n      />\n      <div\n        class=\"relative size-full\"\n        @click=\"$event.preventDefault()\"\n      >\n        <svg\n          class=\"map-marker__body absolute left-0 top-0 w-11 fill-white\"\n          width=\"44\"\n          height=\"54\"\n          viewBox=\"0 0 44 54\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            fill-rule=\"evenodd\"\n            clip-rule=\"evenodd\"\n            d=\"M29.3262 42.7507C37.8747 39.7326 44 31.5816 44 22C44 9.84974 34.1503 0 22 0C9.84974 0 0 9.84974 0 22C0 31.5816 6.12534 39.7326 14.6738 42.7507L20.268 52.44C21.0378 53.7733 22.9623 53.7733 23.7321 52.44L29.3262 42.7507Z\"\n          />\n        </svg>\n\n        <CiRatingRadial\n          :rating=\"parseFloat(campsite.rating_avg_overall)\"\n          class=\"map-marker__rating h-11 p-[3px]\"\n          font-class=\"font-medium\"\n        />\n\n        <div\n          v-if=\"isFavorite\"\n          class=\"absolute\"\n          :class=\"[\n            visibilityProducts(props.campsite).hasConversionOptimization\n              ? 'right-[10px] top-[-10px]'\n              : '-top-2 right-[-2px]',\n          ]\"\n        >\n          <CiAwesomeIcon\n            class=\"icon fill-danger\"\n            :icon=\"faHeart\"\n            ratio=\"0.6\"\n          />\n        </div>\n        <svg\n          v-if=\"visibilityProducts(props.campsite).hasConversionOptimization\"\n          class=\"absolute -top-2 right-[-2px] z-20 fill-warning\"\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path\n            d=\"M8 0.559998L10.7273 4.80616L15.6085 6.08786L12.4129 9.99384L12.7023 15.0321L8 13.2L3.29772 15.0321L3.5871 9.99384L0.391548 6.08786L5.27268 4.80616L8 0.559998Z\"\n          />\n        </svg>\n\n        <div\n          v-if=\"availableCount\"\n          class=\"absolute z-20 flex size-[18px] items-center justify-center rounded-full bg-info text-center text-[0.6875rem] font-bold text-white\"\n          :class=\"{\n            '-top-2 right-[-2px]': !visibilityProducts(props.campsite).hasConversionOptimization && !props.isFavorite,\n            '-right-3 top-[-2px]': visibilityProducts(props.campsite).hasConversionOptimization,\n            ' -right-3 top-[-2px]': props.isFavorite,\n          }\"\n        >\n          {{ availableCount }}\n        </div>\n\n        <div v-if=\"props.campsite.fanclub\" class=\"absolute top-[30px]\">\n          <img\n            src=\"~/assets/svg/fanclub-badge.svg\"\n            alt=\"\"\n            width=\"44\"\n            height=\"19\"\n          />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style lang=\"scss\" scoped>\n.map-marker__container {\n  .no-touch &:hover,\n  &.active {\n    .map-marker__body {\n      @apply fill-primary;\n    }\n\n    :deep(.rating-radial) {\n      .rating-radial__circular {\n        @apply bg-primary;\n      }\n      .circle-bg {\n        @apply stroke-white/25;\n      }\n      .circle.circle--primary {\n        @apply stroke-white;\n      }\n\n      .circular-text {\n        @apply text-white;\n      }\n    }\n  }\n}\n\n.map-marker__body {\n  filter: drop-shadow(0px -2px 4px rgba(0, 0, 0, 0.25));\n}\n\n.map-marker__effect {\n  animation: pulsate 10s ease-out infinite;\n  background: rgba($primary, 0.6);\n  border-radius: 50%;\n  bottom: - calc(44px / 2);\n  height: 44px;\n  left: calc(44px / 2) - calc(44px / 2);\n  opacity: 0;\n  width: 44px;\n  z-index: -1;\n}\n\n.map-marker__animation {\n  animation-duration: 0.25s;\n  animation-fill-mode: both;\n  animation-name: fade;\n}\n</style>\n","export default function useMapSettings() {\n  const runtimeConfig = useRuntimeConfig();\n  const backendStore = useBackendStore();\n\n  const mapLangMapping: { [key: string]: string } = {\n    cs: 'e0d3eb58-4ab5-4b35-8e58-19ceba158879',\n    de: 'a1bd910e-4e7b-4b80-8f8a-4142ab11e038',\n    en: '550ad593-adfd-47b5-8d7e-dbdf79470c15',\n    es: 'b67aba70-c638-4ad0-b4b6-98f88e6ca986',\n    fr: '300d34c6-5831-405e-9163-02d214cdfda5',\n    it: '3beead26-f304-40d7-8e44-f54fa4626f5d',\n    nl: '2c264079-f624-47a7-82a2-2d3ab2973beb',\n    pl: '45dc2092-6101-4cd2-98ac-65e70f8a5ec5',\n    pt: '1a339899-c8d5-4ec3-a740-3564cd2e928f',\n  };\n  const MAP_KEY: string = runtimeConfig.public.maptilerKey;\n  const MAP_TILES_URL_RASTER: string = `https://api.maptiler.com/maps/{mapId}/256/{z}/{x}/{y}.png?key=${MAP_KEY}`;\n  const mapStaticPrefix = runtimeConfig.public.appVersion === 'local' ? backendStore.url : '';\n  const MAP_STATIC_URL = `${mapStaticPrefix}/staticmap/{slug}/{size}.jpg`;\n  const MAP_MIN_ZOOM: number = 4;\n  const MAP_MAX_ZOOM: number = 18;\n  const MAP_ATTRIBUTION: string\n    = '<a href=\"https://www.maptiler.com/copyright/\" target=\"_blank\">© MapTiler</a> <a href=\"https://www.openstreetmap.org/copyright\" target=\"_blank\">© OpenStreetMap</a> contributors';\n  const MAP_TILEZIZE = 256;\n\n  const getMapTilesUrl = (lang: string): string => {\n    const mapId = mapLangMapping[lang] || mapLangMapping.en;\n    return MAP_TILES_URL_RASTER.replace('{mapId}', mapId);\n  };\n\n  return {\n    MAP_KEY,\n    MAP_MIN_ZOOM,\n    MAP_MAX_ZOOM,\n    MAP_ATTRIBUTION,\n    MAP_STATIC_URL,\n    MAP_TILEZIZE,\n    getMapTilesUrl,\n  };\n}\n"],"names":["_imports_0","props","__props","visibilityProducts","useVisibilityProducts","delay","computed","rating","availableCount","useMapSettings","runtimeConfig","useRuntimeConfig","backendStore","useBackendStore","mapLangMapping","MAP_KEY","MAP_TILES_URL_RASTER","MAP_STATIC_URL","lang","mapId"],"mappings":"+hBAAA,MAAeA,EAAA,ypFCef,MAAMC,EAAQC,EAWR,CAAE,mBAAAC,CAAmB,EAAIC,EAAsB,EAK/CC,EAAQC,EAAS,IAAM,CAG3B,MAAMC,EAASN,EAAM,SAAS,oBAAsBA,EAAM,YAEnD,OAAA,KAAK,MAAM,IAAWM,CAAM,CAAA,CACpC,EAEKC,EAAiBF,EAAS,IAC1BL,EAAM,sBAAwB,EACzB,KAEFA,EAAM,qBACd,64DC5CD,SAAwBQ,GAAiB,CACvC,MAAMC,EAAgBC,EAAiB,EACjCC,EAAeC,EAAgB,EAE/BC,EAA4C,CAChD,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,uCACJ,GAAI,sCACN,EACMC,EAAkBL,EAAc,OAAO,YACvCM,EAA+B,iEAAiED,CAAO,GAEvGE,EAAiB,GADCP,EAAc,OAAO,aAAe,QAAUE,EAAa,IAAM,EAChD,+BAYlC,MAAA,CACL,QAAAG,EACA,aAb2B,EAc3B,aAb2B,GAc3B,gBAZE,kLAaF,eAAAE,EACA,aAbmB,IAcnB,eAZsBC,GAAyB,CAC/C,MAAMC,EAAQL,EAAeI,CAAI,GAAKJ,EAAe,GAC9C,OAAAE,EAAqB,QAAQ,UAAWG,CAAK,CACtD,CAUA,CACF"}