waygo-maps 1.1.28 → 1.1.30

package/dist/bundle.js

@@ -570,7 +570,7 @@ eval("// Currently in sync with Node.js lib/internal/util/comparisons.js\n// htt
 /***/ ((__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 _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/SliderBar */ \"./src/components/SliderBar.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.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\nvar CategoryBarControl = /*#__PURE__*/function (_Control) {\n  function CategoryBarControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, CategoryBarControl);\n    _this = _callSuper(this, CategoryBarControl, [options]);\n    _this.categoryBarContainerName = 'category-bar';\n    _this.categoryBar = new _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__[\"default\"]([], {\n      container: 'category-bar'\n    });\n    _this.map = null;\n    return _this;\n  }\n  _inherits(CategoryBarControl, _Control);\n  return _createClass(CategoryBarControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'category-bar-control-container';\n      var element = this.categoryBar.getElement();\n      this.container.appendChild(element);\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.show();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(CategoryBarControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"initializeEventListeners\",\n    value: function initializeEventListeners() {\n      this.categoryBar.on(\"\".concat(this.categoryBarContainerName, \":selectNew\"), this._handleNewCategoryButtonSelect.bind(this));\n      this.categoryBar.on(\"\".concat(this.categoryBarContainerName, \":deselect\"), this._handleCategoryButtonDeselect.bind(this));\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('load', this._handleMapLoad.bind(this));\n    }\n  }, {\n    key: \"_handleMapLoad\",\n    value: function _handleMapLoad(data) {\n      var mapData = data.mapData;\n      var suggestedSearchTerms = mapData.suggested_search_terms;\n      if (suggestedSearchTerms) {\n        this.categoryBar.updateItems(suggestedSearchTerms);\n      }\n    }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      // TO RENDER DESKTOP VIEW\n      var element = this.categoryBar.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.categoryBar.setViewForDesktop();\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.categoryBar.getElement();\n      this.container.appendChild(element);\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n      this.categoryBar.setViewForMobile();\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.show();\n      this.categoryBar.deselectAll();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleNewCategoryButtonSelect\",\n    value: function _handleNewCategoryButtonSelect(data) {\n      var query = data.query;\n      this.map.setToSearchState(query);\n    }\n  }, {\n    key: \"_handleCategoryButtonDeselect\",\n    value: function _handleCategoryButtonDeselect() {\n      this.map.setToDefaultState();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.show();\n      this.categoryBar.deselectAllNotMatchingQuery(query);\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CategoryBarControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/CategoryBarControl.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 _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/SliderBar */ \"./src/components/SliderBar.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.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\nvar CategoryBarControl = /*#__PURE__*/function (_Control) {\n  function CategoryBarControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, CategoryBarControl);\n    _this = _callSuper(this, CategoryBarControl, [options]);\n    _this.categoryBarContainerName = 'category-bar';\n    _this.categoryBar = new _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__[\"default\"]([], {\n      container: 'category-bar'\n    });\n    _this.map = null;\n    return _this;\n  }\n  _inherits(CategoryBarControl, _Control);\n  return _createClass(CategoryBarControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'category-bar-control-container';\n      var element = this.categoryBar.getElement();\n      this.container.appendChild(element);\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.show();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(CategoryBarControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"initializeEventListeners\",\n    value: function initializeEventListeners() {\n      this.categoryBar.on(\"\".concat(this.categoryBarContainerName, \":selectNew\"), this._handleNewCategoryButtonSelect.bind(this));\n      this.categoryBar.on(\"\".concat(this.categoryBarContainerName, \":deselect\"), this._handleCategoryButtonDeselect.bind(this));\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('load', this._handleMapLoad.bind(this));\n    }\n  }, {\n    key: \"_handleMapLoad\",\n    value: function _handleMapLoad(data) {\n      var mapData = data.mapData;\n      var suggestedSearchTerms = mapData.suggested_search_terms;\n      if (suggestedSearchTerms) {\n        this.categoryBar.updateItems(suggestedSearchTerms);\n      }\n    }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      // TO RENDER DESKTOP VIEW\n      var element = this.categoryBar.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.categoryBar.setViewForDesktop();\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.categoryBar.getElement();\n      this.container.appendChild(element);\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n      this.categoryBar.setViewForMobile();\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.show();\n      this.categoryBar.refresh();\n      this.categoryBar.deselectAll();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleNewCategoryButtonSelect\",\n    value: function _handleNewCategoryButtonSelect(data) {\n      var query = data.query;\n      this.map.setToSearchState(query);\n    }\n  }, {\n    key: \"_handleCategoryButtonDeselect\",\n    value: function _handleCategoryButtonDeselect() {\n      this.map.setToDefaultState();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.show();\n      this.categoryBar.deselectAllNotMatchingQuery(query);\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (CategoryBarControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/CategoryBarControl.js?");
 
 /***/ }),
 
@@ -581,7 +581,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 _components_ContentPlacementView_ContentDetails__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/ContentPlacementView/ContentDetails */ \"./src/components/ContentPlacementView/ContentDetails.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\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\nvar ContentPlacementControl = /*#__PURE__*/function (_Control) {\n  function ContentPlacementControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, ContentPlacementControl);\n    _this = _callSuper(this, ContentPlacementControl, [options]);\n    _this.map = null;\n    _this.contentPlacementIds = [];\n    _this.currentContentPlacement = null;\n    _this.contentPlacementView = null;\n    _this.currentTop = window.innerHeight;\n    _this.startingY = 0;\n    _this.scrollConfiguration = {\n      initialHeight: 0.45,\n      // percent of the map container height\n      minDistFromBottom: 110 // 185 // in px\n    };\n    _this.isDragging = false;\n    _this.isAtTop = false;\n    _this.velocity = 0;\n    _this.decelerationFactor = 0.95;\n    _this.minVelocity = 0.1;\n    return _this;\n  }\n  _inherits(ContentPlacementControl, _Control);\n  return _createClass(ContentPlacementControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'content-details-control-container';\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.hide();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(ContentPlacementControl, \"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('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('initiate:back', this._handleMapInitiateBack.bind(this));\n      this.map.map.on('mousedown', this._handleMapFocus.bind(this));\n      this.map.map.on('touchstart', this._handleMapFocus.bind(this));\n      this.container.addEventListener('mousedown', function (e) {\n        return e.stopPropagation();\n      });\n      this.container.addEventListener('click', function (e) {\n        return e.stopPropagation();\n      });\n      this.container.addEventListener('dblclick', function (e) {\n        return e.stopPropagation();\n      });\n      // this.container.addEventListener('touchstart', (e) => e.stopPropagation());\n\n      this.container.addEventListener('touchstart', this.handleTouchStart.bind(this));\n      this.container.addEventListener('touchmove', this.handleTouchMove.bind(this));\n      this.container.addEventListener('touchend', this.handleTouchEnd.bind(this));\n      this.container.addEventListener('wheel', this.handleWheelScroll.bind(this));\n    }\n  }, {\n    key: \"_handleMapFocus\",\n    value: function _handleMapFocus(e) {\n      if (this.currentViewType === 'desktop') 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        this.scrollToMin(true);\n      }\n    }\n  }, {\n    key: \"handleTouchStart\",\n    value: function handleTouchStart(event) {\n      event.stopPropagation();\n      this.startingY = event.touches[0].clientY;\n      this.isDragging = true;\n      this.velocity = 0;\n    }\n  }, {\n    key: \"handleScrolling\",\n    value: function handleScrolling(scrollAmount) {\n      var element = this.contentPlacementView.getElement();\n      var elementHeight = element.offsetHeight;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      var containerBottom = rect.bottom;\n      var newTop = null;\n      if (scrollAmount <= 0) {\n        newTop = Math.max(containerBottom - elementHeight - rect.top, this.currentTop + scrollAmount);\n      } else if (scrollAmount > 0) {\n        newTop = Math.min(containerBottom - this.scrollConfiguration.minDistFromBottom - rect.top, this.currentTop + scrollAmount);\n      }\n      this.scrollTo(newTop);\n    }\n  }, {\n    key: \"handleTouchMove\",\n    value: function handleTouchMove(event) {\n      if (this.currentViewType === 'desktop') return;\n      if (!this.isDragging) return;\n      var touchY = event.touches[0].clientY;\n      var scrollAmount = -1 * (this.startingY - touchY);\n      this.velocity = scrollAmount;\n      this.handleScrolling(scrollAmount);\n      this.startingY = touchY;\n    }\n  }, {\n    key: \"handleTouchEnd\",\n    value: function handleTouchEnd() {\n      this.isDragging = false;\n      this._applyInertia();\n    }\n  }, {\n    key: \"_applyInertia\",\n    value: function _applyInertia() {\n      var _this2 = this;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      var element = this.contentPlacementView.getElement();\n      var elementHeight = element.offsetHeight;\n      var containerBottom = rect.bottom;\n      var upperLimit = containerBottom - elementHeight - rect.top; // Upper scroll boundary\n      var lowerLimit = containerBottom - this.scrollConfiguration.minDistFromBottom - rect.top;\n      var initialVelocity = this.velocity;\n      var duration = 400; // Duration of inertia in milliseconds (tweak this value)\n      var startTime = performance.now(); // Start time of the inertia\n\n      var _inertia = function inertia() {\n        var currentTime = performance.now();\n        var elapsedTime = currentTime - startTime;\n        if (elapsedTime >= duration || Math.abs(_this2.velocity) < _this2.minVelocity) {\n          _this2.velocity = 0;\n          return;\n        }\n        ; // Stop when velocity is too low\n\n        var progress = elapsedTime / duration; // Normalize time to [0, 1]\n        var easingFactor = 1 - Math.pow(1 - progress, 2);\n        _this2.velocity = initialVelocity * (1 - easingFactor);\n        var newTop = _this2.currentTop + _this2.velocity;\n        if (newTop <= upperLimit) {\n          _this2.scrollTo(upperLimit);\n          _this2.velocity = 0; // Stop inertia\n          return;\n        } else if (newTop >= lowerLimit) {\n          _this2.scrollTo(lowerLimit);\n          _this2.velocity = 0; // Stop inertia\n          return;\n        }\n\n        // this.velocity *= this.decelerationFactor; // Apply deceleration\n        // const easingFactor = Math.max(0.1, 1 - time / 100); // Easing factor decreases over time (clamped at 0.1)\n        // this.velocity *= this.decelerationFactor * easingFactor;\n\n        _this2.scrollTo(newTop); // Update position\n\n        // time++;\n        requestAnimationFrame(_inertia);\n      };\n      _inertia();\n    }\n  }, {\n    key: \"handleWheelScroll\",\n    value: function handleWheelScroll(event) {\n      if (this.currentViewType === 'desktop') return;\n      var scrollAmount = -event.deltaY;\n      this.handleScrolling(scrollAmount);\n    }\n\n    // handleScroll() {\n    //     if (this.container.classList.contains('mobile-view')) {\n    //         // Get current scroll position\n    //         const scrollAmount = this.container.scrollTop;\n\n    //         // Adjust bottom position based on scroll amount\n    //         // As the user scrolls up, the container moves up (increase the bottom offset)\n    //         this.container.style.bottom = `${Math.min(45 + scrollAmount / 10, 100)}%`;\n\n    //         // If you want the container to reset to the bottom when done scrolling, add this:\n    //         clearTimeout(this.isScrolling);\n    //         this.isScrolling = setTimeout(() => {\n    //             this.container.style.bottom = '0px'; // Reset position when scrolling stops\n    //         }, 200);\n    //     }\n    // }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      if (!this.contentPlacementView) {\n        return;\n      }\n      var element = this.contentPlacementView.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      if (!this.contentPlacementView) {\n        return;\n      }\n      var element = this.contentPlacementView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n    }\n  }, {\n    key: \"_handleMapInitiateBack\",\n    value: function _handleMapInitiateBack() {\n      var currentState = this.map._stateCoordinator.state;\n      if (currentState === 'selectedContent') {\n        if (this.contentPlacementIds.length === 0) return;else if (this.contentPlacementIds.length === 1) {\n          var stateHistory = this.map._stateCoordinator.stateHistory;\n          var previousMapState = stateHistory[stateHistory.length - 2];\n          stateHistory.pop();\n          stateHistory.pop();\n          if (previousMapState === 'search') {\n            this.map.initiateSetToSearchState();\n          } else {\n            this.map.setToDefaultState();\n          }\n        } else {\n          this.contentPlacementIds.pop();\n          this.map.setToSelectedContentState(this.contentPlacementIds);\n        }\n      } else if (currentState === 'directions') {\n        this.map.setToSelectedContentState(this.contentPlacementIds);\n      }\n    }\n  }, {\n    key: \"_handleSelectChildContentPlacement\",\n    value: function _handleSelectChildContentPlacement(data) {\n      var placementId = data.placementId;\n      this.contentPlacementIds.push(placementId);\n      this.map.setToSelectedContentState(this.contentPlacementIds);\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function () {\n      var _handleDefaultState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              if (!(this.currentViewType === 'mobile')) {\n                _context.next = 3;\n                break;\n              }\n              _context.next = 3;\n              return this._scrollToBottom(true, {\n                duration: 50\n              });\n            case 3:\n              this.hide();\n              this.contentPlacementIds = [];\n              this.currentContentPlacement = null;\n              this._clearViews();\n            case 7:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\n      }));\n      function _handleDefaultState() {\n        return _handleDefaultState2.apply(this, arguments);\n      }\n      return _handleDefaultState;\n    }()\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(_) {\n      this.hide();\n      this.contentPlacementIds = [];\n      this.currentContentPlacement = null;\n      this._clearViews();\n      if (this.currentViewType === 'mobile') {\n        this._scrollToBottom();\n      }\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.contentPlacementIds = contentPlacementIds;\n      this.currentContentPlacement = selectedContentPlacement;\n      this._updateContentViews();\n      this.show();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleSelectDirectionsButton\",\n    value: function () {\n      var _handleSelectDirectionsButton2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {\n        var placementId;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              placementId = data.placementId;\n              _context2.next = 3;\n              return this.map.setToDirectionsState(null, placementId);\n            case 3:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this);\n      }));\n      function _handleSelectDirectionsButton(_x) {\n        return _handleSelectDirectionsButton2.apply(this, arguments);\n      }\n      return _handleSelectDirectionsButton;\n    }()\n  }, {\n    key: \"_handleSelectShareButton\",\n    value: function () {\n      var _handleSelectShareButton2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var _this3 = this;\n        var placementId, floor, accountId, mapId, mapViewId, center, longitude, latitude, pitch, bearing, zoom, textToCopy;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              placementId = data.placementId;\n              floor = this.map.getCurrentFloor();\n              accountId = this.map.mapData.account_id;\n              mapId = this.map.mapData.map_id;\n              mapViewId = this.map.mapData.map_view_id;\n              center = this.map.map.getCenter(); // Returns a LngLat object\n              longitude = center.lng;\n              latitude = center.lat;\n              pitch = this.map.map.getPitch(); // Returns the pitch (tilt angle)\n              bearing = this.map.map.getBearing(); // Returns the bearing (rotation angle)\n              zoom = this.map.map.getZoom();\n              textToCopy = \"https://maps.waygomaps.com/\".concat(accountId, \"/\").concat(mapId, \"/\").concat(mapViewId, \"/\").concat(floor, \"/selected-content/\").concat(placementId, \"/\").concat(longitude, \",\").concat(latitude, \",\").concat(zoom, \",\").concat(pitch, \",\").concat(bearing);\n              navigator.clipboard.writeText(textToCopy).then(function () {\n                _this3.contentPlacementView.showCopyPopup();\n              })[\"catch\"](function (err) {\n                return console.error('Failed to copy text:', err);\n              });\n            case 13:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleSelectShareButton(_x2) {\n        return _handleSelectShareButton2.apply(this, arguments);\n      }\n      return _handleSelectShareButton;\n    }()\n  }, {\n    key: \"_handleSelectPhotos\",\n    value: function _handleSelectPhotos(data) {\n      var _this4 = this;\n      var placementId = data.placementId,\n        images = data.images;\n      var currentImageIndex = 0;\n      var totalImages = images.length;\n      if (this.currentViewType === 'desktop' || this.currentViewType === 'mobile') {\n        this.map.showModal(\"\\n                <div class=\\\"waygo-map-modal-content photo-modal\\\">\\n                    <button class=\\\"modal-close-button\\\">\\n                        <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\">\\n                            <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M6 18L18 6M6 6l12 12\\\" />\\n                        </svg>\\n                    </button>\\n                    \\n                    <div class=\\\"modal-counter\\\">\\n                        <span id=\\\"imageCounter\\\">\".concat(currentImageIndex + 1, \" / \").concat(totalImages, \"</span>\\n                    </div>\\n                    \\n                    <div class=\\\"modal-image-container\\\">\\n                        <button id=\\\"prevButton\\\" class=\\\"modal-nav-button prev\\\">\\n                            <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\">\\n                                <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M15.75 19.5L8.25 12l7.5-7.5\\\" />\\n                            </svg>\\n                        </button>\\n                        \\n                        <div class=\\\"modal-image-wrapper\\\">\\n                            <img id=\\\"modalImage\\\" src=\\\"\").concat(images[currentImageIndex], \"\\\" class=\\\"modal-image\\\">\\n                        </div>\\n                        \\n                        <button id=\\\"nextButton\\\" class=\\\"modal-nav-button next\\\">\\n                            <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\">\\n                                <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M8.25 4.5l7.5 7.5-7.5 7.5\\\" />\\n                            </svg>\\n                        </button>\\n                    </div>\\n                </div>\\n            \"));\n\n        // Add close button listener\n        var closeButton = document.querySelector('.modal-close-button');\n        closeButton.addEventListener('click', function () {\n          return _this4.map.hideModal();\n        });\n      } else {\n        this.map.showModal(\"\\n                <div class=\\\"waygo-map-modal-content photo-modal\\\">\\n                    <img src=\\\"\".concat(images[currentImageIndex], \"\\\" class=\\\"modal-image\\\">\\n                </div>\\n            \"));\n      }\n\n      // Add event listeners after modal is shown\n      var modalImage = document.getElementById('modalImage');\n      var prevButton = document.getElementById('prevButton');\n      var nextButton = document.getElementById('nextButton');\n      var imageCounter = document.getElementById('imageCounter');\n      prevButton.onclick = function () {\n        currentImageIndex = (currentImageIndex - 1 + images.length) % images.length;\n        modalImage.src = images[currentImageIndex];\n        imageCounter.textContent = \"\".concat(currentImageIndex + 1, \" / \").concat(totalImages);\n      };\n      nextButton.onclick = function () {\n        currentImageIndex = (currentImageIndex + 1) % images.length;\n        modalImage.src = images[currentImageIndex];\n        imageCounter.textContent = \"\".concat(currentImageIndex + 1, \" / \").concat(totalImages);\n      };\n    }\n  }, {\n    key: \"_updateContentViews\",\n    value: function _updateContentViews() {\n      this._clearViews();\n      this._render();\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.container.scrollTop = 0;\n      if (!this.container) {\n        return;\n      }\n      this.container.style.display = 'none';\n    }\n  }, {\n    key: \"scrollTo\",\n    value: function scrollTo(targetHeight) {\n      var _this5 = this;\n      var animation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var animationOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n      var defaultAnimationOptions = {\n        duration: 150,\n        easing: 'easeInOut'\n      };\n      var options = _objectSpread(_objectSpread({}, defaultAnimationOptions), animationOptions);\n      var startHeight = this.currentTop;\n      var distance = targetHeight - startHeight;\n      var startTime = null;\n\n      // Easing functions\n      var easingFunctions = {\n        linear: function linear(t) {\n          return t;\n        },\n        easeInOut: function easeInOut(t) {\n          return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;\n        },\n        easeIn: function easeIn(t) {\n          return t * t;\n        },\n        easeOut: function easeOut(t) {\n          return t * (2 - t);\n        }\n      };\n\n      // Choose easing function\n      var easingFunction = easingFunctions[options.easing] || easingFunctions.easeInOut;\n      var duration = options.duration;\n      return new Promise(function (resolve) {\n        if (!animation) {\n          _this5.currentTop = targetHeight; // Set the target height immediately\n          _this5.container.style.top = \"\".concat(_this5.currentTop, \"px\");\n          _this5.container.style.height = \"calc(100vh - \".concat(_this5.currentTop, \"px)\"); // Update height\n          resolve();\n          return; // Exit the function early\n        }\n\n        // Animate function using requestAnimationFrame\n        var _animate = function animate(currentTime) {\n          if (startTime === null) startTime = currentTime;\n          var elapsed = currentTime - startTime;\n          var progress = Math.min(elapsed / duration, 1); // Ensure progress doesn't exceed 1\n\n          // Calculate current top position based on easing function\n          var easedProgress = easingFunction(progress);\n          var newHeight = startHeight + easedProgress * distance;\n\n          // Update the container's top position and height\n          _this5.currentTop = newHeight;\n          _this5.container.style.top = \"\".concat(_this5.currentTop, \"px\");\n          _this5.container.style.height = \"calc(100vh - \".concat(_this5.currentTop, \"px)\");\n          if (progress < 1) {\n            requestAnimationFrame(_animate); // Continue animating\n          } else {\n            resolve();\n          }\n        };\n\n        // Start the animation\n        requestAnimationFrame(_animate);\n      });\n\n      // if (!animation) {\n      //     this.currentTop = targetHeight; // Set the target height immediately\n      //     this.container.style.top = `${this.currentTop}px`;\n      //     this.container.style.height = `calc(100vh - ${this.currentTop}px)`; // Update height\n      //     return; // Exit the function early\n      // }\n\n      // // Animate function using requestAnimationFrame\n      // const animate = (currentTime) => {\n      //     if (startTime === null) startTime = currentTime;\n      //     const elapsed = currentTime - startTime;\n      //     const progress = Math.min(elapsed / duration, 1); // Ensure progress doesn't exceed 1\n\n      //     // Calculate current top position based on easing function\n      //     const easedProgress = easingFunction(progress);\n      //     const newHeight = startHeight + easedProgress * distance;\n\n      //     // Update the container's top position and height\n      //     this.currentTop = newHeight;\n      //     this.container.style.top = `${this.currentTop}px`;\n      //     this.container.style.height = `calc(100vh - ${this.currentTop}px)`;\n\n      //     if (progress < 1) {\n      //         requestAnimationFrame(animate); // Continue animating\n      //     }\n      // };\n\n      // // Start the animation\n      // requestAnimationFrame(animate);\n    }\n  }, {\n    key: \"_resetScroll\",\n    value: function _resetScroll() {\n      var _this6 = this;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      var height = this.map.mapContainer.offsetHeight;\n      if (this.currentTop < rect.top) {\n        this.scrollTo(rect.bottom);\n      }\n      var viableKeys = this.contentPlacementView.findViableAdditionalData(this.currentContentPlacement);\n      var viableKeyCount = Object.keys(viableKeys).length;\n      var pixelHeight = height * (1 - this.scrollConfiguration.initialHeight);\n      if (viableKeyCount === 0) {\n        setTimeout(function () {\n          if (_this6.contentPlacementView && _this6.contentPlacementView.contentPlacementHeader) {\n            var headerElem = _this6.contentPlacementView.header;\n            var headerHeight = headerElem.offsetHeight;\n            pixelHeight = height - headerHeight - 20;\n            // console.log(height, headerHeight, pixelHeight);\n          }\n          _this6.scrollTo(pixelHeight, true);\n        }, 50); // Delay by 100 milliseconds\n      } else {\n        this.scrollTo(pixelHeight, true);\n      }\n    }\n  }, {\n    key: \"_scrollToBottom\",\n    value: function _scrollToBottom() {\n      var animate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      var animationOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      return this.scrollTo(rect.bottom, animate, animationOptions);\n    }\n  }, {\n    key: \"scrollToMin\",\n    value: function scrollToMin() {\n      var animate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      this.scrollTo(rect.bottom - this.scrollConfiguration.minDistFromBottom, animate);\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      if (this.contentPlacementIds.length === 0 || this.currentContentPlacement === null) return;\n\n      // if (this.currentViewType === 'mobile') {\n      //     this._resetScroll();\n      // }\n      this.contentPlacementView = new _components_ContentPlacementView_ContentDetails__WEBPACK_IMPORTED_MODULE_0__[\"default\"]();\n      this.contentPlacementView.updateView(this.currentContentPlacement);\n      this.contentPlacementView.on('selectChildContentPlacement', this._handleSelectChildContentPlacement.bind(this));\n      this.contentPlacementView.on('selectDirectionsButton', this._handleSelectDirectionsButton.bind(this));\n      this.contentPlacementView.on('selectShareButton', this._handleSelectShareButton.bind(this));\n      this.contentPlacementView.on('selectPhotos', this._handleSelectPhotos.bind(this));\n      this._initialize();\n      if (this.currentViewType === 'mobile') {\n        this._resetScroll();\n      }\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContentPlacementControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/ContentPlacementControl.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 _components_ContentPlacementView_ContentDetails__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/ContentPlacementView/ContentDetails */ \"./src/components/ContentPlacementView/ContentDetails.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\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\nvar ContentPlacementControl = /*#__PURE__*/function (_Control) {\n  function ContentPlacementControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, ContentPlacementControl);\n    _this = _callSuper(this, ContentPlacementControl, [options]);\n    _this.map = null;\n    _this.contentPlacementIds = [];\n    _this.currentContentPlacement = null;\n    _this.contentPlacementView = null;\n    _this.currentTop = window.innerHeight;\n    _this.startingY = 0;\n    _this.scrollConfiguration = {\n      initialHeight: 0.45,\n      // percent of the map container height\n      minDistFromBottom: 110 // 185 // in px\n    };\n    _this.isDragging = false;\n    _this.isAtTop = false;\n    _this.velocity = 0;\n    _this.decelerationFactor = 0.95;\n    _this.minVelocity = 0.1;\n    return _this;\n  }\n  _inherits(ContentPlacementControl, _Control);\n  return _createClass(ContentPlacementControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'content-details-control-container';\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.hide();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(ContentPlacementControl, \"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('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.map.on('initiate:back', this._handleMapInitiateBack.bind(this));\n      this.map.map.on('mousedown', this._handleMapFocus.bind(this));\n      this.map.map.on('touchstart', this._handleMapFocus.bind(this));\n      this.container.addEventListener('mousedown', function (e) {\n        return e.stopPropagation();\n      });\n      this.container.addEventListener('click', function (e) {\n        return e.stopPropagation();\n      });\n      this.container.addEventListener('dblclick', function (e) {\n        return e.stopPropagation();\n      });\n      // this.container.addEventListener('touchstart', (e) => e.stopPropagation());\n\n      this.container.addEventListener('touchstart', this.handleTouchStart.bind(this));\n      this.container.addEventListener('touchmove', this.handleTouchMove.bind(this));\n      this.container.addEventListener('touchend', this.handleTouchEnd.bind(this));\n      this.container.addEventListener('wheel', this.handleWheelScroll.bind(this));\n    }\n  }, {\n    key: \"_handleMapFocus\",\n    value: function _handleMapFocus(e) {\n      if (this.currentViewType === 'desktop') 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        this.scrollToMin(true);\n      }\n    }\n  }, {\n    key: \"handleTouchStart\",\n    value: function handleTouchStart(event) {\n      event.stopPropagation();\n      this.startingY = event.touches[0].clientY;\n      this.isDragging = true;\n      this.velocity = 0;\n    }\n  }, {\n    key: \"handleScrolling\",\n    value: function handleScrolling(scrollAmount) {\n      var element = this.contentPlacementView.getElement();\n      var elementHeight = element.offsetHeight;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      var containerBottom = rect.bottom;\n      var newTop = null;\n      if (scrollAmount <= 0) {\n        newTop = Math.max(containerBottom - elementHeight - rect.top, this.currentTop + scrollAmount);\n      } else if (scrollAmount > 0) {\n        newTop = Math.min(containerBottom - this.scrollConfiguration.minDistFromBottom - rect.top, this.currentTop + scrollAmount);\n      }\n      this.scrollTo(newTop);\n    }\n  }, {\n    key: \"handleTouchMove\",\n    value: function handleTouchMove(event) {\n      if (this.currentViewType === 'desktop') return;\n      if (!this.isDragging) return;\n      var touchY = event.touches[0].clientY;\n      var scrollAmount = -1 * (this.startingY - touchY);\n      this.velocity = scrollAmount;\n      this.handleScrolling(scrollAmount);\n      this.startingY = touchY;\n    }\n  }, {\n    key: \"handleTouchEnd\",\n    value: function handleTouchEnd() {\n      this.isDragging = false;\n      this._applyInertia();\n    }\n  }, {\n    key: \"_applyInertia\",\n    value: function _applyInertia() {\n      var _this2 = this;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      var element = this.contentPlacementView.getElement();\n      var elementHeight = element.offsetHeight;\n      var containerBottom = rect.bottom;\n      var upperLimit = containerBottom - elementHeight - rect.top; // Upper scroll boundary\n      var lowerLimit = containerBottom - this.scrollConfiguration.minDistFromBottom - rect.top;\n      var initialVelocity = this.velocity;\n      var duration = 400; // Duration of inertia in milliseconds (tweak this value)\n      var startTime = performance.now(); // Start time of the inertia\n\n      var _inertia = function inertia() {\n        var currentTime = performance.now();\n        var elapsedTime = currentTime - startTime;\n        if (elapsedTime >= duration || Math.abs(_this2.velocity) < _this2.minVelocity) {\n          _this2.velocity = 0;\n          return;\n        }\n        ; // Stop when velocity is too low\n\n        var progress = elapsedTime / duration; // Normalize time to [0, 1]\n        var easingFactor = 1 - Math.pow(1 - progress, 2);\n        _this2.velocity = initialVelocity * (1 - easingFactor);\n        var newTop = _this2.currentTop + _this2.velocity;\n        if (newTop <= upperLimit) {\n          _this2.scrollTo(upperLimit);\n          _this2.velocity = 0; // Stop inertia\n          return;\n        } else if (newTop >= lowerLimit) {\n          _this2.scrollTo(lowerLimit);\n          _this2.velocity = 0; // Stop inertia\n          return;\n        }\n\n        // this.velocity *= this.decelerationFactor; // Apply deceleration\n        // const easingFactor = Math.max(0.1, 1 - time / 100); // Easing factor decreases over time (clamped at 0.1)\n        // this.velocity *= this.decelerationFactor * easingFactor;\n\n        _this2.scrollTo(newTop); // Update position\n\n        // time++;\n        requestAnimationFrame(_inertia);\n      };\n      _inertia();\n    }\n  }, {\n    key: \"handleWheelScroll\",\n    value: function handleWheelScroll(event) {\n      if (this.currentViewType === 'desktop') return;\n      var scrollAmount = -event.deltaY;\n      this.handleScrolling(scrollAmount);\n    }\n\n    // handleScroll() {\n    //     if (this.container.classList.contains('mobile-view')) {\n    //         // Get current scroll position\n    //         const scrollAmount = this.container.scrollTop;\n\n    //         // Adjust bottom position based on scroll amount\n    //         // As the user scrolls up, the container moves up (increase the bottom offset)\n    //         this.container.style.bottom = `${Math.min(45 + scrollAmount / 10, 100)}%`;\n\n    //         // If you want the container to reset to the bottom when done scrolling, add this:\n    //         clearTimeout(this.isScrolling);\n    //         this.isScrolling = setTimeout(() => {\n    //             this.container.style.bottom = '0px'; // Reset position when scrolling stops\n    //         }, 200);\n    //     }\n    // }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      if (!this.contentPlacementView) {\n        return;\n      }\n      var element = this.contentPlacementView.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      if (!this.contentPlacementView) {\n        return;\n      }\n      var element = this.contentPlacementView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n    }\n  }, {\n    key: \"_handleMapInitiateBack\",\n    value: function _handleMapInitiateBack() {\n      var currentState = this.map._stateCoordinator.state;\n      if (currentState === 'selectedContent') {\n        if (this.contentPlacementIds.length === 0) return;else if (this.contentPlacementIds.length === 1) {\n          var stateHistory = this.map._stateCoordinator.stateHistory;\n          var previousMapState = stateHistory[stateHistory.length - 2];\n          stateHistory.pop();\n          stateHistory.pop();\n          if (previousMapState === 'search') {\n            this.map.initiateSetToSearchState();\n          } else {\n            this.map.setToDefaultState();\n          }\n        } else {\n          this.contentPlacementIds.pop();\n          this.map.setToSelectedContentState(this.contentPlacementIds);\n        }\n      } else if (currentState === 'directions') {\n        this.map.setToSelectedContentState(this.contentPlacementIds);\n      }\n    }\n  }, {\n    key: \"_handleSelectChildContentPlacement\",\n    value: function _handleSelectChildContentPlacement(data) {\n      var placementId = data.placementId;\n      this.contentPlacementIds.push(placementId);\n      this.map.setToSelectedContentState(this.contentPlacementIds);\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function () {\n      var _handleDefaultState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              if (!(this.currentViewType === 'mobile')) {\n                _context.next = 3;\n                break;\n              }\n              _context.next = 3;\n              return this._scrollToBottom(true, {\n                duration: 50\n              });\n            case 3:\n              this.hide();\n              this.contentPlacementIds = [];\n              this.currentContentPlacement = null;\n              this._clearViews();\n            case 7:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\n      }));\n      function _handleDefaultState() {\n        return _handleDefaultState2.apply(this, arguments);\n      }\n      return _handleDefaultState;\n    }()\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(_) {\n      this.hide();\n      this.contentPlacementIds = [];\n      this.currentContentPlacement = null;\n      this._clearViews();\n      if (this.currentViewType === 'mobile') {\n        this._scrollToBottom();\n      }\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.contentPlacementIds = contentPlacementIds;\n      this.currentContentPlacement = selectedContentPlacement;\n      this._updateContentViews();\n      this.show();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }, {\n    key: \"_handleSelectDirectionsButton\",\n    value: function () {\n      var _handleSelectDirectionsButton2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {\n        var placementId;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              placementId = data.placementId;\n              _context2.next = 3;\n              return this.map.setToDirectionsState(null, placementId);\n            case 3:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this);\n      }));\n      function _handleSelectDirectionsButton(_x) {\n        return _handleSelectDirectionsButton2.apply(this, arguments);\n      }\n      return _handleSelectDirectionsButton;\n    }()\n  }, {\n    key: \"_handleSelectShareButton\",\n    value: function () {\n      var _handleSelectShareButton2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var _this3 = this;\n        var placementId, floor, accountId, mapId, mapViewId, center, longitude, latitude, pitch, bearing, zoom, textToCopy;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              placementId = data.placementId;\n              floor = this.map.getCurrentFloor();\n              accountId = this.map.mapData.account_id;\n              mapId = this.map.mapData.map_id;\n              mapViewId = this.map.mapData.map_view_id;\n              center = this.map.map.getCenter(); // Returns a LngLat object\n              longitude = center.lng;\n              latitude = center.lat;\n              pitch = this.map.map.getPitch(); // Returns the pitch (tilt angle)\n              bearing = this.map.map.getBearing(); // Returns the bearing (rotation angle)\n              zoom = this.map.map.getZoom();\n              textToCopy = \"https://maps.waygomaps.com/\".concat(accountId, \"/\").concat(mapId, \"/\").concat(mapViewId, \"/\").concat(floor, \"/selected-content/\").concat(placementId, \"/\").concat(longitude, \",\").concat(latitude, \",\").concat(zoom, \",\").concat(pitch, \",\").concat(bearing);\n              navigator.clipboard.writeText(textToCopy).then(function () {\n                _this3.contentPlacementView.showCopyPopup();\n              })[\"catch\"](function (err) {\n                return console.error('Failed to copy text:', err);\n              });\n            case 13:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleSelectShareButton(_x2) {\n        return _handleSelectShareButton2.apply(this, arguments);\n      }\n      return _handleSelectShareButton;\n    }()\n  }, {\n    key: \"_handleSelectPhotos\",\n    value: function _handleSelectPhotos(data) {\n      var _this4 = this;\n      var placementId = data.placementId,\n        images = data.images;\n      var currentImageIndex = 0;\n      var totalImages = images.length;\n      if (this.currentViewType === 'desktop' || this.currentViewType === 'mobile') {\n        this.map.showModal(\"\\n                <div class=\\\"waygo-map-modal-content photo-modal\\\">\\n                    <button class=\\\"modal-close-button\\\">\\n                        <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\">\\n                            <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M6 18L18 6M6 6l12 12\\\" />\\n                        </svg>\\n                    </button>\\n                    \\n                    <div class=\\\"modal-counter\\\">\\n                        <span id=\\\"imageCounter\\\">\".concat(currentImageIndex + 1, \" / \").concat(totalImages, \"</span>\\n                    </div>\\n                    \\n                    <div class=\\\"modal-image-container\\\">\\n                        <button id=\\\"prevButton\\\" class=\\\"modal-nav-button prev\\\">\\n                            <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\">\\n                                <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M15.75 19.5L8.25 12l7.5-7.5\\\" />\\n                            </svg>\\n                        </button>\\n                        \\n                        <div class=\\\"modal-image-wrapper\\\">\\n                            <img id=\\\"modalImage\\\" src=\\\"\").concat(images[currentImageIndex], \"\\\" class=\\\"modal-image\\\">\\n                        </div>\\n                        \\n                        <button id=\\\"nextButton\\\" class=\\\"modal-nav-button next\\\">\\n                            <svg xmlns=\\\"http://www.w3.org/2000/svg\\\" fill=\\\"none\\\" viewBox=\\\"0 0 24 24\\\" stroke-width=\\\"1.5\\\" stroke=\\\"currentColor\\\">\\n                                <path stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" d=\\\"M8.25 4.5l7.5 7.5-7.5 7.5\\\" />\\n                            </svg>\\n                        </button>\\n                    </div>\\n                </div>\\n            \"));\n\n        // Add close button listener\n        var closeButton = document.querySelector('.modal-close-button');\n        closeButton.addEventListener('click', function () {\n          return _this4.map.hideModal();\n        });\n      } else {\n        this.map.showModal(\"\\n                <div class=\\\"waygo-map-modal-content photo-modal\\\">\\n                    <img src=\\\"\".concat(images[currentImageIndex], \"\\\" class=\\\"modal-image\\\">\\n                </div>\\n            \"));\n      }\n\n      // Add event listeners after modal is shown\n      var modalImage = document.getElementById('modalImage');\n      var prevButton = document.getElementById('prevButton');\n      var nextButton = document.getElementById('nextButton');\n      var imageCounter = document.getElementById('imageCounter');\n      prevButton.onclick = function () {\n        currentImageIndex = (currentImageIndex - 1 + images.length) % images.length;\n        modalImage.src = images[currentImageIndex];\n        imageCounter.textContent = \"\".concat(currentImageIndex + 1, \" / \").concat(totalImages);\n      };\n      nextButton.onclick = function () {\n        currentImageIndex = (currentImageIndex + 1) % images.length;\n        modalImage.src = images[currentImageIndex];\n        imageCounter.textContent = \"\".concat(currentImageIndex + 1, \" / \").concat(totalImages);\n      };\n    }\n  }, {\n    key: \"_updateContentViews\",\n    value: function _updateContentViews() {\n      this._clearViews();\n      this._render();\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.container.scrollTop = 0;\n      if (!this.container) {\n        return;\n      }\n      this.container.style.display = 'none';\n    }\n  }, {\n    key: \"scrollTo\",\n    value: function scrollTo(targetHeight) {\n      var _this5 = this;\n      var animation = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var animationOptions = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n      var defaultAnimationOptions = {\n        duration: 150,\n        easing: 'easeInOut'\n      };\n      var options = _objectSpread(_objectSpread({}, defaultAnimationOptions), animationOptions);\n      var startHeight = this.currentTop;\n      var distance = targetHeight - startHeight;\n      var startTime = null;\n\n      // Easing functions\n      var easingFunctions = {\n        linear: function linear(t) {\n          return t;\n        },\n        easeInOut: function easeInOut(t) {\n          return t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;\n        },\n        easeIn: function easeIn(t) {\n          return t * t;\n        },\n        easeOut: function easeOut(t) {\n          return t * (2 - t);\n        }\n      };\n\n      // Choose easing function\n      var easingFunction = easingFunctions[options.easing] || easingFunctions.easeInOut;\n      var duration = options.duration;\n      return new Promise(function (resolve) {\n        if (!animation) {\n          _this5.currentTop = targetHeight; // Set the target height immediately\n          _this5.container.style.top = \"\".concat(_this5.currentTop, \"px\");\n          _this5.container.style.height = \"calc(100vh - \".concat(_this5.currentTop, \"px)\"); // Update height\n          resolve();\n          return; // Exit the function early\n        }\n\n        // Animate function using requestAnimationFrame\n        var _animate = function animate(currentTime) {\n          if (startTime === null) startTime = currentTime;\n          var elapsed = currentTime - startTime;\n          var progress = Math.min(elapsed / duration, 1); // Ensure progress doesn't exceed 1\n\n          // Calculate current top position based on easing function\n          var easedProgress = easingFunction(progress);\n          var newHeight = startHeight + easedProgress * distance;\n\n          // Update the container's top position and height\n          _this5.currentTop = newHeight;\n          _this5.container.style.top = \"\".concat(_this5.currentTop, \"px\");\n          _this5.container.style.height = \"calc(100vh - \".concat(_this5.currentTop, \"px)\");\n          if (progress < 1) {\n            requestAnimationFrame(_animate); // Continue animating\n          } else {\n            resolve();\n          }\n        };\n\n        // Start the animation\n        requestAnimationFrame(_animate);\n      });\n\n      // if (!animation) {\n      //     this.currentTop = targetHeight; // Set the target height immediately\n      //     this.container.style.top = `${this.currentTop}px`;\n      //     this.container.style.height = `calc(100vh - ${this.currentTop}px)`; // Update height\n      //     return; // Exit the function early\n      // }\n\n      // // Animate function using requestAnimationFrame\n      // const animate = (currentTime) => {\n      //     if (startTime === null) startTime = currentTime;\n      //     const elapsed = currentTime - startTime;\n      //     const progress = Math.min(elapsed / duration, 1); // Ensure progress doesn't exceed 1\n\n      //     // Calculate current top position based on easing function\n      //     const easedProgress = easingFunction(progress);\n      //     const newHeight = startHeight + easedProgress * distance;\n\n      //     // Update the container's top position and height\n      //     this.currentTop = newHeight;\n      //     this.container.style.top = `${this.currentTop}px`;\n      //     this.container.style.height = `calc(100vh - ${this.currentTop}px)`;\n\n      //     if (progress < 1) {\n      //         requestAnimationFrame(animate); // Continue animating\n      //     }\n      // };\n\n      // // Start the animation\n      // requestAnimationFrame(animate);\n    }\n  }, {\n    key: \"_resetScroll\",\n    value: function _resetScroll() {\n      var _this6 = this;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      var height = this.map.mapContainer.offsetHeight;\n      if (this.currentTop < rect.top) {\n        this.scrollTo(rect.bottom);\n      }\n      var viableKeys = this.contentPlacementView.findViableAdditionalData(this.currentContentPlacement);\n      var viableKeyCount = Object.keys(viableKeys).length;\n      var pixelHeight = height * (1 - this.scrollConfiguration.initialHeight);\n      if (viableKeyCount === 0) {\n        setTimeout(function () {\n          if (_this6.contentPlacementView && _this6.contentPlacementView.contentPlacementHeader) {\n            var headerElem = _this6.contentPlacementView.header;\n            var headerHeight = headerElem.offsetHeight;\n            pixelHeight = height - headerHeight - 20;\n            // console.log(height, headerHeight, pixelHeight);\n          }\n          _this6.scrollTo(pixelHeight, true);\n        }, 50); // Delay by 100 milliseconds\n      } else {\n        this.scrollTo(pixelHeight, true);\n      }\n    }\n  }, {\n    key: \"_scrollToBottom\",\n    value: function _scrollToBottom() {\n      var animate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      var animationOptions = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      return this.scrollTo(rect.bottom, animate, animationOptions);\n    }\n  }, {\n    key: \"scrollToMin\",\n    value: function scrollToMin() {\n      var animate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;\n      var rect = this.map.mapContainer.getBoundingClientRect();\n      this.scrollTo(rect.bottom - this.scrollConfiguration.minDistFromBottom, animate);\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      if (this.contentPlacementIds.length === 0 || this.currentContentPlacement === null) return;\n\n      // if (this.currentViewType === 'mobile') {\n      //     this._resetScroll();\n      // }\n      this.contentPlacementView = new _components_ContentPlacementView_ContentDetails__WEBPACK_IMPORTED_MODULE_0__[\"default\"]();\n      this.contentPlacementView.updateView(this.currentContentPlacement);\n      this.contentPlacementView.on('selectChildContentPlacement', this._handleSelectChildContentPlacement.bind(this));\n      this.contentPlacementView.on('selectDirectionsButton', this._handleSelectDirectionsButton.bind(this));\n      this.contentPlacementView.on('selectShareButton', this._handleSelectShareButton.bind(this));\n      this.contentPlacementView.on('selectPhotos', this._handleSelectPhotos.bind(this));\n      this._initialize();\n      if (this.currentViewType === 'mobile') {\n        this._resetScroll();\n      }\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ContentPlacementControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/ContentPlacementControl.js?");
 
 /***/ }),
 
@@ -592,7 +592,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 _core_Control__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _components_DirectionsView_DirectionsView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/DirectionsView/DirectionsView */ \"./src/components/DirectionsView/DirectionsView.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _components_DirectionsView_StepsView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/DirectionsView/StepsView */ \"./src/components/DirectionsView/StepsView.js\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ \"./node_modules/axios/lib/axios.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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\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\n\n\nvar DirectionsControl = /*#__PURE__*/function (_Control) {\n  function DirectionsControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, DirectionsControl);\n    _this = _callSuper(this, DirectionsControl, [options]);\n    _this.directionsView = null;\n    _this.stepsView = null;\n    _this.map = null;\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSearchApi();\n    _this.startContentPlacement = null;\n    _this.endContentPlacement = null;\n    return _this;\n  }\n  _inherits(DirectionsControl, _Control);\n  return _createClass(DirectionsControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'directions-control-container';\n      this.directionsView = new _components_DirectionsView_DirectionsView__WEBPACK_IMPORTED_MODULE_1__[\"default\"]();\n      this.stepsView = new _components_DirectionsView_StepsView__WEBPACK_IMPORTED_MODULE_3__[\"default\"]();\n      this.container.appendChild(this.directionsView.getElement());\n      this.initializeEventListeners();\n      this.createDirectionsLineLayer();\n      this._attachResizeListener();\n      this._initialize();\n      this.hide();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(DirectionsControl, \"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('state:directions', this._handleDirectionsState.bind(this));\n      // this.map.on('initiate:back', this._handleMapInitiateBack.bind(this));\n\n      this.directionsView.on('getStartSuggestions', this._handleGettingStartSearchBarSuggestions.bind(this));\n      this.directionsView.on('getEndSuggestions', this._handleGettingEndSearchBarSuggestions.bind(this));\n      this.directionsView.on('initiate:findPath', this._handleIntiateFindPath.bind(this));\n      this.directionsView.on('initiate:findPathFromLocation', this._handleInitiateFindPathFromLocation.bind(this));\n      // this.directionsView.on('initiate:changeLeg', this._handleLegChange.bind(this));\n      this.directionsView.on('selectedStartContentPlacement', this._handleStartContentPlacementSelected.bind(this));\n      this.directionsView.on('selectedEndContentPlacement', this._handleEndContentPlacementSelected.bind(this));\n      this.stepsView.on('legSelect', this._handleLegChange.bind(this));\n    }\n  }, {\n    key: \"_handleEndContentPlacementSelected\",\n    value: function _handleEndContentPlacementSelected(data) {\n      var endContentPlacement = data.endContentPlacement;\n      this.endContentPlacement = endContentPlacement;\n      var _convertVertexToCoord = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0),\n        lat = _convertVertexToCoord.lat,\n        lon = _convertVertexToCoord.lon;\n      var coordinate = [lon, lat];\n      if (!endContentPlacement.name) {\n        if (endContentPlacement.catalog && endContentPlacement.content) {\n          var titleKey = endContentPlacement.catalog.content_title_key;\n          if (titleKey) {\n            // const titleKey = endContentPlacement.content.title_key;\n            var title = endContentPlacement.content.data[titleKey];\n            endContentPlacement.name = title;\n          }\n        }\n      }\n      endContentPlacement._floor = endContentPlacement.floor;\n      this.map.addSelectedFeature(coordinate, endContentPlacement);\n    }\n  }, {\n    key: \"_handleStartContentPlacementSelected\",\n    value: function _handleStartContentPlacementSelected(data) {\n      var startContentPlacement = data.startContentPlacement;\n      this.startContentPlacement = startContentPlacement;\n      var _convertVertexToCoord2 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(startContentPlacement.location, null, 30.0),\n        lat = _convertVertexToCoord2.lat,\n        lon = _convertVertexToCoord2.lon;\n      var coordinate = [lon, lat];\n      if (!startContentPlacement.name) {\n        if (startContentPlacement.catalog && startContentPlacement.content) {\n          var titleKey = startContentPlacement.catalog.content_title_key;\n          if (titleKey) {\n            // const titleKey = startContentPlacement.content.title_key;\n            var title = startContentPlacement.content.data[titleKey];\n            startContentPlacement.name = title;\n          }\n        }\n      }\n      startContentPlacement._floor = startContentPlacement.floor;\n      this.map.clearHighlightedContentLayer();\n      this.map.addHighlightedFeature(coordinate, startContentPlacement);\n    }\n  }, {\n    key: \"_handleLegChange\",\n    value: function _handleLegChange(data) {\n      var index = data.index;\n      if (!this.directionsView || !this.pathData) {\n        return;\n      }\n      this.updateMapForPathLeg(this.pathData.legs[index]);\n    }\n  }, {\n    key: \"_handleGettingStartSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingStartSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              if (this.directionsView) {\n                _context.next = 2;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 2:\n              query = data.query;\n              currentSearch = ++this.directionsView.startSearchBox.searchCount;\n              if (!(query === '')) {\n                _context.next = 7;\n                break;\n              }\n              this.directionsView.startSearchBox.searchBarSuggestionsView.updateResults([]);\n              return _context.abrupt(\"return\");\n            case 7:\n              if (this.map.mapData) {\n                _context.next = 9;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 9:\n              skip = 0;\n              limit = 5;\n              _context.prev = 11;\n              _context.next = 14;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 14:\n              results = _context.sent;\n              if (currentSearch === this.directionsView.startSearchBox.searchCount) {\n                this.directionsView.startSearchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context.next = 21;\n              break;\n            case 18:\n              _context.prev = 18;\n              _context.t0 = _context[\"catch\"](11);\n              if (axios__WEBPACK_IMPORTED_MODULE_5__[\"default\"].isCancel(_context.t0)) {\n                console.error('Request canceled:', _context.t0.message);\n              } else {\n                console.error('Search error:', _context.t0);\n              }\n            case 21:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[11, 18]]);\n      }));\n      function _handleGettingStartSearchBarSuggestions(_x) {\n        return _handleGettingStartSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingStartSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_handleGettingEndSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingEndSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              if (this.directionsView) {\n                _context2.next = 2;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 2:\n              query = data.query;\n              currentSearch = ++this.directionsView.endSearchBox.searchCount;\n              if (!(query === '')) {\n                _context2.next = 7;\n                break;\n              }\n              this.directionsView.endSearchBox.searchBarSuggestionsView.updateResults([]);\n              return _context2.abrupt(\"return\");\n            case 7:\n              if (this.map.mapData) {\n                _context2.next = 9;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 9:\n              skip = 0;\n              limit = 5;\n              _context2.prev = 11;\n              _context2.next = 14;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 14:\n              results = _context2.sent;\n              if (currentSearch === this.directionsView.endSearchBox.searchCount) {\n                this.directionsView.endSearchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context2.next = 21;\n              break;\n            case 18:\n              _context2.prev = 18;\n              _context2.t0 = _context2[\"catch\"](11);\n              if (axios__WEBPACK_IMPORTED_MODULE_5__[\"default\"].isCancel(_context2.t0)) {\n                console.error('Request canceled:', _context2.t0.message);\n              } else {\n                console.error('Search error:', _context2.t0);\n              }\n            case 21:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[11, 18]]);\n      }));\n      function _handleGettingEndSearchBarSuggestions(_x2) {\n        return _handleGettingEndSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingEndSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      if (!this.directionsView) {\n        return;\n      }\n      this.container.innerHTML = \"\";\n      var element = this.directionsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n      this.container.appendChild(this.stepsView.getElement());\n      // this.element.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      if (!this.directionsView) {\n        return;\n      }\n      this.container.innerHTML = \"\";\n      var element = this.directionsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n      this.container.appendChild(this.stepsView.getElement());\n      // this.element.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"createDirectionsLineLayer\",\n    value: function createDirectionsLineLayer() {\n      this.map.map.addSource('directionsLineSource', {\n        'type': 'geojson',\n        'data': {\n          'type': 'Feature',\n          'properties': {},\n          'geometry': {\n            'type': 'LineString',\n            'coordinates': []\n          }\n        }\n      });\n\n      // Add a new layer for the line\n      this.map.map.addLayer({\n        'id': 'directionsLineLayer',\n        'type': 'line',\n        'source': 'directionsLineSource',\n        'layout': {\n          'line-join': 'round',\n          'line-cap': 'round'\n        },\n        'paint': {\n          'line-color': '#333333',\n          'line-width': 8\n          // 'line-blur': 0.9\n        }\n      });\n\n      // this.map.map.moveLayer('directionsLineLayer', 'off-limits');\n      // this.map.map.moveLayer('directionsLineLayer', '0-tertiary-area');\n      this.map.map.moveLayer('directionsLineLayer', 'FIRST_ELEVATED_FEATURE');\n    }\n  }, {\n    key: \"updateMapForPathLeg\",\n    value: function updateMapForPathLeg(leg) {\n      this.clearLineData();\n      var points = [];\n      leg.steps.forEach(function (step, index) {\n        points.push.apply(points, _toConsumableArray(index === 0 ? step.path : step.path.slice(1)));\n      });\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVerticesToCoordinates)(points, null, 30.0);\n      this._updateMapLineData(coordinates, leg.floor);\n      var currentFloor = this.map.getCurrentFloor();\n      if (currentFloor !== leg.floor) {\n        this.map.updateFloor(leg.floor, false);\n      }\n    }\n  }, {\n    key: \"_updateMapLineData\",\n    value: function _updateMapLineData(newCoordinates, floor) {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {\n          '_floor': floor\n        },\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': newCoordinates\n        }\n      });\n      var bounds = new mapboxgl.LngLatBounds();\n      newCoordinates.forEach(function (coordinate) {\n        bounds.extend(coordinate);\n      });\n      if (this.currentViewType === 'desktop') {\n        this.map.map.fitBounds(bounds, _defineProperty(_defineProperty(_defineProperty({\n          padding: 200\n        }, \"padding\", {\n          top: 200,\n          bottom: 200,\n          left: 500,\n          right: 150\n        }), \"maxZoom\", 15), \"duration\", 1000));\n      } else {\n        this.map.map.fitBounds(bounds, {\n          // padding: 200,  // Add padding around the edges of the map\n          padding: {\n            top: 350,\n            bottom: 60,\n            left: 80,\n            right: 100\n          },\n          maxZoom: 14,\n          // Optional: Limit the maximum zoom level\n          duration: 1000 // Optional: Animation duration in milliseconds\n        });\n      }\n    }\n  }, {\n    key: \"clearLineData\",\n    value: function clearLineData() {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {},\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': []\n        }\n      });\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.hide();\n      this.directionsView.updateView(null, null);\n      // this.clearLineData();\n      this.clearData();\n      // this.map.clearSelectedContentLayer();\n      this.map.clearHighlightedContentLayer();\n    }\n  }, {\n    key: \"clearData\",\n    value: function clearData() {\n      this.pathData = null;\n      this.clearLineData();\n      this.stepsView.clear();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function () {\n      var _handleDirectionsState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var startContentPlacement, endContentPlacement, _convertVertexToCoord3, lat, lon, coordinate, titleKey, title, firstLocation, _convertVertexToCoord4, _lat, _lon, _coordinate;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              startContentPlacement = data.startContentPlacement, endContentPlacement = data.endContentPlacement;\n              this.clearData();\n              // this._initialize();\n              this.show();\n              // this.clearLineData();\n              this.directionsView.updateView(startContentPlacement, endContentPlacement);\n              if (!endContentPlacement) {\n                _context3.next = 16;\n                break;\n              }\n              _convertVertexToCoord3 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0), lat = _convertVertexToCoord3.lat, lon = _convertVertexToCoord3.lon;\n              coordinate = [lon, lat];\n              if (!endContentPlacement.name) {\n                if (endContentPlacement.catalog) {\n                  titleKey = endContentPlacement.catalog.content_title_key;\n                  if (titleKey) {\n                    // const titleKey = endContentPlacement.content.title_key;\n                    title = endContentPlacement.content.data[titleKey];\n                    endContentPlacement.name = title;\n                  }\n                }\n              }\n              endContentPlacement._floor = endContentPlacement.floor;\n              this.map.addSelectedFeature(coordinate, endContentPlacement);\n              if (!(this.map.location && !startContentPlacement)) {\n                _context3.next = 16;\n                break;\n              }\n              _context3.next = 13;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 13:\n              this.pathData = _context3.sent;\n              // this.map.addHighlightedFeature(coordinate, startContentPlacement);\n              console;\n              if (this.pathData) {\n                this.directionsView.setNewPath(this.pathData, true);\n                console.log(\"PATH DATA 2\");\n                firstLocation = this.pathData.legs[0].steps[0].path[0];\n                console.log(firstLocation, this.pathData.legs[0]);\n                _convertVertexToCoord4 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(firstLocation, null, 30.0), _lat = _convertVertexToCoord4.lat, _lon = _convertVertexToCoord4.lon;\n                _coordinate = [_lon, _lat];\n                this.map.addHighlightedFeature(_coordinate, {\n                  '_floor': 1,\n                  'name': 'Start'\n                });\n                if (this.currentViewType === 'mobile') {\n                  this.stepsView.setNewPath(this.pathData, false);\n                } else {\n                  this.stepsView.setNewPath(this.pathData);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n              }\n            case 16:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleDirectionsState(_x3) {\n        return _handleDirectionsState2.apply(this, arguments);\n      }\n      return _handleDirectionsState;\n    }()\n  }, {\n    key: \"_handleInitiateFindPathFromLocation\",\n    value: function () {\n      var _handleInitiateFindPathFromLocation2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {\n        var endContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              endContentPlacement = data.endContentPlacement;\n              console.log(\"END CONTENT PLACEMENT\");\n              console.log(endContentPlacement);\n              if (!(this.map.location && endContentPlacement)) {\n                _context4.next = 8;\n                break;\n              }\n              _context4.next = 6;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 6:\n              this.pathData = _context4.sent;\n              // this.map.addHighlightedFeature(coordinate, startContentPlacement);\n              if (this.pathData) {\n                this.directionsView.setNewPath(this.pathData, true);\n                console.log(\"PATH DATA\");\n                console.log(this.pathData);\n                if (this.currentViewType === 'mobile') {\n                  this.stepsView.setNewPath(this.pathData, false);\n                } else {\n                  this.stepsView.setNewPath(this.pathData);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n              }\n            case 8:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function _handleInitiateFindPathFromLocation(_x4) {\n        return _handleInitiateFindPathFromLocation2.apply(this, arguments);\n      }\n      return _handleInitiateFindPathFromLocation;\n    }() // async _handleInitiateFindNodeToPlacementPath(data) {\n    //     const { startNodeId, endContentPlacementId } = data;\n    //     this.pathData = await this.map.findPathNodeToPlacement(startNodeId, endContentPlacementId);\n    // }\n  }, {\n    key: \"_handleIntiateFindPath\",\n    value: function () {\n      var _handleIntiateFindPath2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {\n        var startContentPlacementId, endContentPlacementId;\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) switch (_context5.prev = _context5.next) {\n            case 0:\n              startContentPlacementId = data.startContentPlacementId, endContentPlacementId = data.endContentPlacementId;\n              _context5.next = 3;\n              return this.map.findPath(startContentPlacementId, endContentPlacementId);\n            case 3:\n              this.pathData = _context5.sent;\n              this.directionsView.setNewPath(this.pathData);\n              if (this.currentViewType === 'mobile') {\n                this.stepsView.setNewPath(this.pathData, false);\n              } else {\n                this.stepsView.setNewPath(this.pathData);\n              }\n              this.updateMapForPathLeg(this.pathData.legs[0]);\n            case 7:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this);\n      }));\n      function _handleIntiateFindPath(_x5) {\n        return _handleIntiateFindPath2.apply(this, arguments);\n      }\n      return _handleIntiateFindPath;\n    }()\n  }, {\n    key: \"_handleSelectDirectionsButton\",\n    value: function _handleSelectDirectionsButton(data) {\n      var placementId = data.placementId;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      return;\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DirectionsControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/DirectionsControl.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 _core_Control__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _components_DirectionsView_DirectionsView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/DirectionsView/DirectionsView */ \"./src/components/DirectionsView/DirectionsView.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _components_DirectionsView_StepsView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/DirectionsView/StepsView */ \"./src/components/DirectionsView/StepsView.js\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! axios */ \"./node_modules/axios/lib/axios.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 _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }\nfunction _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _iterableToArray(r) { if (\"undefined\" != typeof Symbol && null != r[Symbol.iterator] || null != r[\"@@iterator\"]) return Array.from(r); }\nfunction _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\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\n\n\nvar DirectionsControl = /*#__PURE__*/function (_Control) {\n  function DirectionsControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, DirectionsControl);\n    _this = _callSuper(this, DirectionsControl, [options]);\n    _this.directionsView = null;\n    _this.stepsView = null;\n    _this.map = null;\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSearchApi();\n    _this.startContentPlacement = null;\n    _this.endContentPlacement = null;\n    return _this;\n  }\n  _inherits(DirectionsControl, _Control);\n  return _createClass(DirectionsControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'directions-control-container';\n      this.directionsView = new _components_DirectionsView_DirectionsView__WEBPACK_IMPORTED_MODULE_1__[\"default\"]();\n      this.stepsView = new _components_DirectionsView_StepsView__WEBPACK_IMPORTED_MODULE_3__[\"default\"]();\n      this.container.appendChild(this.directionsView.getElement());\n      this.initializeEventListeners();\n      this.createDirectionsLineLayer();\n      this._attachResizeListener();\n      this._initialize();\n      this.hide();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(DirectionsControl, \"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('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      // this.map.on('initiate:back', this._handleMapInitiateBack.bind(this));\n\n      this.directionsView.on('getStartSuggestions', this._handleGettingStartSearchBarSuggestions.bind(this));\n      this.directionsView.on('getEndSuggestions', this._handleGettingEndSearchBarSuggestions.bind(this));\n      this.directionsView.on('initiate:findPath', this._handleIntiateFindPath.bind(this));\n      this.directionsView.on('initiate:findPathFromLocation', this._handleInitiateFindPathFromLocation.bind(this));\n      // this.directionsView.on('initiate:changeLeg', this._handleLegChange.bind(this));\n      this.directionsView.on('selectedStartContentPlacement', this._handleStartContentPlacementSelected.bind(this));\n      this.directionsView.on('selectedEndContentPlacement', this._handleEndContentPlacementSelected.bind(this));\n      this.stepsView.on('legSelect', this._handleLegChange.bind(this));\n    }\n  }, {\n    key: \"_handleEndContentPlacementSelected\",\n    value: function _handleEndContentPlacementSelected(data) {\n      var endContentPlacement = data.endContentPlacement;\n      this.endContentPlacement = endContentPlacement;\n      var _convertVertexToCoord = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0),\n        lat = _convertVertexToCoord.lat,\n        lon = _convertVertexToCoord.lon;\n      var coordinate = [lon, lat];\n      if (!endContentPlacement.name) {\n        if (endContentPlacement.catalog && endContentPlacement.content) {\n          var titleKey = endContentPlacement.catalog.content_title_key;\n          if (titleKey) {\n            // const titleKey = endContentPlacement.content.title_key;\n            var title = endContentPlacement.content.data[titleKey];\n            endContentPlacement.name = title;\n          }\n        }\n      }\n      endContentPlacement._floor = endContentPlacement.floor;\n      this.map.addSelectedFeature(coordinate, endContentPlacement);\n    }\n  }, {\n    key: \"_handleStartContentPlacementSelected\",\n    value: function _handleStartContentPlacementSelected(data) {\n      var startContentPlacement = data.startContentPlacement;\n      this.startContentPlacement = startContentPlacement;\n      var _convertVertexToCoord2 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(startContentPlacement.location, null, 30.0),\n        lat = _convertVertexToCoord2.lat,\n        lon = _convertVertexToCoord2.lon;\n      var coordinate = [lon, lat];\n      if (!startContentPlacement.name) {\n        if (startContentPlacement.catalog && startContentPlacement.content) {\n          var titleKey = startContentPlacement.catalog.content_title_key;\n          if (titleKey) {\n            // const titleKey = startContentPlacement.content.title_key;\n            var title = startContentPlacement.content.data[titleKey];\n            startContentPlacement.name = title;\n          }\n        }\n      }\n      startContentPlacement._floor = startContentPlacement.floor;\n      this.map.clearHighlightedContentLayer();\n      this.map.addHighlightedFeature(coordinate, startContentPlacement);\n    }\n  }, {\n    key: \"_handleLegChange\",\n    value: function _handleLegChange(data) {\n      var index = data.index;\n      if (!this.directionsView || !this.pathData) {\n        return;\n      }\n      this.updateMapForPathLeg(this.pathData.legs[index]);\n    }\n  }, {\n    key: \"_handleGettingStartSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingStartSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              if (this.directionsView) {\n                _context.next = 2;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 2:\n              query = data.query;\n              currentSearch = ++this.directionsView.startSearchBox.searchCount;\n              if (!(query === '')) {\n                _context.next = 7;\n                break;\n              }\n              this.directionsView.startSearchBox.searchBarSuggestionsView.updateResults([]);\n              return _context.abrupt(\"return\");\n            case 7:\n              if (this.map.mapData) {\n                _context.next = 9;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 9:\n              skip = 0;\n              limit = 5;\n              _context.prev = 11;\n              _context.next = 14;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 14:\n              results = _context.sent;\n              if (currentSearch === this.directionsView.startSearchBox.searchCount) {\n                this.directionsView.startSearchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context.next = 21;\n              break;\n            case 18:\n              _context.prev = 18;\n              _context.t0 = _context[\"catch\"](11);\n              if (axios__WEBPACK_IMPORTED_MODULE_5__[\"default\"].isCancel(_context.t0)) {\n                console.error('Request canceled:', _context.t0.message);\n              } else {\n                console.error('Search error:', _context.t0);\n              }\n            case 21:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[11, 18]]);\n      }));\n      function _handleGettingStartSearchBarSuggestions(_x) {\n        return _handleGettingStartSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingStartSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_handleGettingEndSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingEndSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              if (this.directionsView) {\n                _context2.next = 2;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 2:\n              query = data.query;\n              currentSearch = ++this.directionsView.endSearchBox.searchCount;\n              if (!(query === '')) {\n                _context2.next = 7;\n                break;\n              }\n              this.directionsView.endSearchBox.searchBarSuggestionsView.updateResults([]);\n              return _context2.abrupt(\"return\");\n            case 7:\n              if (this.map.mapData) {\n                _context2.next = 9;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 9:\n              skip = 0;\n              limit = 5;\n              _context2.prev = 11;\n              _context2.next = 14;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 14:\n              results = _context2.sent;\n              if (currentSearch === this.directionsView.endSearchBox.searchCount) {\n                this.directionsView.endSearchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context2.next = 21;\n              break;\n            case 18:\n              _context2.prev = 18;\n              _context2.t0 = _context2[\"catch\"](11);\n              if (axios__WEBPACK_IMPORTED_MODULE_5__[\"default\"].isCancel(_context2.t0)) {\n                console.error('Request canceled:', _context2.t0.message);\n              } else {\n                console.error('Search error:', _context2.t0);\n              }\n            case 21:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[11, 18]]);\n      }));\n      function _handleGettingEndSearchBarSuggestions(_x2) {\n        return _handleGettingEndSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingEndSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      if (!this.directionsView) {\n        return;\n      }\n      this.container.innerHTML = \"\";\n      var element = this.directionsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n      this.container.appendChild(this.stepsView.getElement());\n      // this.element.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      if (!this.directionsView) {\n        return;\n      }\n      this.container.innerHTML = \"\";\n      var element = this.directionsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n      this.container.appendChild(this.stepsView.getElement());\n      // this.element.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"createDirectionsLineLayer\",\n    value: function createDirectionsLineLayer() {\n      this.map.map.addSource('directionsLineSource', {\n        'type': 'geojson',\n        'data': {\n          'type': 'Feature',\n          'properties': {},\n          'geometry': {\n            'type': 'LineString',\n            'coordinates': []\n          }\n        }\n      });\n\n      // Add a new layer for the line\n      this.map.map.addLayer({\n        'id': 'directionsLineLayer',\n        'type': 'line',\n        'source': 'directionsLineSource',\n        'layout': {\n          'line-join': 'round',\n          'line-cap': 'round'\n        },\n        'paint': {\n          'line-color': '#333333',\n          'line-width': 8\n          // 'line-blur': 0.9\n        }\n      });\n\n      // this.map.map.moveLayer('directionsLineLayer', 'off-limits');\n      // this.map.map.moveLayer('directionsLineLayer', '0-tertiary-area');\n      this.map.map.moveLayer('directionsLineLayer', 'FIRST_ELEVATED_FEATURE');\n    }\n  }, {\n    key: \"updateMapForPathLeg\",\n    value: function updateMapForPathLeg(leg) {\n      this.clearLineData();\n      var points = [];\n      leg.steps.forEach(function (step, index) {\n        points.push.apply(points, _toConsumableArray(index === 0 ? step.path : step.path.slice(1)));\n      });\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVerticesToCoordinates)(points, null, 30.0);\n      this._updateMapLineData(coordinates, leg.floor);\n      var currentFloor = this.map.getCurrentFloor();\n      if (currentFloor !== leg.floor) {\n        this.map.updateFloor(leg.floor, false);\n      }\n    }\n  }, {\n    key: \"_updateMapLineData\",\n    value: function _updateMapLineData(newCoordinates, floor) {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {\n          '_floor': floor\n        },\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': newCoordinates\n        }\n      });\n      var bounds = new mapboxgl.LngLatBounds();\n      newCoordinates.forEach(function (coordinate) {\n        bounds.extend(coordinate);\n      });\n      if (this.currentViewType === 'desktop') {\n        this.map.map.fitBounds(bounds, _defineProperty(_defineProperty(_defineProperty({\n          padding: 200\n        }, \"padding\", {\n          top: 200,\n          bottom: 200,\n          left: 500,\n          right: 150\n        }), \"maxZoom\", 15), \"duration\", 1000));\n      } else {\n        this.map.map.fitBounds(bounds, {\n          // padding: 200,  // Add padding around the edges of the map\n          padding: {\n            top: 350,\n            bottom: 60,\n            left: 80,\n            right: 100\n          },\n          maxZoom: 14,\n          // Optional: Limit the maximum zoom level\n          duration: 1000 // Optional: Animation duration in milliseconds\n        });\n      }\n    }\n  }, {\n    key: \"clearLineData\",\n    value: function clearLineData() {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {},\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': []\n        }\n      });\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.hide();\n      this.directionsView.updateView(null, null);\n      // this.clearLineData();\n      this.clearData();\n      // this.map.clearSelectedContentLayer();\n      this.map.clearHighlightedContentLayer();\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }, {\n    key: \"clearData\",\n    value: function clearData() {\n      this.pathData = null;\n      this.clearLineData();\n      this.stepsView.clear();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function () {\n      var _handleDirectionsState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var startContentPlacement, endContentPlacement, _convertVertexToCoord3, lat, lon, coordinate, titleKey, title, firstLocation, _convertVertexToCoord4, _lat, _lon, _coordinate;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              startContentPlacement = data.startContentPlacement, endContentPlacement = data.endContentPlacement;\n              this.clearData();\n              // this._initialize();\n              this.show();\n              // this.clearLineData();\n              this.directionsView.updateView(startContentPlacement, endContentPlacement);\n              if (!endContentPlacement) {\n                _context3.next = 16;\n                break;\n              }\n              _convertVertexToCoord3 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0), lat = _convertVertexToCoord3.lat, lon = _convertVertexToCoord3.lon;\n              coordinate = [lon, lat];\n              if (!endContentPlacement.name) {\n                if (endContentPlacement.catalog) {\n                  titleKey = endContentPlacement.catalog.content_title_key;\n                  if (titleKey) {\n                    // const titleKey = endContentPlacement.content.title_key;\n                    title = endContentPlacement.content.data[titleKey];\n                    endContentPlacement.name = title;\n                  }\n                }\n              }\n              endContentPlacement._floor = endContentPlacement.floor;\n              this.map.addSelectedFeature(coordinate, endContentPlacement);\n              if (!(this.map.location && !startContentPlacement)) {\n                _context3.next = 16;\n                break;\n              }\n              _context3.next = 13;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 13:\n              this.pathData = _context3.sent;\n              // this.map.addHighlightedFeature(coordinate, startContentPlacement);\n              console;\n              if (this.pathData) {\n                this.directionsView.setNewPath(this.pathData, true);\n                console.log(\"PATH DATA 2\");\n                firstLocation = this.pathData.legs[0].steps[0].path[0];\n                console.log(firstLocation, this.pathData.legs[0]);\n                _convertVertexToCoord4 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(firstLocation, null, 30.0), _lat = _convertVertexToCoord4.lat, _lon = _convertVertexToCoord4.lon;\n                _coordinate = [_lon, _lat];\n                this.map.addHighlightedFeature(_coordinate, {\n                  '_floor': this.pathData.legs[0].floor,\n                  'name': 'Start'\n                });\n                if (this.currentViewType === 'mobile') {\n                  this.stepsView.setNewPath(this.pathData, false);\n                } else {\n                  this.stepsView.setNewPath(this.pathData);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n              }\n            case 16:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleDirectionsState(_x3) {\n        return _handleDirectionsState2.apply(this, arguments);\n      }\n      return _handleDirectionsState;\n    }()\n  }, {\n    key: \"_handleInitiateFindPathFromLocation\",\n    value: function () {\n      var _handleInitiateFindPathFromLocation2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {\n        var endContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              endContentPlacement = data.endContentPlacement;\n              console.log(\"END CONTENT PLACEMENT\");\n              console.log(endContentPlacement);\n              if (!(this.map.location && endContentPlacement)) {\n                _context4.next = 8;\n                break;\n              }\n              _context4.next = 6;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 6:\n              this.pathData = _context4.sent;\n              // this.map.addHighlightedFeature(coordinate, startContentPlacement);\n              if (this.pathData) {\n                this.directionsView.setNewPath(this.pathData, true);\n                console.log(\"PATH DATA\");\n                console.log(this.pathData);\n                if (this.currentViewType === 'mobile') {\n                  this.stepsView.setNewPath(this.pathData, false);\n                } else {\n                  this.stepsView.setNewPath(this.pathData);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n              }\n            case 8:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function _handleInitiateFindPathFromLocation(_x4) {\n        return _handleInitiateFindPathFromLocation2.apply(this, arguments);\n      }\n      return _handleInitiateFindPathFromLocation;\n    }() // async _handleInitiateFindNodeToPlacementPath(data) {\n    //     const { startNodeId, endContentPlacementId } = data;\n    //     this.pathData = await this.map.findPathNodeToPlacement(startNodeId, endContentPlacementId);\n    // }\n  }, {\n    key: \"_handleIntiateFindPath\",\n    value: function () {\n      var _handleIntiateFindPath2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {\n        var startContentPlacementId, endContentPlacementId;\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) switch (_context5.prev = _context5.next) {\n            case 0:\n              startContentPlacementId = data.startContentPlacementId, endContentPlacementId = data.endContentPlacementId;\n              _context5.next = 3;\n              return this.map.findPath(startContentPlacementId, endContentPlacementId);\n            case 3:\n              this.pathData = _context5.sent;\n              this.directionsView.setNewPath(this.pathData);\n              if (this.currentViewType === 'mobile') {\n                this.stepsView.setNewPath(this.pathData, false);\n              } else {\n                this.stepsView.setNewPath(this.pathData);\n              }\n              this.updateMapForPathLeg(this.pathData.legs[0]);\n            case 7:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this);\n      }));\n      function _handleIntiateFindPath(_x5) {\n        return _handleIntiateFindPath2.apply(this, arguments);\n      }\n      return _handleIntiateFindPath;\n    }()\n  }, {\n    key: \"_handleSelectDirectionsButton\",\n    value: function _handleSelectDirectionsButton(data) {\n      var placementId = data.placementId;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      return;\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DirectionsControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/DirectionsControl.js?");
 
 /***/ }),
 
@@ -603,7 +603,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 _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/SliderBar */ \"./src/components/SliderBar.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.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\nvar FloorSelectorControl = /*#__PURE__*/function (_Control) {\n  function FloorSelectorControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, FloorSelectorControl);\n    _this = _callSuper(this, FloorSelectorControl, [options]);\n    _this.floorSelectorContainerName = 'floor-selector';\n    _this.floorSelector = new _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__[\"default\"]([], {\n      container: 'floor-selector',\n      allowsToggle: false\n    });\n    _this.map = null;\n    return _this;\n  }\n  _inherits(FloorSelectorControl, _Control);\n  return _createClass(FloorSelectorControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'floor-selector-control-container';\n      var element = this.floorSelector.getElement();\n      this.container.appendChild(element);\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n\n      // this.show();\n\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(FloorSelectorControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"initializeEventListeners\",\n    value: function initializeEventListeners() {\n      this.floorSelector.on(\"\".concat(this.floorSelectorContainerName, \":selectNew\"), this._handleFloorSelectorSelect.bind(this));\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('load', this._handleMapLoad.bind(this));\n      this.map.on('floorChanged', this._handleFloorChange.bind(this));\n    }\n  }, {\n    key: \"_handleMapLoad\",\n    value: function _handleMapLoad(data) {\n      var mapData = data.mapData;\n      var floors = mapData.floors;\n      var floorIndicators = [];\n      floors.forEach(function (floor) {\n        floorIndicators.push(floor.indicator);\n      });\n      if (floorIndicators.length < 2) {\n        return;\n      }\n      this.floorSelector.updateItems(floorIndicators);\n      this.floorSelector.selectButtonAtIndex(this.map.options.floor);\n\n      // const mockFloorIndicators = ['P2', 'P1', 'L', '1', '2', '3', '4'];\n      // const mockFloorIndicators = ['L1', 'L2'];\n      // this.floorSelector.updateItems(mockFloorIndicators);\n    }\n  }, {\n    key: \"_handleFloorChange\",\n    value: function _handleFloorChange(data) {\n      var floorIndex = data.floorIndex;\n      if (this.floorSelector.getIndexOfSelectedButton() !== floorIndex) {\n        this.floorSelector.selectButtonAtIndex(floorIndex);\n      }\n    }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      // TO RENDER DESKTOP VIEW\n      var element = this.floorSelector.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.floorSelector.setViewForDesktop();\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.floorSelector.getElement();\n      this.container.appendChild(element);\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n      this.floorSelector.setViewForMobile();\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.show();\n      // this.floorSelector.deselectAll();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(_) {\n      if (this.currentViewType === 'mobile') {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.hide();\n      return;\n    }\n\n    // Have to update it for selecting floor and also for ____\n  }, {\n    key: \"_handleFloorSelectorSelect\",\n    value: function _handleFloorSelectorSelect(data) {\n      var query = data.query,\n        index = data.index;\n      var currentFloor = this.map.getCurrentFloor();\n      if (index !== currentFloor) {\n        this.map.updateFloor(index);\n      } else {\n        console.log('found index = floor, wouldve set the map again');\n      }\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.show();\n      // this.floorSelector.deselectAllNotMatchingQuery(this.floorSelector.selectedValue);\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FloorSelectorControl);\n\n// db.attachments_collection.updateOne({ _id: ObjectId(\"6748819a8db2dc30f9669793\") }, { $set: { \"criteria.0\": { host_key: \"name\", child_key: \"Room Number\", operator: \"==\", value: null } }});\n\n//# sourceURL=webpack://waygomaps/./src/Controls/FloorSelectorControl.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 _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/SliderBar */ \"./src/components/SliderBar.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.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\nvar FloorSelectorControl = /*#__PURE__*/function (_Control) {\n  function FloorSelectorControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, FloorSelectorControl);\n    _this = _callSuper(this, FloorSelectorControl, [options]);\n    _this.floorSelectorContainerName = 'floor-selector';\n    _this.floorSelector = new _components_SliderBar__WEBPACK_IMPORTED_MODULE_0__[\"default\"]([], {\n      container: 'floor-selector',\n      allowsToggle: false\n    });\n    _this.map = null;\n    return _this;\n  }\n  _inherits(FloorSelectorControl, _Control);\n  return _createClass(FloorSelectorControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'floor-selector-control-container';\n      var element = this.floorSelector.getElement();\n      this.container.appendChild(element);\n      this.initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n\n      // this.show();\n\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(FloorSelectorControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"initializeEventListeners\",\n    value: function initializeEventListeners() {\n      this.floorSelector.on(\"\".concat(this.floorSelectorContainerName, \":selectNew\"), this._handleFloorSelectorSelect.bind(this));\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('load', this._handleMapLoad.bind(this));\n      this.map.on('floorChanged', this._handleFloorChange.bind(this));\n    }\n  }, {\n    key: \"_handleMapLoad\",\n    value: function _handleMapLoad(data) {\n      var mapData = data.mapData;\n      var floors = mapData.floors;\n      var floorIndicators = [];\n      floors.forEach(function (floor) {\n        floorIndicators.push(floor.indicator);\n      });\n      if (floorIndicators.length < 2) {\n        return;\n      }\n      this.floorSelector.updateItems(floorIndicators);\n      this.floorSelector.selectButtonAtIndex(this.map.options.floor);\n\n      // const mockFloorIndicators = ['P2', 'P1', 'L', '1', '2', '3', '4'];\n      // const mockFloorIndicators = ['L1', 'L2'];\n      // this.floorSelector.updateItems(mockFloorIndicators);\n    }\n  }, {\n    key: \"_handleFloorChange\",\n    value: function _handleFloorChange(data) {\n      var floorIndex = data.floorIndex;\n      if (this.floorSelector.getIndexOfSelectedButton() !== floorIndex) {\n        this.floorSelector.selectButtonAtIndex(floorIndex);\n      }\n    }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      // TO RENDER DESKTOP VIEW\n      var element = this.floorSelector.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.floorSelector.setViewForDesktop();\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.floorSelector.getElement();\n      this.container.appendChild(element);\n      var newWidth = this.map.mapContainer.offsetWidth;\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n      this.floorSelector.setViewForMobile();\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.show();\n      // this.floorSelector.deselectAll();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(_) {\n      if (this.currentViewType === 'mobile') {\n        this.hide();\n      } else {\n        this.show();\n      }\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.hide();\n      return;\n    }\n\n    // Have to update it for selecting floor and also for ____\n  }, {\n    key: \"_handleFloorSelectorSelect\",\n    value: function _handleFloorSelectorSelect(data) {\n      var query = data.query,\n        index = data.index;\n      var currentFloor = this.map.getCurrentFloor();\n      if (index !== currentFloor) {\n        this.map.updateFloor(index);\n      }\n      // else {\n      //     console.log('found index = floor, wouldve set the map again')\n      // }\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.show();\n      // this.floorSelector.deselectAllNotMatchingQuery(this.floorSelector.selectedValue);\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.show();\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (FloorSelectorControl);\n\n// db.attachments_collection.updateOne({ _id: ObjectId(\"6748819a8db2dc30f9669793\") }, { $set: { \"criteria.0\": { host_key: \"name\", child_key: \"Room Number\", operator: \"==\", value: null } }});\n\n//# sourceURL=webpack://waygomaps/./src/Controls/FloorSelectorControl.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    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      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('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.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.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.updateLabelForSelectedContentPlacement(selectedContentPlacement);\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(data) {\n      return;\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: \"_handleClick\",\n    value: function _handleClick(e) {\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      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?");
 
 /***/ }),
 
@@ -625,7 +625,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 _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/SearchBox/SearchBox */ \"./src/components/SearchBox/SearchBox.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ \"./node_modules/axios/lib/axios.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 SearchBoxControl = /*#__PURE__*/function (_Control) {\n  function SearchBoxControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SearchBoxControl);\n    _this = _callSuper(this, SearchBoxControl, [options]);\n    _this.searchBox = new _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_0__[\"default\"]();\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSearchApi();\n    return _this;\n  }\n  _inherits(SearchBoxControl, _Control);\n  return _createClass(SearchBoxControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'search-box-control-container';\n      var element = this.searchBox.getElement();\n      this.container.appendChild(element);\n      this._initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.show();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(SearchBoxControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      this.searchBox.searchBarSuggestionsView.on('selectCell', this._handleSuggestionSelect.bind(this));\n      this.searchBox.searchBar.on('cancel', this._handleSearchBarCancel.bind(this));\n      this.searchBox.on('search', this._handleSearchBoxSearch.bind(this));\n      this.searchBox.on('selectBack', this._handleSearchBoxSelectBack.bind(this));\n      this.searchBox.on('getSearchBarSuggestions', this._handleGettingSearchBarSuggestions.bind(this));\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('load', this._handleMapLoad.bind(this));\n    }\n  }, {\n    key: \"_handleMapLoad\",\n    value: function _handleMapLoad(data) {\n      var mapData = data.mapData;\n      var mapName = mapData.map_name;\n      if (mapName) {\n        this.searchBox.searchBar.setPlaceholderText(\"Search \".concat(mapName));\n      } else {\n        this.searchBox.searchBar.setPlaceholderText(\"Search\");\n      }\n    }\n  }, {\n    key: \"_handleGettingSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              query = data.query;\n              currentSearch = ++this.searchBox.searchCount;\n              if (!(query === '')) {\n                _context.next = 5;\n                break;\n              }\n              this.searchBox.searchBarSuggestionsView.updateResults([]);\n              return _context.abrupt(\"return\");\n            case 5:\n              if (this.map.mapData) {\n                _context.next = 7;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 7:\n              skip = 0;\n              limit = 5;\n              _context.prev = 9;\n              _context.next = 12;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 12:\n              results = _context.sent;\n              if (currentSearch === this.searchBox.searchCount) {\n                this.searchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context.next = 19;\n              break;\n            case 16:\n              _context.prev = 16;\n              _context.t0 = _context[\"catch\"](9);\n              if (axios__WEBPACK_IMPORTED_MODULE_3__[\"default\"].isCancel(_context.t0)) {\n                console.error('Request canceled:', _context.t0.message);\n              } else {\n                console.error('Search error:', _context.t0);\n              }\n            case 19:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[9, 16]]);\n      }));\n      function _handleGettingSearchBarSuggestions(_x) {\n        return _handleGettingSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      var element = this.searchBox.getElement();\n      this.container.appendChild(element);\n      this.container.classList.add('desktop-view');\n      this.container.classList.remove('mobile-view');\n      if (element) {\n        this.searchBox.setViewForDesktop();\n      }\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.searchBox.getElement();\n      this.container.appendChild(element);\n      this.container.classList.add('mobile-view');\n      this.container.classList.remove('desktop-view');\n      if (element) {\n        this.searchBox.setViewForMobile();\n      }\n    }\n  }, {\n    key: \"bringToFront\",\n    value: function bringToFront() {\n      /* z-index: 7; */\n      this.container.style.zIndex = '10';\n    }\n  }, {\n    key: \"bringBack\",\n    value: function bringBack() {\n      this.container.style.zIndex = '';\n    }\n  }, {\n    key: \"_handleSearchBoxSelectBack\",\n    value: function _handleSearchBoxSelectBack() {\n      this.map.initiateBack();\n    }\n  }, {\n    key: \"_handleSearchBarCancel\",\n    value: function _handleSearchBarCancel(_) {\n      this.map.setToDefaultState();\n    }\n  }, {\n    key: \"_handleSearchBoxSearch\",\n    value: function _handleSearchBoxSearch(data) {\n      var query = data.query;\n      this.map.setToSearchState(query);\n    }\n  }, {\n    key: \"_handleSuggestionSelect\",\n    value: function _handleSuggestionSelect(data) {\n      var result = data.result;\n      this.map.setToSelectedContentState([result.placement_id]);\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.searchBox.searchBarSuggestionsView.clearResults();\n      this.searchBox.closeSuggestionsView();\n      this.searchBox.searchBar.setText(\"\");\n      this.searchBox.searchBar.updateRightButtonIcon('search');\n      this.searchBox.searchBar.updateLeftButtonIcon('none');\n      this.bringToFront();\n      this.show();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.searchBox.searchBar.setText(query);\n      this.searchBox.searchBar.updateRightButtonIcon('cancel');\n      this.searchBox.searchBar.updateLeftButtonIcon('none');\n      this.bringToFront();\n      this.show();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.show();\n      this.bringToFront();\n\n      // const title_key = selectedContentPlacement.content.title_key;\n      var title_key = selectedContentPlacement.catalog.content_title_key;\n      var title = selectedContentPlacement.content.data[title_key];\n      this.searchBox.searchBar.setText(title);\n      this.searchBox.searchBar.updateRightButtonIcon('cancel');\n      var stateHistoryLength = this.map._stateCoordinator.stateHistory.length;\n      if (stateHistoryLength > 2 || contentPlacementIds.length > 1) {\n        this.searchBox.searchBar.updateLeftButtonIcon('back');\n      } else {\n        this.searchBox.searchBar.updateLeftButtonIcon('none');\n      }\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.bringBack();\n      var stateHistoryLength = this.map._stateCoordinator.stateHistory.length;\n      this.searchBox.searchBar.updateRightButtonIcon('cancel');\n      if (stateHistoryLength > 2) {\n        this.searchBox.searchBar.updateLeftButtonIcon('back');\n      } else {\n        this.searchBox.searchBar.updateLeftButtonIcon('none');\n      }\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchBoxControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/SearchBoxControl.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 _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../components/SearchBox/SearchBox */ \"./src/components/SearchBox/SearchBox.js\");\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! axios */ \"./node_modules/axios/lib/axios.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 SearchBoxControl = /*#__PURE__*/function (_Control) {\n  function SearchBoxControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SearchBoxControl);\n    _this = _callSuper(this, SearchBoxControl, [options]);\n    _this.searchBox = new _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_0__[\"default\"]();\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSearchApi();\n    return _this;\n  }\n  _inherits(SearchBoxControl, _Control);\n  return _createClass(SearchBoxControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'search-box-control-container';\n      var element = this.searchBox.getElement();\n      this.container.appendChild(element);\n      this._initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.show();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      _superPropGet(SearchBoxControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      this.searchBox.searchBarSuggestionsView.on('selectCell', this._handleSuggestionSelect.bind(this));\n      this.searchBox.searchBar.on('cancel', this._handleSearchBarCancel.bind(this));\n      this.searchBox.on('search', this._handleSearchBoxSearch.bind(this));\n      this.searchBox.on('selectBack', this._handleSearchBoxSelectBack.bind(this));\n      this.searchBox.on('getSearchBarSuggestions', this._handleGettingSearchBarSuggestions.bind(this));\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('load', this._handleMapLoad.bind(this));\n    }\n  }, {\n    key: \"_handleMapLoad\",\n    value: function _handleMapLoad(data) {\n      var mapData = data.mapData;\n      var mapName = mapData.map_name;\n      if (mapName) {\n        this.searchBox.searchBar.setPlaceholderText(\"Search \".concat(mapName));\n      } else {\n        this.searchBox.searchBar.setPlaceholderText(\"Search\");\n      }\n    }\n  }, {\n    key: \"_handleGettingSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              query = data.query;\n              currentSearch = ++this.searchBox.searchCount;\n              if (!(query === '')) {\n                _context.next = 5;\n                break;\n              }\n              this.searchBox.searchBarSuggestionsView.updateResults([]);\n              return _context.abrupt(\"return\");\n            case 5:\n              if (this.map.mapData) {\n                _context.next = 7;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 7:\n              skip = 0;\n              limit = 5;\n              _context.prev = 9;\n              _context.next = 12;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 12:\n              results = _context.sent;\n              if (currentSearch === this.searchBox.searchCount) {\n                this.searchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context.next = 19;\n              break;\n            case 16:\n              _context.prev = 16;\n              _context.t0 = _context[\"catch\"](9);\n              if (axios__WEBPACK_IMPORTED_MODULE_3__[\"default\"].isCancel(_context.t0)) {\n                console.error('Request canceled:', _context.t0.message);\n              } else {\n                console.error('Search error:', _context.t0);\n              }\n            case 19:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[9, 16]]);\n      }));\n      function _handleGettingSearchBarSuggestions(_x) {\n        return _handleGettingSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      var element = this.searchBox.getElement();\n      this.container.appendChild(element);\n      this.container.classList.add('desktop-view');\n      this.container.classList.remove('mobile-view');\n      if (element) {\n        this.searchBox.setViewForDesktop();\n      }\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      var element = this.searchBox.getElement();\n      this.container.appendChild(element);\n      this.container.classList.add('mobile-view');\n      this.container.classList.remove('desktop-view');\n      if (element) {\n        this.searchBox.setViewForMobile();\n      }\n    }\n  }, {\n    key: \"bringToFront\",\n    value: function bringToFront() {\n      /* z-index: 7; */\n      this.container.style.zIndex = '10';\n    }\n  }, {\n    key: \"bringBack\",\n    value: function bringBack() {\n      this.container.style.zIndex = '';\n    }\n  }, {\n    key: \"_handleSearchBoxSelectBack\",\n    value: function _handleSearchBoxSelectBack() {\n      this.map.initiateBack();\n    }\n  }, {\n    key: \"_handleSearchBarCancel\",\n    value: function _handleSearchBarCancel(_) {\n      this.map.setToDefaultState();\n    }\n  }, {\n    key: \"_handleSearchBoxSearch\",\n    value: function _handleSearchBoxSearch(data) {\n      var query = data.query;\n      this.map.setToSearchState(query);\n    }\n  }, {\n    key: \"_handleSuggestionSelect\",\n    value: function _handleSuggestionSelect(data) {\n      var result = data.result;\n      this.map.setToSelectedContentState([result.placement_id]);\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.searchBox.searchBarSuggestionsView.clearResults();\n      this.searchBox.closeSuggestionsView();\n      this.searchBox.searchBar.setText(\"\");\n      this.searchBox.searchBar.updateRightButtonIcon('search');\n      this.searchBox.searchBar.updateLeftButtonIcon('none');\n      this.bringToFront();\n      this.show();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.searchBox.searchBar.setText(query);\n      this.searchBox.searchBar.updateRightButtonIcon('cancel');\n      this.searchBox.searchBar.updateLeftButtonIcon('none');\n      this.bringToFront();\n      this.show();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.show();\n      this.bringToFront();\n\n      // const title_key = selectedContentPlacement.content.title_key;\n      var title_key = selectedContentPlacement.catalog.content_title_key;\n      var title = selectedContentPlacement.content.data[title_key];\n      this.searchBox.searchBar.setText(title);\n      this.searchBox.searchBar.updateRightButtonIcon('cancel');\n      var stateHistoryLength = this.map._stateCoordinator.stateHistory.length;\n      if (stateHistoryLength > 2 || contentPlacementIds.length > 1) {\n        this.searchBox.searchBar.updateLeftButtonIcon('back');\n      } else {\n        this.searchBox.searchBar.updateLeftButtonIcon('none');\n      }\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.bringBack();\n      var stateHistoryLength = this.map._stateCoordinator.stateHistory.length;\n      this.searchBox.searchBar.updateRightButtonIcon('cancel');\n      if (stateHistoryLength > 2) {\n        this.searchBox.searchBar.updateLeftButtonIcon('back');\n      } else {\n        this.searchBox.searchBar.updateLeftButtonIcon('none');\n      }\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SearchBoxControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/SearchBoxControl.js?");
 
 /***/ }),
 
@@ -636,7 +636,18 @@ 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.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      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}(_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 = 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      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?");
+
+/***/ }),
+
+/***/ "./src/Controls/SetupControl.js":
+/*!**************************************!*\
+  !*** ./src/Controls/SetupControl.js ***!
+  \**************************************/
+/***/ ((__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 _core_Control__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\n/* harmony import */ var _components_SetupView_SetupView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/SetupView/SetupView */ \"./src/components/SetupView/SetupView.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// import SearchBox from \"../components/SearchBox/SearchBox\";\n\n\n\n\nvar SetupControl = /*#__PURE__*/function (_Control) {\n  function SetupControl() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SetupControl);\n    _this = _callSuper(this, SetupControl, [options]);\n    // this.searchBox = new SearchBox();\n    _this.setupView = new _components_SetupView_SetupView__WEBPACK_IMPORTED_MODULE_3__[\"default\"]();\n    // this.searchApi = waygoMaps.getSearchApi();\n    _this.routesApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getRotuesApi();\n    _this.node = null;\n    return _this;\n  }\n  _inherits(SetupControl, _Control);\n  return _createClass(SetupControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      // console.log(\"ON ADD SETUP CONTROL\");\n      this.map = map;\n      this.container = document.createElement('div');\n      this.container.className = 'setup-control-container';\n      this._initializeEventListeners();\n      this._attachResizeListener();\n      this._initialize();\n      this.show();\n      return this.container;\n    }\n  }, {\n    key: \"onRemove\",\n    value: function onRemove() {\n      this.removeDraggablePoint();\n      _superPropGet(SetupControl, \"onRemove\", this, 3)([]);\n    }\n  }, {\n    key: \"removeDraggablePoint\",\n    value: function removeDraggablePoint() {\n      if (this.map && this.map.map) {\n        // Remove layers first\n        if (this.map.map.getLayer('point')) {\n          this.map.map.removeLayer('point');\n        }\n        if (this.map.map.getLayer('point-border')) {\n          this.map.map.removeLayer('point-border');\n        }\n        // Then remove source\n        if (this.map.map.getSource('point')) {\n          this.map.map.removeSource('point');\n        }\n      }\n    }\n  }, {\n    key: \"initializeDraggablePoint\",\n    value: function initializeDraggablePoint() {\n      var _this2 = this;\n      // console.log(\"INITIALIZE DRAGGABLE POINT\");\n      var canvas = this.map.map.getCanvas();\n\n      // console.log(canvas);\n\n      var geojson = {\n        type: 'FeatureCollection',\n        features: [{\n          type: 'Feature',\n          geometry: {\n            type: 'Point',\n            coordinates: [0, 0]\n          },\n          properties: {\n            _floor: this.map.getCurrentFloor() // Initialize with default floor\n          }\n        }]\n      };\n      var onMove = function onMove(e) {\n        var coords = e.lngLat;\n\n        // Set a UI indicator for dragging.\n        // canvas.style.cursor = 'grabbing';\n\n        // Update the Point feature in `geojson` coordinates\n        // and call setData to the source layer `point` on it.\n        geojson.features[0].geometry.coordinates = [coords.lng, coords.lat];\n\n        // console.log(\"SET DATA 2\");\n        var pointSource = _this2.map.map.getSource('point');\n        if (pointSource) {\n          pointSource.setData(geojson);\n        }\n        // this.map.map.getSource('point').setData(geojson);\n      };\n      var onUp = /*#__PURE__*/function () {\n        var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(e) {\n          var coords, vertex, floor;\n          return _regeneratorRuntime().wrap(function _callee$(_context) {\n            while (1) switch (_context.prev = _context.next) {\n              case 0:\n                coords = e.lngLat;\n                canvas.style.cursor = '';\n                vertex = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertCoordinateToVertex)([coords.lng, coords.lat], [0, 0], 30); // vertex[0] = Number(vertex[0].toFixed(2));\n                // vertex[1] = Number(vertex[1].toFixed(2));\n                // console.log(\"VERTEX AFTER\", vertex);\n                floor = geojson.features[0].properties._floor; // console.log(\"FLOOR\", floor);\n                console.log(\"GETTING CLOSEST NODE 1\");\n                _context.next = 7;\n                return _this2.getClosestNode(vertex, floor);\n              case 7:\n                // Unbind mouse/touch events\n                _this2.map.map.off('mousemove', onMove);\n                _this2.map.map.off('touchmove', onMove);\n              case 9:\n              case \"end\":\n                return _context.stop();\n            }\n          }, _callee);\n        }));\n        return function onUp(_x) {\n          return _ref.apply(this, arguments);\n        };\n      }();\n      this.map.on('floorChanged', function (data) {\n        var floorIndex = data.floorIndex;\n        // console.log(\"FLOOR CHANGED\", floorIndex);\n        // Update the point's floor property\n        geojson.features[0].properties._floor = floorIndex;\n        // Update the source data\n        // console.log(\"SET DATA 3\");\n        var pointSource = _this2.map.map.getSource('point');\n        if (pointSource) {\n          pointSource.setData(geojson);\n        }\n      });\n\n      // console.log(\"ADD SOURCE\");\n      // Add a single point to the map.\n      this.map.map.addSource('point', {\n        'type': 'geojson',\n        'data': geojson\n      });\n\n      // console.log(\"ADD LAYER\");\n      // Add white border circle layer\n      this.map.map.addLayer({\n        'id': 'point-border',\n        'type': 'circle',\n        'source': 'point',\n        'paint': {\n          'circle-radius': 18,\n          'circle-color': '#FFFFFF'\n        }\n      });\n\n      // Add red inner circle layer\n      this.map.map.addLayer({\n        'id': 'point',\n        'type': 'circle',\n        'source': 'point',\n        'paint': {\n          'circle-radius': 15,\n          'circle-color': '#F84C4C' // red color\n        }\n      });\n\n      // When the cursor enters a feature in\n      // the point layer, prepare for dragging.\n      this.map.map.on('mouseenter', 'point', function () {\n        _this2.map.map.setPaintProperty('point', 'circle-color', '#FF8080');\n        canvas.style.cursor = 'pointer';\n      });\n      this.map.map.on('mouseleave', 'point', function () {\n        _this2.map.map.setPaintProperty('point', 'circle-color', '#F84C4C');\n        canvas.style.cursor = 'default';\n      });\n      this.map.map.on('mousedown', 'point', function (e) {\n        // Prevent the default map drag behavior.\n        e.preventDefault();\n        canvas.style.cursor = 'grabbing';\n        _this2.map.map.on('mousemove', onMove);\n        _this2.map.map.once('mouseup', onUp);\n      });\n      this.map.map.on('touchstart', 'point', function (e) {\n        if (e.points.length !== 1) return;\n\n        // Prevent the default map drag behavior.\n        e.preventDefault();\n        _this2.map.map.on('touchmove', onMove);\n        _this2.map.map.once('touchend', onUp);\n      });\n    }\n  }, {\n    key: \"getVertex\",\n    value: function getVertex() {\n      var features = this.map.map.querySourceFeatures('point');\n      if (features.length > 0) {\n        var coordinates = features[0].geometry.coordinates;\n        return (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertCoordinateToVertex)(coordinates, this.map.mapData.reference_point, 30.0);\n      }\n      return null;\n    }\n  }, {\n    key: \"getClosestNode\",\n    value: function () {\n      var _getClosestNode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(vertex, floor) {\n        var node;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              _context2.next = 2;\n              return this.routesApi.findClosestNode(this.map.mapData.map_id, vertex, floor);\n            case 2:\n              node = _context2.sent;\n              // console.log(\"NODE2\", node);\n\n              this.node = node;\n\n              // console.log(\"MAP\", this.map);\n\n              this.map.location = node.node_id;\n\n              // this.setupView.setNode(node);\n              this.setupView.codeSnippet.innerHTML = \"https://waygomaps.com/\".concat(this.map.mapData.map_id, \"?location=\").concat(node.node_id);\n            case 6:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this);\n      }));\n      function getClosestNode(_x2, _x3) {\n        return _getClosestNode.apply(this, arguments);\n      }\n      return getClosestNode;\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('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.map.on('load', this._handleMapLoad.bind(this));\n      this.map.on('floorChanged', this._handleFloorChange.bind(this));\n      this.setupView.on('exit', this._handleSetupViewExitState.bind(this));\n      this.setupView.on('configure', this._handleSetupViewConfigureState.bind(this));\n    }\n  }, {\n    key: \"_handleMapLoad\",\n    value: function _handleMapLoad(_) {\n      // const { mapData } = data\n      // const mapName = mapData.map_name;\n      // if (mapName) {\n      //     this.searchBox.searchBar.setPlaceholderText(`Search ${mapName}`);\n      // } else {\n      //     this.searchBox.searchBar.setPlaceholderText(`Search`);\n      // }\n      return;\n    }\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      // const element = this.searchBox.getElement();\n      // this.container.appendChild(element);\n      this.container.classList.add('desktop-view');\n      this.container.classList.remove('mobile-view');\n      // if (element) {\n      //   this.searchBox.setViewForDesktop();\n      // }\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      // const element = this.searchBox.getElement();\n      // this.container.appendChild(element);\n      this.container.classList.add('mobile-view');\n      this.container.classList.remove('desktop-view');\n      // if (element) {\n      //   this.searchBox.setViewForMobile();\n      // }\n    }\n  }, {\n    key: \"bringToFront\",\n    value: function bringToFront() {\n      /* z-index: 7; */\n      this.container.style.zIndex = '1';\n    }\n  }, {\n    key: \"bringBack\",\n    value: function bringBack() {\n      this.container.style.zIndex = '';\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.hide();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function _handleDirectionsState(_) {\n      this.hide();\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function () {\n      var _handleSetupState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4() {\n        var _this3 = this;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              this.initializeDraggablePoint();\n              this.show();\n              // const vertex = this.getVertex();\n              // const floor = this.map.getCurrentFloor();\n              // console.log(\"VERTEX\", vertex);\n              // console.log(\"FLOOR\", floor);\n              // if (vertex && floor) {\n              //     const node = await this.getClosestNode(vertex, floor);\n              //     this.node = node;\n              //     this.setupView.codeSnippet.innerHTML = `https://waygomaps.com/${this.map.mapData.map_id}?location=${node.node_id}`;\n              // }\n\n              setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n                var vertex, floor, element;\n                return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n                  while (1) switch (_context3.prev = _context3.next) {\n                    case 0:\n                      vertex = _this3.getVertex();\n                      floor = _this3.map.getCurrentFloor(); // console.log(\"VERTEX\", vertex);\n                      // console.log(\"FLOOR\", floor);\n                      if (!(vertex !== null && floor !== null)) {\n                        _context3.next = 5;\n                        break;\n                      }\n                      _context3.next = 5;\n                      return _this3.getClosestNode(vertex, floor);\n                    case 5:\n                      element = _this3.setupView.getElement();\n                      _this3.container.appendChild(element);\n                    case 7:\n                    case \"end\":\n                      return _context3.stop();\n                  }\n                }, _callee3);\n              })), 200);\n            case 3:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function _handleSetupState() {\n        return _handleSetupState2.apply(this, arguments);\n      }\n      return _handleSetupState;\n    }()\n  }, {\n    key: \"_handleFloorChange\",\n    value: function _handleFloorChange(data) {\n      var floorIndex = data.floorIndex;\n      var vertex = this.getVertex();\n      var state = this.map.getCurrentState();\n      if (state === 'setup') {\n        this.getClosestNode(vertex, floorIndex);\n      }\n    }\n  }, {\n    key: \"_handleSetupViewExitState\",\n    value: function _handleSetupViewExitState() {\n      // console.log(\"HANDLE SETUP VIEW EXIT STATE\");\n      this.removeDraggablePoint();\n      this.map.setToDefaultState();\n    }\n  }, {\n    key: \"_handleSetupViewConfigureState\",\n    value: function _handleSetupViewConfigureState() {\n      // console.log(\"HANDLE SETUP VIEW CONFIGURE STATE\", this.map.location, this.node.node_id);\n\n      this.removeDraggablePoint();\n      this.map.setToDefaultState();\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SetupControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/SetupControl.js?");
 
 /***/ }),
 
@@ -669,7 +680,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); }\nvar RoutesApi = /*#__PURE__*/function () {\n  function RoutesApi(apiManager) {\n    _classCallCheck(this, RoutesApi);\n    this.apiManager = apiManager;\n  }\n  return _createClass(RoutesApi, [{\n    key: \"findPath\",\n    value: function () {\n      var _findPath = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mapId, startPlacementId, endPlacementId) {\n        var data;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              _context.prev = 0;\n              data = {\n                start_placement_id: startPlacementId,\n                end_placement_id: endPlacementId,\n                map_id: mapId\n              }; // console.log(data);\n              _context.next = 4;\n              return this.apiManager.post(\"/routes/v1/path\", data);\n            case 4:\n              return _context.abrupt(\"return\", _context.sent);\n            case 7:\n              _context.prev = 7;\n              _context.t0 = _context[\"catch\"](0);\n              console.error('Error fetching path data:', _context.t0);\n              return _context.abrupt(\"return\", null);\n            case 11:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[0, 7]]);\n      }));\n      function findPath(_x, _x2, _x3) {\n        return _findPath.apply(this, arguments);\n      }\n      return findPath;\n    }()\n  }, {\n    key: \"findPathFromNodeToPlacement\",\n    value: function () {\n      var _findPathFromNodeToPlacement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(mapId, startNodeId, endPlacementId) {\n        var data;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              _context2.prev = 0;\n              data = {\n                start_node_id: startNodeId,\n                end_placement_id: endPlacementId,\n                map_id: mapId\n              }; // console.log(data);\n              _context2.next = 4;\n              return this.apiManager.post(\"/routes/v1/path/node_to_placement\", data);\n            case 4:\n              return _context2.abrupt(\"return\", _context2.sent);\n            case 7:\n              _context2.prev = 7;\n              _context2.t0 = _context2[\"catch\"](0);\n              console.error('Error fetching path data:', _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 findPathFromNodeToPlacement(_x4, _x5, _x6) {\n        return _findPathFromNodeToPlacement.apply(this, arguments);\n      }\n      return findPathFromNodeToPlacement;\n    }()\n  }]);\n}();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RoutesApi);\n\n//# sourceURL=webpack://waygomaps/./src/api/RoutesApi.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); }\nvar RoutesApi = /*#__PURE__*/function () {\n  function RoutesApi(apiManager) {\n    _classCallCheck(this, RoutesApi);\n    this.apiManager = apiManager;\n  }\n  return _createClass(RoutesApi, [{\n    key: \"findPath\",\n    value: function () {\n      var _findPath = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(mapId, startPlacementId, endPlacementId) {\n        var data;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              _context.prev = 0;\n              data = {\n                start_placement_id: startPlacementId,\n                end_placement_id: endPlacementId,\n                map_id: mapId\n              }; // console.log(data);\n              _context.next = 4;\n              return this.apiManager.post(\"/routes/v1/path\", data);\n            case 4:\n              return _context.abrupt(\"return\", _context.sent);\n            case 7:\n              _context.prev = 7;\n              _context.t0 = _context[\"catch\"](0);\n              console.error('Error fetching path data:', _context.t0);\n              return _context.abrupt(\"return\", null);\n            case 11:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[0, 7]]);\n      }));\n      function findPath(_x, _x2, _x3) {\n        return _findPath.apply(this, arguments);\n      }\n      return findPath;\n    }()\n  }, {\n    key: \"findPathFromNodeToPlacement\",\n    value: function () {\n      var _findPathFromNodeToPlacement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(mapId, startNodeId, endPlacementId) {\n        var data;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              _context2.prev = 0;\n              data = {\n                start_node_id: startNodeId,\n                end_placement_id: endPlacementId,\n                map_id: mapId\n              }; // console.log(data);\n              _context2.next = 4;\n              return this.apiManager.post(\"/routes/v1/path/node_to_placement\", data);\n            case 4:\n              return _context2.abrupt(\"return\", _context2.sent);\n            case 7:\n              _context2.prev = 7;\n              _context2.t0 = _context2[\"catch\"](0);\n              console.error('Error fetching path data:', _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 findPathFromNodeToPlacement(_x4, _x5, _x6) {\n        return _findPathFromNodeToPlacement.apply(this, arguments);\n      }\n      return findPathFromNodeToPlacement;\n    }()\n  }, {\n    key: \"findClosestNode\",\n    value: function () {\n      var _findClosestNode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(mapId, coordinate, floorIndex) {\n        var data;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              _context3.prev = 0;\n              data = {\n                map_id: mapId,\n                coordinate: coordinate,\n                floor_num: floorIndex\n              }; // console.log(data);\n              _context3.next = 4;\n              return this.apiManager.post(\"/routes/v1/closest\", data);\n            case 4:\n              return _context3.abrupt(\"return\", _context3.sent);\n            case 7:\n              _context3.prev = 7;\n              _context3.t0 = _context3[\"catch\"](0);\n              console.error('Error fetching node data:', _context3.t0);\n              return _context3.abrupt(\"return\", null);\n            case 11:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this, [[0, 7]]);\n      }));\n      function findClosestNode(_x7, _x8, _x9) {\n        return _findClosestNode.apply(this, arguments);\n      }\n      return findClosestNode;\n    }()\n  }]);\n}();\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (RoutesApi);\n\n//# sourceURL=webpack://waygomaps/./src/api/RoutesApi.js?");
 
 /***/ }),
 
@@ -790,7 +801,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 */   MapView: () => (/* binding */ MapView)\n/* harmony export */ });\n/* harmony import */ var _utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/resourceLoader */ \"./src/utils/resourceLoader.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var _StateCoordinator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./StateCoordinator */ \"./src/components/MapView/StateCoordinator.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../index */ \"./src/index.js\");\n/* harmony import */ var _assets_logoOutline_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../assets/logoOutline.svg */ \"./src/assets/logoOutline.svg\");\n/* harmony import */ var _assets_logoInner_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../assets/logoInner.svg */ \"./src/assets/logoInner.svg\");\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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\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\n\n\n\n// import WaygoLogoUrl from \"../../assets/WaygoLogoWhite.svg\";\n// import WaygoLogoUrl from \"../../assets/WaygoIconWhite.svg\";\n\n// import { convertVerticesToCoordinates } from \"../../utils/coordinateSystems\";\n\nvar mapboxCSS = 'https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.css';\nvar mapboxJS = 'https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.js';\nvar accessToken = 'pk.eyJ1Ijoid2F5Z28tbWFwcyIsImEiOiJjbGtxYzZ1N3QxdG43M210bXFuYmJ4a3gxIn0.tlbznj_fRJ8La6s2UUMO6A';\nvar mock = {\n  '2d1d26267da84c4b87eedc1751d71067:0dc23522b7f841ab88756a94428538d1': {\n    'steps': ['Leave Keynote Theater and make a left (73 ft)', 'Turn right at Kyndral (104 ft)', 'Turn left at SAP (182 ft)', 'Turn right at Samsung (47 ft)', 'Turn left at May Mobility (142 feet)', 'Turn right and arrive at Monta, on your left'],\n    'path': [[-81.557308010743881, -195.68687504906683], [-66.793528483184829, -195.68687504906688], [-66.793528483184829, -136.30367294932935], [-6.7541584044446665, -136.30367294932955], [-6.7541584044446195, -106.92078820451393], [81.828518760909716, -106.92078820451393], [81.828518760909716, -47.209502115275079], [140.88363687114594, -47.209502115275079]]\n  }\n};\nvar mockData = {\n  'b1800bf6e3ed480cae21526e42464676:a7fa2fb07ae04049b9026c296d015d66': {\n    'steps': ['Leave Roundtable and make a left', 'Turn right after walking 177 feet', 'Turn left after walking 203 feet', 'Turn right after walking 100 feet', 'Continue straight in 242 feet', 'Arrive at Stage 4, on your left'],\n    'path': [[95.645948774511609, -118.96329432647396], [41.840174496296385, -118.96329432647379], [41.840174496296484, -56.955420310725756], [10.344111504170499, -56.955420310725756], [10.34411150417062, 18.175813285074767], [0.17350782962993705, 18.175813285074767], [0.17350782962999536, 54.265052130219125], [-25.417043351472369, 54.26505213021921]]\n  },\n  // ROUNDTABLE TO STAGE 4\n  '529803fcdd7e4d5db5ed71b9ff1ef0e2:899969e0115b4d8da8fb51bedf7caff2': {\n    'steps': [\"Leave Startups Info Point and make a left\", \"Turn right in 12 feet\", \"Turn left in 37 feet\", \"Continue straight for 182 feet\", \"Turn right in 36 feet\", \"Turn left after 29 feet\", \"Turn right after 57 feet\", \"Turn left after walking 42 feet\", \"Arrive at Alpha 1, on your right\"],\n    'path': [[284.28160504078147, -119.85123601826949], [258.75367051155007, -119.8512360182694], [258.75367051155007, -57.515278013020058], [-40.902596633706594, -57.515278013019092], [-40.902596633706445, 19.584459519789313], [-169.83960450772221, 19.584459519789728], [-169.83960450772213, 78.311493640524645], [-215.11519505890323, 78.311493640524787]]\n  },\n  'd1910e5724844b40bf8e2a721fba172a:3673b48d96b04d7aa65937dec3276d3c': {\n    'steps': [\"Leave startup lounge and make a right\", \"Continue straight for 22 feet, then turn left\", \"Turn right in 37 feet\", \"Continue straight for 143 feet, then turn left\", \"Turn right in 32 feet\", \"Continue straight for 210 feet\", \"Turn right, and continue for 5 feet\", \"Arrive at The Black Innovation Zone, on your right\"],\n    'path': [[417.35544488563073, 75.74517709550193], [356.33182283838664, 75.745177095502129], [356.33182283838653, 17.674310953769847], [121.7517703449482, 17.674310953770604], [121.75177034494808, -56.800754663027305], [-207.21694798680142, -56.80075466302624], [-207.21694798680144, -78.116837633560053]]\n  }\n};\nvar defaultMapOptions = {\n  container: 'map',\n  sourceId: '2024.2xw_YUXYS8GoDTB2AQgN3A',\n  center: [0, 0],\n  floor: 0,\n  zoom: 13,\n  bearing: 0,\n  pitch: 30,\n  minPitch: 0,\n  maxPitch: 60,\n  minZoom: 10.5,\n  maxZoom: 16.8,\n  bounds: null,\n  // The bounds of the map, would override center and zoom options.\n  doubleClickZoom: true,\n  dragPan: true,\n  dragRotate: true,\n  scrollZoom: true,\n  touchPitch: true,\n  touchZoomRotate: true,\n  interactive: true,\n  trackResize: true,\n  keyboard: true,\n  defaultControls: false\n};\nvar MapView = /*#__PURE__*/function (_Component) {\n  function MapView() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, MapView);\n    _this = _callSuper(this, MapView, [_objectSpread(_objectSpread({}, defaultMapOptions), options)]);\n    _this.mapViewApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getMapViewApi();\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getSearchApi();\n    _this.routesApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getRotuesApi();\n    _this.mapContainer = document.createElement('div');\n    _this.mapContainer.className = 'inner-map-container';\n    _this.ready = _this._initialize(options);\n    _this.initialLoad = false;\n    _this.originalFilters = {};\n    _this._currentFloorIndex = options.floor;\n    _this.mapData = null;\n    _this._stateCoordinator = new _StateCoordinator__WEBPACK_IMPORTED_MODULE_3__[\"default\"](_this);\n    _this.defaultControls = options.defaultControls; // || false;\n    _this.location = options.location || null;\n    _this.modalContainer = null;\n    return _this;\n  }\n  _inherits(MapView, _Component);\n  return _createClass(MapView, [{\n    key: \"showModal\",\n    value: function showModal(content) {\n      var _this2 = this;\n      // Create modal container if it doesn't exist\n      if (!this.modalContainer) {\n        this.modalContainer = document.createElement('div');\n        this.modalContainer.className = 'waygo-map-modal-container';\n        this.mapContainer.appendChild(this.modalContainer);\n\n        // Add click handler to close modal when clicking outside\n        this.modalContainer.addEventListener('click', function (e) {\n          if (e.target === _this2.modalContainer) {\n            _this2.hideModal();\n          }\n        });\n      }\n\n      // Create modal content\n      var modalContent = document.createElement('div');\n      modalContent.className = 'waygo-map-modal-content';\n\n      // Can accept HTML string or DOM element\n      if (typeof content === 'string') {\n        modalContent.innerHTML = content;\n      } else {\n        modalContent.appendChild(content);\n      }\n\n      // Clear existing content and add new\n      this.modalContainer.innerHTML = '';\n      this.modalContainer.appendChild(modalContent);\n      this.modalContainer.style.display = 'flex';\n    }\n  }, {\n    key: \"hideModal\",\n    value: function hideModal() {\n      if (this.modalContainer) {\n        this.modalContainer.style.display = 'none';\n      }\n    }\n  }, {\n    key: \"_initialize\",\n    value: function () {\n      var _initialize2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var _this3 = this;\n        var styleId;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              _context.prev = 0;\n              _context.next = 3;\n              return this._loadMapLibraries();\n            case 3:\n              mapboxgl.clearStorage();\n              this.render();\n              _context.next = 7;\n              return this._initializeMapData();\n            case 7:\n              if (this.mapData) {\n                _context.next = 10;\n                break;\n              }\n              console.error(\"Error initializing map data.\");\n              return _context.abrupt(\"return\");\n            case 10:\n              styleId = this.mapData.style_id;\n              if (typeof mapboxgl !== 'undefined' && styleId) {\n                mapboxgl.accessToken = accessToken;\n                this.map = new mapboxgl.Map({\n                  container: this.mapContainer,\n                  style: \"mapbox://styles/waygo-maps/\".concat(styleId),\n                  center: this.options.center,\n                  zoom: this.options.zoom,\n                  bearing: this.options.bearing,\n                  pitch: this.options.pitch,\n                  minPitch: this.options.minPitch,\n                  maxPitch: this.options.maxPitch,\n                  minZoom: this.options.minZoom,\n                  maxZoom: this.options.maxZoom,\n                  bounds: this.options.bounds,\n                  doubleClickZoom: this.options.doubleClickZoom,\n                  dragPan: this.options.dragPan,\n                  dragRotate: this.options.dragRotate,\n                  scrollZoom: this.options.scrollZoom,\n                  touchPitch: this.options.touchPitch,\n                  touchZoomRotate: this.options.touchZoomRotate,\n                  interactive: this.options.interactive,\n                  trackResize: this.options.trackResize,\n                  keyboard: this.options.keyboard\n                });\n                this.map.on('styledata', function () {\n                  if (!_this3.initialLoad) {\n                    _this3._initializeOriginalFilters();\n                    _this3.updateFloor(_this3.options.floor, false);\n                    _this3.initialLoad = true;\n                  }\n                });\n                this.map.on('load', function () {\n                  if (_this3.defaultControls) {\n                    _this3._addLogoImage();\n                    _this3._addDefaultControls();\n                    _this3.updateFloor(_this3.options.floor, false);\n                  }\n                  _this3.fire('load', {\n                    mapData: _this3.mapData\n                  });\n                });\n                this._initializeEventListeners();\n              } else {\n                console.error('Mapbox GL JS is not loaded.');\n              }\n              _context.next = 17;\n              break;\n            case 14:\n              _context.prev = 14;\n              _context.t0 = _context[\"catch\"](0);\n              console.error('Failed to initialize the map:', _context.t0);\n            case 17:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[0, 14]]);\n      }));\n      function _initialize() {\n        return _initialize2.apply(this, arguments);\n      }\n      return _initialize;\n    }()\n  }, {\n    key: \"_addLogoImage\",\n    value: function _addLogoImage() {\n      var linkUrl = 'https://waygomaps.com';\n      var imageContainer = document.createElement('div');\n      imageContainer.className = 'logo-image-container';\n      var outlineImageElement = document.createElement('img');\n      outlineImageElement.className = 'logo-outline-element';\n      outlineImageElement.src = _assets_logoOutline_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n      outlineImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(outlineImageElement);\n      var fillImageElement = document.createElement('img');\n      fillImageElement.className = 'logo-fill-element';\n      fillImageElement.src = _assets_logoInner_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\n      fillImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(fillImageElement);\n\n      // Add click event to open the link\n      imageContainer.addEventListener('click', function () {\n        window.open(linkUrl, '_blank'); // Open link in a new tab\n      });\n\n      // Append the container to the map container\n      this.mapContainer.appendChild(imageContainer);\n\n      // const websiteContainer = document.createElement('div');\n      // websiteContainer.className = 'website-container';\n      // websiteContainer.textContent = '© Waygo Maps';\n      // // websiteContainer.textContent = 'waygomaps.com';\n\n      // websiteContainer.addEventListener('click', () => {\n      //     window.open(linkUrl, '_blank'); // Open link in a new tab\n      // });\n\n      // this.mapContainer.appendChild(websiteContainer);\n    }\n  }, {\n    key: \"getCurrentFloor\",\n    value: function getCurrentFloor() {\n      return this._currentFloorIndex;\n    }\n  }, {\n    key: \"_addDefaultControls\",\n    value: function _addDefaultControls() {\n      var _this4 = this;\n      var controls = [\n      // new waygo.ContentPlacementControl(),\n      new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].SearchBoxControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].FloorSelectorControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].CategoryBarControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].SearchResultsControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].ContentPlacementControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].DirectionsControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].InteractionControl()\n      // new waygo.FloorSelectorControl()\n      ];\n      controls.forEach(function (control) {\n        return _this4.addControl(control);\n      });\n    }\n  }, {\n    key: \"_initializeOriginalFilters\",\n    value: function _initializeOriginalFilters() {\n      var _this5 = this;\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          // Get and store the original filter, or set to null if no filter exists\n          _this5.originalFilters[layer.id] = _this5.map.getFilter(layer.id) || null;\n        }\n      });\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      var _this6 = this;\n      this.mapContainer.addEventListener('mousedown', function (event) {\n        return _this6.fire('mousedown', {\n          originalEvent: event\n        });\n      });\n      // preclick\n      this.mapContainer.addEventListener('click', function (event) {\n        return _this6.fire('click', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mouseover', function (event) {\n        return _this6.fire('mouseover', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mousemove', function (event) {\n        return _this6.fire('mousemove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('dblclick', function (event) {\n        return _this6.fire('dblclick', {\n          originalEvent: event\n        });\n      });\n      // mouseenter\n      // mouseleave\n      this.mapContainer.addEventListener('mouseout', function (event) {\n        return _this6.fire('mouseout', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('contextmenu', function (event) {\n        return _this6.fire('contextmenu', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('wheel', function (event) {\n        return _this6.fire('wheel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchstart', function (event) {\n        return _this6.fire('touchstart', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchend', function (event) {\n        return _this6.fire('touchend', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchmove', function (event) {\n        return _this6.fire('touchmove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchcancel', function (event) {\n        return _this6.fire('touchcancel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('move', function (event) {\n        return _this6.fire('move', {\n          originalEvent: event\n        });\n      });\n      var movementEvents = ['movestart', 'move', 'moveend', 'dragstart', 'drag', 'dragend', 'zoomstart', 'zoom', 'zoomend', 'rotatestart', 'rotate', 'rotateend', 'pitchstart', 'pitch', 'pitchend', 'boxzoomstart', 'boxzoomend', 'boxzoomcancel'];\n      movementEvents.forEach(function (eventName) {\n        _this6.map.on(eventName, function (event) {\n          _this6.fire(eventName, {\n            originalEvent: event\n          });\n        });\n      });\n    }\n  }, {\n    key: \"_initializeMapData\",\n    value: function () {\n      var _initializeMapData2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n        var parts, mapId, mapViewId, data;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              parts = this.options.sourceId.split('.');\n              if (!(parts.length < 1 || parts.length > 2)) {\n                _context2.next = 4;\n                break;\n              }\n              console.error('The sourceId format is incorrect. It should be in the format \"mapId\" or \"mapId.mapViewId\".');\n              return _context2.abrupt(\"return\");\n            case 4:\n              // let accountId = parts[0] || '';\n              // let mapId = parts[1] || '';\n              // let mapViewId = parts[2] || '';\n              mapId = parts[0];\n              mapViewId = parts[1]; // console.log(\"MAP ID\", mapId);\n              // console.log(\"MAP VIEW ID\", mapViewId);\n              // Set account id in WaygoMaps\n              // waygoMaps.setAccountId(accountId);\n              _context2.prev = 6;\n              _context2.next = 9;\n              return this.mapViewApi.loadMapView(mapId, mapViewId);\n            case 9:\n              data = _context2.sent;\n              this.mapData = data;\n              // console.log(\"DATA\", data.account_id);\n              // console.log(data);\n              _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setAccountId(data.account_id);\n              _context2.next = 17;\n              break;\n            case 14:\n              _context2.prev = 14;\n              _context2.t0 = _context2[\"catch\"](6);\n              console.error('Error fetching map style:', _context2.t0);\n            case 17:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[6, 14]]);\n      }));\n      function _initializeMapData() {\n        return _initializeMapData2.apply(this, arguments);\n      }\n      return _initializeMapData;\n    }()\n  }, {\n    key: \"_loadMapLibraries\",\n    value: function () {\n      var _loadMapLibraries2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              _context3.next = 2;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadCSS)(mapboxCSS);\n            case 2:\n              _context3.next = 4;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadScript)(mapboxJS);\n            case 4:\n              mapboxgl.clearStorage();\n            case 5:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3);\n      }));\n      function _loadMapLibraries() {\n        return _loadMapLibraries2.apply(this, arguments);\n      }\n      return _loadMapLibraries;\n    }()\n  }, {\n    key: \"render\",\n    value: function render() {\n      // this._addLogoImage();\n      var targetContainer = document.getElementById(this.options.container);\n      if (targetContainer) {\n        targetContainer.appendChild(this.mapContainer);\n        this.mapContainer.style.width = '100%';\n        this.mapContainer.style.height = '100%';\n        this.mapContainer.style.position = 'relative';\n      } else {\n        console.error(\"Container element with id \\\"\".concat(this.containerId, \"\\\" not found.\"));\n      }\n    }\n  }, {\n    key: \"updateFloor\",\n    value: function updateFloor(floorIndex) {\n      var _this7 = this;\n      var zoomOut = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          // console.log(\"LAYER\");\n          // console.log(layer);\n          var originalFilter = _this7.originalFilters[layer.id];\n          _this7.map.setFilter(layer.id, originalFilter);\n          var floorFilter = ['==', ['get', '_floor'], floorIndex];\n          if (originalFilter) {\n            var combinedFilter = ['all', floorFilter, originalFilter];\n            _this7.map.setFilter(layer.id, combinedFilter);\n          } else {\n            _this7.map.setFilter(layer.id, floorFilter);\n          }\n        }\n      });\n      this._currentFloorIndex = floorIndex;\n      if (zoomOut) {\n        var style = this.map.getStyle();\n        var sources = Object.keys(style.sources);\n\n        // console.log(\"STYLE\");\n        // console.log(style);\n\n        // Debug log to see available sources\n        // console.log(\"Available sources:\", sources);\n\n        var allFeatures = [];\n        sources.forEach(function (sourceId) {\n          // console.log(\"SOURCE ID\");\n          // console.log(sourceId);\n          var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n          var features = _this7.map.querySourceFeatures(sourceId, {\n            sourceLayer: floorSourceLayer\n          });\n          // console.log(\"FEATURES\");\n          // console.log(features);\n          allFeatures = allFeatures.concat(features);\n        });\n\n        // console.log(\"ALL FEATURES\");\n        // console.log(allFeatures.length, allFeatures);\n\n        // If we have features, calculate their bounds\n        if (allFeatures.length > 0) {\n          var bounds = new mapboxgl.LngLatBounds();\n          allFeatures.forEach(function (feature) {\n            var geom = feature.geometry;\n            // Handle different geometry types:\n            if (geom.type === 'Point') {\n              bounds.extend(geom.coordinates);\n            } else if (geom.type === 'LineString') {\n              geom.coordinates.forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            } else if (geom.type === 'Polygon') {\n              // For a Polygon, iterate through the outer ring (and inner rings if needed)\n              geom.coordinates[0].forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            }\n            // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n          });\n          var currentPitch = this.map.getPitch();\n          var currentBearing = this.map.getBearing();\n\n          // Fit the map to these bounds with some padding\n          this.map.fitBounds(bounds, {\n            padding: 50,\n            duration: 1300,\n            maxZoom: 15.5,\n            pitch: currentPitch,\n            bearing: currentBearing\n            // speed: 1.2,\n          });\n        } else {\n          // If no features found, zoom out from current center\n          // console.log(\"NO FEATURES FOUND\");\n          this.map.once('moveend', function () {\n            console.log(\"FLY TO COMPLETE\");\n            var allFeaturesAgain = [];\n            sources.forEach(function (sourceId) {\n              // console.log(\"SOURCE ID\");\n              // console.log(sourceId);\n              var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n              var features = _this7.map.querySourceFeatures(sourceId, {\n                sourceLayer: floorSourceLayer\n              });\n              // console.log(\"FEATURES\");\n              // console.log(features);\n              allFeaturesAgain = allFeaturesAgain.concat(features);\n            });\n            if (allFeaturesAgain.length > 0) {\n              var _bounds = new mapboxgl.LngLatBounds();\n              allFeaturesAgain.forEach(function (feature) {\n                var geom = feature.geometry;\n                // Handle different geometry types:\n                if (geom.type === 'Point') {\n                  _bounds.extend(geom.coordinates);\n                } else if (geom.type === 'LineString') {\n                  geom.coordinates.forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                } else if (geom.type === 'Polygon') {\n                  // For a Polygon, iterate through the outer ring (and inner rings if needed)\n                  geom.coordinates[0].forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                }\n                // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n              });\n              var _currentPitch = _this7.map.getPitch();\n              var _currentBearing = _this7.map.getBearing();\n\n              // Fit the map to these bounds with some padding\n              _this7.map.fitBounds(_bounds, {\n                padding: 50,\n                duration: 1300,\n                maxZoom: 15.5,\n                pitch: _currentPitch,\n                bearing: _currentBearing\n                // speed: 1.2,\n              });\n            }\n          });\n          // this.map.jumpTo({\n          //     zoom: this.map.getZoom() - 3\n          // });\n          this.map.flyTo({\n            zoom: this.map.getZoom() - 3,\n            duration: 500,\n            essential: true\n          });\n        }\n      }\n      this.fire('floorChanged', {\n        floorIndex: floorIndex\n      });\n    }\n  }, {\n    key: \"addHighlightedFeature\",\n    value: function addHighlightedFeature(coordinates, properties) {\n      var source = this.map.getSource('highlighted-content');\n      var currentData = source._data;\n      var 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      return newFeature;\n    }\n  }, {\n    key: \"addSelectedFeature\",\n    value: function addSelectedFeature(coordinates, properties) {\n      var allow_multi_select = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n      var source = this.map.getSource('selected-content');\n      var currentData = source._data;\n      var newFeature = {\n        'type': 'Feature',\n        'geometry': {\n          'type': 'Point',\n          'coordinates': coordinates\n        },\n        'properties': properties\n      };\n      if (allow_multi_select) {\n        currentData.features.push(newFeature);\n      } else {\n        currentData.features = [newFeature];\n      }\n      source.setData(currentData);\n    }\n  }, {\n    key: \"clearSelectedContentLayer\",\n    value: function clearSelectedContentLayer() {\n      this.map.getSource('selected-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n  }, {\n    key: \"clearHighlightedContentLayer\",\n    value: function clearHighlightedContentLayer() {\n      this.map.getSource('highlighted-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n\n    // MARK: Controls\n  }, {\n    key: \"addControl\",\n    value: function addControl(control) {\n      var container = control.onAdd(this);\n      this.mapContainer.appendChild(container);\n    }\n  }, {\n    key: \"removeControl\",\n    value: function removeControl(control) {\n      this.map.removeControl(control);\n    }\n\n    // MARK: Map states\n  }, {\n    key: \"getCurrentState\",\n    value: function getCurrentState() {\n      return this._stateCoordinator.state;\n    }\n  }, {\n    key: \"setToDefaultState\",\n    value: function setToDefaultState() {\n      this._stateCoordinator.transitionTo('default');\n    }\n  }, {\n    key: \"setToSearchState\",\n    value: function () {\n      var _setToSearchState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(query) {\n        var results;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              _context4.next = 2;\n              return this.search(query);\n            case 2:\n              results = _context4.sent;\n              this._stateCoordinator.transitionTo('search', {\n                query: query,\n                results: results\n              });\n            case 4:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function setToSearchState(_x) {\n        return _setToSearchState.apply(this, arguments);\n      }\n      return setToSearchState;\n    }()\n  }, {\n    key: \"setToSelectedContentState\",\n    value: function () {\n      var _setToSelectedContentState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(contentPlacementIds) {\n        var lastContentPlacementId, selectedContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) switch (_context5.prev = _context5.next) {\n            case 0:\n              lastContentPlacementId = contentPlacementIds[contentPlacementIds.length - 1];\n              _context5.next = 3;\n              return this.getContentPlacementDetails(lastContentPlacementId);\n            case 3:\n              selectedContentPlacement = _context5.sent;\n              this.updateFloor(selectedContentPlacement.floor);\n              this._stateCoordinator.transitionTo('selectedContent', {\n                contentPlacementIds: contentPlacementIds,\n                selectedContentPlacement: selectedContentPlacement\n              });\n            case 6:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this);\n      }));\n      function setToSelectedContentState(_x2) {\n        return _setToSelectedContentState.apply(this, arguments);\n      }\n      return setToSelectedContentState;\n    }()\n  }, {\n    key: \"setToDirectionsState\",\n    value: function () {\n      var _setToDirectionsState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {\n        var startContentPlacementId,\n          endContentPlacementId,\n          startContentPlacement,\n          endContentPlacement,\n          _args6 = arguments;\n        return _regeneratorRuntime().wrap(function _callee6$(_context6) {\n          while (1) switch (_context6.prev = _context6.next) {\n            case 0:\n              startContentPlacementId = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : null;\n              endContentPlacementId = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : null;\n              startContentPlacement = null;\n              if (!startContentPlacementId) {\n                _context6.next = 7;\n                break;\n              }\n              _context6.next = 6;\n              return this.getContentPlacementDetails(startContentPlacementId);\n            case 6:\n              startContentPlacement = _context6.sent;\n            case 7:\n              endContentPlacement = null;\n              if (!endContentPlacementId) {\n                _context6.next = 12;\n                break;\n              }\n              _context6.next = 11;\n              return this.getContentPlacementDetails(endContentPlacementId);\n            case 11:\n              endContentPlacement = _context6.sent;\n            case 12:\n              this._stateCoordinator.transitionTo('directions', {\n                startContentPlacement: startContentPlacement,\n                endContentPlacement: endContentPlacement\n              });\n            case 13:\n            case \"end\":\n              return _context6.stop();\n          }\n        }, _callee6, this);\n      }));\n      function setToDirectionsState() {\n        return _setToDirectionsState.apply(this, arguments);\n      }\n      return setToDirectionsState;\n    }()\n  }, {\n    key: \"initiateBack\",\n    value: function initiateBack() {\n      this.fire('initiate:back');\n    }\n  }, {\n    key: \"initiateSetToSearchState\",\n    value: function initiateSetToSearchState() {\n      this.fire('initiate:search');\n    }\n  }, {\n    key: \"findPath\",\n    value: function () {\n      var _findPath = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7(startContentPlacementId, endContentPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee7$(_context7) {\n          while (1) switch (_context7.prev = _context7.next) {\n            case 0:\n              _context7.next = 2;\n              return this.routesApi.findPath(this.mapData.map_id, startContentPlacementId, endContentPlacementId);\n            case 2:\n              response_data = _context7.sent;\n              if (!response_data) {\n                _context7.next = 7;\n                break;\n              }\n              return _context7.abrupt(\"return\", response_data);\n            case 7:\n              console.error('Failed to find path.');\n            case 8:\n            case \"end\":\n              return _context7.stop();\n          }\n        }, _callee7, this);\n      }));\n      function findPath(_x3, _x4) {\n        return _findPath.apply(this, arguments);\n      }\n      return findPath;\n    }()\n  }, {\n    key: \"findPathFromNodeToPlacement\",\n    value: function () {\n      var _findPathFromNodeToPlacement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(startNodeId, endPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) switch (_context8.prev = _context8.next) {\n            case 0:\n              _context8.next = 2;\n              return this.routesApi.findPathFromNodeToPlacement(this.mapData.map_id, startNodeId, endPlacementId);\n            case 2:\n              response_data = _context8.sent;\n              if (!response_data) {\n                _context8.next = 7;\n                break;\n              }\n              return _context8.abrupt(\"return\", response_data);\n            case 7:\n              console.error('Failed to find path.');\n            case 8:\n            case \"end\":\n              return _context8.stop();\n          }\n        }, _callee8, this);\n      }));\n      function findPathFromNodeToPlacement(_x5, _x6) {\n        return _findPathFromNodeToPlacement.apply(this, arguments);\n      }\n      return findPathFromNodeToPlacement;\n    }() // MARK: Map methods\n  }, {\n    key: \"_findFeatureByPlacementId\",\n    value: function _findFeatureByPlacementId(placementId) {\n      var features = this.map.queryRenderedFeatures({\n        filter: ['==', ['get', 'placement_id'], placementId]\n      });\n\n      // Return the first feature that matches the placementId\n      return features.length > 0 ? features[0] : null;\n    }\n  }, {\n    key: \"getCenter\",\n    value: function getCenter() {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        return this.map.getCenter();\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"setCenter\",\n    value: function setCenter(lngLat) {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        this.map.setCenter(lngLat);\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"search\",\n    value: function () {\n      var _search = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(query) {\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) switch (_context9.prev = _context9.next) {\n            case 0:\n              if (!(query === '')) {\n                _context9.next = 2;\n                break;\n              }\n              return _context9.abrupt(\"return\");\n            case 2:\n              if (this.mapData) {\n                _context9.next = 4;\n                break;\n              }\n              return _context9.abrupt(\"return\");\n            case 4:\n              _context9.prev = 4;\n              _context9.next = 7;\n              return this.searchApi.search(this.mapData.map_id, this.mapData.map_view_id, query);\n            case 7:\n              return _context9.abrupt(\"return\", _context9.sent);\n            case 10:\n              _context9.prev = 10;\n              _context9.t0 = _context9[\"catch\"](4);\n              if (axios.isCancel(_context9.t0)) {\n                console.error('Request canceled:', _context9.t0.message);\n              } else {\n                console.error('Search error:', _context9.t0);\n              }\n            case 13:\n            case \"end\":\n              return _context9.stop();\n          }\n        }, _callee9, this, [[4, 10]]);\n      }));\n      function search(_x7) {\n        return _search.apply(this, arguments);\n      }\n      return search;\n    }()\n  }, {\n    key: \"getContentPlacementDetails\",\n    value: function () {\n      var _getContentPlacementDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(contentPlacementId) {\n        var details;\n        return _regeneratorRuntime().wrap(function _callee10$(_context10) {\n          while (1) switch (_context10.prev = _context10.next) {\n            case 0:\n              _context10.prev = 0;\n              _context10.next = 3;\n              return this.searchApi.fetchContentPlacementDetails(contentPlacementId);\n            case 3:\n              details = _context10.sent;\n              return _context10.abrupt(\"return\", details);\n            case 7:\n              _context10.prev = 7;\n              _context10.t0 = _context10[\"catch\"](0);\n              if (axios.isCancel(_context10.t0)) {\n                console.error('Request canceled:', _context10.t0.message);\n              } else {\n                console.error('Fetching content placement details error:', _context10.t0);\n              }\n            case 10:\n            case \"end\":\n              return _context10.stop();\n          }\n        }, _callee10, this, [[0, 7]]);\n      }));\n      function getContentPlacementDetails(_x8) {\n        return _getContentPlacementDetails.apply(this, arguments);\n      }\n      return getContentPlacementDetails;\n    }()\n  }, {\n    key: \"flyTo\",\n    value: function flyTo(options) {\n      // console.log('flyTo', options);\n      this.map.flyTo(options);\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n//# sourceURL=webpack://waygomaps/./src/components/MapView/MapView.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   MapView: () => (/* binding */ MapView)\n/* harmony export */ });\n/* harmony import */ var _utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/resourceLoader */ \"./src/utils/resourceLoader.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var _StateCoordinator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./StateCoordinator */ \"./src/components/MapView/StateCoordinator.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../index */ \"./src/index.js\");\n/* harmony import */ var _assets_logoOutline_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../assets/logoOutline.svg */ \"./src/assets/logoOutline.svg\");\n/* harmony import */ var _assets_logoInner_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../assets/logoInner.svg */ \"./src/assets/logoInner.svg\");\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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\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\n\n\n\n// import WaygoLogoUrl from \"../../assets/WaygoLogoWhite.svg\";\n// import WaygoLogoUrl from \"../../assets/WaygoIconWhite.svg\";\n\n// import { convertVerticesToCoordinates } from \"../../utils/coordinateSystems\";\n\nvar mapboxCSS = 'https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.css';\nvar mapboxJS = 'https://api.mapbox.com/mapbox-gl-js/v3.5.1/mapbox-gl.js';\nvar accessToken = 'pk.eyJ1Ijoid2F5Z28tbWFwcyIsImEiOiJjbGtxYzZ1N3QxdG43M210bXFuYmJ4a3gxIn0.tlbznj_fRJ8La6s2UUMO6A';\nvar mock = {\n  '2d1d26267da84c4b87eedc1751d71067:0dc23522b7f841ab88756a94428538d1': {\n    'steps': ['Leave Keynote Theater and make a left (73 ft)', 'Turn right at Kyndral (104 ft)', 'Turn left at SAP (182 ft)', 'Turn right at Samsung (47 ft)', 'Turn left at May Mobility (142 feet)', 'Turn right and arrive at Monta, on your left'],\n    'path': [[-81.557308010743881, -195.68687504906683], [-66.793528483184829, -195.68687504906688], [-66.793528483184829, -136.30367294932935], [-6.7541584044446665, -136.30367294932955], [-6.7541584044446195, -106.92078820451393], [81.828518760909716, -106.92078820451393], [81.828518760909716, -47.209502115275079], [140.88363687114594, -47.209502115275079]]\n  }\n};\nvar mockData = {\n  'b1800bf6e3ed480cae21526e42464676:a7fa2fb07ae04049b9026c296d015d66': {\n    'steps': ['Leave Roundtable and make a left', 'Turn right after walking 177 feet', 'Turn left after walking 203 feet', 'Turn right after walking 100 feet', 'Continue straight in 242 feet', 'Arrive at Stage 4, on your left'],\n    'path': [[95.645948774511609, -118.96329432647396], [41.840174496296385, -118.96329432647379], [41.840174496296484, -56.955420310725756], [10.344111504170499, -56.955420310725756], [10.34411150417062, 18.175813285074767], [0.17350782962993705, 18.175813285074767], [0.17350782962999536, 54.265052130219125], [-25.417043351472369, 54.26505213021921]]\n  },\n  // ROUNDTABLE TO STAGE 4\n  '529803fcdd7e4d5db5ed71b9ff1ef0e2:899969e0115b4d8da8fb51bedf7caff2': {\n    'steps': [\"Leave Startups Info Point and make a left\", \"Turn right in 12 feet\", \"Turn left in 37 feet\", \"Continue straight for 182 feet\", \"Turn right in 36 feet\", \"Turn left after 29 feet\", \"Turn right after 57 feet\", \"Turn left after walking 42 feet\", \"Arrive at Alpha 1, on your right\"],\n    'path': [[284.28160504078147, -119.85123601826949], [258.75367051155007, -119.8512360182694], [258.75367051155007, -57.515278013020058], [-40.902596633706594, -57.515278013019092], [-40.902596633706445, 19.584459519789313], [-169.83960450772221, 19.584459519789728], [-169.83960450772213, 78.311493640524645], [-215.11519505890323, 78.311493640524787]]\n  },\n  'd1910e5724844b40bf8e2a721fba172a:3673b48d96b04d7aa65937dec3276d3c': {\n    'steps': [\"Leave startup lounge and make a right\", \"Continue straight for 22 feet, then turn left\", \"Turn right in 37 feet\", \"Continue straight for 143 feet, then turn left\", \"Turn right in 32 feet\", \"Continue straight for 210 feet\", \"Turn right, and continue for 5 feet\", \"Arrive at The Black Innovation Zone, on your right\"],\n    'path': [[417.35544488563073, 75.74517709550193], [356.33182283838664, 75.745177095502129], [356.33182283838653, 17.674310953769847], [121.7517703449482, 17.674310953770604], [121.75177034494808, -56.800754663027305], [-207.21694798680142, -56.80075466302624], [-207.21694798680144, -78.116837633560053]]\n  }\n};\nvar defaultMapOptions = {\n  container: 'map',\n  sourceId: '2024.2xw_YUXYS8GoDTB2AQgN3A',\n  center: [0, 0],\n  floor: 0,\n  zoom: 13,\n  bearing: 0,\n  pitch: 30,\n  minPitch: 0,\n  maxPitch: 60,\n  minZoom: 10.5,\n  maxZoom: 16.8,\n  bounds: null,\n  // The bounds of the map, would override center and zoom options.\n  doubleClickZoom: true,\n  dragPan: true,\n  dragRotate: true,\n  scrollZoom: true,\n  touchPitch: true,\n  touchZoomRotate: true,\n  interactive: true,\n  trackResize: true,\n  keyboard: true,\n  defaultControls: false,\n  setup: false\n};\nvar MapView = /*#__PURE__*/function (_Component) {\n  function MapView() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, MapView);\n    _this = _callSuper(this, MapView, [_objectSpread(_objectSpread({}, defaultMapOptions), options)]);\n    _this.mapViewApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getMapViewApi();\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getSearchApi();\n    _this.routesApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].getRotuesApi();\n    _this.mapContainer = document.createElement('div');\n    _this.mapContainer.className = 'inner-map-container';\n    _this.ready = _this._initialize(options);\n    _this.initialLoad = false;\n    _this.originalFilters = {};\n    _this._currentFloorIndex = options.floor;\n    _this.mapData = null;\n    _this._stateCoordinator = new _StateCoordinator__WEBPACK_IMPORTED_MODULE_3__[\"default\"](_this);\n    _this.defaultControls = options.defaultControls; // || false;\n    _this.setupControl = null;\n    _this.location = options.location || null;\n    _this.modalContainer = null;\n    return _this;\n  }\n  _inherits(MapView, _Component);\n  return _createClass(MapView, [{\n    key: \"showModal\",\n    value: function showModal(content) {\n      var _this2 = this;\n      // Create modal container if it doesn't exist\n      if (!this.modalContainer) {\n        this.modalContainer = document.createElement('div');\n        this.modalContainer.className = 'waygo-map-modal-container';\n        this.mapContainer.appendChild(this.modalContainer);\n\n        // Add click handler to close modal when clicking outside\n        this.modalContainer.addEventListener('click', function (e) {\n          if (e.target === _this2.modalContainer) {\n            _this2.hideModal();\n          }\n        });\n      }\n\n      // Create modal content\n      var modalContent = document.createElement('div');\n      modalContent.className = 'waygo-map-modal-content';\n\n      // Can accept HTML string or DOM element\n      if (typeof content === 'string') {\n        modalContent.innerHTML = content;\n      } else {\n        modalContent.appendChild(content);\n      }\n\n      // Clear existing content and add new\n      this.modalContainer.innerHTML = '';\n      this.modalContainer.appendChild(modalContent);\n      this.modalContainer.style.display = 'flex';\n    }\n  }, {\n    key: \"hideModal\",\n    value: function hideModal() {\n      if (this.modalContainer) {\n        this.modalContainer.style.display = 'none';\n      }\n    }\n  }, {\n    key: \"_initialize\",\n    value: function () {\n      var _initialize2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var _this3 = this;\n        var styleId;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              _context.prev = 0;\n              _context.next = 3;\n              return this._loadMapLibraries();\n            case 3:\n              mapboxgl.clearStorage();\n              this.render();\n              _context.next = 7;\n              return this._initializeMapData();\n            case 7:\n              if (this.mapData) {\n                _context.next = 10;\n                break;\n              }\n              console.error(\"Error initializing map data.\");\n              return _context.abrupt(\"return\");\n            case 10:\n              styleId = this.mapData.style_id;\n              if (typeof mapboxgl !== 'undefined' && styleId) {\n                mapboxgl.accessToken = accessToken;\n                this.map = new mapboxgl.Map({\n                  container: this.mapContainer,\n                  style: \"mapbox://styles/waygo-maps/\".concat(styleId),\n                  center: this.options.center,\n                  zoom: this.options.zoom,\n                  bearing: this.options.bearing,\n                  pitch: this.options.pitch,\n                  minPitch: this.options.minPitch,\n                  maxPitch: this.options.maxPitch,\n                  minZoom: this.options.minZoom,\n                  maxZoom: this.options.maxZoom,\n                  bounds: this.options.bounds,\n                  doubleClickZoom: this.options.doubleClickZoom,\n                  dragPan: this.options.dragPan,\n                  dragRotate: this.options.dragRotate,\n                  scrollZoom: this.options.scrollZoom,\n                  touchPitch: this.options.touchPitch,\n                  touchZoomRotate: this.options.touchZoomRotate,\n                  interactive: this.options.interactive,\n                  trackResize: this.options.trackResize,\n                  keyboard: this.options.keyboard\n                });\n                this.map.on('styledata', function () {\n                  if (!_this3.initialLoad) {\n                    _this3._initializeOriginalFilters();\n                    _this3.updateFloor(_this3.options.floor, false);\n                    _this3.initialLoad = true;\n                  }\n                });\n                this.map.on('load', function () {\n                  if (_this3.defaultControls) {\n                    _this3._addLogoImage();\n                    _this3._addDefaultControls();\n                    _this3.updateFloor(_this3.options.floor, false);\n                  }\n                  if (_this3.options.setup) {\n                    _this3.setToSetupState();\n                  }\n                  _this3.fire('load', {\n                    mapData: _this3.mapData\n                  });\n                });\n                this._initializeEventListeners();\n              } else {\n                console.error('Mapbox GL JS is not loaded.');\n              }\n              _context.next = 17;\n              break;\n            case 14:\n              _context.prev = 14;\n              _context.t0 = _context[\"catch\"](0);\n              console.error('Failed to initialize the map:', _context.t0);\n            case 17:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[0, 14]]);\n      }));\n      function _initialize() {\n        return _initialize2.apply(this, arguments);\n      }\n      return _initialize;\n    }()\n  }, {\n    key: \"_addLogoImage\",\n    value: function _addLogoImage() {\n      var linkUrl = 'https://waygomaps.com';\n      var imageContainer = document.createElement('div');\n      imageContainer.className = 'logo-image-container';\n      var outlineImageElement = document.createElement('img');\n      outlineImageElement.className = 'logo-outline-element';\n      outlineImageElement.src = _assets_logoOutline_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n      outlineImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(outlineImageElement);\n      var fillImageElement = document.createElement('img');\n      fillImageElement.className = 'logo-fill-element';\n      fillImageElement.src = _assets_logoInner_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\n      fillImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(fillImageElement);\n\n      // Add click event to open the link\n      imageContainer.addEventListener('click', function () {\n        window.open(linkUrl, '_blank'); // Open link in a new tab\n      });\n\n      // Append the container to the map container\n      this.mapContainer.appendChild(imageContainer);\n\n      // const websiteContainer = document.createElement('div');\n      // websiteContainer.className = 'website-container';\n      // websiteContainer.textContent = '© Waygo Maps';\n      // // websiteContainer.textContent = 'waygomaps.com';\n\n      // websiteContainer.addEventListener('click', () => {\n      //     window.open(linkUrl, '_blank'); // Open link in a new tab\n      // });\n\n      // this.mapContainer.appendChild(websiteContainer);\n    }\n  }, {\n    key: \"getCurrentFloor\",\n    value: function getCurrentFloor() {\n      return this._currentFloorIndex;\n    }\n  }, {\n    key: \"_addDefaultControls\",\n    value: function _addDefaultControls() {\n      var _this4 = this;\n      var controls = [\n      // new waygo.ContentPlacementControl(),\n      new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].SearchBoxControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].FloorSelectorControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].CategoryBarControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].SearchResultsControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].ContentPlacementControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].DirectionsControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].InteractionControl()\n      // new waygo.FloorSelectorControl()\n      ];\n      controls.forEach(function (control) {\n        return _this4.addControl(control);\n      });\n    }\n  }, {\n    key: \"_initializeOriginalFilters\",\n    value: function _initializeOriginalFilters() {\n      var _this5 = this;\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          // Get and store the original filter, or set to null if no filter exists\n          _this5.originalFilters[layer.id] = _this5.map.getFilter(layer.id) || null;\n        }\n      });\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      var _this6 = this;\n      this.mapContainer.addEventListener('mousedown', function (event) {\n        return _this6.fire('mousedown', {\n          originalEvent: event\n        });\n      });\n      // preclick\n      this.mapContainer.addEventListener('click', function (event) {\n        return _this6.fire('click', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mouseover', function (event) {\n        return _this6.fire('mouseover', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mousemove', function (event) {\n        return _this6.fire('mousemove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('dblclick', function (event) {\n        return _this6.fire('dblclick', {\n          originalEvent: event\n        });\n      });\n      // mouseenter\n      // mouseleave\n      this.mapContainer.addEventListener('mouseout', function (event) {\n        return _this6.fire('mouseout', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('contextmenu', function (event) {\n        return _this6.fire('contextmenu', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('wheel', function (event) {\n        return _this6.fire('wheel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchstart', function (event) {\n        return _this6.fire('touchstart', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchend', function (event) {\n        return _this6.fire('touchend', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchmove', function (event) {\n        return _this6.fire('touchmove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchcancel', function (event) {\n        return _this6.fire('touchcancel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('move', function (event) {\n        return _this6.fire('move', {\n          originalEvent: event\n        });\n      });\n      var movementEvents = ['movestart', 'move', 'moveend', 'dragstart', 'drag', 'dragend', 'zoomstart', 'zoom', 'zoomend', 'rotatestart', 'rotate', 'rotateend', 'pitchstart', 'pitch', 'pitchend', 'boxzoomstart', 'boxzoomend', 'boxzoomcancel'];\n      movementEvents.forEach(function (eventName) {\n        _this6.map.on(eventName, function (event) {\n          _this6.fire(eventName, {\n            originalEvent: event\n          });\n        });\n      });\n    }\n  }, {\n    key: \"_initializeMapData\",\n    value: function () {\n      var _initializeMapData2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n        var parts, mapId, mapViewId, data;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              parts = this.options.sourceId.split('.');\n              if (!(parts.length < 1 || parts.length > 2)) {\n                _context2.next = 4;\n                break;\n              }\n              console.error('The sourceId format is incorrect. It should be in the format \"mapId\" or \"mapId.mapViewId\".');\n              return _context2.abrupt(\"return\");\n            case 4:\n              // let accountId = parts[0] || '';\n              // let mapId = parts[1] || '';\n              // let mapViewId = parts[2] || '';\n              mapId = parts[0];\n              mapViewId = parts[1]; // console.log(\"MAP ID\", mapId);\n              // console.log(\"MAP VIEW ID\", mapViewId);\n              // Set account id in WaygoMaps\n              // waygoMaps.setAccountId(accountId);\n              _context2.prev = 6;\n              _context2.next = 9;\n              return this.mapViewApi.loadMapView(mapId, mapViewId);\n            case 9:\n              data = _context2.sent;\n              this.mapData = data;\n              // console.log(\"DATA\", data.account_id);\n              // console.log(data);\n              _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setAccountId(data.account_id);\n              _context2.next = 17;\n              break;\n            case 14:\n              _context2.prev = 14;\n              _context2.t0 = _context2[\"catch\"](6);\n              console.error('Error fetching map style:', _context2.t0);\n            case 17:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[6, 14]]);\n      }));\n      function _initializeMapData() {\n        return _initializeMapData2.apply(this, arguments);\n      }\n      return _initializeMapData;\n    }()\n  }, {\n    key: \"_loadMapLibraries\",\n    value: function () {\n      var _loadMapLibraries2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              _context3.next = 2;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadCSS)(mapboxCSS);\n            case 2:\n              _context3.next = 4;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadScript)(mapboxJS);\n            case 4:\n              mapboxgl.clearStorage();\n            case 5:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3);\n      }));\n      function _loadMapLibraries() {\n        return _loadMapLibraries2.apply(this, arguments);\n      }\n      return _loadMapLibraries;\n    }()\n  }, {\n    key: \"render\",\n    value: function render() {\n      // this._addLogoImage();\n      var targetContainer = document.getElementById(this.options.container);\n      if (targetContainer) {\n        targetContainer.appendChild(this.mapContainer);\n        this.mapContainer.style.width = '100%';\n        this.mapContainer.style.height = '100%';\n        this.mapContainer.style.position = 'relative';\n      } else {\n        console.error(\"Container element with id \\\"\".concat(this.containerId, \"\\\" not found.\"));\n      }\n    }\n  }, {\n    key: \"updateFloor\",\n    value: function updateFloor(floorIndex) {\n      var _this7 = this;\n      var zoomOut = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          // console.log(\"LAYER\");\n          // console.log(layer);\n          var originalFilter = _this7.originalFilters[layer.id];\n          _this7.map.setFilter(layer.id, originalFilter);\n          var floorFilter = ['==', ['get', '_floor'], floorIndex];\n          if (originalFilter) {\n            var combinedFilter = ['all', floorFilter, originalFilter];\n            _this7.map.setFilter(layer.id, combinedFilter);\n          } else {\n            _this7.map.setFilter(layer.id, floorFilter);\n          }\n        }\n      });\n      this._currentFloorIndex = floorIndex;\n      if (zoomOut) {\n        var style = this.map.getStyle();\n        var sources = Object.keys(style.sources);\n\n        // console.log(\"STYLE\");\n        // console.log(style);\n\n        // Debug log to see available sources\n        // console.log(\"Available sources:\", sources);\n\n        var allFeatures = [];\n        sources.forEach(function (sourceId) {\n          // console.log(\"SOURCE ID\");\n          // console.log(sourceId);\n          var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n          var features = _this7.map.querySourceFeatures(sourceId, {\n            sourceLayer: floorSourceLayer\n          });\n          // console.log(\"FEATURES\");\n          // console.log(features);\n          allFeatures = allFeatures.concat(features);\n        });\n\n        // console.log(\"ALL FEATURES\");\n        // console.log(allFeatures.length, allFeatures);\n\n        // If we have features, calculate their bounds\n        if (allFeatures.length > 0) {\n          var bounds = new mapboxgl.LngLatBounds();\n          allFeatures.forEach(function (feature) {\n            var geom = feature.geometry;\n            // Handle different geometry types:\n            if (geom.type === 'Point') {\n              bounds.extend(geom.coordinates);\n            } else if (geom.type === 'LineString') {\n              geom.coordinates.forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            } else if (geom.type === 'Polygon') {\n              // For a Polygon, iterate through the outer ring (and inner rings if needed)\n              geom.coordinates[0].forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            }\n            // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n          });\n          var currentPitch = this.map.getPitch();\n          var currentBearing = this.map.getBearing();\n\n          // Fit the map to these bounds with some padding\n          this.map.fitBounds(bounds, {\n            padding: 50,\n            duration: 1300,\n            maxZoom: 15.5,\n            pitch: currentPitch,\n            bearing: currentBearing\n            // speed: 1.2,\n          });\n        } else {\n          // If no features found, zoom out from current center\n          // console.log(\"NO FEATURES FOUND\");\n          this.map.once('moveend', function () {\n            console.log(\"FLY TO COMPLETE\");\n            var allFeaturesAgain = [];\n            sources.forEach(function (sourceId) {\n              // console.log(\"SOURCE ID\");\n              // console.log(sourceId);\n              var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n              var features = _this7.map.querySourceFeatures(sourceId, {\n                sourceLayer: floorSourceLayer\n              });\n              // console.log(\"FEATURES\");\n              // console.log(features);\n              allFeaturesAgain = allFeaturesAgain.concat(features);\n            });\n            if (allFeaturesAgain.length > 0) {\n              var _bounds = new mapboxgl.LngLatBounds();\n              allFeaturesAgain.forEach(function (feature) {\n                var geom = feature.geometry;\n                // Handle different geometry types:\n                if (geom.type === 'Point') {\n                  _bounds.extend(geom.coordinates);\n                } else if (geom.type === 'LineString') {\n                  geom.coordinates.forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                } else if (geom.type === 'Polygon') {\n                  // For a Polygon, iterate through the outer ring (and inner rings if needed)\n                  geom.coordinates[0].forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                }\n                // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n              });\n              var _currentPitch = _this7.map.getPitch();\n              var _currentBearing = _this7.map.getBearing();\n\n              // Fit the map to these bounds with some padding\n              _this7.map.fitBounds(_bounds, {\n                padding: 50,\n                duration: 1300,\n                maxZoom: 15.5,\n                pitch: _currentPitch,\n                bearing: _currentBearing\n                // speed: 1.2,\n              });\n            }\n          });\n          // this.map.jumpTo({\n          //     zoom: this.map.getZoom() - 3\n          // });\n          this.map.flyTo({\n            zoom: this.map.getZoom() - 3,\n            duration: 500,\n            essential: true\n          });\n        }\n      }\n      this.fire('floorChanged', {\n        floorIndex: floorIndex\n      });\n    }\n  }, {\n    key: \"addHighlightedFeature\",\n    value: function addHighlightedFeature(coordinates, properties) {\n      var source = this.map.getSource('highlighted-content');\n      var currentData = source._data;\n      var 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      return newFeature;\n    }\n  }, {\n    key: \"addSelectedFeature\",\n    value: function addSelectedFeature(coordinates, properties) {\n      var allow_multi_select = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n      var source = this.map.getSource('selected-content');\n      var currentData = source._data;\n      var newFeature = {\n        'type': 'Feature',\n        'geometry': {\n          'type': 'Point',\n          'coordinates': coordinates\n        },\n        'properties': properties\n      };\n      if (allow_multi_select) {\n        currentData.features.push(newFeature);\n      } else {\n        currentData.features = [newFeature];\n      }\n      source.setData(currentData);\n    }\n  }, {\n    key: \"clearSelectedContentLayer\",\n    value: function clearSelectedContentLayer() {\n      this.map.getSource('selected-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n  }, {\n    key: \"clearHighlightedContentLayer\",\n    value: function clearHighlightedContentLayer() {\n      this.map.getSource('highlighted-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n\n    // MARK: Controls\n  }, {\n    key: \"addControl\",\n    value: function addControl(control) {\n      var container = control.onAdd(this);\n      this.mapContainer.appendChild(container);\n    }\n  }, {\n    key: \"removeControl\",\n    value: function removeControl(control) {\n      this.map.removeControl(control);\n    }\n\n    // MARK: Map states\n  }, {\n    key: \"getCurrentState\",\n    value: function getCurrentState() {\n      return this._stateCoordinator.state;\n    }\n  }, {\n    key: \"setToDefaultState\",\n    value: function setToDefaultState() {\n      // console.log(\"SET TO DEFAULT STATE\", this.location);\n      this._stateCoordinator.transitionTo('default');\n    }\n  }, {\n    key: \"setToSearchState\",\n    value: function () {\n      var _setToSearchState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(query) {\n        var results;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              _context4.next = 2;\n              return this.search(query);\n            case 2:\n              results = _context4.sent;\n              this._stateCoordinator.transitionTo('search', {\n                query: query,\n                results: results\n              });\n            case 4:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function setToSearchState(_x) {\n        return _setToSearchState.apply(this, arguments);\n      }\n      return setToSearchState;\n    }()\n  }, {\n    key: \"setToSelectedContentState\",\n    value: function () {\n      var _setToSelectedContentState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(contentPlacementIds) {\n        var lastContentPlacementId, selectedContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) switch (_context5.prev = _context5.next) {\n            case 0:\n              lastContentPlacementId = contentPlacementIds[contentPlacementIds.length - 1];\n              _context5.next = 3;\n              return this.getContentPlacementDetails(lastContentPlacementId);\n            case 3:\n              selectedContentPlacement = _context5.sent;\n              this.updateFloor(selectedContentPlacement.floor);\n              this._stateCoordinator.transitionTo('selectedContent', {\n                contentPlacementIds: contentPlacementIds,\n                selectedContentPlacement: selectedContentPlacement\n              });\n            case 6:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this);\n      }));\n      function setToSelectedContentState(_x2) {\n        return _setToSelectedContentState.apply(this, arguments);\n      }\n      return setToSelectedContentState;\n    }()\n  }, {\n    key: \"setToDirectionsState\",\n    value: function () {\n      var _setToDirectionsState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {\n        var startContentPlacementId,\n          endContentPlacementId,\n          startContentPlacement,\n          endContentPlacement,\n          _args6 = arguments;\n        return _regeneratorRuntime().wrap(function _callee6$(_context6) {\n          while (1) switch (_context6.prev = _context6.next) {\n            case 0:\n              startContentPlacementId = _args6.length > 0 && _args6[0] !== undefined ? _args6[0] : null;\n              endContentPlacementId = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : null;\n              startContentPlacement = null;\n              if (!startContentPlacementId) {\n                _context6.next = 7;\n                break;\n              }\n              _context6.next = 6;\n              return this.getContentPlacementDetails(startContentPlacementId);\n            case 6:\n              startContentPlacement = _context6.sent;\n            case 7:\n              endContentPlacement = null;\n              if (!endContentPlacementId) {\n                _context6.next = 12;\n                break;\n              }\n              _context6.next = 11;\n              return this.getContentPlacementDetails(endContentPlacementId);\n            case 11:\n              endContentPlacement = _context6.sent;\n            case 12:\n              this._stateCoordinator.transitionTo('directions', {\n                startContentPlacement: startContentPlacement,\n                endContentPlacement: endContentPlacement\n              });\n            case 13:\n            case \"end\":\n              return _context6.stop();\n          }\n        }, _callee6, this);\n      }));\n      function setToDirectionsState() {\n        return _setToDirectionsState.apply(this, arguments);\n      }\n      return setToDirectionsState;\n    }()\n  }, {\n    key: \"setToSetupState\",\n    value: function () {\n      var _setToSetupState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {\n        return _regeneratorRuntime().wrap(function _callee7$(_context7) {\n          while (1) switch (_context7.prev = _context7.next) {\n            case 0:\n              // console.log(\"SET TO SETUP STATE\");\n\n              // Reset map view to default top-down perspective\n              if (this.map) {\n                this.map.easeTo({\n                  pitch: 0,\n                  bearing: 0,\n                  duration: 0\n                });\n              }\n              if (!this.setupControl) {\n                this.setupControl = new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].SetupControl();\n                this.addControl(this.setupControl);\n              }\n              this._stateCoordinator.transitionTo('setup');\n            case 3:\n            case \"end\":\n              return _context7.stop();\n          }\n        }, _callee7, this);\n      }));\n      function setToSetupState() {\n        return _setToSetupState.apply(this, arguments);\n      }\n      return setToSetupState;\n    }()\n  }, {\n    key: \"initiateSetToSearchState\",\n    value: function initiateSetToSearchState() {\n      this.fire('initiate:search');\n    }\n  }, {\n    key: \"findPath\",\n    value: function () {\n      var _findPath = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(startContentPlacementId, endContentPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) switch (_context8.prev = _context8.next) {\n            case 0:\n              _context8.next = 2;\n              return this.routesApi.findPath(this.mapData.map_id, startContentPlacementId, endContentPlacementId);\n            case 2:\n              response_data = _context8.sent;\n              if (!response_data) {\n                _context8.next = 7;\n                break;\n              }\n              return _context8.abrupt(\"return\", response_data);\n            case 7:\n              console.error('Failed to find path.');\n            case 8:\n            case \"end\":\n              return _context8.stop();\n          }\n        }, _callee8, this);\n      }));\n      function findPath(_x3, _x4) {\n        return _findPath.apply(this, arguments);\n      }\n      return findPath;\n    }()\n  }, {\n    key: \"findPathFromNodeToPlacement\",\n    value: function () {\n      var _findPathFromNodeToPlacement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(startNodeId, endPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) switch (_context9.prev = _context9.next) {\n            case 0:\n              _context9.next = 2;\n              return this.routesApi.findPathFromNodeToPlacement(this.mapData.map_id, startNodeId, endPlacementId);\n            case 2:\n              response_data = _context9.sent;\n              if (!response_data) {\n                _context9.next = 7;\n                break;\n              }\n              return _context9.abrupt(\"return\", response_data);\n            case 7:\n              console.error('Failed to find path.');\n            case 8:\n            case \"end\":\n              return _context9.stop();\n          }\n        }, _callee9, this);\n      }));\n      function findPathFromNodeToPlacement(_x5, _x6) {\n        return _findPathFromNodeToPlacement.apply(this, arguments);\n      }\n      return findPathFromNodeToPlacement;\n    }() // MARK: Map methods\n  }, {\n    key: \"_findFeatureByPlacementId\",\n    value: function _findFeatureByPlacementId(placementId) {\n      var features = this.map.queryRenderedFeatures({\n        filter: ['==', ['get', 'placement_id'], placementId]\n      });\n\n      // Return the first feature that matches the placementId\n      return features.length > 0 ? features[0] : null;\n    }\n  }, {\n    key: \"getCenter\",\n    value: function getCenter() {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        return this.map.getCenter();\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"setCenter\",\n    value: function setCenter(lngLat) {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        this.map.setCenter(lngLat);\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"search\",\n    value: function () {\n      var _search = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(query) {\n        return _regeneratorRuntime().wrap(function _callee10$(_context10) {\n          while (1) switch (_context10.prev = _context10.next) {\n            case 0:\n              if (!(query === '')) {\n                _context10.next = 2;\n                break;\n              }\n              return _context10.abrupt(\"return\");\n            case 2:\n              if (this.mapData) {\n                _context10.next = 4;\n                break;\n              }\n              return _context10.abrupt(\"return\");\n            case 4:\n              _context10.prev = 4;\n              _context10.next = 7;\n              return this.searchApi.search(this.mapData.map_id, this.mapData.map_view_id, query);\n            case 7:\n              return _context10.abrupt(\"return\", _context10.sent);\n            case 10:\n              _context10.prev = 10;\n              _context10.t0 = _context10[\"catch\"](4);\n              if (axios.isCancel(_context10.t0)) {\n                console.error('Request canceled:', _context10.t0.message);\n              } else {\n                console.error('Search error:', _context10.t0);\n              }\n            case 13:\n            case \"end\":\n              return _context10.stop();\n          }\n        }, _callee10, this, [[4, 10]]);\n      }));\n      function search(_x7) {\n        return _search.apply(this, arguments);\n      }\n      return search;\n    }()\n  }, {\n    key: \"getContentPlacementDetails\",\n    value: function () {\n      var _getContentPlacementDetails = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(contentPlacementId) {\n        var details;\n        return _regeneratorRuntime().wrap(function _callee11$(_context11) {\n          while (1) switch (_context11.prev = _context11.next) {\n            case 0:\n              _context11.prev = 0;\n              _context11.next = 3;\n              return this.searchApi.fetchContentPlacementDetails(contentPlacementId);\n            case 3:\n              details = _context11.sent;\n              return _context11.abrupt(\"return\", details);\n            case 7:\n              _context11.prev = 7;\n              _context11.t0 = _context11[\"catch\"](0);\n              if (axios.isCancel(_context11.t0)) {\n                console.error('Request canceled:', _context11.t0.message);\n              } else {\n                console.error('Fetching content placement details error:', _context11.t0);\n              }\n            case 10:\n            case \"end\":\n              return _context11.stop();\n          }\n        }, _callee11, this, [[0, 7]]);\n      }));\n      function getContentPlacementDetails(_x8) {\n        return _getContentPlacementDetails.apply(this, arguments);\n      }\n      return getContentPlacementDetails;\n    }()\n  }, {\n    key: \"flyTo\",\n    value: function flyTo(options) {\n      // console.log('flyTo', options);\n      this.map.flyTo(options);\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n//# sourceURL=webpack://waygomaps/./src/components/MapView/MapView.js?");
 
 /***/ }),
 
@@ -882,6 +893,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/components/SetupView/SetupView.js":
+/*!***********************************************!*\
+  !*** ./src/components/SetupView/SetupView.js ***!
+  \***********************************************/
+/***/ ((__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 _core_Component__WEBPACK_IMPORTED_MODULE_0__ = __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 _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\nvar SetupView = /*#__PURE__*/function (_Component) {\n  function SetupView() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, SetupView);\n    _this = _callSuper(this, SetupView, [options]);\n    _this._initialize();\n    _this.node = null;\n    return _this;\n  }\n  _inherits(SetupView, _Component);\n  return _createClass(SetupView, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      var _this2 = this;\n      this.element = document.createElement('div');\n      this.element.className = 'setup-view';\n\n      // Title\n      this.titleElement = document.createElement('h3');\n      this.titleElement.className = 'setup-title';\n      this.setTitle('Kiosk setup');\n\n      // Instructions container\n      var instructionsContainer = document.createElement('div');\n      instructionsContainer.className = 'setup-instructions';\n      var instructions = document.createElement('p');\n      instructions.innerText = 'Drag the red point on the map to set your kiosk position.';\n      instructionsContainer.appendChild(instructions);\n\n      // Code snippet container\n      this.codeContainer = document.createElement('div');\n      this.codeContainer.className = 'setup-code-container';\n      this.codeSnippet = document.createElement('pre');\n      this.codeSnippet.className = 'setup-code-snippet';\n      if (this.map) {\n        this.codeSnippet.innerHTML = \"https://waygomaps.com/\".concat(this.map.mapData.map_id, \"?location=\").concat(this.node.node_id);\n      }\n      this.copyButton = document.createElement('button');\n      this.copyButton.className = 'setup-copy-button';\n      this.copyButton.innerText = 'Copy';\n      this.copyButton.addEventListener('click', function () {\n        navigator.clipboard.writeText(_this2.codeSnippet.innerText);\n        _this2.copyButton.innerText = 'Copied!';\n        setTimeout(function () {\n          copyButton.innerText = 'Copy';\n        }, 2000);\n      });\n      this.codeContainer.appendChild(this.codeSnippet);\n      this.codeContainer.appendChild(this.copyButton);\n\n      // Buttons container\n      var buttonsContainer = document.createElement('div');\n      buttonsContainer.className = 'setup-buttons-container';\n      var exitButton = document.createElement('button');\n      exitButton.className = 'setup-button exit';\n      exitButton.innerText = 'Exit';\n      exitButton.addEventListener('click', function () {\n        _this2.fire('exit');\n      });\n      var configureButton = document.createElement('button');\n      configureButton.className = 'setup-button configure';\n      configureButton.innerText = 'Configure Map';\n      configureButton.addEventListener('click', function () {\n        _this2.fire('configure');\n      });\n      buttonsContainer.appendChild(exitButton);\n      buttonsContainer.appendChild(configureButton);\n\n      // Append all elements\n      this.element.appendChild(this.titleElement);\n      this.element.appendChild(instructionsContainer);\n      this.element.appendChild(this.codeContainer);\n      this.element.appendChild(buttonsContainer);\n    }\n\n    // setNode(node) {\n    //     this.node = node;\n    //     this.codeSnippet.innerHTML = `https://waygomaps.com/${this.map.mapData.map_id}?location=${this.node.node_id}`;\n    // }\n  }, {\n    key: \"setTitle\",\n    value: function setTitle(title) {\n      this.titleElement.innerText = title;\n    }\n  }, {\n    key: \"show\",\n    value: function show() {\n      this.element.classList.add('visible');\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.element.classList.remove('visible');\n    }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SetupView);\n\n//# sourceURL=webpack://waygomaps/./src/components/SetupView/SetupView.js?");
+
+/***/ }),
+
 /***/ "./src/components/SliderBar.js":
 /*!*************************************!*\
   !*** ./src/components/SliderBar.js ***!
@@ -889,7 +911,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 _core_Component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var _assets_arrows_leftArrow_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../assets/arrows/leftArrow.svg */ \"./src/assets/arrows/leftArrow.svg\");\n/* harmony import */ var _assets_arrows_rightArrow_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../assets/arrows/rightArrow.svg */ \"./src/assets/arrows/rightArrow.svg\");\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 _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// import leftArrowIcon from '../../assets/arrows/leftArrow.svg';\n\n\n\nvar SliderBar = /*#__PURE__*/function (_Component) {\n  function SliderBar() {\n    var _options$allowsToggle;\n    var _this;\n    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, SliderBar);\n    _this = _callSuper(this, SliderBar, [options]);\n    _this.items = items;\n    _this.buttonElements = [];\n    _this.allowsToggle = (_options$allowsToggle = options.allowsToggle) !== null && _options$allowsToggle !== void 0 ? _options$allowsToggle : true;\n    _this.containerClass = options.container;\n    _this.element = document.createElement('div');\n    _this.element.className = \"slider-bar-container \".concat(_this.containerClass); //this.containerClass; // 'slider-bar-container';\n\n    _this.sliderBar = document.createElement('div');\n    _this.sliderBar.className = \"slider-bar \".concat(_this.containerClass, \"-bar\");\n    _this.leftButton = document.createElement('button');\n    _this.leftButton.className = \"scroll-button left \".concat(_this.containerClass, \"-scroll-button\");\n    _this.leftButton.style.backgroundImage = \"url(\".concat(_assets_arrows_leftArrow_svg__WEBPACK_IMPORTED_MODULE_1__[\"default\"], \")\");\n    _this.leftButton.addEventListener('click', function () {\n      return _this._scrollSliderBar('left');\n    });\n    _this.rightButton = document.createElement('button');\n    _this.rightButton.className = \"scroll-button right \".concat(_this.containerClass, \"-scroll-button\");\n    _this.rightButton.style.backgroundImage = \"url(\".concat(_assets_arrows_rightArrow_svg__WEBPACK_IMPORTED_MODULE_2__[\"default\"], \")\");\n    _this.rightButton.addEventListener('click', function () {\n      return _this._scrollSliderBar('right');\n    });\n    _this.buttonElements = [];\n    _this.selectedValue = null;\n    _this._render();\n    _this.sliderBar.addEventListener('scroll', function () {\n      return _this._updateScrollButtons();\n    });\n\n    // Initial check\n    setTimeout(function () {\n      return _this._updateScrollButtons();\n    }, 0.8);\n    return _this;\n  }\n  _inherits(SliderBar, _Component);\n  return _createClass(SliderBar, [{\n    key: \"updateItems\",\n    value: function updateItems(newItems) {\n      this.items = newItems;\n\n      // Clear existing buttons\n      this.sliderBar.innerHTML = '';\n      this.buttonElements = [];\n\n      // Re-render with new items\n      this._render();\n      this._updateScrollButtons(); // Re-evaluate scroll buttons\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this2 = this;\n      this.items.forEach(function (title) {\n        // this.items.forEach(({ title, imageUrl }) => {\n        var button = document.createElement('button');\n        button.addEventListener('click', _this2._handleSliderButtonSelect.bind(_this2));\n        button.className = \"slider-bar-button \".concat(_this2.containerClass, \"-button\");\n        var titleSpan = document.createElement('span');\n        titleSpan.textContent = title;\n        button.appendChild(titleSpan);\n        _this2.buttonElements.push(button);\n        _this2.sliderBar.appendChild(button);\n      });\n      this.element.appendChild(this.leftButton);\n      this.element.appendChild(this.sliderBar);\n      this.element.appendChild(this.rightButton);\n    }\n  }, {\n    key: \"setViewForDesktop\",\n    value: function setViewForDesktop() {\n      this.buttonElements.forEach(function (button) {\n        if (button) {\n          button.classList.remove('mobile-view');\n        }\n      });\n    }\n  }, {\n    key: \"setViewForMobile\",\n    value: function setViewForMobile() {\n      this.buttonElements.forEach(function (button) {\n        if (button) {\n          button.classList.add('mobile-view');\n        }\n      });\n    }\n  }, {\n    key: \"_handleSliderButtonSelect\",\n    value: function _handleSliderButtonSelect(event) {\n      var button = event.currentTarget;\n      var query = button.querySelector('span').textContent;\n      var index = this.buttonElements.indexOf(button);\n      if (button.classList.contains('selected')) {\n        if (this.allowsToggle) {\n          button.classList.remove('selected');\n          this.fire(\"\".concat(this.containerClass, \":deselect\"));\n          this.selectedValue = null;\n        }\n      } else {\n        var currentlySelected = document.querySelector(\".slider-bar-button.\".concat(this.containerClass, \"-button.selected\"));\n        if (currentlySelected) {\n          currentlySelected.classList.remove('selected');\n        }\n        button.classList.add('selected');\n        this.selectedValue = query;\n        this.fire(\"\".concat(this.containerClass, \":selectNew\"), {\n          query: query,\n          index: index\n        });\n      }\n    }\n  }, {\n    key: \"_scrollSliderBar\",\n    value: function _scrollSliderBar(direction) {\n      var scrollAmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 275;\n      var maxScrollLeft = this.sliderBar.scrollWidth - this.sliderBar.clientWidth;\n      var currentScrollLeft = this.sliderBar.scrollLeft;\n      var finalScrollAmount = scrollAmount;\n      if (direction === 'right') {\n        var remainingScroll = maxScrollLeft - currentScrollLeft;\n        if (remainingScroll < scrollAmount) {\n          finalScrollAmount = remainingScroll; // Adjust to scroll exactly to the end\n        }\n      }\n      if (direction === 'left') {\n        this.sliderBar.scrollBy({\n          left: -scrollAmount,\n          behavior: 'smooth'\n        });\n      } else if (direction === 'right') {\n        this.sliderBar.scrollBy({\n          left: finalScrollAmount,\n          behavior: 'smooth'\n        });\n      }\n    }\n  }, {\n    key: \"_updateScrollButtons\",\n    value: function _updateScrollButtons() {\n      var scrollLeft = this.sliderBar.scrollLeft;\n      var maxScrollLeft = this.sliderBar.scrollWidth - this.sliderBar.clientWidth;\n      if (scrollLeft <= 0) {\n        this.leftButton.style.display = 'none';\n      } else {\n        this.leftButton.style.display = 'block';\n      }\n      var diff = Math.abs(maxScrollLeft - scrollLeft);\n      if (diff <= 1) {\n        this.rightButton.style.display = 'none';\n      } else {\n        this.rightButton.style.display = 'block';\n      }\n    }\n  }, {\n    key: \"deselectAll\",\n    value: function deselectAll() {\n      var selectedButtons = this.sliderBar.querySelectorAll(\".slider-bar-button.\".concat(this.containerClass, \"-button.selected\"));\n      if (selectedButtons) {\n        selectedButtons.forEach(function (button) {\n          return button.classList.remove('selected');\n        });\n      }\n    }\n  }, {\n    key: \"deselectAllNotMatchingQuery\",\n    value: function deselectAllNotMatchingQuery(query) {\n      var selectedButtons = this.sliderBar.querySelectorAll(\".slider-bar-button.\".concat(this.containerClass, \"-button.selected\"));\n      if (selectedButtons) {\n        selectedButtons.forEach(function (button) {\n          if (button.textContent !== query) {\n            button.classList.remove('selected');\n          }\n        });\n      }\n    }\n  }, {\n    key: \"invertButtonAtIndex\",\n    value: function invertButtonAtIndex(index) {\n      var button = this.buttonElements[index];\n      if (button) {\n        button.classList.toggle('inverted');\n      } else {\n        console.error(\"Button at index \".concat(index, \" does not exist.\"));\n      }\n    }\n\n    // USE THIS ONE INSTEAD OF invertButtonAtIndex ABOVE:\n  }, {\n    key: \"selectButtonAtIndex\",\n    value: function selectButtonAtIndex(index) {\n      var button = this.buttonElements[index];\n      if (button) {\n        if (!button.classList.contains('selected')) {\n          this.deselectAll();\n          var query = button.querySelector('span').textContent;\n          button.classList.add('selected');\n          this.selectedValue = query;\n          this.fire(\"\".concat(this.containerClass, \":selectNew\"), {\n            query: query,\n            index: index\n          });\n        } else {\n          console.log('button is already selected');\n        }\n      }\n    }\n  }, {\n    key: \"getIndexOfSelectedButton\",\n    value: function getIndexOfSelectedButton() {\n      // Finds index o fhte selected button or returns -1 if not found.\n      var selectedButtonIndex = this.buttonElements.findIndex(function (button) {\n        return button.classList.contains('selected');\n      });\n      return selectedButtonIndex;\n\n      // this.buttonElements.forEach((button) => {\n      //   if (button.classList.contins('selected'))\n      // });\n    }\n\n    // const index = this.buttonElements.indexOf(button);\n\n    //   if (button.classList.contains('selected')) {\n    //     button.classList.remove('selected');\n    //     this.fire(`${this.containerClass}:deselect`);\n    //     this.selectedValue = null;\n    //   } else {\n    //     const currentlySelected = document.querySelector(`.slider-bar-button.${this.containerClass}-button.selected`);\n    //     if (currentlySelected) {\n    //       currentlySelected.classList.remove('selected');\n    //     }\n    //     button.classList.add('selected');\n    //     this.selectedValue = query;\n\n    //     this.fire(`${this.containerClass}:selectNew`, { query })\n    //   }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }, {\n    key: \"show\",\n    value: function show() {\n      this.element.classList.add('visible');\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.element.classList.remove('visible');\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SliderBar);\n\n//# sourceURL=webpack://waygomaps/./src/components/SliderBar.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 _core_Component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var _assets_arrows_leftArrow_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../assets/arrows/leftArrow.svg */ \"./src/assets/arrows/leftArrow.svg\");\n/* harmony import */ var _assets_arrows_rightArrow_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../assets/arrows/rightArrow.svg */ \"./src/assets/arrows/rightArrow.svg\");\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 _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// import leftArrowIcon from '../../assets/arrows/leftArrow.svg';\n\n\n\nvar SliderBar = /*#__PURE__*/function (_Component) {\n  function SliderBar() {\n    var _options$allowsToggle;\n    var _this;\n    var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, SliderBar);\n    _this = _callSuper(this, SliderBar, [options]);\n    _this.items = items;\n    _this.buttonElements = [];\n    _this.allowsToggle = (_options$allowsToggle = options.allowsToggle) !== null && _options$allowsToggle !== void 0 ? _options$allowsToggle : true;\n    _this.containerClass = options.container;\n    _this.element = document.createElement('div');\n    _this.element.className = \"slider-bar-container \".concat(_this.containerClass); //this.containerClass; // 'slider-bar-container';\n\n    _this.sliderBar = document.createElement('div');\n    _this.sliderBar.className = \"slider-bar \".concat(_this.containerClass, \"-bar\");\n    _this.leftButton = document.createElement('button');\n    _this.leftButton.className = \"scroll-button left \".concat(_this.containerClass, \"-scroll-button\");\n    _this.leftButton.style.backgroundImage = \"url(\".concat(_assets_arrows_leftArrow_svg__WEBPACK_IMPORTED_MODULE_1__[\"default\"], \")\");\n    _this.leftButton.addEventListener('click', function () {\n      return _this._scrollSliderBar('left');\n    });\n    _this.rightButton = document.createElement('button');\n    _this.rightButton.className = \"scroll-button right \".concat(_this.containerClass, \"-scroll-button\");\n    _this.rightButton.style.backgroundImage = \"url(\".concat(_assets_arrows_rightArrow_svg__WEBPACK_IMPORTED_MODULE_2__[\"default\"], \")\");\n    _this.rightButton.addEventListener('click', function () {\n      return _this._scrollSliderBar('right');\n    });\n    _this.buttonElements = [];\n    _this.selectedValue = null;\n    _this._render();\n    _this.sliderBar.addEventListener('scroll', function () {\n      return _this._updateScrollButtons();\n    });\n\n    // Initial check\n    setTimeout(function () {\n      return _this._updateScrollButtons();\n    }, 0.8);\n    return _this;\n  }\n  _inherits(SliderBar, _Component);\n  return _createClass(SliderBar, [{\n    key: \"updateItems\",\n    value: function updateItems(newItems) {\n      this.items = newItems;\n\n      // Clear existing buttons\n      this.sliderBar.innerHTML = '';\n      this.buttonElements = [];\n\n      // Re-render with new items\n      this._render();\n      this._updateScrollButtons(); // Re-evaluate scroll buttons\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this2 = this;\n      this.items.forEach(function (title) {\n        // this.items.forEach(({ title, imageUrl }) => {\n        var button = document.createElement('button');\n        button.addEventListener('click', _this2._handleSliderButtonSelect.bind(_this2));\n        button.className = \"slider-bar-button \".concat(_this2.containerClass, \"-button\");\n        var titleSpan = document.createElement('span');\n        titleSpan.textContent = title;\n        button.appendChild(titleSpan);\n        _this2.buttonElements.push(button);\n        _this2.sliderBar.appendChild(button);\n      });\n      this.element.appendChild(this.leftButton);\n      this.element.appendChild(this.sliderBar);\n      this.element.appendChild(this.rightButton);\n    }\n  }, {\n    key: \"setViewForDesktop\",\n    value: function setViewForDesktop() {\n      this.buttonElements.forEach(function (button) {\n        if (button) {\n          button.classList.remove('mobile-view');\n        }\n      });\n    }\n  }, {\n    key: \"setViewForMobile\",\n    value: function setViewForMobile() {\n      this.buttonElements.forEach(function (button) {\n        if (button) {\n          button.classList.add('mobile-view');\n        }\n      });\n    }\n  }, {\n    key: \"_handleSliderButtonSelect\",\n    value: function _handleSliderButtonSelect(event) {\n      var button = event.currentTarget;\n      var query = button.querySelector('span').textContent;\n      var index = this.buttonElements.indexOf(button);\n      if (button.classList.contains('selected')) {\n        if (this.allowsToggle) {\n          button.classList.remove('selected');\n          this.fire(\"\".concat(this.containerClass, \":deselect\"));\n          this.selectedValue = null;\n        }\n      } else {\n        var currentlySelected = document.querySelector(\".slider-bar-button.\".concat(this.containerClass, \"-button.selected\"));\n        if (currentlySelected) {\n          currentlySelected.classList.remove('selected');\n        }\n        button.classList.add('selected');\n        this.selectedValue = query;\n        this.fire(\"\".concat(this.containerClass, \":selectNew\"), {\n          query: query,\n          index: index\n        });\n      }\n    }\n  }, {\n    key: \"_scrollSliderBar\",\n    value: function _scrollSliderBar(direction) {\n      var scrollAmount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 275;\n      var maxScrollLeft = this.sliderBar.scrollWidth - this.sliderBar.clientWidth;\n      var currentScrollLeft = this.sliderBar.scrollLeft;\n      var finalScrollAmount = scrollAmount;\n      if (direction === 'right') {\n        var remainingScroll = maxScrollLeft - currentScrollLeft;\n        if (remainingScroll < scrollAmount) {\n          finalScrollAmount = remainingScroll; // Adjust to scroll exactly to the end\n        }\n      }\n      if (direction === 'left') {\n        this.sliderBar.scrollBy({\n          left: -scrollAmount,\n          behavior: 'smooth'\n        });\n      } else if (direction === 'right') {\n        this.sliderBar.scrollBy({\n          left: finalScrollAmount,\n          behavior: 'smooth'\n        });\n      }\n    }\n  }, {\n    key: \"_updateScrollButtons\",\n    value: function _updateScrollButtons() {\n      var scrollLeft = this.sliderBar.scrollLeft;\n      var maxScrollLeft = this.sliderBar.scrollWidth - this.sliderBar.clientWidth;\n      if (scrollLeft <= 0) {\n        this.leftButton.style.display = 'none';\n      } else {\n        this.leftButton.style.display = 'block';\n      }\n      var diff = Math.abs(maxScrollLeft - scrollLeft);\n      if (diff <= 1) {\n        this.rightButton.style.display = 'none';\n      } else {\n        this.rightButton.style.display = 'block';\n      }\n    }\n  }, {\n    key: \"deselectAll\",\n    value: function deselectAll() {\n      var selectedButtons = this.sliderBar.querySelectorAll(\".slider-bar-button.\".concat(this.containerClass, \"-button.selected\"));\n      if (selectedButtons) {\n        selectedButtons.forEach(function (button) {\n          return button.classList.remove('selected');\n        });\n      }\n    }\n  }, {\n    key: \"deselectAllNotMatchingQuery\",\n    value: function deselectAllNotMatchingQuery(query) {\n      var selectedButtons = this.sliderBar.querySelectorAll(\".slider-bar-button.\".concat(this.containerClass, \"-button.selected\"));\n      if (selectedButtons) {\n        selectedButtons.forEach(function (button) {\n          if (button.textContent !== query) {\n            button.classList.remove('selected');\n          }\n        });\n      }\n    }\n  }, {\n    key: \"invertButtonAtIndex\",\n    value: function invertButtonAtIndex(index) {\n      var button = this.buttonElements[index];\n      if (button) {\n        button.classList.toggle('inverted');\n      } else {\n        console.error(\"Button at index \".concat(index, \" does not exist.\"));\n      }\n    }\n\n    // USE THIS ONE INSTEAD OF invertButtonAtIndex ABOVE:\n  }, {\n    key: \"selectButtonAtIndex\",\n    value: function selectButtonAtIndex(index) {\n      var button = this.buttonElements[index];\n      if (button) {\n        if (!button.classList.contains('selected')) {\n          this.deselectAll();\n          var query = button.querySelector('span').textContent;\n          button.classList.add('selected');\n          this.selectedValue = query;\n          this.fire(\"\".concat(this.containerClass, \":selectNew\"), {\n            query: query,\n            index: index\n          });\n        } else {\n          console.log('button is already selected');\n        }\n      }\n    }\n  }, {\n    key: \"getIndexOfSelectedButton\",\n    value: function getIndexOfSelectedButton() {\n      // Finds index o fhte selected button or returns -1 if not found.\n      var selectedButtonIndex = this.buttonElements.findIndex(function (button) {\n        return button.classList.contains('selected');\n      });\n      return selectedButtonIndex;\n\n      // this.buttonElements.forEach((button) => {\n      //   if (button.classList.contins('selected'))\n      // });\n    }\n\n    // const index = this.buttonElements.indexOf(button);\n\n    //   if (button.classList.contains('selected')) {\n    //     button.classList.remove('selected');\n    //     this.fire(`${this.containerClass}:deselect`);\n    //     this.selectedValue = null;\n    //   } else {\n    //     const currentlySelected = document.querySelector(`.slider-bar-button.${this.containerClass}-button.selected`);\n    //     if (currentlySelected) {\n    //       currentlySelected.classList.remove('selected');\n    //     }\n    //     button.classList.add('selected');\n    //     this.selectedValue = query;\n\n    //     this.fire(`${this.containerClass}:selectNew`, { query })\n    //   }\n  }, {\n    key: \"refresh\",\n    value: function refresh() {\n      var _this3 = this;\n      // Force recalculation of scroll buttons visibility\n      this._updateScrollButtons();\n\n      // Re-render the entire slider bar content\n      this._render();\n\n      // Wait a short moment for the DOM to update before checking scroll buttons again\n      setTimeout(function () {\n        _this3._updateScrollButtons();\n      }, 100);\n    }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }, {\n    key: \"show\",\n    value: function show() {\n      this.element.classList.add('visible');\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.element.classList.remove('visible');\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (SliderBar);\n\n//# sourceURL=webpack://waygomaps/./src/components/SliderBar.js?");
 
 /***/ }),
 
@@ -944,7 +966,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 _styles_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styles.css */ \"./src/styles.css\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _components_MapView_MapView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/MapView/MapView */ \"./src/components/MapView/MapView.js\");\n/* harmony import */ var _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/SearchBox/SearchBox */ \"./src/components/SearchBox/SearchBox.js\");\n/* harmony import */ var _Controls_SearchBoxControl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Controls/SearchBoxControl */ \"./src/Controls/SearchBoxControl.js\");\n/* harmony import */ var _Controls_CategoryBarControl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Controls/CategoryBarControl */ \"./src/Controls/CategoryBarControl.js\");\n/* harmony import */ var _Controls_SearchResultsControl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Controls/SearchResultsControl */ \"./src/Controls/SearchResultsControl.js\");\n/* harmony import */ var _Controls_ContentPlacementControl__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Controls/ContentPlacementControl */ \"./src/Controls/ContentPlacementControl.js\");\n/* harmony import */ var _Controls_InteractionControl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Controls/InteractionControl */ \"./src/Controls/InteractionControl.js\");\n/* harmony import */ var _Controls_DirectionsControl__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Controls/DirectionsControl */ \"./src/Controls/DirectionsControl.js\");\n/* harmony import */ var _Controls_FloorSelectorControl__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Controls/FloorSelectorControl */ \"./src/Controls/FloorSelectorControl.js\");\n\n\n\n\n\n\n\n\n\n\n\nif (typeof window !== 'undefined') {\n  // This sets the public path dynamically based on the location of the current script\n  __webpack_require__.p = window.location.origin + '/';\n}\nvar waygo = {\n  MapView: _components_MapView_MapView__WEBPACK_IMPORTED_MODULE_2__.MapView,\n  SearchBox: _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  SearchBoxControl: _Controls_SearchBoxControl__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  CategoryBarControl: _Controls_CategoryBarControl__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  SearchResultsControl: _Controls_SearchResultsControl__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  ContentPlacementControl: _Controls_ContentPlacementControl__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  InteractionControl: _Controls_InteractionControl__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  DirectionsControl: _Controls_DirectionsControl__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  FloorSelectorControl: _Controls_FloorSelectorControl__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  setApiKey: _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setApiKey.bind(_WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"])\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (waygo);\n\n//# sourceURL=webpack://waygomaps/./src/index.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 _styles_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./styles.css */ \"./src/styles.css\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _components_MapView_MapView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/MapView/MapView */ \"./src/components/MapView/MapView.js\");\n/* harmony import */ var _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/SearchBox/SearchBox */ \"./src/components/SearchBox/SearchBox.js\");\n/* harmony import */ var _Controls_SearchBoxControl__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./Controls/SearchBoxControl */ \"./src/Controls/SearchBoxControl.js\");\n/* harmony import */ var _Controls_CategoryBarControl__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Controls/CategoryBarControl */ \"./src/Controls/CategoryBarControl.js\");\n/* harmony import */ var _Controls_SearchResultsControl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Controls/SearchResultsControl */ \"./src/Controls/SearchResultsControl.js\");\n/* harmony import */ var _Controls_ContentPlacementControl__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./Controls/ContentPlacementControl */ \"./src/Controls/ContentPlacementControl.js\");\n/* harmony import */ var _Controls_SetupControl__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./Controls/SetupControl */ \"./src/Controls/SetupControl.js\");\n/* harmony import */ var _Controls_InteractionControl__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./Controls/InteractionControl */ \"./src/Controls/InteractionControl.js\");\n/* harmony import */ var _Controls_DirectionsControl__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./Controls/DirectionsControl */ \"./src/Controls/DirectionsControl.js\");\n/* harmony import */ var _Controls_FloorSelectorControl__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./Controls/FloorSelectorControl */ \"./src/Controls/FloorSelectorControl.js\");\n\n\n\n\n\n\n\n\n\n\n\n\nif (typeof window !== 'undefined') {\n  // This sets the public path dynamically based on the location of the current script\n  __webpack_require__.p = window.location.origin + '/';\n}\nvar waygo = {\n  MapView: _components_MapView_MapView__WEBPACK_IMPORTED_MODULE_2__.MapView,\n  SearchBox: _components_SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n  SearchBoxControl: _Controls_SearchBoxControl__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n  CategoryBarControl: _Controls_CategoryBarControl__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n  SearchResultsControl: _Controls_SearchResultsControl__WEBPACK_IMPORTED_MODULE_6__[\"default\"],\n  ContentPlacementControl: _Controls_ContentPlacementControl__WEBPACK_IMPORTED_MODULE_7__[\"default\"],\n  InteractionControl: _Controls_InteractionControl__WEBPACK_IMPORTED_MODULE_9__[\"default\"],\n  SetupControl: _Controls_SetupControl__WEBPACK_IMPORTED_MODULE_8__[\"default\"],\n  DirectionsControl: _Controls_DirectionsControl__WEBPACK_IMPORTED_MODULE_10__[\"default\"],\n  FloorSelectorControl: _Controls_FloorSelectorControl__WEBPACK_IMPORTED_MODULE_11__[\"default\"],\n  setApiKey: _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setApiKey.bind(_WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"])\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (waygo);\n\n//# sourceURL=webpack://waygomaps/./src/index.js?");
 
 /***/ }),
 
@@ -955,7 +977,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 */   convertVertexToCoordinate: () => (/* binding */ convertVertexToCoordinate),\n/* harmony export */   convertVerticesToCoordinates: () => (/* binding */ convertVerticesToCoordinates)\n/* harmony export */ });\nfunction findLatLonConversionsForLatitude(latitude) {\n  var lat = latitude * Math.PI / 180;\n  var r_a = 6378137.0;\n  var r_b = 6356752.314;\n  var e = (Math.pow(r_a, 0.5) - Math.pow(r_b, 0.5)) / Math.pow(r_a, 0.5);\n  var latConv = 1 / (111132.954 - 559.822 * Math.cos(2 * lat) + 1.175 * Math.cos(4 * lat));\n  var lonConv = 1 / (Math.PI * r_a * Math.cos(lat) / (180 * Math.pow(1 - Math.pow(e, 2) * Math.pow(Math.sin(lat), 2), 0.5)));\n  return {\n    meterToLat: latConv,\n    meterToLon: lonConv\n  };\n}\n\n// export function convertVertexToCoordinate(vertex, refCoordinate, meterToLat, meterToLon, scalingFactor = 1.0) {\nfunction convertVertexToCoordinate(vertex) {\n  var refCoordinate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n  var scalingFactor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1.0;\n  if (refCoordinate === null) {\n    refCoordinate = [0.0, 0.0];\n  }\n  var x = vertex[0];\n  var y = vertex[1];\n  var refLon = refCoordinate[0];\n  var refLat = refCoordinate[1];\n  var _findLatLonConversion = findLatLonConversionsForLatitude(refLat),\n    meterToLat = _findLatLonConversion.meterToLat,\n    meterToLon = _findLatLonConversion.meterToLon;\n  var lat = refLat + y * scalingFactor * meterToLat;\n  var lon = refLon + x * scalingFactor * meterToLon;\n  return {\n    lat: lat,\n    lon: lon\n  };\n}\nfunction convertVerticesToCoordinates(vertices) {\n  var refCoordinate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n  var scalingFactor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1.0;\n  if (refCoordinate === null) {\n    refCoordinate = [0.0, 0.0];\n  }\n  var coordinates = [];\n  // const { meterToLat, meterToLon } = findLatLonConversionsForLatitude(refCoordinate[1]);\n  vertices.forEach(function (vertex) {\n    // const { lat, lon } = convertVertexToCoordinate(vertex, refCoordinate, meterToLat, meterToLon, scalingFactor);\n    var _convertVertexToCoord = convertVertexToCoordinate(vertex, refCoordinate, scalingFactor),\n      lat = _convertVertexToCoord.lat,\n      lon = _convertVertexToCoord.lon;\n    coordinates.push([lon, lat]);\n  });\n  return coordinates;\n}\n\n//# sourceURL=webpack://waygomaps/./src/utils/coordinateSystems.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   convertCoordinateToVertex: () => (/* binding */ convertCoordinateToVertex),\n/* harmony export */   convertVertexToCoordinate: () => (/* binding */ convertVertexToCoordinate),\n/* harmony export */   convertVerticesToCoordinates: () => (/* binding */ convertVerticesToCoordinates)\n/* harmony export */ });\nfunction findLatLonConversionsForLatitude(latitude) {\n  var lat = latitude * Math.PI / 180;\n  var r_a = 6378137.0;\n  var r_b = 6356752.314;\n  var e = (Math.pow(r_a, 0.5) - Math.pow(r_b, 0.5)) / Math.pow(r_a, 0.5);\n  var latConv = 1 / (111132.954 - 559.822 * Math.cos(2 * lat) + 1.175 * Math.cos(4 * lat));\n  var lonConv = 1 / (Math.PI * r_a * Math.cos(lat) / (180 * Math.pow(1 - Math.pow(e, 2) * Math.pow(Math.sin(lat), 2), 0.5)));\n  return {\n    meterToLat: latConv,\n    meterToLon: lonConv\n  };\n}\n\n// export function convertVertexToCoordinate(vertex, refCoordinate, meterToLat, meterToLon, scalingFactor = 1.0) {\nfunction convertVertexToCoordinate(vertex) {\n  var refCoordinate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n  var scalingFactor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1.0;\n  if (refCoordinate === null) {\n    refCoordinate = [0.0, 0.0];\n  }\n  var x = vertex[0];\n  var y = vertex[1];\n  var refLon = refCoordinate[0];\n  var refLat = refCoordinate[1];\n  var _findLatLonConversion = findLatLonConversionsForLatitude(refLat),\n    meterToLat = _findLatLonConversion.meterToLat,\n    meterToLon = _findLatLonConversion.meterToLon;\n  var lat = refLat + y * scalingFactor * meterToLat;\n  var lon = refLon + x * scalingFactor * meterToLon;\n  return {\n    lat: lat,\n    lon: lon\n  };\n}\nfunction convertVerticesToCoordinates(vertices) {\n  var refCoordinate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n  var scalingFactor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1.0;\n  if (refCoordinate === null) {\n    refCoordinate = [0.0, 0.0];\n  }\n  var coordinates = [];\n  // const { meterToLat, meterToLon } = findLatLonConversionsForLatitude(refCoordinate[1]);\n  vertices.forEach(function (vertex) {\n    // const { lat, lon } = convertVertexToCoordinate(vertex, refCoordinate, meterToLat, meterToLon, scalingFactor);\n    var _convertVertexToCoord = convertVertexToCoordinate(vertex, refCoordinate, scalingFactor),\n      lat = _convertVertexToCoord.lat,\n      lon = _convertVertexToCoord.lon;\n    coordinates.push([lon, lat]);\n  });\n  return coordinates;\n}\nfunction convertCoordinateToVertex(coordinate) {\n  var refCoordinate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n  var scalingFactor = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1.0;\n  if (refCoordinate === null) {\n    refCoordinate = [0.0, 0.0];\n  }\n  var refLon = refCoordinate[0];\n  var refLat = refCoordinate[1];\n  var lon = coordinate[0];\n  var lat = coordinate[1];\n  var _findLatLonConversion2 = findLatLonConversionsForLatitude(refLat),\n    meterToLat = _findLatLonConversion2.meterToLat,\n    meterToLon = _findLatLonConversion2.meterToLon;\n  var x = (lon - refLon) / scalingFactor / meterToLon; // Note: division by scalingFactor needed here\n  var y = (lat - refLat) / scalingFactor / meterToLat; // Note: division by scalingFactor needed here\n\n  var x_round = Number(x.toFixed(2));\n  var y_round = Number(y.toFixed(2));\n  return [x_round, y_round];\n}\n\n//# sourceURL=webpack://waygomaps/./src/utils/coordinateSystems.js?");
 
 /***/ }),