{"version":3,"file":"Xtspf3FC.js","sources":["../../../../components/@ihgroup/components/WebccSearch.vue"],"sourcesContent":["<template>\n  <div class=\"flex flex-col items-center\" data-id=\"search-bar\">\n    <h2\n      v-if=\"heading\"\n      class=\"text-shadow text-wrap:balance mb-2 text-4xl tracking-tight text-txt-contrast shadow-txt-weak md:self-start\"\n    >\n      {{ heading }}\n    </h2>\n    <div\n      class=\"grid w-full grid-cols-1 gap-2 rounded-lg sm:grid-cols-2 md:grid-cols-4 lg:grid-cols-10\"\n      :class=\"showBackground ? 'bg-white/80 p-4 sm:p-6' : ''\"\n    >\n      <WebccDestinationPicker\n        ref=\"destinationPicker\"\n        v-model=\"selectedItem\"\n        :placeholder=\"$t(`${trPrefix}placeholders.where`)\"\n      />\n\n      <div\n        class=\"flex flex-col sm:col-span-2 md:col-span-1 lg:col-span-3\"\n        data-id=\"date-range-field\"\n      >\n        <div\n          class=\"flex flex-col\"\n          :class=\"{ relative: !flexTrip.flexibleSearch }\"\n        >\n          <label class=\"relative w-full\">\n            <input\n              ref=\"dateRangeInput\"\n              class=\"h-12 rounded border w-full border-bgr-300 px-8 placeholder:text-txt-weak focus:outline-none focus:ring-2 focus:ring-thm focus:ring-offset-2 md:px-7 lg:px-8\"\n              :placeholder=\"$t(`${trPrefix}placeholders.when`)\"\n              autocomplete=\"off\"\n              :value=\"flexTrip.tripText\"\n              readonly\n              @focus=\"openFocusCalendar\"\n              @click.stop.prevent=\"openFocusCalendar\"\n              @keyup=\"onCalendarInputKeyUp\"\n            />\n            <div class=\"pointer-events-none absolute left-2 top-[0.9rem]\">\n              <WebccIcon\n                name=\"site/calendar\"\n                class=\"h-4 w-4 fill-current text-txt\"\n              />\n            </div>\n            <div\n              v-if=\"flexTrip.tripText.length\"\n              class=\"absolute right-2 top-[0.9rem] cursor-pointer opacity-20 hover:opacity-60\"\n              @click.stop.prevent=\"reset\"\n            >\n              <WebccIcon name=\"site/x\" class=\"h-5 w-5 fill-current text-txt\" />\n            </div>\n          </label>\n          <WebccDaterangeSearch\n            v-if=\"flexTrip.open\"\n            ref=\"dateRangeSearch\"\n            class=\"z-5\"\n            :class=\"\n              flexTrip.flexibleSearch\n                ? dateRangeFlexSearchClasses\n                : 'left-1/2 right-1/2 top-12 md:top-14'\n            \"\n            @close=\"onCalendarClose\"\n          />\n        </div>\n      </div>\n\n      <label class=\"relative flex flex-col lg:col-span-2\" data-id=\"pax-field\">\n        <select\n          v-model=\"pax\"\n          class=\"h-12 rounded border border-bgr-300 pl-4 pr-8 text-txt focus:outline-none focus:ring-2 focus:ring-thm focus:ring-offset-2 pax-num\"\n          :class=\"{ 'text-txt-weak': pax === 0 }\"\n          @focus=\"flexTrip.open = false\"\n          @input=\"selectPax($event)\"\n        >\n          <option class=\"padding-x-4\" disabled selected hidden value=\"0\">\n            {{ $t(`${trPrefix}placeholders.pax`) }}\n          </option>\n          <option class=\"padding-x-4\" :value=\"0\"></option>\n          <option\n            v-for=\"i in 47\"\n            :key=\"i\"\n            class=\"padding-x-4 text-txt\"\n            :value=\"i\"\n          >\n            {{ i }}\n          </option>\n        </select>\n      </label>\n\n      <WebccButton\n        variant=\"cta\"\n        class=\"h-12 lg:col-span-2\"\n        @click=\"performSearch\"\n      >\n        {{ $t(`${trPrefix}search`) }}\n      </WebccButton>\n\n      <slot name=\"extraLine\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nconst trPrefix = 'www.components.elements.SearchBox.'\n\nconst props = withDefaults(\n  defineProps<{\n    locale: string\n    heading?: string\n    showBackground?: boolean\n    searchQueryParams?: string[]\n    dateRangeFlexSearchClasses?: string\n  }>(),\n  {\n    heading: '',\n    showBackground: true,\n    searchQueryParams: undefined,\n    dateRangeFlexSearchClasses:\n      'md:top-[17rem] lg:top-[20.125rem] xl:top-[23.25rem] right-0 md:min-w-[73.75%] lg:min-w-[69%]',\n  },\n)\n\nconst confData = useConfdata()\nconst tracking = useTracking()\nconst params = useParams()\nconst partner = usePartner()\nconst flexTrip = useFlexTrip()\n\nconst dateRangeInput = ref<HTMLInputElement>()\nconst dateRangeSearch = ref()\nconst destinationPicker = ref()\nconst { focused: isDestinationFocused } = useFocusWithin(destinationPicker)\nwatch(isDestinationFocused, (isFocused) => {\n  if (isFocused) flexTrip.open = false\n})\n\nconst pax = ref(0)\nconst selectedItem = shallowRef<AutosuggestItem>()\nwatch(selectedItem, (newValue) => {\n  if (!newValue) return\n\n  openFocusCalendar()\n  tracking.handlers?.qs.autosuggestItemSelected(newValue)\n  tracking.handlers?.homepage.autosuggestItemSelected(newValue)\n})\n\nfunction onCalendarClose() {\n  flexTrip.open = false\n}\n\nfunction reset() {\n  flexTrip.fuzzyness = 0\n  flexTrip.reset()\n}\n\nasync function openFocusCalendar() {\n  if (flexTrip.open) return\n\n  flexTrip.open = true\n  await nextTick()\n  dateRangeInput.value?.blur()\n  dateRangeSearch.value?.focusOnFirstDate()\n}\n\nasync function performSearch() {\n  const checkin = flexTrip.range.start && toServerDate(flexTrip.range.start)\n  const checkout = flexTrip.range.end && toServerDate(flexTrip.range.end)\n  const partnerid = partner.id\n\n  const presetQuery = Object.fromEntries(\n    (props.searchQueryParams ?? []).map((param) => param.split('=')),\n  )\n  const duration = flexTrip.duration\n    ? flexTrip.duration\n    : checkin && checkout\n      ? calculateDuration(checkin, checkout)\n      : ''\n\n  tracking.handlers?.qs.submitSearch({\n    text: selectedItem.value?.label ?? '',\n    date: checkin ?? '',\n    duration: checkin && checkout ? calculateDuration(checkin, checkout) : '',\n    pax: pax.value,\n    ...presetQuery,\n  })\n  tracking.handlers?.homepage.submitSearch({\n    text: selectedItem.value?.label ?? '',\n    date: checkin ?? '',\n    duration,\n    pax: pax.value,\n    ...presetQuery,\n  })\n\n  const query = {\n    ...presetQuery,\n    ...params.persistent,\n    checkin,\n    checkout,\n    pax: pax.value > 0 ? pax.value : undefined,\n    duration:\n      flexTrip.flexibleSearch &&\n      flexTrip.duration &&\n      checkin &&\n      flexTrip.fuzzyness === 0\n        ? flexTrip.duration\n        : undefined,\n    fuzzyness: flexTrip.fuzzyness > 0 ? flexTrip.fuzzyness : undefined,\n  }\n\n  if (partnerid) {\n    Object.assign(query, { partnerid })\n  }\n\n  const path = buildPath(\n    confData.languagePrefix,\n    selectedItem.value?.path ?? confData.prefixSearchpage,\n  )\n\n  await navigateTo({ path, query })\n}\n\nfunction onCalendarInputKeyUp({ key }: KeyboardEvent) {\n  if (['Delete', 'Backspace'].includes(key)) reset()\n}\n\nfunction selectPax(event: Event) {\n  tracking.handlers?.qs.numberPax((event.target as HTMLSelectElement).value)\n  tracking.handlers?.homepage.numberPax(\n    (event.target as HTMLSelectElement).value,\n  )\n}\n</script>\n"],"names":["trPrefix","props","__props","confData","useConfdata","tracking","useTracking","params","useParams","partner","usePartner","flexTrip","useFlexTrip","dateRangeInput","ref","dateRangeSearch","destinationPicker","isDestinationFocused","useFocusWithin","watch","isFocused","pax","selectedItem","shallowRef","newValue","openFocusCalendar","_a","_b","onCalendarClose","reset","nextTick","performSearch","checkin","toServerDate","checkout","partnerid","presetQuery","param","duration","calculateDuration","_d","_c","_g","_f","_e","query","path","buildPath","_i","_h","navigateTo","onCalendarInputKeyUp","key","selectPax","event"],"mappings":"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"}