waygo-maps 1.1.67 → 1.1.69

package/dist/bundle.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      var _this$map$mapData;\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      // Pass floor data to StepsView constructor\n      this.stepsView = new _components_DirectionsView_StepsView__WEBPACK_IMPORTED_MODULE_3__[\"default\"]([], {\n        floorData: ((_this$map$mapData = this.map.mapData) === null || _this$map$mapData === void 0 ? void 0 : _this$map$mapData.floors) || []\n      });\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      var _this2 = this;\n      this.map.on('state:default', this._handleDefaultState.bind(this));\n      this.map.on('state:search', this._handleSearchState.bind(this));\n      this.map.on('state:selectedContent', this._handleSelectedContentState.bind(this));\n      this.map.on('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.map.on('initiate:findPath', this._handleIntiateFindPath.bind(this));\n      this.map.on('initiate:findPathFromLocation', this._handleInitiateFindPathFromLocation.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', function (data) {\n        return _this2.map.initiateFindPath(data.startContentPlacementId, data.endContentPlacementId);\n      });\n      this.directionsView.on('initiate:findPathFromLocation', function (data) {\n        return _this2.map.initiateFindPathFromLocation(data.endContentPlacement);\n      });\n      // this.directionsView.on('initiate:changeLeg', this._handleLegChange.bind(this));\n      this.directionsView.on('selectedStartContentPlacement', this._handleStartContentPlacementSelected.bind(this));\n      this.directionsView.on('selectedEndContentPlacement', this._handleEndContentPlacementSelected.bind(this));\n      this.stepsView.on('legSelect', this._handleLegChange.bind(this));\n    }\n  }, {\n    key: \"_handleEndContentPlacementSelected\",\n    value: function _handleEndContentPlacementSelected(data) {\n      var endContentPlacement = data.endContentPlacement;\n      this.endContentPlacement = endContentPlacement;\n      var _convertVertexToCoord = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0),\n        lat = _convertVertexToCoord.lat,\n        lon = _convertVertexToCoord.lon;\n      var coordinate = [lon, lat];\n      if (!endContentPlacement.name) {\n        if (endContentPlacement.catalog && endContentPlacement.content) {\n          var titleKey = endContentPlacement.catalog.content_title_key;\n          if (titleKey) {\n            // const titleKey = endContentPlacement.content.title_key;\n            var title = endContentPlacement.content.data[titleKey];\n            endContentPlacement.name = title;\n          }\n        }\n      }\n      endContentPlacement._floor = endContentPlacement.floor;\n      this.map.addSelectedFeature(coordinate, endContentPlacement);\n    }\n  }, {\n    key: \"_handleStartContentPlacementSelected\",\n    value: function _handleStartContentPlacementSelected(data) {\n      var startContentPlacement = data.startContentPlacement;\n      this.startContentPlacement = startContentPlacement;\n      var _convertVertexToCoord2 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(startContentPlacement.location, null, 30.0),\n        lat = _convertVertexToCoord2.lat,\n        lon = _convertVertexToCoord2.lon;\n      var coordinate = [lon, lat];\n      if (!startContentPlacement.name) {\n        if (startContentPlacement.catalog && startContentPlacement.content) {\n          var titleKey = startContentPlacement.catalog.content_title_key;\n          if (titleKey) {\n            // const titleKey = startContentPlacement.content.title_key;\n            var title = startContentPlacement.content.data[titleKey];\n            startContentPlacement.name = title;\n          }\n        }\n      }\n      startContentPlacement._floor = startContentPlacement.floor;\n      this.map.clearHighlightedContentLayer();\n      this.map.addHighlightedFeature(coordinate, startContentPlacement);\n    }\n  }, {\n    key: \"_handleLegChange\",\n    value: function _handleLegChange(data) {\n      var index = data.index;\n      if (!this.directionsView || !this.pathData) {\n        return;\n      }\n      this.updateMapForPathLeg(this.pathData.legs[index]);\n    }\n  }, {\n    key: \"_handleGettingStartSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingStartSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              if (this.directionsView) {\n                _context.next = 2;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 2:\n              query = data.query;\n              currentSearch = ++this.directionsView.startSearchBox.searchCount;\n              if (!(query === '')) {\n                _context.next = 7;\n                break;\n              }\n              this.directionsView.startSearchBox.searchBarSuggestionsView.updateResults([]);\n              return _context.abrupt(\"return\");\n            case 7:\n              if (this.map.mapData) {\n                _context.next = 9;\n                break;\n              }\n              return _context.abrupt(\"return\");\n            case 9:\n              skip = 0;\n              limit = 5;\n              _context.prev = 11;\n              _context.next = 14;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 14:\n              results = _context.sent;\n              if (currentSearch === this.directionsView.startSearchBox.searchCount) {\n                this.directionsView.startSearchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context.next = 21;\n              break;\n            case 18:\n              _context.prev = 18;\n              _context.t0 = _context[\"catch\"](11);\n              if (axios__WEBPACK_IMPORTED_MODULE_5__[\"default\"].isCancel(_context.t0)) {\n                console.error('Request canceled:', _context.t0.message);\n              } else {\n                console.error('Search error:', _context.t0);\n              }\n            case 21:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[11, 18]]);\n      }));\n      function _handleGettingStartSearchBarSuggestions(_x) {\n        return _handleGettingStartSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingStartSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_handleGettingEndSearchBarSuggestions\",\n    value: function () {\n      var _handleGettingEndSearchBarSuggestions2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(data) {\n        var query, currentSearch, skip, limit, results;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              if (this.directionsView) {\n                _context2.next = 2;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 2:\n              query = data.query;\n              currentSearch = ++this.directionsView.endSearchBox.searchCount;\n              if (!(query === '')) {\n                _context2.next = 7;\n                break;\n              }\n              this.directionsView.endSearchBox.searchBarSuggestionsView.updateResults([]);\n              return _context2.abrupt(\"return\");\n            case 7:\n              if (this.map.mapData) {\n                _context2.next = 9;\n                break;\n              }\n              return _context2.abrupt(\"return\");\n            case 9:\n              skip = 0;\n              limit = 5;\n              _context2.prev = 11;\n              _context2.next = 14;\n              return this.searchApi.search(this.map.mapData.map_id, this.map.mapData.map_view_id, query, skip, limit);\n            case 14:\n              results = _context2.sent;\n              if (currentSearch === this.directionsView.endSearchBox.searchCount) {\n                this.directionsView.endSearchBox.searchBarSuggestionsView.updateResults(results);\n              }\n              _context2.next = 21;\n              break;\n            case 18:\n              _context2.prev = 18;\n              _context2.t0 = _context2[\"catch\"](11);\n              if (axios__WEBPACK_IMPORTED_MODULE_5__[\"default\"].isCancel(_context2.t0)) {\n                console.error('Request canceled:', _context2.t0.message);\n              } else {\n                console.error('Search error:', _context2.t0);\n              }\n            case 21:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[11, 18]]);\n      }));\n      function _handleGettingEndSearchBarSuggestions(_x2) {\n        return _handleGettingEndSearchBarSuggestions2.apply(this, arguments);\n      }\n      return _handleGettingEndSearchBarSuggestions;\n    }()\n  }, {\n    key: \"_renderDesktopView\",\n    value: function _renderDesktopView() {\n      if (!this.directionsView) {\n        return;\n      }\n      this.container.innerHTML = \"\";\n      var element = this.directionsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('mobile-view');\n      this.container.classList.add('desktop-view');\n      this.container.appendChild(this.stepsView.getElement());\n      // this.element.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      if (!this.directionsView) {\n        return;\n      }\n      this.container.innerHTML = \"\";\n      var element = this.directionsView.getElement();\n      this.container.appendChild(element);\n      this.container.classList.remove('desktop-view');\n      this.container.classList.add('mobile-view');\n      this.container.appendChild(this.stepsView.getElement());\n      // this.element.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"createDirectionsLineLayer\",\n    value: function createDirectionsLineLayer() {\n      this.map.map.addSource('directionsLineSource', {\n        'type': 'geojson',\n        'data': {\n          'type': 'Feature',\n          'properties': {},\n          'geometry': {\n            'type': 'LineString',\n            'coordinates': []\n          }\n        }\n      });\n\n      // Add a new layer for the line\n      this.map.map.addLayer({\n        'id': 'directionsLineLayer',\n        'type': 'line',\n        'source': 'directionsLineSource',\n        'layout': {\n          'line-join': 'round',\n          'line-cap': 'round'\n        },\n        'paint': {\n          'line-color': '#333333',\n          'line-width': 8\n          // 'line-blur': 0.9\n        }\n      });\n\n      // this.map.map.moveLayer('directionsLineLayer', 'off-limits');\n      // this.map.map.moveLayer('directionsLineLayer', '0-tertiary-area');\n      this.map.map.moveLayer('directionsLineLayer', 'FIRST_ELEVATED_FEATURE');\n    }\n  }, {\n    key: \"updateMapForPathLeg\",\n    value: function updateMapForPathLeg(leg) {\n      this.clearLineData();\n      var points = [];\n      leg.steps.forEach(function (step, index) {\n        points.push.apply(points, _toConsumableArray(index === 0 ? step.path : step.path.slice(1)));\n      });\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVerticesToCoordinates)(points, null, 30.0);\n      this._updateMapLineData(coordinates, leg.floor);\n      var currentFloor = this.map.getCurrentFloor();\n      if (currentFloor !== leg.floor) {\n        this.map.updateFloor(leg.floor, false);\n      }\n    }\n  }, {\n    key: \"_updateMapLineData\",\n    value: function _updateMapLineData(newCoordinates, floor) {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {\n          '_floor': floor\n        },\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': newCoordinates\n        }\n      });\n      var bounds = new mapboxgl.LngLatBounds();\n      newCoordinates.forEach(function (coordinate) {\n        bounds.extend(coordinate);\n      });\n      if (this.currentViewType === 'desktop') {\n        this.map.map.fitBounds(bounds, _defineProperty(_defineProperty(_defineProperty({\n          padding: 200\n        }, \"padding\", {\n          top: 200,\n          bottom: 200,\n          left: 500,\n          right: 150\n        }), \"maxZoom\", 15), \"duration\", 1000));\n      } else {\n        this.map.map.fitBounds(bounds, {\n          // padding: 200,  // Add padding around the edges of the map\n          padding: {\n            top: 350,\n            bottom: 60,\n            left: 80,\n            right: 100\n          },\n          maxZoom: 14,\n          // Optional: Limit the maximum zoom level\n          duration: 1000 // Optional: Animation duration in milliseconds\n        });\n      }\n    }\n  }, {\n    key: \"clearLineData\",\n    value: function clearLineData() {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {},\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': []\n        }\n      });\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.hide();\n      this.directionsView.updateView(null, null);\n      // this.clearLineData();\n      this.clearData();\n      // this.map.clearSelectedContentLayer();\n      this.map.clearHighlightedContentLayer();\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }, {\n    key: \"clearData\",\n    value: function clearData() {\n      this.pathData = null;\n      this.clearLineData();\n      this.stepsView.clear();\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function () {\n      var _handleDirectionsState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var startContentPlacement, endContentPlacement, _convertVertexToCoord3, lat, lon, coordinate, titleKey, title, _convertVertexToCoord4, _lat, _lon, _coordinate, _titleKey, _title, firstLocation, _convertVertexToCoord5, _lat2, _lon2, _coordinate2;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              startContentPlacement = data.startContentPlacement, endContentPlacement = data.endContentPlacement;\n              this.clearData();\n              // this._initialize();\n              this.show();\n              // this.clearLineData();\n              this.directionsView.updateView(startContentPlacement, endContentPlacement);\n              if (startContentPlacement) {\n                _convertVertexToCoord3 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(startContentPlacement.location, null, 30.0), lat = _convertVertexToCoord3.lat, lon = _convertVertexToCoord3.lon;\n                coordinate = [lon, lat];\n                if (!startContentPlacement.name) {\n                  if (startContentPlacement.catalog && startContentPlacement.content) {\n                    titleKey = startContentPlacement.catalog.content_title_key;\n                    if (titleKey) {\n                      // const titleKey = startContentPlacement.content.title_key;\n                      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              if (!endContentPlacement) {\n                _context3.next = 17;\n                break;\n              }\n              _convertVertexToCoord4 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0), _lat = _convertVertexToCoord4.lat, _lon = _convertVertexToCoord4.lon;\n              _coordinate = [_lon, _lat];\n              if (!endContentPlacement.name) {\n                if (endContentPlacement.catalog && endContentPlacement.content) {\n                  _titleKey = endContentPlacement.catalog.content_title_key;\n                  if (_titleKey) {\n                    // const titleKey = endContentPlacement.content.title_key;\n                    _title = endContentPlacement.content.data[_titleKey];\n                    endContentPlacement.name = _title;\n                  }\n                }\n              }\n              endContentPlacement._floor = endContentPlacement.floor;\n              this.map.addSelectedFeature(_coordinate, endContentPlacement);\n              if (!(this.map.location && !startContentPlacement)) {\n                _context3.next = 17;\n                break;\n              }\n              _context3.next = 14;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 14:\n              this.pathData = _context3.sent;\n              // this.map.addHighlightedFeature(coordinate, startContentPlacement);\n              console;\n              if (this.pathData) {\n                this.directionsView.setNewPath(this.pathData, true);\n                firstLocation = this.pathData.legs[0].steps[0].path[0];\n                _convertVertexToCoord5 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_4__.convertVertexToCoordinate)(firstLocation, null, 30.0), _lat2 = _convertVertexToCoord5.lat, _lon2 = _convertVertexToCoord5.lon;\n                _coordinate2 = [_lon2, _lat2];\n                this.map.addHighlightedFeature(_coordinate2, {\n                  '_floor': this.pathData.legs[0].floor,\n                  'name': 'Start'\n                });\n                if (this.currentViewType === 'mobile') {\n                  console.log('this.map.mapData.floors', this.map.mapData.floors);\n                  this.stepsView.setNewPath(this.pathData, false, this.map.mapData.floors);\n                } else {\n                  console.log('this.map.mapData.floors', this.map.mapData.floors);\n                  this.stepsView.setNewPath(this.pathData, true, this.map.mapData.floors);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n              }\n            case 17:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleDirectionsState(_x3) {\n        return _handleDirectionsState2.apply(this, arguments);\n      }\n      return _handleDirectionsState;\n    }()\n  }, {\n    key: \"_handleInitiateFindPathFromLocation\",\n    value: function () {\n      var _handleInitiateFindPathFromLocation2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {\n        var endContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              endContentPlacement = data.endContentPlacement;\n              if (!(this.map.location && endContentPlacement)) {\n                _context4.next = 6;\n                break;\n              }\n              _context4.next = 4;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 4:\n              this.pathData = _context4.sent;\n              // this.map.addHighlightedFeature(coordinate, startContentPlacement);\n              if (this.pathData) {\n                this.directionsView.setNewPath(this.pathData, true);\n                if (this.currentViewType === 'mobile') {\n                  this.stepsView.setNewPath(this.pathData, false, this.map.mapData.floors);\n                } else {\n                  this.stepsView.setNewPath(this.pathData, true, this.map.mapData.floors);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n              }\n            case 6:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function _handleInitiateFindPathFromLocation(_x4) {\n        return _handleInitiateFindPathFromLocation2.apply(this, arguments);\n      }\n      return _handleInitiateFindPathFromLocation;\n    }() // async _handleInitiateFindNodeToPlacementPath(data) {\n    //     const { startNodeId, endContentPlacementId } = data;\n    //     this.pathData = await this.map.findPathNodeToPlacement(startNodeId, endContentPlacementId);\n    // }\n  }, {\n    key: \"_handleIntiateFindPath\",\n    value: function () {\n      var _handleIntiateFindPath2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {\n        var startContentPlacementId, endContentPlacementId;\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) switch (_context5.prev = _context5.next) {\n            case 0:\n              startContentPlacementId = data.startContentPlacementId, endContentPlacementId = data.endContentPlacementId;\n              _context5.next = 3;\n              return this.map.findPath(startContentPlacementId, endContentPlacementId);\n            case 3:\n              this.pathData = _context5.sent;\n              this.directionsView.setNewPath(this.pathData);\n              if (this.currentViewType === 'mobile') {\n                this.stepsView.setNewPath(this.pathData, false, this.map.mapData.floors);\n              } else {\n                this.stepsView.setNewPath(this.pathData, true, this.map.mapData.floors);\n              }\n              this.updateMapForPathLeg(this.pathData.legs[0]);\n            case 7:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this);\n      }));\n      function _handleIntiateFindPath(_x5) {\n        return _handleIntiateFindPath2.apply(this, arguments);\n      }\n      return _handleIntiateFindPath;\n    }()\n  }, {\n    key: \"_handleSelectDirectionsButton\",\n    value: function _handleSelectDirectionsButton(data) {\n      var placementId = data.placementId;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      return;\n    }\n  }]);\n}(_core_Control__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (DirectionsControl);\n\n//# sourceURL=webpack://waygomaps/./src/Controls/DirectionsControl.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _core_Control__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../core/Control */ \"./src/core/Control.js\");\n/* harmony import */ var _components_DirectionsView_DirectionsView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/DirectionsView/DirectionsView */ \"./src/components/DirectionsView/DirectionsView.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _components_DirectionsView_StepsView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/DirectionsView/StepsView */ \"./src/components/DirectionsView/StepsView.js\");\n/* harmony import */ var _components_QRCodeView_QRCodeView__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../components/QRCodeView/QRCodeView */ \"./src/components/QRCodeView/QRCodeView.js\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\n/* harmony import */ var _assets_qrCodeIcon_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../assets/qrCodeIcon.svg */ \"./src/assets/qrCodeIcon.svg\");\n/* harmony import */ var _assets_cancel_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../assets/cancel.svg */ \"./src/assets/cancel.svg\");\n/* harmony import */ var axios__WEBPACK_IMPORTED_MODULE_8__ = __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\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    _this.fromLocation = false;\n    _this.qrCodeView = null;\n    _this.qrCodeButton = null;\n    _this.pathData = null;\n    return _this;\n  }\n  _inherits(DirectionsControl, _Control);\n  return _createClass(DirectionsControl, [{\n    key: \"onAdd\",\n    value: function onAdd(map) {\n      var _this$map$mapData;\n      console.log('🔵 DirectionsControl: onAdd called');\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        floorData: ((_this$map$mapData = this.map.mapData) === null || _this$map$mapData === void 0 ? void 0 : _this$map$mapData.floors) || []\n      });\n      this.qrCodeView = new _components_QRCodeView_QRCodeView__WEBPACK_IMPORTED_MODULE_4__[\"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      var _this2 = this;\n      this.map.on('state:default', this._handleDefaultState.bind(this));\n      this.map.on('state:search', this._handleSearchState.bind(this));\n      this.map.on('state:selectedContent', this._handleSelectedContentState.bind(this));\n      this.map.on('state:directions', this._handleDirectionsState.bind(this));\n      this.map.on('state:setup', this._handleSetupState.bind(this));\n      this.map.on('initiate:findPath', this._handleIntiateFindPath.bind(this));\n      this.map.on('initiate:findPathFromLocation', this._handleInitiateFindPathFromLocation.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', function (data) {\n        return _this2.map.initiateFindPath(data.startContentPlacementId, data.endContentPlacementId);\n      });\n      this.directionsView.on('initiate:findPathFromLocation', function (data) {\n        return _this2.map.initiateFindPathFromLocation(data.endContentPlacement);\n      });\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_5__.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_5__.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_8__[\"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_8__[\"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      console.log('🔵 DirectionsControl: _renderDesktopView called');\n      if (!this.directionsView) {\n        console.warn('⚠️ DirectionsControl: directionsView is null');\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\n      // Add QR code button if in kiosk mode and path exists\n      if (this._shouldShowQRCodeButton()) {\n        if (!this.qrCodeButton || !this.qrCodeButton.parentNode) {\n          this._createQRCodeButton();\n        }\n        this.container.appendChild(this.qrCodeButton);\n      } else if (this.qrCodeButton && this.qrCodeButton.parentNode) {\n        this.qrCodeButton.parentNode.removeChild(this.qrCodeButton);\n      }\n      this.container.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"_renderMobileView\",\n    value: function _renderMobileView() {\n      console.log('🔵 DirectionsControl: _renderMobileView called');\n      if (!this.directionsView) {\n        console.warn('⚠️ DirectionsControl: directionsView is null');\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\n      // Add QR code button if in kiosk mode and path exists\n      if (this._shouldShowQRCodeButton()) {\n        if (!this.qrCodeButton || !this.qrCodeButton.parentNode) {\n          this._createQRCodeButton();\n        }\n        this.container.appendChild(this.qrCodeButton);\n      } else if (this.qrCodeButton && this.qrCodeButton.parentNode) {\n        this.qrCodeButton.parentNode.removeChild(this.qrCodeButton);\n      }\n      this.container.appendChild(this.stepsView.getElement());\n    }\n  }, {\n    key: \"createDirectionsLineLayer\",\n    value: function createDirectionsLineLayer() {\n      this.map.map.addSource('directionsLineSource', {\n        'type': 'geojson',\n        'data': {\n          'type': 'Feature',\n          'properties': {},\n          'geometry': {\n            'type': 'LineString',\n            'coordinates': []\n          }\n        }\n      });\n\n      // Add a new layer for the line\n      this.map.map.addLayer({\n        'id': 'directionsLineLayer',\n        'type': 'line',\n        'source': 'directionsLineSource',\n        'layout': {\n          'line-join': 'round',\n          'line-cap': 'round'\n        },\n        'paint': {\n          'line-color': '#333333',\n          'line-width': 8\n          // 'line-blur': 0.9\n        }\n      });\n\n      // this.map.map.moveLayer('directionsLineLayer', 'off-limits');\n      // this.map.map.moveLayer('directionsLineLayer', '0-tertiary-area');\n      this.map.map.moveLayer('directionsLineLayer', 'FIRST_ELEVATED_FEATURE');\n    }\n  }, {\n    key: \"updateMapForPathLeg\",\n    value: function updateMapForPathLeg(leg) {\n      this.clearLineData();\n      var points = [];\n      leg.steps.forEach(function (step, index) {\n        points.push.apply(points, _toConsumableArray(index === 0 ? step.path : step.path.slice(1)));\n      });\n      var coordinates = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_5__.convertVerticesToCoordinates)(points, null, 30.0);\n      this._updateMapLineData(coordinates, leg.floor);\n      var currentFloor = this.map.getCurrentFloor();\n      if (currentFloor !== leg.floor) {\n        this.map.updateFloor(leg.floor, false);\n      }\n    }\n  }, {\n    key: \"_updateMapLineData\",\n    value: function _updateMapLineData(newCoordinates, floor) {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {\n          '_floor': floor\n        },\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': newCoordinates\n        }\n      });\n      var bounds = new mapboxgl.LngLatBounds();\n      newCoordinates.forEach(function (coordinate) {\n        bounds.extend(coordinate);\n      });\n      if (this.currentViewType === 'desktop') {\n        this.map.map.fitBounds(bounds, _defineProperty(_defineProperty(_defineProperty({\n          padding: 200\n        }, \"padding\", {\n          top: 200,\n          bottom: 200,\n          left: 500,\n          right: 150\n        }), \"maxZoom\", 15), \"duration\", 1000));\n      } else {\n        this.map.map.fitBounds(bounds, {\n          // padding: 200,  // Add padding around the edges of the map\n          padding: {\n            top: 350,\n            bottom: 60,\n            left: 80,\n            right: 100\n          },\n          maxZoom: 14,\n          // Optional: Limit the maximum zoom level\n          duration: 1000 // Optional: Animation duration in milliseconds\n        });\n      }\n    }\n  }, {\n    key: \"clearLineData\",\n    value: function clearLineData() {\n      this.map.map.getSource('directionsLineSource').setData({\n        'type': 'Feature',\n        'properties': {},\n        'geometry': {\n          'type': 'LineString',\n          'coordinates': []\n        }\n      });\n    }\n  }, {\n    key: \"_handleDefaultState\",\n    value: function _handleDefaultState() {\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSearchState\",\n    value: function _handleSearchState(data) {\n      var query = data.query,\n        results = data.results;\n      this.hide();\n      // this.clearLineData();\n      this.clearData();\n    }\n  }, {\n    key: \"_handleSelectedContentState\",\n    value: function _handleSelectedContentState(data) {\n      var contentPlacementIds = data.contentPlacementIds,\n        selectedContentPlacement = data.selectedContentPlacement;\n      this.hide();\n      this.directionsView.updateView(null, null);\n      // this.clearLineData();\n      this.clearData();\n      // this.map.clearSelectedContentLayer();\n      this.map.clearHighlightedContentLayer();\n    }\n  }, {\n    key: \"_handleSetupState\",\n    value: function _handleSetupState() {\n      this.hide();\n    }\n  }, {\n    key: \"clearData\",\n    value: function clearData() {\n      this.pathData = null;\n      this.clearLineData();\n      this.stepsView.clear();\n      if (this.qrCodeButton && this.qrCodeButton.parentNode) {\n        this.qrCodeButton.parentNode.removeChild(this.qrCodeButton);\n      }\n    }\n  }, {\n    key: \"_handleDirectionsState\",\n    value: function () {\n      var _handleDirectionsState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(data) {\n        var startContentPlacement, endContentPlacement, _convertVertexToCoord3, lat, lon, coordinate, titleKey, title, _convertVertexToCoord4, _lat, _lon, _coordinate, _titleKey, _title, firstLocation, _convertVertexToCoord5, _lat2, _lon2, _coordinate2;\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              console.log('�� DirectionsControl: _handleDirectionsState called', data);\n              startContentPlacement = data.startContentPlacement, endContentPlacement = data.endContentPlacement;\n              this.clearData();\n\n              // Re-render the view to ensure all elements are in the DOM\n              console.log('🔵 DirectionsControl: Current view type:', this.currentViewType);\n              if (this.currentViewType === 'desktop') {\n                this._renderDesktopView();\n              } else {\n                this._renderMobileView();\n              }\n              this.show();\n              this.startContentPlacement = startContentPlacement;\n              this.endContentPlacement = endContentPlacement;\n              this.directionsView.updateView(startContentPlacement, endContentPlacement);\n              if (startContentPlacement) {\n                _convertVertexToCoord3 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_5__.convertVertexToCoordinate)(startContentPlacement.location, null, 30.0), lat = _convertVertexToCoord3.lat, lon = _convertVertexToCoord3.lon;\n                coordinate = [lon, lat];\n                if (!startContentPlacement.name) {\n                  if (startContentPlacement.catalog && startContentPlacement.content) {\n                    titleKey = startContentPlacement.catalog.content_title_key;\n                    if (titleKey) {\n                      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              if (!endContentPlacement) {\n                _context3.next = 26;\n                break;\n              }\n              _convertVertexToCoord4 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_5__.convertVertexToCoordinate)(endContentPlacement.location, null, 30.0), _lat = _convertVertexToCoord4.lat, _lon = _convertVertexToCoord4.lon;\n              _coordinate = [_lon, _lat];\n              if (!endContentPlacement.name) {\n                if (endContentPlacement.catalog && endContentPlacement.content) {\n                  _titleKey = endContentPlacement.catalog.content_title_key;\n                  if (_titleKey) {\n                    _title = endContentPlacement.content.data[_titleKey];\n                    endContentPlacement.name = _title;\n                  }\n                }\n              }\n              endContentPlacement._floor = endContentPlacement.floor;\n              this.map.addSelectedFeature(_coordinate, endContentPlacement);\n              if (!(this.map.location && !startContentPlacement)) {\n                _context3.next = 25;\n                break;\n              }\n              console.log('🔵 DirectionsControl: Finding path from location to end placement');\n              // Find path from current location node to the end placement\n              _context3.next = 20;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 20:\n              this.pathData = _context3.sent;\n              console.log('🔵 DirectionsControl: Path data received:', !!this.pathData);\n              if (this.pathData) {\n                this.fromLocation = true;\n                this.directionsView.setNewPath(this.pathData, true);\n                firstLocation = this.pathData.legs[0].steps[0].path[0];\n                _convertVertexToCoord5 = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_5__.convertVertexToCoordinate)(firstLocation, null, 30.0), _lat2 = _convertVertexToCoord5.lat, _lon2 = _convertVertexToCoord5.lon;\n                _coordinate2 = [_lon2, _lat2];\n                this.map.addHighlightedFeature(_coordinate2, {\n                  '_floor': this.pathData.legs[0].floor,\n                  'name': 'Start'\n                });\n                if (this.currentViewType === 'mobile') {\n                  this.stepsView.setNewPath(this.pathData, false, this.map.mapData.floors);\n                } else {\n                  this.stepsView.setNewPath(this.pathData, true, this.map.mapData.floors);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n\n                // Re-render to show QR code button if applicable\n                if (this.currentViewType === 'desktop') {\n                  this._renderDesktopView();\n                } else {\n                  this._renderMobileView();\n                }\n              } else {\n                console.warn('⚠️ DirectionsControl: No path data returned');\n              }\n              _context3.next = 26;\n              break;\n            case 25:\n              console.log('🔵 DirectionsControl: Not finding path from location. map.location?', !!this.map.location, 'startContentPlacement?', !!startContentPlacement);\n            case 26:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3, this);\n      }));\n      function _handleDirectionsState(_x3) {\n        return _handleDirectionsState2.apply(this, arguments);\n      }\n      return _handleDirectionsState;\n    }()\n  }, {\n    key: \"_handleInitiateFindPathFromLocation\",\n    value: function () {\n      var _handleInitiateFindPathFromLocation2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(data) {\n        var endContentPlacement;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              console.log('🔵 DirectionsControl: _handleInitiateFindPathFromLocation called', data);\n              endContentPlacement = data.endContentPlacement;\n              if (!(this.map.location && endContentPlacement)) {\n                _context4.next = 7;\n                break;\n              }\n              _context4.next = 5;\n              return this.map.findPathFromNodeToPlacement(this.map.location, endContentPlacement.placement_id);\n            case 5:\n              this.pathData = _context4.sent;\n              if (this.pathData) {\n                this.fromLocation = true;\n                this.directionsView.setNewPath(this.pathData, true);\n                if (this.currentViewType === 'mobile') {\n                  this.stepsView.setNewPath(this.pathData, false, this.map.mapData.floors);\n                } else {\n                  this.stepsView.setNewPath(this.pathData, true, this.map.mapData.floors);\n                }\n                this.updateMapForPathLeg(this.pathData.legs[0]);\n\n                // Re-render to show QR code button if applicable\n                if (this.currentViewType === 'desktop') {\n                  this._renderDesktopView();\n                } else {\n                  this._renderMobileView();\n                }\n              }\n            case 7:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this);\n      }));\n      function _handleInitiateFindPathFromLocation(_x4) {\n        return _handleInitiateFindPathFromLocation2.apply(this, arguments);\n      }\n      return _handleInitiateFindPathFromLocation;\n    }() // async _handleInitiateFindNodeToPlacementPath(data) {\n    //     const { startNodeId, endContentPlacementId } = data;\n    //     this.pathData = await this.map.findPathNodeToPlacement(startNodeId, endContentPlacementId);\n    // }\n  }, {\n    key: \"_handleIntiateFindPath\",\n    value: function () {\n      var _handleIntiateFindPath2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee5(data) {\n        var startContentPlacementId, endContentPlacementId;\n        return _regeneratorRuntime().wrap(function _callee5$(_context5) {\n          while (1) switch (_context5.prev = _context5.next) {\n            case 0:\n              console.log('🔵 DirectionsControl: _handleIntiateFindPath called', data);\n              startContentPlacementId = data.startContentPlacementId, endContentPlacementId = data.endContentPlacementId;\n              _context5.next = 4;\n              return this.map.findPath(startContentPlacementId, endContentPlacementId);\n            case 4:\n              this.pathData = _context5.sent;\n              this.fromLocation = false;\n              this.directionsView.setNewPath(this.pathData);\n              if (this.currentViewType === 'mobile') {\n                this.stepsView.setNewPath(this.pathData, false, this.map.mapData.floors);\n              } else {\n                this.stepsView.setNewPath(this.pathData, true, this.map.mapData.floors);\n              }\n              this.updateMapForPathLeg(this.pathData.legs[0]);\n\n              // Re-render to show QR code button if applicable\n              if (this.currentViewType === 'desktop') {\n                this._renderDesktopView();\n              } else {\n                this._renderMobileView();\n              }\n            case 10:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this);\n      }));\n      function _handleIntiateFindPath(_x5) {\n        return _handleIntiateFindPath2.apply(this, arguments);\n      }\n      return _handleIntiateFindPath;\n    }()\n  }, {\n    key: \"_handleSelectDirectionsButton\",\n    value: function _handleSelectDirectionsButton(data) {\n      var placementId = data.placementId;\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      return;\n    }\n  }, {\n    key: \"_shouldShowQRCodeButton\",\n    value: function _shouldShowQRCodeButton() {\n      // Only show in kiosk mode (not setup state)\n      if (!this.map.location) {\n        return false;\n      }\n\n      // Check if feature is enabled\n      if (this.map.options.showQRCodeInKioskMode === false) {\n        return false;\n      }\n\n      // Only show when path data exists\n      if (!this.pathData) {\n        return false;\n      }\n\n      // Only show when we have end placement\n      if (!this.endContentPlacement) {\n        return false;\n      }\n      return true;\n    }\n  }, {\n    key: \"_createQRCodeButton\",\n    value: function _createQRCodeButton() {\n      this.qrCodeButton = document.createElement('button');\n      this.qrCodeButton.className = 'qr-code-button';\n      var iconContainer = document.createElement('div');\n      iconContainer.className = 'qr-code-button-icon';\n      var icon = document.createElement('img');\n      icon.src = _assets_qrCodeIcon_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\n      icon.alt = 'QR Code';\n      iconContainer.appendChild(icon);\n      var textContainer = document.createElement('div');\n      textContainer.className = 'qr-code-button-text';\n      textContainer.textContent = 'Continue on your phone ->';\n      this.qrCodeButton.appendChild(iconContainer);\n      this.qrCodeButton.appendChild(textContainer);\n      this.qrCodeButton.addEventListener('click', this._showQRCodeModal.bind(this));\n    }\n  }, {\n    key: \"_generateQRCodeURL\",\n    value: function _generateQRCodeURL() {\n      if (!this.map.mapData || !this.endContentPlacement) {\n        return null;\n      }\n      var mapId = this.map.mapData.map_id;\n      var mapViewId = this.map.mapData.map_view_id;\n      var endPlacementId = this.endContentPlacement.placement_id;\n      var startPlacementId;\n      if (this.fromLocation) {\n        // Use the node ID when path starts from kiosk location\n        startPlacementId = this.map.location;\n      } else if (this.startContentPlacement) {\n        // Use the placement ID when path starts from a content placement\n        startPlacementId = this.startContentPlacement.placement_id;\n      } else {\n        return null;\n      }\n      var url = \"https://maps.waygomaps.com/\".concat(mapId, \"/\").concat(mapViewId, \"/directions/\").concat(startPlacementId, \"/\").concat(endPlacementId);\n      return url;\n    }\n  }, {\n    key: \"_showQRCodeModal\",\n    value: function () {\n      var _showQRCodeModal2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee6() {\n        var _this3 = this,\n          _this$map$modalContai;\n        var url, modalContent, closeButton, closeIcon, modalContentWrapper;\n        return _regeneratorRuntime().wrap(function _callee6$(_context6) {\n          while (1) switch (_context6.prev = _context6.next) {\n            case 0:\n              url = this._generateQRCodeURL();\n              if (url) {\n                _context6.next = 4;\n                break;\n              }\n              console.warn('⚠️ DirectionsControl: No URL generated for QR code');\n              return _context6.abrupt(\"return\");\n            case 4:\n              // Create modal content wrapper\n              modalContent = document.createElement('div');\n              modalContent.className = 'qr-code-modal-card';\n\n              // Create close button\n              closeButton = document.createElement('button');\n              closeButton.className = 'qr-code-modal-close';\n              closeIcon = document.createElement('img');\n              closeIcon.src = _assets_cancel_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n              closeIcon.alt = 'Close';\n              closeButton.appendChild(closeIcon);\n              closeButton.addEventListener('click', function () {\n                _this3.map.hideModal();\n              });\n              modalContent.appendChild(closeButton);\n\n              // Update and add QR code view\n              _context6.next = 16;\n              return this.qrCodeView.updateQRCode(url, 250);\n            case 16:\n              modalContent.appendChild(this.qrCodeView.getElement());\n\n              // Show modal and adjust modal content styling for QR code\n              this.map.showModal(modalContent);\n\n              // Adjust modal content wrapper styling for QR code card\n              modalContentWrapper = (_this$map$modalContai = this.map.modalContainer) === null || _this$map$modalContai === void 0 ? void 0 : _this$map$modalContai.querySelector('.waygo-map-modal-content');\n              if (modalContentWrapper) {\n                modalContentWrapper.style.backgroundColor = 'transparent';\n                modalContentWrapper.style.width = 'auto';\n                modalContentWrapper.style.height = 'auto';\n                modalContentWrapper.style.maxWidth = 'none';\n                modalContentWrapper.style.maxHeight = 'none';\n              }\n            case 20:\n            case \"end\":\n              return _context6.stop();\n          }\n        }, _callee6, this);\n      }));\n      function _showQRCodeModal() {\n        return _showQRCodeModal2.apply(this, arguments);\n      }\n      return _showQRCodeModal;\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?");
 
 /***/ }),
 
@@ -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 */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var path_browserify__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! path-browserify */ \"./node_modules/path-browserify/index.js\");\n/* harmony import */ var path_browserify__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(path_browserify__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var _SliderBar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../SliderBar */ \"./src/components/SliderBar.js\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowLeft_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowLeft.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowLeft.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowRight_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowRight.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowRight.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowUp_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowUp.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowUp.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowUpLeft_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowUpLeft.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowUpLeft.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowUpRight_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowUpRight.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowUpRight.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowDownLeft_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowDownLeft.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowDownLeft.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowDownRight_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowDownRight.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowDownRight.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\n\n\n\n\n\n\nvar StepsView = /*#__PURE__*/function (_Component) {\n  function StepsView() {\n    var _this;\n    var steps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, StepsView);\n    _this = _callSuper(this, StepsView, [options]);\n    _this.pathData = null;\n    _this.legSelector = null;\n    _this.legSelectorContainerName = 'leg-selector';\n    _this.selectedLegIndex = 0;\n    _this.stepsVisible = true;\n    _this.toggleButton = null;\n    _this.floorData = options.floorData || []; // Add this line\n    _this._initialize();\n    return _this;\n  }\n  _inherits(StepsView, _Component);\n  return _createClass(StepsView, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement(\"div\");\n      this.element.className = \"steps-view\";\n      this._render();\n    }\n  }, {\n    key: \"_createToggleButton\",\n    value: function _createToggleButton() {\n      var button = document.createElement(\"button\");\n      button.className = \"toggle-steps-button\";\n      button.textContent = this.stepsVisible ? \"Hide Steps\" : \"Show Steps\";\n      button.addEventListener(\"click\", this._toggleStepsVisibility.bind(this));\n      return button;\n    }\n  }, {\n    key: \"_toggleStepsVisibility\",\n    value: function _toggleStepsVisibility() {\n      this.stepsVisible = !this.stepsVisible;\n      this._render();\n    }\n  }, {\n    key: \"_createLegSelector\",\n    value: function _createLegSelector(legs) {\n      var _this2 = this;\n      var legSelectorTitles = [];\n      legs.forEach(function (leg) {\n        var _this2$floorData$leg$;\n        // Use floor indicator if available, otherwise fall back to \"Floor X\"\n        var floorIndicator = ((_this2$floorData$leg$ = _this2.floorData[leg.floor]) === null || _this2$floorData$leg$ === void 0 ? void 0 : _this2$floorData$leg$.name) || \"Floor \".concat(leg.floor);\n        legSelectorTitles.push(floorIndicator);\n      });\n      var legSelector = new _SliderBar__WEBPACK_IMPORTED_MODULE_2__[\"default\"](legSelectorTitles, {\n        container: this.legSelectorContainerName\n      });\n      legSelector.on(\"\".concat(this.legSelectorContainerName, \":selectNew\"), this._handleLegSelectorSelect.bind(this));\n      return legSelector;\n    }\n  }, {\n    key: \"_handleLegSelectorSelect\",\n    value: function _handleLegSelectorSelect(data) {\n      var index = data.index;\n      if (index !== this.selectedLegIndex) {\n        this.selectedLegIndex = index;\n        this.fire('legSelect', data);\n        this._render();\n      }\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this3 = this;\n      this.element.innerHTML = \"\";\n      if (!this.pathData) {\n        this.element.style.display = \"none\";\n        return;\n      }\n      this.element.style.display = \"\";\n\n      // const heading = document.createElement(\"h2\");\n      // heading.textContent = \"Steps\";\n      // this.element.appendChild(heading);\n\n      if (this.pathData.legs.length > 1) {\n        this.legSelector = this._createLegSelector(this.pathData.legs);\n        this.legSelector.selectButtonAtIndex(this.selectedLegIndex);\n        this.element.appendChild(this.legSelector.getElement());\n      }\n      var stepsContainer = document.createElement(\"div\");\n      stepsContainer.className = \"steps-container\";\n      if (this.stepsVisible) {\n        var list = document.createElement(\"ul\");\n        var leg = this.pathData.legs[this.selectedLegIndex];\n        leg.steps.forEach(function (step, index) {\n          var listItem = document.createElement(\"li\");\n          var stepCount = index + 1;\n          if (_this3.selectedLegIndex !== 0) {\n            var previousStepCount = _this3.pathData.legs.slice(0, _this3.selectedLegIndex).reduce(function (sum, item) {\n              return sum + item.steps.length;\n            }, 0);\n            stepCount += previousStepCount;\n          }\n\n          // Step container\n          var stepContainer = document.createElement('div');\n          stepContainer.className = 'step-container';\n\n          // Icon\n          var stepIcon = document.createElement(\"img\");\n          stepIcon.className = \"step-icon\";\n          if (step.instruction === 'left') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowLeft_svg__WEBPACK_IMPORTED_MODULE_3__[\"default\"];\n          } else if (step.instruction === 'hard left') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowDownLeft_svg__WEBPACK_IMPORTED_MODULE_8__[\"default\"];\n          } else if (step.instruction === 'slight left') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowUpLeft_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\n          } else if (step.instruction === 'right') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowRight_svg__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\n          } else if (step.instruction === 'hard right') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowDownRight_svg__WEBPACK_IMPORTED_MODULE_9__[\"default\"];\n          } else if (step.instruction === 'slight right') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowUpRight_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n          } else if (step.instruction === 'straight') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowUp_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n          } else if (step.instruction === 'arrival') {\n            stepIcon.src = ArrivalIcon;\n          }\n          stepContainer.appendChild(stepIcon);\n\n          // Step defatails container\n          var stepDetails = document.createElement(\"div\");\n          stepDetails.className = \"step-details\";\n\n          // Step instruction\n          var stepInstruction = document.createElement(\"div\");\n          stepInstruction.className = \"step-instruction\";\n          stepInstruction.textContent = step.text;\n          stepDetails.appendChild(stepInstruction);\n          if (index !== leg.steps.length - 1) {\n            // Distance\n            var stepDistance = document.createElement(\"div\");\n            stepDistance.className = \"step-distance\";\n            var distanceText = parseFloat(step.distance.toFixed(0));\n            if (_this3.pathData.unit === 'Feet') {\n              distanceText += ' ft';\n            } else if (_this3.pathData.unit === 'Meters') {\n              distanceText += ' m';\n            }\n            stepDistance.textContent = distanceText;\n            stepDetails.appendChild(stepDistance);\n          }\n          stepContainer.appendChild(stepDetails);\n          listItem.appendChild(stepContainer);\n          list.appendChild(listItem);\n        });\n        stepsContainer.appendChild(list);\n        this.element.appendChild(stepsContainer);\n      }\n      this.toggleButton = this._createToggleButton();\n      this.element.appendChild(this.toggleButton);\n    }\n  }, {\n    key: \"clearSteps\",\n    value: function clearSteps() {\n      var 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: \"clear\",\n    value: function clear() {\n      this.pathData = null;\n      this._render();\n    }\n  }, {\n    key: \"setNewPath\",\n    value: function setNewPath(pathData) {\n      var stepsVisible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n      var floorData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n      this.pathData = pathData;\n\n      // Update floor data if provided\n      if (floorData) {\n        this.floorData = floorData;\n      }\n      if (stepsVisible !== null) {\n        this.stepsVisible = stepsVisible;\n      }\n      this.selectedLegIndex = 0;\n      this._render();\n    }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StepsView);\n\n//# sourceURL=webpack://waygomaps/./src/components/DirectionsView/StepsView.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 path_browserify__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! path-browserify */ \"./node_modules/path-browserify/index.js\");\n/* harmony import */ var path_browserify__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(path_browserify__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var _SliderBar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../SliderBar */ \"./src/components/SliderBar.js\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowLeft_svg__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowLeft.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowLeft.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowRight_svg__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowRight.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowRight.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowUp_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowUp.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowUp.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowUpLeft_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowUpLeft.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowUpLeft.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowUpRight_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowUpRight.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowUpRight.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowDownLeft_svg__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowDownLeft.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowDownLeft.svg\");\n/* harmony import */ var _assets_directionArrowIcons_DirectionsArrowDownRight_svg__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../assets/directionArrowIcons/DirectionsArrowDownRight.svg */ \"./src/assets/directionArrowIcons/DirectionsArrowDownRight.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\n\n\n\n\n\n\nvar StepsView = /*#__PURE__*/function (_Component) {\n  function StepsView() {\n    var _this;\n    var steps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n    var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n    _classCallCheck(this, StepsView);\n    _this = _callSuper(this, StepsView, [options]);\n    _this.pathData = null;\n    _this.legSelector = null;\n    _this.legSelectorContainerName = 'leg-selector';\n    _this.selectedLegIndex = 0;\n    _this.stepsVisible = true;\n    _this.toggleButton = null;\n    _this.floorData = options.floorData || []; // Add this line\n    _this._initialize();\n    return _this;\n  }\n  _inherits(StepsView, _Component);\n  return _createClass(StepsView, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement(\"div\");\n      this.element.className = \"steps-view\";\n      this._render();\n    }\n  }, {\n    key: \"_createToggleButton\",\n    value: function _createToggleButton() {\n      var button = document.createElement(\"button\");\n      button.className = \"toggle-steps-button\";\n      button.textContent = this.stepsVisible ? \"Hide Steps\" : \"Show Steps\";\n      button.addEventListener(\"click\", this._toggleStepsVisibility.bind(this));\n      return button;\n    }\n  }, {\n    key: \"_toggleStepsVisibility\",\n    value: function _toggleStepsVisibility() {\n      this.stepsVisible = !this.stepsVisible;\n      this._render();\n    }\n  }, {\n    key: \"_createLegSelector\",\n    value: function _createLegSelector(legs) {\n      var _this2 = this;\n      var legSelectorTitles = [];\n      legs.forEach(function (leg) {\n        var _this2$floorData$leg$;\n        // Use floor indicator if available, otherwise fall back to \"Floor X\"\n        var floorIndicator = ((_this2$floorData$leg$ = _this2.floorData[leg.floor]) === null || _this2$floorData$leg$ === void 0 ? void 0 : _this2$floorData$leg$.name) || \"Floor \".concat(leg.floor);\n        legSelectorTitles.push(floorIndicator);\n      });\n      var legSelector = new _SliderBar__WEBPACK_IMPORTED_MODULE_2__[\"default\"](legSelectorTitles, {\n        container: this.legSelectorContainerName\n      });\n      legSelector.on(\"\".concat(this.legSelectorContainerName, \":selectNew\"), this._handleLegSelectorSelect.bind(this));\n      return legSelector;\n    }\n  }, {\n    key: \"_handleLegSelectorSelect\",\n    value: function _handleLegSelectorSelect(data) {\n      var index = data.index;\n      if (index !== this.selectedLegIndex) {\n        this.selectedLegIndex = index;\n        this.fire('legSelect', data);\n        this._render();\n      }\n    }\n  }, {\n    key: \"_render\",\n    value: function _render() {\n      var _this3 = this;\n      this.element.innerHTML = \"\";\n      if (!this.pathData) {\n        this.element.style.display = \"none\";\n        return;\n      }\n      this.element.style.display = \"\";\n\n      // const heading = document.createElement(\"h2\");\n      // heading.textContent = \"Steps\";\n      // this.element.appendChild(heading);\n\n      if (this.pathData.legs.length > 1) {\n        this.legSelector = this._createLegSelector(this.pathData.legs);\n        this.legSelector.selectButtonAtIndex(this.selectedLegIndex);\n        this.element.appendChild(this.legSelector.getElement());\n      }\n      var stepsContainer = document.createElement(\"div\");\n      stepsContainer.className = \"steps-container\";\n      if (this.stepsVisible) {\n        var list = document.createElement(\"ul\");\n        var leg = this.pathData.legs[this.selectedLegIndex];\n        leg.steps.forEach(function (step, index) {\n          var listItem = document.createElement(\"li\");\n          var stepCount = index + 1;\n          if (_this3.selectedLegIndex !== 0) {\n            var previousStepCount = _this3.pathData.legs.slice(0, _this3.selectedLegIndex).reduce(function (sum, item) {\n              return sum + item.steps.length;\n            }, 0);\n            stepCount += previousStepCount;\n          }\n\n          // Step container\n          var stepContainer = document.createElement('div');\n          stepContainer.className = 'step-container';\n\n          // Icon\n          var stepIcon = document.createElement(\"img\");\n          stepIcon.className = \"step-icon\";\n          if (step.instruction === 'left') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowLeft_svg__WEBPACK_IMPORTED_MODULE_3__[\"default\"];\n          } else if (step.instruction === 'hard left') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowDownLeft_svg__WEBPACK_IMPORTED_MODULE_8__[\"default\"];\n          } else if (step.instruction === 'slight left') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowUpLeft_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\n          } else if (step.instruction === 'right') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowRight_svg__WEBPACK_IMPORTED_MODULE_4__[\"default\"];\n          } else if (step.instruction === 'hard right') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowDownRight_svg__WEBPACK_IMPORTED_MODULE_9__[\"default\"];\n          } else if (step.instruction === 'slight right') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowUpRight_svg__WEBPACK_IMPORTED_MODULE_7__[\"default\"];\n          } else if (step.instruction === 'straight') {\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowUp_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n          } else if (step.instruction === 'arrival') {\n            // stepIcon.src = ArrivalIcon;\n            stepIcon.src = _assets_directionArrowIcons_DirectionsArrowUp_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n          }\n          stepContainer.appendChild(stepIcon);\n\n          // Step defatails container\n          var stepDetails = document.createElement(\"div\");\n          stepDetails.className = \"step-details\";\n\n          // Step instruction\n          var stepInstruction = document.createElement(\"div\");\n          stepInstruction.className = \"step-instruction\";\n          stepInstruction.textContent = step.text;\n          stepDetails.appendChild(stepInstruction);\n          if (index !== leg.steps.length - 1) {\n            // Distance\n            var stepDistance = document.createElement(\"div\");\n            stepDistance.className = \"step-distance\";\n            var distanceText = parseFloat(step.distance.toFixed(0));\n            if (_this3.pathData.unit === 'Feet') {\n              distanceText += ' ft';\n            } else if (_this3.pathData.unit === 'Meters') {\n              distanceText += ' m';\n            }\n            stepDistance.textContent = distanceText;\n            stepDetails.appendChild(stepDistance);\n          }\n          stepContainer.appendChild(stepDetails);\n          listItem.appendChild(stepContainer);\n          list.appendChild(listItem);\n        });\n        stepsContainer.appendChild(list);\n        this.element.appendChild(stepsContainer);\n      }\n      this.toggleButton = this._createToggleButton();\n      this.element.appendChild(this.toggleButton);\n    }\n  }, {\n    key: \"clearSteps\",\n    value: function clearSteps() {\n      var 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: \"clear\",\n    value: function clear() {\n      this.pathData = null;\n      this._render();\n    }\n  }, {\n    key: \"setNewPath\",\n    value: function setNewPath(pathData) {\n      var stepsVisible = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n      var floorData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n      this.pathData = pathData;\n\n      // Update floor data if provided\n      if (floorData) {\n        this.floorData = floorData;\n      }\n      if (stepsVisible !== null) {\n        this.stepsVisible = stepsVisible;\n      }\n      this.selectedLegIndex = 0;\n      this._render();\n    }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_1__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (StepsView);\n\n//# sourceURL=webpack://waygomaps/./src/components/DirectionsView/StepsView.js?");
 
 /***/ }),
 
@@ -801,7 +801,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   MapView: () => (/* binding */ MapView)\n/* harmony export */ });\n/* harmony import */ var _utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/resourceLoader */ \"./src/utils/resourceLoader.js\");\n/* harmony import */ var _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../WaygoMaps */ \"./src/WaygoMaps.js\");\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var _StateCoordinator__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./StateCoordinator */ \"./src/components/MapView/StateCoordinator.js\");\n/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../index */ \"./src/index.js\");\n/* harmony import */ var _assets_logoOutline_svg__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../assets/logoOutline.svg */ \"./src/assets/logoOutline.svg\");\n/* harmony import */ var _assets_logoInner_svg__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../assets/logoInner.svg */ \"./src/assets/logoInner.svg\");\n/* harmony import */ var _assets_loading_spinner_1_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../assets/loading-spinner 1.svg */ \"./src/assets/loading-spinner 1.svg\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\nvar _defaultMapOptions;\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 _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 _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 _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 _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 _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 _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); }\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 _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\n\n\n\n\n\n\n// import WaygoLogoUrl from \"../../assets/WaygoLogoWhite.svg\";\n// import WaygoLogoUrl from \"../../assets/WaygoIconWhite.svg\";\n\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 KIOSK_RESET_TIME = 45000;\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 = (_defaultMapOptions = {\n  container: 'map',\n  sourceId: '2024.2xw_YUXYS8GoDTB2AQgN3A',\n  center: [0, 0],\n  floor: 0,\n  zoom: 13,\n  bearing: 0,\n  // 46.15762290134818,-25.60000000000025\n  // pitch: 30,\n  pitch: 46\n}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultMapOptions, \"bearing\", -25), \"minPitch\", 0), \"maxPitch\", 60), \"minZoom\", 10.5), \"maxZoom\", 19.5), \"bounds\", null), \"doubleClickZoom\", true), \"dragPan\", true), \"dragRotate\", true), \"scrollZoom\", true), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultMapOptions, \"touchPitch\", true), \"touchZoomRotate\", true), \"interactive\", true), \"trackResize\", true), \"keyboard\", true), \"defaultControls\", false), \"setup\", false), \"selectionCriteria\", null), \"initialState\", 'default'), \"initialStateData\", null));\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\n    // Store initial state configuration BEFORE calling _initialize\n    _this.initialState = options.initialState || 'default';\n    _this.initialStateData = options.initialStateData || null;\n\n    // If initializing in selection state, show loading overlay immediately\n    if (_this.initialState === 'selection') {\n      _this._createSelectionLoadingOverlay();\n      _this._showSelectionLoadingOverlay();\n    }\n    _this.ready = _this._initialize(options);\n    _this.initialLoad = false;\n    _this.originalFilters = {};\n    _this._currentFloorIndex = options.floor;\n    // Store default values from merged options (after super call)\n    _this._defaultFloorIndex = _this.options.floor || 0;\n    _this._defaultZoom = _this.options.zoom || 13;\n    _this._defaultBearing = _this.options.bearing || 0;\n    _this._defaultPitch = _this.options.pitch || 0;\n    _this.mapData = null;\n    _this._stateCoordinator = new _StateCoordinator__WEBPACK_IMPORTED_MODULE_3__[\"default\"](_this);\n    _this.defaultControls = options.defaultControls;\n    _this.setupControl = null;\n    _this.location = options.location || null;\n    _this.modalContainer = null;\n    _this.selectionCriteria = options.selectionCriteria || null;\n    _this.multiSelect = true;\n    _this.confirmedSelection = null;\n\n    // Initialize kiosk auto-reset timer if in kiosk mode\n    _this.kioskResetTimer = null;\n    _this.kioskCountdownInterval = null;\n    _this.isKioskMode = _this.location !== null;\n    if (_this.isKioskMode) {\n      _this._initializeKioskReset();\n    } else {\n      console.log('📍 Not in kiosk mode - no auto-reset timer');\n    }\n    return _this;\n  }\n  _inherits(MapView, _Component);\n  return _createClass(MapView, [{\n    key: \"showModal\",\n    value: function showModal(content) {\n      var _this2 = this;\n      // Create modal container if it doesn't exist\n      if (!this.modalContainer) {\n        this.modalContainer = document.createElement('div');\n        this.modalContainer.className = 'waygo-map-modal-container';\n        this.mapContainer.appendChild(this.modalContainer);\n\n        // Add click handler to close modal when clicking outside\n        this.modalContainer.addEventListener('click', function (e) {\n          if (e.target === _this2.modalContainer) {\n            _this2.hideModal();\n          }\n        });\n      }\n\n      // Create modal content\n      var modalContent = document.createElement('div');\n      modalContent.className = 'waygo-map-modal-content';\n\n      // Can accept HTML string or DOM element\n      if (typeof content === 'string') {\n        modalContent.innerHTML = content;\n      } else {\n        modalContent.appendChild(content);\n      }\n\n      // Clear existing content and add new\n      this.modalContainer.innerHTML = '';\n      this.modalContainer.appendChild(modalContent);\n      this.modalContainer.style.display = 'flex';\n    }\n  }, {\n    key: \"hideModal\",\n    value: function hideModal() {\n      if (this.modalContainer) {\n        this.modalContainer.style.display = 'none';\n      }\n    }\n  }, {\n    key: \"_initialize\",\n    value: function () {\n      var _initialize2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var _this3 = this;\n        var styleId;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              _context.prev = 0;\n              _context.next = 3;\n              return this._loadMapLibraries();\n            case 3:\n              mapboxgl.clearStorage();\n              this.render();\n              _context.next = 7;\n              return this._initializeMapData();\n            case 7:\n              if (this.mapData) {\n                _context.next = 10;\n                break;\n              }\n              console.error(\"Error initializing map data.\");\n              return _context.abrupt(\"return\");\n            case 10:\n              styleId = this.mapData.style_id;\n              if (typeof mapboxgl !== 'undefined' && styleId) {\n                mapboxgl.accessToken = accessToken;\n                this.map = new mapboxgl.Map({\n                  container: this.mapContainer,\n                  style: \"mapbox://styles/waygo-maps/\".concat(styleId),\n                  center: this.options.center,\n                  zoom: this.options.zoom,\n                  bearing: this.options.bearing,\n                  pitch: this.options.pitch,\n                  minPitch: this.options.minPitch,\n                  maxPitch: this.options.maxPitch,\n                  minZoom: this.options.minZoom,\n                  maxZoom: this.options.maxZoom,\n                  bounds: this.options.bounds,\n                  doubleClickZoom: this.options.doubleClickZoom,\n                  dragPan: this.options.dragPan,\n                  dragRotate: this.options.dragRotate,\n                  scrollZoom: this.options.scrollZoom,\n                  touchPitch: this.options.touchPitch,\n                  touchZoomRotate: this.options.touchZoomRotate,\n                  interactive: this.options.interactive,\n                  trackResize: this.options.trackResize,\n                  keyboard: this.options.keyboard\n                });\n                this.map.on('styledata', function () {\n                  if (!_this3.initialLoad) {\n                    _this3._initializeOriginalFilters();\n                    _this3.updateFloor(_this3.options.floor, false);\n                    _this3.initialLoad = true;\n                  }\n                });\n                this.map.on('load', function () {\n                  if (_this3.defaultControls) {\n                    _this3._addLogoImage();\n                    _this3._addDefaultControls();\n                    _this3.updateFloor(_this3.options.floor, false);\n                  }\n\n                  // Initialize the specified state after map loads\n                  _this3._initializeState();\n                  _this3.fire('load', {\n                    mapData: _this3.mapData\n                  });\n                });\n                this._initializeEventListeners();\n              } else {\n                console.error('Mapbox GL JS is not loaded.');\n              }\n              _context.next = 17;\n              break;\n            case 14:\n              _context.prev = 14;\n              _context.t0 = _context[\"catch\"](0);\n              console.error('Failed to initialize the map:', _context.t0);\n            case 17:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[0, 14]]);\n      }));\n      function _initialize() {\n        return _initialize2.apply(this, arguments);\n      }\n      return _initialize;\n    }()\n  }, {\n    key: \"_addLogoImage\",\n    value: function _addLogoImage() {\n      var linkUrl = 'https://waygomaps.com';\n      var imageContainer = document.createElement('div');\n      imageContainer.className = 'logo-image-container';\n      var outlineImageElement = document.createElement('img');\n      outlineImageElement.className = 'logo-outline-element';\n      outlineImageElement.src = _assets_logoOutline_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n      outlineImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(outlineImageElement);\n      var fillImageElement = document.createElement('img');\n      fillImageElement.className = 'logo-fill-element';\n      fillImageElement.src = _assets_logoInner_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\n      fillImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(fillImageElement);\n\n      // Add click event to open the link\n      imageContainer.addEventListener('click', function () {\n        window.open(linkUrl, '_blank'); // Open link in a new tab\n      });\n\n      // Append the container to the map container\n      this.mapContainer.appendChild(imageContainer);\n\n      // const websiteContainer = document.createElement('div');\n      // websiteContainer.className = 'website-container';\n      // websiteContainer.textContent = '© Waygo Maps';\n      // // websiteContainer.textContent = 'waygomaps.com';\n\n      // websiteContainer.addEventListener('click', () => {\n      //     window.open(linkUrl, '_blank'); // Open link in a new tab\n      // });\n\n      // this.mapContainer.appendChild(websiteContainer);\n    }\n  }, {\n    key: \"getCurrentFloor\",\n    value: function getCurrentFloor() {\n      return this._currentFloorIndex;\n    }\n  }, {\n    key: \"_addDefaultControls\",\n    value: function _addDefaultControls() {\n      var _this4 = this;\n      var currentState = this._stateCoordinator.state;\n      var controls = [];\n      if (currentState === 'selection') {\n        // In selection mode, only add essential controls\n        controls = [new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].FloorSelectorControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].ContentPlacementControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].InteractionControl()];\n      } else {\n        // Default controls for other states\n        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      }\n      controls.forEach(function (control) {\n        return _this4.addControl(control);\n      });\n    }\n  }, {\n    key: \"_initializeOriginalFilters\",\n    value: function _initializeOriginalFilters() {\n      var _this5 = this;\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          // Get and store the original filter, or set to null if no filter exists\n          _this5.originalFilters[layer.id] = _this5.map.getFilter(layer.id) || null;\n        }\n      });\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      var _this6 = this;\n      this.mapContainer.addEventListener('mousedown', function (event) {\n        return _this6.fire('mousedown', {\n          originalEvent: event\n        });\n      });\n      // preclick\n      this.mapContainer.addEventListener('click', function (event) {\n        return _this6.fire('click', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mouseover', function (event) {\n        return _this6.fire('mouseover', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mousemove', function (event) {\n        return _this6.fire('mousemove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('dblclick', function (event) {\n        return _this6.fire('dblclick', {\n          originalEvent: event\n        });\n      });\n      // mouseenter\n      // mouseleave\n      this.mapContainer.addEventListener('mouseout', function (event) {\n        return _this6.fire('mouseout', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('contextmenu', function (event) {\n        return _this6.fire('contextmenu', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('wheel', function (event) {\n        return _this6.fire('wheel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchstart', function (event) {\n        return _this6.fire('touchstart', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchend', function (event) {\n        return _this6.fire('touchend', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchmove', function (event) {\n        return _this6.fire('touchmove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchcancel', function (event) {\n        return _this6.fire('touchcancel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('move', function (event) {\n        return _this6.fire('move', {\n          originalEvent: event\n        });\n      });\n      var movementEvents = ['movestart', 'move', 'moveend', 'dragstart', 'drag', 'dragend', 'zoomstart', 'zoom', 'zoomend', 'rotatestart', 'rotate', 'rotateend', 'pitchstart', 'pitch', 'pitchend', 'boxzoomstart', 'boxzoomend', 'boxzoomcancel'];\n      movementEvents.forEach(function (eventName) {\n        _this6.map.on(eventName, function (event) {\n          _this6.fire(eventName, {\n            originalEvent: event\n          });\n        });\n      });\n\n      // Add selection confirmation event listener\n      this.on('selection:confirmed', function (data) {\n        _this6.confirmedSelection = data.feature;\n      });\n    }\n  }, {\n    key: \"_initializeMapData\",\n    value: function () {\n      var _initializeMapData2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n        var parts, mapId, mapViewId, data;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              parts = this.options.sourceId.split('.');\n              if (!(parts.length < 1 || parts.length > 2)) {\n                _context2.next = 4;\n                break;\n              }\n              console.error('The sourceId format is incorrect. It should be in the format \"mapId\" or \"mapId.mapViewId\".');\n              return _context2.abrupt(\"return\");\n            case 4:\n              // let accountId = parts[0] || '';\n              // let mapId = parts[1] || '';\n              // let mapViewId = parts[2] || '';\n              mapId = parts[0];\n              mapViewId = parts[1]; // Set account id in WaygoMaps\n              // waygoMaps.setAccountId(accountId);\n              _context2.prev = 6;\n              _context2.next = 9;\n              return this.mapViewApi.loadMapView(mapId, mapViewId);\n            case 9:\n              data = _context2.sent;\n              this.mapData = data;\n              _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setAccountId(data.account_id);\n              _context2.next = 17;\n              break;\n            case 14:\n              _context2.prev = 14;\n              _context2.t0 = _context2[\"catch\"](6);\n              console.error('Error fetching map style:', _context2.t0);\n            case 17:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[6, 14]]);\n      }));\n      function _initializeMapData() {\n        return _initializeMapData2.apply(this, arguments);\n      }\n      return _initializeMapData;\n    }()\n  }, {\n    key: \"_loadMapLibraries\",\n    value: function () {\n      var _loadMapLibraries2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              _context3.next = 2;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadCSS)(mapboxCSS);\n            case 2:\n              _context3.next = 4;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadScript)(mapboxJS);\n            case 4:\n              mapboxgl.clearStorage();\n            case 5:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3);\n      }));\n      function _loadMapLibraries() {\n        return _loadMapLibraries2.apply(this, arguments);\n      }\n      return _loadMapLibraries;\n    }()\n  }, {\n    key: \"render\",\n    value: function render() {\n      // this._addLogoImage();\n      var targetContainer = document.getElementById(this.options.container);\n      if (targetContainer) {\n        targetContainer.appendChild(this.mapContainer);\n        this.mapContainer.style.width = '100%';\n        this.mapContainer.style.height = '100%';\n        this.mapContainer.style.position = 'relative';\n      } else {\n        console.error(\"Container element with id \\\"\".concat(this.containerId, \"\\\" not found.\"));\n      }\n    }\n  }, {\n    key: \"updateFloor\",\n    value: function updateFloor(floorIndex) {\n      var _this7 = this;\n      var zoomOut = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      var customBearing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n      var customPitch = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;\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 = _this7.originalFilters[layer.id];\n          _this7.map.setFilter(layer.id, originalFilter);\n          var floorFilter = ['==', ['get', '_floor'], floorIndex];\n          if (originalFilter) {\n            var combinedFilter = ['all', floorFilter, originalFilter];\n            _this7.map.setFilter(layer.id, combinedFilter);\n          } else {\n            _this7.map.setFilter(layer.id, floorFilter);\n          }\n        }\n      });\n      this._currentFloorIndex = floorIndex;\n\n      // Use custom bearing/pitch if provided, otherwise use current values\n      var pitch = customPitch !== null ? customPitch : this.map.getPitch();\n      var bearing = customBearing !== null ? customBearing : this.map.getBearing();\n      if (zoomOut) {\n        var style = this.map.getStyle();\n        var sources = Object.keys(style.sources);\n        var allFeatures = [];\n        sources.forEach(function (sourceId) {\n          var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n          var features = _this7.map.querySourceFeatures(sourceId, {\n            sourceLayer: floorSourceLayer\n          });\n          allFeatures = allFeatures.concat(features);\n        });\n\n        // If we have features, calculate their bounds\n        if (allFeatures.length > 0) {\n          var bounds = new mapboxgl.LngLatBounds();\n          allFeatures.forEach(function (feature) {\n            var geom = feature.geometry;\n            // Handle different geometry types:\n            if (geom.type === 'Point') {\n              bounds.extend(geom.coordinates);\n            } else if (geom.type === 'LineString') {\n              geom.coordinates.forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            } else if (geom.type === 'Polygon') {\n              // For a Polygon, iterate through the outer ring (and inner rings if needed)\n              geom.coordinates[0].forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            }\n            // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n          });\n\n          // Fit the map to these bounds with some padding\n          this.map.fitBounds(bounds, {\n            padding: 50,\n            duration: 1300,\n            maxZoom: 15.5,\n            pitch: pitch,\n            bearing: bearing\n          });\n        } else {\n          // If no features found, zoom out from current center\n          this.map.once('moveend', function () {\n            var allFeaturesAgain = [];\n            sources.forEach(function (sourceId) {\n              var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n              var features = _this7.map.querySourceFeatures(sourceId, {\n                sourceLayer: floorSourceLayer\n              });\n              allFeaturesAgain = allFeaturesAgain.concat(features);\n            });\n            if (allFeaturesAgain.length > 0) {\n              var _bounds = new mapboxgl.LngLatBounds();\n              allFeaturesAgain.forEach(function (feature) {\n                var geom = feature.geometry;\n                // Handle different geometry types:\n                if (geom.type === 'Point') {\n                  _bounds.extend(geom.coordinates);\n                } else if (geom.type === 'LineString') {\n                  geom.coordinates.forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                } else if (geom.type === 'Polygon') {\n                  // For a Polygon, iterate through the outer ring (and inner rings if needed)\n                  geom.coordinates[0].forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                }\n                // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n              });\n\n              // Fit the map to these bounds with some padding\n              _this7.map.fitBounds(_bounds, {\n                padding: 50,\n                duration: 1300,\n                maxZoom: 15.5,\n                pitch: pitch,\n                bearing: bearing\n              });\n            }\n          });\n          this.map.flyTo({\n            zoom: this.map.getZoom() - 3,\n            duration: 500,\n            essential: true\n          });\n        }\n      }\n      this.fire('floorChanged', {\n        floorIndex: floorIndex\n      });\n    }\n  }, {\n    key: \"addHighlightedFeature\",\n    value: function addHighlightedFeature(coordinates, properties) {\n      var source = this.map.getSource('highlighted-content');\n      var currentData = source._data;\n      var newFeature = {\n        'type': 'Feature',\n        'geometry': {\n          'type': 'Point',\n          'coordinates': coordinates\n        },\n        'properties': properties\n      };\n      currentData.features.push(newFeature);\n      source.setData(currentData);\n      return newFeature;\n    }\n  }, {\n    key: \"addSelectedFeature\",\n    value: function addSelectedFeature(coordinates, properties) {\n      var allow_multi_select = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n      var source = this.map.getSource('selected-content');\n      var currentData = source._data;\n      var newFeature = {\n        'type': 'Feature',\n        'geometry': {\n          'type': 'Point',\n          'coordinates': coordinates\n        },\n        'properties': properties\n      };\n      if (allow_multi_select) {\n        currentData.features.push(newFeature);\n      } else {\n        currentData.features = [newFeature];\n      }\n      source.setData(currentData);\n    }\n  }, {\n    key: \"clearSelectedContentLayer\",\n    value: function clearSelectedContentLayer() {\n      this.map.getSource('selected-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n  }, {\n    key: \"clearHighlightedContentLayer\",\n    value: function clearHighlightedContentLayer() {\n      this.map.getSource('highlighted-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n\n    // MARK: Controls\n  }, {\n    key: \"addControl\",\n    value: function addControl(control) {\n      var container = control.onAdd(this);\n      this.mapContainer.appendChild(container);\n    }\n  }, {\n    key: \"removeControl\",\n    value: function removeControl(control) {\n      this.map.removeControl(control);\n    }\n\n    // MARK: Map states\n  }, {\n    key: \"getCurrentState\",\n    value: function getCurrentState() {\n      return this._stateCoordinator.state;\n    }\n  }, {\n    key: \"setToDefaultState\",\n    value: function setToDefaultState() {\n      // console.log(\"SET TO DEFAULT STATE\", this.location);\n      this._stateCoordinator.transitionTo('default');\n    }\n  }, {\n    key: \"setToSearchState\",\n    value: function () {\n      var _setToSearchState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(query) {\n        var skip,\n          limit,\n          floor,\n          results,\n          _args4 = arguments;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              skip = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : 0;\n              limit = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : 40;\n              floor = _args4.length > 3 && _args4[3] !== undefined ? _args4[3] : null;\n              // Set loading state\n              this._stateCoordinator.setLoading(true, 'search');\n              _context4.prev = 4;\n              _context4.next = 7;\n              return this.search(query, skip, limit, floor);\n            case 7:\n              results = _context4.sent;\n              this._stateCoordinator.transitionTo('search', {\n                query: query,\n                results: results\n              });\n              // Loading state will be reset in the transitionTo method\n              _context4.next = 15;\n              break;\n            case 11:\n              _context4.prev = 11;\n              _context4.t0 = _context4[\"catch\"](4);\n              console.error(\"\\u274C MapView: Search error occurred:\", _context4.t0);\n              this._stateCoordinator.setLoading(false, 'search');\n              // Handle error appropriately\n            case 15:\n              _context4.prev = 15;\n              this._stateCoordinator.setLoading(false, 'search');\n              return _context4.finish(15);\n            case 18:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this, [[4, 11, 15, 18]]);\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              // console.log(`📄 MapView: setToSelectedContentState called with IDs:`, contentPlacementIds);\n\n              // Set loading state\n              this._stateCoordinator.setLoading(true, 'content');\n              _context5.prev = 1;\n              lastContentPlacementId = contentPlacementIds[contentPlacementIds.length - 1];\n              _context5.next = 5;\n              return this.getContentPlacementDetails(lastContentPlacementId);\n            case 5:\n              selectedContentPlacement = _context5.sent;\n              this.updateFloor(selectedContentPlacement.floor);\n              this._stateCoordinator.transitionTo('selectedContent', {\n                contentPlacementIds: contentPlacementIds,\n                selectedContentPlacement: selectedContentPlacement\n              });\n              // Loading state will be reset in the transitionTo method\n              _context5.next = 14;\n              break;\n            case 10:\n              _context5.prev = 10;\n              _context5.t0 = _context5[\"catch\"](1);\n              console.error(\"\\u274C MapView: Content loading error occurred:\", _context5.t0);\n              this._stateCoordinator.setLoading(false, 'content');\n              // Handle error appropriately\n            case 14:\n              _context5.prev = 14;\n              this._stateCoordinator.setLoading(false, 'content');\n              return _context5.finish(14);\n            case 17:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this, [[1, 10, 14, 17]]);\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              _context6.prev = 2;\n              startContentPlacement = null;\n              if (!startContentPlacementId) {\n                _context6.next = 8;\n                break;\n              }\n              _context6.next = 7;\n              return this.getContentPlacementDetails(startContentPlacementId);\n            case 7:\n              startContentPlacement = _context6.sent;\n            case 8:\n              endContentPlacement = null;\n              if (!endContentPlacementId) {\n                _context6.next = 13;\n                break;\n              }\n              _context6.next = 12;\n              return this.getContentPlacementDetails(endContentPlacementId);\n            case 12:\n              endContentPlacement = _context6.sent;\n            case 13:\n              this._stateCoordinator.transitionTo('directions', {\n                startContentPlacement: startContentPlacement,\n                endContentPlacement: endContentPlacement\n              });\n              // Loading state will be reset in the transitionTo method\n              _context6.next = 19;\n              break;\n            case 16:\n              _context6.prev = 16;\n              _context6.t0 = _context6[\"catch\"](2);\n              console.error(\"\\u274C MapView: Directions state error occurred:\", _context6.t0);\n              // console.log(`🔄 MapView: Resetting loading state due to error`);\n              // this._stateCoordinator.setLoading(false, 'directions');\n              // Handle error appropriately\n            case 19:\n            case \"end\":\n              return _context6.stop();\n          }\n        }, _callee6, this, [[2, 16]]);\n      }));\n      function setToDirectionsState() {\n        return _setToDirectionsState.apply(this, arguments);\n      }\n      return setToDirectionsState;\n    }()\n  }, {\n    key: \"setToSetupState\",\n    value: function () {\n      var _setToSetupState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {\n        return _regeneratorRuntime().wrap(function _callee7$(_context7) {\n          while (1) switch (_context7.prev = _context7.next) {\n            case 0:\n              // console.log(\"SET TO SETUP STATE\");\n\n              // Reset map view to default top-down perspective\n              if (this.map) {\n                this.map.easeTo({\n                  pitch: 0,\n                  bearing: 0,\n                  duration: 0\n                });\n              }\n              if (!this.setupControl) {\n                this.setupControl = new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].SetupControl();\n                this.addControl(this.setupControl);\n              }\n              this._stateCoordinator.transitionTo('setup');\n            case 3:\n            case \"end\":\n              return _context7.stop();\n          }\n        }, _callee7, this);\n      }));\n      function setToSetupState() {\n        return _setToSetupState.apply(this, arguments);\n      }\n      return setToSetupState;\n    }()\n  }, {\n    key: \"setToSelectionState\",\n    value: function () {\n      var _setToSelectionState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(criteria) {\n        var multiSelect,\n          _selectionStateData$f,\n          _selectionStateData$f2,\n          _selectionStateData$f3,\n          selectionStateData,\n          bounds,\n          _args8 = arguments;\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) switch (_context8.prev = _context8.next) {\n            case 0:\n              multiSelect = _args8.length > 1 && _args8[1] !== undefined ? _args8[1] : true;\n              this.selectionCriteria = criteria;\n              this.multiSelect = multiSelect;\n\n              // Set loading state for selection features\n              this._stateCoordinator.setLoading(true, 'selection');\n\n              // Call the loadMapViewSelectionState endpoint\n              _context8.prev = 4;\n              _context8.next = 7;\n              return this.mapViewApi.loadMapViewSelectionState(this.mapData.map_id, this.mapData.map_view_id, criteria);\n            case 7:\n              selectionStateData = _context8.sent;\n              // Store the GeoJSON data for creating selectable layers\n              this.selectionGeoJSON = selectionStateData;\n              console.log('✅ Selection GeoJSON loaded:', {\n                type: selectionStateData === null || selectionStateData === void 0 ? void 0 : selectionStateData.type,\n                featureCount: selectionStateData === null || selectionStateData === void 0 || (_selectionStateData$f = selectionStateData.features) === null || _selectionStateData$f === void 0 ? void 0 : _selectionStateData$f.length,\n                firstFeature: selectionStateData === null || selectionStateData === void 0 || (_selectionStateData$f2 = selectionStateData.features) === null || _selectionStateData$f2 === void 0 ? void 0 : _selectionStateData$f2[0],\n                fullData: selectionStateData\n              });\n\n              // Transition to selection state WITH the GeoJSON data\n              this._stateCoordinator.transitionTo('selection', {\n                criteria: criteria,\n                geojson: selectionStateData,\n                multiSelect: multiSelect\n              });\n\n              // After transition, animate to fit bounds and lock to bird's eye view\n              if ((selectionStateData === null || selectionStateData === void 0 || (_selectionStateData$f3 = selectionStateData.features) === null || _selectionStateData$f3 === void 0 ? void 0 : _selectionStateData$f3.length) > 0) {\n                // Lock to bird's eye view first\n                this.map.easeTo({\n                  pitch: 0,\n                  bearing: 0,\n                  duration: 500\n                });\n\n                // Calculate bounds from converted GeoJSON features\n                bounds = new mapboxgl.LngLatBounds(); // Add null check here\n                if (selectionStateData && selectionStateData.features) {\n                  selectionStateData.features.forEach(function (feature) {\n                    // Add bounds calculation logic here\n                    // Make sure feature.geometry.coordinates exists\n                    if (feature.geometry && feature.geometry.coordinates) {\n                      // Calculate bounds based on geometry type\n                      if (feature.geometry.type === 'Point') {\n                        bounds.extend(feature.geometry.coordinates);\n                      } else if (feature.geometry.type === 'LineString') {\n                        feature.geometry.coordinates.forEach(function (coord) {\n                          return bounds.extend(coord);\n                        });\n                      } else if (feature.geometry.type === 'Polygon') {\n                        // For a Polygon, iterate through the outer ring (and inner rings if needed)\n                        feature.geometry.coordinates[0].forEach(function (coord) {\n                          return bounds.extend(coord);\n                        });\n                      }\n                    }\n                  });\n\n                  // Only call fitBounds if bounds is valid\n                  if (bounds.isEmpty() === false) {\n                    this.map.fitBounds(bounds, {\n                      padding: 80,\n                      duration: 1000,\n                      maxZoom: 16\n                    });\n                  }\n                }\n              }\n              _context8.next = 19;\n              break;\n            case 14:\n              _context8.prev = 14;\n              _context8.t0 = _context8[\"catch\"](4);\n              console.error('❌ Error loading map view selection state:', _context8.t0);\n              this.selectionGeoJSON = null;\n              // Still transition but without data\n              this._stateCoordinator.transitionTo('selection', {\n                criteria: criteria,\n                geojson: null,\n                multiSelect: multiSelect\n              });\n            case 19:\n              _context8.prev = 19;\n              // Reset loading state\n              this._stateCoordinator.setLoading(false, 'selection');\n              return _context8.finish(19);\n            case 22:\n            case \"end\":\n              return _context8.stop();\n          }\n        }, _callee8, this, [[4, 14, 19, 22]]);\n      }));\n      function setToSelectionState(_x3) {\n        return _setToSelectionState.apply(this, arguments);\n      }\n      return setToSelectionState;\n    }()\n  }, {\n    key: \"getConfirmedSelection\",\n    value: function getConfirmedSelection() {\n      return this.confirmedSelection;\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: \"initiateFindPath\",\n    value: function initiateFindPath(startContentPlacementId, endContentPlacementId) {\n      this.fire('initiate:findPath', {\n        startContentPlacementId: startContentPlacementId,\n        endContentPlacementId: endContentPlacementId\n      });\n    }\n  }, {\n    key: \"initiateFindPathFromLocation\",\n    value: function initiateFindPathFromLocation(endContentPlacement) {\n      this.fire('initiate:findPathFromLocation', {\n        endContentPlacement: endContentPlacement\n      });\n    }\n  }, {\n    key: \"findPath\",\n    value: function () {\n      var _findPath = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(startContentPlacementId, endContentPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) switch (_context9.prev = _context9.next) {\n            case 0:\n              this._stateCoordinator.setLoading(true, 'directions');\n              _context9.prev = 1;\n              _context9.next = 4;\n              return this.routesApi.findPath(this.mapData.map_id, startContentPlacementId, endContentPlacementId);\n            case 4:\n              response_data = _context9.sent;\n              if (!response_data) {\n                _context9.next = 9;\n                break;\n              }\n              return _context9.abrupt(\"return\", response_data);\n            case 9:\n              console.error('Failed to find path.');\n            case 10:\n              _context9.prev = 10;\n              this._stateCoordinator.setLoading(false, 'directions');\n              return _context9.finish(10);\n            case 13:\n            case \"end\":\n              return _context9.stop();\n          }\n        }, _callee9, this, [[1,, 10, 13]]);\n      }));\n      function findPath(_x4, _x5) {\n        return _findPath.apply(this, arguments);\n      }\n      return findPath;\n    }()\n  }, {\n    key: \"findPathFromNodeToPlacement\",\n    value: function () {\n      var _findPathFromNodeToPlacement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(startNodeId, endPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee10$(_context10) {\n          while (1) switch (_context10.prev = _context10.next) {\n            case 0:\n              this._stateCoordinator.setLoading(true, 'directions');\n              _context10.prev = 1;\n              _context10.next = 4;\n              return this.routesApi.findPathFromNodeToPlacement(this.mapData.map_id, startNodeId, endPlacementId);\n            case 4:\n              response_data = _context10.sent;\n              if (!response_data) {\n                _context10.next = 9;\n                break;\n              }\n              return _context10.abrupt(\"return\", response_data);\n            case 9:\n              console.error('Failed to find path.');\n            case 10:\n              _context10.prev = 10;\n              this._stateCoordinator.setLoading(false, 'directions');\n              return _context10.finish(10);\n            case 13:\n            case \"end\":\n              return _context10.stop();\n          }\n        }, _callee10, this, [[1,, 10, 13]]);\n      }));\n      function findPathFromNodeToPlacement(_x6, _x7) {\n        return _findPathFromNodeToPlacement.apply(this, arguments);\n      }\n      return findPathFromNodeToPlacement;\n    }() // MARK: Map methods\n  }, {\n    key: \"_findFeatureByPlacementId\",\n    value: function _findFeatureByPlacementId(placementId) {\n      var features = this.map.queryRenderedFeatures({\n        filter: ['==', ['get', 'placement_id'], placementId]\n      });\n\n      // Return the first feature that matches the placementId\n      return features.length > 0 ? features[0] : null;\n    }\n  }, {\n    key: \"getCenter\",\n    value: function getCenter() {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        return this.map.getCenter();\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"setCenter\",\n    value: function setCenter(lngLat) {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        this.map.setCenter(lngLat);\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"search\",\n    value: function () {\n      var _search = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(query) {\n        var skip,\n          limit,\n          floor,\n          _args11 = arguments;\n        return _regeneratorRuntime().wrap(function _callee11$(_context11) {\n          while (1) switch (_context11.prev = _context11.next) {\n            case 0:\n              skip = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : 0;\n              limit = _args11.length > 2 && _args11[2] !== undefined ? _args11[2] : 40;\n              floor = _args11.length > 3 && _args11[3] !== undefined ? _args11[3] : null;\n              if (!(query === '')) {\n                _context11.next = 5;\n                break;\n              }\n              return _context11.abrupt(\"return\");\n            case 5:\n              if (this.mapData) {\n                _context11.next = 7;\n                break;\n              }\n              return _context11.abrupt(\"return\");\n            case 7:\n              _context11.prev = 7;\n              _context11.next = 10;\n              return this.searchApi.search(this.mapData.map_id, this.mapData.map_view_id, query, skip, limit, floor);\n            case 10:\n              return _context11.abrupt(\"return\", _context11.sent);\n            case 13:\n              _context11.prev = 13;\n              _context11.t0 = _context11[\"catch\"](7);\n              if (axios.isCancel(_context11.t0)) {\n                console.error('Request canceled:', _context11.t0.message);\n              } else {\n                console.error('Search error:', _context11.t0);\n              }\n            case 16:\n            case \"end\":\n              return _context11.stop();\n          }\n        }, _callee11, this, [[7, 13]]);\n      }));\n      function search(_x8) {\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 _callee12(contentPlacementId) {\n        var details;\n        return _regeneratorRuntime().wrap(function _callee12$(_context12) {\n          while (1) switch (_context12.prev = _context12.next) {\n            case 0:\n              _context12.prev = 0;\n              _context12.next = 3;\n              return this.searchApi.fetchContentPlacementDetails(contentPlacementId);\n            case 3:\n              details = _context12.sent;\n              return _context12.abrupt(\"return\", details);\n            case 7:\n              _context12.prev = 7;\n              _context12.t0 = _context12[\"catch\"](0);\n              if (axios.isCancel(_context12.t0)) {\n                console.error('Request canceled:', _context12.t0.message);\n              } else {\n                console.error('Fetching content placement details error:', _context12.t0);\n              }\n            case 10:\n            case \"end\":\n              return _context12.stop();\n          }\n        }, _callee12, this, [[0, 7]]);\n      }));\n      function getContentPlacementDetails(_x9) {\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    key: \"removeMatchingFeaturesFromExistingLayers\",\n    value: function removeMatchingFeaturesFromExistingLayers(criteria) {\n      var _this8 = 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          var layerId = layer.id;\n\n          // Skip our own selectable layers\n          if (layerId.includes('selectable-') || layerId.includes('booked-') || layerId.includes('selected-feature') || layerId.includes('confirmed-selection')) {\n            return;\n          }\n\n          // Get current filter\n          var currentFilter = _this8.map.getFilter(layerId);\n\n          // Create a filter to exclude features that match ALL criteria\n          var matchingCondition = null;\n          var _loop = function _loop() {\n            var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),\n              property = _Object$entries$_i[0],\n              value = _Object$entries$_i[1];\n            var condition;\n            if (Array.isArray(value)) {\n              // Handle multiple values (e.g., size: ['10x10', '20x10'])\n              var conditions = value.map(function (v) {\n                return ['==', ['get', property], v];\n              });\n              condition = ['any'].concat(_toConsumableArray(conditions));\n            } else {\n              // Handle single value\n              condition = ['==', ['get', property], value];\n            }\n            if (matchingCondition === null) {\n              matchingCondition = condition;\n            } else {\n              // Combine with AND logic - feature must match ALL criteria\n              matchingCondition = ['all', matchingCondition, condition];\n            }\n          };\n          for (var _i = 0, _Object$entries = Object.entries(criteria); _i < _Object$entries.length; _i++) {\n            _loop();\n          }\n\n          // Create exclusion filter - hide features that match ALL criteria\n          var exclusionFilter = ['!', matchingCondition];\n\n          // Apply the exclusion filter\n          if (exclusionFilter) {\n            if (currentFilter) {\n              // Combine with existing filter\n              var combinedFilter = ['all', currentFilter, exclusionFilter];\n              _this8.map.setFilter(layerId, combinedFilter);\n            } else {\n              // Apply only the exclusion filter\n              _this8.map.setFilter(layerId, exclusionFilter);\n            }\n          }\n        }\n      });\n    }\n  }, {\n    key: \"_getLabelGeometry\",\n    value: function _getLabelGeometry(feature) {\n      var refCoordinate = [0.0, 0.0];\n      var scalingFactor = 30.0;\n      if (feature.properties.label_location) {\n        var labelLocation = feature.properties.label_location;\n\n        // Parse JSON string if label_location is a string\n        if (typeof labelLocation === 'string') {\n          try {\n            labelLocation = JSON.parse(labelLocation);\n          } catch (error) {\n            console.warn('Failed to parse label_location JSON:', error);\n            return feature.geometry;\n          }\n        }\n        if (labelLocation && labelLocation.coordinates && Array.isArray(labelLocation.coordinates) && labelLocation.coordinates.length >= 2) {\n          var labelCoords = labelLocation.coordinates;\n          if (typeof labelCoords[0] === 'number' && typeof labelCoords[1] === 'number') {\n            var convertedLabelCoords = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__.convertVerticesToCoordinates)([labelCoords], refCoordinate, scalingFactor);\n\n            // Round coordinates to reduce precision issues\n            var roundedCoords = [Math.round(convertedLabelCoords[0][0] * 1000000) / 1000000,\n            // ~6 decimal places\n            Math.round(convertedLabelCoords[0][1] * 1000000) / 1000000];\n            return {\n              type: 'Point',\n              coordinates: roundedCoords\n            };\n          }\n        }\n      }\n      return feature.geometry;\n    }\n  }, {\n    key: \"_findOriginalFeature\",\n    value: function _findOriginalFeature(featureId) {\n      if (!this.selectionGeoJSON || !this.selectionGeoJSON.features) {\n        return null;\n      }\n      return this.selectionGeoJSON.features.find(function (feature) {\n        return feature.properties.feature_id === featureId;\n      });\n    }\n  }, {\n    key: \"createSelectableContentLayers\",\n    value: function createSelectableContentLayers() {\n      var _this9 = this;\n      var geojsonData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n      var dataToUse = geojsonData || this.selectionGeoJSON;\n      if (!dataToUse || !dataToUse.features) {\n        console.error('❌ NO DATA TO CREATE LAYERS');\n        return;\n      }\n      try {\n        // Remove old layers if they exist\n        if (this.map.getLayer('selectable-label-layer')) this.map.removeLayer('selectable-label-layer');\n        if (this.map.getLayer('selectable-outline-layer')) this.map.removeLayer('selectable-outline-layer');\n        if (this.map.getLayer('selectable-fill-layer')) this.map.removeLayer('selectable-fill-layer');\n        if (this.map.getLayer('booked-label-layer')) this.map.removeLayer('booked-label-layer');\n        // if (this.map.getLayer('booked-outline-layer')) this.map.removeLayer('booked-outline-layer');\n        if (this.map.getLayer('booked-fill-layer')) this.map.removeLayer('booked-fill-layer');\n        if (this.map.getSource('selectable-labels')) this.map.removeSource('selectable-labels');\n        if (this.map.getSource('selectable-content')) this.map.removeSource('selectable-content');\n        if (this.map.getSource('booked-labels')) this.map.removeSource('booked-labels');\n        if (this.map.getSource('booked-content')) this.map.removeSource('booked-content');\n\n        // Convert features from meter coordinates to lat/lon\n        var refCoordinate = [0.0, 0.0]; // Reference point\n        var scalingFactor = 30.0; // Same as used elsewhere in the app\n\n        var convertedFeatures = dataToUse.features;\n\n        // Separate features into selectable and booked\n        var selectableFeatures = convertedFeatures.filter(function (feature) {\n          return feature.properties.booking_status !== 'booked';\n        });\n        var bookedFeatures = convertedFeatures.filter(function (feature) {\n          return feature.properties.booking_status === 'booked';\n        });\n\n        // Create selectable GeoJSON\n        var selectableGeoJSON = {\n          type: 'FeatureCollection',\n          features: selectableFeatures\n        };\n\n        // Create booked GeoJSON\n        var bookedGeoJSON = {\n          type: 'FeatureCollection',\n          features: bookedFeatures\n        };\n\n        // Add selectable content source\n        this.map.addSource('selectable-content', {\n          type: 'geojson',\n          data: selectableGeoJSON,\n          promoteId: 'feature_id'\n        });\n\n        // Add booked content source\n        this.map.addSource('booked-content', {\n          type: 'geojson',\n          data: bookedGeoJSON,\n          // promoteId: 'placement_id'\n          promoteId: 'feature_id'\n        });\n\n        // Create label features for selectable content\n        var selectableLabelFeatures = selectableFeatures.map(function (feature) {\n          var labelGeometry;\n          if (feature.properties.label_location) {\n            var labelCoords = feature.properties.label_location.coordinates;\n            var convertedLabelCoords = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__.convertVerticesToCoordinates)([labelCoords], refCoordinate, scalingFactor);\n            labelGeometry = {\n              type: 'Point',\n              coordinates: convertedLabelCoords[0]\n            };\n          } else {\n            labelGeometry = feature.geometry;\n          }\n          return {\n            type: 'Feature',\n            geometry: labelGeometry,\n            properties: feature.properties\n          };\n        });\n\n        // Create label features for booked content\n        var bookedLabelFeatures = bookedFeatures.map(function (feature) {\n          var labelGeometry;\n          if (feature.properties.label_location) {\n            var labelCoords = feature.properties.label_location.coordinates;\n            var convertedLabelCoords = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__.convertVerticesToCoordinates)([labelCoords], refCoordinate, scalingFactor);\n            labelGeometry = {\n              type: 'Point',\n              coordinates: convertedLabelCoords[0]\n            };\n          } else {\n            labelGeometry = feature.geometry;\n          }\n          return {\n            type: 'Feature',\n            geometry: labelGeometry,\n            properties: feature.properties\n          };\n        });\n        this.map.addSource('selectable-labels', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: selectableLabelFeatures\n          }\n        });\n        this.map.addSource('booked-labels', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: bookedLabelFeatures\n          }\n        });\n\n        // Create canvas-based checkmark icon for confirmed selections\n        var canvas = document.createElement('canvas');\n        var baseSize = 48;\n        var scaleFactor = 1;\n        canvas.width = baseSize * scaleFactor;\n        canvas.height = baseSize * scaleFactor;\n        var ctx = canvas.getContext('2d');\n        ctx.scale(scaleFactor, scaleFactor);\n\n        // Draw white circle background\n        ctx.fillStyle = 'white';\n        ctx.beginPath();\n        ctx.arc(24, 24, 20, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw green circle border\n        ctx.strokeStyle = '#00C853';\n        ctx.lineWidth = 3;\n        ctx.stroke();\n\n        // Draw green checkmark\n        ctx.strokeStyle = '#00C853';\n        ctx.lineWidth = 4;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n        ctx.beginPath();\n        ctx.moveTo(14, 24);\n        ctx.lineTo(20, 30);\n        ctx.lineTo(34, 16);\n        ctx.stroke();\n        var pngDataUri = canvas.toDataURL('image/png');\n        this.map.loadImage(pngDataUri, function (error, image) {\n          if (error) {\n            console.error('❌ Error loading canvas checkmark icon:', error);\n          } else {\n            _this9.map.addImage('checkmark-icon', image);\n            if (!_this9.map.getLayer('confirmed-selection-icon-layer')) {\n              _this9.map.addLayer({\n                id: 'confirmed-selection-icon-layer',\n                type: 'symbol',\n                source: 'confirmed-selection-labels',\n                layout: {\n                  'icon-image': 'checkmark-icon',\n                  'icon-size': 0.60,\n                  'icon-anchor': 'center',\n                  'icon-allow-overlap': true\n                }\n              });\n            }\n          }\n        });\n\n        // Create confirmed selection label source\n        this.map.addSource('confirmed-selection-labels', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: []\n          }\n        });\n\n        // Add confirmed selection label layer\n        this.map.addLayer({\n          id: 'confirmed-selection-label-layer',\n          type: 'symbol',\n          source: 'confirmed-selection-labels',\n          layout: {\n            'text-field': ['get', 'name'],\n            'text-font': ['Inter Medium', 'Arial Unicode MS Regular'],\n            'text-size': ['interpolate', ['exponential', 1.99], ['zoom'], 12, 1.5, 22, 1000]\n          },\n          paint: {\n            'text-color': '#00C853',\n            'text-halo-color': '#ffffff',\n            'text-halo-width': 1\n          }\n        });\n        this.map.addSource('confirmed-selection', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: []\n          }\n        });\n\n        // Add layers in correct order (bottom to top)\n        // 1. Booked fill layer (light grey) - bottom layer\n        this.map.addLayer({\n          id: 'booked-fill-layer',\n          type: 'fill',\n          source: 'booked-content',\n          paint: {\n            'fill-color': '#f2f2f2',\n            'fill-opacity': 1.0\n          }\n        });\n\n        // 2. Booked outline layer (grey outline)\n        // this.map.addLayer({\n        //     id: 'booked-outline-layer',\n        //     type: 'line',\n        //     source: 'booked-content',\n        //     paint: {\n        //         'line-color': '#999999',\n        //         'line-width': 1\n        //     }\n        // });\n        // console.log('✅ BOOKED OUTLINE LAYER ADDED');\n\n        // 3. Booked label layer (grey text)\n        this.map.addLayer({\n          id: 'booked-label-layer',\n          type: 'symbol',\n          source: 'booked-labels',\n          layout: {\n            'text-field': ['get', 'name'],\n            'text-font': ['Inter Medium', 'Arial Unicode MS Regular'],\n            'text-size': ['interpolate', ['exponential', 1.99], ['zoom'], 12, 1.5, 22, 1000]\n          },\n          paint: {\n            'text-color': '#666666',\n            'text-halo-color': '#ffffff',\n            'text-halo-width': 1\n          }\n        });\n\n        // 4. Base selectable fill layer (white)\n        this.map.addLayer({\n          id: 'selectable-fill-layer',\n          type: 'fill',\n          source: 'selectable-content',\n          paint: {\n            'fill-color': '#FFFFFF',\n            'fill-opacity': 0.8\n          }\n        });\n\n        // 5. Selectable outline layer (blue outline)\n        this.map.addLayer({\n          id: 'selectable-outline-layer',\n          type: 'line',\n          source: 'selectable-content',\n          paint: {\n            'line-color': '#1987ff',\n            'line-width': 2\n          }\n        });\n\n        // 6. Confirmed selection fill layer (light green fill)\n        this.map.addLayer({\n          id: 'confirmed-selection-fill-layer',\n          type: 'fill',\n          source: 'confirmed-selection',\n          paint: {\n            'fill-color': '#d1fae2',\n            'fill-opacity': ['interpolate', ['linear'], ['zoom'], 10, 0.6, 16, 0.8]\n          }\n        });\n\n        // 7. Confirmed selection outline layer (green outline)\n        this.map.addLayer({\n          id: 'confirmed-selection-outline-layer',\n          type: 'line',\n          source: 'confirmed-selection',\n          paint: {\n            'line-color': '#00C853',\n            'line-width': 2,\n            'line-opacity': ['interpolate', ['linear'], ['zoom'], 10, 0.7, 16, 1.0]\n          }\n        });\n\n        // 8. Selectable label layer (blue text)\n        this.map.addLayer({\n          id: 'selectable-label-layer',\n          type: 'symbol',\n          source: 'selectable-labels',\n          layout: {\n            'text-field': ['get', 'name'],\n            'text-font': ['Inter Medium', 'Arial Unicode MS Regular'],\n            'text-size': ['interpolate', ['exponential', 1.99], ['zoom'], 12, 1.5, 22, 1000]\n          },\n          paint: {\n            'text-color': '#0263ca',\n            'text-halo-color': '#ffffff',\n            'text-halo-width': 1\n          }\n        });\n\n        // Verify layer order and existence\n        var allLayers = this.map.getStyle().layers;\n        var ourLayers = allLayers.filter(function (layer) {\n          return layer.id.includes('selectable-') || layer.id.includes('booked-') || layer.id.includes('confirmed-selection');\n        });\n      } catch (error) {\n        console.error('❌ ERROR:', error);\n        console.error('Stack:', error.stack);\n      }\n    }\n  }, {\n    key: \"removeSelectableContentLayers\",\n    value: function removeSelectableContentLayers() {\n      var _this10 = this;\n      // Remove layers if they exist\n      var layerIds = ['selectable-label-layer', 'selectable-outline-layer', 'selectable-fill-layer', 'booked-label-layer',\n      // 'booked-outline-layer', \n      'booked-fill-layer', 'confirmed-selection-fill-layer', 'confirmed-selection-outline-layer', 'confirmed-selection-icon-layer', 'confirmed-selection-label-layer'];\n      layerIds.forEach(function (layerId) {\n        if (_this10.map.getLayer(layerId)) {\n          _this10.map.removeLayer(layerId);\n        }\n      });\n\n      // Remove sources if they exist\n      if (this.map.getSource('selectable-content')) {\n        this.map.removeSource('selectable-content');\n      }\n      if (this.map.getSource('selectable-labels')) {\n        this.map.removeSource('selectable-labels');\n      }\n      if (this.map.getSource('booked-content')) {\n        this.map.removeSource('booked-content');\n      }\n      if (this.map.getSource('booked-labels')) {\n        this.map.removeSource('booked-labels');\n      }\n      if (this.map.getSource('confirmed-selection')) {\n        this.map.removeSource('confirmed-selection');\n      }\n      if (this.map.getSource('confirmed-selection-labels')) {\n        this.map.removeSource('confirmed-selection-labels');\n      }\n\n      // Remove checkmark icon\n      if (this.map.hasImage('checkmark-icon')) {\n        this.map.removeImage('checkmark-icon');\n      }\n    }\n\n    // Clear confirmed selection layers\n  }, {\n    key: \"clearSelectionLayers\",\n    value: function clearSelectionLayers() {\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      var confirmedLabelsSource = this.map.getSource('confirmed-selection-labels');\n      if (confirmedSource) {\n        confirmedSource.setData({\n          type: 'FeatureCollection',\n          features: []\n        });\n      }\n      if (confirmedLabelsSource) {\n        confirmedLabelsSource.setData({\n          type: 'FeatureCollection',\n          features: []\n        });\n      }\n    }\n\n    // Add feature directly to confirmed selection (immediate selection)\n  }, {\n    key: \"addConfirmedSelectionFeature\",\n    value: function addConfirmedSelectionFeature(feature) {\n      var _this11 = this;\n      var clearExisting = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      var confirmedLabelsSource = this.map.getSource('confirmed-selection-labels');\n      var selectableSource = this.map.getSource('selectable-content');\n      var selectableLabelsSource = this.map.getSource('selectable-labels');\n      if (!confirmedSource || !confirmedLabelsSource || !selectableSource || !selectableLabelsSource) {\n        console.error('❌ Required sources not found for confirmed selection');\n        return;\n      }\n      var confirmedData = confirmedSource._data;\n      var confirmedLabelsData = confirmedLabelsSource._data;\n      var selectableData = selectableSource._data;\n      var selectableLabelsData = selectableLabelsSource._data;\n\n      // Use feature_id as the primary identifier since it's guaranteed to exist\n      var featureId = feature.properties.feature_id;\n\n      // Clear existing selections if requested (single-select mode)\n      if (clearExisting) {\n        // Move all confirmed features back to selectable layers using original geometry\n        confirmedData.features.forEach(function (confirmedFeature) {\n          var confirmedFeatureId = confirmedFeature.properties.feature_id;\n\n          // Get original feature geometry\n          var originalFeature = _this11._findOriginalFeature(confirmedFeatureId);\n          if (originalFeature) {\n            // Use original geometry\n            selectableData.features.push(originalFeature);\n            selectableLabelsData.features.push({\n              type: 'Feature',\n              geometry: _this11._getLabelGeometry(originalFeature),\n              properties: originalFeature.properties\n            });\n          } else {\n            // Fallback to current geometry\n            console.warn('⚠️ Original feature not found for feature:', confirmedFeatureId);\n            selectableData.features.push(confirmedFeature);\n            selectableLabelsData.features.push({\n              type: 'Feature',\n              geometry: _this11._getLabelGeometry(confirmedFeature),\n              properties: confirmedFeature.properties\n            });\n          }\n        });\n\n        // Clear confirmed layers\n        confirmedData.features = [];\n        confirmedLabelsData.features = [];\n      }\n\n      // Add new feature to confirmed layers\n      // CHECK: Don't add if feature already exists\n      var alreadyExists = confirmedData.features.some(function (f) {\n        return f.properties.feature_id === featureId;\n      });\n      if (!alreadyExists) {\n        confirmedData.features.push(feature);\n        confirmedSource.setData(confirmedData);\n\n        // Create and add label feature\n        var labelFeature = {\n          type: 'Feature',\n          geometry: this._getLabelGeometry(feature),\n          properties: feature.properties\n        };\n        confirmedLabelsData.features.push(labelFeature);\n        confirmedLabelsSource.setData(confirmedLabelsData);\n\n        // Remove from selectable layers using feature_id\n        selectableData.features = selectableData.features.filter(function (f) {\n          return f.properties.feature_id !== featureId;\n        });\n        selectableSource.setData(selectableData);\n        selectableLabelsData.features = selectableLabelsData.features.filter(function (f) {\n          return f.properties.feature_id !== featureId;\n        });\n        selectableLabelsSource.setData(selectableLabelsData);\n      }\n    }\n\n    // Remove feature from confirmed selection (deselect)\n  }, {\n    key: \"removeConfirmedSelectionFeature\",\n    value: function removeConfirmedSelectionFeature(featureId) {\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      var confirmedLabelsSource = this.map.getSource('confirmed-selection-labels');\n      var selectableSource = this.map.getSource('selectable-content');\n      var selectableLabelsSource = this.map.getSource('selectable-labels');\n      if (!confirmedSource || !confirmedLabelsSource || !selectableSource || !selectableLabelsSource) {\n        console.error('❌ Required sources not found for confirmed selection');\n        return;\n      }\n      var confirmedData = confirmedSource._data;\n      var confirmedLabelsData = confirmedLabelsSource._data;\n      var selectableData = selectableSource._data;\n      var selectableLabelsData = selectableLabelsSource._data;\n\n      // Find and remove feature from confirmed layers using feature_id\n      var featureToRemove = confirmedData.features.find(function (f) {\n        return f.properties.feature_id === featureId;\n      });\n      if (!featureToRemove) {\n        return;\n      }\n\n      // Get the original feature geometry from the original GeoJSON\n      var originalFeature = this._findOriginalFeature(featureId);\n      if (!originalFeature) {\n        console.warn('⚠️ Original feature not found for feature:', featureId);\n        // Fallback to using the current geometry\n        var fallbackFeature = featureToRemove;\n        selectableData.features.push(fallbackFeature);\n        selectableSource.setData(selectableData);\n        var labelFeature = {\n          type: 'Feature',\n          geometry: this._getLabelGeometry(fallbackFeature),\n          properties: fallbackFeature.properties\n        };\n        selectableLabelsData.features.push(labelFeature);\n        selectableLabelsSource.setData(selectableLabelsData);\n      } else {\n        // Use original geometry - this ensures high quality geometry\n        selectableData.features.push(originalFeature);\n        selectableSource.setData(selectableData);\n        var _labelFeature = {\n          type: 'Feature',\n          geometry: this._getLabelGeometry(originalFeature),\n          properties: originalFeature.properties\n        };\n        selectableLabelsData.features.push(_labelFeature);\n        selectableLabelsSource.setData(selectableLabelsData);\n      }\n\n      // Remove from confirmed layers\n      confirmedData.features = confirmedData.features.filter(function (f) {\n        return f.properties.feature_id !== featureId;\n      });\n      confirmedSource.setData(confirmedData);\n      confirmedLabelsData.features = confirmedLabelsData.features.filter(function (f) {\n        return f.properties.feature_id !== featureId;\n      });\n      confirmedLabelsSource.setData(confirmedLabelsData);\n    }\n\n    // Update _findOriginalFeature to use feature_id instead of placement_id\n    // _findOriginalFeature(featureId) {\n    //     if (!this.selectionGeoJSON || !this.selectionGeoJSON.features) {\n    //         return null;\n    //     }\n\n    //     return this.selectionGeoJSON.features.find(feature => \n    //         feature.properties.feature_id === featureId\n    //     );\n    // }\n\n    // Get all currently confirmed selection features\n  }, {\n    key: \"getConfirmedSelectionFeatures\",\n    value: function getConfirmedSelectionFeatures() {\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      if (!confirmedSource) {\n        return [];\n      }\n      return confirmedSource._data.features || [];\n    }\n\n    // Check if a feature is currently selected\n  }, {\n    key: \"isFeatureSelected\",\n    value: function isFeatureSelected(placementId) {\n      var confirmedFeatures = this.getConfirmedSelectionFeatures();\n      return confirmedFeatures.some(function (f) {\n        return f.properties.placement_id === placementId || f.properties.feature_id === placementId;\n      });\n    }\n  }, {\n    key: \"_initializeState\",\n    value: function () {\n      var _initializeState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {\n        var _this$initialStateDat, _this$initialStateDat2;\n        return _regeneratorRuntime().wrap(function _callee13$(_context13) {\n          while (1) switch (_context13.prev = _context13.next) {\n            case 0:\n              _context13.prev = 0;\n              _context13.t0 = this.initialState;\n              _context13.next = _context13.t0 === 'default' ? 4 : _context13.t0 === 'search' ? 6 : _context13.t0 === 'selectedContent' ? 13 : _context13.t0 === 'directions' ? 20 : _context13.t0 === 'selection' ? 23 : _context13.t0 === 'setup' ? 32 : 35;\n              break;\n            case 4:\n              // Default state - explicitly fire the state:default event\n              this._stateCoordinator.transitionTo('default');\n              return _context13.abrupt(\"break\", 38);\n            case 6:\n              if (!(this.initialStateData && this.initialStateData.query)) {\n                _context13.next = 11;\n                break;\n              }\n              _context13.next = 9;\n              return this.setToSearchState(this.initialStateData.query, this.initialStateData.skip || 0, this.initialStateData.limit || 40, this.initialStateData.floor || null);\n            case 9:\n              _context13.next = 12;\n              break;\n            case 11:\n              console.warn('⚠️ Search state requires initialStateData with query property');\n            case 12:\n              return _context13.abrupt(\"break\", 38);\n            case 13:\n              if (!(this.initialStateData && this.initialStateData.contentPlacementIds)) {\n                _context13.next = 18;\n                break;\n              }\n              _context13.next = 16;\n              return this.setToSelectedContentState(this.initialStateData.contentPlacementIds);\n            case 16:\n              _context13.next = 19;\n              break;\n            case 18:\n              console.warn('⚠️ SelectedContent state requires initialStateData with contentPlacementIds property');\n            case 19:\n              return _context13.abrupt(\"break\", 38);\n            case 20:\n              _context13.next = 22;\n              return this.setToDirectionsState(((_this$initialStateDat = this.initialStateData) === null || _this$initialStateDat === void 0 ? void 0 : _this$initialStateDat.startContentPlacementId) || null, ((_this$initialStateDat2 = this.initialStateData) === null || _this$initialStateDat2 === void 0 ? void 0 : _this$initialStateDat2.endContentPlacementId) || null);\n            case 22:\n              return _context13.abrupt(\"break\", 38);\n            case 23:\n              if (!(this.initialStateData && this.initialStateData.criteria)) {\n                _context13.next = 29;\n                break;\n              }\n              _context13.next = 26;\n              return this.setToSelectionState(this.initialStateData.criteria, this.initialStateData.multiSelect !== false // Default to true\n              );\n            case 26:\n              // Hide loading overlay after selection state is loaded\n              this._hideSelectionLoadingOverlay();\n              _context13.next = 31;\n              break;\n            case 29:\n              console.warn('⚠️ Selection state requires initialStateData with criteria property');\n              // Hide loading overlay on invalid data\n              this._hideSelectionLoadingOverlay();\n            case 31:\n              return _context13.abrupt(\"break\", 38);\n            case 32:\n              _context13.next = 34;\n              return this.setToSetupState();\n            case 34:\n              return _context13.abrupt(\"break\", 38);\n            case 35:\n              console.warn('⚠️ Unknown initial state:', this.initialState);\n              // Hide loading overlay on unknown state\n              this._hideSelectionLoadingOverlay();\n              return _context13.abrupt(\"break\", 38);\n            case 38:\n              _context13.next = 45;\n              break;\n            case 40:\n              _context13.prev = 40;\n              _context13.t1 = _context13[\"catch\"](0);\n              console.error('❌ Error initializing state:', _context13.t1);\n              // Hide loading overlay on error\n              this._hideSelectionLoadingOverlay();\n              // Fall back to default state\n              this._stateCoordinator.transitionTo('default');\n            case 45:\n            case \"end\":\n              return _context13.stop();\n          }\n        }, _callee13, this, [[0, 40]]);\n      }));\n      function _initializeState() {\n        return _initializeState2.apply(this, arguments);\n      }\n      return _initializeState;\n    }()\n  }, {\n    key: \"_createSelectionLoadingOverlay\",\n    value: function _createSelectionLoadingOverlay() {\n      this.selectionLoadingOverlay = document.createElement('div');\n      this.selectionLoadingOverlay.className = 'selection-loading-overlay';\n\n      // Option 2: NEW Circular progress loader - FIXED SIZE\n      var progressContainer = document.createElement('div');\n      progressContainer.className = 'selection-circular-progress';\n\n      // Create SVG for circular progress with smaller circle to prevent cutoff\n      var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n      svg.setAttribute('viewBox', '0 0 40 40'); // Keep viewBox at 40x40\n\n      // Background circle - smaller radius to fit within container\n      var backgroundCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n      backgroundCircle.setAttribute('class', 'progress-ring');\n      backgroundCircle.setAttribute('cx', '20'); // Center X\n      backgroundCircle.setAttribute('cy', '20'); // Center Y\n      backgroundCircle.setAttribute('r', '15'); // Radius 15 (30px diameter) - smaller to prevent cutoff\n\n      // Progress circle - same smaller radius\n      var progressCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n      progressCircle.setAttribute('class', 'progress-ring-fill');\n      progressCircle.setAttribute('cx', '20'); // Center X\n      progressCircle.setAttribute('cy', '20'); // Center Y\n      progressCircle.setAttribute('r', '15'); // Radius 15 (30px diameter) - smaller to prevent cutoff\n\n      svg.appendChild(backgroundCircle);\n      svg.appendChild(progressCircle);\n      progressContainer.appendChild(svg);\n      this.selectionLoadingOverlay.appendChild(progressContainer);\n\n      // Append to the map container's parent (the actual map div) to ensure it covers everything\n      var mapElement = document.getElementById(this.options.container);\n      if (mapElement) {\n        mapElement.appendChild(this.selectionLoadingOverlay);\n      } else {\n        // Fallback to mapContainer if parent not found\n        this.mapContainer.appendChild(this.selectionLoadingOverlay);\n      }\n    }\n  }, {\n    key: \"_showSelectionLoadingOverlay\",\n    value: function _showSelectionLoadingOverlay() {\n      if (this.selectionLoadingOverlay) {\n        this.selectionLoadingOverlay.style.display = 'flex';\n\n        // Start the circular progress animation\n        var progressCircle = this.selectionLoadingOverlay.querySelector('.progress-ring-fill');\n        if (progressCircle) {\n          // Reset animation\n          progressCircle.classList.remove('animating');\n          progressCircle.style.strokeDashoffset = '94.2';\n\n          // Start animation after a small delay to ensure it's visible\n          setTimeout(function () {\n            progressCircle.classList.add('animating');\n          }, 50);\n        }\n      }\n    }\n  }, {\n    key: \"_hideSelectionLoadingOverlay\",\n    value: function _hideSelectionLoadingOverlay() {\n      if (this.selectionLoadingOverlay) {\n        this.selectionLoadingOverlay.classList.add('hidden');\n        var progressCircle = this.selectionLoadingOverlay.querySelector('.progress-ring-fill');\n        if (progressCircle) {\n          progressCircle.classList.remove('animating');\n          progressCircle.style.strokeDashoffset = '188.4';\n        }\n        // setTimeout(() => {\n        //     if (this.selectionLoadingOverlay) {\n        //         this.selectionLoadingOverlay.style.display = 'none';\n        //         this.selectionLoadingOverlay.classList.remove('hidden');\n\n        //         // Reset progress animation for next time\n        //         const progressCircle = this.selectionLoadingOverlay.querySelector('.progress-ring-fill');\n        //         if (progressCircle) {\n        //             progressCircle.classList.remove('animating');\n        //             progressCircle.style.strokeDashoffset = '188.4';\n        //         }\n        //     }\n        // }, 100); // Match the CSS transition duration\n      }\n    }\n  }, {\n    key: \"_initializeKioskReset\",\n    value: function _initializeKioskReset() {\n      var _this12 = this;\n      // Reset the timer when any state changes\n      this.on('state:default', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:search', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:selectedContent', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:directions', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:setup', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:selection', function () {\n        return _this12._resetKioskTimer();\n      });\n\n      // Reset the timer when camera changes (user interaction with map)\n      this.on('moveend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('zoomend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('pitchend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('rotateend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('dragend', function () {\n        return _this12._resetKioskTimer();\n      });\n\n      // Start the timer - delay slightly to ensure listeners are attached\n      setTimeout(function () {\n        _this12._startKioskTimer();\n      }, 100);\n    }\n  }, {\n    key: \"_startKioskTimer\",\n    value: function _startKioskTimer() {\n      var _this13 = this;\n      var resetTimeSeconds = KIOSK_RESET_TIME / 1000;\n      var timeRemaining = resetTimeSeconds;\n\n      // Clear any existing countdown interval first\n      if (this.kioskCountdownInterval) {\n        clearInterval(this.kioskCountdownInterval);\n      }\n\n      // Start countdown logging\n      this.kioskCountdownInterval = setInterval(function () {\n        timeRemaining--;\n        if (timeRemaining <= 0) {\n          clearInterval(_this13.kioskCountdownInterval);\n        }\n      }, 1000);\n\n      // Set the actual reset timer\n      this.kioskResetTimer = setTimeout(function () {\n        var currentState = _this13._stateCoordinator.state;\n        var currentFloor = _this13._currentFloorIndex;\n        var defaultFloor = _this13._defaultFloorIndex;\n        var defaultBearing = _this13._defaultBearing;\n        var defaultPitch = _this13._defaultPitch;\n\n        // Reset to default floor with default camera settings\n        _this13.updateFloor(defaultFloor, true, defaultBearing, defaultPitch);\n\n        // Reset state to default if not already\n        if (currentState !== 'default') {\n          _this13.setToDefaultState();\n        }\n\n        // Clear the countdown interval\n        if (_this13.kioskCountdownInterval) {\n          clearInterval(_this13.kioskCountdownInterval);\n        }\n      }, KIOSK_RESET_TIME);\n    }\n  }, {\n    key: \"_resetKioskTimer\",\n    value: function _resetKioskTimer() {\n      var currentState = this._stateCoordinator.state;\n\n      // Clear existing timer\n      if (this.kioskResetTimer) {\n        clearTimeout(this.kioskResetTimer);\n      }\n\n      // Clear any existing countdown interval\n      if (this.kioskCountdownInterval) {\n        clearInterval(this.kioskCountdownInterval);\n      }\n\n      // Restart the timer\n      this._startKioskTimer();\n    }\n  }, {\n    key: \"_destroyKioskTimer\",\n    value: function _destroyKioskTimer() {\n      if (this.kioskResetTimer) {\n        clearTimeout(this.kioskResetTimer);\n        this.kioskResetTimer = null;\n      }\n      if (this.kioskCountdownInterval) {\n        clearInterval(this.kioskCountdownInterval);\n        this.kioskCountdownInterval = null;\n      }\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\");\n/* harmony import */ var _assets_loading_spinner_1_svg__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../assets/loading-spinner 1.svg */ \"./src/assets/loading-spinner 1.svg\");\n/* harmony import */ var _utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils/coordinateSystems */ \"./src/utils/coordinateSystems.js\");\nvar _defaultMapOptions;\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 _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 _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 _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 _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 _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 _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); }\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 _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\n\n\n\n\n\n\n\n\n\n// import WaygoLogoUrl from \"../../assets/WaygoLogoWhite.svg\";\n// import WaygoLogoUrl from \"../../assets/WaygoIconWhite.svg\";\n\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 KIOSK_RESET_TIME = 90000;\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 = (_defaultMapOptions = {\n  container: 'map',\n  sourceId: '2024.2xw_YUXYS8GoDTB2AQgN3A',\n  center: [0, 0],\n  floor: 0,\n  zoom: 13,\n  bearing: 0,\n  // 46.15762290134818,-25.60000000000025\n  // pitch: 30,\n  pitch: 46\n}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultMapOptions, \"bearing\", -25), \"minPitch\", 0), \"maxPitch\", 60), \"minZoom\", 10.5), \"maxZoom\", 19.5), \"bounds\", null), \"doubleClickZoom\", true), \"dragPan\", true), \"dragRotate\", true), \"scrollZoom\", true), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultMapOptions, \"touchPitch\", true), \"touchZoomRotate\", true), \"interactive\", true), \"trackResize\", true), \"keyboard\", true), \"defaultControls\", false), \"setup\", false), \"selectionCriteria\", null), \"initialState\", 'default'), \"initialStateData\", null), _defineProperty(_defaultMapOptions, \"showQRCodeInKioskMode\", true));\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\n    // Store initial state configuration BEFORE calling _initialize\n    _this.initialState = options.initialState || 'default';\n    _this.initialStateData = options.initialStateData || null;\n\n    // If initializing in selection state, show loading overlay immediately\n    if (_this.initialState === 'selection') {\n      _this._createSelectionLoadingOverlay();\n      _this._showSelectionLoadingOverlay();\n    }\n    _this.ready = _this._initialize(options);\n    _this.initialLoad = false;\n    _this.originalFilters = {};\n    _this._currentFloorIndex = options.floor;\n    // Store default values from merged options (after super call)\n    _this._defaultFloorIndex = _this.options.floor || 0;\n    _this._defaultZoom = _this.options.zoom || 13;\n    _this._defaultBearing = _this.options.bearing || 0;\n    _this._defaultPitch = _this.options.pitch || 0;\n    _this.mapData = null;\n    _this._stateCoordinator = new _StateCoordinator__WEBPACK_IMPORTED_MODULE_3__[\"default\"](_this);\n    _this.defaultControls = options.defaultControls;\n    _this.setupControl = null;\n    _this.location = options.location || null;\n    _this.modalContainer = null;\n    _this.selectionCriteria = options.selectionCriteria || null;\n    _this.multiSelect = true;\n    _this.confirmedSelection = null;\n\n    // Initialize kiosk auto-reset timer if in kiosk mode\n    _this.kioskResetTimer = null;\n    _this.kioskCountdownInterval = null;\n    _this.isKioskMode = _this.location !== null;\n    if (_this.isKioskMode) {\n      _this._initializeKioskReset();\n    } else {\n      console.log('📍 Not in kiosk mode - no auto-reset timer');\n    }\n    return _this;\n  }\n  _inherits(MapView, _Component);\n  return _createClass(MapView, [{\n    key: \"showModal\",\n    value: function showModal(content) {\n      var _this2 = this;\n      // Create modal container if it doesn't exist\n      if (!this.modalContainer) {\n        this.modalContainer = document.createElement('div');\n        this.modalContainer.className = 'waygo-map-modal-container';\n        this.mapContainer.appendChild(this.modalContainer);\n\n        // Add click handler to close modal when clicking outside\n        this.modalContainer.addEventListener('click', function (e) {\n          if (e.target === _this2.modalContainer) {\n            _this2.hideModal();\n          }\n        });\n      }\n\n      // Create modal content\n      var modalContent = document.createElement('div');\n      modalContent.className = 'waygo-map-modal-content';\n\n      // Can accept HTML string or DOM element\n      if (typeof content === 'string') {\n        modalContent.innerHTML = content;\n      } else {\n        modalContent.appendChild(content);\n      }\n\n      // Clear existing content and add new\n      this.modalContainer.innerHTML = '';\n      this.modalContainer.appendChild(modalContent);\n      this.modalContainer.style.display = 'flex';\n    }\n  }, {\n    key: \"hideModal\",\n    value: function hideModal() {\n      if (this.modalContainer) {\n        this.modalContainer.style.display = 'none';\n      }\n    }\n  }, {\n    key: \"_initialize\",\n    value: function () {\n      var _initialize2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {\n        var _this3 = this;\n        var styleId;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              _context.prev = 0;\n              _context.next = 3;\n              return this._loadMapLibraries();\n            case 3:\n              mapboxgl.clearStorage();\n              this.render();\n              _context.next = 7;\n              return this._initializeMapData();\n            case 7:\n              if (this.mapData) {\n                _context.next = 10;\n                break;\n              }\n              console.error(\"Error initializing map data.\");\n              return _context.abrupt(\"return\");\n            case 10:\n              styleId = this.mapData.style_id;\n              if (typeof mapboxgl !== 'undefined' && styleId) {\n                mapboxgl.accessToken = accessToken;\n                this.map = new mapboxgl.Map({\n                  container: this.mapContainer,\n                  style: \"mapbox://styles/waygo-maps/\".concat(styleId),\n                  center: this.options.center,\n                  zoom: this.options.zoom,\n                  bearing: this.options.bearing,\n                  pitch: this.options.pitch,\n                  minPitch: this.options.minPitch,\n                  maxPitch: this.options.maxPitch,\n                  minZoom: this.options.minZoom,\n                  maxZoom: this.options.maxZoom,\n                  bounds: this.options.bounds,\n                  doubleClickZoom: this.options.doubleClickZoom,\n                  dragPan: this.options.dragPan,\n                  dragRotate: this.options.dragRotate,\n                  scrollZoom: this.options.scrollZoom,\n                  touchPitch: this.options.touchPitch,\n                  touchZoomRotate: this.options.touchZoomRotate,\n                  interactive: this.options.interactive,\n                  trackResize: this.options.trackResize,\n                  keyboard: this.options.keyboard\n                });\n                this.map.on('styledata', function () {\n                  if (!_this3.initialLoad) {\n                    _this3._initializeOriginalFilters();\n                    _this3.updateFloor(_this3.options.floor, false);\n                    _this3.initialLoad = true;\n                  }\n                });\n                this.map.on('load', function () {\n                  if (_this3.defaultControls) {\n                    _this3._addLogoImage();\n                    _this3._addDefaultControls();\n                    _this3.updateFloor(_this3.options.floor, false);\n                  }\n\n                  // Initialize the specified state after map loads\n                  _this3._initializeState();\n                  _this3.fire('load', {\n                    mapData: _this3.mapData\n                  });\n                });\n                this._initializeEventListeners();\n              } else {\n                console.error('Mapbox GL JS is not loaded.');\n              }\n              _context.next = 17;\n              break;\n            case 14:\n              _context.prev = 14;\n              _context.t0 = _context[\"catch\"](0);\n              console.error('Failed to initialize the map:', _context.t0);\n            case 17:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[0, 14]]);\n      }));\n      function _initialize() {\n        return _initialize2.apply(this, arguments);\n      }\n      return _initialize;\n    }()\n  }, {\n    key: \"_addLogoImage\",\n    value: function _addLogoImage() {\n      var linkUrl = 'https://waygomaps.com';\n      var imageContainer = document.createElement('div');\n      imageContainer.className = 'logo-image-container';\n      var outlineImageElement = document.createElement('img');\n      outlineImageElement.className = 'logo-outline-element';\n      outlineImageElement.src = _assets_logoOutline_svg__WEBPACK_IMPORTED_MODULE_5__[\"default\"];\n      outlineImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(outlineImageElement);\n      var fillImageElement = document.createElement('img');\n      fillImageElement.className = 'logo-fill-element';\n      fillImageElement.src = _assets_logoInner_svg__WEBPACK_IMPORTED_MODULE_6__[\"default\"];\n      fillImageElement.alt = 'Clickable image';\n\n      // Append the image to the container\n      imageContainer.appendChild(fillImageElement);\n\n      // Add click event to open the link\n      imageContainer.addEventListener('click', function () {\n        window.open(linkUrl, '_blank'); // Open link in a new tab\n      });\n\n      // Append the container to the map container\n      this.mapContainer.appendChild(imageContainer);\n\n      // const websiteContainer = document.createElement('div');\n      // websiteContainer.className = 'website-container';\n      // websiteContainer.textContent = '© Waygo Maps';\n      // // websiteContainer.textContent = 'waygomaps.com';\n\n      // websiteContainer.addEventListener('click', () => {\n      //     window.open(linkUrl, '_blank'); // Open link in a new tab\n      // });\n\n      // this.mapContainer.appendChild(websiteContainer);\n    }\n  }, {\n    key: \"getCurrentFloor\",\n    value: function getCurrentFloor() {\n      return this._currentFloorIndex;\n    }\n  }, {\n    key: \"_addDefaultControls\",\n    value: function _addDefaultControls() {\n      var _this4 = this;\n      var currentState = this._stateCoordinator.state;\n      var controls = [];\n      if (currentState === 'selection') {\n        // In selection mode, only add essential controls\n        controls = [new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].FloorSelectorControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].ContentPlacementControl(), new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].InteractionControl()];\n      } else {\n        // Default controls for other states\n        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      }\n      controls.forEach(function (control) {\n        return _this4.addControl(control);\n      });\n    }\n  }, {\n    key: \"_initializeOriginalFilters\",\n    value: function _initializeOriginalFilters() {\n      var _this5 = this;\n      var layers = this.map.getStyle().layers;\n      layers.forEach(function (layer) {\n        if (layer.type !== 'background' && layer.type !== 'raster' && layer.type !== 'heatmap') {\n          // Get and store the original filter, or set to null if no filter exists\n          _this5.originalFilters[layer.id] = _this5.map.getFilter(layer.id) || null;\n        }\n      });\n    }\n  }, {\n    key: \"_initializeEventListeners\",\n    value: function _initializeEventListeners() {\n      var _this6 = this;\n      this.mapContainer.addEventListener('mousedown', function (event) {\n        return _this6.fire('mousedown', {\n          originalEvent: event\n        });\n      });\n      // preclick\n      this.mapContainer.addEventListener('click', function (event) {\n        return _this6.fire('click', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mouseover', function (event) {\n        return _this6.fire('mouseover', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('mousemove', function (event) {\n        return _this6.fire('mousemove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('dblclick', function (event) {\n        return _this6.fire('dblclick', {\n          originalEvent: event\n        });\n      });\n      // mouseenter\n      // mouseleave\n      this.mapContainer.addEventListener('mouseout', function (event) {\n        return _this6.fire('mouseout', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('contextmenu', function (event) {\n        return _this6.fire('contextmenu', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('wheel', function (event) {\n        return _this6.fire('wheel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchstart', function (event) {\n        return _this6.fire('touchstart', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchend', function (event) {\n        return _this6.fire('touchend', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchmove', function (event) {\n        return _this6.fire('touchmove', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('touchcancel', function (event) {\n        return _this6.fire('touchcancel', {\n          originalEvent: event\n        });\n      });\n      this.mapContainer.addEventListener('move', function (event) {\n        return _this6.fire('move', {\n          originalEvent: event\n        });\n      });\n      var movementEvents = ['movestart', 'move', 'moveend', 'dragstart', 'drag', 'dragend', 'zoomstart', 'zoom', 'zoomend', 'rotatestart', 'rotate', 'rotateend', 'pitchstart', 'pitch', 'pitchend', 'boxzoomstart', 'boxzoomend', 'boxzoomcancel'];\n      movementEvents.forEach(function (eventName) {\n        _this6.map.on(eventName, function (event) {\n          _this6.fire(eventName, {\n            originalEvent: event\n          });\n        });\n      });\n\n      // Add selection confirmation event listener\n      this.on('selection:confirmed', function (data) {\n        _this6.confirmedSelection = data.feature;\n      });\n    }\n  }, {\n    key: \"_initializeMapData\",\n    value: function () {\n      var _initializeMapData2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {\n        var parts, mapId, mapViewId, data;\n        return _regeneratorRuntime().wrap(function _callee2$(_context2) {\n          while (1) switch (_context2.prev = _context2.next) {\n            case 0:\n              parts = this.options.sourceId.split('.');\n              if (!(parts.length < 1 || parts.length > 2)) {\n                _context2.next = 4;\n                break;\n              }\n              console.error('The sourceId format is incorrect. It should be in the format \"mapId\" or \"mapId.mapViewId\".');\n              return _context2.abrupt(\"return\");\n            case 4:\n              // let accountId = parts[0] || '';\n              // let mapId = parts[1] || '';\n              // let mapViewId = parts[2] || '';\n              mapId = parts[0];\n              mapViewId = parts[1]; // Set account id in WaygoMaps\n              // waygoMaps.setAccountId(accountId);\n              _context2.prev = 6;\n              _context2.next = 9;\n              return this.mapViewApi.loadMapView(mapId, mapViewId);\n            case 9:\n              data = _context2.sent;\n              this.mapData = data;\n              _WaygoMaps__WEBPACK_IMPORTED_MODULE_1__[\"default\"].setAccountId(data.account_id);\n              _context2.next = 17;\n              break;\n            case 14:\n              _context2.prev = 14;\n              _context2.t0 = _context2[\"catch\"](6);\n              console.error('Error fetching map style:', _context2.t0);\n            case 17:\n            case \"end\":\n              return _context2.stop();\n          }\n        }, _callee2, this, [[6, 14]]);\n      }));\n      function _initializeMapData() {\n        return _initializeMapData2.apply(this, arguments);\n      }\n      return _initializeMapData;\n    }()\n  }, {\n    key: \"_loadMapLibraries\",\n    value: function () {\n      var _loadMapLibraries2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3() {\n        return _regeneratorRuntime().wrap(function _callee3$(_context3) {\n          while (1) switch (_context3.prev = _context3.next) {\n            case 0:\n              _context3.next = 2;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadCSS)(mapboxCSS);\n            case 2:\n              _context3.next = 4;\n              return (0,_utils_resourceLoader__WEBPACK_IMPORTED_MODULE_0__.loadScript)(mapboxJS);\n            case 4:\n              mapboxgl.clearStorage();\n            case 5:\n            case \"end\":\n              return _context3.stop();\n          }\n        }, _callee3);\n      }));\n      function _loadMapLibraries() {\n        return _loadMapLibraries2.apply(this, arguments);\n      }\n      return _loadMapLibraries;\n    }()\n  }, {\n    key: \"render\",\n    value: function render() {\n      // this._addLogoImage();\n      var targetContainer = document.getElementById(this.options.container);\n      if (targetContainer) {\n        targetContainer.appendChild(this.mapContainer);\n        this.mapContainer.style.width = '100%';\n        this.mapContainer.style.height = '100%';\n        this.mapContainer.style.position = 'relative';\n      } else {\n        console.error(\"Container element with id \\\"\".concat(this.containerId, \"\\\" not found.\"));\n      }\n    }\n  }, {\n    key: \"updateFloor\",\n    value: function updateFloor(floorIndex) {\n      var _this7 = this;\n      var zoomOut = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n      var customBearing = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;\n      var customPitch = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;\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 = _this7.originalFilters[layer.id];\n          _this7.map.setFilter(layer.id, originalFilter);\n          var floorFilter = ['==', ['get', '_floor'], floorIndex];\n          if (originalFilter) {\n            var combinedFilter = ['all', floorFilter, originalFilter];\n            _this7.map.setFilter(layer.id, combinedFilter);\n          } else {\n            _this7.map.setFilter(layer.id, floorFilter);\n          }\n        }\n      });\n      this._currentFloorIndex = floorIndex;\n\n      // Use custom bearing/pitch if provided, otherwise use current values\n      var pitch = customPitch !== null ? customPitch : this.map.getPitch();\n      var bearing = customBearing !== null ? customBearing : this.map.getBearing();\n      if (zoomOut) {\n        var style = this.map.getStyle();\n        var sources = Object.keys(style.sources);\n        var allFeatures = [];\n        sources.forEach(function (sourceId) {\n          var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n          var features = _this7.map.querySourceFeatures(sourceId, {\n            sourceLayer: floorSourceLayer\n          });\n          allFeatures = allFeatures.concat(features);\n        });\n\n        // If we have features, calculate their bounds\n        if (allFeatures.length > 0) {\n          var bounds = new mapboxgl.LngLatBounds();\n          allFeatures.forEach(function (feature) {\n            var geom = feature.geometry;\n            // Handle different geometry types:\n            if (geom.type === 'Point') {\n              bounds.extend(geom.coordinates);\n            } else if (geom.type === 'LineString') {\n              geom.coordinates.forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            } else if (geom.type === 'Polygon') {\n              // For a Polygon, iterate through the outer ring (and inner rings if needed)\n              geom.coordinates[0].forEach(function (coord) {\n                return bounds.extend(coord);\n              });\n            }\n            // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n          });\n\n          // Fit the map to these bounds with some padding\n          this.map.fitBounds(bounds, {\n            padding: 50,\n            duration: 1300,\n            maxZoom: 15.5,\n            pitch: pitch,\n            bearing: bearing\n          });\n        } else {\n          // If no features found, zoom out from current center\n          this.map.once('moveend', function () {\n            var allFeaturesAgain = [];\n            sources.forEach(function (sourceId) {\n              var floorSourceLayer = \"\".concat(floorIndex, \"-feature\");\n              var features = _this7.map.querySourceFeatures(sourceId, {\n                sourceLayer: floorSourceLayer\n              });\n              allFeaturesAgain = allFeaturesAgain.concat(features);\n            });\n            if (allFeaturesAgain.length > 0) {\n              var _bounds = new mapboxgl.LngLatBounds();\n              allFeaturesAgain.forEach(function (feature) {\n                var geom = feature.geometry;\n                // Handle different geometry types:\n                if (geom.type === 'Point') {\n                  _bounds.extend(geom.coordinates);\n                } else if (geom.type === 'LineString') {\n                  geom.coordinates.forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                } else if (geom.type === 'Polygon') {\n                  // For a Polygon, iterate through the outer ring (and inner rings if needed)\n                  geom.coordinates[0].forEach(function (coord) {\n                    return _bounds.extend(coord);\n                  });\n                }\n                // Add cases for MultiPoint, MultiLineString, MultiPolygon as needed\n              });\n\n              // Fit the map to these bounds with some padding\n              _this7.map.fitBounds(_bounds, {\n                padding: 50,\n                duration: 1300,\n                maxZoom: 15.5,\n                pitch: pitch,\n                bearing: bearing\n              });\n            }\n          });\n          this.map.flyTo({\n            zoom: this.map.getZoom() - 3,\n            duration: 500,\n            essential: true\n          });\n        }\n      }\n      this.fire('floorChanged', {\n        floorIndex: floorIndex\n      });\n    }\n  }, {\n    key: \"addHighlightedFeature\",\n    value: function addHighlightedFeature(coordinates, properties) {\n      var source = this.map.getSource('highlighted-content');\n      var currentData = source._data;\n      var newFeature = {\n        'type': 'Feature',\n        'geometry': {\n          'type': 'Point',\n          'coordinates': coordinates\n        },\n        'properties': properties\n      };\n      currentData.features.push(newFeature);\n      source.setData(currentData);\n      return newFeature;\n    }\n  }, {\n    key: \"addSelectedFeature\",\n    value: function addSelectedFeature(coordinates, properties) {\n      var allow_multi_select = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n      var source = this.map.getSource('selected-content');\n      var currentData = source._data;\n      var newFeature = {\n        'type': 'Feature',\n        'geometry': {\n          'type': 'Point',\n          'coordinates': coordinates\n        },\n        'properties': properties\n      };\n      if (allow_multi_select) {\n        currentData.features.push(newFeature);\n      } else {\n        currentData.features = [newFeature];\n      }\n      source.setData(currentData);\n    }\n  }, {\n    key: \"clearSelectedContentLayer\",\n    value: function clearSelectedContentLayer() {\n      this.map.getSource('selected-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n  }, {\n    key: \"clearHighlightedContentLayer\",\n    value: function clearHighlightedContentLayer() {\n      this.map.getSource('highlighted-content').setData({\n        'type': 'FeatureCollection',\n        'features': []\n      });\n    }\n\n    // MARK: Controls\n  }, {\n    key: \"addControl\",\n    value: function addControl(control) {\n      var container = control.onAdd(this);\n      this.mapContainer.appendChild(container);\n    }\n  }, {\n    key: \"removeControl\",\n    value: function removeControl(control) {\n      this.map.removeControl(control);\n    }\n\n    // MARK: Map states\n  }, {\n    key: \"getCurrentState\",\n    value: function getCurrentState() {\n      return this._stateCoordinator.state;\n    }\n  }, {\n    key: \"setToDefaultState\",\n    value: function setToDefaultState() {\n      // console.log(\"SET TO DEFAULT STATE\", this.location);\n      this._stateCoordinator.transitionTo('default');\n    }\n  }, {\n    key: \"setToSearchState\",\n    value: function () {\n      var _setToSearchState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee4(query) {\n        var skip,\n          limit,\n          floor,\n          results,\n          _args4 = arguments;\n        return _regeneratorRuntime().wrap(function _callee4$(_context4) {\n          while (1) switch (_context4.prev = _context4.next) {\n            case 0:\n              skip = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : 0;\n              limit = _args4.length > 2 && _args4[2] !== undefined ? _args4[2] : 40;\n              floor = _args4.length > 3 && _args4[3] !== undefined ? _args4[3] : null;\n              // Set loading state\n              this._stateCoordinator.setLoading(true, 'search');\n              _context4.prev = 4;\n              _context4.next = 7;\n              return this.search(query, skip, limit, floor);\n            case 7:\n              results = _context4.sent;\n              this._stateCoordinator.transitionTo('search', {\n                query: query,\n                results: results\n              });\n              // Loading state will be reset in the transitionTo method\n              _context4.next = 15;\n              break;\n            case 11:\n              _context4.prev = 11;\n              _context4.t0 = _context4[\"catch\"](4);\n              console.error(\"\\u274C MapView: Search error occurred:\", _context4.t0);\n              this._stateCoordinator.setLoading(false, 'search');\n              // Handle error appropriately\n            case 15:\n              _context4.prev = 15;\n              this._stateCoordinator.setLoading(false, 'search');\n              return _context4.finish(15);\n            case 18:\n            case \"end\":\n              return _context4.stop();\n          }\n        }, _callee4, this, [[4, 11, 15, 18]]);\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              // console.log(`📄 MapView: setToSelectedContentState called with IDs:`, contentPlacementIds);\n\n              // Set loading state\n              this._stateCoordinator.setLoading(true, 'content');\n              _context5.prev = 1;\n              lastContentPlacementId = contentPlacementIds[contentPlacementIds.length - 1];\n              _context5.next = 5;\n              return this.getContentPlacementDetails(lastContentPlacementId);\n            case 5:\n              selectedContentPlacement = _context5.sent;\n              this.updateFloor(selectedContentPlacement.floor);\n              this._stateCoordinator.transitionTo('selectedContent', {\n                contentPlacementIds: contentPlacementIds,\n                selectedContentPlacement: selectedContentPlacement\n              });\n              // Loading state will be reset in the transitionTo method\n              _context5.next = 14;\n              break;\n            case 10:\n              _context5.prev = 10;\n              _context5.t0 = _context5[\"catch\"](1);\n              console.error(\"\\u274C MapView: Content loading error occurred:\", _context5.t0);\n              this._stateCoordinator.setLoading(false, 'content');\n              // Handle error appropriately\n            case 14:\n              _context5.prev = 14;\n              this._stateCoordinator.setLoading(false, 'content');\n              return _context5.finish(14);\n            case 17:\n            case \"end\":\n              return _context5.stop();\n          }\n        }, _callee5, this, [[1, 10, 14, 17]]);\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              _context6.prev = 2;\n              startContentPlacement = null;\n              if (!startContentPlacementId) {\n                _context6.next = 8;\n                break;\n              }\n              _context6.next = 7;\n              return this.getContentPlacementDetails(startContentPlacementId);\n            case 7:\n              startContentPlacement = _context6.sent;\n            case 8:\n              endContentPlacement = null;\n              if (!endContentPlacementId) {\n                _context6.next = 13;\n                break;\n              }\n              _context6.next = 12;\n              return this.getContentPlacementDetails(endContentPlacementId);\n            case 12:\n              endContentPlacement = _context6.sent;\n            case 13:\n              this._stateCoordinator.transitionTo('directions', {\n                startContentPlacement: startContentPlacement,\n                endContentPlacement: endContentPlacement\n              });\n              // Loading state will be reset in the transitionTo method\n              _context6.next = 19;\n              break;\n            case 16:\n              _context6.prev = 16;\n              _context6.t0 = _context6[\"catch\"](2);\n              console.error(\"\\u274C MapView: Directions state error occurred:\", _context6.t0);\n              // console.log(`🔄 MapView: Resetting loading state due to error`);\n              // this._stateCoordinator.setLoading(false, 'directions');\n              // Handle error appropriately\n            case 19:\n            case \"end\":\n              return _context6.stop();\n          }\n        }, _callee6, this, [[2, 16]]);\n      }));\n      function setToDirectionsState() {\n        return _setToDirectionsState.apply(this, arguments);\n      }\n      return setToDirectionsState;\n    }()\n  }, {\n    key: \"setToSetupState\",\n    value: function () {\n      var _setToSetupState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee7() {\n        return _regeneratorRuntime().wrap(function _callee7$(_context7) {\n          while (1) switch (_context7.prev = _context7.next) {\n            case 0:\n              // console.log(\"SET TO SETUP STATE\");\n\n              // Reset map view to default top-down perspective\n              if (this.map) {\n                this.map.easeTo({\n                  pitch: 0,\n                  bearing: 0,\n                  duration: 0\n                });\n              }\n              if (!this.setupControl) {\n                this.setupControl = new _index__WEBPACK_IMPORTED_MODULE_4__[\"default\"].SetupControl();\n                this.addControl(this.setupControl);\n              }\n              this._stateCoordinator.transitionTo('setup');\n            case 3:\n            case \"end\":\n              return _context7.stop();\n          }\n        }, _callee7, this);\n      }));\n      function setToSetupState() {\n        return _setToSetupState.apply(this, arguments);\n      }\n      return setToSetupState;\n    }()\n  }, {\n    key: \"setToSelectionState\",\n    value: function () {\n      var _setToSelectionState = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee8(criteria) {\n        var multiSelect,\n          _selectionStateData$f,\n          _selectionStateData$f2,\n          _selectionStateData$f3,\n          selectionStateData,\n          bounds,\n          _args8 = arguments;\n        return _regeneratorRuntime().wrap(function _callee8$(_context8) {\n          while (1) switch (_context8.prev = _context8.next) {\n            case 0:\n              multiSelect = _args8.length > 1 && _args8[1] !== undefined ? _args8[1] : true;\n              this.selectionCriteria = criteria;\n              this.multiSelect = multiSelect;\n\n              // Set loading state for selection features\n              this._stateCoordinator.setLoading(true, 'selection');\n\n              // Call the loadMapViewSelectionState endpoint\n              _context8.prev = 4;\n              _context8.next = 7;\n              return this.mapViewApi.loadMapViewSelectionState(this.mapData.map_id, this.mapData.map_view_id, criteria);\n            case 7:\n              selectionStateData = _context8.sent;\n              // Store the GeoJSON data for creating selectable layers\n              this.selectionGeoJSON = selectionStateData;\n              console.log('✅ Selection GeoJSON loaded:', {\n                type: selectionStateData === null || selectionStateData === void 0 ? void 0 : selectionStateData.type,\n                featureCount: selectionStateData === null || selectionStateData === void 0 || (_selectionStateData$f = selectionStateData.features) === null || _selectionStateData$f === void 0 ? void 0 : _selectionStateData$f.length,\n                firstFeature: selectionStateData === null || selectionStateData === void 0 || (_selectionStateData$f2 = selectionStateData.features) === null || _selectionStateData$f2 === void 0 ? void 0 : _selectionStateData$f2[0],\n                fullData: selectionStateData\n              });\n\n              // Transition to selection state WITH the GeoJSON data\n              this._stateCoordinator.transitionTo('selection', {\n                criteria: criteria,\n                geojson: selectionStateData,\n                multiSelect: multiSelect\n              });\n\n              // After transition, animate to fit bounds and lock to bird's eye view\n              if ((selectionStateData === null || selectionStateData === void 0 || (_selectionStateData$f3 = selectionStateData.features) === null || _selectionStateData$f3 === void 0 ? void 0 : _selectionStateData$f3.length) > 0) {\n                // Lock to bird's eye view first\n                this.map.easeTo({\n                  pitch: 0,\n                  bearing: 0,\n                  duration: 500\n                });\n\n                // Calculate bounds from converted GeoJSON features\n                bounds = new mapboxgl.LngLatBounds(); // Add null check here\n                if (selectionStateData && selectionStateData.features) {\n                  selectionStateData.features.forEach(function (feature) {\n                    // Add bounds calculation logic here\n                    // Make sure feature.geometry.coordinates exists\n                    if (feature.geometry && feature.geometry.coordinates) {\n                      // Calculate bounds based on geometry type\n                      if (feature.geometry.type === 'Point') {\n                        bounds.extend(feature.geometry.coordinates);\n                      } else if (feature.geometry.type === 'LineString') {\n                        feature.geometry.coordinates.forEach(function (coord) {\n                          return bounds.extend(coord);\n                        });\n                      } else if (feature.geometry.type === 'Polygon') {\n                        // For a Polygon, iterate through the outer ring (and inner rings if needed)\n                        feature.geometry.coordinates[0].forEach(function (coord) {\n                          return bounds.extend(coord);\n                        });\n                      }\n                    }\n                  });\n\n                  // Only call fitBounds if bounds is valid\n                  if (bounds.isEmpty() === false) {\n                    this.map.fitBounds(bounds, {\n                      padding: 80,\n                      duration: 1000,\n                      maxZoom: 16\n                    });\n                  }\n                }\n              }\n              _context8.next = 19;\n              break;\n            case 14:\n              _context8.prev = 14;\n              _context8.t0 = _context8[\"catch\"](4);\n              console.error('❌ Error loading map view selection state:', _context8.t0);\n              this.selectionGeoJSON = null;\n              // Still transition but without data\n              this._stateCoordinator.transitionTo('selection', {\n                criteria: criteria,\n                geojson: null,\n                multiSelect: multiSelect\n              });\n            case 19:\n              _context8.prev = 19;\n              // Reset loading state\n              this._stateCoordinator.setLoading(false, 'selection');\n              return _context8.finish(19);\n            case 22:\n            case \"end\":\n              return _context8.stop();\n          }\n        }, _callee8, this, [[4, 14, 19, 22]]);\n      }));\n      function setToSelectionState(_x3) {\n        return _setToSelectionState.apply(this, arguments);\n      }\n      return setToSelectionState;\n    }()\n  }, {\n    key: \"getConfirmedSelection\",\n    value: function getConfirmedSelection() {\n      return this.confirmedSelection;\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: \"initiateFindPath\",\n    value: function initiateFindPath(startContentPlacementId, endContentPlacementId) {\n      this.fire('initiate:findPath', {\n        startContentPlacementId: startContentPlacementId,\n        endContentPlacementId: endContentPlacementId\n      });\n    }\n  }, {\n    key: \"initiateFindPathFromLocation\",\n    value: function initiateFindPathFromLocation(endContentPlacement) {\n      this.fire('initiate:findPathFromLocation', {\n        endContentPlacement: endContentPlacement\n      });\n    }\n  }, {\n    key: \"findPath\",\n    value: function () {\n      var _findPath = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee9(startContentPlacementId, endContentPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee9$(_context9) {\n          while (1) switch (_context9.prev = _context9.next) {\n            case 0:\n              this._stateCoordinator.setLoading(true, 'directions');\n              _context9.prev = 1;\n              _context9.next = 4;\n              return this.routesApi.findPath(this.mapData.map_id, startContentPlacementId, endContentPlacementId);\n            case 4:\n              response_data = _context9.sent;\n              if (!response_data) {\n                _context9.next = 9;\n                break;\n              }\n              return _context9.abrupt(\"return\", response_data);\n            case 9:\n              console.error('Failed to find path.');\n            case 10:\n              _context9.prev = 10;\n              this._stateCoordinator.setLoading(false, 'directions');\n              return _context9.finish(10);\n            case 13:\n            case \"end\":\n              return _context9.stop();\n          }\n        }, _callee9, this, [[1,, 10, 13]]);\n      }));\n      function findPath(_x4, _x5) {\n        return _findPath.apply(this, arguments);\n      }\n      return findPath;\n    }()\n  }, {\n    key: \"findPathFromNodeToPlacement\",\n    value: function () {\n      var _findPathFromNodeToPlacement = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee10(startNodeId, endPlacementId) {\n        var response_data;\n        return _regeneratorRuntime().wrap(function _callee10$(_context10) {\n          while (1) switch (_context10.prev = _context10.next) {\n            case 0:\n              this._stateCoordinator.setLoading(true, 'directions');\n              _context10.prev = 1;\n              _context10.next = 4;\n              return this.routesApi.findPathFromNodeToPlacement(this.mapData.map_id, startNodeId, endPlacementId);\n            case 4:\n              response_data = _context10.sent;\n              if (!response_data) {\n                _context10.next = 9;\n                break;\n              }\n              return _context10.abrupt(\"return\", response_data);\n            case 9:\n              console.error('Failed to find path.');\n            case 10:\n              _context10.prev = 10;\n              this._stateCoordinator.setLoading(false, 'directions');\n              return _context10.finish(10);\n            case 13:\n            case \"end\":\n              return _context10.stop();\n          }\n        }, _callee10, this, [[1,, 10, 13]]);\n      }));\n      function findPathFromNodeToPlacement(_x6, _x7) {\n        return _findPathFromNodeToPlacement.apply(this, arguments);\n      }\n      return findPathFromNodeToPlacement;\n    }() // MARK: Map methods\n  }, {\n    key: \"_findFeatureByPlacementId\",\n    value: function _findFeatureByPlacementId(placementId) {\n      var features = this.map.queryRenderedFeatures({\n        filter: ['==', ['get', 'placement_id'], placementId]\n      });\n\n      // Return the first feature that matches the placementId\n      return features.length > 0 ? features[0] : null;\n    }\n  }, {\n    key: \"getCenter\",\n    value: function getCenter() {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        return this.map.getCenter();\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"setCenter\",\n    value: function setCenter(lngLat) {\n      // Update to convert from lat, lon, to x, y in meters\n      if (this.map) {\n        this.map.setCenter(lngLat);\n      } else {\n        console.error('Map is not initialized.');\n      }\n    }\n  }, {\n    key: \"search\",\n    value: function () {\n      var _search = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee11(query) {\n        var skip,\n          limit,\n          floor,\n          _args11 = arguments;\n        return _regeneratorRuntime().wrap(function _callee11$(_context11) {\n          while (1) switch (_context11.prev = _context11.next) {\n            case 0:\n              skip = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : 0;\n              limit = _args11.length > 2 && _args11[2] !== undefined ? _args11[2] : 40;\n              floor = _args11.length > 3 && _args11[3] !== undefined ? _args11[3] : null;\n              if (!(query === '')) {\n                _context11.next = 5;\n                break;\n              }\n              return _context11.abrupt(\"return\");\n            case 5:\n              if (this.mapData) {\n                _context11.next = 7;\n                break;\n              }\n              return _context11.abrupt(\"return\");\n            case 7:\n              _context11.prev = 7;\n              _context11.next = 10;\n              return this.searchApi.search(this.mapData.map_id, this.mapData.map_view_id, query, skip, limit, floor);\n            case 10:\n              return _context11.abrupt(\"return\", _context11.sent);\n            case 13:\n              _context11.prev = 13;\n              _context11.t0 = _context11[\"catch\"](7);\n              if (axios.isCancel(_context11.t0)) {\n                console.error('Request canceled:', _context11.t0.message);\n              } else {\n                console.error('Search error:', _context11.t0);\n              }\n            case 16:\n            case \"end\":\n              return _context11.stop();\n          }\n        }, _callee11, this, [[7, 13]]);\n      }));\n      function search(_x8) {\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 _callee12(contentPlacementId) {\n        var details;\n        return _regeneratorRuntime().wrap(function _callee12$(_context12) {\n          while (1) switch (_context12.prev = _context12.next) {\n            case 0:\n              _context12.prev = 0;\n              _context12.next = 3;\n              return this.searchApi.fetchContentPlacementDetails(contentPlacementId);\n            case 3:\n              details = _context12.sent;\n              return _context12.abrupt(\"return\", details);\n            case 7:\n              _context12.prev = 7;\n              _context12.t0 = _context12[\"catch\"](0);\n              if (axios.isCancel(_context12.t0)) {\n                console.error('Request canceled:', _context12.t0.message);\n              } else {\n                console.error('Fetching content placement details error:', _context12.t0);\n              }\n            case 10:\n            case \"end\":\n              return _context12.stop();\n          }\n        }, _callee12, this, [[0, 7]]);\n      }));\n      function getContentPlacementDetails(_x9) {\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    key: \"removeMatchingFeaturesFromExistingLayers\",\n    value: function removeMatchingFeaturesFromExistingLayers(criteria) {\n      var _this8 = 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          var layerId = layer.id;\n\n          // Skip our own selectable layers\n          if (layerId.includes('selectable-') || layerId.includes('booked-') || layerId.includes('selected-feature') || layerId.includes('confirmed-selection')) {\n            return;\n          }\n\n          // Get current filter\n          var currentFilter = _this8.map.getFilter(layerId);\n\n          // Create a filter to exclude features that match ALL criteria\n          var matchingCondition = null;\n          var _loop = function _loop() {\n            var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),\n              property = _Object$entries$_i[0],\n              value = _Object$entries$_i[1];\n            var condition;\n            if (Array.isArray(value)) {\n              // Handle multiple values (e.g., size: ['10x10', '20x10'])\n              var conditions = value.map(function (v) {\n                return ['==', ['get', property], v];\n              });\n              condition = ['any'].concat(_toConsumableArray(conditions));\n            } else {\n              // Handle single value\n              condition = ['==', ['get', property], value];\n            }\n            if (matchingCondition === null) {\n              matchingCondition = condition;\n            } else {\n              // Combine with AND logic - feature must match ALL criteria\n              matchingCondition = ['all', matchingCondition, condition];\n            }\n          };\n          for (var _i = 0, _Object$entries = Object.entries(criteria); _i < _Object$entries.length; _i++) {\n            _loop();\n          }\n\n          // Create exclusion filter - hide features that match ALL criteria\n          var exclusionFilter = ['!', matchingCondition];\n\n          // Apply the exclusion filter\n          if (exclusionFilter) {\n            if (currentFilter) {\n              // Combine with existing filter\n              var combinedFilter = ['all', currentFilter, exclusionFilter];\n              _this8.map.setFilter(layerId, combinedFilter);\n            } else {\n              // Apply only the exclusion filter\n              _this8.map.setFilter(layerId, exclusionFilter);\n            }\n          }\n        }\n      });\n    }\n  }, {\n    key: \"_getLabelGeometry\",\n    value: function _getLabelGeometry(feature) {\n      var refCoordinate = [0.0, 0.0];\n      var scalingFactor = 30.0;\n      if (feature.properties.label_location) {\n        var labelLocation = feature.properties.label_location;\n\n        // Parse JSON string if label_location is a string\n        if (typeof labelLocation === 'string') {\n          try {\n            labelLocation = JSON.parse(labelLocation);\n          } catch (error) {\n            console.warn('Failed to parse label_location JSON:', error);\n            return feature.geometry;\n          }\n        }\n        if (labelLocation && labelLocation.coordinates && Array.isArray(labelLocation.coordinates) && labelLocation.coordinates.length >= 2) {\n          var labelCoords = labelLocation.coordinates;\n          if (typeof labelCoords[0] === 'number' && typeof labelCoords[1] === 'number') {\n            var convertedLabelCoords = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__.convertVerticesToCoordinates)([labelCoords], refCoordinate, scalingFactor);\n\n            // Round coordinates to reduce precision issues\n            var roundedCoords = [Math.round(convertedLabelCoords[0][0] * 1000000) / 1000000,\n            // ~6 decimal places\n            Math.round(convertedLabelCoords[0][1] * 1000000) / 1000000];\n            return {\n              type: 'Point',\n              coordinates: roundedCoords\n            };\n          }\n        }\n      }\n      return feature.geometry;\n    }\n  }, {\n    key: \"_findOriginalFeature\",\n    value: function _findOriginalFeature(featureId) {\n      if (!this.selectionGeoJSON || !this.selectionGeoJSON.features) {\n        return null;\n      }\n      return this.selectionGeoJSON.features.find(function (feature) {\n        return feature.properties.feature_id === featureId;\n      });\n    }\n  }, {\n    key: \"createSelectableContentLayers\",\n    value: function createSelectableContentLayers() {\n      var _this9 = this;\n      var geojsonData = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;\n      var dataToUse = geojsonData || this.selectionGeoJSON;\n      if (!dataToUse || !dataToUse.features) {\n        console.error('❌ NO DATA TO CREATE LAYERS');\n        return;\n      }\n      try {\n        // Remove old layers if they exist\n        if (this.map.getLayer('selectable-label-layer')) this.map.removeLayer('selectable-label-layer');\n        if (this.map.getLayer('selectable-outline-layer')) this.map.removeLayer('selectable-outline-layer');\n        if (this.map.getLayer('selectable-fill-layer')) this.map.removeLayer('selectable-fill-layer');\n        if (this.map.getLayer('booked-label-layer')) this.map.removeLayer('booked-label-layer');\n        // if (this.map.getLayer('booked-outline-layer')) this.map.removeLayer('booked-outline-layer');\n        if (this.map.getLayer('booked-fill-layer')) this.map.removeLayer('booked-fill-layer');\n        if (this.map.getSource('selectable-labels')) this.map.removeSource('selectable-labels');\n        if (this.map.getSource('selectable-content')) this.map.removeSource('selectable-content');\n        if (this.map.getSource('booked-labels')) this.map.removeSource('booked-labels');\n        if (this.map.getSource('booked-content')) this.map.removeSource('booked-content');\n\n        // Convert features from meter coordinates to lat/lon\n        var refCoordinate = [0.0, 0.0]; // Reference point\n        var scalingFactor = 30.0; // Same as used elsewhere in the app\n\n        var convertedFeatures = dataToUse.features;\n\n        // Separate features into selectable and booked\n        var selectableFeatures = convertedFeatures.filter(function (feature) {\n          return feature.properties.booking_status !== 'booked';\n        });\n        var bookedFeatures = convertedFeatures.filter(function (feature) {\n          return feature.properties.booking_status === 'booked';\n        });\n\n        // Create selectable GeoJSON\n        var selectableGeoJSON = {\n          type: 'FeatureCollection',\n          features: selectableFeatures\n        };\n\n        // Create booked GeoJSON\n        var bookedGeoJSON = {\n          type: 'FeatureCollection',\n          features: bookedFeatures\n        };\n\n        // Add selectable content source\n        this.map.addSource('selectable-content', {\n          type: 'geojson',\n          data: selectableGeoJSON,\n          promoteId: 'feature_id'\n        });\n\n        // Add booked content source\n        this.map.addSource('booked-content', {\n          type: 'geojson',\n          data: bookedGeoJSON,\n          // promoteId: 'placement_id'\n          promoteId: 'feature_id'\n        });\n\n        // Create label features for selectable content\n        var selectableLabelFeatures = selectableFeatures.map(function (feature) {\n          var labelGeometry;\n          if (feature.properties.label_location) {\n            var labelCoords = feature.properties.label_location.coordinates;\n            var convertedLabelCoords = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__.convertVerticesToCoordinates)([labelCoords], refCoordinate, scalingFactor);\n            labelGeometry = {\n              type: 'Point',\n              coordinates: convertedLabelCoords[0]\n            };\n          } else {\n            labelGeometry = feature.geometry;\n          }\n          return {\n            type: 'Feature',\n            geometry: labelGeometry,\n            properties: feature.properties\n          };\n        });\n\n        // Create label features for booked content\n        var bookedLabelFeatures = bookedFeatures.map(function (feature) {\n          var labelGeometry;\n          if (feature.properties.label_location) {\n            var labelCoords = feature.properties.label_location.coordinates;\n            var convertedLabelCoords = (0,_utils_coordinateSystems__WEBPACK_IMPORTED_MODULE_8__.convertVerticesToCoordinates)([labelCoords], refCoordinate, scalingFactor);\n            labelGeometry = {\n              type: 'Point',\n              coordinates: convertedLabelCoords[0]\n            };\n          } else {\n            labelGeometry = feature.geometry;\n          }\n          return {\n            type: 'Feature',\n            geometry: labelGeometry,\n            properties: feature.properties\n          };\n        });\n        this.map.addSource('selectable-labels', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: selectableLabelFeatures\n          }\n        });\n        this.map.addSource('booked-labels', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: bookedLabelFeatures\n          }\n        });\n\n        // Create canvas-based checkmark icon for confirmed selections\n        var canvas = document.createElement('canvas');\n        var baseSize = 48;\n        var scaleFactor = 1;\n        canvas.width = baseSize * scaleFactor;\n        canvas.height = baseSize * scaleFactor;\n        var ctx = canvas.getContext('2d');\n        ctx.scale(scaleFactor, scaleFactor);\n\n        // Draw white circle background\n        ctx.fillStyle = 'white';\n        ctx.beginPath();\n        ctx.arc(24, 24, 20, 0, Math.PI * 2);\n        ctx.fill();\n\n        // Draw green circle border\n        ctx.strokeStyle = '#00C853';\n        ctx.lineWidth = 3;\n        ctx.stroke();\n\n        // Draw green checkmark\n        ctx.strokeStyle = '#00C853';\n        ctx.lineWidth = 4;\n        ctx.lineCap = 'round';\n        ctx.lineJoin = 'round';\n        ctx.beginPath();\n        ctx.moveTo(14, 24);\n        ctx.lineTo(20, 30);\n        ctx.lineTo(34, 16);\n        ctx.stroke();\n        var pngDataUri = canvas.toDataURL('image/png');\n        this.map.loadImage(pngDataUri, function (error, image) {\n          if (error) {\n            console.error('❌ Error loading canvas checkmark icon:', error);\n          } else {\n            _this9.map.addImage('checkmark-icon', image);\n            if (!_this9.map.getLayer('confirmed-selection-icon-layer')) {\n              _this9.map.addLayer({\n                id: 'confirmed-selection-icon-layer',\n                type: 'symbol',\n                source: 'confirmed-selection-labels',\n                layout: {\n                  'icon-image': 'checkmark-icon',\n                  'icon-size': 0.60,\n                  'icon-anchor': 'center',\n                  'icon-allow-overlap': true\n                }\n              });\n            }\n          }\n        });\n\n        // Create confirmed selection label source\n        this.map.addSource('confirmed-selection-labels', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: []\n          }\n        });\n\n        // Add confirmed selection label layer\n        this.map.addLayer({\n          id: 'confirmed-selection-label-layer',\n          type: 'symbol',\n          source: 'confirmed-selection-labels',\n          layout: {\n            'text-field': ['get', 'name'],\n            'text-font': ['Inter Medium', 'Arial Unicode MS Regular'],\n            'text-size': ['interpolate', ['exponential', 1.99], ['zoom'], 12, 1.5, 22, 1000]\n          },\n          paint: {\n            'text-color': '#00C853',\n            'text-halo-color': '#ffffff',\n            'text-halo-width': 1\n          }\n        });\n        this.map.addSource('confirmed-selection', {\n          type: 'geojson',\n          data: {\n            type: 'FeatureCollection',\n            features: []\n          }\n        });\n\n        // Add layers in correct order (bottom to top)\n        // 1. Booked fill layer (light grey) - bottom layer\n        this.map.addLayer({\n          id: 'booked-fill-layer',\n          type: 'fill',\n          source: 'booked-content',\n          paint: {\n            'fill-color': '#f2f2f2',\n            'fill-opacity': 1.0\n          }\n        });\n\n        // 2. Booked outline layer (grey outline)\n        // this.map.addLayer({\n        //     id: 'booked-outline-layer',\n        //     type: 'line',\n        //     source: 'booked-content',\n        //     paint: {\n        //         'line-color': '#999999',\n        //         'line-width': 1\n        //     }\n        // });\n        // console.log('✅ BOOKED OUTLINE LAYER ADDED');\n\n        // 3. Booked label layer (grey text)\n        this.map.addLayer({\n          id: 'booked-label-layer',\n          type: 'symbol',\n          source: 'booked-labels',\n          layout: {\n            'text-field': ['get', 'name'],\n            'text-font': ['Inter Medium', 'Arial Unicode MS Regular'],\n            'text-size': ['interpolate', ['exponential', 1.99], ['zoom'], 12, 1.5, 22, 1000]\n          },\n          paint: {\n            'text-color': '#666666',\n            'text-halo-color': '#ffffff',\n            'text-halo-width': 1\n          }\n        });\n\n        // 4. Base selectable fill layer (white)\n        this.map.addLayer({\n          id: 'selectable-fill-layer',\n          type: 'fill',\n          source: 'selectable-content',\n          paint: {\n            'fill-color': '#FFFFFF',\n            'fill-opacity': 0.8\n          }\n        });\n\n        // 5. Selectable outline layer (blue outline)\n        this.map.addLayer({\n          id: 'selectable-outline-layer',\n          type: 'line',\n          source: 'selectable-content',\n          paint: {\n            'line-color': '#1987ff',\n            'line-width': 2\n          }\n        });\n\n        // 6. Confirmed selection fill layer (light green fill)\n        this.map.addLayer({\n          id: 'confirmed-selection-fill-layer',\n          type: 'fill',\n          source: 'confirmed-selection',\n          paint: {\n            'fill-color': '#d1fae2',\n            'fill-opacity': ['interpolate', ['linear'], ['zoom'], 10, 0.6, 16, 0.8]\n          }\n        });\n\n        // 7. Confirmed selection outline layer (green outline)\n        this.map.addLayer({\n          id: 'confirmed-selection-outline-layer',\n          type: 'line',\n          source: 'confirmed-selection',\n          paint: {\n            'line-color': '#00C853',\n            'line-width': 2,\n            'line-opacity': ['interpolate', ['linear'], ['zoom'], 10, 0.7, 16, 1.0]\n          }\n        });\n\n        // 8. Selectable label layer (blue text)\n        this.map.addLayer({\n          id: 'selectable-label-layer',\n          type: 'symbol',\n          source: 'selectable-labels',\n          layout: {\n            'text-field': ['get', 'name'],\n            'text-font': ['Inter Medium', 'Arial Unicode MS Regular'],\n            'text-size': ['interpolate', ['exponential', 1.99], ['zoom'], 12, 1.5, 22, 1000]\n          },\n          paint: {\n            'text-color': '#0263ca',\n            'text-halo-color': '#ffffff',\n            'text-halo-width': 1\n          }\n        });\n\n        // Verify layer order and existence\n        var allLayers = this.map.getStyle().layers;\n        var ourLayers = allLayers.filter(function (layer) {\n          return layer.id.includes('selectable-') || layer.id.includes('booked-') || layer.id.includes('confirmed-selection');\n        });\n      } catch (error) {\n        console.error('❌ ERROR:', error);\n        console.error('Stack:', error.stack);\n      }\n    }\n  }, {\n    key: \"removeSelectableContentLayers\",\n    value: function removeSelectableContentLayers() {\n      var _this10 = this;\n      // Remove layers if they exist\n      var layerIds = ['selectable-label-layer', 'selectable-outline-layer', 'selectable-fill-layer', 'booked-label-layer',\n      // 'booked-outline-layer', \n      'booked-fill-layer', 'confirmed-selection-fill-layer', 'confirmed-selection-outline-layer', 'confirmed-selection-icon-layer', 'confirmed-selection-label-layer'];\n      layerIds.forEach(function (layerId) {\n        if (_this10.map.getLayer(layerId)) {\n          _this10.map.removeLayer(layerId);\n        }\n      });\n\n      // Remove sources if they exist\n      if (this.map.getSource('selectable-content')) {\n        this.map.removeSource('selectable-content');\n      }\n      if (this.map.getSource('selectable-labels')) {\n        this.map.removeSource('selectable-labels');\n      }\n      if (this.map.getSource('booked-content')) {\n        this.map.removeSource('booked-content');\n      }\n      if (this.map.getSource('booked-labels')) {\n        this.map.removeSource('booked-labels');\n      }\n      if (this.map.getSource('confirmed-selection')) {\n        this.map.removeSource('confirmed-selection');\n      }\n      if (this.map.getSource('confirmed-selection-labels')) {\n        this.map.removeSource('confirmed-selection-labels');\n      }\n\n      // Remove checkmark icon\n      if (this.map.hasImage('checkmark-icon')) {\n        this.map.removeImage('checkmark-icon');\n      }\n    }\n\n    // Clear confirmed selection layers\n  }, {\n    key: \"clearSelectionLayers\",\n    value: function clearSelectionLayers() {\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      var confirmedLabelsSource = this.map.getSource('confirmed-selection-labels');\n      if (confirmedSource) {\n        confirmedSource.setData({\n          type: 'FeatureCollection',\n          features: []\n        });\n      }\n      if (confirmedLabelsSource) {\n        confirmedLabelsSource.setData({\n          type: 'FeatureCollection',\n          features: []\n        });\n      }\n    }\n\n    // Add feature directly to confirmed selection (immediate selection)\n  }, {\n    key: \"addConfirmedSelectionFeature\",\n    value: function addConfirmedSelectionFeature(feature) {\n      var _this11 = this;\n      var clearExisting = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      var confirmedLabelsSource = this.map.getSource('confirmed-selection-labels');\n      var selectableSource = this.map.getSource('selectable-content');\n      var selectableLabelsSource = this.map.getSource('selectable-labels');\n      if (!confirmedSource || !confirmedLabelsSource || !selectableSource || !selectableLabelsSource) {\n        console.error('❌ Required sources not found for confirmed selection');\n        return;\n      }\n      var confirmedData = confirmedSource._data;\n      var confirmedLabelsData = confirmedLabelsSource._data;\n      var selectableData = selectableSource._data;\n      var selectableLabelsData = selectableLabelsSource._data;\n\n      // Use feature_id as the primary identifier since it's guaranteed to exist\n      var featureId = feature.properties.feature_id;\n\n      // Clear existing selections if requested (single-select mode)\n      if (clearExisting) {\n        // Move all confirmed features back to selectable layers using original geometry\n        confirmedData.features.forEach(function (confirmedFeature) {\n          var confirmedFeatureId = confirmedFeature.properties.feature_id;\n\n          // Get original feature geometry\n          var originalFeature = _this11._findOriginalFeature(confirmedFeatureId);\n          if (originalFeature) {\n            // Use original geometry\n            selectableData.features.push(originalFeature);\n            selectableLabelsData.features.push({\n              type: 'Feature',\n              geometry: _this11._getLabelGeometry(originalFeature),\n              properties: originalFeature.properties\n            });\n          } else {\n            // Fallback to current geometry\n            console.warn('⚠️ Original feature not found for feature:', confirmedFeatureId);\n            selectableData.features.push(confirmedFeature);\n            selectableLabelsData.features.push({\n              type: 'Feature',\n              geometry: _this11._getLabelGeometry(confirmedFeature),\n              properties: confirmedFeature.properties\n            });\n          }\n        });\n\n        // Clear confirmed layers\n        confirmedData.features = [];\n        confirmedLabelsData.features = [];\n      }\n\n      // Add new feature to confirmed layers\n      // CHECK: Don't add if feature already exists\n      var alreadyExists = confirmedData.features.some(function (f) {\n        return f.properties.feature_id === featureId;\n      });\n      if (!alreadyExists) {\n        confirmedData.features.push(feature);\n        confirmedSource.setData(confirmedData);\n\n        // Create and add label feature\n        var labelFeature = {\n          type: 'Feature',\n          geometry: this._getLabelGeometry(feature),\n          properties: feature.properties\n        };\n        confirmedLabelsData.features.push(labelFeature);\n        confirmedLabelsSource.setData(confirmedLabelsData);\n\n        // Remove from selectable layers using feature_id\n        selectableData.features = selectableData.features.filter(function (f) {\n          return f.properties.feature_id !== featureId;\n        });\n        selectableSource.setData(selectableData);\n        selectableLabelsData.features = selectableLabelsData.features.filter(function (f) {\n          return f.properties.feature_id !== featureId;\n        });\n        selectableLabelsSource.setData(selectableLabelsData);\n      }\n    }\n\n    // Remove feature from confirmed selection (deselect)\n  }, {\n    key: \"removeConfirmedSelectionFeature\",\n    value: function removeConfirmedSelectionFeature(featureId) {\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      var confirmedLabelsSource = this.map.getSource('confirmed-selection-labels');\n      var selectableSource = this.map.getSource('selectable-content');\n      var selectableLabelsSource = this.map.getSource('selectable-labels');\n      if (!confirmedSource || !confirmedLabelsSource || !selectableSource || !selectableLabelsSource) {\n        console.error('❌ Required sources not found for confirmed selection');\n        return;\n      }\n      var confirmedData = confirmedSource._data;\n      var confirmedLabelsData = confirmedLabelsSource._data;\n      var selectableData = selectableSource._data;\n      var selectableLabelsData = selectableLabelsSource._data;\n\n      // Find and remove feature from confirmed layers using feature_id\n      var featureToRemove = confirmedData.features.find(function (f) {\n        return f.properties.feature_id === featureId;\n      });\n      if (!featureToRemove) {\n        return;\n      }\n\n      // Get the original feature geometry from the original GeoJSON\n      var originalFeature = this._findOriginalFeature(featureId);\n      if (!originalFeature) {\n        console.warn('⚠️ Original feature not found for feature:', featureId);\n        // Fallback to using the current geometry\n        var fallbackFeature = featureToRemove;\n        selectableData.features.push(fallbackFeature);\n        selectableSource.setData(selectableData);\n        var labelFeature = {\n          type: 'Feature',\n          geometry: this._getLabelGeometry(fallbackFeature),\n          properties: fallbackFeature.properties\n        };\n        selectableLabelsData.features.push(labelFeature);\n        selectableLabelsSource.setData(selectableLabelsData);\n      } else {\n        // Use original geometry - this ensures high quality geometry\n        selectableData.features.push(originalFeature);\n        selectableSource.setData(selectableData);\n        var _labelFeature = {\n          type: 'Feature',\n          geometry: this._getLabelGeometry(originalFeature),\n          properties: originalFeature.properties\n        };\n        selectableLabelsData.features.push(_labelFeature);\n        selectableLabelsSource.setData(selectableLabelsData);\n      }\n\n      // Remove from confirmed layers\n      confirmedData.features = confirmedData.features.filter(function (f) {\n        return f.properties.feature_id !== featureId;\n      });\n      confirmedSource.setData(confirmedData);\n      confirmedLabelsData.features = confirmedLabelsData.features.filter(function (f) {\n        return f.properties.feature_id !== featureId;\n      });\n      confirmedLabelsSource.setData(confirmedLabelsData);\n    }\n\n    // Update _findOriginalFeature to use feature_id instead of placement_id\n    // _findOriginalFeature(featureId) {\n    //     if (!this.selectionGeoJSON || !this.selectionGeoJSON.features) {\n    //         return null;\n    //     }\n\n    //     return this.selectionGeoJSON.features.find(feature => \n    //         feature.properties.feature_id === featureId\n    //     );\n    // }\n\n    // Get all currently confirmed selection features\n  }, {\n    key: \"getConfirmedSelectionFeatures\",\n    value: function getConfirmedSelectionFeatures() {\n      var confirmedSource = this.map.getSource('confirmed-selection');\n      if (!confirmedSource) {\n        return [];\n      }\n      return confirmedSource._data.features || [];\n    }\n\n    // Check if a feature is currently selected\n  }, {\n    key: \"isFeatureSelected\",\n    value: function isFeatureSelected(placementId) {\n      var confirmedFeatures = this.getConfirmedSelectionFeatures();\n      return confirmedFeatures.some(function (f) {\n        return f.properties.placement_id === placementId || f.properties.feature_id === placementId;\n      });\n    }\n  }, {\n    key: \"_initializeState\",\n    value: function () {\n      var _initializeState2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee13() {\n        var _this$initialStateDat, _this$initialStateDat2;\n        return _regeneratorRuntime().wrap(function _callee13$(_context13) {\n          while (1) switch (_context13.prev = _context13.next) {\n            case 0:\n              _context13.prev = 0;\n              _context13.t0 = this.initialState;\n              _context13.next = _context13.t0 === 'default' ? 4 : _context13.t0 === 'search' ? 6 : _context13.t0 === 'selectedContent' ? 13 : _context13.t0 === 'directions' ? 20 : _context13.t0 === 'selection' ? 23 : _context13.t0 === 'setup' ? 32 : 35;\n              break;\n            case 4:\n              // Default state - explicitly fire the state:default event\n              this._stateCoordinator.transitionTo('default');\n              return _context13.abrupt(\"break\", 38);\n            case 6:\n              if (!(this.initialStateData && this.initialStateData.query)) {\n                _context13.next = 11;\n                break;\n              }\n              _context13.next = 9;\n              return this.setToSearchState(this.initialStateData.query, this.initialStateData.skip || 0, this.initialStateData.limit || 40, this.initialStateData.floor || null);\n            case 9:\n              _context13.next = 12;\n              break;\n            case 11:\n              console.warn('⚠️ Search state requires initialStateData with query property');\n            case 12:\n              return _context13.abrupt(\"break\", 38);\n            case 13:\n              if (!(this.initialStateData && this.initialStateData.contentPlacementIds)) {\n                _context13.next = 18;\n                break;\n              }\n              _context13.next = 16;\n              return this.setToSelectedContentState(this.initialStateData.contentPlacementIds);\n            case 16:\n              _context13.next = 19;\n              break;\n            case 18:\n              console.warn('⚠️ SelectedContent state requires initialStateData with contentPlacementIds property');\n            case 19:\n              return _context13.abrupt(\"break\", 38);\n            case 20:\n              _context13.next = 22;\n              return this.setToDirectionsState(((_this$initialStateDat = this.initialStateData) === null || _this$initialStateDat === void 0 ? void 0 : _this$initialStateDat.startContentPlacementId) || null, ((_this$initialStateDat2 = this.initialStateData) === null || _this$initialStateDat2 === void 0 ? void 0 : _this$initialStateDat2.endContentPlacementId) || null);\n            case 22:\n              return _context13.abrupt(\"break\", 38);\n            case 23:\n              if (!(this.initialStateData && this.initialStateData.criteria)) {\n                _context13.next = 29;\n                break;\n              }\n              _context13.next = 26;\n              return this.setToSelectionState(this.initialStateData.criteria, this.initialStateData.multiSelect !== false // Default to true\n              );\n            case 26:\n              // Hide loading overlay after selection state is loaded\n              this._hideSelectionLoadingOverlay();\n              _context13.next = 31;\n              break;\n            case 29:\n              console.warn('⚠️ Selection state requires initialStateData with criteria property');\n              // Hide loading overlay on invalid data\n              this._hideSelectionLoadingOverlay();\n            case 31:\n              return _context13.abrupt(\"break\", 38);\n            case 32:\n              _context13.next = 34;\n              return this.setToSetupState();\n            case 34:\n              return _context13.abrupt(\"break\", 38);\n            case 35:\n              console.warn('⚠️ Unknown initial state:', this.initialState);\n              // Hide loading overlay on unknown state\n              this._hideSelectionLoadingOverlay();\n              return _context13.abrupt(\"break\", 38);\n            case 38:\n              _context13.next = 45;\n              break;\n            case 40:\n              _context13.prev = 40;\n              _context13.t1 = _context13[\"catch\"](0);\n              console.error('❌ Error initializing state:', _context13.t1);\n              // Hide loading overlay on error\n              this._hideSelectionLoadingOverlay();\n              // Fall back to default state\n              this._stateCoordinator.transitionTo('default');\n            case 45:\n            case \"end\":\n              return _context13.stop();\n          }\n        }, _callee13, this, [[0, 40]]);\n      }));\n      function _initializeState() {\n        return _initializeState2.apply(this, arguments);\n      }\n      return _initializeState;\n    }()\n  }, {\n    key: \"_createSelectionLoadingOverlay\",\n    value: function _createSelectionLoadingOverlay() {\n      this.selectionLoadingOverlay = document.createElement('div');\n      this.selectionLoadingOverlay.className = 'selection-loading-overlay';\n\n      // Option 2: NEW Circular progress loader - FIXED SIZE\n      var progressContainer = document.createElement('div');\n      progressContainer.className = 'selection-circular-progress';\n\n      // Create SVG for circular progress with smaller circle to prevent cutoff\n      var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');\n      svg.setAttribute('viewBox', '0 0 40 40'); // Keep viewBox at 40x40\n\n      // Background circle - smaller radius to fit within container\n      var backgroundCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n      backgroundCircle.setAttribute('class', 'progress-ring');\n      backgroundCircle.setAttribute('cx', '20'); // Center X\n      backgroundCircle.setAttribute('cy', '20'); // Center Y\n      backgroundCircle.setAttribute('r', '15'); // Radius 15 (30px diameter) - smaller to prevent cutoff\n\n      // Progress circle - same smaller radius\n      var progressCircle = document.createElementNS('http://www.w3.org/2000/svg', 'circle');\n      progressCircle.setAttribute('class', 'progress-ring-fill');\n      progressCircle.setAttribute('cx', '20'); // Center X\n      progressCircle.setAttribute('cy', '20'); // Center Y\n      progressCircle.setAttribute('r', '15'); // Radius 15 (30px diameter) - smaller to prevent cutoff\n\n      svg.appendChild(backgroundCircle);\n      svg.appendChild(progressCircle);\n      progressContainer.appendChild(svg);\n      this.selectionLoadingOverlay.appendChild(progressContainer);\n\n      // Append to the map container's parent (the actual map div) to ensure it covers everything\n      var mapElement = document.getElementById(this.options.container);\n      if (mapElement) {\n        mapElement.appendChild(this.selectionLoadingOverlay);\n      } else {\n        // Fallback to mapContainer if parent not found\n        this.mapContainer.appendChild(this.selectionLoadingOverlay);\n      }\n    }\n  }, {\n    key: \"_showSelectionLoadingOverlay\",\n    value: function _showSelectionLoadingOverlay() {\n      if (this.selectionLoadingOverlay) {\n        this.selectionLoadingOverlay.style.display = 'flex';\n\n        // Start the circular progress animation\n        var progressCircle = this.selectionLoadingOverlay.querySelector('.progress-ring-fill');\n        if (progressCircle) {\n          // Reset animation\n          progressCircle.classList.remove('animating');\n          progressCircle.style.strokeDashoffset = '94.2';\n\n          // Start animation after a small delay to ensure it's visible\n          setTimeout(function () {\n            progressCircle.classList.add('animating');\n          }, 50);\n        }\n      }\n    }\n  }, {\n    key: \"_hideSelectionLoadingOverlay\",\n    value: function _hideSelectionLoadingOverlay() {\n      if (this.selectionLoadingOverlay) {\n        this.selectionLoadingOverlay.classList.add('hidden');\n        var progressCircle = this.selectionLoadingOverlay.querySelector('.progress-ring-fill');\n        if (progressCircle) {\n          progressCircle.classList.remove('animating');\n          progressCircle.style.strokeDashoffset = '188.4';\n        }\n        // setTimeout(() => {\n        //     if (this.selectionLoadingOverlay) {\n        //         this.selectionLoadingOverlay.style.display = 'none';\n        //         this.selectionLoadingOverlay.classList.remove('hidden');\n\n        //         // Reset progress animation for next time\n        //         const progressCircle = this.selectionLoadingOverlay.querySelector('.progress-ring-fill');\n        //         if (progressCircle) {\n        //             progressCircle.classList.remove('animating');\n        //             progressCircle.style.strokeDashoffset = '188.4';\n        //         }\n        //     }\n        // }, 100); // Match the CSS transition duration\n      }\n    }\n  }, {\n    key: \"_initializeKioskReset\",\n    value: function _initializeKioskReset() {\n      var _this12 = this;\n      // Reset the timer when any state changes\n      this.on('state:default', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:search', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:selectedContent', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:directions', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:setup', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('state:selection', function () {\n        return _this12._resetKioskTimer();\n      });\n\n      // Reset the timer when camera changes (user interaction with map)\n      this.on('moveend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('zoomend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('pitchend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('rotateend', function () {\n        return _this12._resetKioskTimer();\n      });\n      this.on('dragend', function () {\n        return _this12._resetKioskTimer();\n      });\n\n      // Start the timer - delay slightly to ensure listeners are attached\n      setTimeout(function () {\n        _this12._startKioskTimer();\n      }, 100);\n    }\n  }, {\n    key: \"_startKioskTimer\",\n    value: function _startKioskTimer() {\n      var _this13 = this;\n      var resetTimeSeconds = KIOSK_RESET_TIME / 1000;\n      var timeRemaining = resetTimeSeconds;\n\n      // Clear any existing countdown interval first\n      if (this.kioskCountdownInterval) {\n        clearInterval(this.kioskCountdownInterval);\n      }\n\n      // Start countdown logging\n      this.kioskCountdownInterval = setInterval(function () {\n        timeRemaining--;\n        if (timeRemaining <= 0) {\n          clearInterval(_this13.kioskCountdownInterval);\n        }\n      }, 1000);\n\n      // Set the actual reset timer\n      this.kioskResetTimer = setTimeout(function () {\n        var currentState = _this13._stateCoordinator.state;\n        var currentFloor = _this13._currentFloorIndex;\n        var defaultFloor = _this13._defaultFloorIndex;\n        var defaultBearing = _this13._defaultBearing;\n        var defaultPitch = _this13._defaultPitch;\n\n        // Reset to default floor with default camera settings\n        _this13.updateFloor(defaultFloor, true, defaultBearing, defaultPitch);\n\n        // Reset state to default if not already\n        if (currentState !== 'default') {\n          _this13.setToDefaultState();\n        }\n\n        // Clear the countdown interval\n        if (_this13.kioskCountdownInterval) {\n          clearInterval(_this13.kioskCountdownInterval);\n        }\n      }, KIOSK_RESET_TIME);\n    }\n  }, {\n    key: \"_resetKioskTimer\",\n    value: function _resetKioskTimer() {\n      var currentState = this._stateCoordinator.state;\n\n      // Clear existing timer\n      if (this.kioskResetTimer) {\n        clearTimeout(this.kioskResetTimer);\n      }\n\n      // Clear any existing countdown interval\n      if (this.kioskCountdownInterval) {\n        clearInterval(this.kioskCountdownInterval);\n      }\n\n      // Restart the timer\n      this._startKioskTimer();\n    }\n  }, {\n    key: \"_destroyKioskTimer\",\n    value: function _destroyKioskTimer() {\n      if (this.kioskResetTimer) {\n        clearTimeout(this.kioskResetTimer);\n        this.kioskResetTimer = null;\n      }\n      if (this.kioskCountdownInterval) {\n        clearInterval(this.kioskCountdownInterval);\n        this.kioskCountdownInterval = null;\n      }\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n\n//# sourceURL=webpack://waygomaps/./src/components/MapView/MapView.js?");
 
 /***/ }),
 
@@ -816,6 +816,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/components/QRCodeView/QRCodeView.js":
+/*!*************************************************!*\
+  !*** ./src/components/QRCodeView/QRCodeView.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _core_Component__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../core/Component */ \"./src/core/Component.js\");\n/* harmony import */ var qrcode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! qrcode */ \"./node_modules/qrcode/lib/browser.js\");\nfunction _typeof(o) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o; }, _typeof(o); }\nfunction _regeneratorRuntime() { \"use strict\"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = \"function\" == typeof Symbol ? Symbol : {}, a = i.iterator || \"@@iterator\", c = i.asyncIterator || \"@@asyncIterator\", u = i.toStringTag || \"@@toStringTag\"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, \"\"); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, \"_invoke\", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: \"normal\", arg: t.call(e, r) }; } catch (t) { return { type: \"throw\", arg: t }; } } e.wrap = wrap; var h = \"suspendedStart\", l = \"suspendedYield\", f = \"executing\", s = \"completed\", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { [\"next\", \"throw\", \"return\"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if (\"throw\" !== c.type) { var u = c.arg, h = u.value; return h && \"object\" == _typeof(h) && n.call(h, \"__await\") ? e.resolve(h.__await).then(function (t) { invoke(\"next\", t, i, a); }, function (t) { invoke(\"throw\", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke(\"throw\", t, i, a); }); } a(c.arg); } var r; o(this, \"_invoke\", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error(\"Generator is already running\"); if (o === s) { if (\"throw\" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if (\"next\" === n.method) n.sent = n._sent = n.arg;else if (\"throw\" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else \"return\" === n.method && n.abrupt(\"return\", n.arg); o = f; var p = tryCatch(e, r, n); if (\"normal\" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } \"throw\" === p.type && (o = s, n.method = \"throw\", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, \"throw\" === n && e.iterator[\"return\"] && (r.method = \"return\", r.arg = t, maybeInvokeDelegate(e, r), \"throw\" === r.method) || \"return\" !== n && (r.method = \"throw\", r.arg = new TypeError(\"The iterator does not provide a '\" + n + \"' method\")), y; var i = tryCatch(o, e.iterator, r.arg); if (\"throw\" === i.type) return r.method = \"throw\", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, \"return\" !== r.method && (r.method = \"next\", r.arg = t), r.delegate = null, y) : a : (r.method = \"throw\", r.arg = new TypeError(\"iterator result is not an object\"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = \"normal\", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: \"root\" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || \"\" === e) { var r = e[a]; if (r) return r.call(e); if (\"function\" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + \" is not iterable\"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, \"constructor\", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, \"constructor\", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, \"GeneratorFunction\"), e.isGeneratorFunction = function (t) { var e = \"function\" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || \"GeneratorFunction\" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, \"GeneratorFunction\")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, \"Generator\"), define(g, a, function () { return this; }), define(g, \"toString\", function () { return \"[object Generator]\"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = \"next\", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) \"t\" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if (\"throw\" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = \"throw\", a.arg = e, r.next = n, o && (r.method = \"next\", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if (\"root\" === i.tryLoc) return handle(\"end\"); if (i.tryLoc <= this.prev) { var c = n.call(i, \"catchLoc\"), u = n.call(i, \"finallyLoc\"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error(\"try statement without catch or finally\"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, \"finallyLoc\") && this.prev < o.finallyLoc) { var i = o; break; } } i && (\"break\" === t || \"continue\" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = \"next\", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if (\"throw\" === t.type) throw t.arg; return \"break\" === t.type || \"continue\" === t.type ? this.next = t.arg : \"return\" === t.type ? (this.rval = this.arg = t.arg, this.method = \"return\", this.next = \"end\") : \"normal\" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, \"catch\": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if (\"throw\" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error(\"illegal catch attempt\"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, \"next\" === this.method && (this.arg = t), y; } }, e; }\nfunction asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }\nfunction _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"next\", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, \"throw\", n); } _next(void 0); }); }; }\nfunction _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError(\"Cannot call a class as a function\"); }\nfunction _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || !1, o.configurable = !0, \"value\" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o); } }\nfunction _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, \"prototype\", { writable: !1 }), e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == _typeof(i) ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != _typeof(i)) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nfunction _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }\nfunction _possibleConstructorReturn(t, e) { if (e && (\"object\" == _typeof(e) || \"function\" == typeof e)) return e; if (void 0 !== e) throw new TypeError(\"Derived constructors may only return object or undefined\"); return _assertThisInitialized(t); }\nfunction _assertThisInitialized(e) { if (void 0 === e) throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); return e; }\nfunction _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }\nfunction _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }\nfunction _inherits(t, e) { if (\"function\" != typeof e && null !== e) throw new TypeError(\"Super expression must either be null or a function\"); t.prototype = Object.create(e && e.prototype, { constructor: { value: t, writable: !0, configurable: !0 } }), Object.defineProperty(t, \"prototype\", { writable: !1 }), e && _setPrototypeOf(t, e); }\nfunction _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }\n\n\nvar QRCodeView = /*#__PURE__*/function (_Component) {\n  function QRCodeView() {\n    var _this;\n    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n    _classCallCheck(this, QRCodeView);\n    _this = _callSuper(this, QRCodeView, [options]);\n    _this._initialize();\n    return _this;\n  }\n  _inherits(QRCodeView, _Component);\n  return _createClass(QRCodeView, [{\n    key: \"_initialize\",\n    value: function _initialize() {\n      this.element = document.createElement('div');\n      this.element.className = 'qr-code-view';\n      this.textElement = document.createElement('p');\n      this.textElement.className = 'qr-code-text';\n      this.textElement.innerText = 'Scan to continue the experience on your phone!';\n      this.qrCodeContainer = document.createElement('div');\n      this.qrCodeContainer.className = 'qr-code-container';\n      this.qrCodeCanvas = null;\n      this.element.appendChild(this.textElement);\n      this.element.appendChild(this.qrCodeContainer);\n    }\n  }, {\n    key: \"updateQRCode\",\n    value: function () {\n      var _updateQRCode = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(url) {\n        var size,\n          _args = arguments;\n        return _regeneratorRuntime().wrap(function _callee$(_context) {\n          while (1) switch (_context.prev = _context.next) {\n            case 0:\n              size = _args.length > 1 && _args[1] !== undefined ? _args[1] : 200;\n              // Clear existing QR code\n              if (this.qrCodeCanvas) {\n                this.qrCodeContainer.removeChild(this.qrCodeCanvas);\n                this.qrCodeCanvas = null;\n              }\n              _context.prev = 2;\n              // Generate QR code as canvas\n              this.qrCodeCanvas = document.createElement('canvas');\n              this.qrCodeCanvas.className = 'qr-code-canvas';\n              _context.next = 7;\n              return qrcode__WEBPACK_IMPORTED_MODULE_1__.toCanvas(this.qrCodeCanvas, url, {\n                width: size,\n                margin: 2\n              });\n            case 7:\n              this.qrCodeContainer.appendChild(this.qrCodeCanvas);\n              _context.next = 13;\n              break;\n            case 10:\n              _context.prev = 10;\n              _context.t0 = _context[\"catch\"](2);\n              console.error('Error generating QR code:', _context.t0);\n            case 13:\n            case \"end\":\n              return _context.stop();\n          }\n        }, _callee, this, [[2, 10]]);\n      }));\n      function updateQRCode(_x) {\n        return _updateQRCode.apply(this, arguments);\n      }\n      return updateQRCode;\n    }()\n  }, {\n    key: \"show\",\n    value: function show() {\n      this.element.classList.add('visible');\n    }\n  }, {\n    key: \"hide\",\n    value: function hide() {\n      this.element.classList.remove('visible');\n    }\n  }, {\n    key: \"getElement\",\n    value: function getElement() {\n      return this.element;\n    }\n  }]);\n}(_core_Component__WEBPACK_IMPORTED_MODULE_0__[\"default\"]);\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (QRCodeView);\n\n//# sourceURL=webpack://waygomaps/./src/components/QRCodeView/QRCodeView.js?");
+
+/***/ }),
+
 /***/ "./src/components/SearchBox/SearchBar.js":
 /*!***********************************************!*\
   !*** ./src/components/SearchBox/SearchBar.js ***!
@@ -1192,6 +1203,17 @@ eval("\n\nvar keys = __webpack_require__(/*! object-keys */ \"./node_modules/obj
 
 /***/ }),
 
+/***/ "./node_modules/dijkstrajs/dijkstra.js":
+/*!*********************************************!*\
+  !*** ./node_modules/dijkstrajs/dijkstra.js ***!
+  \*********************************************/
+/***/ ((module) => {
+
+"use strict";
+eval("\n\n/******************************************************************************\n * Created 2008-08-19.\n *\n * Dijkstra path-finding functions. Adapted from the Dijkstar Python project.\n *\n * Copyright (C) 2008\n *   Wyatt Baldwin <self@wyattbaldwin.com>\n *   All rights reserved\n *\n * Licensed under the MIT license.\n *\n *   http://www.opensource.org/licenses/mit-license.php\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\n * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\n * THE SOFTWARE.\n *****************************************************************************/\nvar dijkstra = {\n  single_source_shortest_paths: function(graph, s, d) {\n    // Predecessor map for each node that has been encountered.\n    // node ID => predecessor node ID\n    var predecessors = {};\n\n    // Costs of shortest paths from s to all nodes encountered.\n    // node ID => cost\n    var costs = {};\n    costs[s] = 0;\n\n    // Costs of shortest paths from s to all nodes encountered; differs from\n    // `costs` in that it provides easy access to the node that currently has\n    // the known shortest path from s.\n    // XXX: Do we actually need both `costs` and `open`?\n    var open = dijkstra.PriorityQueue.make();\n    open.push(s, 0);\n\n    var closest,\n        u, v,\n        cost_of_s_to_u,\n        adjacent_nodes,\n        cost_of_e,\n        cost_of_s_to_u_plus_cost_of_e,\n        cost_of_s_to_v,\n        first_visit;\n    while (!open.empty()) {\n      // In the nodes remaining in graph that have a known cost from s,\n      // find the node, u, that currently has the shortest path from s.\n      closest = open.pop();\n      u = closest.value;\n      cost_of_s_to_u = closest.cost;\n\n      // Get nodes adjacent to u...\n      adjacent_nodes = graph[u] || {};\n\n      // ...and explore the edges that connect u to those nodes, updating\n      // the cost of the shortest paths to any or all of those nodes as\n      // necessary. v is the node across the current edge from u.\n      for (v in adjacent_nodes) {\n        if (adjacent_nodes.hasOwnProperty(v)) {\n          // Get the cost of the edge running from u to v.\n          cost_of_e = adjacent_nodes[v];\n\n          // Cost of s to u plus the cost of u to v across e--this is *a*\n          // cost from s to v that may or may not be less than the current\n          // known cost to v.\n          cost_of_s_to_u_plus_cost_of_e = cost_of_s_to_u + cost_of_e;\n\n          // If we haven't visited v yet OR if the current known cost from s to\n          // v is greater than the new cost we just found (cost of s to u plus\n          // cost of u to v across e), update v's cost in the cost list and\n          // update v's predecessor in the predecessor list (it's now u).\n          cost_of_s_to_v = costs[v];\n          first_visit = (typeof costs[v] === 'undefined');\n          if (first_visit || cost_of_s_to_v > cost_of_s_to_u_plus_cost_of_e) {\n            costs[v] = cost_of_s_to_u_plus_cost_of_e;\n            open.push(v, cost_of_s_to_u_plus_cost_of_e);\n            predecessors[v] = u;\n          }\n        }\n      }\n    }\n\n    if (typeof d !== 'undefined' && typeof costs[d] === 'undefined') {\n      var msg = ['Could not find a path from ', s, ' to ', d, '.'].join('');\n      throw new Error(msg);\n    }\n\n    return predecessors;\n  },\n\n  extract_shortest_path_from_predecessor_list: function(predecessors, d) {\n    var nodes = [];\n    var u = d;\n    var predecessor;\n    while (u) {\n      nodes.push(u);\n      predecessor = predecessors[u];\n      u = predecessors[u];\n    }\n    nodes.reverse();\n    return nodes;\n  },\n\n  find_path: function(graph, s, d) {\n    var predecessors = dijkstra.single_source_shortest_paths(graph, s, d);\n    return dijkstra.extract_shortest_path_from_predecessor_list(\n      predecessors, d);\n  },\n\n  /**\n   * A very naive priority queue implementation.\n   */\n  PriorityQueue: {\n    make: function (opts) {\n      var T = dijkstra.PriorityQueue,\n          t = {},\n          key;\n      opts = opts || {};\n      for (key in T) {\n        if (T.hasOwnProperty(key)) {\n          t[key] = T[key];\n        }\n      }\n      t.queue = [];\n      t.sorter = opts.sorter || T.default_sorter;\n      return t;\n    },\n\n    default_sorter: function (a, b) {\n      return a.cost - b.cost;\n    },\n\n    /**\n     * Add a new item to the queue and ensure the highest priority element\n     * is at the front of the queue.\n     */\n    push: function (value, cost) {\n      var item = {value: value, cost: cost};\n      this.queue.push(item);\n      this.queue.sort(this.sorter);\n    },\n\n    /**\n     * Return the highest priority element in the queue.\n     */\n    pop: function () {\n      return this.queue.shift();\n    },\n\n    empty: function () {\n      return this.queue.length === 0;\n    }\n  }\n};\n\n\n// node.js module exports\nif (true) {\n  module.exports = dijkstra;\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/dijkstrajs/dijkstra.js?");
+
+/***/ }),
+
 /***/ "./node_modules/electron-to-chromium/versions.js":
 /*!*******************************************************!*\
   !*** ./node_modules/electron-to-chromium/versions.js ***!
@@ -2591,6 +2613,276 @@ eval("// shim for using process in browser\nvar process = module.exports = {};\n
 
 /***/ }),
 
+/***/ "./node_modules/qrcode/lib/browser.js":
+/*!********************************************!*\
+  !*** ./node_modules/qrcode/lib/browser.js ***!
+  \********************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("\nconst canPromise = __webpack_require__(/*! ./can-promise */ \"./node_modules/qrcode/lib/can-promise.js\")\n\nconst QRCode = __webpack_require__(/*! ./core/qrcode */ \"./node_modules/qrcode/lib/core/qrcode.js\")\nconst CanvasRenderer = __webpack_require__(/*! ./renderer/canvas */ \"./node_modules/qrcode/lib/renderer/canvas.js\")\nconst SvgRenderer = __webpack_require__(/*! ./renderer/svg-tag.js */ \"./node_modules/qrcode/lib/renderer/svg-tag.js\")\n\nfunction renderCanvas (renderFunc, canvas, text, opts, cb) {\n  const args = [].slice.call(arguments, 1)\n  const argsNum = args.length\n  const isLastArgCb = typeof args[argsNum - 1] === 'function'\n\n  if (!isLastArgCb && !canPromise()) {\n    throw new Error('Callback required as last argument')\n  }\n\n  if (isLastArgCb) {\n    if (argsNum < 2) {\n      throw new Error('Too few arguments provided')\n    }\n\n    if (argsNum === 2) {\n      cb = text\n      text = canvas\n      canvas = opts = undefined\n    } else if (argsNum === 3) {\n      if (canvas.getContext && typeof cb === 'undefined') {\n        cb = opts\n        opts = undefined\n      } else {\n        cb = opts\n        opts = text\n        text = canvas\n        canvas = undefined\n      }\n    }\n  } else {\n    if (argsNum < 1) {\n      throw new Error('Too few arguments provided')\n    }\n\n    if (argsNum === 1) {\n      text = canvas\n      canvas = opts = undefined\n    } else if (argsNum === 2 && !canvas.getContext) {\n      opts = text\n      text = canvas\n      canvas = undefined\n    }\n\n    return new Promise(function (resolve, reject) {\n      try {\n        const data = QRCode.create(text, opts)\n        resolve(renderFunc(data, canvas, opts))\n      } catch (e) {\n        reject(e)\n      }\n    })\n  }\n\n  try {\n    const data = QRCode.create(text, opts)\n    cb(null, renderFunc(data, canvas, opts))\n  } catch (e) {\n    cb(e)\n  }\n}\n\nexports.create = QRCode.create\nexports.toCanvas = renderCanvas.bind(null, CanvasRenderer.render)\nexports.toDataURL = renderCanvas.bind(null, CanvasRenderer.renderToDataURL)\n\n// only svg for now.\nexports.toString = renderCanvas.bind(null, function (data, _, opts) {\n  return SvgRenderer.render(data, opts)\n})\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/browser.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/can-promise.js":
+/*!************************************************!*\
+  !*** ./node_modules/qrcode/lib/can-promise.js ***!
+  \************************************************/
+/***/ ((module) => {
+
+eval("// can-promise has a crash in some versions of react native that dont have\n// standard global objects\n// https://github.com/soldair/node-qrcode/issues/157\n\nmodule.exports = function () {\n  return typeof Promise === 'function' && Promise.prototype && Promise.prototype.then\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/can-promise.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/alignment-pattern.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/alignment-pattern.js ***!
+  \***********************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("/**\n * Alignment pattern are fixed reference pattern in defined positions\n * in a matrix symbology, which enables the decode software to re-synchronise\n * the coordinate mapping of the image modules in the event of moderate amounts\n * of distortion of the image.\n *\n * Alignment patterns are present only in QR Code symbols of version 2 or larger\n * and their number depends on the symbol version.\n */\n\nconst getSymbolSize = (__webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/core/utils.js\").getSymbolSize)\n\n/**\n * Calculate the row/column coordinates of the center module of each alignment pattern\n * for the specified QR Code version.\n *\n * The alignment patterns are positioned symmetrically on either side of the diagonal\n * running from the top left corner of the symbol to the bottom right corner.\n *\n * Since positions are simmetrical only half of the coordinates are returned.\n * Each item of the array will represent in turn the x and y coordinate.\n * @see {@link getPositions}\n *\n * @param  {Number} version QR Code version\n * @return {Array}          Array of coordinate\n */\nexports.getRowColCoords = function getRowColCoords (version) {\n  if (version === 1) return []\n\n  const posCount = Math.floor(version / 7) + 2\n  const size = getSymbolSize(version)\n  const intervals = size === 145 ? 26 : Math.ceil((size - 13) / (2 * posCount - 2)) * 2\n  const positions = [size - 7] // Last coord is always (size - 7)\n\n  for (let i = 1; i < posCount - 1; i++) {\n    positions[i] = positions[i - 1] - intervals\n  }\n\n  positions.push(6) // First coord is always 6\n\n  return positions.reverse()\n}\n\n/**\n * Returns an array containing the positions of each alignment pattern.\n * Each array's element represent the center point of the pattern as (x, y) coordinates\n *\n * Coordinates are calculated expanding the row/column coordinates returned by {@link getRowColCoords}\n * and filtering out the items that overlaps with finder pattern\n *\n * @example\n * For a Version 7 symbol {@link getRowColCoords} returns values 6, 22 and 38.\n * The alignment patterns, therefore, are to be centered on (row, column)\n * positions (6,22), (22,6), (22,22), (22,38), (38,22), (38,38).\n * Note that the coordinates (6,6), (6,38), (38,6) are occupied by finder patterns\n * and are not therefore used for alignment patterns.\n *\n * let pos = getPositions(7)\n * // [[6,22], [22,6], [22,22], [22,38], [38,22], [38,38]]\n *\n * @param  {Number} version QR Code version\n * @return {Array}          Array of coordinates\n */\nexports.getPositions = function getPositions (version) {\n  const coords = []\n  const pos = exports.getRowColCoords(version)\n  const posLength = pos.length\n\n  for (let i = 0; i < posLength; i++) {\n    for (let j = 0; j < posLength; j++) {\n      // Skip if position is occupied by finder patterns\n      if ((i === 0 && j === 0) || // top-left\n          (i === 0 && j === posLength - 1) || // bottom-left\n          (i === posLength - 1 && j === 0)) { // top-right\n        continue\n      }\n\n      coords.push([pos[i], pos[j]])\n    }\n  }\n\n  return coords\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/alignment-pattern.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/alphanumeric-data.js":
+/*!***********************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/alphanumeric-data.js ***!
+  \***********************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+eval("const Mode = __webpack_require__(/*! ./mode */ \"./node_modules/qrcode/lib/core/mode.js\")\n\n/**\n * Array of characters available in alphanumeric mode\n *\n * As per QR Code specification, to each character\n * is assigned a value from 0 to 44 which in this case coincides\n * with the array index\n *\n * @type {Array}\n */\nconst ALPHA_NUM_CHARS = [\n  '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',\n  'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M',\n  'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z',\n  ' ', '$', '%', '*', '+', '-', '.', '/', ':'\n]\n\nfunction AlphanumericData (data) {\n  this.mode = Mode.ALPHANUMERIC\n  this.data = data\n}\n\nAlphanumericData.getBitsLength = function getBitsLength (length) {\n  return 11 * Math.floor(length / 2) + 6 * (length % 2)\n}\n\nAlphanumericData.prototype.getLength = function getLength () {\n  return this.data.length\n}\n\nAlphanumericData.prototype.getBitsLength = function getBitsLength () {\n  return AlphanumericData.getBitsLength(this.data.length)\n}\n\nAlphanumericData.prototype.write = function write (bitBuffer) {\n  let i\n\n  // Input data characters are divided into groups of two characters\n  // and encoded as 11-bit binary codes.\n  for (i = 0; i + 2 <= this.data.length; i += 2) {\n    // The character value of the first character is multiplied by 45\n    let value = ALPHA_NUM_CHARS.indexOf(this.data[i]) * 45\n\n    // The character value of the second digit is added to the product\n    value += ALPHA_NUM_CHARS.indexOf(this.data[i + 1])\n\n    // The sum is then stored as 11-bit binary number\n    bitBuffer.put(value, 11)\n  }\n\n  // If the number of input data characters is not a multiple of two,\n  // the character value of the final character is encoded as a 6-bit binary number.\n  if (this.data.length % 2) {\n    bitBuffer.put(ALPHA_NUM_CHARS.indexOf(this.data[i]), 6)\n  }\n}\n\nmodule.exports = AlphanumericData\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/alphanumeric-data.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/bit-buffer.js":
+/*!****************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/bit-buffer.js ***!
+  \****************************************************/
+/***/ ((module) => {
+
+eval("function BitBuffer () {\n  this.buffer = []\n  this.length = 0\n}\n\nBitBuffer.prototype = {\n\n  get: function (index) {\n    const bufIndex = Math.floor(index / 8)\n    return ((this.buffer[bufIndex] >>> (7 - index % 8)) & 1) === 1\n  },\n\n  put: function (num, length) {\n    for (let i = 0; i < length; i++) {\n      this.putBit(((num >>> (length - i - 1)) & 1) === 1)\n    }\n  },\n\n  getLengthInBits: function () {\n    return this.length\n  },\n\n  putBit: function (bit) {\n    const bufIndex = Math.floor(this.length / 8)\n    if (this.buffer.length <= bufIndex) {\n      this.buffer.push(0)\n    }\n\n    if (bit) {\n      this.buffer[bufIndex] |= (0x80 >>> (this.length % 8))\n    }\n\n    this.length++\n  }\n}\n\nmodule.exports = BitBuffer\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/bit-buffer.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/bit-matrix.js":
+/*!****************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/bit-matrix.js ***!
+  \****************************************************/
+/***/ ((module) => {
+
+eval("/**\n * Helper class to handle QR Code symbol modules\n *\n * @param {Number} size Symbol size\n */\nfunction BitMatrix (size) {\n  if (!size || size < 1) {\n    throw new Error('BitMatrix size must be defined and greater than 0')\n  }\n\n  this.size = size\n  this.data = new Uint8Array(size * size)\n  this.reservedBit = new Uint8Array(size * size)\n}\n\n/**\n * Set bit value at specified location\n * If reserved flag is set, this bit will be ignored during masking process\n *\n * @param {Number}  row\n * @param {Number}  col\n * @param {Boolean} value\n * @param {Boolean} reserved\n */\nBitMatrix.prototype.set = function (row, col, value, reserved) {\n  const index = row * this.size + col\n  this.data[index] = value\n  if (reserved) this.reservedBit[index] = true\n}\n\n/**\n * Returns bit value at specified location\n *\n * @param  {Number}  row\n * @param  {Number}  col\n * @return {Boolean}\n */\nBitMatrix.prototype.get = function (row, col) {\n  return this.data[row * this.size + col]\n}\n\n/**\n * Applies xor operator at specified location\n * (used during masking process)\n *\n * @param {Number}  row\n * @param {Number}  col\n * @param {Boolean} value\n */\nBitMatrix.prototype.xor = function (row, col, value) {\n  this.data[row * this.size + col] ^= value\n}\n\n/**\n * Check if bit at specified location is reserved\n *\n * @param {Number}   row\n * @param {Number}   col\n * @return {Boolean}\n */\nBitMatrix.prototype.isReserved = function (row, col) {\n  return this.reservedBit[row * this.size + col]\n}\n\nmodule.exports = BitMatrix\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/bit-matrix.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/byte-data.js":
+/*!***************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/byte-data.js ***!
+  \***************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+eval("const Mode = __webpack_require__(/*! ./mode */ \"./node_modules/qrcode/lib/core/mode.js\")\n\nfunction ByteData (data) {\n  this.mode = Mode.BYTE\n  if (typeof (data) === 'string') {\n    this.data = new TextEncoder().encode(data)\n  } else {\n    this.data = new Uint8Array(data)\n  }\n}\n\nByteData.getBitsLength = function getBitsLength (length) {\n  return length * 8\n}\n\nByteData.prototype.getLength = function getLength () {\n  return this.data.length\n}\n\nByteData.prototype.getBitsLength = function getBitsLength () {\n  return ByteData.getBitsLength(this.data.length)\n}\n\nByteData.prototype.write = function (bitBuffer) {\n  for (let i = 0, l = this.data.length; i < l; i++) {\n    bitBuffer.put(this.data[i], 8)\n  }\n}\n\nmodule.exports = ByteData\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/byte-data.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/error-correction-code.js":
+/*!***************************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/error-correction-code.js ***!
+  \***************************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const ECLevel = __webpack_require__(/*! ./error-correction-level */ \"./node_modules/qrcode/lib/core/error-correction-level.js\")\r\n\r\nconst EC_BLOCKS_TABLE = [\r\n// L  M  Q  H\r\n  1, 1, 1, 1,\r\n  1, 1, 1, 1,\r\n  1, 1, 2, 2,\r\n  1, 2, 2, 4,\r\n  1, 2, 4, 4,\r\n  2, 4, 4, 4,\r\n  2, 4, 6, 5,\r\n  2, 4, 6, 6,\r\n  2, 5, 8, 8,\r\n  4, 5, 8, 8,\r\n  4, 5, 8, 11,\r\n  4, 8, 10, 11,\r\n  4, 9, 12, 16,\r\n  4, 9, 16, 16,\r\n  6, 10, 12, 18,\r\n  6, 10, 17, 16,\r\n  6, 11, 16, 19,\r\n  6, 13, 18, 21,\r\n  7, 14, 21, 25,\r\n  8, 16, 20, 25,\r\n  8, 17, 23, 25,\r\n  9, 17, 23, 34,\r\n  9, 18, 25, 30,\r\n  10, 20, 27, 32,\r\n  12, 21, 29, 35,\r\n  12, 23, 34, 37,\r\n  12, 25, 34, 40,\r\n  13, 26, 35, 42,\r\n  14, 28, 38, 45,\r\n  15, 29, 40, 48,\r\n  16, 31, 43, 51,\r\n  17, 33, 45, 54,\r\n  18, 35, 48, 57,\r\n  19, 37, 51, 60,\r\n  19, 38, 53, 63,\r\n  20, 40, 56, 66,\r\n  21, 43, 59, 70,\r\n  22, 45, 62, 74,\r\n  24, 47, 65, 77,\r\n  25, 49, 68, 81\r\n]\r\n\r\nconst EC_CODEWORDS_TABLE = [\r\n// L  M  Q  H\r\n  7, 10, 13, 17,\r\n  10, 16, 22, 28,\r\n  15, 26, 36, 44,\r\n  20, 36, 52, 64,\r\n  26, 48, 72, 88,\r\n  36, 64, 96, 112,\r\n  40, 72, 108, 130,\r\n  48, 88, 132, 156,\r\n  60, 110, 160, 192,\r\n  72, 130, 192, 224,\r\n  80, 150, 224, 264,\r\n  96, 176, 260, 308,\r\n  104, 198, 288, 352,\r\n  120, 216, 320, 384,\r\n  132, 240, 360, 432,\r\n  144, 280, 408, 480,\r\n  168, 308, 448, 532,\r\n  180, 338, 504, 588,\r\n  196, 364, 546, 650,\r\n  224, 416, 600, 700,\r\n  224, 442, 644, 750,\r\n  252, 476, 690, 816,\r\n  270, 504, 750, 900,\r\n  300, 560, 810, 960,\r\n  312, 588, 870, 1050,\r\n  336, 644, 952, 1110,\r\n  360, 700, 1020, 1200,\r\n  390, 728, 1050, 1260,\r\n  420, 784, 1140, 1350,\r\n  450, 812, 1200, 1440,\r\n  480, 868, 1290, 1530,\r\n  510, 924, 1350, 1620,\r\n  540, 980, 1440, 1710,\r\n  570, 1036, 1530, 1800,\r\n  570, 1064, 1590, 1890,\r\n  600, 1120, 1680, 1980,\r\n  630, 1204, 1770, 2100,\r\n  660, 1260, 1860, 2220,\r\n  720, 1316, 1950, 2310,\r\n  750, 1372, 2040, 2430\r\n]\r\n\r\n/**\r\n * Returns the number of error correction block that the QR Code should contain\r\n * for the specified version and error correction level.\r\n *\r\n * @param  {Number} version              QR Code version\r\n * @param  {Number} errorCorrectionLevel Error correction level\r\n * @return {Number}                      Number of error correction blocks\r\n */\r\nexports.getBlocksCount = function getBlocksCount (version, errorCorrectionLevel) {\r\n  switch (errorCorrectionLevel) {\r\n    case ECLevel.L:\r\n      return EC_BLOCKS_TABLE[(version - 1) * 4 + 0]\r\n    case ECLevel.M:\r\n      return EC_BLOCKS_TABLE[(version - 1) * 4 + 1]\r\n    case ECLevel.Q:\r\n      return EC_BLOCKS_TABLE[(version - 1) * 4 + 2]\r\n    case ECLevel.H:\r\n      return EC_BLOCKS_TABLE[(version - 1) * 4 + 3]\r\n    default:\r\n      return undefined\r\n  }\r\n}\r\n\r\n/**\r\n * Returns the number of error correction codewords to use for the specified\r\n * version and error correction level.\r\n *\r\n * @param  {Number} version              QR Code version\r\n * @param  {Number} errorCorrectionLevel Error correction level\r\n * @return {Number}                      Number of error correction codewords\r\n */\r\nexports.getTotalCodewordsCount = function getTotalCodewordsCount (version, errorCorrectionLevel) {\r\n  switch (errorCorrectionLevel) {\r\n    case ECLevel.L:\r\n      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 0]\r\n    case ECLevel.M:\r\n      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 1]\r\n    case ECLevel.Q:\r\n      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 2]\r\n    case ECLevel.H:\r\n      return EC_CODEWORDS_TABLE[(version - 1) * 4 + 3]\r\n    default:\r\n      return undefined\r\n  }\r\n}\r\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/error-correction-code.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/error-correction-level.js":
+/*!****************************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/error-correction-level.js ***!
+  \****************************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+eval("exports.L = { bit: 1 }\nexports.M = { bit: 0 }\nexports.Q = { bit: 3 }\nexports.H = { bit: 2 }\n\nfunction fromString (string) {\n  if (typeof string !== 'string') {\n    throw new Error('Param is not a string')\n  }\n\n  const lcStr = string.toLowerCase()\n\n  switch (lcStr) {\n    case 'l':\n    case 'low':\n      return exports.L\n\n    case 'm':\n    case 'medium':\n      return exports.M\n\n    case 'q':\n    case 'quartile':\n      return exports.Q\n\n    case 'h':\n    case 'high':\n      return exports.H\n\n    default:\n      throw new Error('Unknown EC Level: ' + string)\n  }\n}\n\nexports.isValid = function isValid (level) {\n  return level && typeof level.bit !== 'undefined' &&\n    level.bit >= 0 && level.bit < 4\n}\n\nexports.from = function from (value, defaultValue) {\n  if (exports.isValid(value)) {\n    return value\n  }\n\n  try {\n    return fromString(value)\n  } catch (e) {\n    return defaultValue\n  }\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/error-correction-level.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/finder-pattern.js":
+/*!********************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/finder-pattern.js ***!
+  \********************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const getSymbolSize = (__webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/core/utils.js\").getSymbolSize)\nconst FINDER_PATTERN_SIZE = 7\n\n/**\n * Returns an array containing the positions of each finder pattern.\n * Each array's element represent the top-left point of the pattern as (x, y) coordinates\n *\n * @param  {Number} version QR Code version\n * @return {Array}          Array of coordinates\n */\nexports.getPositions = function getPositions (version) {\n  const size = getSymbolSize(version)\n\n  return [\n    // top-left\n    [0, 0],\n    // top-right\n    [size - FINDER_PATTERN_SIZE, 0],\n    // bottom-left\n    [0, size - FINDER_PATTERN_SIZE]\n  ]\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/finder-pattern.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/format-info.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/format-info.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const Utils = __webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/core/utils.js\")\n\nconst G15 = (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0)\nconst G15_MASK = (1 << 14) | (1 << 12) | (1 << 10) | (1 << 4) | (1 << 1)\nconst G15_BCH = Utils.getBCHDigit(G15)\n\n/**\n * Returns format information with relative error correction bits\n *\n * The format information is a 15-bit sequence containing 5 data bits,\n * with 10 error correction bits calculated using the (15, 5) BCH code.\n *\n * @param  {Number} errorCorrectionLevel Error correction level\n * @param  {Number} mask                 Mask pattern\n * @return {Number}                      Encoded format information bits\n */\nexports.getEncodedBits = function getEncodedBits (errorCorrectionLevel, mask) {\n  const data = ((errorCorrectionLevel.bit << 3) | mask)\n  let d = data << 10\n\n  while (Utils.getBCHDigit(d) - G15_BCH >= 0) {\n    d ^= (G15 << (Utils.getBCHDigit(d) - G15_BCH))\n  }\n\n  // xor final data with mask pattern in order to ensure that\n  // no combination of Error Correction Level and data mask pattern\n  // will result in an all-zero data string\n  return ((data << 10) | d) ^ G15_MASK\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/format-info.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/galois-field.js":
+/*!******************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/galois-field.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+eval("const EXP_TABLE = new Uint8Array(512)\nconst LOG_TABLE = new Uint8Array(256)\n/**\n * Precompute the log and anti-log tables for faster computation later\n *\n * For each possible value in the galois field 2^8, we will pre-compute\n * the logarithm and anti-logarithm (exponential) of this value\n *\n * ref {@link https://en.wikiversity.org/wiki/Reed%E2%80%93Solomon_codes_for_coders#Introduction_to_mathematical_fields}\n */\n;(function initTables () {\n  let x = 1\n  for (let i = 0; i < 255; i++) {\n    EXP_TABLE[i] = x\n    LOG_TABLE[x] = i\n\n    x <<= 1 // multiply by 2\n\n    // The QR code specification says to use byte-wise modulo 100011101 arithmetic.\n    // This means that when a number is 256 or larger, it should be XORed with 0x11D.\n    if (x & 0x100) { // similar to x >= 256, but a lot faster (because 0x100 == 256)\n      x ^= 0x11D\n    }\n  }\n\n  // Optimization: double the size of the anti-log table so that we don't need to mod 255 to\n  // stay inside the bounds (because we will mainly use this table for the multiplication of\n  // two GF numbers, no more).\n  // @see {@link mul}\n  for (let i = 255; i < 512; i++) {\n    EXP_TABLE[i] = EXP_TABLE[i - 255]\n  }\n}())\n\n/**\n * Returns log value of n inside Galois Field\n *\n * @param  {Number} n\n * @return {Number}\n */\nexports.log = function log (n) {\n  if (n < 1) throw new Error('log(' + n + ')')\n  return LOG_TABLE[n]\n}\n\n/**\n * Returns anti-log value of n inside Galois Field\n *\n * @param  {Number} n\n * @return {Number}\n */\nexports.exp = function exp (n) {\n  return EXP_TABLE[n]\n}\n\n/**\n * Multiplies two number inside Galois Field\n *\n * @param  {Number} x\n * @param  {Number} y\n * @return {Number}\n */\nexports.mul = function mul (x, y) {\n  if (x === 0 || y === 0) return 0\n\n  // should be EXP_TABLE[(LOG_TABLE[x] + LOG_TABLE[y]) % 255] if EXP_TABLE wasn't oversized\n  // @see {@link initTables}\n  return EXP_TABLE[LOG_TABLE[x] + LOG_TABLE[y]]\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/galois-field.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/kanji-data.js":
+/*!****************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/kanji-data.js ***!
+  \****************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+eval("const Mode = __webpack_require__(/*! ./mode */ \"./node_modules/qrcode/lib/core/mode.js\")\nconst Utils = __webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/core/utils.js\")\n\nfunction KanjiData (data) {\n  this.mode = Mode.KANJI\n  this.data = data\n}\n\nKanjiData.getBitsLength = function getBitsLength (length) {\n  return length * 13\n}\n\nKanjiData.prototype.getLength = function getLength () {\n  return this.data.length\n}\n\nKanjiData.prototype.getBitsLength = function getBitsLength () {\n  return KanjiData.getBitsLength(this.data.length)\n}\n\nKanjiData.prototype.write = function (bitBuffer) {\n  let i\n\n  // In the Shift JIS system, Kanji characters are represented by a two byte combination.\n  // These byte values are shifted from the JIS X 0208 values.\n  // JIS X 0208 gives details of the shift coded representation.\n  for (i = 0; i < this.data.length; i++) {\n    let value = Utils.toSJIS(this.data[i])\n\n    // For characters with Shift JIS values from 0x8140 to 0x9FFC:\n    if (value >= 0x8140 && value <= 0x9FFC) {\n      // Subtract 0x8140 from Shift JIS value\n      value -= 0x8140\n\n    // For characters with Shift JIS values from 0xE040 to 0xEBBF\n    } else if (value >= 0xE040 && value <= 0xEBBF) {\n      // Subtract 0xC140 from Shift JIS value\n      value -= 0xC140\n    } else {\n      throw new Error(\n        'Invalid SJIS character: ' + this.data[i] + '\\n' +\n        'Make sure your charset is UTF-8')\n    }\n\n    // Multiply most significant byte of result by 0xC0\n    // and add least significant byte to product\n    value = (((value >>> 8) & 0xff) * 0xC0) + (value & 0xff)\n\n    // Convert result to a 13-bit binary string\n    bitBuffer.put(value, 13)\n  }\n}\n\nmodule.exports = KanjiData\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/kanji-data.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/mask-pattern.js":
+/*!******************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/mask-pattern.js ***!
+  \******************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+eval("/**\n * Data mask pattern reference\n * @type {Object}\n */\nexports.Patterns = {\n  PATTERN000: 0,\n  PATTERN001: 1,\n  PATTERN010: 2,\n  PATTERN011: 3,\n  PATTERN100: 4,\n  PATTERN101: 5,\n  PATTERN110: 6,\n  PATTERN111: 7\n}\n\n/**\n * Weighted penalty scores for the undesirable features\n * @type {Object}\n */\nconst PenaltyScores = {\n  N1: 3,\n  N2: 3,\n  N3: 40,\n  N4: 10\n}\n\n/**\n * Check if mask pattern value is valid\n *\n * @param  {Number}  mask    Mask pattern\n * @return {Boolean}         true if valid, false otherwise\n */\nexports.isValid = function isValid (mask) {\n  return mask != null && mask !== '' && !isNaN(mask) && mask >= 0 && mask <= 7\n}\n\n/**\n * Returns mask pattern from a value.\n * If value is not valid, returns undefined\n *\n * @param  {Number|String} value        Mask pattern value\n * @return {Number}                     Valid mask pattern or undefined\n */\nexports.from = function from (value) {\n  return exports.isValid(value) ? parseInt(value, 10) : undefined\n}\n\n/**\n* Find adjacent modules in row/column with the same color\n* and assign a penalty value.\n*\n* Points: N1 + i\n* i is the amount by which the number of adjacent modules of the same color exceeds 5\n*/\nexports.getPenaltyN1 = function getPenaltyN1 (data) {\n  const size = data.size\n  let points = 0\n  let sameCountCol = 0\n  let sameCountRow = 0\n  let lastCol = null\n  let lastRow = null\n\n  for (let row = 0; row < size; row++) {\n    sameCountCol = sameCountRow = 0\n    lastCol = lastRow = null\n\n    for (let col = 0; col < size; col++) {\n      let module = data.get(row, col)\n      if (module === lastCol) {\n        sameCountCol++\n      } else {\n        if (sameCountCol >= 5) points += PenaltyScores.N1 + (sameCountCol - 5)\n        lastCol = module\n        sameCountCol = 1\n      }\n\n      module = data.get(col, row)\n      if (module === lastRow) {\n        sameCountRow++\n      } else {\n        if (sameCountRow >= 5) points += PenaltyScores.N1 + (sameCountRow - 5)\n        lastRow = module\n        sameCountRow = 1\n      }\n    }\n\n    if (sameCountCol >= 5) points += PenaltyScores.N1 + (sameCountCol - 5)\n    if (sameCountRow >= 5) points += PenaltyScores.N1 + (sameCountRow - 5)\n  }\n\n  return points\n}\n\n/**\n * Find 2x2 blocks with the same color and assign a penalty value\n *\n * Points: N2 * (m - 1) * (n - 1)\n */\nexports.getPenaltyN2 = function getPenaltyN2 (data) {\n  const size = data.size\n  let points = 0\n\n  for (let row = 0; row < size - 1; row++) {\n    for (let col = 0; col < size - 1; col++) {\n      const last = data.get(row, col) +\n        data.get(row, col + 1) +\n        data.get(row + 1, col) +\n        data.get(row + 1, col + 1)\n\n      if (last === 4 || last === 0) points++\n    }\n  }\n\n  return points * PenaltyScores.N2\n}\n\n/**\n * Find 1:1:3:1:1 ratio (dark:light:dark:light:dark) pattern in row/column,\n * preceded or followed by light area 4 modules wide\n *\n * Points: N3 * number of pattern found\n */\nexports.getPenaltyN3 = function getPenaltyN3 (data) {\n  const size = data.size\n  let points = 0\n  let bitsCol = 0\n  let bitsRow = 0\n\n  for (let row = 0; row < size; row++) {\n    bitsCol = bitsRow = 0\n    for (let col = 0; col < size; col++) {\n      bitsCol = ((bitsCol << 1) & 0x7FF) | data.get(row, col)\n      if (col >= 10 && (bitsCol === 0x5D0 || bitsCol === 0x05D)) points++\n\n      bitsRow = ((bitsRow << 1) & 0x7FF) | data.get(col, row)\n      if (col >= 10 && (bitsRow === 0x5D0 || bitsRow === 0x05D)) points++\n    }\n  }\n\n  return points * PenaltyScores.N3\n}\n\n/**\n * Calculate proportion of dark modules in entire symbol\n *\n * Points: N4 * k\n *\n * k is the rating of the deviation of the proportion of dark modules\n * in the symbol from 50% in steps of 5%\n */\nexports.getPenaltyN4 = function getPenaltyN4 (data) {\n  let darkCount = 0\n  const modulesCount = data.data.length\n\n  for (let i = 0; i < modulesCount; i++) darkCount += data.data[i]\n\n  const k = Math.abs(Math.ceil((darkCount * 100 / modulesCount) / 5) - 10)\n\n  return k * PenaltyScores.N4\n}\n\n/**\n * Return mask value at given position\n *\n * @param  {Number} maskPattern Pattern reference value\n * @param  {Number} i           Row\n * @param  {Number} j           Column\n * @return {Boolean}            Mask value\n */\nfunction getMaskAt (maskPattern, i, j) {\n  switch (maskPattern) {\n    case exports.Patterns.PATTERN000: return (i + j) % 2 === 0\n    case exports.Patterns.PATTERN001: return i % 2 === 0\n    case exports.Patterns.PATTERN010: return j % 3 === 0\n    case exports.Patterns.PATTERN011: return (i + j) % 3 === 0\n    case exports.Patterns.PATTERN100: return (Math.floor(i / 2) + Math.floor(j / 3)) % 2 === 0\n    case exports.Patterns.PATTERN101: return (i * j) % 2 + (i * j) % 3 === 0\n    case exports.Patterns.PATTERN110: return ((i * j) % 2 + (i * j) % 3) % 2 === 0\n    case exports.Patterns.PATTERN111: return ((i * j) % 3 + (i + j) % 2) % 2 === 0\n\n    default: throw new Error('bad maskPattern:' + maskPattern)\n  }\n}\n\n/**\n * Apply a mask pattern to a BitMatrix\n *\n * @param  {Number}    pattern Pattern reference number\n * @param  {BitMatrix} data    BitMatrix data\n */\nexports.applyMask = function applyMask (pattern, data) {\n  const size = data.size\n\n  for (let col = 0; col < size; col++) {\n    for (let row = 0; row < size; row++) {\n      if (data.isReserved(row, col)) continue\n      data.xor(row, col, getMaskAt(pattern, row, col))\n    }\n  }\n}\n\n/**\n * Returns the best mask pattern for data\n *\n * @param  {BitMatrix} data\n * @return {Number} Mask pattern reference number\n */\nexports.getBestMask = function getBestMask (data, setupFormatFunc) {\n  const numPatterns = Object.keys(exports.Patterns).length\n  let bestPattern = 0\n  let lowerPenalty = Infinity\n\n  for (let p = 0; p < numPatterns; p++) {\n    setupFormatFunc(p)\n    exports.applyMask(p, data)\n\n    // Calculate penalty\n    const penalty =\n      exports.getPenaltyN1(data) +\n      exports.getPenaltyN2(data) +\n      exports.getPenaltyN3(data) +\n      exports.getPenaltyN4(data)\n\n    // Undo previously applied mask\n    exports.applyMask(p, data)\n\n    if (penalty < lowerPenalty) {\n      lowerPenalty = penalty\n      bestPattern = p\n    }\n  }\n\n  return bestPattern\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/mask-pattern.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/mode.js":
+/*!**********************************************!*\
+  !*** ./node_modules/qrcode/lib/core/mode.js ***!
+  \**********************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const VersionCheck = __webpack_require__(/*! ./version-check */ \"./node_modules/qrcode/lib/core/version-check.js\")\nconst Regex = __webpack_require__(/*! ./regex */ \"./node_modules/qrcode/lib/core/regex.js\")\n\n/**\n * Numeric mode encodes data from the decimal digit set (0 - 9)\n * (byte values 30HEX to 39HEX).\n * Normally, 3 data characters are represented by 10 bits.\n *\n * @type {Object}\n */\nexports.NUMERIC = {\n  id: 'Numeric',\n  bit: 1 << 0,\n  ccBits: [10, 12, 14]\n}\n\n/**\n * Alphanumeric mode encodes data from a set of 45 characters,\n * i.e. 10 numeric digits (0 - 9),\n *      26 alphabetic characters (A - Z),\n *   and 9 symbols (SP, $, %, *, +, -, ., /, :).\n * Normally, two input characters are represented by 11 bits.\n *\n * @type {Object}\n */\nexports.ALPHANUMERIC = {\n  id: 'Alphanumeric',\n  bit: 1 << 1,\n  ccBits: [9, 11, 13]\n}\n\n/**\n * In byte mode, data is encoded at 8 bits per character.\n *\n * @type {Object}\n */\nexports.BYTE = {\n  id: 'Byte',\n  bit: 1 << 2,\n  ccBits: [8, 16, 16]\n}\n\n/**\n * The Kanji mode efficiently encodes Kanji characters in accordance with\n * the Shift JIS system based on JIS X 0208.\n * The Shift JIS values are shifted from the JIS X 0208 values.\n * JIS X 0208 gives details of the shift coded representation.\n * Each two-byte character value is compacted to a 13-bit binary codeword.\n *\n * @type {Object}\n */\nexports.KANJI = {\n  id: 'Kanji',\n  bit: 1 << 3,\n  ccBits: [8, 10, 12]\n}\n\n/**\n * Mixed mode will contain a sequences of data in a combination of any of\n * the modes described above\n *\n * @type {Object}\n */\nexports.MIXED = {\n  bit: -1\n}\n\n/**\n * Returns the number of bits needed to store the data length\n * according to QR Code specifications.\n *\n * @param  {Mode}   mode    Data mode\n * @param  {Number} version QR Code version\n * @return {Number}         Number of bits\n */\nexports.getCharCountIndicator = function getCharCountIndicator (mode, version) {\n  if (!mode.ccBits) throw new Error('Invalid mode: ' + mode)\n\n  if (!VersionCheck.isValid(version)) {\n    throw new Error('Invalid version: ' + version)\n  }\n\n  if (version >= 1 && version < 10) return mode.ccBits[0]\n  else if (version < 27) return mode.ccBits[1]\n  return mode.ccBits[2]\n}\n\n/**\n * Returns the most efficient mode to store the specified data\n *\n * @param  {String} dataStr Input data string\n * @return {Mode}           Best mode\n */\nexports.getBestModeForData = function getBestModeForData (dataStr) {\n  if (Regex.testNumeric(dataStr)) return exports.NUMERIC\n  else if (Regex.testAlphanumeric(dataStr)) return exports.ALPHANUMERIC\n  else if (Regex.testKanji(dataStr)) return exports.KANJI\n  else return exports.BYTE\n}\n\n/**\n * Return mode name as string\n *\n * @param {Mode} mode Mode object\n * @returns {String}  Mode name\n */\nexports.toString = function toString (mode) {\n  if (mode && mode.id) return mode.id\n  throw new Error('Invalid mode')\n}\n\n/**\n * Check if input param is a valid mode object\n *\n * @param   {Mode}    mode Mode object\n * @returns {Boolean} True if valid mode, false otherwise\n */\nexports.isValid = function isValid (mode) {\n  return mode && mode.bit && mode.ccBits\n}\n\n/**\n * Get mode object from its name\n *\n * @param   {String} string Mode name\n * @returns {Mode}          Mode object\n */\nfunction fromString (string) {\n  if (typeof string !== 'string') {\n    throw new Error('Param is not a string')\n  }\n\n  const lcStr = string.toLowerCase()\n\n  switch (lcStr) {\n    case 'numeric':\n      return exports.NUMERIC\n    case 'alphanumeric':\n      return exports.ALPHANUMERIC\n    case 'kanji':\n      return exports.KANJI\n    case 'byte':\n      return exports.BYTE\n    default:\n      throw new Error('Unknown mode: ' + string)\n  }\n}\n\n/**\n * Returns mode from a value.\n * If value is not a valid mode, returns defaultValue\n *\n * @param  {Mode|String} value        Encoding mode\n * @param  {Mode}        defaultValue Fallback value\n * @return {Mode}                     Encoding mode\n */\nexports.from = function from (value, defaultValue) {\n  if (exports.isValid(value)) {\n    return value\n  }\n\n  try {\n    return fromString(value)\n  } catch (e) {\n    return defaultValue\n  }\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/mode.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/numeric-data.js":
+/*!******************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/numeric-data.js ***!
+  \******************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+eval("const Mode = __webpack_require__(/*! ./mode */ \"./node_modules/qrcode/lib/core/mode.js\")\n\nfunction NumericData (data) {\n  this.mode = Mode.NUMERIC\n  this.data = data.toString()\n}\n\nNumericData.getBitsLength = function getBitsLength (length) {\n  return 10 * Math.floor(length / 3) + ((length % 3) ? ((length % 3) * 3 + 1) : 0)\n}\n\nNumericData.prototype.getLength = function getLength () {\n  return this.data.length\n}\n\nNumericData.prototype.getBitsLength = function getBitsLength () {\n  return NumericData.getBitsLength(this.data.length)\n}\n\nNumericData.prototype.write = function write (bitBuffer) {\n  let i, group, value\n\n  // The input data string is divided into groups of three digits,\n  // and each group is converted to its 10-bit binary equivalent.\n  for (i = 0; i + 3 <= this.data.length; i += 3) {\n    group = this.data.substr(i, 3)\n    value = parseInt(group, 10)\n\n    bitBuffer.put(value, 10)\n  }\n\n  // If the number of input digits is not an exact multiple of three,\n  // the final one or two digits are converted to 4 or 7 bits respectively.\n  const remainingNum = this.data.length - i\n  if (remainingNum > 0) {\n    group = this.data.substr(i)\n    value = parseInt(group, 10)\n\n    bitBuffer.put(value, remainingNum * 3 + 1)\n  }\n}\n\nmodule.exports = NumericData\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/numeric-data.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/polynomial.js":
+/*!****************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/polynomial.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const GF = __webpack_require__(/*! ./galois-field */ \"./node_modules/qrcode/lib/core/galois-field.js\")\n\n/**\n * Multiplies two polynomials inside Galois Field\n *\n * @param  {Uint8Array} p1 Polynomial\n * @param  {Uint8Array} p2 Polynomial\n * @return {Uint8Array}    Product of p1 and p2\n */\nexports.mul = function mul (p1, p2) {\n  const coeff = new Uint8Array(p1.length + p2.length - 1)\n\n  for (let i = 0; i < p1.length; i++) {\n    for (let j = 0; j < p2.length; j++) {\n      coeff[i + j] ^= GF.mul(p1[i], p2[j])\n    }\n  }\n\n  return coeff\n}\n\n/**\n * Calculate the remainder of polynomials division\n *\n * @param  {Uint8Array} divident Polynomial\n * @param  {Uint8Array} divisor  Polynomial\n * @return {Uint8Array}          Remainder\n */\nexports.mod = function mod (divident, divisor) {\n  let result = new Uint8Array(divident)\n\n  while ((result.length - divisor.length) >= 0) {\n    const coeff = result[0]\n\n    for (let i = 0; i < divisor.length; i++) {\n      result[i] ^= GF.mul(divisor[i], coeff)\n    }\n\n    // remove all zeros from buffer head\n    let offset = 0\n    while (offset < result.length && result[offset] === 0) offset++\n    result = result.slice(offset)\n  }\n\n  return result\n}\n\n/**\n * Generate an irreducible generator polynomial of specified degree\n * (used by Reed-Solomon encoder)\n *\n * @param  {Number} degree Degree of the generator polynomial\n * @return {Uint8Array}    Buffer containing polynomial coefficients\n */\nexports.generateECPolynomial = function generateECPolynomial (degree) {\n  let poly = new Uint8Array([1])\n  for (let i = 0; i < degree; i++) {\n    poly = exports.mul(poly, new Uint8Array([1, GF.exp(i)]))\n  }\n\n  return poly\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/polynomial.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/qrcode.js":
+/*!************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/qrcode.js ***!
+  \************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const Utils = __webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/core/utils.js\")\nconst ECLevel = __webpack_require__(/*! ./error-correction-level */ \"./node_modules/qrcode/lib/core/error-correction-level.js\")\nconst BitBuffer = __webpack_require__(/*! ./bit-buffer */ \"./node_modules/qrcode/lib/core/bit-buffer.js\")\nconst BitMatrix = __webpack_require__(/*! ./bit-matrix */ \"./node_modules/qrcode/lib/core/bit-matrix.js\")\nconst AlignmentPattern = __webpack_require__(/*! ./alignment-pattern */ \"./node_modules/qrcode/lib/core/alignment-pattern.js\")\nconst FinderPattern = __webpack_require__(/*! ./finder-pattern */ \"./node_modules/qrcode/lib/core/finder-pattern.js\")\nconst MaskPattern = __webpack_require__(/*! ./mask-pattern */ \"./node_modules/qrcode/lib/core/mask-pattern.js\")\nconst ECCode = __webpack_require__(/*! ./error-correction-code */ \"./node_modules/qrcode/lib/core/error-correction-code.js\")\nconst ReedSolomonEncoder = __webpack_require__(/*! ./reed-solomon-encoder */ \"./node_modules/qrcode/lib/core/reed-solomon-encoder.js\")\nconst Version = __webpack_require__(/*! ./version */ \"./node_modules/qrcode/lib/core/version.js\")\nconst FormatInfo = __webpack_require__(/*! ./format-info */ \"./node_modules/qrcode/lib/core/format-info.js\")\nconst Mode = __webpack_require__(/*! ./mode */ \"./node_modules/qrcode/lib/core/mode.js\")\nconst Segments = __webpack_require__(/*! ./segments */ \"./node_modules/qrcode/lib/core/segments.js\")\n\n/**\n * QRCode for JavaScript\n *\n * modified by Ryan Day for nodejs support\n * Copyright (c) 2011 Ryan Day\n *\n * Licensed under the MIT license:\n *   http://www.opensource.org/licenses/mit-license.php\n *\n//---------------------------------------------------------------------\n// QRCode for JavaScript\n//\n// Copyright (c) 2009 Kazuhiko Arase\n//\n// URL: http://www.d-project.com/\n//\n// Licensed under the MIT license:\n//   http://www.opensource.org/licenses/mit-license.php\n//\n// The word \"QR Code\" is registered trademark of\n// DENSO WAVE INCORPORATED\n//   http://www.denso-wave.com/qrcode/faqpatent-e.html\n//\n//---------------------------------------------------------------------\n*/\n\n/**\n * Add finder patterns bits to matrix\n *\n * @param  {BitMatrix} matrix  Modules matrix\n * @param  {Number}    version QR Code version\n */\nfunction setupFinderPattern (matrix, version) {\n  const size = matrix.size\n  const pos = FinderPattern.getPositions(version)\n\n  for (let i = 0; i < pos.length; i++) {\n    const row = pos[i][0]\n    const col = pos[i][1]\n\n    for (let r = -1; r <= 7; r++) {\n      if (row + r <= -1 || size <= row + r) continue\n\n      for (let c = -1; c <= 7; c++) {\n        if (col + c <= -1 || size <= col + c) continue\n\n        if ((r >= 0 && r <= 6 && (c === 0 || c === 6)) ||\n          (c >= 0 && c <= 6 && (r === 0 || r === 6)) ||\n          (r >= 2 && r <= 4 && c >= 2 && c <= 4)) {\n          matrix.set(row + r, col + c, true, true)\n        } else {\n          matrix.set(row + r, col + c, false, true)\n        }\n      }\n    }\n  }\n}\n\n/**\n * Add timing pattern bits to matrix\n *\n * Note: this function must be called before {@link setupAlignmentPattern}\n *\n * @param  {BitMatrix} matrix Modules matrix\n */\nfunction setupTimingPattern (matrix) {\n  const size = matrix.size\n\n  for (let r = 8; r < size - 8; r++) {\n    const value = r % 2 === 0\n    matrix.set(r, 6, value, true)\n    matrix.set(6, r, value, true)\n  }\n}\n\n/**\n * Add alignment patterns bits to matrix\n *\n * Note: this function must be called after {@link setupTimingPattern}\n *\n * @param  {BitMatrix} matrix  Modules matrix\n * @param  {Number}    version QR Code version\n */\nfunction setupAlignmentPattern (matrix, version) {\n  const pos = AlignmentPattern.getPositions(version)\n\n  for (let i = 0; i < pos.length; i++) {\n    const row = pos[i][0]\n    const col = pos[i][1]\n\n    for (let r = -2; r <= 2; r++) {\n      for (let c = -2; c <= 2; c++) {\n        if (r === -2 || r === 2 || c === -2 || c === 2 ||\n          (r === 0 && c === 0)) {\n          matrix.set(row + r, col + c, true, true)\n        } else {\n          matrix.set(row + r, col + c, false, true)\n        }\n      }\n    }\n  }\n}\n\n/**\n * Add version info bits to matrix\n *\n * @param  {BitMatrix} matrix  Modules matrix\n * @param  {Number}    version QR Code version\n */\nfunction setupVersionInfo (matrix, version) {\n  const size = matrix.size\n  const bits = Version.getEncodedBits(version)\n  let row, col, mod\n\n  for (let i = 0; i < 18; i++) {\n    row = Math.floor(i / 3)\n    col = i % 3 + size - 8 - 3\n    mod = ((bits >> i) & 1) === 1\n\n    matrix.set(row, col, mod, true)\n    matrix.set(col, row, mod, true)\n  }\n}\n\n/**\n * Add format info bits to matrix\n *\n * @param  {BitMatrix} matrix               Modules matrix\n * @param  {ErrorCorrectionLevel}    errorCorrectionLevel Error correction level\n * @param  {Number}    maskPattern          Mask pattern reference value\n */\nfunction setupFormatInfo (matrix, errorCorrectionLevel, maskPattern) {\n  const size = matrix.size\n  const bits = FormatInfo.getEncodedBits(errorCorrectionLevel, maskPattern)\n  let i, mod\n\n  for (i = 0; i < 15; i++) {\n    mod = ((bits >> i) & 1) === 1\n\n    // vertical\n    if (i < 6) {\n      matrix.set(i, 8, mod, true)\n    } else if (i < 8) {\n      matrix.set(i + 1, 8, mod, true)\n    } else {\n      matrix.set(size - 15 + i, 8, mod, true)\n    }\n\n    // horizontal\n    if (i < 8) {\n      matrix.set(8, size - i - 1, mod, true)\n    } else if (i < 9) {\n      matrix.set(8, 15 - i - 1 + 1, mod, true)\n    } else {\n      matrix.set(8, 15 - i - 1, mod, true)\n    }\n  }\n\n  // fixed module\n  matrix.set(size - 8, 8, 1, true)\n}\n\n/**\n * Add encoded data bits to matrix\n *\n * @param  {BitMatrix}  matrix Modules matrix\n * @param  {Uint8Array} data   Data codewords\n */\nfunction setupData (matrix, data) {\n  const size = matrix.size\n  let inc = -1\n  let row = size - 1\n  let bitIndex = 7\n  let byteIndex = 0\n\n  for (let col = size - 1; col > 0; col -= 2) {\n    if (col === 6) col--\n\n    while (true) {\n      for (let c = 0; c < 2; c++) {\n        if (!matrix.isReserved(row, col - c)) {\n          let dark = false\n\n          if (byteIndex < data.length) {\n            dark = (((data[byteIndex] >>> bitIndex) & 1) === 1)\n          }\n\n          matrix.set(row, col - c, dark)\n          bitIndex--\n\n          if (bitIndex === -1) {\n            byteIndex++\n            bitIndex = 7\n          }\n        }\n      }\n\n      row += inc\n\n      if (row < 0 || size <= row) {\n        row -= inc\n        inc = -inc\n        break\n      }\n    }\n  }\n}\n\n/**\n * Create encoded codewords from data input\n *\n * @param  {Number}   version              QR Code version\n * @param  {ErrorCorrectionLevel}   errorCorrectionLevel Error correction level\n * @param  {ByteData} data                 Data input\n * @return {Uint8Array}                    Buffer containing encoded codewords\n */\nfunction createData (version, errorCorrectionLevel, segments) {\n  // Prepare data buffer\n  const buffer = new BitBuffer()\n\n  segments.forEach(function (data) {\n    // prefix data with mode indicator (4 bits)\n    buffer.put(data.mode.bit, 4)\n\n    // Prefix data with character count indicator.\n    // The character count indicator is a string of bits that represents the\n    // number of characters that are being encoded.\n    // The character count indicator must be placed after the mode indicator\n    // and must be a certain number of bits long, depending on the QR version\n    // and data mode\n    // @see {@link Mode.getCharCountIndicator}.\n    buffer.put(data.getLength(), Mode.getCharCountIndicator(data.mode, version))\n\n    // add binary data sequence to buffer\n    data.write(buffer)\n  })\n\n  // Calculate required number of bits\n  const totalCodewords = Utils.getSymbolTotalCodewords(version)\n  const ecTotalCodewords = ECCode.getTotalCodewordsCount(version, errorCorrectionLevel)\n  const dataTotalCodewordsBits = (totalCodewords - ecTotalCodewords) * 8\n\n  // Add a terminator.\n  // If the bit string is shorter than the total number of required bits,\n  // a terminator of up to four 0s must be added to the right side of the string.\n  // If the bit string is more than four bits shorter than the required number of bits,\n  // add four 0s to the end.\n  if (buffer.getLengthInBits() + 4 <= dataTotalCodewordsBits) {\n    buffer.put(0, 4)\n  }\n\n  // If the bit string is fewer than four bits shorter, add only the number of 0s that\n  // are needed to reach the required number of bits.\n\n  // After adding the terminator, if the number of bits in the string is not a multiple of 8,\n  // pad the string on the right with 0s to make the string's length a multiple of 8.\n  while (buffer.getLengthInBits() % 8 !== 0) {\n    buffer.putBit(0)\n  }\n\n  // Add pad bytes if the string is still shorter than the total number of required bits.\n  // Extend the buffer to fill the data capacity of the symbol corresponding to\n  // the Version and Error Correction Level by adding the Pad Codewords 11101100 (0xEC)\n  // and 00010001 (0x11) alternately.\n  const remainingByte = (dataTotalCodewordsBits - buffer.getLengthInBits()) / 8\n  for (let i = 0; i < remainingByte; i++) {\n    buffer.put(i % 2 ? 0x11 : 0xEC, 8)\n  }\n\n  return createCodewords(buffer, version, errorCorrectionLevel)\n}\n\n/**\n * Encode input data with Reed-Solomon and return codewords with\n * relative error correction bits\n *\n * @param  {BitBuffer} bitBuffer            Data to encode\n * @param  {Number}    version              QR Code version\n * @param  {ErrorCorrectionLevel} errorCorrectionLevel Error correction level\n * @return {Uint8Array}                     Buffer containing encoded codewords\n */\nfunction createCodewords (bitBuffer, version, errorCorrectionLevel) {\n  // Total codewords for this QR code version (Data + Error correction)\n  const totalCodewords = Utils.getSymbolTotalCodewords(version)\n\n  // Total number of error correction codewords\n  const ecTotalCodewords = ECCode.getTotalCodewordsCount(version, errorCorrectionLevel)\n\n  // Total number of data codewords\n  const dataTotalCodewords = totalCodewords - ecTotalCodewords\n\n  // Total number of blocks\n  const ecTotalBlocks = ECCode.getBlocksCount(version, errorCorrectionLevel)\n\n  // Calculate how many blocks each group should contain\n  const blocksInGroup2 = totalCodewords % ecTotalBlocks\n  const blocksInGroup1 = ecTotalBlocks - blocksInGroup2\n\n  const totalCodewordsInGroup1 = Math.floor(totalCodewords / ecTotalBlocks)\n\n  const dataCodewordsInGroup1 = Math.floor(dataTotalCodewords / ecTotalBlocks)\n  const dataCodewordsInGroup2 = dataCodewordsInGroup1 + 1\n\n  // Number of EC codewords is the same for both groups\n  const ecCount = totalCodewordsInGroup1 - dataCodewordsInGroup1\n\n  // Initialize a Reed-Solomon encoder with a generator polynomial of degree ecCount\n  const rs = new ReedSolomonEncoder(ecCount)\n\n  let offset = 0\n  const dcData = new Array(ecTotalBlocks)\n  const ecData = new Array(ecTotalBlocks)\n  let maxDataSize = 0\n  const buffer = new Uint8Array(bitBuffer.buffer)\n\n  // Divide the buffer into the required number of blocks\n  for (let b = 0; b < ecTotalBlocks; b++) {\n    const dataSize = b < blocksInGroup1 ? dataCodewordsInGroup1 : dataCodewordsInGroup2\n\n    // extract a block of data from buffer\n    dcData[b] = buffer.slice(offset, offset + dataSize)\n\n    // Calculate EC codewords for this data block\n    ecData[b] = rs.encode(dcData[b])\n\n    offset += dataSize\n    maxDataSize = Math.max(maxDataSize, dataSize)\n  }\n\n  // Create final data\n  // Interleave the data and error correction codewords from each block\n  const data = new Uint8Array(totalCodewords)\n  let index = 0\n  let i, r\n\n  // Add data codewords\n  for (i = 0; i < maxDataSize; i++) {\n    for (r = 0; r < ecTotalBlocks; r++) {\n      if (i < dcData[r].length) {\n        data[index++] = dcData[r][i]\n      }\n    }\n  }\n\n  // Apped EC codewords\n  for (i = 0; i < ecCount; i++) {\n    for (r = 0; r < ecTotalBlocks; r++) {\n      data[index++] = ecData[r][i]\n    }\n  }\n\n  return data\n}\n\n/**\n * Build QR Code symbol\n *\n * @param  {String} data                 Input string\n * @param  {Number} version              QR Code version\n * @param  {ErrorCorretionLevel} errorCorrectionLevel Error level\n * @param  {MaskPattern} maskPattern     Mask pattern\n * @return {Object}                      Object containing symbol data\n */\nfunction createSymbol (data, version, errorCorrectionLevel, maskPattern) {\n  let segments\n\n  if (Array.isArray(data)) {\n    segments = Segments.fromArray(data)\n  } else if (typeof data === 'string') {\n    let estimatedVersion = version\n\n    if (!estimatedVersion) {\n      const rawSegments = Segments.rawSplit(data)\n\n      // Estimate best version that can contain raw splitted segments\n      estimatedVersion = Version.getBestVersionForData(rawSegments, errorCorrectionLevel)\n    }\n\n    // Build optimized segments\n    // If estimated version is undefined, try with the highest version\n    segments = Segments.fromString(data, estimatedVersion || 40)\n  } else {\n    throw new Error('Invalid data')\n  }\n\n  // Get the min version that can contain data\n  const bestVersion = Version.getBestVersionForData(segments, errorCorrectionLevel)\n\n  // If no version is found, data cannot be stored\n  if (!bestVersion) {\n    throw new Error('The amount of data is too big to be stored in a QR Code')\n  }\n\n  // If not specified, use min version as default\n  if (!version) {\n    version = bestVersion\n\n  // Check if the specified version can contain the data\n  } else if (version < bestVersion) {\n    throw new Error('\\n' +\n      'The chosen QR Code version cannot contain this amount of data.\\n' +\n      'Minimum version required to store current data is: ' + bestVersion + '.\\n'\n    )\n  }\n\n  const dataBits = createData(version, errorCorrectionLevel, segments)\n\n  // Allocate matrix buffer\n  const moduleCount = Utils.getSymbolSize(version)\n  const modules = new BitMatrix(moduleCount)\n\n  // Add function modules\n  setupFinderPattern(modules, version)\n  setupTimingPattern(modules)\n  setupAlignmentPattern(modules, version)\n\n  // Add temporary dummy bits for format info just to set them as reserved.\n  // This is needed to prevent these bits from being masked by {@link MaskPattern.applyMask}\n  // since the masking operation must be performed only on the encoding region.\n  // These blocks will be replaced with correct values later in code.\n  setupFormatInfo(modules, errorCorrectionLevel, 0)\n\n  if (version >= 7) {\n    setupVersionInfo(modules, version)\n  }\n\n  // Add data codewords\n  setupData(modules, dataBits)\n\n  if (isNaN(maskPattern)) {\n    // Find best mask pattern\n    maskPattern = MaskPattern.getBestMask(modules,\n      setupFormatInfo.bind(null, modules, errorCorrectionLevel))\n  }\n\n  // Apply mask pattern\n  MaskPattern.applyMask(maskPattern, modules)\n\n  // Replace format info bits with correct values\n  setupFormatInfo(modules, errorCorrectionLevel, maskPattern)\n\n  return {\n    modules: modules,\n    version: version,\n    errorCorrectionLevel: errorCorrectionLevel,\n    maskPattern: maskPattern,\n    segments: segments\n  }\n}\n\n/**\n * QR Code\n *\n * @param {String | Array} data                 Input data\n * @param {Object} options                      Optional configurations\n * @param {Number} options.version              QR Code version\n * @param {String} options.errorCorrectionLevel Error correction level\n * @param {Function} options.toSJISFunc         Helper func to convert utf8 to sjis\n */\nexports.create = function create (data, options) {\n  if (typeof data === 'undefined' || data === '') {\n    throw new Error('No input text')\n  }\n\n  let errorCorrectionLevel = ECLevel.M\n  let version\n  let mask\n\n  if (typeof options !== 'undefined') {\n    // Use higher error correction level as default\n    errorCorrectionLevel = ECLevel.from(options.errorCorrectionLevel, ECLevel.M)\n    version = Version.from(options.version)\n    mask = MaskPattern.from(options.maskPattern)\n\n    if (options.toSJISFunc) {\n      Utils.setToSJISFunction(options.toSJISFunc)\n    }\n  }\n\n  return createSymbol(data, version, errorCorrectionLevel, mask)\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/qrcode.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/reed-solomon-encoder.js":
+/*!**************************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/reed-solomon-encoder.js ***!
+  \**************************************************************/
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+eval("const Polynomial = __webpack_require__(/*! ./polynomial */ \"./node_modules/qrcode/lib/core/polynomial.js\")\n\nfunction ReedSolomonEncoder (degree) {\n  this.genPoly = undefined\n  this.degree = degree\n\n  if (this.degree) this.initialize(this.degree)\n}\n\n/**\n * Initialize the encoder.\n * The input param should correspond to the number of error correction codewords.\n *\n * @param  {Number} degree\n */\nReedSolomonEncoder.prototype.initialize = function initialize (degree) {\n  // create an irreducible generator polynomial\n  this.degree = degree\n  this.genPoly = Polynomial.generateECPolynomial(this.degree)\n}\n\n/**\n * Encodes a chunk of data\n *\n * @param  {Uint8Array} data Buffer containing input data\n * @return {Uint8Array}      Buffer containing encoded data\n */\nReedSolomonEncoder.prototype.encode = function encode (data) {\n  if (!this.genPoly) {\n    throw new Error('Encoder not initialized')\n  }\n\n  // Calculate EC for this data block\n  // extends data size to data+genPoly size\n  const paddedData = new Uint8Array(data.length + this.degree)\n  paddedData.set(data)\n\n  // The error correction codewords are the remainder after dividing the data codewords\n  // by a generator polynomial\n  const remainder = Polynomial.mod(paddedData, this.genPoly)\n\n  // return EC data blocks (last n byte, where n is the degree of genPoly)\n  // If coefficients number in remainder are less than genPoly degree,\n  // pad with 0s to the left to reach the needed number of coefficients\n  const start = this.degree - remainder.length\n  if (start > 0) {\n    const buff = new Uint8Array(this.degree)\n    buff.set(remainder, start)\n\n    return buff\n  }\n\n  return remainder\n}\n\nmodule.exports = ReedSolomonEncoder\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/reed-solomon-encoder.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/regex.js":
+/*!***********************************************!*\
+  !*** ./node_modules/qrcode/lib/core/regex.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+eval("const numeric = '[0-9]+'\nconst alphanumeric = '[A-Z $%*+\\\\-./:]+'\nlet kanji = '(?:[u3000-u303F]|[u3040-u309F]|[u30A0-u30FF]|' +\n  '[uFF00-uFFEF]|[u4E00-u9FAF]|[u2605-u2606]|[u2190-u2195]|u203B|' +\n  '[u2010u2015u2018u2019u2025u2026u201Cu201Du2225u2260]|' +\n  '[u0391-u0451]|[u00A7u00A8u00B1u00B4u00D7u00F7])+'\nkanji = kanji.replace(/u/g, '\\\\u')\n\nconst byte = '(?:(?![A-Z0-9 $%*+\\\\-./:]|' + kanji + ')(?:.|[\\r\\n]))+'\n\nexports.KANJI = new RegExp(kanji, 'g')\nexports.BYTE_KANJI = new RegExp('[^A-Z0-9 $%*+\\\\-./:]+', 'g')\nexports.BYTE = new RegExp(byte, 'g')\nexports.NUMERIC = new RegExp(numeric, 'g')\nexports.ALPHANUMERIC = new RegExp(alphanumeric, 'g')\n\nconst TEST_KANJI = new RegExp('^' + kanji + '$')\nconst TEST_NUMERIC = new RegExp('^' + numeric + '$')\nconst TEST_ALPHANUMERIC = new RegExp('^[A-Z0-9 $%*+\\\\-./:]+$')\n\nexports.testKanji = function testKanji (str) {\n  return TEST_KANJI.test(str)\n}\n\nexports.testNumeric = function testNumeric (str) {\n  return TEST_NUMERIC.test(str)\n}\n\nexports.testAlphanumeric = function testAlphanumeric (str) {\n  return TEST_ALPHANUMERIC.test(str)\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/regex.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/segments.js":
+/*!**************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/segments.js ***!
+  \**************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const Mode = __webpack_require__(/*! ./mode */ \"./node_modules/qrcode/lib/core/mode.js\")\nconst NumericData = __webpack_require__(/*! ./numeric-data */ \"./node_modules/qrcode/lib/core/numeric-data.js\")\nconst AlphanumericData = __webpack_require__(/*! ./alphanumeric-data */ \"./node_modules/qrcode/lib/core/alphanumeric-data.js\")\nconst ByteData = __webpack_require__(/*! ./byte-data */ \"./node_modules/qrcode/lib/core/byte-data.js\")\nconst KanjiData = __webpack_require__(/*! ./kanji-data */ \"./node_modules/qrcode/lib/core/kanji-data.js\")\nconst Regex = __webpack_require__(/*! ./regex */ \"./node_modules/qrcode/lib/core/regex.js\")\nconst Utils = __webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/core/utils.js\")\nconst dijkstra = __webpack_require__(/*! dijkstrajs */ \"./node_modules/dijkstrajs/dijkstra.js\")\n\n/**\n * Returns UTF8 byte length\n *\n * @param  {String} str Input string\n * @return {Number}     Number of byte\n */\nfunction getStringByteLength (str) {\n  return unescape(encodeURIComponent(str)).length\n}\n\n/**\n * Get a list of segments of the specified mode\n * from a string\n *\n * @param  {Mode}   mode Segment mode\n * @param  {String} str  String to process\n * @return {Array}       Array of object with segments data\n */\nfunction getSegments (regex, mode, str) {\n  const segments = []\n  let result\n\n  while ((result = regex.exec(str)) !== null) {\n    segments.push({\n      data: result[0],\n      index: result.index,\n      mode: mode,\n      length: result[0].length\n    })\n  }\n\n  return segments\n}\n\n/**\n * Extracts a series of segments with the appropriate\n * modes from a string\n *\n * @param  {String} dataStr Input string\n * @return {Array}          Array of object with segments data\n */\nfunction getSegmentsFromString (dataStr) {\n  const numSegs = getSegments(Regex.NUMERIC, Mode.NUMERIC, dataStr)\n  const alphaNumSegs = getSegments(Regex.ALPHANUMERIC, Mode.ALPHANUMERIC, dataStr)\n  let byteSegs\n  let kanjiSegs\n\n  if (Utils.isKanjiModeEnabled()) {\n    byteSegs = getSegments(Regex.BYTE, Mode.BYTE, dataStr)\n    kanjiSegs = getSegments(Regex.KANJI, Mode.KANJI, dataStr)\n  } else {\n    byteSegs = getSegments(Regex.BYTE_KANJI, Mode.BYTE, dataStr)\n    kanjiSegs = []\n  }\n\n  const segs = numSegs.concat(alphaNumSegs, byteSegs, kanjiSegs)\n\n  return segs\n    .sort(function (s1, s2) {\n      return s1.index - s2.index\n    })\n    .map(function (obj) {\n      return {\n        data: obj.data,\n        mode: obj.mode,\n        length: obj.length\n      }\n    })\n}\n\n/**\n * Returns how many bits are needed to encode a string of\n * specified length with the specified mode\n *\n * @param  {Number} length String length\n * @param  {Mode} mode     Segment mode\n * @return {Number}        Bit length\n */\nfunction getSegmentBitsLength (length, mode) {\n  switch (mode) {\n    case Mode.NUMERIC:\n      return NumericData.getBitsLength(length)\n    case Mode.ALPHANUMERIC:\n      return AlphanumericData.getBitsLength(length)\n    case Mode.KANJI:\n      return KanjiData.getBitsLength(length)\n    case Mode.BYTE:\n      return ByteData.getBitsLength(length)\n  }\n}\n\n/**\n * Merges adjacent segments which have the same mode\n *\n * @param  {Array} segs Array of object with segments data\n * @return {Array}      Array of object with segments data\n */\nfunction mergeSegments (segs) {\n  return segs.reduce(function (acc, curr) {\n    const prevSeg = acc.length - 1 >= 0 ? acc[acc.length - 1] : null\n    if (prevSeg && prevSeg.mode === curr.mode) {\n      acc[acc.length - 1].data += curr.data\n      return acc\n    }\n\n    acc.push(curr)\n    return acc\n  }, [])\n}\n\n/**\n * Generates a list of all possible nodes combination which\n * will be used to build a segments graph.\n *\n * Nodes are divided by groups. Each group will contain a list of all the modes\n * in which is possible to encode the given text.\n *\n * For example the text '12345' can be encoded as Numeric, Alphanumeric or Byte.\n * The group for '12345' will contain then 3 objects, one for each\n * possible encoding mode.\n *\n * Each node represents a possible segment.\n *\n * @param  {Array} segs Array of object with segments data\n * @return {Array}      Array of object with segments data\n */\nfunction buildNodes (segs) {\n  const nodes = []\n  for (let i = 0; i < segs.length; i++) {\n    const seg = segs[i]\n\n    switch (seg.mode) {\n      case Mode.NUMERIC:\n        nodes.push([seg,\n          { data: seg.data, mode: Mode.ALPHANUMERIC, length: seg.length },\n          { data: seg.data, mode: Mode.BYTE, length: seg.length }\n        ])\n        break\n      case Mode.ALPHANUMERIC:\n        nodes.push([seg,\n          { data: seg.data, mode: Mode.BYTE, length: seg.length }\n        ])\n        break\n      case Mode.KANJI:\n        nodes.push([seg,\n          { data: seg.data, mode: Mode.BYTE, length: getStringByteLength(seg.data) }\n        ])\n        break\n      case Mode.BYTE:\n        nodes.push([\n          { data: seg.data, mode: Mode.BYTE, length: getStringByteLength(seg.data) }\n        ])\n    }\n  }\n\n  return nodes\n}\n\n/**\n * Builds a graph from a list of nodes.\n * All segments in each node group will be connected with all the segments of\n * the next group and so on.\n *\n * At each connection will be assigned a weight depending on the\n * segment's byte length.\n *\n * @param  {Array} nodes    Array of object with segments data\n * @param  {Number} version QR Code version\n * @return {Object}         Graph of all possible segments\n */\nfunction buildGraph (nodes, version) {\n  const table = {}\n  const graph = { start: {} }\n  let prevNodeIds = ['start']\n\n  for (let i = 0; i < nodes.length; i++) {\n    const nodeGroup = nodes[i]\n    const currentNodeIds = []\n\n    for (let j = 0; j < nodeGroup.length; j++) {\n      const node = nodeGroup[j]\n      const key = '' + i + j\n\n      currentNodeIds.push(key)\n      table[key] = { node: node, lastCount: 0 }\n      graph[key] = {}\n\n      for (let n = 0; n < prevNodeIds.length; n++) {\n        const prevNodeId = prevNodeIds[n]\n\n        if (table[prevNodeId] && table[prevNodeId].node.mode === node.mode) {\n          graph[prevNodeId][key] =\n            getSegmentBitsLength(table[prevNodeId].lastCount + node.length, node.mode) -\n            getSegmentBitsLength(table[prevNodeId].lastCount, node.mode)\n\n          table[prevNodeId].lastCount += node.length\n        } else {\n          if (table[prevNodeId]) table[prevNodeId].lastCount = node.length\n\n          graph[prevNodeId][key] = getSegmentBitsLength(node.length, node.mode) +\n            4 + Mode.getCharCountIndicator(node.mode, version) // switch cost\n        }\n      }\n    }\n\n    prevNodeIds = currentNodeIds\n  }\n\n  for (let n = 0; n < prevNodeIds.length; n++) {\n    graph[prevNodeIds[n]].end = 0\n  }\n\n  return { map: graph, table: table }\n}\n\n/**\n * Builds a segment from a specified data and mode.\n * If a mode is not specified, the more suitable will be used.\n *\n * @param  {String} data             Input data\n * @param  {Mode | String} modesHint Data mode\n * @return {Segment}                 Segment\n */\nfunction buildSingleSegment (data, modesHint) {\n  let mode\n  const bestMode = Mode.getBestModeForData(data)\n\n  mode = Mode.from(modesHint, bestMode)\n\n  // Make sure data can be encoded\n  if (mode !== Mode.BYTE && mode.bit < bestMode.bit) {\n    throw new Error('\"' + data + '\"' +\n      ' cannot be encoded with mode ' + Mode.toString(mode) +\n      '.\\n Suggested mode is: ' + Mode.toString(bestMode))\n  }\n\n  // Use Mode.BYTE if Kanji support is disabled\n  if (mode === Mode.KANJI && !Utils.isKanjiModeEnabled()) {\n    mode = Mode.BYTE\n  }\n\n  switch (mode) {\n    case Mode.NUMERIC:\n      return new NumericData(data)\n\n    case Mode.ALPHANUMERIC:\n      return new AlphanumericData(data)\n\n    case Mode.KANJI:\n      return new KanjiData(data)\n\n    case Mode.BYTE:\n      return new ByteData(data)\n  }\n}\n\n/**\n * Builds a list of segments from an array.\n * Array can contain Strings or Objects with segment's info.\n *\n * For each item which is a string, will be generated a segment with the given\n * string and the more appropriate encoding mode.\n *\n * For each item which is an object, will be generated a segment with the given\n * data and mode.\n * Objects must contain at least the property \"data\".\n * If property \"mode\" is not present, the more suitable mode will be used.\n *\n * @param  {Array} array Array of objects with segments data\n * @return {Array}       Array of Segments\n */\nexports.fromArray = function fromArray (array) {\n  return array.reduce(function (acc, seg) {\n    if (typeof seg === 'string') {\n      acc.push(buildSingleSegment(seg, null))\n    } else if (seg.data) {\n      acc.push(buildSingleSegment(seg.data, seg.mode))\n    }\n\n    return acc\n  }, [])\n}\n\n/**\n * Builds an optimized sequence of segments from a string,\n * which will produce the shortest possible bitstream.\n *\n * @param  {String} data    Input string\n * @param  {Number} version QR Code version\n * @return {Array}          Array of segments\n */\nexports.fromString = function fromString (data, version) {\n  const segs = getSegmentsFromString(data, Utils.isKanjiModeEnabled())\n\n  const nodes = buildNodes(segs)\n  const graph = buildGraph(nodes, version)\n  const path = dijkstra.find_path(graph.map, 'start', 'end')\n\n  const optimizedSegs = []\n  for (let i = 1; i < path.length - 1; i++) {\n    optimizedSegs.push(graph.table[path[i]].node)\n  }\n\n  return exports.fromArray(mergeSegments(optimizedSegs))\n}\n\n/**\n * Splits a string in various segments with the modes which\n * best represent their content.\n * The produced segments are far from being optimized.\n * The output of this function is only used to estimate a QR Code version\n * which may contain the data.\n *\n * @param  {string} data Input string\n * @return {Array}       Array of segments\n */\nexports.rawSplit = function rawSplit (data) {\n  return exports.fromArray(\n    getSegmentsFromString(data, Utils.isKanjiModeEnabled())\n  )\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/segments.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/utils.js":
+/*!***********************************************!*\
+  !*** ./node_modules/qrcode/lib/core/utils.js ***!
+  \***********************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+eval("let toSJISFunction\nconst CODEWORDS_COUNT = [\n  0, // Not used\n  26, 44, 70, 100, 134, 172, 196, 242, 292, 346,\n  404, 466, 532, 581, 655, 733, 815, 901, 991, 1085,\n  1156, 1258, 1364, 1474, 1588, 1706, 1828, 1921, 2051, 2185,\n  2323, 2465, 2611, 2761, 2876, 3034, 3196, 3362, 3532, 3706\n]\n\n/**\n * Returns the QR Code size for the specified version\n *\n * @param  {Number} version QR Code version\n * @return {Number}         size of QR code\n */\nexports.getSymbolSize = function getSymbolSize (version) {\n  if (!version) throw new Error('\"version\" cannot be null or undefined')\n  if (version < 1 || version > 40) throw new Error('\"version\" should be in range from 1 to 40')\n  return version * 4 + 17\n}\n\n/**\n * Returns the total number of codewords used to store data and EC information.\n *\n * @param  {Number} version QR Code version\n * @return {Number}         Data length in bits\n */\nexports.getSymbolTotalCodewords = function getSymbolTotalCodewords (version) {\n  return CODEWORDS_COUNT[version]\n}\n\n/**\n * Encode data with Bose-Chaudhuri-Hocquenghem\n *\n * @param  {Number} data Value to encode\n * @return {Number}      Encoded value\n */\nexports.getBCHDigit = function (data) {\n  let digit = 0\n\n  while (data !== 0) {\n    digit++\n    data >>>= 1\n  }\n\n  return digit\n}\n\nexports.setToSJISFunction = function setToSJISFunction (f) {\n  if (typeof f !== 'function') {\n    throw new Error('\"toSJISFunc\" is not a valid function.')\n  }\n\n  toSJISFunction = f\n}\n\nexports.isKanjiModeEnabled = function () {\n  return typeof toSJISFunction !== 'undefined'\n}\n\nexports.toSJIS = function toSJIS (kanji) {\n  return toSJISFunction(kanji)\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/utils.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/version-check.js":
+/*!*******************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/version-check.js ***!
+  \*******************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+eval("/**\n * Check if QR Code version is valid\n *\n * @param  {Number}  version QR Code version\n * @return {Boolean}         true if valid version, false otherwise\n */\nexports.isValid = function isValid (version) {\n  return !isNaN(version) && version >= 1 && version <= 40\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/version-check.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/core/version.js":
+/*!*************************************************!*\
+  !*** ./node_modules/qrcode/lib/core/version.js ***!
+  \*************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const Utils = __webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/core/utils.js\")\nconst ECCode = __webpack_require__(/*! ./error-correction-code */ \"./node_modules/qrcode/lib/core/error-correction-code.js\")\nconst ECLevel = __webpack_require__(/*! ./error-correction-level */ \"./node_modules/qrcode/lib/core/error-correction-level.js\")\nconst Mode = __webpack_require__(/*! ./mode */ \"./node_modules/qrcode/lib/core/mode.js\")\nconst VersionCheck = __webpack_require__(/*! ./version-check */ \"./node_modules/qrcode/lib/core/version-check.js\")\n\n// Generator polynomial used to encode version information\nconst G18 = (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0)\nconst G18_BCH = Utils.getBCHDigit(G18)\n\nfunction getBestVersionForDataLength (mode, length, errorCorrectionLevel) {\n  for (let currentVersion = 1; currentVersion <= 40; currentVersion++) {\n    if (length <= exports.getCapacity(currentVersion, errorCorrectionLevel, mode)) {\n      return currentVersion\n    }\n  }\n\n  return undefined\n}\n\nfunction getReservedBitsCount (mode, version) {\n  // Character count indicator + mode indicator bits\n  return Mode.getCharCountIndicator(mode, version) + 4\n}\n\nfunction getTotalBitsFromDataArray (segments, version) {\n  let totalBits = 0\n\n  segments.forEach(function (data) {\n    const reservedBits = getReservedBitsCount(data.mode, version)\n    totalBits += reservedBits + data.getBitsLength()\n  })\n\n  return totalBits\n}\n\nfunction getBestVersionForMixedData (segments, errorCorrectionLevel) {\n  for (let currentVersion = 1; currentVersion <= 40; currentVersion++) {\n    const length = getTotalBitsFromDataArray(segments, currentVersion)\n    if (length <= exports.getCapacity(currentVersion, errorCorrectionLevel, Mode.MIXED)) {\n      return currentVersion\n    }\n  }\n\n  return undefined\n}\n\n/**\n * Returns version number from a value.\n * If value is not a valid version, returns defaultValue\n *\n * @param  {Number|String} value        QR Code version\n * @param  {Number}        defaultValue Fallback value\n * @return {Number}                     QR Code version number\n */\nexports.from = function from (value, defaultValue) {\n  if (VersionCheck.isValid(value)) {\n    return parseInt(value, 10)\n  }\n\n  return defaultValue\n}\n\n/**\n * Returns how much data can be stored with the specified QR code version\n * and error correction level\n *\n * @param  {Number} version              QR Code version (1-40)\n * @param  {Number} errorCorrectionLevel Error correction level\n * @param  {Mode}   mode                 Data mode\n * @return {Number}                      Quantity of storable data\n */\nexports.getCapacity = function getCapacity (version, errorCorrectionLevel, mode) {\n  if (!VersionCheck.isValid(version)) {\n    throw new Error('Invalid QR Code version')\n  }\n\n  // Use Byte mode as default\n  if (typeof mode === 'undefined') mode = Mode.BYTE\n\n  // Total codewords for this QR code version (Data + Error correction)\n  const totalCodewords = Utils.getSymbolTotalCodewords(version)\n\n  // Total number of error correction codewords\n  const ecTotalCodewords = ECCode.getTotalCodewordsCount(version, errorCorrectionLevel)\n\n  // Total number of data codewords\n  const dataTotalCodewordsBits = (totalCodewords - ecTotalCodewords) * 8\n\n  if (mode === Mode.MIXED) return dataTotalCodewordsBits\n\n  const usableBits = dataTotalCodewordsBits - getReservedBitsCount(mode, version)\n\n  // Return max number of storable codewords\n  switch (mode) {\n    case Mode.NUMERIC:\n      return Math.floor((usableBits / 10) * 3)\n\n    case Mode.ALPHANUMERIC:\n      return Math.floor((usableBits / 11) * 2)\n\n    case Mode.KANJI:\n      return Math.floor(usableBits / 13)\n\n    case Mode.BYTE:\n    default:\n      return Math.floor(usableBits / 8)\n  }\n}\n\n/**\n * Returns the minimum version needed to contain the amount of data\n *\n * @param  {Segment} data                    Segment of data\n * @param  {Number} [errorCorrectionLevel=H] Error correction level\n * @param  {Mode} mode                       Data mode\n * @return {Number}                          QR Code version\n */\nexports.getBestVersionForData = function getBestVersionForData (data, errorCorrectionLevel) {\n  let seg\n\n  const ecl = ECLevel.from(errorCorrectionLevel, ECLevel.M)\n\n  if (Array.isArray(data)) {\n    if (data.length > 1) {\n      return getBestVersionForMixedData(data, ecl)\n    }\n\n    if (data.length === 0) {\n      return 1\n    }\n\n    seg = data[0]\n  } else {\n    seg = data\n  }\n\n  return getBestVersionForDataLength(seg.mode, seg.getLength(), ecl)\n}\n\n/**\n * Returns version information with relative error correction bits\n *\n * The version information is included in QR Code symbols of version 7 or larger.\n * It consists of an 18-bit sequence containing 6 data bits,\n * with 12 error correction bits calculated using the (18, 6) Golay code.\n *\n * @param  {Number} version QR Code version\n * @return {Number}         Encoded version info bits\n */\nexports.getEncodedBits = function getEncodedBits (version) {\n  if (!VersionCheck.isValid(version) || version < 7) {\n    throw new Error('Invalid QR Code version')\n  }\n\n  let d = version << 12\n\n  while (Utils.getBCHDigit(d) - G18_BCH >= 0) {\n    d ^= (G18 << (Utils.getBCHDigit(d) - G18_BCH))\n  }\n\n  return (version << 12) | d\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/core/version.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/renderer/canvas.js":
+/*!****************************************************!*\
+  !*** ./node_modules/qrcode/lib/renderer/canvas.js ***!
+  \****************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const Utils = __webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/renderer/utils.js\")\n\nfunction clearCanvas (ctx, canvas, size) {\n  ctx.clearRect(0, 0, canvas.width, canvas.height)\n\n  if (!canvas.style) canvas.style = {}\n  canvas.height = size\n  canvas.width = size\n  canvas.style.height = size + 'px'\n  canvas.style.width = size + 'px'\n}\n\nfunction getCanvasElement () {\n  try {\n    return document.createElement('canvas')\n  } catch (e) {\n    throw new Error('You need to specify a canvas element')\n  }\n}\n\nexports.render = function render (qrData, canvas, options) {\n  let opts = options\n  let canvasEl = canvas\n\n  if (typeof opts === 'undefined' && (!canvas || !canvas.getContext)) {\n    opts = canvas\n    canvas = undefined\n  }\n\n  if (!canvas) {\n    canvasEl = getCanvasElement()\n  }\n\n  opts = Utils.getOptions(opts)\n  const size = Utils.getImageWidth(qrData.modules.size, opts)\n\n  const ctx = canvasEl.getContext('2d')\n  const image = ctx.createImageData(size, size)\n  Utils.qrToImageData(image.data, qrData, opts)\n\n  clearCanvas(ctx, canvasEl, size)\n  ctx.putImageData(image, 0, 0)\n\n  return canvasEl\n}\n\nexports.renderToDataURL = function renderToDataURL (qrData, canvas, options) {\n  let opts = options\n\n  if (typeof opts === 'undefined' && (!canvas || !canvas.getContext)) {\n    opts = canvas\n    canvas = undefined\n  }\n\n  if (!opts) opts = {}\n\n  const canvasEl = exports.render(qrData, canvas, opts)\n\n  const type = opts.type || 'image/png'\n  const rendererOpts = opts.rendererOpts || {}\n\n  return canvasEl.toDataURL(type, rendererOpts.quality)\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/renderer/canvas.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/renderer/svg-tag.js":
+/*!*****************************************************!*\
+  !*** ./node_modules/qrcode/lib/renderer/svg-tag.js ***!
+  \*****************************************************/
+/***/ ((__unused_webpack_module, exports, __webpack_require__) => {
+
+eval("const Utils = __webpack_require__(/*! ./utils */ \"./node_modules/qrcode/lib/renderer/utils.js\")\n\nfunction getColorAttrib (color, attrib) {\n  const alpha = color.a / 255\n  const str = attrib + '=\"' + color.hex + '\"'\n\n  return alpha < 1\n    ? str + ' ' + attrib + '-opacity=\"' + alpha.toFixed(2).slice(1) + '\"'\n    : str\n}\n\nfunction svgCmd (cmd, x, y) {\n  let str = cmd + x\n  if (typeof y !== 'undefined') str += ' ' + y\n\n  return str\n}\n\nfunction qrToPath (data, size, margin) {\n  let path = ''\n  let moveBy = 0\n  let newRow = false\n  let lineLength = 0\n\n  for (let i = 0; i < data.length; i++) {\n    const col = Math.floor(i % size)\n    const row = Math.floor(i / size)\n\n    if (!col && !newRow) newRow = true\n\n    if (data[i]) {\n      lineLength++\n\n      if (!(i > 0 && col > 0 && data[i - 1])) {\n        path += newRow\n          ? svgCmd('M', col + margin, 0.5 + row + margin)\n          : svgCmd('m', moveBy, 0)\n\n        moveBy = 0\n        newRow = false\n      }\n\n      if (!(col + 1 < size && data[i + 1])) {\n        path += svgCmd('h', lineLength)\n        lineLength = 0\n      }\n    } else {\n      moveBy++\n    }\n  }\n\n  return path\n}\n\nexports.render = function render (qrData, options, cb) {\n  const opts = Utils.getOptions(options)\n  const size = qrData.modules.size\n  const data = qrData.modules.data\n  const qrcodesize = size + opts.margin * 2\n\n  const bg = !opts.color.light.a\n    ? ''\n    : '<path ' + getColorAttrib(opts.color.light, 'fill') +\n      ' d=\"M0 0h' + qrcodesize + 'v' + qrcodesize + 'H0z\"/>'\n\n  const path =\n    '<path ' + getColorAttrib(opts.color.dark, 'stroke') +\n    ' d=\"' + qrToPath(data, size, opts.margin) + '\"/>'\n\n  const viewBox = 'viewBox=\"' + '0 0 ' + qrcodesize + ' ' + qrcodesize + '\"'\n\n  const width = !opts.width ? '' : 'width=\"' + opts.width + '\" height=\"' + opts.width + '\" '\n\n  const svgTag = '<svg xmlns=\"http://www.w3.org/2000/svg\" ' + width + viewBox + ' shape-rendering=\"crispEdges\">' + bg + path + '</svg>\\n'\n\n  if (typeof cb === 'function') {\n    cb(null, svgTag)\n  }\n\n  return svgTag\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/renderer/svg-tag.js?");
+
+/***/ }),
+
+/***/ "./node_modules/qrcode/lib/renderer/utils.js":
+/*!***************************************************!*\
+  !*** ./node_modules/qrcode/lib/renderer/utils.js ***!
+  \***************************************************/
+/***/ ((__unused_webpack_module, exports) => {
+
+eval("function hex2rgba (hex) {\n  if (typeof hex === 'number') {\n    hex = hex.toString()\n  }\n\n  if (typeof hex !== 'string') {\n    throw new Error('Color should be defined as hex string')\n  }\n\n  let hexCode = hex.slice().replace('#', '').split('')\n  if (hexCode.length < 3 || hexCode.length === 5 || hexCode.length > 8) {\n    throw new Error('Invalid hex color: ' + hex)\n  }\n\n  // Convert from short to long form (fff -> ffffff)\n  if (hexCode.length === 3 || hexCode.length === 4) {\n    hexCode = Array.prototype.concat.apply([], hexCode.map(function (c) {\n      return [c, c]\n    }))\n  }\n\n  // Add default alpha value\n  if (hexCode.length === 6) hexCode.push('F', 'F')\n\n  const hexValue = parseInt(hexCode.join(''), 16)\n\n  return {\n    r: (hexValue >> 24) & 255,\n    g: (hexValue >> 16) & 255,\n    b: (hexValue >> 8) & 255,\n    a: hexValue & 255,\n    hex: '#' + hexCode.slice(0, 6).join('')\n  }\n}\n\nexports.getOptions = function getOptions (options) {\n  if (!options) options = {}\n  if (!options.color) options.color = {}\n\n  const margin = typeof options.margin === 'undefined' ||\n    options.margin === null ||\n    options.margin < 0\n    ? 4\n    : options.margin\n\n  const width = options.width && options.width >= 21 ? options.width : undefined\n  const scale = options.scale || 4\n\n  return {\n    width: width,\n    scale: width ? 4 : scale,\n    margin: margin,\n    color: {\n      dark: hex2rgba(options.color.dark || '#000000ff'),\n      light: hex2rgba(options.color.light || '#ffffffff')\n    },\n    type: options.type,\n    rendererOpts: options.rendererOpts || {}\n  }\n}\n\nexports.getScale = function getScale (qrSize, opts) {\n  return opts.width && opts.width >= qrSize + opts.margin * 2\n    ? opts.width / (qrSize + opts.margin * 2)\n    : opts.scale\n}\n\nexports.getImageWidth = function getImageWidth (qrSize, opts) {\n  const scale = exports.getScale(qrSize, opts)\n  return Math.floor((qrSize + opts.margin * 2) * scale)\n}\n\nexports.qrToImageData = function qrToImageData (imgData, qr, opts) {\n  const size = qr.modules.size\n  const data = qr.modules.data\n  const scale = exports.getScale(size, opts)\n  const symbolSize = Math.floor((size + opts.margin * 2) * scale)\n  const scaledMargin = opts.margin * scale\n  const palette = [opts.color.light, opts.color.dark]\n\n  for (let i = 0; i < symbolSize; i++) {\n    for (let j = 0; j < symbolSize; j++) {\n      let posDst = (i * symbolSize + j) * 4\n      let pxColor = opts.color.light\n\n      if (i >= scaledMargin && j >= scaledMargin &&\n        i < symbolSize - scaledMargin && j < symbolSize - scaledMargin) {\n        const iSrc = Math.floor((i - scaledMargin) / scale)\n        const jSrc = Math.floor((j - scaledMargin) / scale)\n        pxColor = palette[data[iSrc * size + jSrc] ? 1 : 0]\n      }\n\n      imgData[posDst++] = pxColor.r\n      imgData[posDst++] = pxColor.g\n      imgData[posDst++] = pxColor.b\n      imgData[posDst] = pxColor.a\n    }\n  }\n}\n\n\n//# sourceURL=webpack://waygomaps/./node_modules/qrcode/lib/renderer/utils.js?");
+
+/***/ }),
+
 /***/ "./node_modules/qs/lib/formats.js":
 /*!****************************************!*\
   !*** ./node_modules/qs/lib/formats.js ***!
@@ -3963,6 +4255,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./src/assets/qrCodeIcon.svg":
+/*!***********************************!*\
+  !*** ./src/assets/qrCodeIcon.svg ***!
+  \***********************************/
+/***/ ((__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 default export */ const __WEBPACK_DEFAULT_EXPORT__ = (\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIiBjbGFzcz0ic2l6ZS02Ij4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0zLjc1IDQuODc1YzAtLjYyMS41MDQtMS4xMjUgMS4xMjUtMS4xMjVoNC41Yy42MjEgMCAxLjEyNS41MDQgMS4xMjUgMS4xMjV2NC41YzAgLjYyMS0uNTA0IDEuMTI1LTEuMTI1IDEuMTI1aC00LjVBMS4xMjUgMS4xMjUgMCAwIDEgMy43NSA5LjM3NXYtNC41Wk0zLjc1IDE0LjYyNWMwLS42MjEuNTA0LTEuMTI1IDEuMTI1LTEuMTI1aDQuNWMuNjIxIDAgMS4xMjUuNTA0IDEuMTI1IDEuMTI1djQuNWMwIC42MjEtLjUwNCAxLjEyNS0xLjEyNSAxLjEyNWgtNC41YTEuMTI1IDEuMTI1IDAgMCAxLTEuMTI1LTEuMTI1di00LjVaTTEzLjUgNC44NzVjMC0uNjIxLjUwNC0xLjEyNSAxLjEyNS0xLjEyNWg0LjVjLjYyMSAwIDEuMTI1LjUwNCAxLjEyNSAxLjEyNXY0LjVjMCAuNjIxLS41MDQgMS4xMjUtMS4xMjUgMS4xMjVoLTQuNUExLjEyNSAxLjEyNSAwIDAgMSAxMy41IDkuMzc1di00LjVaIiAvPgogIDxwYXRoIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTYuNzUgNi43NWguNzV2Ljc1aC0uNzV2LS43NVpNNi43NSAxNi41aC43NXYuNzVoLS43NXYtLjc1Wk0xNi41IDYuNzVoLjc1di43NWgtLjc1di0uNzVaTTEzLjUgMTMuNWguNzV2Ljc1aC0uNzV2LS43NVpNMTMuNSAxOS41aC43NXYuNzVoLS43NXYtLjc1Wk0xOS41IDEzLjVoLjc1di43NWgtLjc1di0uNzVaTTE5LjUgMTkuNWguNzV2Ljc1aC0uNzV2LS43NVpNMTYuNSAxNi41aC43NXYuNzVoLS43NXYtLjc1WiIgLz4KPC9zdmc+Cg==\");\n\n//# sourceURL=webpack://waygomaps/./src/assets/qrCodeIcon.svg?");
+
+/***/ }),
+
 /***/ "./src/assets/volks.svg":
 /*!******************************!*\
   !*** ./src/assets/volks.svg ***!