{"version":3,"file":"CFwVSUMM.js","sources":["../../../../components/common/hitbox/HitboxRecommender.vue"],"sourcesContent":["<template>\n  <WebccLink\n    :to=\"targetUrl\"\n    class=\"cursor-pointer px-1 pb-6\"\n    @click.stop=\"onViewRecommendation\"\n  >\n    <article class=\"relative flex flex-col rounded-lg bg-bgr shadow-md h-full\">\n      <figure\n        class=\"relative flex min-h-[16rem] flex-row justify-center overflow-hidden rounded-lg\"\n      >\n        <NuxtImg\n          loading=\"lazy\"\n          class=\"w-full rounded-lg object-cover [transition:0.5s_all_ease-in-out] hover:scale-105 bg-no-repeat bg-center bg-[length:80%]\"\n          :class=\"`bg-[url('/logos/interhome.svg')]`\"\n          :src=\"\n            config.public.imagekitBase +\n            '/' +\n            accom.image +\n            '/' +\n            transformation\n          \"\n          :alt=\"accom.accom\"\n        />\n      </figure>\n\n      <client-only v-if=\"useStorageReady()\">\n        <button\n          class=\"absolute right-2 top-2 rounded-full bg-bgr-200 p-1.5\"\n          @click.stop.prevent=\"toggleBookmark\"\n        >\n          <WebccIcon\n            filled\n            :name=\"isBookmarked ? 'site/bookmark-filled' : 'site/bookmark'\"\n            class=\"h-4 w-4 stroke-2 text-txt\"\n          />\n        </button>\n      </client-only>\n      <HitboxTags\n        class=\"absolute left-2 top-2\"\n        :tags=\"accom.tags || []\"\n        :discount=\"discount\"\n      />\n\n      <main class=\"flex flex-col items-start p-2 h-full\">\n        <section class=\"grow w-full\">\n          <div\n            class=\"flex flex-row min-h-[2rem] items-center justify-between gap-2\"\n          >\n            <div v-if=\"accom.evaluation?.stars\" class=\"flex grow-0 flex-row\">\n              <WebccIcon\n                v-for=\"s in accom.evaluation?.stars\"\n                :key=\"s\"\n                name=\"content/evaluation-star\"\n                filled\n                class=\"h-4 w-4\"\n              />\n            </div>\n            <div\n              class=\"flex min-w-0 grow basis-0 flex-row justify-start gap-1 whitespace-nowrap font-semibold\"\n            >\n              <span class=\"grow-0\">{{\n                accom.type?.translations[confData.language]\n              }}</span>\n              <span\n                class=\"min-w-0 grow basis-0 overflow-x-hidden text-ellipsis\"\n                >{{ accom.slug ? accom.label : accom.accom }}</span\n              >\n            </div>\n            <div class=\"grow-0\">\n              <WebccIcon\n                v-if=\"accom.evaluation?.sustainable > 0\"\n                name=\"detailpage/hearttree\"\n                filled\n                class=\"h-6 w-6\"\n              />\n            </div>\n          </div>\n        </section>\n\n        <div\n          v-if=\"rating.value.value\"\n          class=\"mt-3 flex flex-row items-center gap-2 text-xs\"\n        >\n          <span\n            class=\"whitespace-nowrap rounded-md rounded-bl-none bg-thm px-2 py-1 text-txt-contrast font-bold\"\n          >\n            {{ rating.text.value }}\n          </span>\n          <span>{{\n            $t(`${trPrefix}Rating.review_s`, accom.rating?.numReviews)\n          }}</span>\n        </div>\n\n        <span class=\"text-base text-txt-weak\">{{\n          [\n            accom.place?.translations[confData.language].name,\n            accom.country?.translations[confData.language].name,\n          ].join(', ')\n        }}</span>\n\n        <div\n          v-if=\"accom.minPrice?.price\"\n          class=\"flex flex-row items-center gap-1 text-sm font-medium sm:text-base\"\n        >\n          <span>{{ $t(`${trPrefix}Price.from`) }}</span>\n          <span>\n            {{ toMoney(accom.minPrice.price) }}\n            /\n            <span class=\"text-base\">{{\n              $t(`${trPrefix}Price.night_s`, accom.minPrice.duration)\n            }}</span>\n          </span>\n          <span\n            v-if=\"accom.minPrice?.reduction && accom.minPrice?.regular\"\n            class=\"text-sm font-normal text-hlt line-through\"\n            >{{ toMoney(accom.minPrice.regular) }}</span\n          >\n          <span v-tooltip=\"tooltip\" class=\"cursor-help\" @click.prevent.stop>\n            <WebccIcon\n              filled\n              name=\"site/info-new\"\n              class=\"-mt-0.5 inline-block h-4 w-4 text-txt-weak\"\n            />\n          </span>\n        </div>\n      </main>\n    </article>\n  </WebccLink>\n</template>\n\n<script setup lang=\"ts\">\nconst transformations = {\n  xl: 'tr:w-640,h-360',\n  lg: 'tr:w-640,h-360',\n  md: 'tr:w-640,h-360',\n  sm: 'tr:w-640,h-360',\n  xs: 'tr:w-640,h-360',\n}\nconst trPrefix = 'www.components.hitbox.'\n\nconst props = withDefaults(\n  defineProps<{\n    accom: PreparedItem\n    currency: string\n    languagePrefix: string\n    tracker?: 'recommendation' | 'handpicked'\n  }>(),\n  {\n    tracker: 'recommendation',\n  },\n)\n\nconst { t } = useI18n()\nconst { toMoney } = useMoneyFormat(() => props.currency)\nconst { buildAccommodationUrl } = useURLs()\nconst confData = useConfdata()\nconst bookmarks = useBookmarks()\nconst config = useRuntimeConfig()\nconst screen = useScreen()\nconst tracking = useTracking()\nconst rating = useRating(() => props.accom.rating.overall)\nconst partner = usePartnerStore()\nconst addToWishlistEvt = useEventBus<AccommodationDto>('addToWishlist')\nconst deleteFromWishlistEvt =\n  useEventBus<AccommodationDto>('deleteFromWishlist')\n\nconst transformation = computed(\n  () => transformations[screen.current] || 'tr:w-640,h-360',\n)\n\nconst targetUrl = computed(() =>\n  buildAccommodationUrl({ slug: props.accom.slug, code: props.accom.accom }),\n)\n\nconst tooltip = computed(() => ({\n  content: [\n    '<div class=\"max-w-[12rem] p-1\">',\n    `  <strong>${t(`${trPrefix}Price.dependentPrice`)}</strong>`,\n    `  <p class='mb-2'>${t(`${trPrefix}Price.priceAfterInput`)}</p>`,\n    `  <strong>${t(`${trPrefix}Price.addCosts`)}</strong>`,\n    `  <p class='mb-2'>${t(`${trPrefix}Price.addCostsLong`)}</p>`,\n    '</div>',\n  ].join(''),\n  html: true,\n  triggers: ['hover', 'click'],\n}))\n\nconst isBookmarked = computed(() => bookmarks.has(props.accom.accom))\n\nconst discount = computed(() => {\n  const { price, reduction } = props.accom.minPrice\n  const origPrice = price + reduction\n\n  return origPrice ? (reduction / origPrice) * 100 : 0\n})\n\nfunction onViewRecommendation() {\n  tracking.handlers?.[props.tracker].view([props.accom])\n}\n\nfunction toggleBookmark() {\n  if (partner.id && partner.jwt) {\n    processAsPartner()\n  } else {\n    addToWishlist()\n  }\n}\n\nfunction processAsPartner() {\n  bookmarks.toggle(props.accom.accom)\n  tracking.handlers?.[props.tracker].toggleWishlist(\n    [props.accom],\n    isBookmarked.value,\n  )\n}\n\nfunction addToWishlist() {\n  if (isBookmarked.value) {\n    deleteFromWishlistEvt.emit({ code: props.accom.accom })\n  } else {\n    addToWishlistEvt.emit({ code: props.accom.accom })\n  }\n}\n</script>\n"],"names":["trPrefix","transformations","props","__props","t","useI18n","toMoney","useMoneyFormat","buildAccommodationUrl","useURLs","confData","useConfdata","bookmarks","useBookmarks","config","useRuntimeConfig","screen","useScreen","tracking","useTracking","rating","useRating","partner","usePartnerStore","addToWishlistEvt","useEventBus","deleteFromWishlistEvt","transformation","computed","targetUrl","tooltip","isBookmarked","discount","price","reduction","origPrice","onViewRecommendation","_a","toggleBookmark","processAsPartner","addToWishlist"],"mappings":"whDA0IMA,EAAW,sJAPjB,MAAMC,EAAkB,CACtB,GAAI,iBACJ,GAAI,iBACJ,GAAI,iBACJ,GAAI,iBACJ,GAAI,gBAAA,EAIAC,EAAQC,EAYR,CAAE,EAAAC,GAAMC,KACR,CAAE,QAAAC,CAAQ,EAAIC,GAAe,IAAML,EAAM,QAAQ,EACjD,CAAE,sBAAAM,GAA0BC,KAC5BC,EAAWC,KACXC,EAAYC,KACZC,EAASC,KACTC,EAASC,KACTC,EAAWC,KACXC,EAASC,GAAU,IAAMnB,EAAM,MAAM,OAAO,OAAO,EACnDoB,EAAUC,KACVC,EAAmBC,EAA8B,eAAe,EAChEC,EACJD,EAA8B,oBAAoB,EAE9CE,EAAiBC,EACrB,IAAM3B,EAAgBe,EAAO,OAAO,GAAK,gBAAA,EAGrCa,EAAYD,EAAS,IACzBpB,EAAsB,CAAE,KAAMN,EAAM,MAAM,KAAM,KAAMA,EAAM,MAAM,MAAO,CAAA,EAGrE4B,EAAUF,EAAS,KAAO,CAC9B,QAAS,CACP,kCACA,aAAaxB,EAAE,GAAGJ,CAAQ,sBAAsB,CAAC,YACjD,qBAAqBI,EAAE,GAAGJ,CAAQ,uBAAuB,CAAC,OAC1D,aAAaI,EAAE,GAAGJ,CAAQ,gBAAgB,CAAC,YAC3C,qBAAqBI,EAAE,GAAGJ,CAAQ,oBAAoB,CAAC,OACvD,QAAA,EACA,KAAK,EAAE,EACT,KAAM,GACN,SAAU,CAAC,QAAS,OAAO,CAC3B,EAAA,EAEI+B,EAAeH,EAAS,IAAMhB,EAAU,IAAIV,EAAM,MAAM,KAAK,CAAC,EAE9D8B,EAAWJ,EAAS,IAAM,CAC9B,KAAM,CAAE,MAAAK,EAAO,UAAAC,CAAU,EAAIhC,EAAM,MAAM,SACnCiC,EAAYF,EAAQC,EAEnB,OAAAC,EAAaD,EAAYC,EAAa,IAAM,CAAA,CACpD,EAED,SAASC,GAAuB,QACrBC,EAAAnB,EAAA,WAAA,MAAAmB,EAAWnC,EAAM,SAAS,KAAK,CAACA,EAAM,KAAK,EACtD,CAEA,SAASoC,GAAiB,CACpBhB,EAAQ,IAAMA,EAAQ,IACPiB,IAEHC,GAElB,CAEA,SAASD,GAAmB,OAChB3B,EAAA,OAAOV,EAAM,MAAM,KAAK,GACzBmC,EAAAnB,EAAA,WAAA,MAAAmB,EAAWnC,EAAM,SAAS,eACjC,CAACA,EAAM,KAAK,EACZ6B,EAAa,MAEjB,CAEA,SAASS,GAAgB,CACnBT,EAAa,MACfL,EAAsB,KAAK,CAAE,KAAMxB,EAAM,MAAM,MAAO,EAEtDsB,EAAiB,KAAK,CAAE,KAAMtB,EAAM,MAAM,MAAO,CAErD"}