@mapvx/web-components 0.0.12 → 0.0.13

package/dist/es/assets/{utils-CL_wN9yE.js → utils-BClW6qwe.js}

@@ -1,5 +1,5 @@
-import { i, s as sdkContext } from './components-WD5664Tb.js';
-import { R as RollbarController } from './route-view-totems-B6XNhVcN.js';
+import { i, s as sdkContext } from './components-DPVi46Wo.js';
+import { R as RollbarController } from './route-view-totems-CfybX1VD.js';
 
 var dist = {exports: {}};
 
@@ -5900,13 +5900,12 @@ function requireDist () {
 		function _getPrototypeOf(t) { return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) { return t.__proto__ || Object.getPrototypeOf(t); }, _getPrototypeOf(t); }
 		function _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: true, configurable: true } }), Object.defineProperty(t, "prototype", { writable: false }), e && _setPrototypeOf(t, e); }
 		function _setPrototypeOf(t, e) { return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) { return t.__proto__ = e, t; }, _setPrototypeOf(t, e); }
-		function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 		function _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); }
 		function _classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 		function _defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o); } }
 		function _createClass(e, r, t) { return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: false }), e; }
 		function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-		function _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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+		function _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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return (String )(t); }
 
 
 		/**
@@ -5966,8 +5965,8 @@ function requireDist () {
 		        var _markerContainer$getE, _iconContainer$height, _iconContainer$width;
 		        markerContainer.appendChild(marker.element);
 		        var iconContainer = (_markerContainer$getE = markerContainer.getElementsByTagName("img")) === null || _markerContainer$getE === void 0 ? void 0 : _markerContainer$getE[0];
-		        iconHeight = "".concat((_iconContainer$height = iconContainer.height) !== null && _iconContainer$height !== void 0 ? _iconContainer$height : 40, "px");
-		        iconWidth = "".concat((_iconContainer$width = iconContainer.width) !== null && _iconContainer$width !== void 0 ? _iconContainer$width : 40, "px");
+		        iconHeight = "".concat((_iconContainer$height = iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.height) !== null && _iconContainer$height !== void 0 ? _iconContainer$height : 40, "px");
+		        iconWidth = "".concat((_iconContainer$width = iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.width) !== null && _iconContainer$width !== void 0 ? _iconContainer$width : 40, "px");
 		        return this.setAndCreateText(marker, markerContainer, iconHeight, iconWidth);
 		      }
 		      var markerElementsContainer = document.createElement("div");
@@ -5989,8 +5988,8 @@ function requireDist () {
 		      } else if (marker.icon) {
 		        var _marker$icon$getEleme, _iconContainer$height2, _iconContainer$width2;
 		        var _iconContainer = (_marker$icon$getEleme = marker.icon.getElementsByTagName("img")) === null || _marker$icon$getEleme === void 0 ? void 0 : _marker$icon$getEleme[0];
-		        iconHeight = "".concat((_iconContainer$height2 = _iconContainer.height) !== null && _iconContainer$height2 !== void 0 ? _iconContainer$height2 : 40, "px");
-		        iconWidth = "".concat((_iconContainer$width2 = _iconContainer.width) !== null && _iconContainer$width2 !== void 0 ? _iconContainer$width2 : 40, "px");
+		        iconHeight = "".concat((_iconContainer$height2 = _iconContainer === null || _iconContainer === void 0 ? void 0 : _iconContainer.height) !== null && _iconContainer$height2 !== void 0 ? _iconContainer$height2 : 40, "px");
+		        iconWidth = "".concat((_iconContainer$width2 = _iconContainer === null || _iconContainer === void 0 ? void 0 : _iconContainer.width) !== null && _iconContainer$width2 !== void 0 ? _iconContainer$width2 : 40, "px");
 		        markerElementsContainer.appendChild(marker.icon);
 		      }
 		      this.setAndCreateText(marker, markerElementsContainer, iconHeight, iconWidth);
@@ -6078,6 +6077,12 @@ function requireDist () {
 		 * Custom implementation of a MapLibre Marker
 		 */
 		var MarkerAttribute = /*#__PURE__*/function (_Marker) {
+		  /** Unique identifier for the marker attribute. */
+
+		  /** Geographic coordinates of the marker attribute. */
+
+		  /** Identifier of the floor where the marker attribute is located. */
+
 		  /**
 		   * Constructs a new `MarkerAttribute` object with the specified properties.
 		   * @param markerConfig `MarkerConfig` object containing the configuration properties.
@@ -6090,11 +6095,6 @@ function requireDist () {
 		      element: MarkerUtils.createMarkerElement(markerConfig),
 		      draggable: false
 		    }]);
-		    /** Unique identifier for the marker attribute. */
-		    /** Geographic coordinates of the marker attribute. */
-		    /** Identifier of the floor where the marker attribute is located. */
-		    /** Flag to know if the marker is hidden*/
-		    _defineProperty(_this, "isHidden", false);
 		    _this.setLngLat([markerConfig.coordinate.lng, markerConfig.coordinate.lat]);
 		    _this.setRotationAlignment((_markerConfig$rotatio = markerConfig.rotationAlignment) !== null && _markerConfig$rotatio !== void 0 ? _markerConfig$rotatio : "viewport");
 		    _this.setPitchAlignment("viewport");
@@ -6112,6 +6112,7 @@ function requireDist () {
 		  return _createClass(MarkerAttribute, [{
 		    key: "addToMap",
 		    value: function addToMap(map) {
+		      if (!map) return;
 		      this.addTo(map);
 		    }
 
@@ -6156,8 +6157,7 @@ function requireDist () {
 		  }, {
 		    key: "hide",
 		    value: function hide() {
-		      this.isHidden = true;
-		      this._element.style.visibility = "hidden";
+		      this.remove();
 		    }
 
 		    /**
@@ -6165,9 +6165,11 @@ function requireDist () {
 		     */
 		  }, {
 		    key: "show",
-		    value: function show() {
-		      this.isHidden = false;
-		      this._element.style.visibility = "visible";
+		    value: function show(map) {
+		      if (!map) {
+		        return;
+		      }
+		      this.addTo(map);
 		    }
 
 		    /**
@@ -6175,11 +6177,11 @@ function requireDist () {
 		     */
 		  }, {
 		    key: "changeFloor",
-		    value: function changeFloor(floorId) {
-		      if (floorId == this.floorId && !this.isHidden) {
-		        this._element.style.visibility = "visible";
+		    value: function changeFloor(floorId, map) {
+		      if (floorId == this.floorId || !this.floorId) {
+		        this.show(map);
 		      } else {
-		        this._element.style.visibility = "hidden";
+		        this.hide();
 		      }
 		    }
 		  }]);
@@ -6188,7 +6190,7 @@ function requireDist () {
 		function nav_functions_classCallCheck(a, n) { if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function"); }
 		function nav_functions_defineProperties(e, r) { for (var t = 0; t < r.length; t++) { var o = r[t]; o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, nav_functions_toPropertyKey(o.key), o); } }
 		function nav_functions_createClass(e, r, t) { return t && nav_functions_defineProperties(e, t), Object.defineProperty(e, "prototype", { writable: false }), e; }
-		function nav_functions_defineProperty(e, r, t) { return (r = nav_functions_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
+		function _defineProperty(e, r, t) { return (r = nav_functions_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: true, configurable: true, writable: true }) : e[r] = t, e; }
 		function nav_functions_toPropertyKey(t) { var i = nav_functions_toPrimitive(t, "string"); return "symbol" == nav_functions_typeof(i) ? i : i + ""; }
 		function nav_functions_toPrimitive(t, r) { if ("object" != nav_functions_typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r); if ("object" != nav_functions_typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 		var asin = Math.asin,
@@ -6338,7 +6340,7 @@ function requireDist () {
 		    }
 		  }]);
 		}();
-		nav_functions_defineProperty(NavFunctions, "EARTH_RADIUS", 6378000);
+		_defineProperty(NavFunctions, "EARTH_RADIUS", 6378000);
 		function routeController_typeof(o) { "@babel/helpers - typeof"; return routeController_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; }, routeController_typeof(o); }
 		function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 		function _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."); }
@@ -6524,7 +6526,7 @@ function requireDist () {
 		    key: "updateLayerFilter",
 		    value: function updateLayerFilter(layerId, floorId) {
 		      var newFloorId = floorId !== null && floorId !== void 0 ? floorId : this.lazarilloMap.getCurrentFloor();
-		      if (newFloorId === undefined) return;
+		      if (newFloorId === undefined || !this.map) return;
 		      if (this.map.getStyle().layers.some(function (layer) {
 		        return layer.id === layerId;
 		      })) {
@@ -6562,7 +6564,7 @@ function requireDist () {
 		    key: "updateRouteMarkerVisibility",
 		    value: function updateRouteMarkerVisibility(floorId) {
 		      var _this$routeMarker, _this$routeMarker2, _this$routeMarker3;
-		      ((_this$routeMarker = this.routeMarker) === null || _this$routeMarker === void 0 ? void 0 : _this$routeMarker.floorId) === floorId ? (_this$routeMarker2 = this.routeMarker) === null || _this$routeMarker2 === void 0 ? void 0 : _this$routeMarker2.show() : (_this$routeMarker3 = this.routeMarker) === null || _this$routeMarker3 === void 0 ? void 0 : _this$routeMarker3.hide();
+		      ((_this$routeMarker = this.routeMarker) === null || _this$routeMarker === void 0 ? void 0 : _this$routeMarker.floorId) === floorId ? (_this$routeMarker2 = this.routeMarker) === null || _this$routeMarker2 === void 0 ? void 0 : _this$routeMarker2.show(this.map) : (_this$routeMarker3 = this.routeMarker) === null || _this$routeMarker3 === void 0 ? void 0 : _this$routeMarker3.hide();
 		    }
 		  }, {
 		    key: "updatePlaceFloorForRouting",
@@ -7306,33 +7308,39 @@ function requireDist () {
 		};
 		var Logger = /*#__PURE__*/function () {
 		  function Logger() {
-		    var _Countly$q;
 		    logger_classCallCheck(this, Logger);
-		    countly_default().init({
-		      app_key: logger_countly.apiKey,
-		      url: logger_countly.url,
-		      app_version: "2.14.0",
-		      session_update: 10,
-		      debug: false,
-		      require_consent: false,
-		      namespace: "SDK JS"
-		    });
-		    this.countly = (countly_default()) !== null && (countly_default()) !== void 0 ? (countly_default()) : {};
-		    this.countly.q = (_Countly$q = (countly_default()).q) !== null && _Countly$q !== void 0 ? _Countly$q : [];
-		    this.countly.q.push(["track_sessions", "track_pageview", "track_clicks", "track_scrolls", "track_errors", "track_links", "track_forms", "collect_from_forms"]);
+		    {
+		      var _Countly$q;
+		      countly_default().init({
+		        app_key: logger_countly.apiKey,
+		        url: logger_countly.url,
+		        app_version: "2.15.0",
+		        session_update: 10,
+		        debug: false,
+		        require_consent: false,
+		        namespace: "SDK JS"
+		      });
+		      this.countly = (countly_default()) !== null && (countly_default()) !== void 0 ? (countly_default()) : {};
+		      this.countly.q = (_Countly$q = (countly_default()).q) !== null && _Countly$q !== void 0 ? _Countly$q : [];
+		      this.countly.q.push(["track_sessions", "track_pageview", "track_clicks", "track_scrolls", "track_errors", "track_links", "track_forms", "collect_from_forms"]);
+		    }
 		  }
 		  return logger_createClass(Logger, [{
 		    key: "logEvent",
 		    value: function logEvent(eventName, eventSegmentation) {
-		      this.countly.q.push(["add_event", {
-		        key: eventName,
-		        segmentation: eventSegmentation
-		      }]);
+		      {
+		        this.countly.q.push(["add_event", {
+		          key: eventName,
+		          segmentation: eventSegmentation
+		        }]);
+		      }
 		    }
 		  }, {
 		    key: "logError",
 		    value: function logError(error, segmentation) {
-		      this.countly.q.push(["log_error", error, segmentation]);
+		      {
+		        this.countly.q.push(["log_error", error, segmentation]);
+		      }
 		    }
 		  }, {
 		    key: "debugLog",
@@ -7840,6 +7848,10 @@ function requireDist () {
 		   * The type of the object being referenced by {@link parentId}
 		   */
 
+		  /**
+		   * Tags for place
+		   */
+
 		  /**
 		   * Creates a new place instance with the parameters specified in the data.
 		   * @hidden
@@ -7847,7 +7859,7 @@ function requireDist () {
 		   * @returns A new instance of LzPlace is returned.
 		   */
 		  function LzPlace(rawPlace) {
-		    var _rawPlace$tags, _rawPlace$keywords, _rawPlace$alias, _rawPlace$localizedCa, _rawPlace$properties, _rawPlace$images, _rawPlace$banners, _rawPlace$properties2;
+		    var _rawPlace$tags, _rawPlace$keywords, _rawPlace$alias, _rawPlace$tags2, _rawPlace$localizedCa, _rawPlace$properties, _rawPlace$images, _rawPlace$banners, _rawPlace$properties2;
 		    place_classCallCheck(this, LzPlace);
 		    var tagsAndKeywords = ((_rawPlace$tags = rawPlace.tags) !== null && _rawPlace$tags !== void 0 ? _rawPlace$tags : []).concat((_rawPlace$keywords = rawPlace.keywords) !== null && _rawPlace$keywords !== void 0 ? _rawPlace$keywords : []);
 		    this.lazarilloId = rawPlace.id;
@@ -7861,6 +7873,7 @@ function requireDist () {
 		      lng: rawPlace.lng
 		    };
 		    this.category = rawPlace.category;
+		    this.tags = (_rawPlace$tags2 = rawPlace.tags) !== null && _rawPlace$tags2 !== void 0 ? _rawPlace$tags2 : [];
 		    this.generalCategory = rawPlace.general_category;
 		    this.localizedCategory = (_rawPlace$localizedCa = rawPlace.localizedCategory) !== null && _rawPlace$localizedCa !== void 0 ? _rawPlace$localizedCa : "";
 		    this.parentInstitutionId = rawPlace.parent_institution;
@@ -7879,7 +7892,9 @@ function requireDist () {
 		    this.transportLine = (_rawPlace$properties = rawPlace.properties) === null || _rawPlace$properties === void 0 ? void 0 : _rawPlace$properties.filter(function (p) {
 		      return p.type === "transport_line";
 		    });
-		    this.logo = rawPlace.logo;
+		    if (rawPlace.logo) {
+		      this.logo = typeof rawPlace.logo === "string" ? rawPlace.logo : rawPlace.logo.light;
+		    }
 		    this.images = (_rawPlace$images = rawPlace.images) !== null && _rawPlace$images !== void 0 ? _rawPlace$images : [];
 		    this.banners = ((_rawPlace$banners = rawPlace.banners) !== null && _rawPlace$banners !== void 0 ? _rawPlace$banners : []).map(function (bannerResponse) {
 		      return new Banner(bannerResponse);
@@ -8008,8 +8023,6 @@ function requireDist () {
 		        }
 		        return properties;
 		      } catch (err) {
-		        console.log(err);
-		        console.log(response);
 		        return [];
 		      }
 		    }
@@ -9922,7 +9935,7 @@ function requireDist () {
 		    if (mapConfig.parentPlaceId != null) {
 		      _this.initialPlaceDetailSetUp(mapConfig.parentPlaceId);
 		    }
-		    if (mapConfig.otherPotentialParentPlacesIds) {
+		    if (mapConfig.otherPotentialParentPlacesIds && mapConfig.otherPotentialParentPlacesIds.length > 0) {
 		      _this.loadOtherPotentialParentPlaces(mapConfig.otherPotentialParentPlacesIds);
 		    }
 		    _this.enableHover = mapConfig.enableHover || false;
@@ -9947,7 +9960,11 @@ function requireDist () {
 		      this.repository.fetchAndParsePlaceDetail(parentPlaceId).then(function (place) {
 		        _this3.changeParentPlaceTo(place);
 		        _this3.potentialParentPlaces.push(place);
-		      })["catch"](console.error);
+		      })["catch"](function (error) {
+		        _this3.logError(error, {
+		          functionName: "initialPlaceDetailSetUp"
+		        });
+		      });
 		    }
 		  }, {
 		    key: "loadOtherPotentialParentPlaces",
@@ -9958,7 +9975,11 @@ function requireDist () {
 		      })).then(function (places) {
 		        var _this4$potentialParen;
 		        (_this4$potentialParen = _this4.potentialParentPlaces).push.apply(_this4$potentialParen, map_toConsumableArray(places));
-		      })["catch"](console.error);
+		      })["catch"](function (error) {
+		        _this4.logError(error, {
+		          functionName: "loadOtherPotentialParentPlaces"
+		        });
+		      });
 		    }
 		  }, {
 		    key: "subPlacesLoad",
@@ -9966,14 +9987,19 @@ function requireDist () {
 		      var _this5 = this;
 		      this.repository.fetchAndParseSubPlaces(parentPlaceId).then(function (subPlaces) {
 		        _this5.subPlaces = subPlaces;
-		      })["catch"](console.error);
+		      })["catch"](function (error) {
+		        _this5.logError(error, {
+		          functionName: "subPlacesLoad"
+		        });
+		        _this5.subPlaces = [];
+		      });
 		    }
 		  }, {
 		    key: "initialMapStyleSetUp",
 		    value: function initialMapStyleSetUp(mapConfig, container) {
 		      var _this6 = this;
 		      this.repository.fetchAndParseMapStyle(mapConfig.parentPlaceId).then(function (style) {
-		        var _mapConfig$pitch, _mapConfig$bearingSna;
+		        var _mapConfig$pitch, _mapConfig$bearingSna, _mapConfig$navigation;
 		        var mapOptions = {
 		          container: container,
 		          style: style,
@@ -9981,6 +10007,7 @@ function requireDist () {
 		          zoom: mapConfig.zoom,
 		          pitch: (_mapConfig$pitch = mapConfig.pitch) !== null && _mapConfig$pitch !== void 0 ? _mapConfig$pitch : 0,
 		          attributionControl: false,
+		          maplibreLogo: false,
 		          bearingSnap: (_mapConfig$bearingSna = mapConfig.bearingSnap) !== null && _mapConfig$bearingSna !== void 0 ? _mapConfig$bearingSna : 0
 		        };
 		        if (mapConfig.maxZoom) mapOptions.maxZoom = mapConfig.maxZoom;
@@ -9990,7 +10017,10 @@ function requireDist () {
 		          mapOptions.maxBounds = new maplibre_gl.LngLatBounds([boundingBox[0].lng, boundingBox[0].lat], [boundingBox[1].lng, boundingBox[1].lat]);
 		        }
 		        _this6.map = new maplibre_gl.Map(mapOptions);
-		        _this6.map.addControl(new maplibre_gl.NavigationControl({}), "top-right");
+		        _this6.map.addControl(new maplibre_gl.NavigationControl({
+		          showCompass: mapConfig.showCompass !== undefined ? mapConfig.showCompass : true,
+		          showZoom: mapConfig.showZoom !== undefined ? mapConfig.showZoom : true
+		        }), (_mapConfig$navigation = mapConfig.navigationPosition) !== null && _mapConfig$navigation !== void 0 ? _mapConfig$navigation : "top-right");
 		        _this6.map.on("load", function () {
 		          var _mapConfig$onMapReady;
 		          _this6.whenStyleUpdates(style);
@@ -10008,7 +10038,11 @@ function requireDist () {
 		        });
 		        _this6.defaultClickListener();
 		        return _this6.map;
-		      })["catch"](console.error);
+		      })["catch"](function (error) {
+		        _this6.logError(error, {
+		          functionName: "initialMapStyleSetUp"
+		        });
+		      });
 		    }
 		  }, {
 		    key: "setBaseFilters",
@@ -10137,7 +10171,11 @@ function requireDist () {
 		          _this9.map.setStyle(style);
 		          _this9.whenStyleUpdates(style);
 		          onStyleReady === null || onStyleReady === void 0 || onStyleReady();
-		        })["catch"](console.error);
+		        })["catch"](function (error) {
+		          _this9.logError(error, {
+		            functionName: "changeParentPlaceTo"
+		          });
+		        });
 		      }
 		    }
 
@@ -10178,7 +10216,6 @@ function requireDist () {
 		        this.logError(error, {
 		          functionName: "updateParentPlaceAndFloor"
 		        });
-		        throw new Error("Failed to update parent place and floor");
 		      }
 		    }
 		  }, {
@@ -10218,8 +10255,7 @@ function requireDist () {
 		    value: function addMarker(marker) {
 		      try {
 		        var markerCreated = new MarkerAttribute(marker);
-		        markerCreated.changeFloor(this.currentFloor);
-		        markerCreated.addToMap(this.map);
+		        markerCreated.changeFloor(this.currentFloor, this.map);
 		        this.markers.push(markerCreated);
 		        this.logEvent("addMarker");
 		        return markerCreated.id;
@@ -10227,7 +10263,7 @@ function requireDist () {
 		        this.logError(error, {
 		          functionName: "addMarker"
 		        });
-		        throw new Error("Failed to add marker");
+		        return "";
 		      }
 		    }
 		  }, {
@@ -10247,7 +10283,7 @@ function requireDist () {
 		        this.logError(error, {
 		          functionName: "updateMarker"
 		        });
-		        throw new Error("Failed to update marker");
+		        return "";
 		      }
 		    }
 		  }, {
@@ -10257,15 +10293,14 @@ function requireDist () {
 		        var _marker2 = this.markers.find(function (e) {
 		          return e.id === markerId;
 		        });
-		        if (_marker2 !== null) {
-		          _marker2 === null || _marker2 === void 0 || _marker2.show();
+		        if (_marker2 !== null && this.map) {
+		          _marker2 === null || _marker2 === void 0 || _marker2.show(this.map);
 		        }
 		        this.logEvent("showMarker");
 		      } catch (error) {
 		        this.logError(error, {
 		          functionName: "showMarker"
 		        });
-		        throw new Error("Failed to show marker");
 		      }
 		    }
 		  }, {
@@ -10283,7 +10318,6 @@ function requireDist () {
 		        this.logError(error, {
 		          functionName: "hideMarker"
 		        });
-		        throw new Error("Failed to hide marker");
 		      }
 		    }
 		  }, {
@@ -10304,7 +10338,6 @@ function requireDist () {
 		        this.logError(error, {
 		          functionName: "removeMarker"
 		        });
-		        throw new Error("Failed to remove marker");
 		      }
 		    }
 
@@ -10315,12 +10348,14 @@ function requireDist () {
 		  }, {
 		    key: "filterByFloorKey",
 		    value: function filterByFloorKey(floorKey) {
+		      this.currentFloor = floorKey;
 		      if (this.innerFloors.every(function (floor) {
 		        return floor.key !== floorKey;
 		      }) && floorKey !== "") {
-		        throw new Error("Invalid id '".concat(floorKey, "' for inner floor"));
+		        this.logEvent("invalidFloorKey", {
+		          floorKey: floorKey
+		        });
 		      }
-		      this.currentFloor = floorKey;
 		      this.updateFiltersTo(floorKey);
 		      this.updateMarkersTo(floorKey);
 		      this.routeController.updateRouteLayers(floorKey);
@@ -10334,8 +10369,9 @@ function requireDist () {
 		  }, {
 		    key: "updateMarkersTo",
 		    value: function updateMarkersTo(floorId) {
+		      var _this10 = this;
 		      this.markers.forEach(function (e) {
-		        e.changeFloor(floorId);
+		        e.changeFloor(floorId, _this10.map);
 		      });
 		    }
 		  }, {
@@ -10343,13 +10379,14 @@ function requireDist () {
 		    value: function updateFiltersTo(floorId) {
 		      var _this$map$getStyle$la2,
 		        _this$map$getStyle2,
-		        _this10 = this,
+		        _this11 = this,
 		        _this$innerFloors$fin4;
+		      if (!this.map) return;
 		      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 : [];
 		      layers.filter(function (l) {
 		        return l.id.startsWith("base-indoor-");
 		      }).forEach(function (l) {
-		        _this10.map.removeLayer(l.id);
+		        _this11.map.removeLayer(l.id);
 		      });
 		      var baseFloorId = (_this$innerFloors$fin4 = this.innerFloors.find(function (floor) {
 		        return floor.key === floorId;
@@ -10365,13 +10402,13 @@ function requireDist () {
 		        }).forEach(function (layer) {
 		          var baseLayer = structuredClone(layer);
 		          baseLayer.id = "base-" + layer.id;
-		          _this10.baseFilters[baseLayer.id] = _this10.baseFilters[layer.id];
-		          _this10.map.addLayer(baseLayer, firstLayerId);
-		          _this10.applyLayerFilters(baseLayer, baseFloorId);
+		          _this11.baseFilters[baseLayer.id] = _this11.baseFilters[layer.id];
+		          _this11.map.addLayer(baseLayer, firstLayerId);
+		          _this11.applyLayerFilters(baseLayer, baseFloorId);
 		        });
 		      }
 		      indoorLayers.forEach(function (layer) {
-		        _this10.applyLayerFilters(layer, floorId);
+		        _this11.applyLayerFilters(layer, floorId);
 		      });
 		    }
 		  }, {
@@ -10506,7 +10543,6 @@ function requireDist () {
 		          functionName: "updateFloor",
 		          floorId: floorId
 		        });
-		        throw new Error("Failed to update floor");
 		      }
 		    }
 		  }, {
@@ -10526,7 +10562,6 @@ function requireDist () {
 		          functionName: "updatePlaceAndFloorForRouting",
 		          floorId: floorId
 		        });
-		        throw new Error("Failed to update place and floor for routing");
 		      }
 		    }
 		  }, {
@@ -10580,7 +10615,6 @@ function requireDist () {
 		        this.logError(error, {
 		          functionName: "removeRoute"
 		        });
-		        throw new Error("Error: Failed to remove route");
 		      }
 		    }
 		  }, {
@@ -10617,26 +10651,26 @@ function requireDist () {
 		  }, {
 		    key: "defaultClickListener",
 		    value: function defaultClickListener() {
-		      var _this11 = this;
+		      var _this12 = this;
 		      this.map.on("click", function (e) {
 		        var _ref4, _clickedPlace$lazaril;
-		        var features = _this11.map.queryRenderedFeatures(e.point);
+		        var features = _this12.map.queryRenderedFeatures(e.point);
 		        var touchedFeature = features.find(function (feature) {
 		          return feature.properties["class"] === "room";
 		        });
-		        var clickedPlace = _this11.subPlaces.find(function (subPlace) {
+		        var clickedPlace = _this12.subPlaces.find(function (subPlace) {
 		          return subPlace.lazarilloId === (touchedFeature === null || touchedFeature === void 0 ? void 0 : touchedFeature.properties.ref);
 		        });
 		        var clickedPlaceId = (_ref4 = (_clickedPlace$lazaril = clickedPlace === null || clickedPlace === void 0 ? void 0 : clickedPlace.lazarilloId) !== null && _clickedPlace$lazaril !== void 0 ? _clickedPlace$lazaril : clickedPlace === null || clickedPlace === void 0 ? void 0 : clickedPlace.clientId) !== null && _ref4 !== void 0 ? _ref4 : "";
-		        if (clickedPlace !== undefined && _this11.clickCallback) {
-		          _this11.clickCallback(clickedPlaceId);
+		        if (clickedPlace !== undefined && _this12.clickCallback) {
+		          _this12.clickCallback(clickedPlaceId);
 		        }
 		      });
 		    }
 		  }, {
 		    key: "onHover",
 		    value: function onHover() {
-		      var _this12 = this;
+		      var _this13 = this;
 		      if (!this.enableHover) return;
 		      this.map.on("mousemove", "hoverable", function (e) {
 		        var _e$features;
@@ -10644,54 +10678,100 @@ function requireDist () {
 		          var _feature$properties$r, _feature$properties;
 		          return (
 		            // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
-		            ((_feature$properties$r = feature.properties.ref) === null || _feature$properties$r === void 0 ? void 0 : _feature$properties$r.length) > 0 && ((_feature$properties = feature.properties) === null || _feature$properties === void 0 ? void 0 : _feature$properties.floor_key) === _this12.currentFloor
+		            ((_feature$properties$r = feature.properties.ref) === null || _feature$properties$r === void 0 ? void 0 : _feature$properties$r.length) > 0 && ((_feature$properties = feature.properties) === null || _feature$properties === void 0 ? void 0 : _feature$properties.floor_key) === _this13.currentFloor
 		          );
 		        });
 		        // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
 		        var ref = feature === null || feature === void 0 ? void 0 : feature.properties.ref;
 		        if (ref !== undefined && ref.length > 0) {
-		          _this12.hoveredId = ref;
-		          _this12.updateFiltersTo(_this12.currentFloor);
-		        } else if (ref === undefined && _this12.hoveredId !== "unselected") {
-		          _this12.hoveredId = "unselected";
-		          _this12.updateFiltersTo(_this12.currentFloor);
+		          _this13.hoveredId = ref;
+		          _this13.updateFiltersTo(_this13.currentFloor);
+		        } else if (ref === undefined && _this13.hoveredId !== "unselected") {
+		          _this13.hoveredId = "unselected";
+		          _this13.updateFiltersTo(_this13.currentFloor);
 		        }
 		      });
 
 		      // When the mouse leaves the state-fill layer, update the feature state of the
 		      // previously hovered feature.
 		      this.map.on("mouseleave", "hoverable", function () {
-		        _this12.hoveredId = "unselected";
-		        _this12.updateFiltersTo(_this12.currentFloor);
+		        _this13.hoveredId = "unselected";
+		        _this13.updateFiltersTo(_this13.currentFloor);
 		      });
 		    }
 		  }, {
 		    key: "setPlacesAsSelected",
-		    value: function setPlacesAsSelected(placeIds) {
-		      var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "#276EF1";
+		    value: function setPlacesAsSelected(placeIds, color) {
 		      try {
 		        if (!this.hasLayer("indoor-colored-places")) {
-		          return;
+		          this.logError(new Error("Layer indoor-colored-places does not exist on current style"));
+		          this.createColoredPlacesLayer();
 		        }
 		        var basicFilter = this.createBasicFilters();
-		        var coloredPlaces = this.subPlaces.filter(function (place) {
-		          var _place$clientId;
-		          return placeIds.includes((_place$clientId = place.clientId) !== null && _place$clientId !== void 0 ? _place$clientId : "") || placeIds.includes(place.lazarilloId);
-		        });
-		        var coloredPlacesFilters = coloredPlaces.map(function (place) {
-		          var filter = ["==", ["get", "ref"], place.lazarilloId];
+		        var coloredPlacesFilters = placeIds.map(function (id) {
+		          var filter = ["==", ["get", "ref"], id];
 		          return filter;
 		        });
 		        var placeFilter = ["any"].concat(map_toConsumableArray(coloredPlacesFilters));
 		        var condition = ["all", placeFilter, basicFilter];
 		        this.map.setFilter("indoor-colored-places", condition);
 		        this.baseFilters["indoor-colored-places"] = placeFilter;
-		        this.map.setPaintProperty("indoor-colored-places", "fill-color", color);
+		        if (color !== undefined) {
+		          var layer = this.map.getLayer("indoor-colored-places");
+		          switch (layer === null || layer === void 0 ? void 0 : layer.type) {
+		            case "fill":
+		              this.map.setPaintProperty("indoor-colored-places", "fill-color", color);
+		              break;
+		            case "fill-extrusion":
+		              this.map.setPaintProperty("indoor-colored-places", "fill-extrusion-color", color);
+		              break;
+		            default:
+		              break;
+		          }
+		        }
 		      } catch (error) {
 		        this.logError(error, {
 		          functionName: "setPlacesAsSelected"
 		        });
-		        throw new Error("Failed to set places as selected");
+		      }
+		    }
+		  }, {
+		    key: "is3DStyle",
+		    value: function is3DStyle() {
+		      var layers = this.map.getStyle().layers;
+		      return layers.some(function (layer) {
+		        return layer.type === "fill-extrusion";
+		      });
+		    }
+		  }, {
+		    key: "createColoredPlacesLayer",
+		    value: function createColoredPlacesLayer() {
+		      if (this.is3DStyle()) {
+		        var layer = {
+		          id: "indoor-colored-places",
+		          type: "fill-extrusion",
+		          source: "indoorequal",
+		          "source-layer": "area",
+		          filter: ["all", ["has", "ref"], ["==", ["get", "ref"], "unselected"]],
+		          paint: {
+		            "fill-extrusion-height": 2.5,
+		            "fill-extrusion-color": "#276EF1",
+		            "fill-extrusion-opacity": 0.8
+		          }
+		        };
+		        this.map.addLayer(layer);
+		      } else {
+		        var _layer = {
+		          id: "indoor-colored-places",
+		          type: "fill",
+		          source: "indoorequal",
+		          "source-layer": "area",
+		          filter: ["all", ["has", "ref"], ["==", ["get", "ref"], "unselected"]],
+		          paint: {
+		            "fill-color": "#276EF1"
+		          }
+		        };
+		        this.map.addLayer(_layer);
 		      }
 		    }
 		  }, {
@@ -10701,7 +10781,7 @@ function requireDist () {
 		      var publicPlaceFilter = ["==", ["get", "public_place"], true];
 		      var subPlaceFilter = ["!=", ["get", "is_subplace"], (_this$parentPlaceId3 = this.parentPlaceId) !== null && _this$parentPlaceId3 !== void 0 ? _this$parentPlaceId3 : ""];
 		      var floorId = (_this$currentFloor = this.currentFloor) !== null && _this$currentFloor !== void 0 ? _this$currentFloor : "+";
-		      var floorFilter = ["any", ["==", ["get", "floor_key"], floorId]];
+		      var floorFilter = ["==", ["get", "floor_key"], floorId];
 		      var showInFloorFilter = ["==", ["get", "show_in_floor"], floorId];
 		      var basicFilters = publicPlaceFilter;
 		      if (this.parentPlaceId != null) {
@@ -11027,6 +11107,7 @@ function requireDist () {
 		  }, {
 		    key: "addUserLocationTracking",
 		    value: function addUserLocationTracking(enableHighAccuracy) {
+		      var _this14 = this;
 		      var initialCoordinate = {
 		        lat: 0.0,
 		        lng: 0.0
@@ -11045,7 +11126,9 @@ function requireDist () {
 		        marker.setLngLat([position.coords.longitude, position.coords.latitude]);
 		      };
 		      this.watchPositionID = navigator.geolocation.watchPosition(updateMarker, function (error) {
-		        console.error("Error getting user location:", error);
+		        _this14.logError(error, {
+		          functionName: "addUserLocationTracking"
+		        });
 		      }, {
 		        enableHighAccuracy: enableHighAccuracy
 		      });
@@ -11063,7 +11146,9 @@ function requireDist () {
 		          this.watchPositionID = undefined;
 		        }
 		      } else {
-		        console.error("Error trying to remove location tracking, is already gone");
+		        this.logError(new Error("Error trying to remove location tracking, is already gone"), {
+		          functionName: "removeUserLocationTracking"
+		        });
 		      }
 		    }
 		  }, {
@@ -11073,28 +11158,25 @@ function requireDist () {
 		    }
 		  }, {
 		    key: "addBorderToPlaces",
-		    value: function addBorderToPlaces(placeIds) {
-		      var color = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "#276EF1";
-		      var width = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 4;
+		    value: function addBorderToPlaces(placeIds, color, width) {
 		      try {
 		        if (!this.hasLayer("indoor-bordered-places")) {
-		          throw new Error("Layer indoor-bordered-places does not exist on current style");
+		          this.logError(new Error("Layer indoor-bordered-places does not exist on current style"));
+		          this.createBorderedPlacesLayer();
 		        }
 		        var basicFilter = this.createBasicFilters();
-		        var coloredPlaces = this.subPlaces.filter(function (place) {
-		          var _place$clientId2;
-		          return placeIds.includes((_place$clientId2 = place.clientId) !== null && _place$clientId2 !== void 0 ? _place$clientId2 : "") || placeIds.includes(place.lazarilloId);
-		        });
-		        var coloredPlacesFilters = coloredPlaces.map(function (place) {
-		          var filter = ["==", ["get", "ref"], place.lazarilloId];
+		        var coloredPlacesFilters = placeIds.map(function (id) {
+		          var filter = ["==", ["get", "ref"], id];
 		          return filter;
 		        });
 		        var placeFilter = ["any"].concat(map_toConsumableArray(coloredPlacesFilters));
 		        var condition = ["all", placeFilter, basicFilter];
 		        this.map.setFilter("indoor-bordered-places", condition);
 		        this.baseFilters["indoor-bordered-places"] = placeFilter;
-		        this.map.setPaintProperty("indoor-bordered-places", "line-color", color);
-		        this.map.setPaintProperty("indoor-bordered-places", "line-width", width);
+		        if (color !== undefined && width !== undefined) {
+		          this.map.setPaintProperty("indoor-bordered-places", "line-color", color);
+		          this.map.setPaintProperty("indoor-bordered-places", "line-width", width);
+		        }
 		      } catch (error) {
 		        this.logError(error, {
 		          functionName: "addBorderToPlaces"
@@ -11102,6 +11184,22 @@ function requireDist () {
 		        throw new Error("Failed to add border to places");
 		      }
 		    }
+		  }, {
+		    key: "createBorderedPlacesLayer",
+		    value: function createBorderedPlacesLayer() {
+		      var layer = {
+		        id: "indoor-bordered-places",
+		        type: "line",
+		        source: "indoorequal",
+		        "source-layer": "area",
+		        filter: ["all", ["has", "ref"], ["==", ["get", "ref"], "unselected"]],
+		        paint: {
+		          "line-color": "#276EF1",
+		          "line-width": 4
+		        }
+		      };
+		      this.map.addLayer(layer);
+		    }
 		  }, {
 		    key: "clearBorderedPlaces",
 		    value: function clearBorderedPlaces() {
@@ -12397,4 +12495,4 @@ class RouteAnimationController {
 }
 
 export { MarkerController as M, RouteAnimationController as R, SDKController as S };
-//# sourceMappingURL=utils-CL_wN9yE.js.map
+//# sourceMappingURL=utils-BClW6qwe.js.map