@mapvx/web-components 0.0.20 → 0.0.22

package/dist/es/assets/{utils-C2SiQIHC.js → utils-4sQ3ZnpP.js}

@@ -1,5 +1,5 @@
-import { i, s as sdkContext } from './components-y75xh-dL.js';
-import { R as RollbarController } from './route-view-totems-C8X6pCW7.js';
+import { i, s as sdkContext } from './components-BGe90NOX.js';
+import { R as RollbarController } from './route-view-totems-Cu8sG0kp.js';
 
 var dist = {exports: {}};
 
@@ -5696,10 +5696,12 @@ function requireDist () {
 		  CssElement: () => (/* reexport */ cssCustomization_namespaceObject.CssElement),
 		  CssScreen: () => (/* reexport */ cssCustomization_namespaceObject.CssScreen),
 		  CssTheme: () => (/* reexport */ cssCustomization_namespaceObject.CssTheme),
+		  DaysOfTheWeek: () => (/* reexport */ openingHours_namespaceObject.DaysOfTheWeek),
 		  DrawRouteConfiguration: () => (/* reexport */ routeConfiguration_namespaceObject.DrawRouteConfiguration),
 		  FitOptions: () => (/* reexport */ fitOptions_namespaceObject.FitOptions),
 		  GetRouteConfiguration: () => (/* reexport */ routeConfiguration_namespaceObject.GetRouteConfiguration),
 		  GradientStyle: () => (/* reexport */ routeStyle_namespaceObject.GradientStyle),
+		  HealthResponse: () => (/* reexport */ healthResponse_namespaceObject.HealthResponse),
 		  IdLocation: () => (/* reexport */ routeConfiguration_namespaceObject.IdLocation),
 		  InnerFloor: () => (/* reexport */ innerFloors_namespaceObject.InnerFloor),
 		  Institution: () => (/* reexport */ Institution),
@@ -5719,21 +5721,29 @@ function requireDist () {
 		  MultiLanguage: () => (/* reexport */ multilanguage_namespaceObject.MultiLanguage),
 		  NestedCategory: () => (/* reexport */ categories_namespaceObject.NestedCategory),
 		  OpeningHours: () => (/* reexport */ openingHours_namespaceObject.OpeningHours),
+		  OpeningTime: () => (/* reexport */ openingHours_namespaceObject.OpeningTime),
 		  PhoneCategory: () => (/* reexport */ categories_namespaceObject.PhoneCategory),
 		  PlaceCategory: () => (/* reexport */ categories_namespaceObject.PlaceCategory),
 		  ProductCategory: () => (/* reexport */ categories_namespaceObject.ProductCategory),
 		  Property: () => (/* reexport */ property_namespaceObject.Property),
+		  RealtimeSchedule: () => (/* reexport */ transport_namespaceObject.RealtimeSchedule),
 		  RouteLocation: () => (/* reexport */ routeConfiguration_namespaceObject.RouteLocation),
 		  RouteStyle: () => (/* reexport */ routeStyle_namespaceObject.RouteStyle),
+		  Schedule: () => (/* reexport */ transport_namespaceObject.Schedule),
 		  SolidStyle: () => (/* reexport */ routeStyle_namespaceObject.SolidStyle),
 		  TextCategory: () => (/* reexport */ categories_namespaceObject.TextCategory),
 		  TextPosition: () => (/* reexport */ TextPosition),
 		  UrlCategory: () => (/* reexport */ categories_namespaceObject.UrlCategory),
 		  initializeSDK: () => (/* reexport */ initializeSDK),
 		  isBasicWithIcon: () => (/* reexport */ isBasicWithIcon),
-		  isBasicWithLogo: () => (/* reexport */ isBasicWithLogo)
+		  isBasicWithLogo: () => (/* reexport */ isBasicWithLogo),
+		  loadCustomization: () => (/* reexport */ loadCustomization)
 		});
 
+		// NAMESPACE OBJECT: ./src/interfaces/healthResponse.ts
+		var healthResponse_namespaceObject = {};
+		__webpack_require__.r(healthResponse_namespaceObject);
+
 		// NAMESPACE OBJECT: ./src/models/marker.ts
 		var marker_namespaceObject = {};
 		__webpack_require__.r(marker_namespaceObject);
@@ -5766,6 +5776,13 @@ function requireDist () {
 		  n: () => (PropertyUtils)
 		});
 
+		// NAMESPACE OBJECT: ./src/models/transport.ts
+		var transport_namespaceObject = {};
+		__webpack_require__.r(transport_namespaceObject);
+		__webpack_require__.d(transport_namespaceObject, {
+		  Q: () => (LzTransport)
+		});
+
 		// NAMESPACE OBJECT: ./src/map/map.ts
 		var map_namespaceObject = {};
 		__webpack_require__.r(map_namespaceObject);
@@ -7351,7 +7368,7 @@ function requireDist () {
 		      countly_default().init({
 		        app_key: logger_countly.apiKey,
 		        url: logger_countly.url,
-		        app_version: "2.16.0",
+		        app_version: "2.19.0-beta.2",
 		        session_update: 10,
 		        debug: false,
 		        require_consent: false,
@@ -7947,6 +7964,10 @@ function requireDist () {
 		   * Tags for place
 		   */
 
+		  /**
+		   * Metadata of the place.
+		   */
+
 		  /**
 		   * Creates a new place instance with the parameters specified in the data.
 		   * @hidden
@@ -7997,6 +8018,7 @@ function requireDist () {
 		    this.properties = PropertyUtils.parseProperties((_rawPlace$properties2 = rawPlace.properties) !== null && _rawPlace$properties2 !== void 0 ? _rawPlace$properties2 : []);
 		    this.parentId = rawPlace.parent_id;
 		    this.parentType = rawPlace.parent_type;
+		    this.metadata = rawPlace.metadata;
 		  }
 
 		  /**
@@ -8123,6 +8145,8 @@ function requireDist () {
 		        }
 		        return properties;
 		      } catch (err) {
+		        console.log(err);
+		        console.log(response);
 		        return [];
 		      }
 		    }
@@ -8279,7 +8303,7 @@ function requireDist () {
 		var Requester = /*#__PURE__*/function () {
 		  function Requester(lang) {
 		    requester_classCallCheck(this, Requester);
-		    requester_defineProperty(this, "baseUrl", "https://us-central1-project-1393626302506343732.cloudfunctions.net/sdk/");
+		    requester_defineProperty(this, "baseUrl", "https://api.mapvx.com/sdk/");
 		    requester_defineProperty(this, "baseUrlMapVx", "https://api.mapvx.com/api/");
 		    this.lang = lang;
 		  }
@@ -8295,7 +8319,7 @@ function requireDist () {
 		    }
 
 		    /**
-		     * Fetch information from a url.
+		     * Make a request using {@link fetch}.
 		     * @param resourceUrl Path to endpoint
 		     * @param params should have the token included plus any extra parameter that the url needs
 		     * @param options option for fetch method
@@ -8918,24 +8942,61 @@ function requireDist () {
 		      }
 		      return fetchCssCustomization;
 		    }()
+		  }, {
+		    key: "postHealth",
+		    value: function () {
+		      var _postHealth = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee16(token, healthPingId, placeId, totemId, status) {
+		        var requestData, params, options;
+		        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
+		          while (1) switch (_context16.prev = _context16.next) {
+		            case 0:
+		              requestData = JSON.stringify({
+		                healthPingId: healthPingId,
+		                placeId: placeId,
+		                totemId: totemId,
+		                status: status
+		              });
+		              params = {
+		                token: token
+		              };
+		              options = {
+		                method: "POST",
+		                headers: {
+		                  accept: "application/json",
+		                  "Content-Type": "application/json"
+		                },
+		                body: requestData
+		              };
+		              return _context16.abrupt("return", Requester.fetchFromUrl(this.baseUrlMapVx + "health", params, options));
+		            case 4:
+		            case "end":
+		              return _context16.stop();
+		          }
+		        }, _callee16, this);
+		      }));
+		      function postHealth(_x36, _x37, _x38, _x39, _x40) {
+		        return _postHealth.apply(this, arguments);
+		      }
+		      return postHealth;
+		    }()
 		  }], [{
 		    key: "fetchFromUrl",
 		    value: (function () {
-		      var _fetchFromUrl = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee16(resourceUrl, params, options) {
+		      var _fetchFromUrl = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee17(resourceUrl, params, options) {
 		        var finalUrl;
-		        return _regeneratorRuntime().wrap(function _callee16$(_context16) {
-		          while (1) switch (_context16.prev = _context16.next) {
+		        return _regeneratorRuntime().wrap(function _callee17$(_context17) {
+		          while (1) switch (_context17.prev = _context17.next) {
 		            case 0:
 		              finalUrl = new URL(resourceUrl);
 		              finalUrl.search = new URLSearchParams(params).toString();
-		              return _context16.abrupt("return", fetch(finalUrl.toString(), options));
+		              return _context17.abrupt("return", fetch(finalUrl.toString(), options));
 		            case 3:
 		            case "end":
-		              return _context16.stop();
+		              return _context17.stop();
 		          }
-		        }, _callee16);
+		        }, _callee17);
 		      }));
-		      function fetchFromUrl(_x36, _x37, _x38) {
+		      function fetchFromUrl(_x41, _x42, _x43) {
 		        return _fetchFromUrl.apply(this, arguments);
 		      }
 		      return fetchFromUrl;
@@ -9331,7 +9392,7 @@ function requireDist () {
 		            Error.captureStackTrace(error);
 		          }
 		          _this4.logWarning(error, {
-		            functionName: "getcache",
+		            functionName: "getCachedPlaces",
 		            id: id
 		          });
 		        }
@@ -9947,6 +10008,44 @@ function requireDist () {
 		      }
 		      return fetchAndParseCssCustomization;
 		    }()
+		  }, {
+		    key: "postAndParseHealthPing",
+		    value: function () {
+		      var _postAndParseHealthPing = repository_asyncToGenerator(/*#__PURE__*/repository_regeneratorRuntime().mark(function _callee16(healthPingId, placeId, totemId, status) {
+		        var response, responseData, data;
+		        return repository_regeneratorRuntime().wrap(function _callee16$(_context16) {
+		          while (1) switch (_context16.prev = _context16.next) {
+		            case 0:
+		              _context16.next = 2;
+		              return this.requester.postHealth(this.token, healthPingId, placeId, totemId, status);
+		            case 2:
+		              response = _context16.sent;
+		              if (response.ok) {
+		                _context16.next = 8;
+		                break;
+		              }
+		              _context16.next = 6;
+		              return response.json();
+		            case 6:
+		              responseData = _context16.sent;
+		              throw new Error("Post failed with status ".concat(response.status, ": ").concat(responseData));
+		            case 8:
+		              _context16.next = 10;
+		              return response.json();
+		            case 10:
+		              data = _context16.sent;
+		              return _context16.abrupt("return", data);
+		            case 12:
+		            case "end":
+		              return _context16.stop();
+		          }
+		        }, _callee16, this);
+		      }));
+		      function postAndParseHealthPing(_x21, _x22, _x23, _x24) {
+		        return _postAndParseHealthPing.apply(this, arguments);
+		      }
+		      return postAndParseHealthPing;
+		    }()
 		  }]);
 		}(Loggeable);
 		function map_typeof(o) { "@babel/helpers - typeof"; return map_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; }, map_typeof(o); }
@@ -10424,6 +10523,22 @@ function requireDist () {
 		        throw new Error("Failed to remove marker");
 		      }
 		    }
+		  }, {
+		    key: "removeAllMarkers",
+		    value: function removeAllMarkers() {
+		      try {
+		        this.markers.forEach(function (marker) {
+		          marker.remove();
+		        });
+		        this.markers = [];
+		        this.logEvent("removeAllMarkers");
+		      } catch (error) {
+		        this.logWarning(error, {
+		          functionName: "removeAllMarkers"
+		        });
+		        throw new Error("Failed to remove all markers");
+		      }
+		    }
 
 		    /**
 		     * Use it to change the current layer
@@ -12040,6 +12155,38 @@ function requireDist () {
 		      }
 		      return getCssCustomization;
 		    }()
+		  }, {
+		    key: "notifyHealth",
+		    value: function () {
+		      var _notifyHealth = sdk_asyncToGenerator(/*#__PURE__*/sdk_regeneratorRuntime().mark(function _callee14(healthPingId, placeId, totemId, status) {
+		        var health;
+		        return sdk_regeneratorRuntime().wrap(function _callee14$(_context14) {
+		          while (1) switch (_context14.prev = _context14.next) {
+		            case 0:
+		              _context14.prev = 0;
+		              _context14.next = 3;
+		              return this.repository.postAndParseHealthPing(healthPingId, placeId, totemId, status);
+		            case 3:
+		              health = _context14.sent;
+		              return _context14.abrupt("return", health);
+		            case 7:
+		              _context14.prev = 7;
+		              _context14.t0 = _context14["catch"](0);
+		              this.logWarning(_context14.t0, {
+		                functionName: "notifyHealth"
+		              });
+		              throw new Error("Failed to notify health");
+		            case 11:
+		            case "end":
+		              return _context14.stop();
+		          }
+		        }, _callee14, this, [[0, 7]]);
+		      }));
+		      function notifyHealth(_x19, _x20, _x21, _x22) {
+		        return _notifyHealth.apply(this, arguments);
+		      }
+		      return notifyHealth;
+		    }()
 		  }], [{
 		    key: "getLang",
 		    value: function getLang() {
@@ -12047,6 +12194,113 @@ function requireDist () {
 		    }
 		  }]);
 		}(Loggeable);
+		function update_css_slicedToArray(r, e) { return update_css_arrayWithHoles(r) || update_css_iterableToArrayLimit(r, e) || update_css_unsupportedIterableToArray(r, e) || update_css_nonIterableRest(); }
+		function update_css_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 update_css_unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return update_css_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) ? update_css_arrayLikeToArray(r, a) : void 0; } }
+		function update_css_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; }
+		function update_css_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 = true, o = false; try { if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = true, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+		function update_css_arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+		/**
+		 * Load a CSS customization of a project.
+		 *
+		 * This function create a new HTML Style Element and add it to the current document.
+		 * Also activate the customization adding the first theme name to the body of the document.
+		 *
+		 * @param data The CSS customization data.
+		 */
+		function loadCustomization(data) {
+		  var style = document.createElement("style");
+		  style.textContent = "";
+		  for (var _i = 0, _Object$entries = Object.entries(data); _i < _Object$entries.length; _i++) {
+		    var _Object$entries$_i = update_css_slicedToArray(_Object$entries[_i], 2),
+		      themeName = _Object$entries$_i[0],
+		      themeData = _Object$entries$_i[1];
+		    var cssClass = loadTheme(themeName, themeData);
+		    style.textContent += cssClass;
+		  }
+		  document.head.appendChild(style);
+		  var firstThemeName = Object.keys(data).at(0);
+		  if (firstThemeName != null) {
+		    document.body.classList.add(firstThemeName);
+		  }
+		}
+
+		/**
+		 * Process a theme.
+		 *
+		 * @param themeName The name of the Theme.
+		 * @param themeData The data of the Theme.
+		 * @returns A string with the processed theme to use on a CSS file.
+		 */
+		function loadTheme(themeName, themeData) {
+		  var cssClass = ".".concat(themeName, " {\n");
+		  var definitions = themeData.definitions;
+		  if (definitions != null) {
+		    cssClass = loadDefinitions(definitions, cssClass);
+		  }
+		  for (var _i2 = 0, _Object$entries2 = Object.entries((_themeData$screens = themeData.screens) !== null && _themeData$screens !== void 0 ? _themeData$screens : {}); _i2 < _Object$entries2.length; _i2++) {
+		    var _themeData$screens;
+		    var _Object$entries2$_i = update_css_slicedToArray(_Object$entries2[_i2], 2),
+		      screenName = _Object$entries2$_i[0],
+		      screenData = _Object$entries2$_i[1];
+		    for (var _i3 = 0, _Object$entries3 = Object.entries(screenData); _i3 < _Object$entries3.length; _i3++) {
+		      var _Object$entries3$_i = update_css_slicedToArray(_Object$entries3[_i3], 2),
+		        componentName = _Object$entries3$_i[0],
+		        componentData = _Object$entries3$_i[1];
+		      for (var _i4 = 0, _Object$entries4 = Object.entries(componentData); _i4 < _Object$entries4.length; _i4++) {
+		        var _Object$entries4$_i = update_css_slicedToArray(_Object$entries4[_i4], 2),
+		          elementName = _Object$entries4$_i[0],
+		          elementData = _Object$entries4$_i[1];
+		        for (var _i5 = 0, _Object$entries5 = Object.entries(elementData); _i5 < _Object$entries5.length; _i5++) {
+		          var _Object$entries5$_i = update_css_slicedToArray(_Object$entries5[_i5], 2),
+		            propertyName = _Object$entries5$_i[0],
+		            propertyValue = _Object$entries5$_i[1];
+		          cssClass += "  --".concat(screenName, "-").concat(componentName, "-").concat(elementName, "-").concat(propertyName, ": ").concat(propertyValue, ";\n");
+		        }
+		      }
+		    }
+		  }
+		  cssClass += "}\n";
+		  return cssClass;
+		}
+		/**
+		 * Process the definitions of a theme.
+		 *
+		 * @param definitions The definitions of the theme.
+		 * @param cssClass The string object that will contain the processed theme
+		 * @returns The cssClass string mutated with the processed definitions.
+		 */
+		function loadDefinitions(definitions, cssClass) {
+		  for (var _i6 = 0, _Object$entries6 = Object.entries((_definitions$colors = definitions.colors) !== null && _definitions$colors !== void 0 ? _definitions$colors : {}); _i6 < _Object$entries6.length; _i6++) {
+		    var _definitions$colors;
+		    var _Object$entries6$_i = update_css_slicedToArray(_Object$entries6[_i6], 2),
+		      colorName = _Object$entries6$_i[0],
+		      colorData = _Object$entries6$_i[1];
+		    for (var _i7 = 0, _Object$entries7 = Object.entries(colorData); _i7 < _Object$entries7.length; _i7++) {
+		      var _Object$entries7$_i = update_css_slicedToArray(_Object$entries7[_i7], 2),
+		        colorIntensity = _Object$entries7$_i[0],
+		        colorValue = _Object$entries7$_i[1];
+		      cssClass += "  --definitions-colors-".concat(colorName, "-").concat(colorIntensity, ": ").concat(colorValue, ";\n");
+		    }
+		  }
+		  for (var _i8 = 0, _Object$entries8 = Object.entries((_definitions$shadows = definitions.shadows) !== null && _definitions$shadows !== void 0 ? _definitions$shadows : {}); _i8 < _Object$entries8.length; _i8++) {
+		    var _definitions$shadows;
+		    var _Object$entries8$_i = update_css_slicedToArray(_Object$entries8[_i8], 2),
+		      shadowName = _Object$entries8$_i[0],
+		      shadowValue = _Object$entries8$_i[1];
+		    cssClass += "  --definitions-shadows-".concat(shadowName, ": ").concat(shadowValue, ";\n");
+		  }
+		  for (var _i9 = 0, _Object$entries9 = Object.entries((_definitions$textFont = definitions.textFonts) !== null && _definitions$textFont !== void 0 ? _definitions$textFont : {}); _i9 < _Object$entries9.length; _i9++) {
+		    var _definitions$textFont;
+		    var _Object$entries9$_i = update_css_slicedToArray(_Object$entries9[_i9], 2),
+		      fontName = _Object$entries9$_i[0],
+		      fontValue = _Object$entries9$_i[1];
+		    cssClass += "  --definitions-textFonts-".concat(fontName, ": ").concat(fontValue, ";\n");
+		  }
+		  return cssClass;
+		}
+
+
 
 
 
@@ -12099,7 +12353,7 @@ class SDKController {
     this.host.addController(this);
     this.contextProvider = new i(this.host, {
       context: sdkContext,
-      initialValue: { enabledFloors: [], markers: [] }
+      initialValue: { enabledFloors: [], markers: [], cameraInitialized: false }
     });
   }
   initialize(apiKey, locale, parentPlaceId) {
@@ -12180,7 +12434,8 @@ class SDKController {
       this.contextProvider.setValue({
         ...this.contextProvider.value,
         route,
-        enabledFloors
+        enabledFloors,
+        isRouteAnimating: false
       });
     } catch (error) {
       RollbarController.getInstance().warning("Error loading route", { error, originId, destinationId });
@@ -12293,8 +12548,11 @@ class SDKController {
     this.loadRoute(originId, destinationId, !!accessibleRoute);
   }
   setFloor(floorId) {
-    const { parentPlace } = this.contextProvider.value;
+    const { parentPlace, currentFloor } = this.contextProvider.value;
     if (!parentPlace) return;
+    if (currentFloor?.key === floorId) {
+      return;
+    }
     const floor = parentPlace.innerFloors.find((floor2) => floor2.key === floorId);
     if (!floor) return;
     this.contextProvider.setValue({
@@ -12314,9 +12572,31 @@ class SDKController {
       mapReady: ready
     });
   }
+  setCameraInitialized(initialized) {
+    this.contextProvider.setValue({
+      ...this.contextProvider.value,
+      cameraInitialized: initialized
+    });
+  }
+  resetData() {
+    this.contextProvider.setValue({
+      ...this.contextProvider.value,
+      originId: void 0,
+      destinationId: void 0,
+      destination: void 0,
+      route: void 0,
+      enabledFloors: this.enabledFloors,
+      currentFloor: this.contextProvider.value.parentPlace?.innerFloors?.[0],
+      markers: [],
+      accessibleRoute: false,
+      isRouteAnimating: false,
+      cameraInitialized: false
+    });
+    this.host.requestUpdate();
+  }
 }
 
-const popupCSS = "@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup{background:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));padding:15px;border-radius:10px;border:1px solid #cccccc;min-width:180px;position:relative;transform:translateY(-50%)}.popup:after{content:\"\";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white;z-index:1}.popup:before{content:\"\";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #cccccc;z-index:0}.popup-content{display:flex;flex-direction:column;gap:4px}.popup-logo{width:100%;object-fit:contain;object-position:center;height:60px;overflow:hidden;align-self:center;max-width:100%}.popup-name{position:relative;color:#000;text-align:center;letter-spacing:-1.1719905853px;margin-top:10px;max-width:250px;font:700 23px/23px Poppins,-apple-system,Roboto,Helvetica,sans-serif}.popup-category{color:#555;position:relative;color:#000;text-align:center;letter-spacing:-.5859952927px;white-space:nowrap;margin:5px 0 20px;font:400 12px/14px Poppins,-apple-system,Roboto,Helvetica,sans-serif}@media (max-width: 991px){.popup-category{margin-bottom:40px;white-space:initial}}";
+const popupCSS = "@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.popup{background:#fff;filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));padding:15px;border-radius:10px;border:1px solid #cccccc;min-width:180px;position:relative;transform:translateY(-50%)}@media (max-width: 768px){.popup{padding:8px 0;min-width:160px;border-radius:8px}}.popup:after{content:\"\";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white;z-index:1}.popup:before{content:\"\";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:11px solid #cccccc;z-index:0}.popup-content{display:flex;flex-direction:column;gap:4px}.popup-logo{width:100%;object-fit:contain;object-position:center;height:60px;overflow:hidden;align-self:center;max-width:250px;max-height:100px}@media (max-width: 768px){.popup-logo{max-height:40px;max-width:120px}}.popup-name{position:relative;color:#000;text-align:center;letter-spacing:-1.1719905853px;margin-top:10px;max-width:250px;font:700 23px/23px Poppins,-apple-system,Roboto,Helvetica,sans-serif}@media (max-width: 768px){.popup-name{font-size:18px;line-height:18px;margin-top:6px;max-width:200px}}.popup-category{color:#555;position:relative;color:#000;text-align:center;letter-spacing:-.5859952927px;white-space:nowrap;margin:5px 0 20px;font:400 12px/14px Poppins,-apple-system,Roboto,Helvetica,sans-serif}@media (max-width: 991px){.popup-category{margin-bottom:40px;white-space:initial}}@media (max-width: 768px){.popup-category{margin-bottom:10px;white-space:initial;font-size:11px;line-height:13px}}";
 
 class PopupFactory {
   static create(data) {
@@ -12398,7 +12678,6 @@ class MarkerController {
           floorId = content.floorId;
           if (data instanceof distExports.LzPlace) {
             content.name = data.title;
-            content.category = data.localizedCategory ?? "";
             const service_tags = [
               "baños-general",
               "baño-accesible",
@@ -12427,6 +12706,20 @@ class MarkerController {
             } else {
               content.logo = data.logo?.light ?? "";
             }
+            if (data.metadata?.category && data.metadata?.category?.length > 0) {
+              let categories = [];
+              data.metadata?.category?.forEach((category) => {
+                const name = category;
+                if (!categories.map((c) => c.toLocaleLowerCase()).includes(name.toLocaleLowerCase())) {
+                  categories.push(name);
+                }
+              });
+              content.category = categories.join(", ");
+            } else if (service && data.localizedCategory && data.category !== "1abcdefc29a36339150cf670") {
+              content.category = data.localizedCategory;
+            } else {
+              content.category = "";
+            }
             content.position = data.position;
             floorId = data.inFloor(floors)?.key;
           }
@@ -12457,7 +12750,7 @@ class MarkerController {
     });
     this.map?.setPlacesAsSelected(
       this.markersIds.map((m) => m.id),
-      "#9D55F9"
+      "#3A0D7F"
     );
     const currentFloor = this.map?.getCurrentFloor();
     const coordinates = this.markersIds.filter((m) => m.floorId === currentFloor).map((m) => m.coordinate);
@@ -12509,9 +12802,8 @@ class RouteAnimationController {
     this.lzMap = map;
   }
   setCurrentFloor(floorId) {
-    this._currentMapFloor = floorId;
     const coordinates = this.route?.legs.flatMap(
-      (leg) => leg.steps.filter((step) => step.startInsideFloor === floorId).flatMap((step) => step.coordinates)
+      (leg) => leg.steps.filter((step) => step.startInsideFloor === floorId || step.endInsideFloor === floorId).flatMap((step) => step.coordinates)
     ) ?? [];
     if (coordinates.length > 0) {
       this.lzMap?.fitCoordinates(coordinates, {
@@ -12523,6 +12815,7 @@ class RouteAnimationController {
         }
       });
     }
+    this.handlers.onFloorChange(floorId);
   }
   setParentPlace(place) {
     this.parentPlace = place;
@@ -12533,26 +12826,27 @@ class RouteAnimationController {
   startRouteAnimation(route) {
     if (!this.connected || !this.lzMap || this.isAnimatingRoute) return;
     this.isAnimatingRoute = true;
+    this.stepAnimationDate = /* @__PURE__ */ new Date();
     const animationConfig = {
       minimumSpeed: 20,
       callBack: (status) => {
+        this.stepAnimationDate = /* @__PURE__ */ new Date();
         if (status.isFinished) {
           this.stopAnimatedRoute();
           this.handlers.onRouteAnimationFinished();
+          return;
         }
-        const step = status.step;
-        if (!step || !this.parentPlace || !this._currentMapFloor) return;
-        const endFloor = step.endInsideFloor;
-        if (this._currentMapFloor != endFloor && endFloor) {
-          const lastFloor = this.parentPlace.innerFloors.find((floor) => floor.key === this._currentMapFloor);
-          const currentFloor = this.parentPlace.innerFloors.find((floor) => floor.key === endFloor);
-          this.setCurrentFloor(endFloor);
-          this.handlers.onFloorChange(endFloor);
+        const startFloor = status.step?.startInsideFloor;
+        const endFloor = status.step?.endInsideFloor;
+        const newFloor = this.parentPlace?.innerFloors.find((floor) => floor.key === endFloor);
+        if (this.isAnimatingRoute && startFloor && endFloor && startFloor !== endFloor) {
+          const currentFloor = this.parentPlace?.innerFloors.find((floor) => floor.key === startFloor);
           this.lzMap?.pauseAnimateRoute();
-          const currrentDate = /* @__PURE__ */ new Date();
-          const timeDiff = currrentDate.getTime() - this.stepAnimationDate.getTime();
-          const isGoingUp = !!lastFloor && !!currentFloor && lastFloor.level < currentFloor.level;
-          const isElevator = step.elevatorStep;
+          const currentDate = /* @__PURE__ */ new Date();
+          const timeDiff = currentDate.getTime() - this.stepAnimationDate.getTime();
+          this.stepAnimationDate = currentDate;
+          const isGoingUp = !!currentFloor && !!newFloor && currentFloor.level < newFloor.level;
+          const isElevator = status.step?.elevatorStep ?? false;
           let iconPath;
           if (isGoingUp) {
             iconPath = isElevator ? elevatorUpIcon : stairsUpIcon;
@@ -12561,7 +12855,7 @@ class RouteAnimationController {
           }
           const modal = {
             iconPath,
-            title: this.createChangeFloorMessage(isGoingUp, isElevator, currentFloor?.name ?? "")
+            title: this.createChangeFloorMessage(isGoingUp, isElevator, newFloor?.name ?? "")
           };
           if (timeDiff > this.minUpdateTimeInterval) {
             this.showMapModal(modal);
@@ -12591,15 +12885,20 @@ class RouteAnimationController {
     if (firstFloor) {
       this.setCurrentFloor(firstFloor);
     }
-    this.lzMap.startAnimateRoute(route, drawingConfig, animationConfig);
+    this.lzMap.startAnimateRouteV2(route, drawingConfig, animationConfig);
     this.route = route;
     this.handlers.onStartRouteAnimation();
   }
   removeRoute() {
     if (!this.lzMap) return;
+    this.lzMap.pauseAnimateRoute();
     this.lzMap.removeRoute();
     this.route = void 0;
+    if (this.animatedRoute) {
+      clearTimeout(this.animatedRoute);
+    }
     this.animatedRoute = void 0;
+    this.isAnimatingRoute = false;
   }
   isAnimating() {
     return this.isAnimatingRoute;
@@ -12607,9 +12906,9 @@ class RouteAnimationController {
   stopAnimatedRoute() {
     if (this.isAnimatingRoute) {
       clearTimeout(this.animatedRoute);
+      this.dismissChangeFloorAlert();
       this.animatedRoute = void 0;
       this.isAnimatingRoute = false;
-      this.dismissChangeFloorAlert();
     }
   }
   getCurrentRoute() {
@@ -12625,10 +12924,14 @@ class RouteAnimationController {
   }
   showMapModal(modal) {
     this.handlers.onShowMapModal(modal);
-    this.animatedRoute = setTimeout(() => {
-      this.lzMap?.resumeAnimateRoute();
-      this.dismissChangeFloorAlert();
-    }, this.minUpdateTimeInterval);
+    this.host.requestUpdate();
+    return new Promise((resolve) => {
+      this.animatedRoute = setTimeout(() => {
+        this.lzMap?.resumeAnimateRoute();
+        this.dismissChangeFloorAlert();
+        resolve();
+      }, this.minUpdateTimeInterval);
+    });
   }
   createChangeFloorMessage(isGoingUp, isElevator, floorName) {
     let isGoingUpStr;
@@ -12647,4 +12950,4 @@ class RouteAnimationController {
 }
 
 export { MarkerController as M, RouteAnimationController as R, SDKController as S };
-//# sourceMappingURL=utils-C2SiQIHC.js.map
+//# sourceMappingURL=utils-4sQ3ZnpP.js.map

package/dist/es/index.js

@@ -1,3 +1,3 @@
-export { b as RouteViewTotems } from './assets/route-view-totems-C8X6pCW7.js';
-export { M as MapViewWithModal } from './assets/map-view-with-modal-B5Mk49H1.js';
+export { c as RouteViewTotems } from './assets/route-view-totems-Cu8sG0kp.js';
+export { M as MapViewWithModal } from './assets/map-view-with-modal-CwE9e04X.js';
 //# sourceMappingURL=index.js.map

package/dist/es/route-view-totems.js

@@ -1,3 +1,3 @@
-export { b as RouteViewTotems } from './assets/route-view-totems-C8X6pCW7.js';
-import './assets/utils-C2SiQIHC.js';
+export { c as RouteViewTotems } from './assets/route-view-totems-Cu8sG0kp.js';
+import './assets/utils-4sQ3ZnpP.js';
 //# sourceMappingURL=route-view-totems.js.map