waygo-maps 1.1.8 → 1.1.10

package/dist/bundle.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      console.log(\"HEREREE\", window.innerHeight);\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      console.log('symbol feagures');\n      console.log(symbolFeatures);\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              console.log(pitch, bearing, zoom, center);\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 14:\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: \"_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 _this4 = 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          _this4.currentTop = targetHeight; // Set the target height immediately\n          _this4.container.style.top = \"\".concat(_this4.currentTop, \"px\");\n          _this4.container.style.height = \"calc(100vh - \".concat(_this4.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          _this4.currentTop = newHeight;\n          _this4.container.style.top = \"\".concat(_this4.currentTop, \"px\");\n          _this4.container.style.height = \"calc(100vh - \".concat(_this4.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 _this5 = 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      console.log(\"VIABLE KEYS\");\n      console.log(viableKeyCount);\n      var pixelHeight = height * (1 - this.scrollConfiguration.initialHeight);\n      if (viableKeyCount === 0) {\n        // pixelHeight = height*(1 - (this.scrollConfiguration.initialHeight - 0.08));\n        // this.scrollTo(rect.bottom);\n        setTimeout(function () {\n          if (_this5.contentPlacementView && _this5.contentPlacementView.contentPlacementHeader) {\n            console.log('we made it');\n            var headerElem = _this5.contentPlacementView.header;\n            var headerHeight = headerElem.offsetHeight;\n            pixelHeight = height - headerHeight - 20;\n            console.log(height, headerHeight, pixelHeight);\n          }\n          _this5.scrollTo(pixelHeight, true);\n        }, 50); // Delay by 100 milliseconds\n      } else {\n        this.scrollTo(pixelHeight, true);\n      }\n\n      // console.log(pixelHeight);\n\n      // if (this.contentPlacementView && this.contentPlacementView.contentPlacementHeader) {\n      //     setTimeout(() => {\n      //         console.log('we made it');\n      //         const headerElem = this.contentPlacementView.header;\n      //         const headerHeight = headerElem.offsetHeight;\n      //         console.log(headerElem, headerHeight);\n      //     }, 100); // Delay by 100 milliseconds\n      // }\n\n      // console.log(rect.top, height);\n      // console.log(rect.top + height*(1 - this.scrollConfiguration.initialHeight));\n      // this.scrollTo(height*(1 - this.scrollConfiguration.initialHeight), true);\n      // this.scrollTo(pixelHeight, true);\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._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      console.log(\"HEREREE\", window.innerHeight);\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      console.log('symbol feagures');\n      console.log(symbolFeatures);\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      console.log('selectedContentPlacement', 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              console.log(pitch, bearing, zoom, center);\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 14:\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: \"_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 _this4 = 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          _this4.currentTop = targetHeight; // Set the target height immediately\n          _this4.container.style.top = \"\".concat(_this4.currentTop, \"px\");\n          _this4.container.style.height = \"calc(100vh - \".concat(_this4.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          _this4.currentTop = newHeight;\n          _this4.container.style.top = \"\".concat(_this4.currentTop, \"px\");\n          _this4.container.style.height = \"calc(100vh - \".concat(_this4.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 _this5 = 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      console.log(\"VIABLE KEYS\");\n      console.log(viableKeyCount);\n      var pixelHeight = height * (1 - this.scrollConfiguration.initialHeight);\n      if (viableKeyCount === 0) {\n        // pixelHeight = height*(1 - (this.scrollConfiguration.initialHeight - 0.08));\n        // this.scrollTo(rect.bottom);\n        setTimeout(function () {\n          if (_this5.contentPlacementView && _this5.contentPlacementView.contentPlacementHeader) {\n            console.log('we made it');\n            var headerElem = _this5.contentPlacementView.header;\n            var headerHeight = headerElem.offsetHeight;\n            pixelHeight = height - headerHeight - 20;\n            console.log(height, headerHeight, pixelHeight);\n          }\n          _this5.scrollTo(pixelHeight, true);\n        }, 50); // Delay by 100 milliseconds\n      } else {\n        this.scrollTo(pixelHeight, true);\n      }\n\n      // console.log(pixelHeight);\n\n      // if (this.contentPlacementView && this.contentPlacementView.contentPlacementHeader) {\n      //     setTimeout(() => {\n      //         console.log('we made it');\n      //         const headerElem = this.contentPlacementView.header;\n      //         const headerHeight = headerElem.offsetHeight;\n      //         console.log(headerElem, headerHeight);\n      //     }, 100); // Delay by 100 milliseconds\n      // }\n\n      // console.log(rect.top, height);\n      // console.log(rect.top + height*(1 - this.scrollConfiguration.initialHeight));\n      // this.scrollTo(height*(1 - this.scrollConfiguration.initialHeight), true);\n      // this.scrollTo(pixelHeight, true);\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._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: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.content) {\n          if (endContentPlacement.content.title_key) {\n            var 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.content) {\n          if (startContentPlacement.content.title_key) {\n            var 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        // console.log(`Step ${index} path: ${leg.steps.length}`);\n        // if (index === 0) {\n        //     points.push(...step.path);\n        // } else {\n        //     points.push(step.path[1]);\n        // }\n      });\n\n      // else if (index === leg.steps.length - 1) {\n      //     console.log('last step', step.path);\n      //     points.push(step.path[1]);\n      //     points.push(step.path[2]);\n      // }\n\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVerticesToCoordinates)(points, null, 30.0);\n      console.log(coordinates);\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 _handleDirectionsState(data) {\n      var startContentPlacement = data.startContentPlacement,\n        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        var _convertVertexToCoord3 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0),\n          lat = _convertVertexToCoord3.lat,\n          lon = _convertVertexToCoord3.lon;\n        var coordinate = [lon, lat];\n        if (!endContentPlacement.name) {\n          if (endContentPlacement.content) {\n            if (endContentPlacement.content.title_key) {\n              var 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  }, {\n    key: \"_handleIntiateFindPath\",\n    value: function () {\n      var _handleIntiateFindPath2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var startContentPlacementId, endContentPlacementId;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              startContentPlacementId = data.startContentPlacementId, endContentPlacementId = data.endContentPlacementId;\n              _context3.next = 3;\n              return this.map.findPath(startContentPlacementId, endContentPlacementId);\n            case 3:\n              this.pathData = _context3.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 _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleIntiateFindPath(_x3) {\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('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: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        // console.log(`Step ${index} path: ${leg.steps.length}`);\n        // if (index === 0) {\n        //     points.push(...step.path);\n        // } else {\n        //     points.push(step.path[1]);\n        // }\n      });\n\n      // else if (index === leg.steps.length - 1) {\n      //     console.log('last step', step.path);\n      //     points.push(step.path[1]);\n      //     points.push(step.path[2]);\n      // }\n\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVerticesToCoordinates)(points, null, 30.0);\n      console.log(coordinates);\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 _handleDirectionsState(data) {\n      var startContentPlacement = data.startContentPlacement,\n        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        var _convertVertexToCoord3 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0),\n          lat = _convertVertexToCoord3.lat,\n          lon = _convertVertexToCoord3.lon;\n        var coordinate = [lon, lat];\n        if (!endContentPlacement.name) {\n          if (endContentPlacement.catalog) {\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  }, {\n    key: \"_handleIntiateFindPath\",\n    value: function () {\n      var _handleIntiateFindPath2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var startContentPlacementId, endContentPlacementId;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              startContentPlacementId = data.startContentPlacementId, endContentPlacementId = data.endContentPlacementId;\n              _context3.next = 3;\n              return this.map.findPath(startContentPlacementId, endContentPlacementId);\n            case 3:\n              this.pathData = _context3.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 _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleIntiateFindPath(_x3) {\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?");
 
 /***/ }),
 
@@ -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      this.map.clearSelectedContentLayer();\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        console.log('search result');\n        console.log(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        console.log('result', result);\n        result.name = result.content.data[result.content.title_key];\n        console.log(result.name, result);\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      this.map.clearSelectedContentLayer();\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertVerticesToCoordinates)([result.location], null, 30.0);\n      var coordinate = coordinates[0];\n      result._floor = result.floor;\n      // const feature = this.addHighlightedFeature(coordinate, result);\n      console.log(\"LOGGING UPDATE LABEL FOR SELECTED CONTENT PLACEMENT. Result:\");\n      console.log(result);\n      if (!result.name) {\n        if (result.content) {\n          if (result.content.title_key) {\n            var titleKey = result.content.title_key;\n            var title = result.content.data[titleKey];\n            result.name = title;\n          }\n        }\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    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      this.map.clearSelectedContentLayer();\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        console.log('search result');\n        console.log(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        console.log('result', result);\n        var titleKey = result.catalog.content_title_key;\n        result.name = result.content.data[titleKey];\n        console.log(result.name, result);\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      this.map.clearSelectedContentLayer();\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_2__.convertVerticesToCoordinates)([result.location], null, 30.0);\n      var coordinate = coordinates[0];\n      result._floor = result.floor;\n      console.log(\"LOGGING UPDATE LABEL FOR SELECTED CONTENT PLACEMENT. Result:\");\n      console.log(result);\n      if (!result.name) {\n        if (result.content && result.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      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?");
 
 /***/ }),
 
@@ -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      var title_key = selectedContentPlacement.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('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?");
 
 /***/ }),
 
@@ -702,7 +702,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 */   ContentChildButton: () => (/* binding */ ContentChildButton),\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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\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 ContentChildButton = /*#__PURE__*/function (_Component) {\n  function ContentChildButton(childPlacement) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, ContentChildButton);\n    _this = _callSuper(this, ContentChildButton, [options]);\n    _this.childPlacement = childPlacement;\n    _this.maxValueLength = 50;\n    _this.maxEntriesToShow = 3;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(ContentChildButton, _Component);\n  return _createClass(ContentChildButton, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement('button');\n      this.element.className = 'content-details-child-view';\n      this.titleElement = document.createElement('div');\n      this.titleElement.className = 'content-details-child-view-title';\n      this.titleElement.textContent = \"\".concat(this.childPlacement.content.data[this.childPlacement.content.title_key], \" ->\");\n      this._render();\n    }\n  }, {\n    key: \"_truncateText\",\n    value: function _truncateText(text, maxLength) {\n      if (text.length > maxLength) {\n        return text.slice(0, maxLength - 3) + '...'; // Truncate and append \"...\"\n      }\n      return text;\n    }\n  }, {\n    key: \"findViableData\",\n    value: function findViableData(contentPlacement) {\n      var data = contentPlacement.content.data;\n      var keys = Object.keys(data);\n      var titleKey = contentPlacement.content.title_key;\n      var notAllowedKeys = [titleKey, 'Type', 'Feature', 'Features', 'Feature ID', 'feature_id', 'Files & media', 'SELECTED SESSION'];\n      var viableData = {};\n      keys.forEach(function (key) {\n        var value = data[key];\n        if (!notAllowedKeys.includes(key) && !key.toLowerCase().includes('description') && value !== null && value !== undefined && value !== \"\") {\n          viableData[key] = value;\n        }\n      });\n      return viableData;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this2 = this;\n      this.element.appendChild(this.titleElement);\n      var dataDict = this.findViableData(this.childPlacement);\n      var entries = Object.entries(dataDict);\n      if (Object.keys(dataDict).length === 0) {\n        console.log(\"ZEROOOOOO\");\n        this.titleElement.style.marginBottom = \"0px\";\n      }\n      entries.slice(0, this.maxEntriesToShow).forEach(function (_ref) {\n        var _ref2 = _slicedToArray(_ref, 2),\n          key = _ref2[0],\n          value = _ref2[1];\n        // for (const [key, value] of ) {\n        var dataRow = document.createElement('div');\n        dataRow.className = 'content-details-child-view-data-row';\n        var keyElement = document.createElement('div');\n        keyElement.className = 'content-details-child-view-data-key';\n        keyElement.textContent = key.toUpperCase(); // `${key}: `;\n\n        var valueElement = document.createElement('div');\n        valueElement.className = 'content-details-child-view-data-value';\n        valueElement.textContent = _this2._truncateText(value.toString(), _this2.maxValueLength); // value;\n\n        dataRow.appendChild(keyElement);\n        dataRow.appendChild(valueElement);\n        _this2.element.appendChild(dataRow);\n      });\n\n      // if (entries.length > this.maxEntriesToShow) {\n      //     const moreIndicator = document.createElement('div');\n      //     moreIndicator.className = 'content-details-child-view-more-indicator';\n      //     moreIndicator.textContent = '...';\n      //     this.element.appendChild(moreIndicator);\n      // }\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__ = (ContentChildButton);\n\n//# sourceURL=webpack://waygomaps/./src/components/ContentPlacementView/ContentChildButton.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ContentChildButton: () => (/* binding */ ContentChildButton),\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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\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 ContentChildButton = /*#__PURE__*/function (_Component) {\n  function ContentChildButton(childPlacement) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, ContentChildButton);\n    _this = _callSuper(this, ContentChildButton, [options]);\n    _this.childPlacement = childPlacement;\n    _this.maxValueLength = 50;\n    _this.maxEntriesToShow = 3;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(ContentChildButton, _Component);\n  return _createClass(ContentChildButton, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement('button');\n      this.element.className = 'content-details-child-view';\n      this.titleElement = document.createElement('div');\n      this.titleElement.className = 'content-details-child-view-title';\n      console.log(\"IN CHILD PLACEMENT\", this.childPlacement);\n      var titleKey = this.childPlacement.catalog.content_title_key;\n      console.log(\"IN TITLE KEY\", titleKey);\n      this.titleElement.textContent = \"\".concat(this.childPlacement.content.data[titleKey], \" ->\");\n      this._render();\n    }\n  }, {\n    key: \"_truncateText\",\n    value: function _truncateText(text, maxLength) {\n      if (text.length > maxLength) {\n        return text.slice(0, maxLength - 3) + '...'; // Truncate and append \"...\"\n      }\n      return text;\n    }\n  }, {\n    key: \"findViableData\",\n    value: function findViableData(contentPlacement) {\n      var data = contentPlacement.content.data;\n      var keys = Object.keys(data);\n      // const titleKey = contentPlacement.content.title_key;\n      var titleKey = contentPlacement.catalog.content_title_key;\n      var notAllowedKeys = [titleKey, 'Type', 'Feature', 'Features', 'Feature ID', 'feature_id', 'Files & media', 'SELECTED SESSION'];\n      var viableData = {};\n      keys.forEach(function (key) {\n        var value = data[key];\n        if (!notAllowedKeys.includes(key) && !key.toLowerCase().includes('description') && value !== null && value !== undefined && value !== \"\") {\n          viableData[key] = value;\n        }\n      });\n      return viableData;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this2 = this;\n      this.element.appendChild(this.titleElement);\n      var dataDict = this.findViableData(this.childPlacement);\n      var entries = Object.entries(dataDict);\n      if (Object.keys(dataDict).length === 0) {\n        console.log(\"ZEROOOOOO\");\n        this.titleElement.style.marginBottom = \"0px\";\n      }\n      entries.slice(0, this.maxEntriesToShow).forEach(function (_ref) {\n        var _ref2 = _slicedToArray(_ref, 2),\n          key = _ref2[0],\n          value = _ref2[1];\n        // for (const [key, value] of ) {\n        var dataRow = document.createElement('div');\n        dataRow.className = 'content-details-child-view-data-row';\n        var keyElement = document.createElement('div');\n        keyElement.className = 'content-details-child-view-data-key';\n        keyElement.textContent = key.toUpperCase(); // `${key}: `;\n\n        var valueElement = document.createElement('div');\n        valueElement.className = 'content-details-child-view-data-value';\n        valueElement.textContent = _this2._truncateText(value.toString(), _this2.maxValueLength); // value;\n\n        dataRow.appendChild(keyElement);\n        dataRow.appendChild(valueElement);\n        _this2.element.appendChild(dataRow);\n      });\n\n      // if (entries.length > this.maxEntriesToShow) {\n      //     const moreIndicator = document.createElement('div');\n      //     moreIndicator.className = 'content-details-child-view-more-indicator';\n      //     moreIndicator.textContent = '...';\n      //     this.element.appendChild(moreIndicator);\n      // }\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__ = (ContentChildButton);\n\n//# sourceURL=webpack://waygomaps/./src/components/ContentPlacementView/ContentChildButton.js?");
 
 /***/ }),
 
@@ -724,7 +724,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 */   ContentDetails: () => (/* binding */ ContentDetails),\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 _ContentPlacementHeader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ContentPlacementHeader */ \"./src/components/ContentPlacementView/ContentPlacementHeader.js\");\n/* harmony import */ var _ContextualLocationView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ContextualLocationView */ \"./src/components/ContentPlacementView/ContextualLocationView.js\");\n/* harmony import */ var _DetailsView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DetailsView */ \"./src/components/ContentPlacementView/DetailsView.js\");\n/* harmony import */ var _ContentChildrenView__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ContentChildrenView */ \"./src/components/ContentPlacementView/ContentChildrenView.js\");\n/* harmony import */ var _assets_location_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../assets/location.svg */ \"./src/assets/location.svg\");\n/* harmony import */ var _assets_website_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../assets/website.svg */ \"./src/assets/website.svg\");\n/* harmony import */ var _assets_copyIcon_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../assets/copyIcon.svg */ \"./src/assets/copyIcon.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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\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\nvar ContentDetails = /*#__PURE__*/function (_Component) {\n  function ContentDetails() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, ContentDetails);\n    _this = _callSuper(this, ContentDetails, [options]);\n    _this.contentPlacement = null;\n    _this.element = document.createElement('div');\n    _this.element.className = 'content-details';\n    _this.header = document.createElement('div');\n    _this.header.className = 'content-details-header';\n    _this.contentPlacementHeader = null;\n    _this.actionsView = document.createElement('div');\n    _this.actionsView.className = 'content-details-section';\n    _this.actionButtons = document.createElement('div');\n    _this.actionButtons.className = 'content-details-action-buttons';\n    _this.directionsButton = document.createElement('button');\n    _this.directionsButton.className = 'content-details-directions-button';\n    _this.directionsButton.textContent = 'Directions';\n    _this.shareButton = document.createElement('button');\n    _this.shareButton.className = 'content-details-share-button';\n    _this.shareButton.textContent = 'Share';\n    var copyIconElement = document.createElement('img');\n    copyIconElement.src = _assets_copyIcon_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n    copyIconElement.className = 'copy-icon'; // Add a class for styling\n\n    _this.shareButton.appendChild(copyIconElement);\n    _this.locationButton = null;\n    // this.websiteButton = null;\n    _this.websiteButtons = [];\n    _this.detailsView = null;\n    _this.childrenComponents = [];\n    return _this;\n  }\n  _inherits(ContentDetails, _Component);\n  return _createClass(ContentDetails, [{\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      var _this2 = this;\n      this.childrenComponents.forEach(function (childrenComponent) {\n        childrenComponent.on('selectChildContentPlacement', _this2._handleSelectChildContentPlacement.bind(_this2));\n      });\n      this.directionsButton.addEventListener('click', this._handleDirectionsButtonSelect.bind(this));\n      this.shareButton.addEventListener('click', this._handleShareButtonSelect.bind(this));\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this3 = this;\n      this.element.innerHTML = '';\n      this.header.innerHTML = '';\n      this.actionsView.innerHTML = '';\n\n      // Header elements\n      if (this.contentPlacementHeader) {\n        this.header.appendChild(this.contentPlacementHeader.getElement());\n      }\n      this.actionButtons.appendChild(this.directionsButton);\n      this.actionButtons.appendChild(this.shareButton);\n      this.header.appendChild(this.actionButtons);\n      if (this.locationButton) {\n        this.actionsView.appendChild(this.locationButton.getElement());\n      }\n\n      // if (this.websiteButton) {\n      //     this.actionsView.appendChild(this.websiteButton.getElement());\n      // }\n\n      this.websiteButtons.forEach(function (websiteButton) {\n        _this3.actionsView.appendChild(websiteButton.getElement());\n      });\n      this.header.appendChild(this.actionsView);\n      this.element.appendChild(this.header);\n\n      // Details view element\n      if (this.detailsView) {\n        this.detailsView.innerHTML = '';\n        this.element.appendChild(this.detailsView.getElement());\n      }\n\n      // Children view elements\n      this.childrenComponents.forEach(function (childrenComponent) {\n        _this3.element.appendChild(childrenComponent.getElement());\n      });\n    }\n  }, {\n    key: \"_handleShareButtonSelect\",\n    value: function _handleShareButtonSelect() {\n      this.fire('selectShareButton', {\n        placementId: this.contentPlacement.placement_id\n      });\n    }\n  }, {\n    key: \"showCopyPopup\",\n    value: function showCopyPopup() {\n      // Create popup element\n      var popup = document.createElement('div');\n      popup.className = 'copy-popup';\n      popup.textContent = 'Copied to clipboard';\n\n      // Position the popup below the share button\n      var buttonRect = this.shareButton.getBoundingClientRect();\n      var popupWidth = 120;\n      popup.style.position = 'absolute';\n      popup.style.left = \"\".concat(buttonRect.left + buttonRect.width / 2 - popupWidth / 2, \"px\"); // `${buttonRect.left}px`;\n      popup.style.top = \"\".concat(buttonRect.bottom + window.scrollY, \"px\"); // Adjust for scroll position\n      popup.style.zIndex = '9999'; // Ensure it appears on top of other components\n\n      document.body.appendChild(popup);\n\n      // Fade out and remove popup after 2 seconds\n      setTimeout(function () {\n        popup.style.opacity = '0';\n        popup.style.transition = 'opacity 0.5s';\n        setTimeout(function () {\n          popup.remove();\n        }, 500);\n      }, 1500);\n    }\n  }, {\n    key: \"_handleDirectionsButtonSelect\",\n    value: function _handleDirectionsButtonSelect() {\n      this.fire('selectDirectionsButton', {\n        placementId: this.contentPlacement.placement_id\n      });\n    }\n  }, {\n    key: \"_handleBackArrowClick\",\n    value: function _handleBackArrowClick() {\n      this.fire('selectBackButton');\n    }\n  }, {\n    key: \"_handleSelectChildContentPlacement\",\n    value: function _handleSelectChildContentPlacement(data) {\n      var placementId = data.placementId;\n      this.fire('selectChildContentPlacement', {\n        placementId: placementId\n      });\n    }\n  }, {\n    key: \"findViableAdditionalData\",\n    value: function findViableAdditionalData(contentPlacement) {\n      var data = contentPlacement.content.data;\n      var keys = Object.keys(data);\n      var titleKey = contentPlacement.content.title_key;\n      var notAllowedKeys = [titleKey, 'Type', 'Feature', 'Features', 'Feature ID', 'feature_id', 'Website', 'SNS', 'Website URL', 'Networking Link', 'URL', 'LinkedIn', 'Files & media'];\n      var viableData = {};\n      keys.forEach(function (key) {\n        var value = data[key];\n        // const trimValue = value.trim();\n        // const cleanValue = trimValue.replace(/[\\s\\r\\n]+/g, '');\n        var cleanValue = value.trim().replace(/\\s+/g, ' ');\n        if (!notAllowedKeys.includes(key) && cleanValue !== null && cleanValue !== undefined && cleanValue !== \"\") {\n          viableData[key] = cleanValue;\n        }\n      });\n      return viableData;\n    }\n  }, {\n    key: \"updateView\",\n    value: function updateView(contentPlacement) {\n      var _this4 = this;\n      this.contentPlacement = contentPlacement;\n\n      // Update the header\n      this.contentPlacementHeader = new _ContentPlacementHeader__WEBPACK_IMPORTED_MODULE_1__[\"default\"](contentPlacement);\n\n      // Update location and website buttons\n      this.locationButton = new _ContextualLocationView__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_assets_location_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"], contentPlacement.contextual_location);\n      // const websiteUrl = contentPlacement.content.data['URL'] || contentPlacement.content.data['Website'] || contentPlacement.content.data['LinkedIn'] || contentPlacement.content.data['Website URL'] || contentPlacement.content.data['SNS'];\n      var urlFields = ['URL', 'Website', 'LinkedIn', 'Website URL', 'SNS', 'Networking Link'];\n      urlFields.forEach(function (field) {\n        var url = contentPlacement.content.data[field];\n        if (url && url.trim() !== '') {\n          console.log(\"IN URL\", url);\n          // const cleanUrl = url.replace(/[\\s\\r\\n]+/g, '');\n          // console.log(\"IN CLEAN URL\", cleanUrl);\n          _this4.websiteButtons.push(new _ContextualLocationView__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_assets_website_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"], url, url));\n        }\n      });\n      // this.websiteButton = websiteUrl ? new ContextualLocationView(websiteIcon, websiteUrl, websiteUrl) : null;\n\n      // Update details view with new viable data\n      var viableAdditionalData = this.findViableAdditionalData(contentPlacement);\n      var viableDataKeys = Object.keys(viableAdditionalData);\n      this.detailsView = viableDataKeys.length > 0 ? new _DetailsView__WEBPACK_IMPORTED_MODULE_3__[\"default\"](viableAdditionalData) : null;\n\n      // Update children components\n      this.childrenComponents = [];\n      for (var _i = 0, _Object$entries = Object.entries(contentPlacement.children); _i < _Object$entries.length; _i++) {\n        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),\n          title = _Object$entries$_i[0],\n          children = _Object$entries$_i[1];\n        var childrenComponent = new _ContentChildrenView__WEBPACK_IMPORTED_MODULE_4__[\"default\"](title, children);\n        this.childrenComponents.push(childrenComponent);\n      }\n\n      // Reset event listeners\n      this._setupEventListeners();\n\n      // Re-render the component with the new data\n      this._render();\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__ = (ContentDetails);\n\n//# sourceURL=webpack://waygomaps/./src/components/ContentPlacementView/ContentDetails.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ContentDetails: () => (/* binding */ ContentDetails),\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 _ContentPlacementHeader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ContentPlacementHeader */ \"./src/components/ContentPlacementView/ContentPlacementHeader.js\");\n/* harmony import */ var _ContextualLocationView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ContextualLocationView */ \"./src/components/ContentPlacementView/ContextualLocationView.js\");\n/* harmony import */ var _DetailsView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DetailsView */ \"./src/components/ContentPlacementView/DetailsView.js\");\n/* harmony import */ var _ContentChildrenView__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ContentChildrenView */ \"./src/components/ContentPlacementView/ContentChildrenView.js\");\n/* harmony import */ var _assets_location_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../assets/location.svg */ \"./src/assets/location.svg\");\n/* harmony import */ var _assets_website_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../assets/website.svg */ \"./src/assets/website.svg\");\n/* harmony import */ var _assets_copyIcon_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../assets/copyIcon.svg */ \"./src/assets/copyIcon.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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure 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 _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 _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t[\"return\"] && (u = t[\"return\"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\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\nvar ContentDetails = /*#__PURE__*/function (_Component) {\n  function ContentDetails() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, ContentDetails);\n    _this = _callSuper(this, ContentDetails, [options]);\n    _this.contentPlacement = null;\n    _this.element = document.createElement('div');\n    _this.element.className = 'content-details';\n    _this.header = document.createElement('div');\n    _this.header.className = 'content-details-header';\n    _this.contentPlacementHeader = null;\n    _this.actionsView = document.createElement('div');\n    _this.actionsView.className = 'content-details-section';\n    _this.actionButtons = document.createElement('div');\n    _this.actionButtons.className = 'content-details-action-buttons';\n    _this.directionsButton = document.createElement('button');\n    _this.directionsButton.className = 'content-details-directions-button';\n    _this.directionsButton.textContent = 'Directions';\n    _this.shareButton = document.createElement('button');\n    _this.shareButton.className = 'content-details-share-button';\n    _this.shareButton.textContent = 'Share';\n    var copyIconElement = document.createElement('img');\n    copyIconElement.src = _assets_copyIcon_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n    copyIconElement.className = 'copy-icon'; // Add a class for styling\n\n    _this.shareButton.appendChild(copyIconElement);\n    _this.locationButton = null;\n    // this.websiteButton = null;\n    _this.websiteButtons = [];\n    _this.detailsView = null;\n    _this.childrenComponents = [];\n    return _this;\n  }\n  _inherits(ContentDetails, _Component);\n  return _createClass(ContentDetails, [{\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      var _this2 = this;\n      this.childrenComponents.forEach(function (childrenComponent) {\n        childrenComponent.on('selectChildContentPlacement', _this2._handleSelectChildContentPlacement.bind(_this2));\n      });\n      this.directionsButton.addEventListener('click', this._handleDirectionsButtonSelect.bind(this));\n      this.shareButton.addEventListener('click', this._handleShareButtonSelect.bind(this));\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this3 = this;\n      this.element.innerHTML = '';\n      this.header.innerHTML = '';\n      this.actionsView.innerHTML = '';\n\n      // Header elements\n      if (this.contentPlacementHeader) {\n        this.header.appendChild(this.contentPlacementHeader.getElement());\n      }\n      this.actionButtons.appendChild(this.directionsButton);\n      this.actionButtons.appendChild(this.shareButton);\n      this.header.appendChild(this.actionButtons);\n      if (this.locationButton) {\n        this.actionsView.appendChild(this.locationButton.getElement());\n      }\n\n      // if (this.websiteButton) {\n      //     this.actionsView.appendChild(this.websiteButton.getElement());\n      // }\n\n      this.websiteButtons.forEach(function (websiteButton) {\n        _this3.actionsView.appendChild(websiteButton.getElement());\n      });\n      this.header.appendChild(this.actionsView);\n      this.element.appendChild(this.header);\n\n      // Details view element\n      if (this.detailsView) {\n        this.detailsView.innerHTML = '';\n        this.element.appendChild(this.detailsView.getElement());\n      }\n\n      // Children view elements\n      this.childrenComponents.forEach(function (childrenComponent) {\n        _this3.element.appendChild(childrenComponent.getElement());\n      });\n    }\n  }, {\n    key: \"_handleShareButtonSelect\",\n    value: function _handleShareButtonSelect() {\n      this.fire('selectShareButton', {\n        placementId: this.contentPlacement.placement_id\n      });\n    }\n  }, {\n    key: \"showCopyPopup\",\n    value: function showCopyPopup() {\n      // Create popup element\n      var popup = document.createElement('div');\n      popup.className = 'copy-popup';\n      popup.textContent = 'Copied to clipboard';\n\n      // Position the popup below the share button\n      var buttonRect = this.shareButton.getBoundingClientRect();\n      var popupWidth = 120;\n      popup.style.position = 'absolute';\n      popup.style.left = \"\".concat(buttonRect.left + buttonRect.width / 2 - popupWidth / 2, \"px\"); // `${buttonRect.left}px`;\n      popup.style.top = \"\".concat(buttonRect.bottom + window.scrollY, \"px\"); // Adjust for scroll position\n      popup.style.zIndex = '9999'; // Ensure it appears on top of other components\n\n      document.body.appendChild(popup);\n\n      // Fade out and remove popup after 2 seconds\n      setTimeout(function () {\n        popup.style.opacity = '0';\n        popup.style.transition = 'opacity 0.5s';\n        setTimeout(function () {\n          popup.remove();\n        }, 500);\n      }, 1500);\n    }\n  }, {\n    key: \"_handleDirectionsButtonSelect\",\n    value: function _handleDirectionsButtonSelect() {\n      this.fire('selectDirectionsButton', {\n        placementId: this.contentPlacement.placement_id\n      });\n    }\n  }, {\n    key: \"_handleBackArrowClick\",\n    value: function _handleBackArrowClick() {\n      this.fire('selectBackButton');\n    }\n  }, {\n    key: \"_handleSelectChildContentPlacement\",\n    value: function _handleSelectChildContentPlacement(data) {\n      var placementId = data.placementId;\n      this.fire('selectChildContentPlacement', {\n        placementId: placementId\n      });\n    }\n  }, {\n    key: \"findViableAdditionalData\",\n    value: function findViableAdditionalData(contentPlacement) {\n      var data = contentPlacement.content.data;\n      var keys = Object.keys(data);\n      // const titleKey = contentPlacement.content.title_key;\n      var titleKey = contentPlacement.catalog.content_title_key;\n      var notAllowedKeys = [titleKey, 'Type', 'Feature', 'Features', 'Feature ID', 'feature_id', 'Website', 'SNS', 'Website URL', 'Networking Link', 'URL', 'LinkedIn', 'Files & media'];\n      var viableData = {};\n      keys.forEach(function (key) {\n        var value = data[key];\n        // const trimValue = value.trim();\n        // const cleanValue = trimValue.replace(/[\\s\\r\\n]+/g, '');\n        var cleanValue = value.trim().replace(/\\s+/g, ' ');\n        if (!notAllowedKeys.includes(key) && cleanValue !== null && cleanValue !== undefined && cleanValue !== \"\") {\n          viableData[key] = cleanValue;\n        }\n      });\n      return viableData;\n    }\n  }, {\n    key: \"updateView\",\n    value: function updateView(contentPlacement) {\n      var _this4 = this;\n      this.contentPlacement = contentPlacement;\n\n      // Update the header\n      this.contentPlacementHeader = new _ContentPlacementHeader__WEBPACK_IMPORTED_MODULE_1__[\"default\"](contentPlacement);\n\n      // Update location and website buttons\n      this.locationButton = new _ContextualLocationView__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_assets_location_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"], contentPlacement.contextual_location);\n      // const websiteUrl = contentPlacement.content.data['URL'] || contentPlacement.content.data['Website'] || contentPlacement.content.data['LinkedIn'] || contentPlacement.content.data['Website URL'] || contentPlacement.content.data['SNS'];\n      var urlFields = ['URL', 'Website', 'LinkedIn', 'Website URL', 'SNS', 'Networking Link'];\n      urlFields.forEach(function (field) {\n        var url = contentPlacement.content.data[field];\n        if (url && url.trim() !== '') {\n          console.log(\"IN URL\", url);\n          // const cleanUrl = url.replace(/[\\s\\r\\n]+/g, '');\n          // console.log(\"IN CLEAN URL\", cleanUrl);\n          _this4.websiteButtons.push(new _ContextualLocationView__WEBPACK_IMPORTED_MODULE_2__[\"default\"](_assets_website_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"], url, url));\n        }\n      });\n      // this.websiteButton = websiteUrl ? new ContextualLocationView(websiteIcon, websiteUrl, websiteUrl) : null;\n\n      // Update details view with new viable data\n      var viableAdditionalData = this.findViableAdditionalData(contentPlacement);\n      var viableDataKeys = Object.keys(viableAdditionalData);\n      this.detailsView = viableDataKeys.length > 0 ? new _DetailsView__WEBPACK_IMPORTED_MODULE_3__[\"default\"](viableAdditionalData) : null;\n\n      // Update children components\n      this.childrenComponents = [];\n      for (var _i = 0, _Object$entries = Object.entries(contentPlacement.children); _i < _Object$entries.length; _i++) {\n        var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),\n          title = _Object$entries$_i[0],\n          children = _Object$entries$_i[1];\n        var childrenComponent = new _ContentChildrenView__WEBPACK_IMPORTED_MODULE_4__[\"default\"](title, children);\n        this.childrenComponents.push(childrenComponent);\n      }\n\n      // Reset event listeners\n      this._setupEventListeners();\n\n      // Re-render the component with the new data\n      this._render();\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__ = (ContentDetails);\n\n//# sourceURL=webpack://waygomaps/./src/components/ContentPlacementView/ContentDetails.js?");
 
 /***/ }),
 
@@ -735,7 +735,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 */   ContentPlacementHeader: () => (/* binding */ ContentPlacementHeader),\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_volks_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../assets/volks.svg */ \"./src/assets/volks.svg\");\n/* harmony import */ var _assets_location_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../assets/location.svg */ \"./src/assets/location.svg\");\n/* harmony import */ var _assets_defaultIconImage_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../assets/defaultIconImage.svg */ \"./src/assets/defaultIconImage.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\n\n\n\nvar ContentPlacementHeader = /*#__PURE__*/function (_Component) {\n  function ContentPlacementHeader(contentPlacement) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, ContentPlacementHeader);\n    _this = _callSuper(this, ContentPlacementHeader, [options]);\n    _this.contentPlacement = contentPlacement;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(ContentPlacementHeader, _Component);\n  return _createClass(ContentPlacementHeader, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      var content = this.contentPlacement.content;\n      this.element = document.createElement('div');\n      this.element.className = 'content-placement-header';\n      this.textContainer = document.createElement('div');\n      this.textContainer.className = 'header-text-container';\n      this.textContainer.style.paddingLeft = '10px';\n      this.nameElement = document.createElement('div');\n      this.nameElement.className = 'header-content-name';\n      this.nameElement.textContent = content.data[content.title_key];\n      this.catalogNameElement = document.createElement('div');\n      this.catalogNameElement.className = 'header-catalog-name';\n      this.catalogNameElement.textContent = this.contentPlacement.catalog.title;\n      this.textContainer.appendChild(this.nameElement);\n      this.textContainer.appendChild(this.catalogNameElement);\n      var profilePictureUrl = content.profile_picture_url;\n      console.log(\"IN HEADER\", content.profile_picture_url);\n      if (profilePictureUrl) {\n        this.imageViewElement = document.createElement('div');\n        this.imageViewElement.className = 'header-image-view';\n        var imageElement = document.createElement('img');\n        imageElement.className = 'header-image';\n        imageElement.src = profilePictureUrl;\n        imageElement.style.width = '100%';\n        imageElement.style.height = '100%';\n        imageElement.style.objectFit = 'cover';\n        this.imageViewElement.appendChild(imageElement);\n        this.element.appendChild(this.imageViewElement);\n      }\n\n      // const imageElement = document.createElement('img');\n      // imageElement.className = 'header-image';\n      // imageElement.src = defaultIconImage;\n      // this.imageViewElement.appendChild(imageElement);\n\n      // this.element.appendChild(this.imageViewElement);\n      this.element.appendChild(this.textContainer);\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__ = (ContentPlacementHeader);\n\n//# sourceURL=webpack://waygomaps/./src/components/ContentPlacementView/ContentPlacementHeader.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ContentPlacementHeader: () => (/* binding */ ContentPlacementHeader),\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_volks_svg__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../assets/volks.svg */ \"./src/assets/volks.svg\");\n/* harmony import */ var _assets_location_svg__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../assets/location.svg */ \"./src/assets/location.svg\");\n/* harmony import */ var _assets_defaultIconImage_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../assets/defaultIconImage.svg */ \"./src/assets/defaultIconImage.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\n\n\n\nvar ContentPlacementHeader = /*#__PURE__*/function (_Component) {\n  function ContentPlacementHeader(contentPlacement) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, ContentPlacementHeader);\n    _this = _callSuper(this, ContentPlacementHeader, [options]);\n    _this.contentPlacement = contentPlacement;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(ContentPlacementHeader, _Component);\n  return _createClass(ContentPlacementHeader, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      var content = this.contentPlacement.content;\n      this.element = document.createElement('div');\n      this.element.className = 'content-placement-header';\n      this.textContainer = document.createElement('div');\n      this.textContainer.className = 'header-text-container';\n      this.textContainer.style.paddingLeft = '10px';\n      this.nameElement = document.createElement('div');\n      this.nameElement.className = 'header-content-name';\n      var title_key = this.contentPlacement.catalog.content_title_key;\n      this.nameElement.textContent = content.data[title_key];\n      this.catalogNameElement = document.createElement('div');\n      this.catalogNameElement.className = 'header-catalog-name';\n      this.catalogNameElement.textContent = this.contentPlacement.catalog.title;\n      this.textContainer.appendChild(this.nameElement);\n      this.textContainer.appendChild(this.catalogNameElement);\n      var profilePictureUrl = content.profile_picture_url;\n      console.log(\"IN HEADER\", content.profile_picture_url);\n      if (profilePictureUrl) {\n        this.imageViewElement = document.createElement('div');\n        this.imageViewElement.className = 'header-image-view';\n        var imageElement = document.createElement('img');\n        imageElement.className = 'header-image';\n        imageElement.src = profilePictureUrl;\n        imageElement.style.width = '100%';\n        imageElement.style.height = '100%';\n        imageElement.style.objectFit = 'cover';\n        this.imageViewElement.appendChild(imageElement);\n        this.element.appendChild(this.imageViewElement);\n      }\n\n      // const imageElement = document.createElement('img');\n      // imageElement.className = 'header-image';\n      // imageElement.src = defaultIconImage;\n      // this.imageViewElement.appendChild(imageElement);\n\n      // this.element.appendChild(this.imageViewElement);\n      this.element.appendChild(this.textContainer);\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__ = (ContentPlacementHeader);\n\n//# sourceURL=webpack://waygomaps/./src/components/ContentPlacementView/ContentPlacementHeader.js?");
 
 /***/ }),
 
@@ -768,7 +768,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 _SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../SearchBox/SearchBox */ \"./src/components/SearchBox/SearchBox.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _assets_pinOutlineIcon_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../assets/pinOutlineIcon.svg */ \"./src/assets/pinOutlineIcon.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 _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// import StepsView from \"../DirectionsView/StepsView\";\n\n\nvar DirectionsView = /*#__PURE__*/function (_Component) {\n  function DirectionsView() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, DirectionsView);\n    _this = _callSuper(this, DirectionsView, [options]);\n    _this.startSearchBox = new _SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_1__[\"default\"](); // Create a SearchBox for the start location\n    _this.endSearchBox = new _SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_1__[\"default\"](); // Create a SearchBox for the end location\n\n    _this.startContentPlacement = null;\n    _this.endContentPlacement = null;\n    _this.pathData = null;\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSearchApi();\n\n    // this.stepsView = new StepsView();\n\n    _this._initialize();\n    return _this;\n  }\n  _inherits(DirectionsView, _Component);\n  return _createClass(DirectionsView, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement(\"div\");\n      this.element.className = \"directions-view\";\n      this.directionsViewHeader = document.createElement(\"div\");\n      this.directionsViewHeader.className = \"directions-view-header\";\n      this.searchBoxesContainer = document.createElement('div');\n      this.searchBoxesContainer.className = \"directions-search-boxes-container\";\n      this.circlesAndSearchWrapper = document.createElement('div');\n      this.circlesAndSearchWrapper.className = 'directions-circles-search-wrapper';\n      var circlesContainer = this._createCirclesContainer();\n      this.circlesAndSearchWrapper.appendChild(circlesContainer);\n      this.startSearchBox.searchBar.updateLeftButtonIcon('none');\n      this.startSearchBox.searchBar.updateRightButtonIcon('none');\n      this.endSearchBox.searchBar.updateLeftButtonIcon('none');\n      this.endSearchBox.searchBar.updateRightButtonIcon('none');\n      this.startSearchBox.searchBar.setPlaceholderText('Choose starting point');\n      this.endSearchBox.searchBar.setPlaceholderText('Choose destination');\n      this.searchBoxesContainer.appendChild(this.startSearchBox.getElement());\n      this.searchBoxesContainer.appendChild(this.endSearchBox.getElement());\n      this.circlesAndSearchWrapper.appendChild(this.searchBoxesContainer);\n      this.directionsViewHeader.appendChild(this.circlesAndSearchWrapper);\n      this._render();\n      this._setupEventListeners();\n    }\n  }, {\n    key: \"_createCirclesContainer\",\n    value: function _createCirclesContainer() {\n      var circlesContainer = document.createElement('div');\n      circlesContainer.className = \"directions-circles-container\";\n      var startCircle = document.createElement('div');\n      startCircle.className = \"large-circle\";\n      var endCircle = document.createElement('div');\n      endCircle.className = \"end-circle\";\n      var smallCircle1 = document.createElement('div');\n      smallCircle1.className = \"small-circle\";\n      var smallCircle2 = document.createElement('div');\n      smallCircle2.className = \"small-circle\";\n      var smallCircle3 = document.createElement('div');\n      smallCircle3.className = \"small-circle\";\n      circlesContainer.appendChild(startCircle);\n      circlesContainer.appendChild(smallCircle1);\n      circlesContainer.appendChild(smallCircle2);\n      circlesContainer.appendChild(smallCircle3);\n      circlesContainer.appendChild(endCircle);\n      return circlesContainer;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      this.element.innerHTML = \"\";\n      this.element.appendChild(this.directionsViewHeader);\n\n      // if (this.pathData) {\n      //     this.element.appendChild(this.stepsView.getElement());\n      // }\n    }\n  }, {\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      this.startSearchBox.searchBar.on('focus', this._handleStartSearchBarFocus.bind(this));\n      this.startSearchBox.searchBar.on('blur', this._handleStartSearchBarBlur.bind(this));\n      this.startSearchBox.on('getSearchBarSuggestions', this._handleGettingStartSearchBarSuggestions.bind(this));\n      this.endSearchBox.searchBar.on('focus', this._handleEndSearchBarFocus.bind(this));\n      this.endSearchBox.searchBar.on('blur', this._handleEndSearchBarBlur.bind(this));\n      this.endSearchBox.on('getSearchBarSuggestions', this._handleGettingEndSearchBarSuggestions.bind(this));\n      this.startSearchBox.searchBarSuggestionsView.on('selectCell', this._handleStartContentPlacementSelect.bind(this));\n      this.endSearchBox.searchBarSuggestionsView.on('selectCell', this._handleEndContentPlacementSelect.bind(this));\n\n      // this.stepsView.on('legSelect', this._handleLegChange.bind(this));\n    }\n\n    // _handleLegChange(data) {\n    //     const { index } = data;\n    //     this.fire('initiate:changeLeg', data);\n\n    // }\n  }, {\n    key: \"_handleGettingStartSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingStartSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n        var query;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              query = data.query;\n              this.fire('getStartSuggestions', {\n                query: query\n              });\n            case 2:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\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;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              query = data.query;\n              this.fire('getEndSuggestions', {\n                query: query\n              });\n            case 2:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this);\n      }));\n      function _handleGettingEndSearchBarSuggestions(_x2) {\n        return _handleGettingEndSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingEndSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_handleStartContentPlacementSelect\",\n    value: function () {\n      var _handleStartContentPlacementSelect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var result, placementId, titleKey, startContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              result = data.result;\n              placementId = result.placement_id;\n              titleKey = result.content.title_key;\n              this.startSearchBox.searchBar.setText(result.content.data[titleKey]);\n              _context3.next = 6;\n              return this.searchApi.fetchContentPlacementDetails(placementId);\n            case 6:\n              startContentPlacement = _context3.sent;\n              console.log(\"FETCHED CONTENT PLACEMENT DETAILS:\");\n              console.log(startContentPlacement);\n              this.fire('selectedStartContentPlacement', {\n                startContentPlacement: startContentPlacement\n              });\n              this.updateView(startContentPlacement, this.endContentPlacement);\n            case 11:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleStartContentPlacementSelect(_x3) {\n        return _handleStartContentPlacementSelect2.apply(this, arguments);\n      }\n      return _handleStartContentPlacementSelect;\n    }()\n  }, {\n    key: \"_handleEndContentPlacementSelect\",\n    value: function () {\n      var _handleEndContentPlacementSelect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {\n        var result, placementId, titleKey, endContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              result = data.result;\n              placementId = result.placement_id;\n              titleKey = result.content.title_key;\n              this.endSearchBox.searchBar.setText(result.content.data[titleKey]);\n              _context4.next = 6;\n              return this.searchApi.fetchContentPlacementDetails(placementId);\n            case 6:\n              endContentPlacement = _context4.sent;\n              this.fire('selectedEndContentPlacement', {\n                endContentPlacement: endContentPlacement\n              });\n              this.updateView(this.startContentPlacement, endContentPlacement);\n            case 9:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function _handleEndContentPlacementSelect(_x4) {\n        return _handleEndContentPlacementSelect2.apply(this, arguments);\n      }\n      return _handleEndContentPlacementSelect;\n    }()\n  }, {\n    key: \"_handleStartSearchBarFocus\",\n    value: function _handleStartSearchBarFocus() {\n      this.startSearchBox.searchBar.updateRightButtonIcon('search');\n    }\n  }, {\n    key: \"_handleEndSearchBarFocus\",\n    value: function _handleEndSearchBarFocus() {\n      this.endSearchBox.searchBar.updateRightButtonIcon('search');\n    }\n  }, {\n    key: \"_handleStartSearchBarBlur\",\n    value: function _handleStartSearchBarBlur() {\n      this.startSearchBox.searchBar.updateRightButtonIcon('none');\n    }\n  }, {\n    key: \"_handleEndSearchBarBlur\",\n    value: function _handleEndSearchBarBlur() {\n      this.endSearchBox.searchBar.updateRightButtonIcon('none');\n    }\n  }, {\n    key: \"updateView\",\n    value: function updateView(startContentPlacement, endContentPlacement) {\n      this.startContentPlacement = startContentPlacement;\n      this.endContentPlacement = endContentPlacement;\n      if (startContentPlacement && endContentPlacement) {\n        this.fire('initiate:findPath', {\n          startContentPlacementId: startContentPlacement.placement_id,\n          endContentPlacementId: endContentPlacement.placement_id\n        });\n      } else if (startContentPlacement) {\n        var data = startContentPlacement.content.data;\n        var titleKey = startContentPlacement.content.title_key;\n        var title = data[titleKey];\n        this.startSearchBox.searchBar.setText(title);\n        this.endSearchBox.searchBar.setText('');\n        this.endSearchBox.searchBar.input.focus();\n        // this.clearSteps();\n      } else if (endContentPlacement) {\n        var _data = endContentPlacement.content.data;\n        var _titleKey = endContentPlacement.content.title_key;\n        var _title = _data[_titleKey];\n        this.endSearchBox.searchBar.setText(_title);\n        this.startSearchBox.searchBar.setText('');\n        this.startSearchBox.searchBar.input.focus();\n        // this.clearSteps();\n      }\n    }\n\n    // setSteps(steps) {\n    //     this.steps = steps;\n    //     this._render();\n    // }\n  }, {\n    key: \"setNewPath\",\n    value: function setNewPath(pathData) {\n      // Add extra leg for testing\n      var leg = pathData.legs[0];\n      var step = leg.steps[0];\n      var customLeg = {\n        floor: 1,\n        steps: [{\n          instruction: 'right',\n          distance: 20.0,\n          path: step.path,\n          text: 'Instruction for this step'\n        }, {\n          instruction: 'right',\n          distance: 20.0,\n          path: step.path,\n          text: 'Instruction for this step'\n        }, {\n          instruction: 'right',\n          distance: 20.0,\n          path: step.path,\n          text: 'Instruction for this step'\n        }]\n      };\n      // const customLeg2 = {\n      //     floor: 2,\n      //     steps: [\n      //         {\n      //             instruction: 'right',\n      //             distance: 20.0,\n      //             path: step.path,\n      //             text: 'Instruction for this step'\n      //         },\n      //         {\n      //             instruction: 'right',\n      //             distance: 20.0,\n      //             path: step.path,\n      //             text: 'Instruction for this step'\n      //         },\n      //         {\n      //             instruction: 'right',\n      //             distance: 20.0,\n      //             path: step.path,\n      //             text: 'Instruction for this step'\n      //         }\n      //     ]\n      // }\n      // pathData.legs.push(customLeg);\n      // pathData.legs.push(customLeg2);\n\n      this.pathData = pathData;\n      // this.stepsView.setNewPath(pathData);\n      this._render();\n    }\n\n    // clearSteps() {\n    //     const stepsViewElement = this.element.querySelector('.steps-view'); // Assuming .steps-view is a class in StepsView\n    //     if (stepsViewElement) {\n    //         stepsViewElement.remove(); // Remove the StepsView element if it exists\n    //     }\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__ = (DirectionsView);\n\n//# sourceURL=webpack://waygomaps/./src/components/DirectionsView/DirectionsView.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 _SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../SearchBox/SearchBox */ \"./src/components/SearchBox/SearchBox.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _assets_pinOutlineIcon_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../assets/pinOutlineIcon.svg */ \"./src/assets/pinOutlineIcon.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 _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// import StepsView from \"../DirectionsView/StepsView\";\n\n\nvar DirectionsView = /*#__PURE__*/function (_Component) {\n  function DirectionsView() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, DirectionsView);\n    _this = _callSuper(this, DirectionsView, [options]);\n    _this.startSearchBox = new _SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_1__[\"default\"](); // Create a SearchBox for the start location\n    _this.endSearchBox = new _SearchBox_SearchBox__WEBPACK_IMPORTED_MODULE_1__[\"default\"](); // Create a SearchBox for the end location\n\n    _this.startContentPlacement = null;\n    _this.endContentPlacement = null;\n    _this.pathData = null;\n    _this.searchApi = _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__[\"default\"].getSearchApi();\n\n    // this.stepsView = new StepsView();\n\n    _this._initialize();\n    return _this;\n  }\n  _inherits(DirectionsView, _Component);\n  return _createClass(DirectionsView, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement(\"div\");\n      this.element.className = \"directions-view\";\n      this.directionsViewHeader = document.createElement(\"div\");\n      this.directionsViewHeader.className = \"directions-view-header\";\n      this.searchBoxesContainer = document.createElement('div');\n      this.searchBoxesContainer.className = \"directions-search-boxes-container\";\n      this.circlesAndSearchWrapper = document.createElement('div');\n      this.circlesAndSearchWrapper.className = 'directions-circles-search-wrapper';\n      var circlesContainer = this._createCirclesContainer();\n      this.circlesAndSearchWrapper.appendChild(circlesContainer);\n      this.startSearchBox.searchBar.updateLeftButtonIcon('none');\n      this.startSearchBox.searchBar.updateRightButtonIcon('none');\n      this.endSearchBox.searchBar.updateLeftButtonIcon('none');\n      this.endSearchBox.searchBar.updateRightButtonIcon('none');\n      this.startSearchBox.searchBar.setPlaceholderText('Choose starting point');\n      this.endSearchBox.searchBar.setPlaceholderText('Choose destination');\n      this.searchBoxesContainer.appendChild(this.startSearchBox.getElement());\n      this.searchBoxesContainer.appendChild(this.endSearchBox.getElement());\n      this.circlesAndSearchWrapper.appendChild(this.searchBoxesContainer);\n      this.directionsViewHeader.appendChild(this.circlesAndSearchWrapper);\n      this._render();\n      this._setupEventListeners();\n    }\n  }, {\n    key: \"_createCirclesContainer\",\n    value: function _createCirclesContainer() {\n      var circlesContainer = document.createElement('div');\n      circlesContainer.className = \"directions-circles-container\";\n      var startCircle = document.createElement('div');\n      startCircle.className = \"large-circle\";\n      var endCircle = document.createElement('div');\n      endCircle.className = \"end-circle\";\n      var smallCircle1 = document.createElement('div');\n      smallCircle1.className = \"small-circle\";\n      var smallCircle2 = document.createElement('div');\n      smallCircle2.className = \"small-circle\";\n      var smallCircle3 = document.createElement('div');\n      smallCircle3.className = \"small-circle\";\n      circlesContainer.appendChild(startCircle);\n      circlesContainer.appendChild(smallCircle1);\n      circlesContainer.appendChild(smallCircle2);\n      circlesContainer.appendChild(smallCircle3);\n      circlesContainer.appendChild(endCircle);\n      return circlesContainer;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      this.element.innerHTML = \"\";\n      this.element.appendChild(this.directionsViewHeader);\n\n      // if (this.pathData) {\n      //     this.element.appendChild(this.stepsView.getElement());\n      // }\n    }\n  }, {\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      this.startSearchBox.searchBar.on('focus', this._handleStartSearchBarFocus.bind(this));\n      this.startSearchBox.searchBar.on('blur', this._handleStartSearchBarBlur.bind(this));\n      this.startSearchBox.on('getSearchBarSuggestions', this._handleGettingStartSearchBarSuggestions.bind(this));\n      this.endSearchBox.searchBar.on('focus', this._handleEndSearchBarFocus.bind(this));\n      this.endSearchBox.searchBar.on('blur', this._handleEndSearchBarBlur.bind(this));\n      this.endSearchBox.on('getSearchBarSuggestions', this._handleGettingEndSearchBarSuggestions.bind(this));\n      this.startSearchBox.searchBarSuggestionsView.on('selectCell', this._handleStartContentPlacementSelect.bind(this));\n      this.endSearchBox.searchBarSuggestionsView.on('selectCell', this._handleEndContentPlacementSelect.bind(this));\n\n      // this.stepsView.on('legSelect', this._handleLegChange.bind(this));\n    }\n\n    // _handleLegChange(data) {\n    //     const { index } = data;\n    //     this.fire('initiate:changeLeg', data);\n\n    // }\n  }, {\n    key: \"_handleGettingStartSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingStartSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n        var query;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              query = data.query;\n              this.fire('getStartSuggestions', {\n                query: query\n              });\n            case 2:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this);\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;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              query = data.query;\n              this.fire('getEndSuggestions', {\n                query: query\n              });\n            case 2:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this);\n      }));\n      function _handleGettingEndSearchBarSuggestions(_x2) {\n        return _handleGettingEndSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingEndSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_handleStartContentPlacementSelect\",\n    value: function () {\n      var _handleStartContentPlacementSelect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var result, placementId, titleKey, startContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              result = data.result;\n              placementId = result.placement_id;\n              titleKey = result.catalog.content_title_key; // const titleKey = result.content.title_key;\n              this.startSearchBox.searchBar.setText(result.content.data[titleKey]);\n              _context3.next = 6;\n              return this.searchApi.fetchContentPlacementDetails(placementId);\n            case 6:\n              startContentPlacement = _context3.sent;\n              console.log(\"FETCHED CONTENT PLACEMENT DETAILS:\");\n              console.log(startContentPlacement);\n              this.fire('selectedStartContentPlacement', {\n                startContentPlacement: startContentPlacement\n              });\n              this.updateView(startContentPlacement, this.endContentPlacement);\n            case 11:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleStartContentPlacementSelect(_x3) {\n        return _handleStartContentPlacementSelect2.apply(this, arguments);\n      }\n      return _handleStartContentPlacementSelect;\n    }()\n  }, {\n    key: \"_handleEndContentPlacementSelect\",\n    value: function () {\n      var _handleEndContentPlacementSelect2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {\n        var result, placementId, titleKey, endContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              result = data.result;\n              placementId = result.placement_id; // const titleKey = result.content.title_key;\n              titleKey = result.catalog.content_title_key;\n              this.endSearchBox.searchBar.setText(result.content.data[titleKey]);\n              _context4.next = 6;\n              return this.searchApi.fetchContentPlacementDetails(placementId);\n            case 6:\n              endContentPlacement = _context4.sent;\n              this.fire('selectedEndContentPlacement', {\n                endContentPlacement: endContentPlacement\n              });\n              this.updateView(this.startContentPlacement, endContentPlacement);\n            case 9:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function _handleEndContentPlacementSelect(_x4) {\n        return _handleEndContentPlacementSelect2.apply(this, arguments);\n      }\n      return _handleEndContentPlacementSelect;\n    }()\n  }, {\n    key: \"_handleStartSearchBarFocus\",\n    value: function _handleStartSearchBarFocus() {\n      this.startSearchBox.searchBar.updateRightButtonIcon('search');\n    }\n  }, {\n    key: \"_handleEndSearchBarFocus\",\n    value: function _handleEndSearchBarFocus() {\n      this.endSearchBox.searchBar.updateRightButtonIcon('search');\n    }\n  }, {\n    key: \"_handleStartSearchBarBlur\",\n    value: function _handleStartSearchBarBlur() {\n      this.startSearchBox.searchBar.updateRightButtonIcon('none');\n    }\n  }, {\n    key: \"_handleEndSearchBarBlur\",\n    value: function _handleEndSearchBarBlur() {\n      this.endSearchBox.searchBar.updateRightButtonIcon('none');\n    }\n  }, {\n    key: \"updateView\",\n    value: function updateView(startContentPlacement, endContentPlacement) {\n      this.startContentPlacement = startContentPlacement;\n      this.endContentPlacement = endContentPlacement;\n      if (startContentPlacement && endContentPlacement) {\n        this.fire('initiate:findPath', {\n          startContentPlacementId: startContentPlacement.placement_id,\n          endContentPlacementId: endContentPlacement.placement_id\n        });\n      } else if (startContentPlacement) {\n        var data = startContentPlacement.content.data;\n        // const titleKey = startContentPlacement.content.title_key;\n        var titleKey = startContentPlacement.catalog.content_title_key;\n        var title = data[titleKey];\n        this.startSearchBox.searchBar.setText(title);\n        this.endSearchBox.searchBar.setText('');\n        this.endSearchBox.searchBar.input.focus();\n        // this.clearSteps();\n      } else if (endContentPlacement) {\n        var _data = endContentPlacement.content.data;\n        // const titleKey = endContentPlacement.content.title_key;\n        var _titleKey = endContentPlacement.catalog.content_title_key;\n        var _title = _data[_titleKey];\n        this.endSearchBox.searchBar.setText(_title);\n        this.startSearchBox.searchBar.setText('');\n        this.startSearchBox.searchBar.input.focus();\n        // this.clearSteps();\n      }\n    }\n\n    // setSteps(steps) {\n    //     this.steps = steps;\n    //     this._render();\n    // }\n  }, {\n    key: \"setNewPath\",\n    value: function setNewPath(pathData) {\n      // Add extra leg for testing\n      var leg = pathData.legs[0];\n      var step = leg.steps[0];\n      var customLeg = {\n        floor: 1,\n        steps: [{\n          instruction: 'right',\n          distance: 20.0,\n          path: step.path,\n          text: 'Instruction for this step'\n        }, {\n          instruction: 'right',\n          distance: 20.0,\n          path: step.path,\n          text: 'Instruction for this step'\n        }, {\n          instruction: 'right',\n          distance: 20.0,\n          path: step.path,\n          text: 'Instruction for this step'\n        }]\n      };\n      // const customLeg2 = {\n      //     floor: 2,\n      //     steps: [\n      //         {\n      //             instruction: 'right',\n      //             distance: 20.0,\n      //             path: step.path,\n      //             text: 'Instruction for this step'\n      //         },\n      //         {\n      //             instruction: 'right',\n      //             distance: 20.0,\n      //             path: step.path,\n      //             text: 'Instruction for this step'\n      //         },\n      //         {\n      //             instruction: 'right',\n      //             distance: 20.0,\n      //             path: step.path,\n      //             text: 'Instruction for this step'\n      //         }\n      //     ]\n      // }\n      // pathData.legs.push(customLeg);\n      // pathData.legs.push(customLeg2);\n\n      this.pathData = pathData;\n      // this.stepsView.setNewPath(pathData);\n      this._render();\n    }\n\n    // clearSteps() {\n    //     const stepsViewElement = this.element.querySelector('.steps-view'); // Assuming .steps-view is a class in StepsView\n    //     if (stepsViewElement) {\n    //         stepsViewElement.remove(); // Remove the StepsView element if it exists\n    //     }\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__ = (DirectionsView);\n\n//# sourceURL=webpack://waygomaps/./src/components/DirectionsView/DirectionsView.js?");
 
 /***/ }),
 
@@ -790,7 +790,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: 'collision-conference.2024.2xw_YUXYS8GoDTB2AQgN3A',\n  center: [0, 0],\n  floor: 0,\n  zoom: 13,\n  bearing: 0,\n  pitch: 0,\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    return _this;\n  }\n  _inherits(MapView, _Component);\n  return _createClass(MapView, [{\n    key: \"_initialize\",\n    value: function () {\n      var _initialize2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var _this2 = 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 (!_this2.initialLoad) {\n                    _this2._initializeOriginalFilters();\n                    _this2.updateFloor(_this2.options.floor, false);\n                    _this2.initialLoad = true;\n                  }\n                });\n                this.map.on('load', function () {\n                  if (_this2.defaultControls) {\n                    _this2._addLogoImage();\n                    _this2._addDefaultControls();\n                    _this2.updateFloor(_this2.options.floor, false);\n                  }\n                  _this2.fire('load', {\n                    mapData: _this2.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 _this3 = 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 _this3.addControl(control);\n      });\n    }\n  }, {\n    key: \"_initializeOriginalFilters\",\n    value: function _initializeOriginalFilters() {\n      var _this4 = 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          _this4.originalFilters[layer.id] = _this4.map.getFilter(layer.id) || null;\n        }\n      });\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      var _this5 = this;\n      this.mapContainer.addEventListener('mousedown', function (event) {\n        return _this5.fire('mousedown', {\n          originalEvent: event\n        });\n      });\n      // preclick\n      this.mapContainer.addEventListener('click', function (event) {\n        return _this5.fire('click', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mouseover', function (event) {\n        return _this5.fire('mouseover', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mousemove', function (event) {\n        return _this5.fire('mousemove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('dblclick', function (event) {\n        return _this5.fire('dblclick', {\n          originalEvent: event\n        });\n      });\n      // mouseenter\n      // mouseleave\n      this.mapContainer.addEventListener('mouseout', function (event) {\n        return _this5.fire('mouseout', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('contextmenu', function (event) {\n        return _this5.fire('contextmenu', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('wheel', function (event) {\n        return _this5.fire('wheel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchstart', function (event) {\n        return _this5.fire('touchstart', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchend', function (event) {\n        return _this5.fire('touchend', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchmove', function (event) {\n        return _this5.fire('touchmove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchcancel', function (event) {\n        return _this5.fire('touchcancel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('move', function (event) {\n        return _this5.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        _this5.map.on(eventName, function (event) {\n          _this5.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, accountId, 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 !== 3)) {\n                _context2.next = 4;\n                break;\n              }\n              console.error('The mapViewId format is incorrect. It should be in the format \"businessId.mapId.mapViewId\".');\n              return _context2.abrupt(\"return\");\n            case 4:\n              accountId = parts[0] || '';\n              mapId = parts[1] || '';\n              mapViewId = parts[2] || ''; // Set account id in WaygoMaps\n              _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setAccountId(accountId);\n              _context2.prev = 8;\n              _context2.next = 11;\n              return this.mapViewApi.loadMapView(mapId, mapViewId);\n            case 11:\n              data = _context2.sent;\n              this.mapData = data;\n              _context2.next = 18;\n              break;\n            case 15:\n              _context2.prev = 15;\n              _context2.t0 = _context2[\"catch\"](8);\n              console.error('Error fetching map style:', _context2.t0);\n            case 18:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[8, 15]]);\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 _this6 = this;\n      var zoomOut = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      // if (floorIndex === this._currentFloorIndex) { \n      //     console.log(`Floor ${floorIndex} is already selected`);\n      //     return; \n      // }\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          var originalFilter = _this6.originalFilters[layer.id];\n          _this6.map.setFilter(layer.id, originalFilter);\n          var floorFilter = ['==', ['get', '_floor'], floorIndex];\n          if (originalFilter) {\n            var combinedFilter = ['all', floorFilter, originalFilter];\n            _this6.map.setFilter(layer.id, combinedFilter);\n          } else {\n            _this6.map.setFilter(layer.id, floorFilter);\n          }\n        }\n      });\n      this._currentFloorIndex = floorIndex;\n      if (zoomOut) {\n        this.map.flyTo({\n          zoom: 12,\n          pitch: 36,\n          bearing: -22,\n          speed: 1.2,\n          curve: 1.5,\n          duration: 300\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    }() // 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 _callee8(query) {\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) switch (_context8.prev = _context8.next) {\n            case 0:\n              if (!(query === '')) {\n                _context8.next = 2;\n                break;\n              }\n              return _context8.abrupt(\"return\");\n            case 2:\n              if (this.mapData) {\n                _context8.next = 4;\n                break;\n              }\n              return _context8.abrupt(\"return\");\n            case 4:\n              _context8.prev = 4;\n              _context8.next = 7;\n              return this.searchApi.search(this.mapData.map_id, this.mapData.map_view_id, query);\n            case 7:\n              return _context8.abrupt(\"return\", _context8.sent);\n            case 10:\n              _context8.prev = 10;\n              _context8.t0 = _context8[\"catch\"](4);\n              if (axios.isCancel(_context8.t0)) {\n                console.error('Request canceled:', _context8.t0.message);\n              } else {\n                console.error('Search error:', _context8.t0);\n              }\n            case 13:\n            case \"end\":\n              return _context8.stop();\n          }\n        }, _callee8, this, [[4, 10]]);\n      }));\n      function search(_x5) {\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 _callee9(contentPlacementId) {\n        var details;\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) switch (_context9.prev = _context9.next) {\n            case 0:\n              _context9.prev = 0;\n              _context9.next = 3;\n              return this.searchApi.fetchContentPlacementDetails(contentPlacementId);\n            case 3:\n              details = _context9.sent;\n              console.log('Content placement details:', details);\n              return _context9.abrupt(\"return\", details);\n            case 8:\n              _context9.prev = 8;\n              _context9.t0 = _context9[\"catch\"](0);\n              if (axios.isCancel(_context9.t0)) {\n                console.error('Request canceled:', _context9.t0.message);\n              } else {\n                console.error('Fetching content placement details error:', _context9.t0);\n              }\n            case 11:\n            case \"end\":\n              return _context9.stop();\n          }\n        }, _callee9, this, [[0, 8]]);\n      }));\n      function getContentPlacementDetails(_x6) {\n        return _getContentPlacementDetails.apply(this, arguments);\n      }\n      return getContentPlacementDetails;\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: 'collision-conference.2024.2xw_YUXYS8GoDTB2AQgN3A',\n  center: [0, 0],\n  floor: 0,\n  zoom: 13,\n  bearing: 0,\n  pitch: 0,\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    return _this;\n  }\n  _inherits(MapView, _Component);\n  return _createClass(MapView, [{\n    key: \"_initialize\",\n    value: function () {\n      var _initialize2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var _this2 = 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 (!_this2.initialLoad) {\n                    _this2._initializeOriginalFilters();\n                    _this2.updateFloor(_this2.options.floor, false);\n                    _this2.initialLoad = true;\n                  }\n                });\n                this.map.on('load', function () {\n                  if (_this2.defaultControls) {\n                    _this2._addLogoImage();\n                    _this2._addDefaultControls();\n                    _this2.updateFloor(_this2.options.floor, false);\n                  }\n                  _this2.fire('load', {\n                    mapData: _this2.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 _this3 = 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 _this3.addControl(control);\n      });\n    }\n  }, {\n    key: \"_initializeOriginalFilters\",\n    value: function _initializeOriginalFilters() {\n      var _this4 = 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          _this4.originalFilters[layer.id] = _this4.map.getFilter(layer.id) || null;\n        }\n      });\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      var _this5 = this;\n      this.mapContainer.addEventListener('mousedown', function (event) {\n        return _this5.fire('mousedown', {\n          originalEvent: event\n        });\n      });\n      // preclick\n      this.mapContainer.addEventListener('click', function (event) {\n        return _this5.fire('click', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mouseover', function (event) {\n        return _this5.fire('mouseover', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mousemove', function (event) {\n        return _this5.fire('mousemove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('dblclick', function (event) {\n        return _this5.fire('dblclick', {\n          originalEvent: event\n        });\n      });\n      // mouseenter\n      // mouseleave\n      this.mapContainer.addEventListener('mouseout', function (event) {\n        return _this5.fire('mouseout', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('contextmenu', function (event) {\n        return _this5.fire('contextmenu', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('wheel', function (event) {\n        return _this5.fire('wheel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchstart', function (event) {\n        return _this5.fire('touchstart', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchend', function (event) {\n        return _this5.fire('touchend', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchmove', function (event) {\n        return _this5.fire('touchmove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchcancel', function (event) {\n        return _this5.fire('touchcancel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('move', function (event) {\n        return _this5.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        _this5.map.on(eventName, function (event) {\n          _this5.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, accountId, 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 !== 3)) {\n                _context2.next = 4;\n                break;\n              }\n              console.error('The mapViewId format is incorrect. It should be in the format \"businessId.mapId.mapViewId\".');\n              return _context2.abrupt(\"return\");\n            case 4:\n              accountId = parts[0] || '';\n              mapId = parts[1] || '';\n              mapViewId = parts[2] || ''; // Set account id in WaygoMaps\n              _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setAccountId(accountId);\n              _context2.prev = 8;\n              _context2.next = 11;\n              return this.mapViewApi.loadMapView(mapId, mapViewId);\n            case 11:\n              data = _context2.sent;\n              this.mapData = data;\n              _context2.next = 18;\n              break;\n            case 15:\n              _context2.prev = 15;\n              _context2.t0 = _context2[\"catch\"](8);\n              console.error('Error fetching map style:', _context2.t0);\n            case 18:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[8, 15]]);\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 _this6 = this;\n      var zoomOut = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      // if (floorIndex === this._currentFloorIndex) { \n      //     console.log(`Floor ${floorIndex} is already selected`);\n      //     return; \n      // }\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          var originalFilter = _this6.originalFilters[layer.id];\n          _this6.map.setFilter(layer.id, originalFilter);\n          var floorFilter = ['==', ['get', '_floor'], floorIndex];\n          if (originalFilter) {\n            var combinedFilter = ['all', floorFilter, originalFilter];\n            _this6.map.setFilter(layer.id, combinedFilter);\n          } else {\n            _this6.map.setFilter(layer.id, floorFilter);\n          }\n        }\n      });\n      this._currentFloorIndex = floorIndex;\n      if (zoomOut) {\n        this.map.flyTo({\n          zoom: 12,\n          pitch: 36,\n          bearing: -22,\n          speed: 1.2,\n          curve: 1.5,\n          duration: 300\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    }() // 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 _callee8(query) {\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) switch (_context8.prev = _context8.next) {\n            case 0:\n              if (!(query === '')) {\n                _context8.next = 2;\n                break;\n              }\n              return _context8.abrupt(\"return\");\n            case 2:\n              if (this.mapData) {\n                _context8.next = 4;\n                break;\n              }\n              return _context8.abrupt(\"return\");\n            case 4:\n              _context8.prev = 4;\n              _context8.next = 7;\n              return this.searchApi.search(this.mapData.map_id, this.mapData.map_view_id, query);\n            case 7:\n              return _context8.abrupt(\"return\", _context8.sent);\n            case 10:\n              _context8.prev = 10;\n              _context8.t0 = _context8[\"catch\"](4);\n              if (axios.isCancel(_context8.t0)) {\n                console.error('Request canceled:', _context8.t0.message);\n              } else {\n                console.error('Search error:', _context8.t0);\n              }\n            case 13:\n            case \"end\":\n              return _context8.stop();\n          }\n        }, _callee8, this, [[4, 10]]);\n      }));\n      function search(_x5) {\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 _callee9(contentPlacementId) {\n        var details;\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) switch (_context9.prev = _context9.next) {\n            case 0:\n              _context9.prev = 0;\n              _context9.next = 3;\n              return this.searchApi.fetchContentPlacementDetails(contentPlacementId);\n            case 3:\n              details = _context9.sent;\n              console.log('Content placement details:', details);\n              return _context9.abrupt(\"return\", details);\n            case 8:\n              _context9.prev = 8;\n              _context9.t0 = _context9[\"catch\"](0);\n              if (axios.isCancel(_context9.t0)) {\n                console.error('Request canceled:', _context9.t0.message);\n              } else {\n                console.error('Fetching content placement details error:', _context9.t0);\n              }\n            case 11:\n            case \"end\":\n              return _context9.stop();\n          }\n        }, _callee9, this, [[0, 8]]);\n      }));\n      function getContentPlacementDetails(_x6) {\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?");
 
 /***/ }),
 
@@ -834,7 +834,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\");\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 SearchBarSuggestionsViewCell = /*#__PURE__*/function (_Component) {\n  function SearchBarSuggestionsViewCell(result) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, SearchBarSuggestionsViewCell);\n    _this = _callSuper(this, SearchBarSuggestionsViewCell, [options]);\n    _this.result = result;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(SearchBarSuggestionsViewCell, _Component);\n  return _createClass(SearchBarSuggestionsViewCell, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement('div');\n      this.element.className = 'search-bar-suggestions-view-cell';\n      this.render();\n      this._setupEventListeners();\n    }\n  }, {\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      var _this2 = this;\n      this.element.addEventListener('click', function () {\n        return _this2.fire('click', {\n          result: _this2.result\n        });\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      this.element.innerHTML = \"\\n            <div class=\\\"suggestion-title\\\">\".concat(this.result.content.data[this.result.content.title_key], \"</div>\\n            <div class=\\\"suggestion-subtitle\\\">\").concat(this.result.contextual_location, \"</div>\\n        \");\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__ = (SearchBarSuggestionsViewCell);\n\n//# sourceURL=webpack://waygomaps/./src/components/SearchBox/SearchBarSuggestionsViewCell.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\");\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 SearchBarSuggestionsViewCell = /*#__PURE__*/function (_Component) {\n  function SearchBarSuggestionsViewCell(result) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, SearchBarSuggestionsViewCell);\n    _this = _callSuper(this, SearchBarSuggestionsViewCell, [options]);\n    _this.result = result;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(SearchBarSuggestionsViewCell, _Component);\n  return _createClass(SearchBarSuggestionsViewCell, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement('div');\n      this.element.className = 'search-bar-suggestions-view-cell';\n      this.render();\n      this._setupEventListeners();\n    }\n  }, {\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      var _this2 = this;\n      this.element.addEventListener('click', function () {\n        return _this2.fire('click', {\n          result: _this2.result\n        });\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var titleKey = this.result.catalog.content_title_key;\n      this.element.innerHTML = \"\\n            <div class=\\\"suggestion-title\\\">\".concat(this.result.content.data[titleKey], \"</div>\\n            <div class=\\\"suggestion-subtitle\\\">\").concat(this.result.contextual_location, \"</div>\\n        \");\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__ = (SearchBarSuggestionsViewCell);\n\n//# sourceURL=webpack://waygomaps/./src/components/SearchBox/SearchBarSuggestionsViewCell.js?");
 
 /***/ }),
 
@@ -878,7 +878,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\");\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 SearchResultViewCell = /*#__PURE__*/function (_Component) {\n  function SearchResultViewCell(result) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, SearchResultViewCell);\n    _this = _callSuper(this, SearchResultViewCell, [options]);\n    _this.result = result;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(SearchResultViewCell, _Component);\n  return _createClass(SearchResultViewCell, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement('div');\n      this.element.className = 'search-results-view-cell';\n      this.render();\n      this._setupEventListeners();\n    }\n  }, {\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      var _this2 = this;\n      this.element.addEventListener('click', function () {\n        return _this2.fire('click', {\n          result: _this2.result\n        });\n      });\n      this.element.addEventListener('mouseover', function () {\n        return _this2.fire('hover', {\n          result: _this2.result\n        });\n      });\n      this.element.addEventListener('mouseout', function () {\n        return _this2.fire('hoverOut', {\n          result: _this2.result\n        });\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      this.element.innerHTML = \"\\n            <div class=\\\"result-title\\\">\".concat(this.result.content.data[this.result.content.title_key], \"</div>\\n            <div class=\\\"result-subtitle\\\">\").concat(this.result.catalog_name, \" \\xB7 \").concat(this.result.contextual_location, \"</div>\\n        \");\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__ = (SearchResultViewCell);\n\n//# sourceURL=webpack://waygomaps/./src/components/SearchResultsView/SearchResultsViewCell.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\");\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 SearchResultViewCell = /*#__PURE__*/function (_Component) {\n  function SearchResultViewCell(result) {\n    var _this;\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, SearchResultViewCell);\n    _this = _callSuper(this, SearchResultViewCell, [options]);\n    _this.result = result;\n    _this._initialize();\n    return _this;\n  }\n  _inherits(SearchResultViewCell, _Component);\n  return _createClass(SearchResultViewCell, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement('div');\n      this.element.className = 'search-results-view-cell';\n      this.render();\n      this._setupEventListeners();\n    }\n  }, {\n    key: \"_setupEventListeners\",\n    value: function _setupEventListeners() {\n      var _this2 = this;\n      this.element.addEventListener('click', function () {\n        return _this2.fire('click', {\n          result: _this2.result\n        });\n      });\n      this.element.addEventListener('mouseover', function () {\n        return _this2.fire('hover', {\n          result: _this2.result\n        });\n      });\n      this.element.addEventListener('mouseout', function () {\n        return _this2.fire('hoverOut', {\n          result: _this2.result\n        });\n      });\n    }\n  }, {\n    key: \"render\",\n    value: function render() {\n      var titleKey = this.result.catalog.content_title_key;\n      this.element.innerHTML = \"\\n            <div class=\\\"result-title\\\">\".concat(this.result.content.data[titleKey], \"</div>\\n            <div class=\\\"result-subtitle\\\">\").concat(this.result.catalog_name, \" \\xB7 \").concat(this.result.contextual_location, \"</div>\\n        \");\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__ = (SearchResultViewCell);\n\n//# sourceURL=webpack://waygomaps/./src/components/SearchResultsView/SearchResultsViewCell.js?");
 
 /***/ }),