@mapvx/web-components 0.0.27 → 0.0.29

package/dist/es/assets/{components-BT9NDTry.js → components-DW6Fj5ug.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-CdM6PRGO.js';
-import { R as RouteAnimationController, M as MarkerController } from './utils-DM-AJZn2.js';
+import { a as i$2, x, r, i as i$3, n as n$1, t as t$1, T } from './route-view-totems-CRCPdxwQ.js';
+import { R as RouteAnimationController, M as MarkerController } from './utils-D7tfdubm.js';
 
 /**
  * @license
@@ -46,6 +46,9 @@ const style$3 = ":host{display:block;height:100%;width:100%}#map,.maplibregl-can
 
 var __defProp$3 = Object.defineProperty;
 var __getOwnPropDesc$3 = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __decorateClass$4 = (decorators, target, key, kind) => {
   var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc$3(target, key) : target;
   for (var i = decorators.length - 1, decorator; i >= 0; i--)
@@ -54,9 +57,15 @@ var __decorateClass$4 = (decorators, target, key, kind) => {
   if (kind && result) __defProp$3(target, key, result);
   return result;
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
+var _useConfigZoom;
 let CustomMap = class extends i$2 {
   constructor() {
     super();
+    __privateAdd(this, _useConfigZoom, false);
     this.mapReady = false;
     this.routeAnimationHandlers = {
       onRouteAnimationFinished: () => {
@@ -97,6 +106,12 @@ let CustomMap = class extends i$2 {
     this.routeAnimationController = new RouteAnimationController(this, this.routeAnimationHandlers);
     this.markerController = new MarkerController(this);
   }
+  get useConfigZoom() {
+    return __privateGet(this, _useConfigZoom);
+  }
+  set useConfigZoom(_) {
+    __privateSet(this, _useConfigZoom, _);
+  }
   async firstUpdated() {
     if (this.shadowRoot) {
       const style2 = document.createElement("style");
@@ -106,6 +121,7 @@ let CustomMap = class extends i$2 {
   }
   async updated() {
     this.updateAttributes();
+    this.markerController.setUseConfigZoom(this.useConfigZoom);
     if (!this.sdkData?.sdk) return;
     const {
       sdk,
@@ -159,6 +175,7 @@ let CustomMap = class extends i$2 {
       this.markerController.setMap(this.lzMap);
       this.markerController.setParentPlace(parentPlace);
       this.markerController.setConfig(generalConfig);
+      this.markerController.setUseConfigZoom(this.useConfigZoom);
     }
     if (currentFloor && currentFloor.key !== this._currentMapFloor && this.mapReady) {
       this.setCurrentMapFloor(currentFloor.key);
@@ -198,6 +215,7 @@ let CustomMap = class extends i$2 {
   _initializeCamera() {
     if (!this.lzMap || !this.mapReady || !this.sdkData) return;
     const { destination, origin, route } = this.sdkData;
+    const desiredZoom = this.useConfigZoom ? this.config?.initialZoom ?? 18 : 20.5;
     if (!route) {
       const center = destination ? destination.position : origin?.position;
       this.lzMap?.updateCamera({
@@ -205,7 +223,8 @@ let CustomMap = class extends i$2 {
         animate: false,
         pitch: this.config?.pitch ?? 0,
         center,
-        zoom: this.config?.initialZoom ?? 18
+        zoom: desiredZoom
+        //        zoom: this.config?.initialZoom ?? 18,
       });
     } else {
       const originFloor = origin?.inFloors?.[0];
@@ -229,7 +248,8 @@ let CustomMap = class extends i$2 {
             animate: false,
             pitch: this.config?.pitch ?? 0,
             center,
-            zoom: this.config?.initialZoom ?? 18
+            zoom: desiredZoom
+            //        zoom: this.config?.initialZoom ?? 18,
           });
         }
       } else {
@@ -239,7 +259,8 @@ let CustomMap = class extends i$2 {
           animate: false,
           pitch: this.config?.pitch ?? 0,
           center,
-          zoom: this.config?.initialZoom ?? 18
+          zoom: desiredZoom
+          //        zoom: this.config?.initialZoom ?? 18,
         });
       }
     }
@@ -291,6 +312,7 @@ let CustomMap = class extends i$2 {
       </div>`;
   }
 };
+_useConfigZoom = new WeakMap();
 CustomMap.styles = [
   i$3`
       :host {
@@ -388,6 +410,9 @@ CustomMap.styles = [
 __decorateClass$4([
   c({ context: sdkContext, subscribe: true })
 ], CustomMap.prototype, "sdkData", 2);
+__decorateClass$4([
+  n$1({ type: Boolean, attribute: "use-config-zoom", reflect: true })
+], CustomMap.prototype, "useConfigZoom", 1);
 CustomMap = __decorateClass$4([
   t$1("custom-map")
 ], CustomMap);
@@ -3826,4 +3851,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-BT9NDTry.js.map
+//# sourceMappingURL=components-DW6Fj5ug.js.map

package/dist/es/assets/{map-view-with-modal-DiR8q30Q.js → map-view-with-modal-C76m0zr6.js}

@@ -1,5 +1,5 @@
-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-CdM6PRGO.js';
-import { S as SDKController } from './utils-DM-AJZn2.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-CRCPdxwQ.js';
+import { S as SDKController } from './utils-D7tfdubm.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -203,6 +203,7 @@ let MapViewWithModal = class extends i$1 {
           class="map-container"
           ?compact-mode=${this.compactMode}
           zoom-size=${this.zoomButtonSize}
+          use-config-zoom
           style="
             /* Forward theme to custom-map */
             --zoom-border-color: var(--mvx-zoom-border-color, var(--mvx-border-color));
@@ -321,4 +322,4 @@ MapViewWithModal = __decorateClass([
 ], MapViewWithModal);
 
 export { MapViewWithModal as M };
-//# sourceMappingURL=map-view-with-modal-DiR8q30Q.js.map
+//# sourceMappingURL=map-view-with-modal-C76m0zr6.js.map

package/dist/es/assets/{route-view-totems-CdM6PRGO.js → route-view-totems-CRCPdxwQ.js}

@@ -1,4 +1,4 @@
-import { S as SDKController } from './utils-DM-AJZn2.js';
+import { S as SDKController } from './utils-D7tfdubm.js';
 
 /**
  * @license
@@ -184,11 +184,11 @@ class AnalyticsController {
   }
 }
 
-const loadCustomMap = () => import('./components-BT9NDTry.js').then(n => n.c);
-const loadFloorSelector = () => import('./components-BT9NDTry.js').then(n => n.f);
-const loadCompactFloorSelector = () => import('./compact-floor-selector-oq3Ovsm1.js');
-const loadQrModal = () => import('./components-BT9NDTry.js').then(n => n.q);
-const loadRouteOptions = () => import('./components-BT9NDTry.js').then(n => n.r);
+const loadCustomMap = () => import('./components-DW6Fj5ug.js').then(n => n.c);
+const loadFloorSelector = () => import('./components-DW6Fj5ug.js').then(n => n.f);
+const loadCompactFloorSelector = () => import('./compact-floor-selector-DbMwoA34.js');
+const loadQrModal = () => import('./components-DW6Fj5ug.js').then(n => n.q);
+const loadRouteOptions = () => import('./components-DW6Fj5ug.js').then(n => n.r);
 const preloadMaplibreCss = async () => {
   try {
     await import('./maplibre-gl-BKzNcqp_.js');
@@ -466,4 +466,4 @@ RouteViewTotems = __decorateClass([
 ], 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, preloadMaplibreCss as p, r$3 as r, t, x };
-//# sourceMappingURL=route-view-totems-CdM6PRGO.js.map
+//# sourceMappingURL=route-view-totems-CRCPdxwQ.js.map

package/dist/es/assets/{utils-DM-AJZn2.js → utils-D7tfdubm.js}

@@ -1,5 +1,5 @@
-import { i, s as sdkContext } from './components-BT9NDTry.js';
-import { R as RollbarController } from './route-view-totems-CdM6PRGO.js';
+import { i, s as sdkContext } from './components-DW6Fj5ug.js';
+import { R as RollbarController } from './route-view-totems-CRCPdxwQ.js';
 
 var dist = {exports: {}};
 
@@ -12694,6 +12694,7 @@ class MarkerController {
     this.markersIds = [];
     this.mapReady = false;
     this.accessibleRoute = false;
+    this.useConfigZoom = false;
     this.host.addController(this);
   }
   hostConnected() {
@@ -12717,6 +12718,9 @@ class MarkerController {
   setConfig(config) {
     this.config = config;
   }
+  setUseConfigZoom(useConfig) {
+    this.useConfigZoom = useConfig;
+  }
   updateMarkers(markers) {
     if (!this.connected || !this.map || !this.mapReady || !this.parentPlace) return;
     this.markersIds.forEach((m) => {
@@ -12829,7 +12833,8 @@ class MarkerController {
           center: coordinates[0],
           bearing: this.config?.mapRotations?.[this.parentPlace?.lazarilloId ?? ""]?.angle ?? 0,
           pitch: this.config?.pitch ?? 0,
-          zoom: this.config?.initialZoom ?? 18,
+          zoom: this.useConfigZoom ? this.config?.initialZoom ?? 18 : 20.5,
+          //        zoom: this.config?.initialZoom ?? 18,
           animate: true
         });
       }, 200);
@@ -12846,8 +12851,8 @@ class MarkerController {
         this.map?.updateCamera({
           bearing: this.config?.mapRotations?.[this.parentPlace?.lazarilloId ?? ""]?.angle ?? 0,
           pitch: this.config?.pitch ?? 0,
-          // @ts-expect-error TODO: need sdk to get zoom
-          zoom: Math.min(this.config?.initialZoom ?? 18, this.map?.map.getZoom() ?? 18),
+          zoom: this.useConfigZoom ? this.config?.initialZoom ?? 18 : 20.5,
+          //        zoom: Math.min(this.config?.initialZoom ?? 18, this.map?.map.getZoom() ?? 18),
           animate: true
         });
       }, 200);
@@ -12894,30 +12899,10 @@ class RouteAnimationController {
     if (coordinates.length > 0) {
       this.lzMap?.fitCoordinates(coordinates, {
         padding: {
-          bottom: 250,
-          left: 250,
-          right: 250,
-          top: 250
-        }
-      });
-      const routeSteps = [
-        {
-          floorId: this.route?.legs?.at(0)?.steps?.at(0)?.startInsideFloor,
-          coordinates: this.route?.legs?.at(0)?.steps?.at(0)?.startLocation
-        },
-        {
-          floorId: this.route?.legs?.at(-1)?.steps?.at(-1)?.endInsideFloor,
-          coordinates: this.route?.legs?.at(-1)?.steps?.at(-1)?.endLocation
-        }
-      ];
-      routeSteps.forEach((step) => {
-        if (floorId === step.floorId && step.coordinates) {
-          this.lzMap?.updateCamera({
-            animate: false,
-            center: step.coordinates,
-            // @ts-expect-error TODO: need sdk to get zoom
-            zoom: Math.min(this.lzMap?.map.getZoom() ?? 18, this.config?.initialZoom ?? 18)
-          });
+          bottom: 200,
+          left: 350,
+          right: 350,
+          top: 200
         }
       });
     }
@@ -13058,4 +13043,4 @@ class RouteAnimationController {
 }
 
 export { MarkerController as M, RouteAnimationController as R, SDKController as S };
-//# sourceMappingURL=utils-DM-AJZn2.js.map
+//# sourceMappingURL=utils-D7tfdubm.js.map

package/dist/es/index.js

@@ -1,3 +1,3 @@
-export { c as RouteViewTotems } from './assets/route-view-totems-CdM6PRGO.js';
-export { M as MapViewWithModal } from './assets/map-view-with-modal-DiR8q30Q.js';
+export { c as RouteViewTotems } from './assets/route-view-totems-CRCPdxwQ.js';
+export { M as MapViewWithModal } from './assets/map-view-with-modal-C76m0zr6.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-CdM6PRGO.js';
-import './assets/utils-DM-AJZn2.js';
+export { c as RouteViewTotems } from './assets/route-view-totems-CRCPdxwQ.js';
+import './assets/utils-D7tfdubm.js';
 //# sourceMappingURL=route-view-totems.js.map