{"version":3,"file":"DdW4YVSm.js","sources":["../../../../components/@ihgroup/blocks/BlocksStartTopDestinations.vue"],"sourcesContent":["<template>\n  <div\n    class=\"container-nomargin-lg rounded-lg border border-txt-weakest px-4 pb-5 pt-6 shadow-md\"\n  >\n    <section class=\"relative mb-8\">\n      <h2 id=\"topcountries\" class=\"mb-4 text-2xl font-medium\">\n        {{ $t(`${trPrefix}countries`) }}\n      </h2>\n      <WebccScroll :buttons=\"screen.isSmall || 'hover'\">\n        <WebccLink\n          v-for=\"(item, i) in block.content.countries\"\n          :key=\"i\"\n          v-track:impression=\"{\n            event: `teaser:topCountryTeaserElementImpression`,\n            params: {\n              id: 'Home Teaser 2',\n              creative: item.title,\n              position: `${2}/${i}`,\n            },\n          }\"\n          :to=\"item.link?.href\"\n          class=\"h-auto w-72 flex-shrink-0 flex-grow-0 cursor-pointer snap-start overflow-hidden rounded-lg border border-txt-weaker bg-bgr shadow mb-1\"\n          @click=\"trackingCountry(item.title, `${2}/${i}`)\"\n        >\n          <figure class=\"w-full rounded-lg\">\n            <img\n              loading=\"lazy\"\n              class=\"h-full max-h-60 w-full rounded-lg object-cover\"\n              :src=\"item.image + '/' + 'tr:w-360,h-360'\"\n              :alt=\"item.alt\"\n              :title=\"item.alt\"\n            />\n          </figure>\n          <div class=\"flex h-16 flex-row items-center p-4\">\n            <span class=\"text-xl font-medium\">{{ item.title }}</span>\n          </div>\n        </WebccLink>\n        <div\n          class=\"group flex h-auto w-72 flex-shrink-0 flex-grow-0 cursor-pointer snap-start flex-col items-center justify-center gap-2 overflow-hidden rounded-lg border bg-bgr shadow hover:underline\"\n          @click=\"toggleAllCountriesModal(true)\"\n        >\n          <div\n            class=\"rounded-full border border-txt-weaker p-4 group-hover:bg-bgr-100\"\n          >\n            <WebccIcon name=\"site/arrow-right-long\" class=\"h-6 w-6\" />\n          </div>\n          <span>{{ $t(`${trPrefix}allCountries`) }}</span>\n        </div>\n      </WebccScroll>\n    </section>\n\n    <section class=\"relative\">\n      <h2 class=\"mb-4 text-2xl font-medium\">{{ $t(`${trPrefix}regions`) }}</h2>\n      <WebccScroll :buttons=\"screen.isSmall || 'hover'\">\n        <WebccLink\n          v-for=\"(item, i) in block.content.regions\"\n          :key=\"i\"\n          v-track:impression=\"{\n            event: `teaser:topRegionTeaserElementImpression`,\n            params: {\n              id: 'Home Teaser 3',\n              creative: item.title,\n              position: `${2}/${i}`,\n            },\n          }\"\n          :to=\"item.link?.href\"\n          class=\"h-auto w-72 flex-shrink-0 flex-grow-0 cursor-pointer snap-start overflow-hidden rounded-lg border border-bgr-300 bg-bgr shadow mb-1\"\n          @click=\"trackingRegion(item.title, `${3}/${i}`)\"\n        >\n          <figure class=\"w-full rounded-lg\">\n            <img\n              loading=\"lazy\"\n              class=\"h-full max-h-60 w-full rounded-lg object-cover\"\n              :src=\"item.image + '/' + 'tr:w-360,h-360'\"\n              :alt=\"item.alt\"\n              :title=\"item.alt\"\n            />\n          </figure>\n          <div class=\"flex h-16 flex-row items-center p-4\">\n            <span class=\"text-xl font-medium\">{{ item.title }}</span>\n          </div>\n        </WebccLink>\n      </WebccScroll>\n    </section>\n\n    <WebccModal\n      v-if=\"allCountriesModalOpen\"\n      @close=\"toggleAllCountriesModal(false)\"\n    >\n      <div\n        class=\"flex max-h-[90vh] flex-col divide-y-2 overflow-y-auto rounded-lg bg-bgr\"\n      >\n        <div class=\"flex flex-row items-center justify-between px-4 py-2\">\n          <span class=\"text-xl font-semibold\">{{\n            $t(`${trPrefix}allCountries`)\n          }}</span>\n          <div\n            class=\"flex h-10 w-10 shrink-0 cursor-pointer items-center justify-center rounded-full\"\n            @click=\"toggleAllCountriesModal(false)\"\n          >\n            <WebccIcon class=\"h-6 w-6\" name=\"site/x\" />\n          </div>\n        </div>\n        <div class=\"px-4 py-4 sm:columns-2 md:columns-3 md:py-12 lg:columns-4\">\n          <WebccLink\n            v-for=\"(c, i) in block.content.allCountries\"\n            :key=\"i\"\n            :anchor=\"false\"\n            class=\"relative flex break-inside-avoid px-2 py-2 leading-5 text-txt hover:bg-thm-contrast lg:w-48\"\n            :to=\"c.href\"\n          >\n            <WebccIcon\n              v-if=\"c.icon\"\n              filled\n              :name=\"\n                'flags/' +\n                (typeof c.icon === 'string' ? c.icon.toLowerCase() : '')\n              \"\n              class=\"mr-3 h-6 w-6\"\n            />\n            <div class=\"flex grow hover:brightness-75\">\n              <span class=\"grow\">{{ c.label }}</span>\n              <WebccIcon\n                name=\"site/chevron-right\"\n                class=\"mr-1 h-5 w-5 shrink-0\"\n                filled\n              />\n            </div>\n          </WebccLink>\n        </div>\n      </div>\n    </WebccModal>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst trPrefix = 'www.components.views.start.StartTopDestinations.'\n\ndefineProps<{\n  block: Block<TopDestinationsBlockContent>\n}>()\n\nconst allCountriesModalOpen = ref(false)\n\nconst tracking = useTracking()\nconst screen = useScreen()\n\nfunction toggleAllCountriesModal(state: boolean) {\n  tracking.handlers?.common.allCountriesClick(state)\n  allCountriesModalOpen.value = state\n}\n\nfunction trackingRegion(region: string, slot: string) {\n  tracking.handlers?.teaser.topRegionTeaserElementClick({\n    id: 'HomeTeaser 3',\n    creative: region,\n    position: slot,\n  })\n}\n\nfunction trackingCountry(country: string, slot: string) {\n  tracking.handlers?.teaser.topCountryTeaserElementClick({\n    id: 'Home Teaser 2',\n    creative: country,\n    position: slot,\n  })\n}\n</script>\n"],"names":["trPrefix","allCountriesModalOpen","ref","tracking","useTracking","screen","useScreen","toggleAllCountriesModal","state","_a","trackingRegion","region","slot","trackingCountry","country"],"mappings":"i3CAwIMA,EAAW,uHAMX,MAAAC,EAAwBC,EAAI,EAAK,EAEjCC,EAAWC,IACXC,EAASC,IAEf,SAASC,EAAwBC,EAAgB,QACtCC,EAAAN,EAAA,WAAA,MAAAM,EAAU,OAAO,kBAAkBD,GAC5CP,EAAsB,MAAQO,CAChC,CAES,SAAAE,EAAeC,EAAgBC,EAAc,QAC3CH,EAAAN,EAAA,WAAA,MAAAM,EAAU,OAAO,4BAA4B,CACpD,GAAI,eACJ,SAAUE,EACV,SAAUC,CAAA,EAEd,CAES,SAAAC,EAAgBC,EAAiBF,EAAc,QAC7CH,EAAAN,EAAA,WAAA,MAAAM,EAAU,OAAO,6BAA6B,CACrD,GAAI,gBACJ,SAAUK,EACV,SAAUF,CAAA,EAEd"}