@mapvx/web-js 1.2.0 → 1.2.1

package/dist/umd/index.js

@@ -6794,7 +6794,7 @@ var rollbar_umd_min_default = /*#__PURE__*/__webpack_require__.n(rollbar_umd_min
 // bundle. The tsc-built ES/CJS outputs keep it as a bare global, so the
 // typeof guard makes the lookup safe everywhere; the version placeholder is
 // replaced with the package version by scripts/inject-build-defines.js.
-var SDK_VERSION =  true ? "1.2.0" : 0;
+var SDK_VERSION =  true ? "1.2.1" : 0;
 var _rollbarConfig = {
   accessToken: "28279d52df43411ebd138c2bee0ab1df",
   // Only report what the SDK logs explicitly via logError. Capturing every
@@ -6842,7 +6842,7 @@ var logger_countly = {
 // The typeof guards make the lookup safe everywhere; the version placeholder
 // is replaced with the package version by scripts/inject-build-defines.js.
 var IS_DEBUG =  true ? false : 0;
-var logger_SDK_VERSION =  true ? "1.2.0" : 0;
+var logger_SDK_VERSION =  true ? "1.2.1" : 0;
 var Logger = /*#__PURE__*/function () {
   function Logger() {
     logger_classCallCheck(this, Logger);
@@ -9630,6 +9630,11 @@ var DEFAULT_TILE_CACHE_CONFIG = {
  */
 ;// ./src/domain/models/circle.ts
 function circle_typeof(o) { "@babel/helpers - typeof"; return circle_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; }, circle_typeof(o); }
+function circle_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; }
+function circle_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? circle_ownKeys(Object(t), !0).forEach(function (r) { circle_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : circle_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function circle_defineProperty(e, r, t) { return (r = circle_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function circle_toPropertyKey(t) { var i = circle_toPrimitive(t, "string"); return "symbol" == circle_typeof(i) ? i : i + ""; }
+function circle_toPrimitive(t, r) { if ("object" != circle_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != circle_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 
 /**
  * MapVX brand color used as the default for circle styling and other
@@ -9639,6 +9644,27 @@ function circle_typeof(o) { "@babel/helpers - typeof"; return circle_typeof = "f
  */
 var MAPVX_BRAND_COLOR = "#276EF1";
 
+/**
+ * Where a circle renders relative to the other map layers.
+ *
+ * - `"aboveBasemap"` (default): above every basemap geometry layer —
+ *   including indoor floor-plate and building polygons — but below the
+ *   labels that follow them. A circle is never occluded by basemap fills.
+ * - `"belowLabels"`: below the first symbol (label) layer of the style.
+ *   On indoor styles, floor-plate polygons ordered after that layer will
+ *   paint over the circle.
+ * - `"top"`: above everything, including labels and markers drawn in
+ *   style layers.
+ *
+ * @group Circles
+ */
+
+/**
+ * Valid values for {@link CircleRenderOrder}, in rendering order.
+ * @internal
+ */
+var CIRCLE_RENDER_ORDERS = ["belowLabels", "aboveBasemap", "top"];
+
 /**
  * Default styling values applied to a circle when the corresponding
  * {@link CircleConfig} fields are omitted.
@@ -9650,7 +9676,8 @@ var CIRCLE_DEFAULTS = {
   fillOpacity: 0.14,
   strokeColor: MAPVX_BRAND_COLOR,
   strokeWidth: 2,
-  strokeOpacity: 0.65
+  strokeOpacity: 0.65,
+  renderOrder: "aboveBasemap"
 };
 
 /**
@@ -9679,6 +9706,22 @@ var CIRCLE_DEFAULTS = {
  * restyles: a circle hidden via `hideCircle` stays hidden until `showCircle`.
  */
 
+/**
+ * Returns a deep copy of a {@link CircleRecord}, including the nested
+ * coordinate. Used by the map accessors so callers can't mutate internal
+ * circle state by writing to a returned record.
+ *
+ * @param record The circle record to clone.
+ * @returns An independent copy of the record.
+ *
+ * @group Circles
+ */
+function cloneCircleRecord(record) {
+  return circle_objectSpread(circle_objectSpread({}, record), {}, {
+    coordinate: circle_objectSpread({}, record.coordinate)
+  });
+}
+
 /**
  * Validates that a radius in meters is positive and finite.
  * @param radius The radius value to validate.
@@ -9762,6 +9805,9 @@ function isValidCircleConfig(config) {
     if (typeof c.strokeOpacity !== "number" || !Number.isFinite(c.strokeOpacity)) return false;
   }
   if (c.floorId !== undefined && typeof c.floorId !== "string") return false;
+  if (c.renderOrder !== undefined && !CIRCLE_RENDER_ORDERS.includes(c.renderOrder)) {
+    return false;
+  }
   return true;
 }
 
@@ -9777,13 +9823,21 @@ function isValidCircleConfig(config) {
  * @group Circles
  */
 function resolveCircleConfig(config) {
-  var _config$id, _config$fillColor, _config$strokeColor, _config$strokeWidth;
+  var _config$id, _config$fillColor, _config$strokeColor, _config$strokeWidth, _config$renderOrder;
   var hidden = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   validateRadiusMeters(config.radiusMeters);
   validateCoordinate(config.coordinate);
+  if (config.renderOrder !== undefined && !CIRCLE_RENDER_ORDERS.includes(config.renderOrder)) {
+    throw new Error("Invalid renderOrder: ".concat(String(config.renderOrder), ". ") + "Must be one of: ".concat(CIRCLE_RENDER_ORDERS.join(", "), "."));
+  }
   return {
     id: (_config$id = config.id) !== null && _config$id !== void 0 ? _config$id : generateHexadecimalKey(),
-    coordinate: config.coordinate,
+    // Copy the coordinate so later mutations of the caller's object
+    // can't change internal circle state
+    coordinate: {
+      lat: config.coordinate.lat,
+      lng: config.coordinate.lng
+    },
     radiusMeters: config.radiusMeters,
     fillColor: (_config$fillColor = config.fillColor) !== null && _config$fillColor !== void 0 ? _config$fillColor : CIRCLE_DEFAULTS.fillColor,
     fillOpacity: clampOpacity(config.fillOpacity, CIRCLE_DEFAULTS.fillOpacity),
@@ -9791,6 +9845,7 @@ function resolveCircleConfig(config) {
     strokeWidth: (_config$strokeWidth = config.strokeWidth) !== null && _config$strokeWidth !== void 0 ? _config$strokeWidth : CIRCLE_DEFAULTS.strokeWidth,
     strokeOpacity: clampOpacity(config.strokeOpacity, CIRCLE_DEFAULTS.strokeOpacity),
     floorId: config.floorId,
+    renderOrder: (_config$renderOrder = config.renderOrder) !== null && _config$renderOrder !== void 0 ? _config$renderOrder : CIRCLE_DEFAULTS.renderOrder,
     hidden: hidden
   };
 }
@@ -13414,11 +13469,11 @@ function map_regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-prese
 function map_regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } map_regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { map_regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, map_regeneratorDefine2(e, r, n, t); }
 function map_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); }
 function map_asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { map_asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { map_asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-function map_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = map_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function map_slicedToArray(r, e) { return map_arrayWithHoles(r) || map_iterableToArrayLimit(r, e) || map_unsupportedIterableToArray(r, e) || map_nonIterableRest(); }
 function map_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."); }
 function map_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; } }
 function map_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function map_createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = map_unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function map_toConsumableArray(r) { return map_arrayWithoutHoles(r) || map_iterableToArray(r) || map_unsupportedIterableToArray(r) || map_nonIterableSpread(); }
 function map_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."); }
 function map_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return map_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) ? map_arrayLikeToArray(r, a) : void 0; } }
@@ -13448,6 +13503,30 @@ var CIRCLE_FILL_LAYER_ID = "mapvx-circles-fill";
 /** Line layer rendering the circle outlines. */
 var CIRCLE_LINE_LAYER_ID = "mapvx-circles-line";
 
+/**
+ * Layer-id suffix per circle render order. The default placement keeps the
+ * unsuffixed ids so existing consumers referencing them keep working.
+ */
+var CIRCLE_LAYER_SUFFIXES = {
+  aboveBasemap: "",
+  belowLabels: "-below-labels",
+  top: "-top"
+};
+
+/** Fill/line layer ids for one circle render-order bucket. */
+function circleLayerIdsFor(order) {
+  var suffix = CIRCLE_LAYER_SUFFIXES[order];
+  return {
+    fill: CIRCLE_FILL_LAYER_ID + suffix,
+    line: CIRCLE_LINE_LAYER_ID + suffix
+  };
+}
+
+/** True for the layer ids owned by the circle API, regardless of bucket. */
+function isCircleLayerId(id) {
+  return id.startsWith(CIRCLE_FILL_LAYER_ID) || id.startsWith(CIRCLE_LINE_LAYER_ID);
+}
+
 // Flag to track if cached-tile protocol has been registered
 var cachedTileProtocolRegistered = false;
 
@@ -14168,14 +14247,15 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
   }, {
     key: "getCircle",
     value: function getCircle(circleId) {
-      return this.circles.find(function (c) {
+      var circle = this.circles.find(function (c) {
         return c.id === circleId;
       });
+      return circle ? cloneCircleRecord(circle) : undefined;
     }
   }, {
     key: "getCircles",
     value: function getCircles() {
-      return this.circles.slice();
+      return this.circles.map(cloneCircleRecord);
     }
   }, {
     key: "hasCircle",
@@ -14210,7 +14290,10 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
             throw new Error("Invalid radiusMeters: ".concat(radiusMeters, ". Must be a positive finite number."));
           }
         }
-        _circle.coordinate = center;
+        _circle.coordinate = {
+          lat: center.lat,
+          lng: center.lng
+        };
         if (radiusMeters !== undefined) {
           _circle.radiusMeters = radiusMeters;
         }
@@ -14332,7 +14415,8 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
             fillOpacity: circle.fillOpacity,
             strokeColor: circle.strokeColor,
             strokeWidth: circle.strokeWidth,
-            strokeOpacity: circle.strokeOpacity
+            strokeOpacity: circle.strokeOpacity,
+            renderOrder: circle.renderOrder
           },
           geometry: {
             type: "Polygon",
@@ -14353,45 +14437,112 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
      * time: a style that is still loading simply rejects the calls, and the
      * styledata listener retries once the style is ready.
      */
+    /**
+     * Resolves the layer id to insert circle layers before, for one render
+     * order. `undefined` means "append on top".
+     *
+     * `aboveBasemap` finds the topmost non-symbol layer of the style and
+     * inserts before the first symbol layer that follows it. On indoor styles
+     * the floor-plate and building polygons are ordered after the first symbol
+     * layer, so anchoring on the topmost geometry layer — instead of the first
+     * symbol layer — guarantees circles are never occluded by basemap fills
+     * while still rendering below the labels that follow them.
+     */
+  }, {
+    key: "circleBeforeIdFor",
+    value: function circleBeforeIdFor(order) {
+      var _this$map$getStyle$la2, _this$map$getStyle2, _layers$slice$find;
+      if (order === "top") return undefined;
+      var layers = ((_this$map$getStyle$la2 = (_this$map$getStyle2 = this.map.getStyle()) === null || _this$map$getStyle2 === void 0 ? void 0 : _this$map$getStyle2.layers) !== null && _this$map$getStyle$la2 !== void 0 ? _this$map$getStyle$la2 : []).filter(function (layer) {
+        return !isCircleLayerId(layer.id);
+      });
+      if (order === "belowLabels") {
+        var _layers$find;
+        return (_layers$find = layers.find(function (layer) {
+          return layer.type === "symbol";
+        })) === null || _layers$find === void 0 ? void 0 : _layers$find.id;
+      }
+
+      // aboveBasemap
+      var lastNonSymbolIndex = -1;
+      layers.forEach(function (layer, index) {
+        if (layer.type !== "symbol") lastNonSymbolIndex = index;
+      });
+      return (_layers$slice$find = layers.slice(lastNonSymbolIndex + 1).find(function (layer) {
+        return layer.type === "symbol";
+      })) === null || _layers$slice$find === void 0 ? void 0 : _layers$slice$find.id;
+    }
+
+    /**
+     * Idempotently ensures the shared circle source and one fill/line layer
+     * pair per render order in use, at the placement that order requires.
+     * Placement is recomputed and re-asserted (via moveLayer) on every call,
+     * so circles regain their correct z-order after any style reload or
+     * floor/parent-place change. Safe to call at any time: a style that is
+     * still loading simply rejects the calls, and the styledata listener
+     * retries once the style is ready.
+     */
   }, {
     key: "ensureCircleLayers",
     value: function ensureCircleLayers() {
       if (!this.map) return;
       try {
-        var _this$map$getStyle2;
         if (!this.map.getSource(CIRCLE_SOURCE_ID)) {
           this.map.addSource(CIRCLE_SOURCE_ID, {
             type: "geojson",
             data: this.circleFeatureCollection()
           });
         }
-        var beforeId = (_this$map$getStyle2 = this.map.getStyle()) === null || _this$map$getStyle2 === void 0 || (_this$map$getStyle2 = _this$map$getStyle2.layers) === null || _this$map$getStyle2 === void 0 || (_this$map$getStyle2 = _this$map$getStyle2.find(function (layer) {
-          return layer.type === "symbol";
-        })) === null || _this$map$getStyle2 === void 0 ? void 0 : _this$map$getStyle2.id;
-        if (!this.map.getLayer(CIRCLE_FILL_LAYER_ID)) {
-          var fillLayer = {
-            id: CIRCLE_FILL_LAYER_ID,
-            type: "fill",
-            source: CIRCLE_SOURCE_ID,
-            paint: {
-              "fill-color": ["get", "fillColor"],
-              "fill-opacity": ["get", "fillOpacity"]
-            }
-          };
-          this.map.addLayer(fillLayer, beforeId);
-        }
-        if (!this.map.getLayer(CIRCLE_LINE_LAYER_ID)) {
-          var lineLayer = {
-            id: CIRCLE_LINE_LAYER_ID,
-            type: "line",
-            source: CIRCLE_SOURCE_ID,
-            paint: {
-              "line-color": ["get", "strokeColor"],
-              "line-width": ["get", "strokeWidth"],
-              "line-opacity": ["get", "strokeOpacity"]
+        var ordersInUse = new Set(this.circles.map(function (c) {
+          return c.renderOrder;
+        }));
+        // Always keep the default bucket alive so an empty map still renders
+        // newly added circles without a layer rebuild
+        ordersInUse.add("aboveBasemap");
+        var _iterator = map_createForOfIteratorHelper(ordersInUse),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var order = _step.value;
+            var ids = circleLayerIdsFor(order);
+            var beforeId = this.circleBeforeIdFor(order);
+            var orderFilter = ["==", ["get", "renderOrder"], order];
+            if (!this.map.getLayer(ids.fill)) {
+              var fillLayer = {
+                id: ids.fill,
+                type: "fill",
+                source: CIRCLE_SOURCE_ID,
+                filter: orderFilter,
+                paint: {
+                  "fill-color": ["get", "fillColor"],
+                  "fill-opacity": ["get", "fillOpacity"]
+                }
+              };
+              this.map.addLayer(fillLayer, beforeId);
+            } else {
+              this.map.moveLayer(ids.fill, beforeId);
+            }
+            if (!this.map.getLayer(ids.line)) {
+              var lineLayer = {
+                id: ids.line,
+                type: "line",
+                source: CIRCLE_SOURCE_ID,
+                filter: orderFilter,
+                paint: {
+                  "line-color": ["get", "strokeColor"],
+                  "line-width": ["get", "strokeWidth"],
+                  "line-opacity": ["get", "strokeOpacity"]
+                }
+              };
+              this.map.addLayer(lineLayer, beforeId);
+            } else {
+              this.map.moveLayer(ids.line, beforeId);
             }
-          };
-          this.map.addLayer(lineLayer, beforeId);
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
         }
       } catch (error) {
         // Style may not be loaded yet; the styledata listener re-adds the layers
@@ -14460,12 +14611,12 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
   }, {
     key: "updateFiltersTo",
     value: function updateFiltersTo(floorId) {
-      var _this$map$getStyle$la2,
+      var _this$map$getStyle$la3,
         _this$map$getStyle3,
         _this10 = this,
         _this$innerFloors$fin0;
       if (!this.map) return;
-      var layers = (_this$map$getStyle$la2 = (_this$map$getStyle3 = this.map.getStyle()) === null || _this$map$getStyle3 === void 0 ? void 0 : _this$map$getStyle3.layers) !== null && _this$map$getStyle$la2 !== void 0 ? _this$map$getStyle$la2 : [];
+      var layers = (_this$map$getStyle$la3 = (_this$map$getStyle3 = this.map.getStyle()) === null || _this$map$getStyle3 === void 0 ? void 0 : _this$map$getStyle3.layers) !== null && _this$map$getStyle$la3 !== void 0 ? _this$map$getStyle$la3 : [];
       layers.filter(function (l) {
         return l.id.startsWith("base-indoor-");
       }).forEach(function (l) {
@@ -14592,11 +14743,11 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
         var minLng;
         var maxLat;
         var maxLng;
-        var _iterator = map_createForOfIteratorHelper(coordinates),
-          _step;
+        var _iterator2 = map_createForOfIteratorHelper(coordinates),
+          _step2;
         try {
-          for (_iterator.s(); !(_step = _iterator.n()).done;) {
-            var _coord = _step.value;
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _coord = _step2.value;
             var lat = _coord.lat,
               lng = _coord.lng;
             minLat = minLat === undefined ? lat : Math.min(minLat, lat);
@@ -14605,9 +14756,9 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
             maxLng = maxLng === undefined ? lng : Math.max(maxLng, lng);
           }
         } catch (err) {
-          _iterator.e(err);
+          _iterator2.e(err);
         } finally {
-          _iterator.f();
+          _iterator2.f();
         }
         var bounds = [minLng !== null && minLng !== void 0 ? minLng : 0, minLat !== null && minLat !== void 0 ? minLat : 0, maxLng !== null && maxLng !== void 0 ? maxLng : 0, maxLat !== null && maxLat !== void 0 ? maxLat : 0];
 
@@ -14812,7 +14963,7 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
       var _this11 = this;
       this.map.on("click", /*#__PURE__*/function () {
         var _ref4 = map_asyncToGenerator(/*#__PURE__*/map_regenerator().m(function _callee2(e) {
-          var features, roomFeatures, touchedFeature, ref, _clickedPlace, _ref5, _clickedPlace$mapvxId, _clickedPlace2, _clickedPlace3, clickedPlace, _iterator2, _step2, potentialParentPlace, cachedSubPlaces, cachedPlaces, clickedPlaceId, _t2;
+          var features, roomFeatures, touchedFeature, ref, _clickedPlace, _ref5, _clickedPlace$mapvxId, _clickedPlace2, _clickedPlace3, clickedPlace, _iterator3, _step3, potentialParentPlace, cachedSubPlaces, cachedPlaces, clickedPlaceId, _t2;
           return map_regenerator().w(function (_context2) {
             while (1) switch (_context2.p = _context2.n) {
               case 0:
@@ -14837,15 +14988,15 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
                   _context2.n = 7;
                   break;
                 }
-                _iterator2 = map_createForOfIteratorHelper(_this11.potentialParentPlaces);
+                _iterator3 = map_createForOfIteratorHelper(_this11.potentialParentPlaces);
                 _context2.p = 1;
-                _iterator2.s();
+                _iterator3.s();
               case 2:
-                if ((_step2 = _iterator2.n()).done) {
+                if ((_step3 = _iterator3.n()).done) {
                   _context2.n = 4;
                   break;
                 }
-                potentialParentPlace = _step2.value;
+                potentialParentPlace = _step3.value;
                 cachedSubPlaces = _this11.repository.getCachedSubPlaces(potentialParentPlace.mapvxId);
                 if (!cachedSubPlaces) {
                   _context2.n = 3;
@@ -14868,10 +15019,10 @@ var InternalMapVXMap = /*#__PURE__*/function (_Loggeable) {
               case 5:
                 _context2.p = 5;
                 _t2 = _context2.v;
-                _iterator2.e(_t2);
+                _iterator3.e(_t2);
               case 6:
                 _context2.p = 6;
-                _iterator2.f();
+                _iterator3.f();
                 return _context2.f(6);
               case 7:
                 if (!(clickedPlace === undefined)) {