@mapvx/web-components 0.0.26 → 0.0.28

package/dist/es/assets/{components-B6oTyj0x.js → components-Hs2pRrmU.js}

@@ -1,5 +1,5 @@
-import { a as i$2, x, r, i as i$3, t as t$1, T } from './route-view-totems-BWtwjegR.js';
-import { R as RouteAnimationController, M as MarkerController } from './utils-EeRdvb4i.js';
+import { a as i$2, x, r, i as i$3, t as t$1, T } from './route-view-totems-DdSI5H8D.js';
+import { R as RouteAnimationController, M as MarkerController } from './utils-Fh1PwBJP.js';
 
 /**
  * @license
@@ -121,11 +121,12 @@ let CustomMap = class extends i$2 {
     if (!this.lzMap && sdk && parentPlace && locale && this.shadowRoot && generalConfig) {
       this.routeAnimationController.setParentPlace(parentPlace);
       this.routeAnimationController.setLocale(locale);
+      this.routeAnimationController.setConfig(generalConfig);
       this.mapContainer = this.shadowRoot.getElementById("map");
       this.shadowRoot?.appendChild(this.mapContainer);
       this.config = generalConfig;
       const mapConfig = {
-        zoom: generalConfig.initialZoom || 17,
+        zoom: generalConfig.initialZoom || 18,
         parentPlaceId: parentPlace?.lazarilloId,
         center: generalConfig.initialCenter || { lat: 0, lng: 0 },
         minZoom: generalConfig.limitZoomOut || 15,
@@ -157,6 +158,7 @@ let CustomMap = class extends i$2 {
       this.routeAnimationController.setMap(this.lzMap);
       this.markerController.setMap(this.lzMap);
       this.markerController.setParentPlace(parentPlace);
+      this.markerController.setConfig(generalConfig);
     }
     if (currentFloor && currentFloor.key !== this._currentMapFloor && this.mapReady) {
       this.setCurrentMapFloor(currentFloor.key);
@@ -195,15 +197,55 @@ let CustomMap = class extends i$2 {
   }
   _initializeCamera() {
     if (!this.lzMap || !this.mapReady || !this.sdkData) return;
-    const { destination, origin } = this.sdkData;
-    const center = destination ? destination.position : origin?.position;
-    this.lzMap?.updateCamera({
-      bearing: this.config?.mapRotations?.[origin?.lazarilloId ?? ""]?.angle ?? 0,
-      animate: false,
-      pitch: this.config?.pitch ?? 0,
-      center,
-      zoom: this.config?.initialZoom ?? 17
-    });
+    const { destination, origin, route } = this.sdkData;
+    if (!route) {
+      const center = destination ? destination.position : origin?.position;
+      this.lzMap?.updateCamera({
+        bearing: this.config?.mapRotations?.[origin?.lazarilloId ?? ""]?.angle ?? 0,
+        animate: false,
+        pitch: this.config?.pitch ?? 0,
+        center,
+        zoom: 20.5
+        //        zoom: this.config?.initialZoom ?? 18,
+      });
+    } else {
+      const originFloor = origin?.inFloors?.[0];
+      if (originFloor && route.legs) {
+        const routeCoordinates = route.legs.flatMap((leg) => leg.steps).filter((step) => step.startInsideFloor === originFloor || step.endInsideFloor === originFloor).flatMap((step) => step.coordinates);
+        if (routeCoordinates.length > 0) {
+          setTimeout(() => {
+            this.lzMap?.fitCoordinates(routeCoordinates, {
+              padding: {
+                top: 200,
+                bottom: 200,
+                left: 200,
+                right: 200
+              }
+            });
+          }, 200);
+        } else {
+          const center = destination ? destination.position : origin?.position;
+          this.lzMap?.updateCamera({
+            bearing: this.config?.mapRotations?.[origin?.lazarilloId ?? ""]?.angle ?? 0,
+            animate: false,
+            pitch: this.config?.pitch ?? 0,
+            center,
+            zoom: 20.5
+            //        zoom: this.config?.initialZoom ?? 18,
+          });
+        }
+      } else {
+        const center = destination ? destination.position : origin?.position;
+        this.lzMap?.updateCamera({
+          bearing: this.config?.mapRotations?.[origin?.lazarilloId ?? ""]?.angle ?? 0,
+          animate: false,
+          pitch: this.config?.pitch ?? 0,
+          center,
+          zoom: 20.5
+          //        zoom: this.config?.initialZoom ?? 18,
+        });
+      }
+    }
     const floor = destination?.inFloors?.[0];
     if (floor) {
       this.lzMap?.updateFloor(floor);
@@ -3787,4 +3829,4 @@ const routeOptions = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProper
 }, Symbol.toStringTag, { value: 'Module' }));
 
 export { BaseFloorSelector as B, customMap as c, e, floorSelector as f, i$1 as i, qrModal as q, routeOptions as r, sdkContext as s };
-//# sourceMappingURL=components-B6oTyj0x.js.map
+//# sourceMappingURL=components-Hs2pRrmU.js.map

package/dist/es/assets/{map-view-with-modal-DfkRlpPp.js → map-view-with-modal-dYGc6zQN.js}

@@ -1,5 +1,5 @@
-import { i, n, a as i$1, A as AnalyticsController, l as loadCustomMap, b as loadCompactFloorSelector, R as RollbarController, x, t } from './route-view-totems-BWtwjegR.js';
-import { S as SDKController } from './utils-EeRdvb4i.js';
+import { i, n, a as i$1, A as AnalyticsController, l as loadCustomMap, b as loadCompactFloorSelector, p as preloadMaplibreCss, R as RollbarController, x, t } from './route-view-totems-DdSI5H8D.js';
+import { S as SDKController } from './utils-Fh1PwBJP.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -31,6 +31,8 @@ let MapViewWithModal = class extends i$1 {
     __privateAdd(this, _showFloorSelector, true);
     __privateAdd(this, _floorSelectorPosition, "top-left");
     __privateAdd(this, _floorSelectorDisabled, false);
+    this._swPath = "/mvx-tiles-sw.js";
+    this._swScope = "/";
     this.sdkController = new SDKController(this);
     this.analyticsController = AnalyticsController.getInstance();
     this.currentFloorId = "";
@@ -92,8 +94,44 @@ let MapViewWithModal = class extends i$1 {
   async _loadComponents() {
     await Promise.all([loadCustomMap(), loadCompactFloorSelector()]);
   }
+  _preloadApiRequests() {
+    const token = this.apiKey || this.getAttribute("apiKey") || "";
+    const parent = this.parentPlaceId || this.getAttribute("parentPlaceId") || "";
+    const lang = this.locale || this.getAttribute("locale") || "es";
+    if (!token || !parent) return;
+    const addPreload = (url) => {
+      const key = `mvx-preload:${url}`;
+      if (document.head.querySelector(`link[data-mvx-preload="${key}"]`)) return;
+      const link = document.createElement("link");
+      link.rel = "preload";
+      link.as = "fetch";
+      link.href = url;
+      link.crossOrigin = "anonymous";
+      link.setAttribute("fetchpriority", "high");
+      link.setAttribute("data-mvx-preload", key);
+      document.head.appendChild(link);
+    };
+    const baseSDK = "https://api.mapvx.com/sdk/";
+    const baseAPI = "https://api.mapvx.com/api/";
+    const enc = encodeURIComponent;
+    addPreload(`${baseSDK}v3/place?token=${enc(token)}&place_id=${enc(parent)}&lang=${enc(lang)}`);
+    addPreload(`${baseAPI}configuration?token=${enc(token)}&lang=${enc(lang)}&place_id=${enc(parent)}`);
+    if (this.placeId) {
+      addPreload(`${baseSDK}v3/place?token=${enc(token)}&place_id=${enc(this.placeId)}&lang=${enc(lang)}`);
+    }
+  }
+  async _registerTileCacheSW() {
+    if (!("serviceWorker" in navigator)) return;
+    try {
+      await navigator.serviceWorker.register(this._swPath, { scope: this._swScope });
+    } catch {
+    }
+  }
   async firstUpdated() {
-    await this._loadComponents();
+    void this._registerTileCacheSW();
+    const componentsPromise = this._loadComponents();
+    const cssPromise = preloadMaplibreCss();
+    await Promise.all([componentsPromise, cssPromise]);
     {
       this.analyticsController.initialize("map-view-with-modal");
       RollbarController.initialize("map-view-with-modal");
@@ -148,6 +186,10 @@ let MapViewWithModal = class extends i$1 {
   }
   updated(changedProperties) {
     if (this.apiKey && this.locale && this.parentPlaceId && (changedProperties.has("apiKey") || changedProperties.has("locale") || changedProperties.has("parentPlaceId"))) {
+      this._preloadApiRequests();
+      this.sdkController.prewarm(this.apiKey, this.locale, this.parentPlaceId, {
+        destinationId: this.placeId
+      });
       this.sdkController.initialize(this.apiKey, this.locale, this.parentPlaceId);
     }
     if (this.placeId && changedProperties.has("placeId")) {
@@ -279,4 +321,4 @@ MapViewWithModal = __decorateClass([
 ], MapViewWithModal);
 
 export { MapViewWithModal as M };
-//# sourceMappingURL=map-view-with-modal-DfkRlpPp.js.map
+//# sourceMappingURL=map-view-with-modal-dYGc6zQN.js.map

package/dist/es/assets/{route-view-totems-BWtwjegR.js → route-view-totems-DdSI5H8D.js}

@@ -1,4 +1,4 @@
-import { S as SDKController } from './utils-EeRdvb4i.js';
+import { S as SDKController } from './utils-Fh1PwBJP.js';
 
 /**
  * @license
@@ -184,11 +184,17 @@ class AnalyticsController {
   }
 }
 
-const loadCustomMap = () => import('./components-B6oTyj0x.js').then(n => n.c);
-const loadFloorSelector = () => import('./components-B6oTyj0x.js').then(n => n.f);
-const loadCompactFloorSelector = () => import('./compact-floor-selector-D-822e0L.js');
-const loadQrModal = () => import('./components-B6oTyj0x.js').then(n => n.q);
-const loadRouteOptions = () => import('./components-B6oTyj0x.js').then(n => n.r);
+const loadCustomMap = () => import('./components-Hs2pRrmU.js').then(n => n.c);
+const loadFloorSelector = () => import('./components-Hs2pRrmU.js').then(n => n.f);
+const loadCompactFloorSelector = () => import('./compact-floor-selector-COkSgy5C.js');
+const loadQrModal = () => import('./components-Hs2pRrmU.js').then(n => n.q);
+const loadRouteOptions = () => import('./components-Hs2pRrmU.js').then(n => n.r);
+const preloadMaplibreCss = async () => {
+  try {
+    await import('./maplibre-gl-BKzNcqp_.js');
+  } catch {
+  }
+};
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -241,6 +247,8 @@ let RouteViewTotems = class extends i {
     __privateAdd(this, _locale, "es");
     __privateAdd(this, _originId, "");
     __privateAdd(this, _destinationId, "");
+    this._swPath = "/mvx-tiles-sw.js";
+    this._swScope = "/";
     this.sdkController = new SDKController(this);
     this.analyticsController = AnalyticsController.getInstance();
   }
@@ -277,8 +285,43 @@ let RouteViewTotems = class extends i {
   async _loadComponents() {
     await Promise.all([loadCustomMap(), loadFloorSelector(), loadQrModal(), loadRouteOptions()]);
   }
+  _preloadApiRequests() {
+    const token = this.apiKey || this.getAttribute("apiKey") || "";
+    const parent = this.parentPlaceId || this.getAttribute("parentPlaceId") || "";
+    const lang = this.locale || this.getAttribute("locale") || "es";
+    if (!token || !parent) return;
+    const addPreload = (url) => {
+      const key = `mvx-preload:${url}`;
+      if (document.head.querySelector(`link[data-mvx-preload="${key}"]`)) return;
+      const link = document.createElement("link");
+      link.rel = "preload";
+      link.as = "fetch";
+      link.href = url;
+      link.crossOrigin = "anonymous";
+      link.setAttribute("fetchpriority", "high");
+      link.setAttribute("data-mvx-preload", key);
+      document.head.appendChild(link);
+    };
+    const baseSDK = "https://api.mapvx.com/sdk/";
+    const baseAPI = "https://api.mapvx.com/api/";
+    const enc = encodeURIComponent;
+    addPreload(`${baseSDK}v3/place?token=${enc(token)}&place_id=${enc(parent)}&lang=${enc(lang)}`);
+    addPreload(`${baseAPI}configuration?token=${enc(token)}&lang=${enc(lang)}&place_id=${enc(parent)}`);
+    if (this.originId) {
+      addPreload(`${baseSDK}v3/place?token=${enc(token)}&place_id=${enc(this.originId)}&lang=${enc(lang)}`);
+    }
+    if (this.destinationId) {
+      addPreload(`${baseSDK}v3/place?token=${enc(token)}&place_id=${enc(this.destinationId)}&lang=${enc(lang)}`);
+    }
+  }
   async firstUpdated() {
-    await this._loadComponents();
+    if ("serviceWorker" in navigator) {
+      navigator.serviceWorker.register(this._swPath, { scope: this._swScope }).catch(() => {
+      });
+    }
+    const componentsPromise = this._loadComponents();
+    const cssPromise = preloadMaplibreCss();
+    await Promise.all([componentsPromise, cssPromise]);
     {
       this.analyticsController.initialize("route-view-totems");
       RollbarController.initialize("route-view-totems");
@@ -318,6 +361,11 @@ let RouteViewTotems = class extends i {
   }
   updated(changedProperties) {
     if (this.apiKey && this.locale && this.parentPlaceId && (changedProperties.has("apiKey") || changedProperties.has("locale") || changedProperties.has("parentPlaceId"))) {
+      this._preloadApiRequests();
+      this.sdkController.prewarm(this.apiKey, this.locale, this.parentPlaceId, {
+        originId: this.originId,
+        destinationId: this.destinationId
+      });
       this.sdkController.initialize(this.apiKey, this.locale, this.parentPlaceId);
     }
     if (this.originId && changedProperties.has("destinationId")) {
@@ -417,5 +465,5 @@ RouteViewTotems = __decorateClass([
   t("route-view-totems")
 ], RouteViewTotems);
 
-export { AnalyticsController as A, RollbarController as R, T, i as a, loadCompactFloorSelector as b, RouteViewTotems as c, i$3 as i, loadCustomMap as l, n, r$3 as r, t, x };
-//# sourceMappingURL=route-view-totems-BWtwjegR.js.map
+export { AnalyticsController as A, RollbarController as R, T, i as a, loadCompactFloorSelector as b, RouteViewTotems as c, i$3 as i, loadCustomMap as l, n, preloadMaplibreCss as p, r$3 as r, t, x };
+//# sourceMappingURL=route-view-totems-DdSI5H8D.js.map

package/dist/es/assets/{utils-EeRdvb4i.js → utils-Fh1PwBJP.js}

@@ -1,5 +1,5 @@
-import { i, s as sdkContext } from './components-B6oTyj0x.js';
-import { R as RollbarController } from './route-view-totems-BWtwjegR.js';
+import { i, s as sdkContext } from './components-Hs2pRrmU.js';
+import { R as RollbarController } from './route-view-totems-DdSI5H8D.js';
 
 var dist = {exports: {}};
 
@@ -12356,8 +12356,75 @@ class SDKController {
       initialValue: { enabledFloors: [], markers: [], cameraInitialized: false }
     });
   }
+  /**
+   * Prewarm SDK and fetch critical data in parallel to reduce first render time.
+   * If origin/destination are provided, their details will also be prefetched and markers/floor set accordingly.
+   */
+  async prewarm(apiKey, locale, parentPlaceId, options) {
+    if (!this.connected) return;
+    const sdk = distExports.initializeSDK(apiKey, { lang: locale });
+    this.contextProvider.setValue({
+      ...this.contextProvider.value,
+      sdk,
+      locale,
+      parentPlaceId,
+      originId: options?.originId ?? this.contextProvider.value.originId,
+      destinationId: options?.destinationId ?? this.contextProvider.value.destinationId
+    });
+    try {
+      const [config, parentPlace, origin, destination] = await Promise.all([
+        sdk.getConfiguration(parentPlaceId).catch(() => void 0),
+        sdk.getPlaceDetail(parentPlaceId).catch(() => void 0),
+        options?.originId ? sdk.getPlaceDetail(options.originId).catch(() => void 0) : Promise.resolve(void 0),
+        options?.destinationId ? sdk.getPlaceDetail(options.destinationId).catch(() => void 0) : Promise.resolve(void 0)
+      ]);
+      const parentFloors = parentPlace?.innerFloors || [];
+      let enabledFloors = parentFloors;
+      let currentFloor = void 0;
+      if (origin || destination) {
+        const floors = [origin, destination].map((place) => place?.inFloor(parentFloors)).filter((floor) => floor !== void 0);
+        if (floors.length > 0) {
+          enabledFloors = floors;
+        }
+        currentFloor = destination?.inFloors?.[0] ? parentFloors.find((f) => f.key === destination.inFloors[0]) : origin?.inFloors?.[0] ? parentFloors.find((f) => f.key === origin.inFloors[0]) : void 0;
+      }
+      this.enabledFloors = enabledFloors;
+      this.contextProvider.setValue({
+        ...this.contextProvider.value,
+        generalConfig: config ?? this.contextProvider.value.generalConfig,
+        parentPlace: parentPlace ?? this.contextProvider.value.parentPlace,
+        origin: origin ?? this.contextProvider.value.origin,
+        destination: destination ?? this.contextProvider.value.destination,
+        enabledFloors,
+        currentFloor: currentFloor ?? this.contextProvider.value.currentFloor,
+        // Pre-create markers if we have origin/destination
+        markers: [
+          ...origin ? [
+            {
+              id: origin.lazarilloId,
+              data: origin,
+              style: MarkerStyle.youAreHere
+            }
+          ] : [],
+          ...destination ? [
+            {
+              id: destination.lazarilloId,
+              data: destination,
+              style: MarkerStyle.placePopup
+            }
+          ] : []
+        ]
+      });
+    } catch (error) {
+      RollbarController.getInstance().warning("Error prewarming SDK", { error, parentPlaceId });
+    }
+  }
   initialize(apiKey, locale, parentPlaceId) {
     if (!this.connected) return;
+    const current = this.contextProvider.value;
+    if (current.sdk && current.locale === locale && current.parentPlaceId === parentPlaceId) {
+      return;
+    }
     this.initializeSDK(apiKey, locale, parentPlaceId);
     const { originId, destinationId } = this.contextProvider.value;
     if (originId && destinationId) {
@@ -12390,9 +12457,9 @@ class SDKController {
         destination
       });
       this.createOriginDestinationMarkers(origin, destination);
-      const currentFloor = destination ? destination.inFloors?.[0] : origin ? origin.inFloors?.[0] : void 0;
-      if (currentFloor) {
-        this.setFloor(currentFloor);
+      const currentFloorId = destination?.inFloors?.[0] || origin?.inFloors?.[0];
+      if (currentFloorId) {
+        this.setFloor(currentFloorId);
       }
       const parentFloors = this.contextProvider.value.parentPlace?.innerFloors || [];
       const enabledFloors = [origin, destination].filter((p) => !!p).map((place) => place.inFloor(parentFloors)).filter((floor) => floor !== void 0);
@@ -12463,14 +12530,12 @@ class SDKController {
       parentPlaceId
     });
     try {
-      await this.loadConfig(parentPlaceId);
-    } catch (error) {
-      RollbarController.getInstance().warning("Error loading config", { error, parentPlaceId });
-    }
-    try {
-      const parentPlace = await sdk.getPlaceDetail(parentPlaceId);
+      const [config, parentPlace] = await Promise.all([
+        sdk.getConfiguration(parentPlaceId).catch(() => void 0),
+        sdk.getPlaceDetail(parentPlaceId).catch(() => void 0)
+      ]);
       const { origin, destination } = this.contextProvider.value;
-      let enabledFloors = parentPlace.innerFloors || [];
+      let enabledFloors = parentPlace?.innerFloors || [];
       const currentFloor = origin?.inFloor(enabledFloors) || destination?.inFloor(enabledFloors);
       if (origin || destination) {
         enabledFloors = [origin, destination].map((place) => place?.inFloor(enabledFloors)).filter((floor) => floor !== void 0);
@@ -12478,7 +12543,8 @@ class SDKController {
       }
       this.contextProvider.setValue({
         ...this.contextProvider.value,
-        parentPlace,
+        generalConfig: config ?? this.contextProvider.value.generalConfig,
+        parentPlace: parentPlace ?? this.contextProvider.value.parentPlace,
         enabledFloors,
         currentFloor
       });
@@ -12648,9 +12714,11 @@ class MarkerController {
   setParentPlace(place) {
     this.parentPlace = place;
   }
+  setConfig(config) {
+    this.config = config;
+  }
   updateMarkers(markers) {
     if (!this.connected || !this.map || !this.mapReady || !this.parentPlace) return;
-    const floors = this.parentPlace.innerFloors ?? [];
     this.markersIds.forEach((m) => {
       try {
         this.map?.removeMarker(m.id);
@@ -12667,7 +12735,7 @@ class MarkerController {
         case MarkerStyle.youAreHere: {
           const markerIcon = document.createElement("img");
           const place = data;
-          floorId = place.inFloor(floors)?.key;
+          floorId = place.inFloors?.[0];
           markerIcon.src = this.accessibleRoute ? accessibleMarker : walkingMarker;
           markerElement = markerIcon;
           coordinate = place.position;
@@ -12721,8 +12789,9 @@ class MarkerController {
               content.category = "";
             }
             content.position = data.position;
-            floorId = data.inFloor(floors)?.key;
+            content.floorId = data.inFloors?.[0];
           }
+          floorId = content.floorId;
           markerElement = PopupFactory.create({
             name: content.name,
             category: content.category,
@@ -12754,16 +12823,34 @@ class MarkerController {
     );
     const currentFloor = this.map?.getCurrentFloor();
     const coordinates = this.markersIds.filter((m) => m.floorId === currentFloor).map((m) => m.coordinate);
-    if (coordinates.length > 0) {
+    if (coordinates.length === 1) {
+      setTimeout(() => {
+        this.map?.updateCamera({
+          center: coordinates[0],
+          bearing: this.config?.mapRotations?.[this.parentPlace?.lazarilloId ?? ""]?.angle ?? 0,
+          pitch: this.config?.pitch ?? 0,
+          zoom: 20.5,
+          //        zoom: this.config?.initialZoom ?? 18,
+          animate: true
+        });
+      }, 200);
+    } else if (coordinates.length > 0) {
       setTimeout(() => {
         this.map?.fitCoordinates(coordinates, {
           padding: {
-            top: 350,
-            bottom: 50,
-            left: 50,
-            right: 100
+            top: 200,
+            bottom: 200,
+            left: 200,
+            right: 200
           }
         });
+        this.map?.updateCamera({
+          bearing: this.config?.mapRotations?.[this.parentPlace?.lazarilloId ?? ""]?.angle ?? 0,
+          pitch: this.config?.pitch ?? 0,
+          zoom: 20.5,
+          //        zoom: Math.min(this.config?.initialZoom ?? 18, this.map?.map.getZoom() ?? 18),
+          animate: true
+        });
       }, 200);
     }
   }
@@ -12808,10 +12895,10 @@ class RouteAnimationController {
     if (coordinates.length > 0) {
       this.lzMap?.fitCoordinates(coordinates, {
         padding: {
-          bottom: 150,
-          left: 150,
-          right: 150,
-          top: 150
+          bottom: 200,
+          left: 350,
+          right: 350,
+          top: 200
         }
       });
     }
@@ -12823,14 +12910,17 @@ class RouteAnimationController {
   setLocale(locale) {
     this.locale = locale;
   }
+  setConfig(config) {
+    this.config = config;
+  }
   startRouteAnimation(route) {
     if (!this.connected || !this.lzMap || this.isAnimatingRoute) return;
     this.isAnimatingRoute = true;
     this.stepAnimationDate = /* @__PURE__ */ new Date();
+    this.route = route;
     const animationConfig = {
       minimumSpeed: 20,
       callBack: (status) => {
-        this.stepAnimationDate = /* @__PURE__ */ new Date();
         if (status.isFinished) {
           this.stopAnimatedRoute();
           this.handlers.onRouteAnimationFinished();
@@ -12886,7 +12976,6 @@ class RouteAnimationController {
       this.setCurrentFloor(firstFloor);
     }
     this.lzMap.startAnimateRouteV2(route, drawingConfig, animationConfig);
-    this.route = route;
     this.handlers.onStartRouteAnimation();
   }
   removeRoute() {
@@ -12950,4 +13039,4 @@ class RouteAnimationController {
 }
 
 export { MarkerController as M, RouteAnimationController as R, SDKController as S };
-//# sourceMappingURL=utils-EeRdvb4i.js.map
+//# sourceMappingURL=utils-Fh1PwBJP.js.map

package/dist/es/index.js

@@ -1,3 +1,3 @@
-export { c as RouteViewTotems } from './assets/route-view-totems-BWtwjegR.js';
-export { M as MapViewWithModal } from './assets/map-view-with-modal-DfkRlpPp.js';
+export { c as RouteViewTotems } from './assets/route-view-totems-DdSI5H8D.js';
+export { M as MapViewWithModal } from './assets/map-view-with-modal-dYGc6zQN.js';
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,3 @@
-export { c as RouteViewTotems } from './assets/route-view-totems-BWtwjegR.js';
-import './assets/utils-EeRdvb4i.js';
+export { c as RouteViewTotems } from './assets/route-view-totems-DdSI5H8D.js';
+import './assets/utils-Fh1PwBJP.js';
 //# sourceMappingURL=route-view-totems.js.map