waygo-maps 1.1.41 → 1.1.43

package/dist/bundle.js

@@ -614,7 +614,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! webpack */ \"./node_modules/webpack/lib/index.js\");\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(webpack__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }\nfunction _get() { return _get = \"undefined\" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }\nfunction _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\n\n\n\nvar InteractionControl = /*#__PURE__*/function (_Control) {\n  function InteractionControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, InteractionControl);\n    _this = _callSuper(this, InteractionControl, [options]);\n    _this.map = null;\n    _this.previouslySelectedFeature = null;\n    _this.previouslySelectedIcon = null;\n    _this.previouslySelectedTextColor = null;\n    _this.previouslySelectedTextOffset = null;\n    _this.previouslyHoveredFeature = null;\n    _this.originalTextColor = null;\n    _this.textColorReference = {};\n    _this.currentView = null; // Can be set to 'desktop' or 'mobile'\n\n    _this.selectedTextColor = '#BE2E28';\n    _this.interactionEnabled = true;\n    return _this;\n  }\n  _inherits(InteractionControl, _Control);\n  return _createClass(InteractionControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'interaction-control-container';\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.createHighlightedContentLayer();\n      this.createSelectedContentLayer();\n      this.storeTextColorReferences();\n      // this.applyHoverEffectToAllSymbolLayers();\n\n      return this.container;\n    }\n  }, {\n    key: \"_initialize\",\n    value: function _initialize() {\n      var containerWidth = this.map.mapContainer.offsetWidth;\n      this._configureView(containerWidth);\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(InteractionControl, \"onRemove\", this, 3)([]);\n    }\n\n    // _attachResizeListener() {\n    //     window.addEventListener('resize', () => {\n    //         const newWidth = this.map.mapContainer.offsetWidth;\n    //         this._configureView(newWidth);\n    //     });\n    // }\n  }, {\n    key: \"_configureView\",\n    value: function _configureView(width) {\n      if (width > 767) {\n        this._setViewForDesktop();\n      } else {\n        this._setViewForMobile();\n      }\n    }\n  }, {\n    key: \"_setViewForDesktop\",\n    value: function _setViewForDesktop() {\n      this.currentView = 'desktop';\n    }\n  }, {\n    key: \"_setViewForMobile\",\n    value: function _setViewForMobile() {\n      this.currentView = 'mobile';\n    }\n  }, {\n    key: \"initializeEventListeners\",\n    value: function initializeEventListeners() {\n      var _this2 = this;\n      this.map.map.on('styleimagemissing', function (e) {\n        var missingImage = e.id;\n        console.warn(\"Image \\\"\".concat(missingImage, \"\\\" could not be loaded.\"));\n      });\n      this.map.map.on('click', function (e) {\n        _this2._handleClick(e);\n      });\n      this.map.on('state:default', this._handleDefaultState.bind(this));\n      this.map.on('state:search', this._handleSearchState.bind(this));\n      this.map.on('state:selectedContent', this._handleSelectedContentState.bind(this));\n      this.map.on('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.map.on('additionalSearchResults', this._handleAdditionalSearch.bind(this));\n      this.map.on('hoverSearchResult', this._handleHoverSearchResult.bind(this));\n      this.map.on('hoverEndSearchResult', this._handleHoverEndSearchResult.bind(this));\n    }\n  }, {\n    key: \"storeTextColorReferences\",\n    value: function storeTextColorReferences() {\n      var _this3 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          var textColor = _this3.map.map.getPaintProperty(layer.id, 'text-color');\n          if (textColor !== undefined) {\n            _this3.textColorReference[layer.id] = textColor; // Store the text color reference using the layer ID as the key\n          }\n        }\n      });\n    }\n  }, {\n    key: \"createSelectedContentLayer\",\n    value: function createSelectedContentLayer() {\n      this.map.map.addSource('selected-content', {\n        'type': 'geojson',\n        'data': {\n          'type': 'FeatureCollection',\n          'features': [] // Initially empty, you will add features dynamically\n        }\n      });\n\n      // Add a layer that references this GeoJSON source and matches the styling in your Mapbox Studio project\n      this.map.map.addLayer({\n        'id': 'selected-content-layer',\n        'type': 'symbol',\n        // Or 'fill', 'line', etc. based on your needs\n        'source': 'selected-content',\n        'layout': {\n          'text-field': ['get', 'name'],\n          'text-font': ['Inter Medium'],\n          'text-size': 14,\n          'text-justify': 'left',\n          'text-anchor': 'bottom-left',\n          'text-offset': [1.3, -1],\n          'icon-image': 'selected-pin',\n          'icon-size': 0.5,\n          'icon-offset': [0, -5],\n          'icon-anchor': 'bottom',\n          'symbol-z-elevate': true,\n          'text-padding': 10,\n          'icon-padding': 5\n        },\n        'paint': {\n          'text-color': '#BE2E28',\n          'text-halo-color': '#ffffff',\n          'text-halo-width': 1\n        }\n      });\n    }\n  }, {\n    key: \"createHighlightedContentLayer\",\n    value: function createHighlightedContentLayer() {\n      this.map.map.addSource('highlighted-content', {\n        'type': 'geojson',\n        'data': {\n          'type': 'FeatureCollection',\n          'features': []\n        }\n      });\n      this.map.map.addLayer({\n        'id': 'highlighted-content-layer',\n        'type': 'symbol',\n        'source': 'highlighted-content',\n        'layout': {\n          'text-field': ['get', 'name'],\n          'text-font': ['Inter Medium'],\n          'text-size': 14,\n          'text-justify': 'left',\n          'text-anchor': 'bottom-left',\n          'text-offset': [1.2, -0.6],\n          'icon-image': 'highlightedPin',\n          'icon-size': 0.5,\n          'icon-offset': [0, -5],\n          'icon-anchor': 'bottom',\n          'symbol-z-elevate': true,\n          'text-padding': 5,\n          'icon-padding': 5\n        },\n        'paint': {\n          'text-color': '#1E1E1E',\n          'text-halo-color': '#ffffff',\n          'text-halo-width': 1\n        }\n      });\n    }\n\n    // clearSelectedContentLayer() {\n    //     this.map.map.getSource('selected-content').setData({\n    //         'type': 'FeatureCollection',\n    //         'features': []\n    //     });\n    // }\n\n    // clearHighlightedContentLayer() {\n    //     this.map.map.getSource('highlighted-content').setData({\n    //         'type': 'FeatureCollection',\n    //         'features': []\n    //     });\n    // }\n\n    // addSelectedFeature(coordinates, properties) {\n    //     const source = this.map.map.getSource('selected-content');\n    //     const currentData = source._data;\n    //     const newFeature = {\n    //         'type': 'Feature',\n    //         'geometry': {\n    //             'type': 'Point',\n    //             'coordinates': coordinates\n    //         },\n    //         'properties': properties\n    //     };\n    //     currentData.features.push(newFeature);\n    //     source.setData(currentData);\n    // }\n\n    // addHighlightedFeature(coordinates, properties) {\n    //     const source = this.map.map.getSource('highlighted-content');\n    //     const currentData = source._data;\n    //     const newFeature = {\n    //         'type': 'Feature',\n    //         'geometry': {\n    //             'type': 'Point',\n    //             'coordinates': coordinates\n    //         },\n    //         'properties': properties\n    //     };\n    //     currentData.features.push(newFeature);\n    //     source.setData(currentData);\n\n    //     return newFeature;\n    // }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.interactionEnabled = true;\n      this.applyHoverEffectToAllSymbolLayers();\n      this.map.clearHighlightedContentLayer();\n      this.map.clearSelectedContentLayer();\n      this.showSymbolLayers();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.interactionEnabled = true;\n      this.applyHoverEffectToAllSymbolLayers();\n      this.hideSymbolLayers();\n      this.map.clearSelectedContentLayer();\n      this.updateLabelsForSearchResults(results);\n    }\n  }, {\n    key: \"_handleAdditionalSearch\",\n    value: function _handleAdditionalSearch(data) {\n      var results = data.results;\n      this.updateLabelsForSearchResults(results, false);\n    }\n  }, {\n    key: \"_handleHoverSearchResult\",\n    value: function _handleHoverSearchResult(data) {\n      var result = data.result;\n      this.updateLabelForSelectedContentPlacement(result, false);\n    }\n  }, {\n    key: \"_handleHoverEndSearchResult\",\n    value: function _handleHoverEndSearchResult() {\n      if (this.map.getCurrentState() === 'search') {\n        this.map.clearSelectedContentLayer();\n      }\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.interactionEnabled = true;\n      this.applyHoverEffectToAllSymbolLayers();\n      console.log(\"SELECTED CONTENT STATE\");\n      console.log(selectedContentPlacement);\n      this.updateLabelForSelectedContentPlacement(selectedContentPlacement);\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(data) {\n      this.interactionEnabled = false;\n      this.removeHoverEffects();\n      return;\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.interactionEnabled = false;\n      this.removeHoverEffects();\n    }\n  }, {\n    key: \"hideSymbolLayers\",\n    value: function hideSymbolLayers() {\n      var _this4 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol' && layer.id !== 'selected-content-layer' && layer.id !== 'highlighted-content-layer') {\n          _this4.map.map.setLayoutProperty(layer.id, 'visibility', 'none');\n        }\n      });\n    }\n  }, {\n    key: \"showSymbolLayers\",\n    value: function showSymbolLayers() {\n      var _this5 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          _this5.map.map.setLayoutProperty(layer.id, 'visibility', 'visible');\n        }\n      });\n    }\n  }, {\n    key: \"updateLabelsForSearchResults\",\n    value: function updateLabelsForSearchResults(results) {\n      var _this6 = this;\n      var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      this.map.clearHighlightedContentLayer();\n      var features = [];\n      results.forEach(function (result) {\n        result._floor = result.floor;\n        var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertVerticesToCoordinates)([result.location], null, 30.0);\n        var coordinate = coordinates[0];\n        var titleKey = result.catalog.content_title_key;\n        result.name = result.content.data[titleKey];\n        var feature = _this6.map.addHighlightedFeature(coordinate, result);\n        features.push(feature);\n      });\n      if (features.length && animate) {\n        var bounds = new mapboxgl.LngLatBounds();\n        features.forEach(function (feature) {\n          bounds.extend(feature.geometry.coordinates);\n        });\n        if (this.currentView === 'desktop') {\n          this.map.map.fitBounds(bounds, {\n            padding: {\n              top: 50,\n              bottom: 50,\n              left: 350,\n              right: 50\n            },\n            maxZoom: 15,\n            pitch: 45,\n            bearing: -37,\n            duration: 1000\n          });\n        } else if (this.currentView === 'mobile') {\n          var mapHeight = this.map.mapContainer.offsetHeight;\n          var mapWidth = this.map.mapContainer.offsetWidth;\n          var bottomPaddingPercent = 45;\n          var sidePaddingPercent = 8;\n          var bottomPaddingInPixels = mapHeight * (bottomPaddingPercent / 100);\n          var sidePaddingInPixels = mapWidth * (sidePaddingPercent / 100);\n          this.map.map.fitBounds(bounds, {\n            padding: {\n              top: 150,\n              bottom: bottomPaddingInPixels,\n              left: sidePaddingInPixels,\n              right: sidePaddingInPixels + 95\n            },\n            maxZoom: 16,\n            pitch: 45,\n            bearing: -37,\n            duration: 1000\n          });\n        }\n      }\n    }\n  }, {\n    key: \"updateLabelForSelectedContentPlacement\",\n    value: function updateLabelForSelectedContentPlacement(result) {\n      var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      // console.log(\"UPDATE LABEL FOR SELECTED CONTENT PLACEMENT\");\n      // console.log(result);\n      this.map.clearSelectedContentLayer();\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertVerticesToCoordinates)([result.location], null, 30.0);\n      // console.log(\"COORDINATES\");\n      // console.log(coordinates);\n      var coordinate = coordinates[0];\n      result._floor = result.floor;\n      // console.log(\"floor\");\n      // console.log(result._floor);\n      if (!result.name) {\n        // console.log('no result name');\n        if (result.content && result.catalog) {\n          // console.log('result content and catalog');\n          var title_key = result.catalog.content_title_key;\n          var title = result.content.data[title_key];\n          result.name = title;\n        }\n      }\n\n      // console.log(\"coordinate\");\n      // console.log(coordinate);\n\n      this.map.addSelectedFeature(coordinate, result);\n      if (animate) {\n        if (this.currentView === 'desktop') {\n          this.map.map.easeTo({\n            center: coordinate,\n            padding: {\n              top: 0,\n              bottom: 0,\n              left: 330,\n              right: 0\n            },\n            duration: 1000\n          });\n        } else if (this.currentView === 'mobile') {\n          var mapHeight = this.map.mapContainer.offsetHeight;\n          var bottomPaddingPercent = 35;\n          var bottomPaddingInPixels = mapHeight * (bottomPaddingPercent / 100);\n          this.map.map.easeTo({\n            center: coordinate,\n            padding: {\n              top: 0,\n              bottom: bottomPaddingInPixels,\n              left: 0,\n              right: 0\n            },\n            duration: 1000\n          });\n        }\n      }\n    }\n  }, {\n    key: \"applyHoverEffectToAllSymbolLayers\",\n    value: function applyHoverEffectToAllSymbolLayers() {\n      var _this7 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          var layerId = layer.id;\n          var defaultTextColor = _this7.textColorReference[layerId];\n          _this7.map.map.on('mouseenter', layerId, function (e) {\n            var feature = e.features[0];\n            var placementId = feature.properties.placement_id;\n            if (!_this7.previouslySelectedFeature || _this7.previouslySelectedFeature.layer.id !== feature.layer.id) {\n              _this7.originalTextColor = _this7.map.map.getPaintProperty(layerId, 'text-color');\n              _this7.map.map.setPaintProperty(layerId, 'text-color', ['case', ['==', ['get', 'placement_id'], placementId], '#4B90F7', defaultTextColor]);\n            } else {\n              _this7.originalTextColor = _this7.previouslySelectedTextColor;\n              var previouslySelectedPlacementId = _this7.previouslySelectedFeature.properties.placement_id;\n              _this7.map.map.setPaintProperty(layerId, 'text-color', ['case', ['==', ['get', 'placement_id'], placementId], '#4B90F7', ['==', ['get', 'placement_id'], previouslySelectedPlacementId], _this7.selectedTextColor, defaultTextColor]);\n            }\n            _this7.map.map.getCanvas().style.cursor = 'pointer';\n          });\n          _this7.map.map.on('mouseleave', layerId, function () {\n            if (!_this7.previouslySelectedFeature) {\n              _this7.map.map.setPaintProperty(layerId, 'text-color', defaultTextColor);\n            } else {\n              // If a feature is selected, maintain its selected color\n              var previouslySelectedPlacementId = _this7.previouslySelectedFeature.properties.placement_id;\n              _this7.map.map.setPaintProperty(layerId, 'text-color', ['case', ['==', ['get', 'placement_id'], previouslySelectedPlacementId], _this7.selectedTextColor, defaultTextColor]);\n            }\n            _this7.map.map.getCanvas().style.cursor = 'default';\n          });\n        }\n      });\n    }\n  }, {\n    key: \"removeHoverEffects\",\n    value: function removeHoverEffects() {\n      var _this8 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          var layerId = layer.id;\n          // Reset to default text color\n          var defaultTextColor = _this8.textColorReference[layerId];\n          _this8.map.map.setPaintProperty(layerId, 'text-color', defaultTextColor);\n\n          // Remove event listeners\n          _this8.map.map.off('mouseenter', layerId);\n          _this8.map.map.off('mouseleave', layerId);\n        }\n      });\n      this.map.map.getCanvas().style.cursor = 'default';\n    }\n  }, {\n    key: \"_handleClick\",\n    value: function _handleClick(e) {\n      if (!this.interactionEnabled) return;\n      var features = this.map.map.queryRenderedFeatures(e.point);\n      var symbolFeatures = features.filter(function (feature) {\n        return feature.layer.type === 'symbol';\n      });\n      if (symbolFeatures.length > 0) {\n        var placementId = symbolFeatures[0].properties.placement_id;\n        this.map.setToSelectedContentState([placementId]);\n      }\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InteractionControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/InteractionControl.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! webpack */ \"./node_modules/webpack/lib/index.js\");\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(webpack__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }\nfunction _get() { return _get = \"undefined\" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }\nfunction _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\n\n\n\nvar InteractionControl = /*#__PURE__*/function (_Control) {\n  function InteractionControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, InteractionControl);\n    _this = _callSuper(this, InteractionControl, [options]);\n    _this.map = null;\n    _this.previouslySelectedFeature = null;\n    _this.previouslySelectedIcon = null;\n    _this.previouslySelectedTextColor = null;\n    _this.previouslySelectedTextOffset = null;\n    _this.previouslyHoveredFeature = null;\n    _this.originalTextColor = null;\n    _this.textColorReference = {};\n    _this.currentView = null; // Can be set to 'desktop' or 'mobile'\n\n    _this.selectedTextColor = '#BE2E28';\n    _this.interactionEnabled = true;\n    return _this;\n  }\n  _inherits(InteractionControl, _Control);\n  return _createClass(InteractionControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'interaction-control-container';\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.createHighlightedContentLayer();\n      this.createSelectedContentLayer();\n      this.storeTextColorReferences();\n      // this.applyHoverEffectToAllSymbolLayers();\n\n      return this.container;\n    }\n  }, {\n    key: \"_initialize\",\n    value: function _initialize() {\n      var containerWidth = this.map.mapContainer.offsetWidth;\n      this._configureView(containerWidth);\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(InteractionControl, \"onRemove\", this, 3)([]);\n    }\n\n    // _attachResizeListener() {\n    //     window.addEventListener('resize', () => {\n    //         const newWidth = this.map.mapContainer.offsetWidth;\n    //         this._configureView(newWidth);\n    //     });\n    // }\n  }, {\n    key: \"_configureView\",\n    value: function _configureView(width) {\n      if (width > 767) {\n        this._setViewForDesktop();\n      } else {\n        this._setViewForMobile();\n      }\n    }\n  }, {\n    key: \"_setViewForDesktop\",\n    value: function _setViewForDesktop() {\n      this.currentView = 'desktop';\n    }\n  }, {\n    key: \"_setViewForMobile\",\n    value: function _setViewForMobile() {\n      this.currentView = 'mobile';\n    }\n  }, {\n    key: \"initializeEventListeners\",\n    value: function initializeEventListeners() {\n      var _this2 = this;\n      this.map.map.on('styleimagemissing', function (e) {\n        var missingImage = e.id;\n        console.warn(\"Image \\\"\".concat(missingImage, \"\\\" could not be loaded.\"));\n      });\n      this.map.map.on('click', function (e) {\n        _this2._handleClick(e);\n      });\n      this.map.on('state:default', this._handleDefaultState.bind(this));\n      this.map.on('state:search', this._handleSearchState.bind(this));\n      this.map.on('state:selectedContent', this._handleSelectedContentState.bind(this));\n      this.map.on('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.map.on('additionalSearchResults', this._handleAdditionalSearch.bind(this));\n      this.map.on('hoverSearchResult', this._handleHoverSearchResult.bind(this));\n      this.map.on('hoverEndSearchResult', this._handleHoverEndSearchResult.bind(this));\n    }\n  }, {\n    key: \"storeTextColorReferences\",\n    value: function storeTextColorReferences() {\n      var _this3 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          var textColor = _this3.map.map.getPaintProperty(layer.id, 'text-color');\n          if (textColor !== undefined) {\n            _this3.textColorReference[layer.id] = textColor; // Store the text color reference using the layer ID as the key\n          }\n        }\n      });\n    }\n  }, {\n    key: \"createSelectedContentLayer\",\n    value: function createSelectedContentLayer() {\n      this.map.map.addSource('selected-content', {\n        'type': 'geojson',\n        'data': {\n          'type': 'FeatureCollection',\n          'features': [] // Initially empty, you will add features dynamically\n        }\n      });\n\n      // Add a layer that references this GeoJSON source and matches the styling in your Mapbox Studio project\n      this.map.map.addLayer({\n        'id': 'selected-content-layer',\n        'type': 'symbol',\n        // Or 'fill', 'line', etc. based on your needs\n        'source': 'selected-content',\n        'layout': {\n          'text-field': ['get', 'name'],\n          'text-font': ['Inter Medium'],\n          'text-size': 14,\n          'text-justify': 'left',\n          'text-anchor': 'bottom-left',\n          'text-offset': [1.3, -1],\n          'icon-image': 'selected-pin',\n          'icon-size': 0.5,\n          'icon-offset': [0, -5],\n          'icon-anchor': 'bottom',\n          'symbol-z-elevate': true,\n          'text-padding': 10,\n          'icon-padding': 5\n        },\n        'paint': {\n          'text-color': '#BE2E28',\n          'text-halo-color': '#ffffff',\n          'text-halo-width': 1\n        }\n      });\n    }\n  }, {\n    key: \"createHighlightedContentLayer\",\n    value: function createHighlightedContentLayer() {\n      this.map.map.addSource('highlighted-content', {\n        'type': 'geojson',\n        'data': {\n          'type': 'FeatureCollection',\n          'features': []\n        }\n      });\n      this.map.map.addLayer({\n        'id': 'highlighted-content-layer',\n        'type': 'symbol',\n        'source': 'highlighted-content',\n        'layout': {\n          'text-field': ['get', 'name'],\n          'text-font': ['Inter Medium'],\n          'text-size': 14,\n          'text-justify': 'left',\n          'text-anchor': 'bottom-left',\n          'text-offset': [1.2, -0.6],\n          'icon-image': 'highlightedPin',\n          'icon-size': 0.5,\n          'icon-offset': [0, -5],\n          'icon-anchor': 'bottom',\n          'symbol-z-elevate': true,\n          'text-padding': 5,\n          'icon-padding': 5\n        },\n        'paint': {\n          'text-color': '#1E1E1E',\n          'text-halo-color': '#ffffff',\n          'text-halo-width': 1\n        }\n      });\n    }\n\n    // clearSelectedContentLayer() {\n    //     this.map.map.getSource('selected-content').setData({\n    //         'type': 'FeatureCollection',\n    //         'features': []\n    //     });\n    // }\n\n    // clearHighlightedContentLayer() {\n    //     this.map.map.getSource('highlighted-content').setData({\n    //         'type': 'FeatureCollection',\n    //         'features': []\n    //     });\n    // }\n\n    // addSelectedFeature(coordinates, properties) {\n    //     const source = this.map.map.getSource('selected-content');\n    //     const currentData = source._data;\n    //     const newFeature = {\n    //         'type': 'Feature',\n    //         'geometry': {\n    //             'type': 'Point',\n    //             'coordinates': coordinates\n    //         },\n    //         'properties': properties\n    //     };\n    //     currentData.features.push(newFeature);\n    //     source.setData(currentData);\n    // }\n\n    // addHighlightedFeature(coordinates, properties) {\n    //     const source = this.map.map.getSource('highlighted-content');\n    //     const currentData = source._data;\n    //     const newFeature = {\n    //         'type': 'Feature',\n    //         'geometry': {\n    //             'type': 'Point',\n    //             'coordinates': coordinates\n    //         },\n    //         'properties': properties\n    //     };\n    //     currentData.features.push(newFeature);\n    //     source.setData(currentData);\n\n    //     return newFeature;\n    // }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.interactionEnabled = true;\n      this.applyHoverEffectToAllSymbolLayers();\n      this.map.clearHighlightedContentLayer();\n      this.map.clearSelectedContentLayer();\n      this.showSymbolLayers();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.interactionEnabled = true;\n      this.applyHoverEffectToAllSymbolLayers();\n      this.hideSymbolLayers();\n      this.map.clearSelectedContentLayer();\n\n      // Find the floor with the most results\n      var floorCounts = results.reduce(function (acc, result) {\n        acc[result.floor] = (acc[result.floor] || 0) + 1;\n        return acc;\n      }, {});\n\n      // Get the floor with the highest count\n      var bestFloor = Object.entries(floorCounts).reduce(function (a, b) {\n        return b[1] > a[1] ? b : a;\n      }, [0, 0])[0];\n\n      // Only switch floors if none of the results are on the current floor\n      var currentFloor = this.map.getCurrentFloor();\n      var hasResultsOnCurrentFloor = results.some(function (result) {\n        return result.floor === currentFloor;\n      });\n      console.log('bestFloor', bestFloor);\n      var chosenFloor = currentFloor;\n      if (!hasResultsOnCurrentFloor) {\n        console.log('no results on current floor');\n        chosenFloor = bestFloor;\n        this.map.updateFloor(parseInt(chosenFloor));\n      }\n      chosenFloor = parseInt(chosenFloor);\n      console.log('chosenFloor', chosenFloor);\n      this.updateLabelsForSearchResults(results, true, chosenFloor);\n    }\n  }, {\n    key: \"_handleAdditionalSearch\",\n    value: function _handleAdditionalSearch(data) {\n      var results = data.results;\n      this.updateLabelsForSearchResults(results, false);\n    }\n  }, {\n    key: \"_handleHoverSearchResult\",\n    value: function _handleHoverSearchResult(data) {\n      var result = data.result;\n      this.updateLabelForSelectedContentPlacement(result, false);\n    }\n  }, {\n    key: \"_handleHoverEndSearchResult\",\n    value: function _handleHoverEndSearchResult() {\n      if (this.map.getCurrentState() === 'search') {\n        this.map.clearSelectedContentLayer();\n      }\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.interactionEnabled = true;\n      this.applyHoverEffectToAllSymbolLayers();\n      console.log(\"SELECTED CONTENT STATE\");\n      console.log(selectedContentPlacement);\n      this.updateLabelForSelectedContentPlacement(selectedContentPlacement);\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(data) {\n      this.interactionEnabled = false;\n      this.removeHoverEffects();\n      return;\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.interactionEnabled = false;\n      this.removeHoverEffects();\n    }\n  }, {\n    key: \"hideSymbolLayers\",\n    value: function hideSymbolLayers() {\n      var _this4 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol' && layer.id !== 'selected-content-layer' && layer.id !== 'highlighted-content-layer') {\n          _this4.map.map.setLayoutProperty(layer.id, 'visibility', 'none');\n        }\n      });\n    }\n  }, {\n    key: \"showSymbolLayers\",\n    value: function showSymbolLayers() {\n      var _this5 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          _this5.map.map.setLayoutProperty(layer.id, 'visibility', 'visible');\n        }\n      });\n    }\n  }, {\n    key: \"updateLabelsForSearchResults\",\n    value: function updateLabelsForSearchResults(results) {\n      var _this6 = this;\n      var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      var floor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n      console.log('chosen floor', floor);\n      if (floor === null) {\n        floor = this.map.getCurrentFloor();\n      }\n      this.map.clearHighlightedContentLayer();\n      var features = [];\n      var featuresOnFloor = [];\n      results.forEach(function (result) {\n        console.log(\"result\", floor, result);\n        result._floor = result.floor;\n        var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertVerticesToCoordinates)([result.location], null, 30.0);\n        var coordinate = coordinates[0];\n        var titleKey = result.catalog.content_title_key;\n        result.name = result.content.data[titleKey];\n        var feature = _this6.map.addHighlightedFeature(coordinate, result);\n        features.push(feature);\n        if (result.floor === floor) {\n          featuresOnFloor.push(feature);\n        }\n      });\n      if (featuresOnFloor.length && animate) {\n        var bounds = new mapboxgl.LngLatBounds();\n        featuresOnFloor.forEach(function (feature) {\n          bounds.extend(feature.geometry.coordinates);\n        });\n        if (this.currentView === 'desktop') {\n          this.map.map.fitBounds(bounds, {\n            padding: {\n              top: 50,\n              bottom: 50,\n              left: 350,\n              right: 50\n            },\n            maxZoom: 15,\n            pitch: 45,\n            bearing: -37,\n            duration: 1000\n          });\n        } else if (this.currentView === 'mobile') {\n          var mapHeight = this.map.mapContainer.offsetHeight;\n          var mapWidth = this.map.mapContainer.offsetWidth;\n          var bottomPaddingPercent = 45;\n          var sidePaddingPercent = 8;\n          var bottomPaddingInPixels = mapHeight * (bottomPaddingPercent / 100);\n          var sidePaddingInPixels = mapWidth * (sidePaddingPercent / 100);\n          this.map.map.fitBounds(bounds, {\n            padding: {\n              top: 150,\n              bottom: bottomPaddingInPixels,\n              left: sidePaddingInPixels,\n              right: sidePaddingInPixels + 95\n            },\n            maxZoom: 16,\n            pitch: 45,\n            bearing: -37,\n            duration: 1000\n          });\n        }\n      }\n    }\n  }, {\n    key: \"updateLabelForSelectedContentPlacement\",\n    value: function updateLabelForSelectedContentPlacement(result) {\n      var animate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      // console.log(\"UPDATE LABEL FOR SELECTED CONTENT PLACEMENT\");\n      // console.log(result);\n      this.map.clearSelectedContentLayer();\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertVerticesToCoordinates)([result.location], null, 30.0);\n      // console.log(\"COORDINATES\");\n      // console.log(coordinates);\n      var coordinate = coordinates[0];\n      result._floor = result.floor;\n      // console.log(\"floor\");\n      // console.log(result._floor);\n      if (!result.name) {\n        // console.log('no result name');\n        if (result.content && result.catalog) {\n          // console.log('result content and catalog');\n          var title_key = result.catalog.content_title_key;\n          var title = result.content.data[title_key];\n          result.name = title;\n        }\n      }\n\n      // console.log(\"coordinate\");\n      // console.log(coordinate);\n\n      this.map.addSelectedFeature(coordinate, result);\n      if (animate) {\n        if (this.currentView === 'desktop') {\n          this.map.map.easeTo({\n            center: coordinate,\n            padding: {\n              top: 0,\n              bottom: 0,\n              left: 330,\n              right: 0\n            },\n            duration: 1000\n          });\n        } else if (this.currentView === 'mobile') {\n          var mapHeight = this.map.mapContainer.offsetHeight;\n          var bottomPaddingPercent = 35;\n          var bottomPaddingInPixels = mapHeight * (bottomPaddingPercent / 100);\n          this.map.map.easeTo({\n            center: coordinate,\n            padding: {\n              top: 0,\n              bottom: bottomPaddingInPixels,\n              left: 0,\n              right: 0\n            },\n            duration: 1000\n          });\n        }\n      }\n    }\n  }, {\n    key: \"applyHoverEffectToAllSymbolLayers\",\n    value: function applyHoverEffectToAllSymbolLayers() {\n      var _this7 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          var layerId = layer.id;\n          var defaultTextColor = _this7.textColorReference[layerId];\n          _this7.map.map.on('mouseenter', layerId, function (e) {\n            var feature = e.features[0];\n            var placementId = feature.properties.placement_id;\n            if (!_this7.previouslySelectedFeature || _this7.previouslySelectedFeature.layer.id !== feature.layer.id) {\n              _this7.originalTextColor = _this7.map.map.getPaintProperty(layerId, 'text-color');\n              _this7.map.map.setPaintProperty(layerId, 'text-color', ['case', ['==', ['get', 'placement_id'], placementId], '#4B90F7', defaultTextColor]);\n            } else {\n              _this7.originalTextColor = _this7.previouslySelectedTextColor;\n              var previouslySelectedPlacementId = _this7.previouslySelectedFeature.properties.placement_id;\n              _this7.map.map.setPaintProperty(layerId, 'text-color', ['case', ['==', ['get', 'placement_id'], placementId], '#4B90F7', ['==', ['get', 'placement_id'], previouslySelectedPlacementId], _this7.selectedTextColor, defaultTextColor]);\n            }\n            _this7.map.map.getCanvas().style.cursor = 'pointer';\n          });\n          _this7.map.map.on('mouseleave', layerId, function () {\n            if (!_this7.previouslySelectedFeature) {\n              _this7.map.map.setPaintProperty(layerId, 'text-color', defaultTextColor);\n            } else {\n              // If a feature is selected, maintain its selected color\n              var previouslySelectedPlacementId = _this7.previouslySelectedFeature.properties.placement_id;\n              _this7.map.map.setPaintProperty(layerId, 'text-color', ['case', ['==', ['get', 'placement_id'], previouslySelectedPlacementId], _this7.selectedTextColor, defaultTextColor]);\n            }\n            _this7.map.map.getCanvas().style.cursor = 'default';\n          });\n        }\n      });\n    }\n  }, {\n    key: \"removeHoverEffects\",\n    value: function removeHoverEffects() {\n      var _this8 = this;\n      var layers = this.map.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type === 'symbol') {\n          var layerId = layer.id;\n          // Reset to default text color\n          var defaultTextColor = _this8.textColorReference[layerId];\n          _this8.map.map.setPaintProperty(layerId, 'text-color', defaultTextColor);\n\n          // Remove event listeners\n          _this8.map.map.off('mouseenter', layerId);\n          _this8.map.map.off('mouseleave', layerId);\n        }\n      });\n      this.map.map.getCanvas().style.cursor = 'default';\n    }\n  }, {\n    key: \"_handleClick\",\n    value: function _handleClick(e) {\n      if (!this.interactionEnabled) return;\n      var features = this.map.map.queryRenderedFeatures(e.point);\n      var symbolFeatures = features.filter(function (feature) {\n        return feature.layer.type === 'symbol';\n      });\n      if (symbolFeatures.length > 0) {\n        var placementId = symbolFeatures[0].properties.placement_id;\n        this.map.setToSelectedContentState([placementId]);\n      }\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (InteractionControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/InteractionControl.js?");
 
 /***/ }),
 
@@ -636,7 +636,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! webpack */ \"./node_modules/webpack/lib/index.js\");\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(webpack__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components_SearchResultsView_SearchResultsView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/SearchResultsView/SearchResultsView */ \"./src/components/SearchResultsView/SearchResultsView.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }\nfunction _get() { return _get = \"undefined\" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }\nfunction _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\n\n\n\n\nvar SearchResultsControl = /*#__PURE__*/function (_Control) {\n  function SearchResultsControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SearchResultsControl);\n    _this = _callSuper(this, SearchResultsControl, [options]);\n    _this.searchResultsView = new _components_SearchResultsView_SearchResultsView__WEBPACK_IMPORTED_MODULE_1__[\"default\"]();\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_3__[\"default\"].getSearchApi();\n    _this.searchedQuery = null;\n    _this.map = null;\n    _this.lastSearchLength = 0;\n    _this.skip = 0;\n    _this.limit = 20;\n    return _this;\n  }\n  _inherits(SearchResultsControl, _Control);\n  return _createClass(SearchResultsControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'search-results-control-container';\n      var element = this.searchResultsView.getElement();\n      this.container.appendChild(element);\n      this.hide();\n      this._initializeEventListeners();\n      this._attachResizeListener();\n      this._attachScrollListener();\n      this._initialize();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(SearchResultsControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      this.map.on('state:default', this._handleDefaultState.bind(this));\n      this.map.on('state:search', this._handleSearchState.bind(this));\n      this.map.on('state:selectedContent', this._handleSelectedContentState.bind(this));\n      this.map.on('initiate:search', this._handleInitiateSearchState.bind(this));\n      this.map.on('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.searchResultsView.on('closeView', this._handleCloseSearchResultsView.bind(this));\n      this.searchResultsView.on('selectCell', this._handleSearchResultSelect.bind(this));\n      this.searchResultsView.on('hoverCell', this._handleCellHover.bind(this));\n      this.searchResultsView.on('hoverOutCell', this._handleCellHoverOut.bind(this));\n    }\n  }, {\n    key: \"_handleCellHover\",\n    value: function _handleCellHover(data) {\n      var result = data.result;\n      this.map.fire('hoverSearchResult', {\n        result: result\n      });\n    }\n  }, {\n    key: \"_handleCellHoverOut\",\n    value: function _handleCellHoverOut(data) {\n      var result = data.result;\n      this.map.fire('hoverEndSearchResult', {\n        result: result\n      });\n    }\n  }, {\n    key: \"_attachScrollListener\",\n    value: function _attachScrollListener() {\n      var searchResultsElement = this.searchResultsView.getElement();\n      searchResultsElement.addEventListener('scroll', this._handleScroll.bind(this));\n    }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      var element = this.searchResultsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.searchResultsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n    }\n  }, {\n    key: \"_handleScroll\",\n    value: function () {\n      var _handleScroll2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var searchResultsElement, scrollTop, scrollHeight, clientHeight, threshold, distFromBottom, newResults;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              searchResultsElement = this.searchResultsView.getElement();\n              scrollTop = searchResultsElement.scrollTop, scrollHeight = searchResultsElement.scrollHeight, clientHeight = searchResultsElement.clientHeight;\n              threshold = 0;\n              distFromBottom = scrollHeight - scrollTop - clientHeight + threshold;\n              if (!(distFromBottom < 10 && !this.searchResultsView.loading && this.lastSearchLength === 20)) {\n                _context.next = 14;\n                break;\n              }\n              // scrollTop = 0;\n              this.searchResultsView.showLoadingCell();\n              _context.next = 8;\n              return this._getAdditionalSearchResults();\n            case 8:\n              newResults = _context.sent;\n              this.lastSearchLength = newResults.length;\n              this.searchResultsView.extendResults(newResults);\n              this.skip += this.limit;\n              this.map.fire('additionalSearchResults', {\n                results: newResults\n              });\n              this.searchResultsView.hideLoadingCell();\n            case 14:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\n      }));\n      function _handleScroll() {\n        return _handleScroll2.apply(this, arguments);\n      }\n      return _handleScroll;\n    }()\n  }, {\n    key: \"_getAdditionalSearchResults\",\n    value: function () {\n      var _getAdditionalSearchResults2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n        var query, results;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              query = this.searchedQuery;\n              if (!(query === '')) {\n                _context2.next = 4;\n                break;\n              }\n              this.searchBox.searchBarSuggestionsView.updateResults([]);\n              return _context2.abrupt(\"return\");\n            case 4:\n              if (this.map.mapData) {\n                _context2.next = 6;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 6:\n              _context2.prev = 6;\n              _context2.next = 9;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, this.skip, this.limit);\n            case 9:\n              results = _context2.sent;\n              return _context2.abrupt(\"return\", results);\n            case 13:\n              _context2.prev = 13;\n              _context2.t0 = _context2[\"catch\"](6);\n              if (axios.isCancel(_context2.t0)) {\n                console.error('Request canceled:', _context2.t0.message);\n              } else {\n                console.error('Search error:', _context2.t0);\n              }\n            case 16:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[6, 13]]);\n      }));\n      function _getAdditionalSearchResults() {\n        return _getAdditionalSearchResults2.apply(this, arguments);\n      }\n      return _getAdditionalSearchResults;\n    }()\n  }, {\n    key: \"_handleInitiateSearchState\",\n    value: function _handleInitiateSearchState() {\n      this.map.setToSearchState(this.searchedQuery);\n    }\n  }, {\n    key: \"_handleSearchResultSelect\",\n    value: function _handleSearchResultSelect(data) {\n      var result = data.result;\n      var placementId = result.placement_id;\n      this.map.setToSelectedContentState([placementId]);\n    }\n  }, {\n    key: \"_handleCloseSearchResultsView\",\n    value: function _handleCloseSearchResultsView() {\n      this.map.setToDefaultState();\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.searchedQuery = null;\n      this.searchResultsView.updateResults([]);\n      this.searchResultsView.scrollToTop();\n      this.hide();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n\n      // Find the floor with the most results\n      var floorCounts = results.reduce(function (acc, result) {\n        acc[result.floor] = (acc[result.floor] || 0) + 1;\n        return acc;\n      }, {});\n\n      // Get the floor with the highest count\n      var bestFloor = Object.entries(floorCounts).reduce(function (a, b) {\n        return b[1] > a[1] ? b : a;\n      }, [0, 0])[0];\n\n      // Only switch floors if none of the results are on the current floor\n      var currentFloor = this.map.getCurrentFloor();\n      var hasResultsOnCurrentFloor = results.some(function (result) {\n        return result.floor === currentFloor;\n      });\n      if (!hasResultsOnCurrentFloor) {\n        this.map.updateFloor(parseInt(bestFloor));\n      }\n\n      // console.log('search results', results);\n\n      this.searchedQuery = query;\n      this.lastSearchLength = results.length;\n      this.skip = this.limit;\n      this.searchResultsView.updateResults([]);\n      var floors = this.map.mapData.floors;\n      if (floors.length > 1) {\n        this.searchResultsView.updateView(results, query, floors);\n      }\n      this.searchResultsView.updateView(results, query);\n      this.show();\n      // this.searchResultsView.scrollToTop();\n\n      // Get the maps floors here!!!!!\n      // element.scrollTop = 0;\n      // this.container.scrollTop = 0;\n      // window.scrollTo(0,0);\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(_) {\n      this.searchResultsView.updateResults([]);\n      this.hide();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      return;\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchResultsControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/SearchResultsControl.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! webpack */ \"./node_modules/webpack/lib/index.js\");\n/* harmony import */ var webpack__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(webpack__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _components_SearchResultsView_SearchResultsView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/SearchResultsView/SearchResultsView */ \"./src/components/SearchResultsView/SearchResultsView.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _superPropGet(t, e, r, o) { var p = _get(_getPrototypeOf(1 & o ? t.prototype : t), e, r); return 2 & o ? function (t) { return p.apply(r, t); } : p; }\nfunction _get() { return _get = \"undefined\" != typeof Reflect && Reflect.get ? Reflect.get.bind() : function (e, t, r) { var p = _superPropBase(e, t); if (p) { var n = Object.getOwnPropertyDescriptor(p, t); return n.get ? n.get.call(arguments.length < 3 ? e : r) : n.value; } }, _get.apply(null, arguments); }\nfunction _superPropBase(t, o) { for (; !{}.hasOwnProperty.call(t, o) && null !== (t = _getPrototypeOf(t));); return t; }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\n\n\n\n\nvar SearchResultsControl = /*#__PURE__*/function (_Control) {\n  function SearchResultsControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SearchResultsControl);\n    _this = _callSuper(this, SearchResultsControl, [options]);\n    _this.searchResultsView = new _components_SearchResultsView_SearchResultsView__WEBPACK_IMPORTED_MODULE_1__[\"default\"]();\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_3__[\"default\"].getSearchApi();\n    _this.searchedQuery = null;\n    _this.map = null;\n    _this.lastSearchLength = 0;\n    _this.skip = 0;\n    _this.limit = 40;\n    return _this;\n  }\n  _inherits(SearchResultsControl, _Control);\n  return _createClass(SearchResultsControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'search-results-control-container';\n      var element = this.searchResultsView.getElement();\n      this.container.appendChild(element);\n      this.hide();\n      this._initializeEventListeners();\n      this._attachResizeListener();\n      this._attachScrollListener();\n      this._initialize();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(SearchResultsControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      this.map.on('state:default', this._handleDefaultState.bind(this));\n      this.map.on('state:search', this._handleSearchState.bind(this));\n      this.map.on('state:selectedContent', this._handleSelectedContentState.bind(this));\n      this.map.on('initiate:search', this._handleInitiateSearchState.bind(this));\n      this.map.on('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.searchResultsView.on('closeView', this._handleCloseSearchResultsView.bind(this));\n      this.searchResultsView.on('selectCell', this._handleSearchResultSelect.bind(this));\n      this.searchResultsView.on('hoverCell', this._handleCellHover.bind(this));\n      this.searchResultsView.on('hoverOutCell', this._handleCellHoverOut.bind(this));\n    }\n  }, {\n    key: \"_handleCellHover\",\n    value: function _handleCellHover(data) {\n      var result = data.result;\n      this.map.fire('hoverSearchResult', {\n        result: result\n      });\n    }\n  }, {\n    key: \"_handleCellHoverOut\",\n    value: function _handleCellHoverOut(data) {\n      var result = data.result;\n      this.map.fire('hoverEndSearchResult', {\n        result: result\n      });\n    }\n  }, {\n    key: \"_attachScrollListener\",\n    value: function _attachScrollListener() {\n      var searchResultsElement = this.searchResultsView.getElement();\n      searchResultsElement.addEventListener('scroll', this._handleScroll.bind(this));\n    }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      var element = this.searchResultsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.searchResultsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n    }\n  }, {\n    key: \"_handleScroll\",\n    value: function () {\n      var _handleScroll2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var searchResultsElement, scrollTop, scrollHeight, clientHeight, threshold, distFromBottom, newResults;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              searchResultsElement = this.searchResultsView.getElement();\n              scrollTop = searchResultsElement.scrollTop, scrollHeight = searchResultsElement.scrollHeight, clientHeight = searchResultsElement.clientHeight;\n              threshold = 0;\n              distFromBottom = scrollHeight - scrollTop - clientHeight + threshold;\n              if (!(distFromBottom < 10 && !this.searchResultsView.loading && this.lastSearchLength === this.limit)) {\n                _context.next = 14;\n                break;\n              }\n              // scrollTop = 0;\n              this.searchResultsView.showLoadingCell();\n              _context.next = 8;\n              return this._getAdditionalSearchResults();\n            case 8:\n              newResults = _context.sent;\n              this.lastSearchLength = newResults.length;\n              this.searchResultsView.extendResults(newResults);\n              this.skip += this.limit;\n              this.map.fire('additionalSearchResults', {\n                results: newResults\n              });\n              this.searchResultsView.hideLoadingCell();\n            case 14:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\n      }));\n      function _handleScroll() {\n        return _handleScroll2.apply(this, arguments);\n      }\n      return _handleScroll;\n    }()\n  }, {\n    key: \"_getAdditionalSearchResults\",\n    value: function () {\n      var _getAdditionalSearchResults2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n        var query, results;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              query = this.searchedQuery;\n              if (!(query === '')) {\n                _context2.next = 4;\n                break;\n              }\n              this.searchBox.searchBarSuggestionsView.updateResults([]);\n              return _context2.abrupt(\"return\");\n            case 4:\n              if (this.map.mapData) {\n                _context2.next = 6;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 6:\n              _context2.prev = 6;\n              _context2.next = 9;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, this.skip, this.limit);\n            case 9:\n              results = _context2.sent;\n              return _context2.abrupt(\"return\", results);\n            case 13:\n              _context2.prev = 13;\n              _context2.t0 = _context2[\"catch\"](6);\n              if (axios.isCancel(_context2.t0)) {\n                console.error('Request canceled:', _context2.t0.message);\n              } else {\n                console.error('Search error:', _context2.t0);\n              }\n            case 16:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[6, 13]]);\n      }));\n      function _getAdditionalSearchResults() {\n        return _getAdditionalSearchResults2.apply(this, arguments);\n      }\n      return _getAdditionalSearchResults;\n    }()\n  }, {\n    key: \"_handleInitiateSearchState\",\n    value: function _handleInitiateSearchState() {\n      this.map.setToSearchState(this.searchedQuery);\n    }\n  }, {\n    key: \"_handleSearchResultSelect\",\n    value: function _handleSearchResultSelect(data) {\n      var result = data.result;\n      var placementId = result.placement_id;\n      this.map.setToSelectedContentState([placementId]);\n    }\n  }, {\n    key: \"_handleCloseSearchResultsView\",\n    value: function _handleCloseSearchResultsView() {\n      this.map.setToDefaultState();\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.searchedQuery = null;\n      this.searchResultsView.updateResults([]);\n      this.searchResultsView.scrollToTop();\n      this.hide();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n\n      // // Find the floor with the most results\n      // const floorCounts = results.reduce((acc, result) => {\n      //     acc[result.floor] = (acc[result.floor] || 0) + 1;\n      //     return acc;\n      // }, {});\n\n      // // Get the floor with the highest count\n      // const bestFloor = Object.entries(floorCounts)\n      //     .reduce((a, b) => (b[1] > a[1] ? b : a), [0, 0])[0];\n\n      // // Only switch floors if none of the results are on the current floor\n      // const currentFloor = this.map.getCurrentFloor();\n      // const hasResultsOnCurrentFloor = results.some(result => result.floor === currentFloor);\n\n      // if (!hasResultsOnCurrentFloor) {\n      //     this.map.updateFloor(parseInt(bestFloor));\n      // }\n\n      // console.log('search results', results);\n\n      this.searchedQuery = query;\n      this.lastSearchLength = results.length;\n      this.skip = this.limit;\n      this.searchResultsView.updateResults([]);\n      var floors = this.map.mapData.floors;\n      if (floors.length > 1) {\n        this.searchResultsView.updateView(results, query, floors);\n      }\n      this.searchResultsView.updateView(results, query);\n      this.show();\n      // this.searchResultsView.scrollToTop();\n\n      // Get the maps floors here!!!!!\n      // element.scrollTop = 0;\n      // this.container.scrollTop = 0;\n      // window.scrollTo(0,0);\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(_) {\n      this.searchResultsView.updateResults([]);\n      this.hide();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      return;\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchResultsControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/SearchResultsControl.js?");
 
 /***/ }),
 
@@ -691,7 +691,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n// src/MapDataApi.js\n// import ApiManager from './ApiManager';\nvar SearchApi = /*#__PURE__*/function () {\n  function SearchApi(apiManager) {\n    _classCallCheck(this, SearchApi);\n    this.apiManager = apiManager;\n  }\n  return _createClass(SearchApi, [{\n    key: \"search\",\n    value: function () {\n      var _search = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mapId, mapViewId, q) {\n        var skip,\n          limit,\n          response,\n          _args = arguments;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              skip = _args.length > 3 && _args[3] !== undefined ? _args[3] : 0;\n              limit = _args.length > 4 && _args[4] !== undefined ? _args[4] : 20;\n              _context.prev = 2;\n              _context.next = 5;\n              return this.apiManager.get(\"/search/v1/\".concat(mapId, \"/\").concat(mapViewId), {\n                q: q,\n                skip: skip,\n                limit: limit\n              });\n            case 5:\n              response = _context.sent;\n              return _context.abrupt(\"return\", response);\n            case 9:\n              _context.prev = 9;\n              _context.t0 = _context[\"catch\"](2);\n              console.error('Error searching query:', _context.t0);\n              return _context.abrupt(\"return\", null);\n            case 13:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[2, 9]]);\n      }));\n      function search(_x, _x2, _x3) {\n        return _search.apply(this, arguments);\n      }\n      return search;\n    }()\n  }, {\n    key: \"fetchContentPlacementDetails\",\n    value: function () {\n      var _fetchContentPlacementDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(contentPlacementId) {\n        var response;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              _context2.prev = 0;\n              _context2.next = 3;\n              return this.apiManager.get(\"/search/v1/\".concat(contentPlacementId));\n            case 3:\n              response = _context2.sent;\n              return _context2.abrupt(\"return\", response);\n            case 7:\n              _context2.prev = 7;\n              _context2.t0 = _context2[\"catch\"](0);\n              console.error('Error fetching content placment details:', _context2.t0);\n              return _context2.abrupt(\"return\", null);\n            case 11:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[0, 7]]);\n      }));\n      function fetchContentPlacementDetails(_x4) {\n        return _fetchContentPlacementDetails.apply(this, arguments);\n      }\n      return fetchContentPlacementDetails;\n    }()\n  }]);\n}();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchApi);\n\n//# sourceURL=webpack://waygomaps/./src/api/SearchApi.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n// src/MapDataApi.js\n// import ApiManager from './ApiManager';\nvar SearchApi = /*#__PURE__*/function () {\n  function SearchApi(apiManager) {\n    _classCallCheck(this, SearchApi);\n    this.apiManager = apiManager;\n  }\n  return _createClass(SearchApi, [{\n    key: \"search\",\n    value: function () {\n      var _search = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mapId, mapViewId, q) {\n        var skip,\n          limit,\n          response,\n          _args = arguments;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              skip = _args.length > 3 && _args[3] !== undefined ? _args[3] : 0;\n              limit = _args.length > 4 && _args[4] !== undefined ? _args[4] : 40;\n              _context.prev = 2;\n              _context.next = 5;\n              return this.apiManager.get(\"/search/v1/\".concat(mapId, \"/\").concat(mapViewId), {\n                q: q,\n                skip: skip,\n                limit: limit\n              });\n            case 5:\n              response = _context.sent;\n              return _context.abrupt(\"return\", response);\n            case 9:\n              _context.prev = 9;\n              _context.t0 = _context[\"catch\"](2);\n              console.error('Error searching query:', _context.t0);\n              return _context.abrupt(\"return\", null);\n            case 13:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[2, 9]]);\n      }));\n      function search(_x, _x2, _x3) {\n        return _search.apply(this, arguments);\n      }\n      return search;\n    }()\n  }, {\n    key: \"fetchContentPlacementDetails\",\n    value: function () {\n      var _fetchContentPlacementDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(contentPlacementId) {\n        var response;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              _context2.prev = 0;\n              _context2.next = 3;\n              return this.apiManager.get(\"/search/v1/\".concat(contentPlacementId));\n            case 3:\n              response = _context2.sent;\n              return _context2.abrupt(\"return\", response);\n            case 7:\n              _context2.prev = 7;\n              _context2.t0 = _context2[\"catch\"](0);\n              console.error('Error fetching content placment details:', _context2.t0);\n              return _context2.abrupt(\"return\", null);\n            case 11:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[0, 7]]);\n      }));\n      function fetchContentPlacementDetails(_x4) {\n        return _fetchContentPlacementDetails.apply(this, arguments);\n      }\n      return fetchContentPlacementDetails;\n    }()\n  }]);\n}();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchApi);\n\n//# sourceURL=webpack://waygomaps/./src/api/SearchApi.js?");
 
 /***/ }),
 
@@ -856,7 +856,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _SearchBar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SearchBar */ \"./src/components/SearchBox/SearchBar.js\");\n/* harmony import */ var _SearchBarSuggestionsView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SearchBarSuggestionsView */ \"./src/components/SearchBox/SearchBarSuggestionsView.js\");\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\n\n\n\n\n// import axios from \"axios\";\nvar SearchBox = /*#__PURE__*/function (_Component) {\n  function SearchBox() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SearchBox);\n    _this = _callSuper(this, SearchBox, [options]);\n    // this.searchApi = waygoMaps.getSearchApi();\n\n    _this.element = document.createElement('div');\n    _this.element.className = 'search-box';\n    _this.searchBar = new _SearchBar__WEBPACK_IMPORTED_MODULE_1__[\"default\"]();\n    _this.searchBarSuggestionsView = new _SearchBarSuggestionsView__WEBPACK_IMPORTED_MODULE_2__[\"default\"]();\n    _this.searchCount = 0; // Allows us to invalidate outdated searches\n\n    _this.initializeHandlers();\n    _this._render();\n    return _this;\n  }\n  _inherits(SearchBox, _Component);\n  return _createClass(SearchBox, [{\n    key: \"initializeHandlers\",\n    value: function initializeHandlers() {\n      this.searchBar.on('input', this._handleSearchBarInput.bind(this));\n      this.searchBar.on('focus', this._handleSearchBarFocus.bind(this));\n      this.searchBar.on('blur', this._handleSearchBarBlur.bind(this));\n      this.searchBar.on('search', this._handleSearchBarSearch.bind(this));\n      this.searchBar.on('back', this._handleSearchBarBack.bind(this));\n      this.searchBarSuggestionsView.on('selectCell', this._handleSearchResultSelect.bind(this));\n      window.addEventListener('resize', function (event) {\n        event.preventDefault(); // Prevent viewport from resizing\n      });\n    }\n  }, {\n    key: \"_handleSearchBarBack\",\n    value: function _handleSearchBarBack() {\n      this.fire('selectBack');\n    }\n  }, {\n    key: \"_handleSearchBarSearch\",\n    value: function _handleSearchBarSearch(data) {\n      var query = data.query,\n        event = data.event;\n      this.fire('search', {\n        query: query\n      });\n    }\n  }, {\n    key: \"_handleSearchResultSelect\",\n    value: function _handleSearchResultSelect(data) {\n      var result = data.result;\n    }\n  }, {\n    key: \"_handleSearchBarFocus\",\n    value: function () {\n      var _handleSearchBarFocus2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var query;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              query = this.searchBar.getText();\n              if (!(query.length > 2)) {\n                _context.next = 5;\n                break;\n              }\n              _context.next = 4;\n              return this.getSearchBarSuggestions(query);\n            case 4:\n              this.openSuggestionsView();\n            case 5:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\n      }));\n      function _handleSearchBarFocus() {\n        return _handleSearchBarFocus2.apply(this, arguments);\n      }\n      return _handleSearchBarFocus;\n    }()\n  }, {\n    key: \"_handleSearchBarBlur\",\n    value: function _handleSearchBarBlur() {\n      // this.searchBarSuggestionsView.hide();\n      this.closeSuggestionsView();\n    }\n  }, {\n    key: \"_handleSearchBarInput\",\n    value: function () {\n      var _handleSearchBarInput2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {\n        var query;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              query = data.query;\n              if (!(query.length > 2)) {\n                _context2.next = 7;\n                break;\n              }\n              this.openSuggestionsView();\n              _context2.next = 5;\n              return this.getSearchBarSuggestions(query);\n            case 5:\n              _context2.next = 8;\n              break;\n            case 7:\n              this.closeSuggestionsView();\n            case 8:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this);\n      }));\n      function _handleSearchBarInput(_x) {\n        return _handleSearchBarInput2.apply(this, arguments);\n      }\n      return _handleSearchBarInput;\n    }()\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      this.element.appendChild(this.searchBar.getElement());\n      this.element.appendChild(this.searchBarSuggestionsView.getElement());\n    }\n  }, {\n    key: \"setViewForDesktop\",\n    value: function setViewForDesktop() {\n      this.searchBar.setViewForDesktop();\n      this.searchBarSuggestionsView.setViewForDesktop();\n    }\n  }, {\n    key: \"setViewForMobile\",\n    value: function setViewForMobile() {\n      this.searchBar.setViewForMobile();\n      this.searchBarSuggestionsView.setViewForMobile();\n    }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }, {\n    key: \"openSuggestionsView\",\n    value: function openSuggestionsView() {\n      this.searchBarSuggestionsView.show();\n      this.searchBar.updateStyleWithSuggestions();\n    }\n  }, {\n    key: \"closeSuggestionsView\",\n    value: function closeSuggestionsView() {\n      this.searchBarSuggestionsView.hide();\n      this.searchBar.updateStyleWithoutSuggestions();\n    }\n  }, {\n    key: \"getSearchBarSuggestions\",\n    value: function () {\n      var _getSearchBarSuggestions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(query) {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              this.fire('getSearchBarSuggestions', {\n                query: query\n              });\n            case 1:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function getSearchBarSuggestions(_x2) {\n        return _getSearchBarSuggestions.apply(this, arguments);\n      }\n      return getSearchBarSuggestions;\n    }()\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchBox);\n\n//# sourceURL=webpack://waygomaps/./src/components/SearchBox/SearchBox.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _SearchBar__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SearchBar */ \"./src/components/SearchBox/SearchBar.js\");\n/* harmony import */ var _SearchBarSuggestionsView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./SearchBarSuggestionsView */ \"./src/components/SearchBox/SearchBarSuggestionsView.js\");\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\n\n\n\n\n// import axios from \"axios\";\nvar SearchBox = /*#__PURE__*/function (_Component) {\n  function SearchBox() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SearchBox);\n    _this = _callSuper(this, SearchBox, [options]);\n    // this.searchApi = waygoMaps.getSearchApi();\n\n    _this.element = document.createElement('div');\n    _this.element.className = 'search-box';\n    _this.searchBar = new _SearchBar__WEBPACK_IMPORTED_MODULE_1__[\"default\"]();\n    _this.searchBarSuggestionsView = new _SearchBarSuggestionsView__WEBPACK_IMPORTED_MODULE_2__[\"default\"]();\n    _this.searchCount = 0; // Allows us to invalidate outdated searches\n\n    _this.initializeHandlers();\n    _this._render();\n    return _this;\n  }\n  _inherits(SearchBox, _Component);\n  return _createClass(SearchBox, [{\n    key: \"initializeHandlers\",\n    value: function initializeHandlers() {\n      this.searchBar.on('input', this._handleSearchBarInput.bind(this));\n      this.searchBar.on('focus', this._handleSearchBarFocus.bind(this));\n      this.searchBar.on('blur', this._handleSearchBarBlur.bind(this));\n      this.searchBar.on('search', this._handleSearchBarSearch.bind(this));\n      this.searchBar.on('back', this._handleSearchBarBack.bind(this));\n      this.searchBarSuggestionsView.on('selectCell', this._handleSearchResultSelect.bind(this));\n      window.addEventListener('resize', function (event) {\n        event.preventDefault(); // Prevent viewport from resizing\n      });\n    }\n  }, {\n    key: \"_handleSearchBarBack\",\n    value: function _handleSearchBarBack() {\n      this.fire('selectBack');\n    }\n  }, {\n    key: \"_handleSearchBarSearch\",\n    value: function _handleSearchBarSearch(data) {\n      var query = data.query,\n        event = data.event;\n      this.fire('search', {\n        query: query\n      });\n    }\n  }, {\n    key: \"_handleSearchResultSelect\",\n    value: function _handleSearchResultSelect(data) {\n      var result = data.result;\n    }\n  }, {\n    key: \"_handleSearchBarFocus\",\n    value: function () {\n      var _handleSearchBarFocus2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var query;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              query = this.searchBar.getText();\n              if (!(query.length > 2)) {\n                _context.next = 5;\n                break;\n              }\n              _context.next = 4;\n              return this.getSearchBarSuggestions(query);\n            case 4:\n              this.openSuggestionsView();\n            case 5:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\n      }));\n      function _handleSearchBarFocus() {\n        return _handleSearchBarFocus2.apply(this, arguments);\n      }\n      return _handleSearchBarFocus;\n    }()\n  }, {\n    key: \"_handleSearchBarBlur\",\n    value: function _handleSearchBarBlur() {\n      // this.searchBarSuggestionsView.hide();\n      this.closeSuggestionsView();\n    }\n  }, {\n    key: \"_handleSearchBarInput\",\n    value: function () {\n      var _handleSearchBarInput2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {\n        var query;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              query = data.query;\n              if (!(query.length !== 0)) {\n                _context2.next = 7;\n                break;\n              }\n              this.openSuggestionsView();\n              _context2.next = 5;\n              return this.getSearchBarSuggestions(query);\n            case 5:\n              _context2.next = 8;\n              break;\n            case 7:\n              this.closeSuggestionsView();\n            case 8:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this);\n      }));\n      function _handleSearchBarInput(_x) {\n        return _handleSearchBarInput2.apply(this, arguments);\n      }\n      return _handleSearchBarInput;\n    }()\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      this.element.appendChild(this.searchBar.getElement());\n      this.element.appendChild(this.searchBarSuggestionsView.getElement());\n    }\n  }, {\n    key: \"setViewForDesktop\",\n    value: function setViewForDesktop() {\n      this.searchBar.setViewForDesktop();\n      this.searchBarSuggestionsView.setViewForDesktop();\n    }\n  }, {\n    key: \"setViewForMobile\",\n    value: function setViewForMobile() {\n      this.searchBar.setViewForMobile();\n      this.searchBarSuggestionsView.setViewForMobile();\n    }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }, {\n    key: \"openSuggestionsView\",\n    value: function openSuggestionsView() {\n      this.searchBarSuggestionsView.show();\n      this.searchBar.updateStyleWithSuggestions();\n    }\n  }, {\n    key: \"closeSuggestionsView\",\n    value: function closeSuggestionsView() {\n      this.searchBarSuggestionsView.hide();\n      this.searchBar.updateStyleWithoutSuggestions();\n    }\n  }, {\n    key: \"getSearchBarSuggestions\",\n    value: function () {\n      var _getSearchBarSuggestions = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(query) {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              this.fire('getSearchBarSuggestions', {\n                query: query\n              });\n            case 1:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function getSearchBarSuggestions(_x2) {\n        return _getSearchBarSuggestions.apply(this, arguments);\n      }\n      return getSearchBarSuggestions;\n    }()\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchBox);\n\n//# sourceURL=webpack://waygomaps/./src/components/SearchBox/SearchBox.js?");
 
 /***/ }),
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "waygo-maps",
-  "version": "1.1.41",
+  "version": "1.1.43",
   "main": "dist/bundle.js",
   "files": [
     "dist/bundle.js",