{"version":3,"sources":["webpack:///./src/components/atoms/SelectDestinations.vue","webpack:///src/components/atoms/SelectDestinations.vue","webpack:///./src/components/atoms/SelectDestinations.vue?242b","webpack:///./src/components/atoms/SelectDestinations.vue?e738","webpack:///./src/components/atoms/SelectDestinations.vue?26a1","webpack:///./src/components/atoms/SelectDestinations.vue?5825"],"names":["render","_vm","this","_c","_self","staticClass","attrs","selected","destinationOptions","hotDestinations","$t","theme","disabled","on","changedMultiSelection","close","staticRenderFns","name","components","SearchMultiSelect","props","type","String","default","data","Object","Boolean","computed","mapGetters","lang","searchContent","isLanding","isAgentSite","get","$store","state","dest","set","newValue","dispatch","_this$data$hotDestina","_this$data","watch","makeSelectOption","countSelect","methods","destinations","forEach","item","inx","push","id","value","code","label","nameTranslations","getDestList","city","$route","query","strDestination","decodeURIComponent","destIdList","split","dests","map","find","pData","isAuto","undefined","length","commit","$emit","created","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,oBAAoB,CAACG,MAAM,CAAC,gBAAkBL,EAAIM,SAAS,cAAgBN,EAAIO,mBAAmB,gBAAkBP,EAAIQ,gBAAgB,WAAa,EAAE,YAAcR,EAAIS,GAAG,iCAAiC,WAAa,oBAAoB,QAAU,WAAW,MAAQT,EAAIU,MAAM,SAAWV,EAAIW,UAAUC,GAAG,CAAC,eAAiBZ,EAAIa,sBAAsB,MAAQb,EAAIc,UAAU,IAE5dC,EAAkB,G,gECmBP,GACfC,KAAA,qBACAC,WAAA,CACAC,sBAAA,iDAEAC,MAAA,CACAC,KAAA,CACAA,KAAAC,OACAC,QAAA,QAEAC,KAAA,CACAH,KAAAI,OACAF,QAAA,MAEAX,SAAA,CACAS,KAAAK,QACAH,SAAA,GAEAZ,MAAA,CACAU,KAAAC,OACAC,QAAA,KAGAI,SAAA,IACAC,eAAA,CAEAC,KAAA,eACAC,cAAA,qBACAC,UAAA,sBACAC,YAAA,4BAEAzB,SAAA,CACA0B,MACA,YAAAC,OAAAC,MAAAL,cAAAM,MAEAC,IAAAC,GACA,KAAAJ,OAAAK,SAAA,0BAAAD,MAGA7B,kBAAA,IAAA+B,EAAAC,EACA,eAAAD,EAAA,QAAAC,EAAA,KAAAjB,YAAA,IAAAiB,OAAA,EAAAA,EAAAhC,uBAAA,IAAA+B,IAAA,KAGAE,MAAA,CACAb,OACA,KAAAc,qBAGAnB,OACA,OACAoB,YAAA,EACApC,mBAAA,KAGAqC,QAAA,CACAF,mBACA,KAAAnC,mBAAA,GACA,KAAAgB,MACA,KAAAA,KAAAsB,aAAAC,QAAA,CAAAC,EAAAC,KACA,KAAAzC,mBAAA0C,KAAA,CACAC,GAAAF,EACAG,MAAAJ,EAAAK,KACAC,MAAAN,EAAAO,iBAAA,KAAA1B,MAAAmB,EAAAO,iBAAA,KAAA1B,MAAAmB,EAAA/B,SAIA,KAAAuC,eAEAA,cACA,WAAAC,GAAA,KAAAC,OAAAC,MACA,QAAA3B,aAAAyB,EAAA,CACA,MAAAG,EAAAC,mBAAAJ,IAAA,GACAK,EAAA,KAAAF,IAAAG,MAAA,QACAC,EAAAF,EAAAG,IAAAd,GAAA,KAAA3C,mBAAA0D,KAAAlB,KAAAI,QAAAD,IACA,KAAArC,sBAAAkD,GAAA,GACA,KAAAzD,SAAAyD,OAEA,KAAAzD,SAAA,IAGAO,sBAAAqD,EAAAC,QACAC,IAAAD,GAAAD,KAAAG,OAAA,GACA,KAAApC,OAAAqC,OAAA,yBAAA7D,GAAA,+CACA,KAAAwB,OAAAqC,OAAA,8BAEA,KAAArC,OAAAqC,OAAA,6BAEA,KAAAhE,SAAA4D,EACA,KAAAK,MAAA,oBAAAL,IAEApD,QACA,KAAAyD,MAAA,qBAGAC,UACA,KAAA9B,qBCpH0W,I,kCCStW+B,EAAY,eACd,EACA1E,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAA0D,E,6CCpBf,W,2DCAA,W","file":"js/chunk-9f270e5e.6f04e1c1.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"st-container\"},[_c('SearchMultiSelect',{attrs:{\"selectedOptions\":_vm.selected,\"sourceOptions\":_vm.destinationOptions,\"hotDestinations\":_vm.hotDestinations,\"isCheckbox\":3,\"placeholder\":_vm.$t('search-tab.choose-destination'),\"optionIcon\":\"fa-map-marker-alt\",\"tagIcon\":\"fa-hotel\",\"theme\":_vm.theme,\"disabled\":_vm.disabled},on:{\"onChangeSelect\":_vm.changedMultiSelection,\"close\":_vm.close}})],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"st-container\">\n    <SearchMultiSelect\n      :selectedOptions=\"selected\"\n      :sourceOptions=\"destinationOptions\"\n      :hotDestinations=\"hotDestinations\"\n      :isCheckbox=\"3\"\n      :placeholder=\"$t('search-tab.choose-destination')\"\n      optionIcon=\"fa-map-marker-alt\"\n      tagIcon=\"fa-hotel\"\n      :theme=\"theme\"\n      @onChangeSelect=\"changedMultiSelection\"\n      @close=\"close\"\n      :disabled=\"disabled\"\n    />\n  </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\n\nexport default {\n  name: 'SelectDestinations',\n  components: {\n    SearchMultiSelect: () => import('@/components/atoms/SearchMultiSelect'),\n  },\n  props: {\n    type: {\n      type: String,\n      default: 'tabs',\n    },\n    data: {\n      type: Object,\n      default: null,\n    },\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n    theme: {\n      type: String,\n      default: '',\n    },\n  },\n  computed: {\n    ...mapGetters({\n      // category: 'GET_CURRENT_CATEGORY',\n      lang: 'GET_LANGUAGE',\n      searchContent: 'GET_SEARCH_CONTENT',\n      isLanding: 'GET_IS_LANDING_PAGE',\n      isAgentSite: 'GET_ODYSSEY_AGENT_STATE',\n    }),\n    selected: {\n      get() {\n        return this.$store.state.searchContent.dest;\n      },\n      set(newValue) {\n        this.$store.dispatch('SET_SEARCH_ITEM', ['dest', newValue]);\n      },\n    },\n    hotDestinations() {\n      return this.data?.hotDestinations ?? [];\n    },\n  },\n  watch: {\n    lang() {\n      this.makeSelectOption();\n    },\n  },\n  data() {\n    return {\n      countSelect: 0,\n      destinationOptions: [],\n    };\n  },\n  methods: {\n    makeSelectOption() {\n      this.destinationOptions = [];\n      if (this.data) {\n        this.data.destinations.forEach((item, inx) => {\n          this.destinationOptions.push({\n            id: inx,\n            value: item.code,\n            label: item.nameTranslations[this.lang] ? item.nameTranslations[this.lang] : item.name,\n          });\n        });\n      }\n      this.getDestList();\n    },\n    getDestList() {\n      const { city } = this.$route.query;\n      if (this.isAgentSite && city) {\n        const strDestination = decodeURIComponent(city) || '',\n          destIdList = strDestination !== '' ? strDestination.split(',') : [];\n        const dests = destIdList.map((id) => this.destinationOptions.find((item) => item.value === id));\n        this.changedMultiSelection(dests, true);\n        this.selected = dests;\n      } else {\n        this.selected = [];\n      }\n    },\n    changedMultiSelection(pData, isAuto) {\n      if (isAuto === undefined && pData && pData.length > 1) {\n        this.$store.commit('SET_ALERT_MESSAGE', this.$t('search-result.impossible-multi-date-search'));\n        this.$store.commit('SET_ALERT_MESSAGE_SHOW', true);\n      } else {\n        this.$store.commit('SET_ALERT_MESSAGE_SHOW', false);\n      }\n      this.selected = pData;\n      this.$emit('changeDestination', pData);\n    },\n    close() {\n      this.$emit('optionSelect', true);\n    },\n  },\n  created() {\n    this.makeSelectOption();\n  },\n};\n</script>\n<style scoped>\n.st-container {\n  overflow: visible;\n}\n</style>\n<style>\ninput[type='search'] {\n  margin: 0;\n  padding: 0;\n  border: 0;\n}\n.filter-tab .st-container .vs__dropdown-toggle {\n  border-radius: 50px;\n  padding: 0.575rem 1.35rem;\n  height: 3rem;\n}\n.vs__selected {\n  width: max-content;\n}\n\n.style-chooser .vs__dropdown-menu li {\n  height: 45px;\n  line-height: 35px;\n  transition: 0.2s;\n}\n\n.style-chooser .vs__selected-options {\n  display: contents;\n}\n\n.filter-tab form button.btn {\n  height: 45px;\n}\n.checkbox-label {\n  display: block;\n}\n\n.checkbox {\n  position: absolute;\n  left: 1vw;\n}\n.multiselect__tags {\n  border-radius: 25px;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectDestinations.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectDestinations.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SelectDestinations.vue?vue&type=template&id=ff0efb36&scoped=true\"\nimport script from \"./SelectDestinations.vue?vue&type=script&lang=js\"\nexport * from \"./SelectDestinations.vue?vue&type=script&lang=js\"\nimport style0 from \"./SelectDestinations.vue?vue&type=style&index=0&id=ff0efb36&prod&scoped=true&lang=css\"\nimport style1 from \"./SelectDestinations.vue?vue&type=style&index=1&id=ff0efb36&prod&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"ff0efb36\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectDestinations.vue?vue&type=style&index=0&id=ff0efb36&prod&scoped=true&lang=css\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SelectDestinations.vue?vue&type=style&index=1&id=ff0efb36&prod&lang=css\""],"sourceRoot":""}