{"version":3,"file":"ViaMapDisplay-BfpvSfAJ.js","sources":["../../../../SPAs/POCViteVue/src/components/molecules/ViaMapDisplay/ViaMapDisplay.vue"],"sourcesContent":["<template>\r\n\t<div :id=\"id\" :style=\"{ width: width, height: height }\" ></div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { onBeforeMount, PropType, onMounted, watch, ref } from 'vue'\r\nimport type { ISearchedProperty } from '@/services/campayacore-api.service'\r\nimport useEventsBus from '@/services/eventbus.service'\r\nimport { debounce } from 'lodash-es'\r\nimport { storeToRefs } from 'pinia';\r\nimport { useFilterStore } from '@/store/filter.store'\r\nimport { openPropertyPageInNewTab } from '@/services/property.service';\r\nconst FILTER_STORE = useFilterStore();\r\nconst { filterObject: FILTER_OBJECT }: any = storeToRefs(FILTER_STORE);\r\n\r\nconst CLUSTER_MAXZOOM = 14\r\nconst CLUSTER_RADIUS = 18\r\nconst DEBOUNCE_TIME = 750\r\n\r\n/**\r\n * @param {number[]} center - The center [lng, Lat] of the map and the marker position if a property array is not specified.\r\n * @param {string} height - The height of the map.\r\n * @param {string} width - The width of the map.\r\n * @param {ISearchedProperty[]} multipleHomes - The properties to display on the map.\r\n */\r\nconst props = defineProps({\r\n\tcenter: { type: Array as PropType<number[]>, required: true },\r\n\theight: { type: String, default: '400px' },\r\n\twidth: { type: String, default: '100%' },\r\n\tzoom: { type: Number, default: 9 },\r\n\tmultipleHomes: { type: Array as PropType<ISearchedProperty[]>, default: undefined },\r\n\tid: { type: String, default: 'map' },\r\n\tstatic: { type: Boolean, default: false },\r\n\tisMobile: { type: Boolean, default: false }\r\n});\r\n\r\nlet map: any;\r\nlet isMapUpdating = false;\r\nlet currentMapZoom = 9;\r\nlet isZoomOutEvent = false;\r\nlet isDragEvent = false;\r\n\r\nfunction redraw() {\r\n\tmap.redraw();\r\n}\r\ndefineExpose({\r\n\tredraw,\r\n});\r\n\r\n\r\nconst emit = defineEmits(['marker-clicked'])\r\nconst { emit: _emit, bus } = useEventsBus()\r\nconst isResizeEvent = ref(false)\r\nconst isEventLoad = ref(false)\r\nconst previousPropertyNumber = ref(0)\r\nconst isReadyForZoomEvent = ref(false)\r\nconst isFirstRun = ref(true)\r\nconst hasSource = ref<boolean>(false)\r\n\r\nfunction addMarker(map: any, lngLat: number[], price?: string) {\r\n\tlet customMarker = createHtmlMarker(price);\r\n\tnew maplibregl.Marker({ element: customMarker, anchor: 'bottom' })\r\n\t\t.setLngLat(lngLat)\r\n\t\t.addTo(map);\r\n}\r\n\r\n\r\nfunction createHtmlMarker(price?: string) {\r\n\tlet customMarker = document.createElement(\"div\");\r\n\r\n\tif (price) {\r\n\t\t// Use marker with price\r\n\t\tlet markerLabel = document.createElement(\"span\");\r\n\t\tmarkerLabel.className = \"price-marker-label bg-white shadow-sm px-2 py-1 rounded-full border border-solid border-border-color text-sm font-bold text-text-color\";\r\n\t\tmarkerLabel.innerHTML = price;\r\n\t\tcustomMarker.appendChild(markerLabel);\r\n\r\n\t\tcustomMarker.className = \"price-marker\";\r\n\r\n\t} else {\r\n\t\t// Use marker without price\r\n\t\tcustomMarker.className = 'custom-marker';\r\n\t\tcustomMarker.style.backgroundImage = 'url(src/images/icons/pin/single-pin-border-simple.webp)';\r\n\t\tcustomMarker.style.width = '38px';\r\n\t\tcustomMarker.style.height = '50px';\r\n\t\tcustomMarker.style.backgroundSize = 'cover';\r\n\t}\r\n\r\n\treturn customMarker;\r\n}\r\n\r\nlet isScriptLoaded = false;\r\n\r\nonBeforeMount(() => {\r\n\tif (document.getElementById(\"maplibre-gl-js\")) {\r\n\t\tisScriptLoaded = true;\r\n\t\treturn; // Script already loaded\r\n\t}\r\n\r\n\tconst script = document.createElement(\"script\");\r\n\tscript.src = \"https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.js\"\r\n\tscript.id = \"maplibre-gl-js\"\r\n\tdocument.head.appendChild(script)\r\n\r\n\tconst link = document.createElement(\"link\")\r\n\tlink.rel = \"stylesheet\"\r\n\tlink.href = 'https://unpkg.com/maplibre-gl@3.6.2/dist/maplibre-gl.css'\r\n\tdocument.head.appendChild(link)\r\n\r\n\tscript.onload = () => {\r\n\t\tcreateMap();\r\n\t\tisScriptLoaded = true\r\n\t};\r\n\r\n\tscript.onerror = () => {\r\n\t\tconsole.error('Failed to load Map Libre library.')\r\n\t}\r\n})\r\n\r\nonMounted(() => {\r\n\twindow.addEventListener('resize', function () {\r\n\t\t// Set the flag to true when the window is resized\r\n\t\tisResizeEvent.value = true\r\n\t});\r\n\r\n\tif (isScriptLoaded) {\r\n\t\tcreateMap()\r\n\t}\r\n\r\n\tif (props.isMobile) {\r\n\t\tdocument.getElementById(props.id)?.scrollIntoView({block: 'end'})\r\n\t}\r\n});\r\n\r\nconst isMapLoaded = () => {\r\n\tconst loadState = (map.loaded() && map.areTilesLoaded()) || FILTER_OBJECT.value.mapLoadCounter == 1\r\n\treturn loadState\r\n}\r\n\r\n/**\r\n * Emit event with the bounding box of the current map view\r\n */\r\nconst handleMoveEndEvent = () => {\r\n\tconst bounds = map.getBounds()\r\n\tconst ne = bounds.getNorthEast()\r\n\tconst sw = bounds.getSouthWest()\r\n\r\n\tFILTER_OBJECT.value.mapZoom = map.getZoom()\r\n\tFILTER_OBJECT.value.mapCenter = map.getCenter()\r\n\r\n\tFILTER_OBJECT.value.mapLoadCounter = 1\r\n\tisEventLoad.value = true\r\n\r\n\t_emit('boundingbox-updated', { ne, sw })\r\n};\r\n\r\nconst handleZoomEndEvent = () => {\r\n\tconst bounds = map.getBounds();\r\n\tconst ne = bounds.getNorthEast();\r\n\tconst sw = bounds.getSouthWest();\r\n\r\n\tFILTER_OBJECT.value.mapLoadCounter = 1;\r\n\tisEventLoad.value = true;\r\n\r\n\t// Check if it's not the first run\r\n\r\n\tif (FILTER_OBJECT.value.isUserZoom) {\r\n\t\t_emit('boundingbox-updated', { ne, sw });\r\n\t}\r\n\r\n\tif (!isFirstRun.value) {\r\n\t\tFILTER_OBJECT.value.isUserZoom = true;\r\n\t}\r\n\r\n\tisFirstRun.value = false\r\n}\r\n\r\n// Debounce the event\r\n// const debouncedHandleMoveEndEvent = debounce(handleMoveEndEvent, DEBOUNCE_TIME)\r\nconst debouncedHandleZoomEndEvent = debounce(handleZoomEndEvent, DEBOUNCE_TIME)\r\n\r\nasync function createMap() {\r\n\tmap = new maplibregl.Map({\r\n\t\tcontainer: props.id, // container id\r\n\t\tstyle: 'https://campaya.mapinfo.viamap-gms.net/v1/style.json?token=eyJkcGZ4IjogImNhbXBheWEiLCAicmVmIjogImNhbXBheWEgc2l0ZTEiLCAicGFyIjogImNhbXBheWEiLCAicHJpdnMiOiAicmdkamhjNy9kaXRFQTNCWiJ9.At/6XdsTaASNJKkCJjrwkJeDMfKYT1sCWdRgJMa+m5JJ38DNxhXtlu0LBIQWT/Xg30Gq1I4fj5r3x0kZVshF3Q', // style URL\r\n\t\tcenter: props.center || [0, 40], // starting position [lng, lat]\r\n\t\tzoom: props.zoom, // starting zoom\r\n\t\tlocale: document.documentElement.lang,\r\n\t\tinteractive: !props.static,\r\n\t})\r\n\r\n\tmap.addControl(new maplibregl.NavigationControl(), 'bottom-right')\r\n\r\n\r\n\taddImagesToMap(map)\r\n\r\n\r\n\tif (props.multipleHomes) {\r\n\t\tif (props.multipleHomes.length > 0) {\r\n\t\t\tmap.fitBounds(getBounds(props.multipleHomes), { padding: 50 })\r\n\t\t}\r\n\r\n\t\taddClusters(map, convertMultipleHomesToGeoJson(props.multipleHomes))\r\n\t} else {\r\n\t\taddMarker(map, props.center)\r\n\t}\r\n\r\n\tmap.on('load', () => {\r\n\t\tsetLanguage(document.documentElement.lang.slice(0, 2))\r\n\r\n\t\tmap.on('styleimagemissing', () => {\r\n\t\t\taddImagesToMap(map)\r\n\t\t})\r\n\r\n\t\t/**\r\n\t   * When the map is moved, do a debounced emit to make a new search\r\n\t   * based on the bounding box of the current map view\r\n\t   */\r\n\t\tmap.on('dragend', debouncedHandleZoomEndEvent)\r\n\t\tmap.on('dragend', () => {\r\n\t\t\tisDragEvent = true\r\n\t\t});\r\n\t\tmap.on('zoomend', debouncedHandleZoomEndEvent);\r\n\t\tmap.on('zoomend', () => {\r\n\t\t\tisZoomOutEvent = isZoomOutEvent || currentMapZoom > map.getZoom()\r\n\t\t\tcurrentMapZoom = map.getZoom()\r\n\t\t})\r\n\t});\r\n\r\n\tcurrentMapZoom = map.getZoom()\r\n\r\n\r\n\r\n\t// Wait for attribution to be added to DOM\r\n\tconst attribution = await waitForElement(`#${props.id} .maplibregl-control-container .maplibregl-ctrl-bottom-right .maplibregl-compact-show summary`);\r\n\t(<HTMLElement>attribution)?.click();\r\n\treturn map;\r\n}\r\n\r\nfunction waitForElement(selector: string) {\r\n\treturn new Promise(resolve => {\r\n\t\tif (document.querySelector(selector)) {\r\n\t\t\treturn resolve(document.querySelector(selector));\r\n\t\t}\r\n\r\n\t\tconst observer = new MutationObserver(_mutations => {\r\n\t\t\tconst element = document.querySelector(selector);\r\n\t\t\tif (element) {\r\n\t\t\t\tobserver.disconnect();\r\n\t\t\t\tresolve(element);\r\n\t\t\t}\r\n\t\t});\r\n\r\n\t\tobserver.observe(document.body, {\r\n\t\t\tchildList: true,\r\n\t\t\tsubtree: true\r\n\t\t});\r\n\t});\r\n}\r\n\r\nfunction setLanguage(lang) {\r\n\tlet style = map.getStyle();\r\n\tstyle.layers.forEach(({ id }) => {\r\n\t\tif (id === \"place_label_city_town_medium\" || id === 'place_label_city_big' || id === 'country_label') {\r\n\t\t\tmap.setLayoutProperty(id, 'text-field', `{name:${lang}}`);\r\n\t\t}\r\n\t})\r\n}\r\n\r\nfunction getBounds(multipleHomes) {\r\n\t// Note: could be calculated by the backend\r\n\tconst bounds = multipleHomes.reduce((acc, home) => {\r\n\t\treturn [\r\n\t\t\t[\r\n\t\t\t\tMath.max(acc[0][0], home.lon),\r\n\t\t\t\tMath.max(acc[0][1], home.lat)\r\n\t\t\t],\r\n\t\t\t[\r\n\t\t\t\tMath.min(acc[1][0], home.lon),\r\n\t\t\t\tMath.min(acc[1][1], home.lat)\r\n\t\t\t]\r\n\t\t]\r\n\t}, [[-Infinity, -Infinity], [Infinity, Infinity]]);\r\n\r\n\tconst sw = new maplibregl.LngLat(bounds[1][0], bounds[1][1]);\r\n\tconst ne = new maplibregl.LngLat(bounds[0][0], bounds[0][1]);\r\n\treturn new maplibregl.LngLatBounds(sw, ne);\r\n}\r\n\r\nconst addClusters = (map, geojson) => {\r\n\tmap.on('load', () => {\r\n\t\tloadGeoJson(map, geojson);\r\n\r\n\t\taddClusterPinLayer(map)\r\n\t\taddClusterTextLayer(map)\r\n\t\taddSinglePinLayer(map)\r\n\r\n\r\n\r\n\t\tmap.on('click', 'clusters', function (e) {\r\n\t\t\tvar features = map.queryRenderedFeatures(e.point, { layers: ['clusters'] });\r\n\t\t\tvar clusterId = features[0].properties.cluster_id;\r\n\t\t\tmap.getSource('properties').getClusterExpansionZoom(clusterId, function (err, zoom) {\r\n\t\t\t\tif (err)\r\n\t\t\t\t\treturn;\r\n\r\n\t\t\t\t//Sometimes clusterexpansionzoom doesn't zoom in, so if map zoom and expansion zoom is the same, then always zoom\r\n\t\t\t\tif (map.getZoom() === zoom)\r\n\t\t\t\t\tzoom++;\r\n\r\n\t\t\t\tmap.easeTo({\r\n\t\t\t\t\tcenter: features[0].geometry.coordinates,\r\n\t\t\t\t\tzoom: zoom\r\n\t\t\t\t});\r\n\t\t\t\tcurrentMapZoom = map.getZoom()\r\n\t\t\t});\r\n\t\t});\r\n\t\tmap.on('click', 'unclustered-point', (e) => {\r\n\t\t\tconst features = map.queryRenderedFeatures(e.point, { layers: ['unclustered-point'] });\r\n\t\t\tconst propertyId = features[0].properties.id;\r\n\t\t\tif (e.originalEvent.ctrlKey) {\r\n\t\t\t\treturn openPropertyPageInNewTab(propertyId);\r\n\t\t\t}\r\n\t\t\temit('marker-clicked', propertyId);\r\n\t\t})\r\n\r\n\t\tmap.on('mousemove', 'unclustered-point', function (e) {\r\n\t\t\tmap.getCanvas().style.cursor = 'pointer';\r\n\t\t});\r\n\t\tmap.on('mousemove', 'clusters', function (e) {\r\n\t\t\tmap.getCanvas().style.cursor = 'pointer';\r\n\t\t});\r\n\t\tmap.on('mouseleave', 'unclustered-point', function (e) {\r\n\t\t\tmap.getCanvas().style.cursor = '';\r\n\t\t});\r\n\t\tmap.on('mouseleave', 'clusters', function (e) {\r\n\t\t\tmap.getCanvas().style.cursor = '';\r\n\t\t});\r\n\t});\r\n}\r\n\r\nfunction addImagesToMap(map) {\r\n\tmap.loadImage('/src/images/icons/pin/single-pin-border-simple.webp', (error, image) => {\r\n\t\tif (error) return console.error(error);\r\n\t\tif (!map.hasImage('single-pin')) {\r\n\t\t\tmap.addImage('single-pin', image);\r\n\t\t}\r\n\t});\r\n\tmap.loadImage('/src/images/icons/pin/cluster-pin-border-simple.webp', (error, image) => {\r\n\t\tif (error) return console.error(error);\r\n\t\tif (!map.hasImage('cluster-pin')) {\r\n\t\t\tmap.addImage('cluster-pin', image);\r\n\t\t}\r\n\t});\r\n}\r\n\r\nfunction loadGeoJson(map, geojson) {\r\n\tif (!map.getSource('properties')) {\r\n\t\tmap.addSource('properties', {\r\n\t\t\ttype: 'geojson',\r\n\t\t\tdata: geojson,\r\n\t\t\tcluster: true,\r\n\t\t\tclusterMaxZoom: CLUSTER_MAXZOOM, // Max zoom to cluster points on\r\n\t\t\tclusterRadius: CLUSTER_RADIUS // Radius of each cluster when clustering points (defaults to 50)\r\n\t\t})\r\n\t\thasSource.value = true\r\n\t}\r\n}\r\n\r\nfunction addClusterPinLayer(map) {\r\n\tif (map.getLayer('clusters')) {\r\n\t\tmap.removeLayer('clusters');\r\n\t}\r\n\r\n\tmap.addLayer({\r\n\t\tid: \"clusters\",\r\n\t\ttype: \"symbol\",\r\n\t\tinteractive: true,\r\n\t\tsource: \"properties\",\r\n\t\tfilter: [\"has\", \"point_count\"],\r\n\t\tlayout: {\r\n\t\t\t\"icon-image\": \"cluster-pin\",\r\n\t\t\t\"icon-allow-overlap\": true,\r\n\t\t\t\"text-allow-overlap\": true,\r\n\t\t\t\"icon-size\": [ //Change size, depending on number\r\n\t\t\t\t\"step\",\r\n\t\t\t\t[\"get\", \"point_count\"],\r\n\t\t\t\t1,\r\n\t\t\t\t10, //when more than 10\r\n\t\t\t\t1.1,\r\n\t\t\t\t100, //When more than 100\r\n\t\t\t\t1.2,\r\n\t\t\t\t1000, //when more than 1000\r\n\t\t\t\t1.3\r\n\t\t\t],\r\n\t\t\t\"symbol-sort-key\": 1\r\n\t\t}\r\n\t});\r\n}\r\n\r\nfunction addClusterTextLayer(map) {\r\n\tif (map.getLayer('cluster-count')) {\r\n\t\tmap.removeLayer('cluster-count');\r\n\t}\r\n\r\n\tmap.addLayer({\r\n\t\tid: \"cluster-count\",\r\n\t\ttype: \"symbol\",\r\n\t\tsource: \"properties\",\r\n\t\tfilter: [\"has\", \"point_count\"],\r\n\t\tlayout: {\r\n\t\t\t\"text-field\": \"{point_count_abbreviated}\",\r\n\t\t\t\"text-font\": [\"OpenSans-SemiBold\"],\r\n\t\t\t\"text-size\": 12,\r\n\t\t\t\"text-allow-overlap\": true,\r\n\t\t\t\"symbol-sort-key\": 2\r\n\t\t},\r\n\t\tpaint: {\r\n\t\t\t\"text-color\": \"white\"\r\n\t\t}\r\n\t});\r\n}\r\n\r\nfunction addSinglePinLayer(map) {\r\n\tif (map.getLayer('unclustered-point')) {\r\n\t\tmap.removeLayer('unclustered-point');\r\n\t}\r\n\r\n\tmap.addLayer({\r\n\t\tid: \"unclustered-point\",\r\n\t\ttype: \"symbol\",\r\n\t\tinteractive: true,\r\n\t\tsource: \"properties\",\r\n\t\tfilter: [\"!\", [\"has\", \"point_count\"]],\r\n\t\tlayout: {\r\n\t\t\t\"icon-image\": \"single-pin\",\r\n\t\t\t\"icon-anchor\": \"bottom\",\r\n\t\t\t\"icon-allow-overlap\": true,\r\n\t\t\t\"text-allow-overlap\": true,\r\n\t\t\t\"symbol-sort-key\": 3\r\n\t\t}\r\n\t});\r\n}\r\n\r\n// Note: could be calculated by the backend\r\nfunction convertMultipleHomesToGeoJson(multipleHomes: ISearchedProperty[]) {\r\n\treturn {\r\n\t\t\"type\": \"FeatureCollection\",\r\n\t\t\"features\": multipleHomes.map((home) => {\r\n\t\t\treturn {\r\n\t\t\t\t\"type\": \"Feature\",\r\n\t\t\t\t\"properties\": {\r\n\t\t\t\t\t\"id\": home.id\r\n\t\t\t\t},\r\n\t\t\t\t\"geometry\": {\r\n\t\t\t\t\t\"type\": \"Point\",\r\n\t\t\t\t\t\"coordinates\": [home.lon, home.lat]\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n}\r\n\r\n\r\n\r\n\r\nconst updateMapFromWatch = async (shouldAddToMap: boolean) => {\r\n\r\n\tif (!map) return;\r\n\tif (FILTER_OBJECT.value.mapLoadCounter != 2) return;\r\n\r\n\tconst source = map.getSource(\"properties\");\r\n\r\n\tif (!source) {\r\n\t\taddClusters(map, convertMultipleHomesToGeoJson(props.multipleHomes));\r\n\t\tconsole.error('No map source');\r\n\t}\r\n\r\n\tconst newGeoJson = convertMultipleHomesToGeoJson(props.multipleHomes);\r\n\tconst currentGeoJson = source._data; // Access the current data directly from the mapbox-gl source\r\n\r\n\tif (JSON.stringify(newGeoJson) !== JSON.stringify(currentGeoJson)) {\r\n\t\tif (shouldAddToMap) {\r\n\t\t\tmap.getSource(\"properties\").setData(newGeoJson);\r\n\t\t}\r\n\r\n\t\tif (FILTER_OBJECT.value.isUserZoom) return;\r\n\r\n\t\t// FILTER_OBJECT.value.mapLoadCounter = 2 means that this is not the initialLoad search request\r\n\t\tif (props.multipleHomes.length > 0 && FILTER_OBJECT.value.mapLoadCounter == 2) {\r\n\t\t\tmap.fitBounds(getBounds(props.multipleHomes), { padding: 50 });\r\n\t\t}\r\n\t} else {\r\n\t\tif (FILTER_OBJECT.value.isUserZoom) return;\r\n\t\tmap.fitBounds(getBounds(props.multipleHomes), { padding: 50 });\r\n\t}\r\n\r\n\tcurrentMapZoom = map.getZoom()\r\n}\r\n\r\n\r\n\r\n// Keeps the map updated\r\nwatch(\r\n\t[() => props.multipleHomes, () => hasSource.value],\r\n\tasync (newMultihomeValue, oldMultihomeValue) => {\r\n\t\tconst shouldAddToMap = props.multipleHomes != undefined &&\r\n\t\t\t\t\t\t\t  (props.multipleHomes?.length >= 10000 ||\r\n\t\t\t\t\t\t\t  (FILTER_OBJECT.value.mapLoadCounter == 2 &&\r\n\t\t\t\t\t\t\t  (!FILTER_OBJECT.value.isUserZoom || isZoomOutEvent || isDragEvent)))\r\n\t\tif (!hasSource.value) { return }\r\n\r\n\t\tisZoomOutEvent = false;\r\n\t\tisDragEvent = false;\r\n\r\n\t\tupdateMapFromWatch(shouldAddToMap);\r\n\t\t// if (!isEventLoad.value) {\r\n\t\t//   updateMapFromWatch(true);\r\n\t\t//   return isEventLoad.value = false\r\n\t\t// }\r\n\r\n\t\t// updateMapFromWatch(false);\r\n\t},\r\n\t{ deep: true })\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\r\n@media (min-width: 1024px) {\r\n\t.maplibregl-ctrl maplibregl-ctrl-attrib {\r\n\t\tpadding-right: 1rem;\r\n\t\tborder-top-left-radius: 9999px;\r\n\t\tborder-bottom-left-radius: 9999px;\r\n\t}\r\n}\r\n\r\n</style>"],"names":["CLUSTER_MAXZOOM","CLUSTER_RADIUS","DEBOUNCE_TIME","FILTER_STORE","useFilterStore","FILTER_OBJECT","storeToRefs","props","__props","map","currentMapZoom","isZoomOutEvent","isDragEvent","redraw","__expose","emit","__emit","_emit","bus","useEventsBus","isResizeEvent","ref","isEventLoad","isFirstRun","hasSource","addMarker","lngLat","price","customMarker","createHtmlMarker","isScriptLoaded","onBeforeMount","script","link","createMap","onMounted","_a","debouncedHandleZoomEndEvent","debounce","bounds","ne","sw","addImagesToMap","getBounds","addClusters","convertMultipleHomesToGeoJson","setLanguage","attribution","waitForElement","selector","resolve","observer","_mutations","element","lang","id","multipleHomes","acc","home","geojson","loadGeoJson","addClusterPinLayer","addClusterTextLayer","addSinglePinLayer","e","features","clusterId","err","zoom","propertyId","openPropertyPageInNewTab","error","image","updateMapFromWatch","shouldAddToMap","source","newGeoJson","currentGeoJson","watch","newMultihomeValue","oldMultihomeValue"],"mappings":"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"}