{"version":3,"sources":["webpack:///./app/frontend/scripts/utils/bien-ici-map.js","webpack:///./app/frontend/scripts/utils/map-helpers.js","webpack:///app/frontend/scripts/components/AccommodationsMap.vue","webpack:///./app/frontend/scripts/components/AccommodationsMap.vue?36ac","webpack:///./app/frontend/scripts/components/AccommodationsMap.vue"],"names":["data","class","mapOptions","computed","defaultMapOptions","container","this","$refs","map","zoom","theta","phi","lon","lat","sunPositionSelector","draggableTouch","scrollwheel","mounted","kimono","addMap","on","onLoad","render","createElement","ref","findBounds","collection","bounds","attributes","latitude","longitude","L","latLng","filter","Boolean","latLngBounds","props","searchParams","type","required","markers","mapGetters","accommodations","mutableProperties","watch","axios","then","methods","_realEstateAd","onLoaded","virtualVisitUrlPicto","videoUrlPicto","minWidth","maxWidth","setContent","lng","icon","className","html","iconSize","iconAnchor","addTo","bindPopup","popup","marker","window","document","el","component","staticRenderFns"],"mappings":"kxBAAe,KACbA,KADa,WAEX,MAAO,CACLC,MAAO,kBACPC,WAAY,CAAC,EAEhB,EAEDC,SAAU,CACRC,kBADQ,WAEN,MAAO,CACLC,UAAWC,KAAKC,MAAMC,IACtBC,KAAM,GACNC,MAAO,GACPC,IAAK,EACLC,IAAK,OACLC,IAAK,QACLC,qBAAqB,EACrBC,gBAAgB,EAChBC,aAAa,EAEhB,GAGHC,QAxBa,WAyBVC,OAAOC,OAAP,OACIb,KAAKF,mBACLE,KAAKJ,aAETkB,GAAG,OAAQd,KAAKe,OAClB,EAEDC,OAhCa,SAgCLC,GACN,OAAOA,EACL,MACA,CACEC,IAAK,MACLvB,MAAOK,KAAA,OAGZ,E,mCCxCH,sCAAMmB,EAAa,SAACC,GAClB,IAAMC,EAASD,EAAWlB,KAAI,YAA8C,IAAD,IAA1CoB,WAAcC,EAA4B,EAA5BA,SAAUC,EAAkB,EAAlBA,UACvD,OAAKD,GAAaC,EAIXC,EAAEC,OAAOH,EAAUC,GAHjB,IAIV,IAAEG,OAAOC,SAEV,OAAOH,EAAEI,aAAaR,EACvB,C,+wBCJa,ICNmO,EDMnO,CACd,YAEAS,OACAC,cACAC,YACAC,cAIAvC,KAVA,WAWA,OACAwC,WACAhC,SAEA,EAEAL,gBACAsC,aACAC,sCAFA,IAKAC,kBALA,WAMA,kDACA,wCAIA,IAGAC,OACAD,kBADA,WAEA,eACA,GAGA1B,QArCA,WAqCA,WACA4B,6DACAC,MAAA,yBACA,2CACA,GACA,EAEAC,SACA1B,OADA,SACA2B,EAAAxC,GACA,UACA,EAEAyC,SALA,WAKA,WACA,iEACA,gBAEA,qDAEA,mEACA,KACA,oBACAC,kFAEAtB,kBAFA,shDAcA,SACA,aACAuB,kFAEAvB,WAFA,26BAcA,eACAwB,aACAC,eACAC,WAHA,gCAIA1B,uBAJA,kQAOAA,aAPA,oNAYAA,QAZA,oHAeAA,QAfA,oHAkBAsB,EAlBA,+BAmBAC,EAnBA,iGA0BA,eACA,CACAtC,eACA0C,iBAEA,CACAC,gBACAC,8JACAC,wDACAC,kBACAC,qBAIAC,MAAA,OACAC,UAAAC,GAEAC,2CACA,gBACA,IAEAA,0CAEA,sCACA,iBAEA,IAEAA,uCACAC,4CACA,IAEA,iBACA,IAEAC,oEACA,0BACA,oDAEAC,8EACAA,iFACA,GACA,I,OE3JIC,EAAY,YACd,EARE9C,UAAQ+C,WAWV,EACA,KACA,KACA,MAIa,UAAAD,E","file":"js/16-3058edd06dbc2e08c7a2.chunk.js","sourcesContent":["export default {\n  data () {\n    return {\n      class: 'h-map xl:h-auto',\n      mapOptions: {}\n    }\n  },\n\n  computed: {\n    defaultMapOptions () {\n      return {\n        container: this.$refs.map,\n        zoom: 13,\n        theta: 55,\n        phi: 5,\n        lon: 6.1727,\n        lat: 49.1191,\n        sunPositionSelector: true,\n        draggableTouch: true,\n        scrollwheel: false\n      }\n    }\n  },\n\n  mounted () {\n     kimono.addMap({\n      ...this.defaultMapOptions,\n      ...this.mapOptions\n    })\n    .on('load', this.onLoad)\n  },\n\n  render (createElement) {\n    return createElement(\n      'div',\n      {\n        ref: 'map',\n        class: this.class\n      }\n    )\n  }\n}\n","const findBounds = (collection) => {\n  const bounds = collection.map(({ attributes: { latitude, longitude } }) => {\n    if (!latitude || !longitude) {\n      return null\n    }\n\n    return L.latLng(latitude, longitude)\n  }).filter(Boolean)\n\n  return L.latLngBounds(bounds)\n}\n\nexport {\n  findBounds\n}\n","<script>\nimport axios from 'axios'\nimport { mapGetters } from 'vuex'\nimport bienIciMap from '@utils/bien-ici-map'\nimport { findBounds } from '@utils/map-helpers'\n\nexport default {\n  extends: bienIciMap,\n\n  props: {\n    searchParams: {\n      type: Object,\n      required: true\n    }\n  },\n\n  data () {\n    return {\n      markers: [],\n      map: null\n    }\n  },\n\n  computed: {\n    ...mapGetters({\n      accommodations: 'getAccommodations'\n    }),\n\n    mutableProperties () {\n      if (this.map && this.accommodations.length) {\n        return this.map, this.accommodations, Date.now() // eslint-disable-line\n      }\n\n      return false\n    }\n  },\n\n  watch: {\n    mutableProperties () {\n      this.onLoaded()\n    }\n  },\n\n  mounted () {\n    axios.get('/api/v1/accommodations', { params: this.searchParams })\n      .then(({ data }) => {\n        this.$store.commit('setAccommodations', data.data)\n      })\n  },\n\n  methods: {\n    onLoad (_realEstateAd, map) {\n      this.map = map\n    },\n\n    onLoaded () {\n      this.markers.forEach(marker => this.map.removeLayer(marker))\n      this.markers = []\n\n      this.map.fitBounds(findBounds(this.accommodations))\n\n      this.accommodations.forEach(({ id, attributes }) => {\n        let virtualVisitUrlPicto = \"\"\n        if (attributes.virtualVisitUrl) {\n          virtualVisitUrlPicto =\n            `\n              <a class=\"thumb-pop-in__icon inline-block w-10\" href=\"${attributes.virtualVisitUrl}\" target=\"_blank\" rel=\"noopener\">\n                <div class=\"thumb-pop-in__icon-bg relative w-10 h-10 flex justify-center items-center rounded-full font-bold mx-auto\">\n                  <div class=\"text-white absolute text-xl font-sans top-1/2 left-0 right-0 mx-auto text-center transform -translate-y-1/2\">\n                    <svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fal\" data-icon=\"street-view\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" class=\"text-xs svg-inline--fa fa-street-view fa-w-16 \">\n                      <path fill=\"currentColor\" d=\"M368 360.15v30.87c62.27 8.42 104 23.6 104 40.99 0 26.51-96.71 48-216 48S40 458.51 40 432c0-17.38 41.73-32.56 104-40.99v-30.87C58.82 373.14 0 400.39 0 432c0 44.18 114.62 80 256 80s256-35.82 256-80c0-31.61-58.82-58.86-144-71.85zM176 320v80c0 26.47 21.53 48 48 48h64c26.47 0 48-21.53 48-48v-80c26.47 0 48-21.53 48-48v-64c0-34.53-22.11-63.75-52.82-74.93C339.14 119.84 344 104.54 344 88c0-48.52-39.48-88-88-88s-88 39.48-88 88c0 16.54 4.86 31.84 12.82 45.07C150.11 144.25 128 173.47 128 208v64c0 26.47 21.53 48 48 48zm80-288c30.93 0 56 25.07 56 56s-25.07 56-56 56-56-25.07-56-56 25.07-56 56-56zm-96 176c0-25.76 20.44-46.68 45.93-47.79C220.17 170.11 237.38 176 256 176s35.83-5.89 50.07-15.79C331.56 161.32 352 182.24 352 208v64c0 8.83-7.19 16-16 16h-32v112c0 8.83-7.19 16-16 16h-64c-8.81 0-16-7.17-16-16V288h-32c-8.81 0-16-7.17-16-16v-64z\" class=\"\"></path>\n                    </svg>\n                  </div>\n                </div>\n              </a>\n            `\n        }\n\n        let videoUrlPicto = \"\"\n        if (attributes.videoUrl) {\n          videoUrlPicto =\n            `\n              <a class=\"thumb-pop-in__icon inline-block w-10\" href=\"${attributes.videoUrl}\" target=\"_blank\" rel=\"noopener\">\n                <div class=\"thumb-pop-in__icon-bg relative w-10 h-10 flex justify-center items-center rounded-full font-bold mx-auto\">\n                  <div class=\"text-white absolute text-xl font-sans top-1/2 left-0 right-0 mx-auto text-center transform -translate-y-1/2\">\n                    <svg aria-hidden=\"true\" focusable=\"false\" data-prefix=\"fal\" data-icon=\"play\" role=\"img\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 448 512\" class=\"text-xs svg-inline--fa fa-play fa-w-14\">\n                      <path fill=\"currentColor\" d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6zm-16.2 55.1l-352 208C45.6 483.9 32 476.6 32 464V47.9c0-16.3 16.4-18.4 24.1-13.8l352 208.1c10.5 6.2 10.5 21.4.1 27.6z\" class=\"\"></path>\n                    </svg>\n                  </div>\n                </div>\n              </a>\n            `\n        }\n\n        const popup = L.popup({\n          minWidth: 220,\n          maxWidth: 220\n        }).setContent(`\n           <a href=\"${attributes.seoAccommodationPath}\" onclick=\"void(0)\" target=\"_blank\" rel=\"noopener\">\n            <div class=\"thumb thumb-pop-in relative shadow bg-white w-thumb-pop-in mx-auto\">\n              <div class=\"img-ratio\">\n                <img class=\"img-cover lazy-load loaded\" src=\"${attributes.pictureUrl}\" loading=\"lazy\" />\n              </div>\n\n              <div class=\"py-6 px-8\">\n                <span class=\"thumb-pop-in__title font-sans text-xl text-gray leading-tight pb-3\">\n                  ${attributes.title}\n                </span>\n                <p class=\"font-sans text-primary text-xl\">\n                  ${attributes.price}\n                </p>\n                <div class=\"absolute bottom-4 right-16 mt-3\">\n                  ${virtualVisitUrlPicto}\n                  ${videoUrlPicto}\n                </div>\n              </div>\n            </div>\n          </a>\n        `)\n\n        const marker = new L.Marker(\n          {\n            lat: attributes.latitude,\n            lng: attributes.longitude\n          },\n          {\n            icon: L.divIcon({\n              className: `bg-map-icon transition transition-colors duration-300 flex justify-center font-sans text-xs font-medium text-white rounded icon-marker-${id}`,\n              html: `<p class=\"px-2\">${attributes.formattedPrice}</p>`,\n              iconSize: [\"auto\"],\n              iconAnchor: [0, 0]\n            })\n          }\n        )\n        .addTo(this.map)\n        .bindPopup(popup)\n\n        marker.addEventListener('mouseover', function () {\n          this.openPopup()\n        })\n\n        marker.addEventListener('mouseout', function () {\n          // Only if the devise has a mouse.\n          if (matchMedia('(pointer:fine)').matches) {\n            this.closePopup()\n          }\n        })\n\n        marker.addEventListener('click', function () {\n          window.open(attributes.seoAccommodationPath, '_blank')\n        })\n\n        this.markers.push(marker)\n      })\n\n      document.querySelectorAll('[data-card-maker]').forEach(el => {\n        const id = el.dataset.cardMaker\n        const icon = document.querySelector(`.icon-marker-${id}`)\n\n        el.addEventListener('mouseover', () => icon.classList.add('hover'))\n        el.addEventListener('mouseleave', () => icon.classList.remove('hover'))\n      })\n    }\n  }\n}\n</script>\n","import mod from \"-!../../../../../../shared/node_modules/babel-loader/lib/index.js??ref--4-0!../../../../../../shared/node_modules/vue-loader/lib/index.js??vue-loader-options!./AccommodationsMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../shared/node_modules/babel-loader/lib/index.js??ref--4-0!../../../../../../shared/node_modules/vue-loader/lib/index.js??vue-loader-options!./AccommodationsMap.vue?vue&type=script&lang=js&\"","var render, staticRenderFns\nimport script from \"./AccommodationsMap.vue?vue&type=script&lang=js&\"\nexport * from \"./AccommodationsMap.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../shared/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}