proximiio-js-library 1.12.2 → 1.12.4

package/lib/components/map/main.d.ts

@@ -111,6 +111,8 @@ export interface Options {
         lineColor?: string;
         lineOpacity?: number;
         lineWidth?: number;
+        minzoom?: number;
+        maxzoom?: number;
     };
     useRasterTiles?: boolean;
     rasterTilesOptions?: {
@@ -270,6 +272,7 @@ export declare class Map {
     private animateRoute;
     private updateData;
     private onRestartRouteAnimation;
+    private onStopRouteAnimation;
     private translateLayers;
     getClosestFeature(amenityId: string, fromFeature?: Feature): false | Feature;
     getFloorName(floor: FloorModel): string;
@@ -1065,5 +1068,20 @@ export declare class Map {
      *    map.restartRouteAnimation();
      *  });
      */
-    restartRouteAnimation(delay: number): void;
+    restartRouteAnimation({ delay, recenter }: {
+        delay: number;
+        recenter?: boolean;
+    }): void;
+    /**
+     * Method for stopping route animation
+     *  @memberof Map
+     *  @name stopRouteAnimation
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getMapReadyListener().subscribe(ready => {
+     *    console.log('map ready', ready);
+     *    map.stopRouteAnimation();
+     *  });
+     */
+    stopRouteAnimation(): void;
 }

package/lib/components/map/main.js

@@ -175,6 +175,8 @@ export class Map {
                 lineColor: '#6945ed',
                 lineWidth: 5,
                 lineOpacity: 0.6,
+                minzoom: 17,
+                maxzoom: 24,
             },
             useRasterTiles: false,
             handleUrlParams: false,
@@ -1093,8 +1095,8 @@ export class Map {
                     id: 'lineAlong',
                     type: 'line',
                     source: 'lineAlong',
-                    minzoom: 17,
-                    maxzoom: 24,
+                    minzoom: this.defaultOptions.routeAnimation.minzoom,
+                    maxzoom: this.defaultOptions.routeAnimation.maxzoom,
                     paint: {
                         'line-width': this.defaultOptions.routeAnimation.lineWidth,
                         'line-color': this.defaultOptions.routeAnimation.lineColor,
@@ -1113,27 +1115,27 @@ export class Map {
                         id: 'pointAlong',
                         type: 'symbol',
                         source: 'pointAlong',
-                        minzoom: 17,
-                        maxzoom: 24,
+                        minzoom: this.defaultOptions.routeAnimation.minzoom,
+                        maxzoom: this.defaultOptions.routeAnimation.maxzoom,
                         layout: {
                             'icon-image': 'pointIcon',
                             'icon-size': this.defaultOptions.routeAnimation.pointIconSize,
                             'icon-allow-overlap': true,
                         },
-                    }, 'lineAlong');
+                    }, 'proximiio-polygons-above-paths');
                 }
                 else {
                     this.state.style.addLayer({
                         id: 'pointAlong',
                         type: 'circle',
                         source: 'pointAlong',
-                        minzoom: 17,
-                        maxzoom: 24,
+                        minzoom: this.defaultOptions.routeAnimation.minzoom,
+                        maxzoom: this.defaultOptions.routeAnimation.maxzoom,
                         paint: {
                             'circle-color': this.defaultOptions.routeAnimation.pointColor,
                             'circle-radius': this.defaultOptions.routeAnimation.pointRadius,
                         },
-                    }, 'lineAlong');
+                    }, 'proximiio-polygons-above-paths');
                 }
             }
             if (this.defaultOptions.routeAnimation.type === 'dash') {
@@ -2581,7 +2583,7 @@ export class Map {
                 : this.state.floor.level;
         }
     }
-    onRestartRouteAnimation(delay) {
+    onRestartRouteAnimation({ delay, recenter }) {
         var _a;
         if (this.defaultOptions.routeAnimation.type === 'point' || this.defaultOptions.routeAnimation.type === 'puck') {
             const route = this.routingSource.route[`path-part-${this.currentStep}`] &&
@@ -2599,17 +2601,35 @@ export class Map {
                 type: 'FeatureCollection',
                 features: [],
             });
-            setTimeout(() => {
-                this.map.jumpTo({
-                    center: route.geometry.coordinates[0],
-                });
-            }, 100);
+            if (recenter) {
+                setTimeout(() => {
+                    this.map.jumpTo({
+                        center: route.geometry.coordinates[0],
+                    });
+                }, 100);
+            }
             this.map.setStyle(this.state.style);
         }
         setTimeout(() => {
             this.animateRoute();
         }, delay ? delay : 0);
     }
+    onStopRouteAnimation() {
+        if (this.defaultOptions.routeAnimation.type === 'point' || this.defaultOptions.routeAnimation.type === 'puck') {
+            clearInterval(this.animationInterval);
+            // @ts-ignore
+            this.map.getSource('pointAlong').setData({
+                type: 'FeatureCollection',
+                features: [],
+            });
+            // @ts-ignore
+            this.map.getSource('lineAlong').setData({
+                type: 'FeatureCollection',
+                features: [],
+            });
+            this.map.setStyle(this.state.style);
+        }
+    }
     translateLayers() {
         if (this.defaultOptions.isKiosk && this.defaultOptions.kioskSettings.showLabel && this.kioskPopup) {
             this.kioskPopup.setHTML(translations[this.defaultOptions.language].YOU_ARE_HERE);
@@ -3705,8 +3725,22 @@ export class Map {
      *    map.restartRouteAnimation();
      *  });
      */
-    restartRouteAnimation(delay) {
-        this.onRestartRouteAnimation(delay);
+    restartRouteAnimation({ delay, recenter }) {
+        this.onRestartRouteAnimation({ delay, recenter });
+    }
+    /**
+     * Method for stopping route animation
+     *  @memberof Map
+     *  @name stopRouteAnimation
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getMapReadyListener().subscribe(ready => {
+     *    console.log('map ready', ready);
+     *    map.stopRouteAnimation();
+     *  });
+     */
+    stopRouteAnimation() {
+        this.onStopRouteAnimation();
     }
 }
 /* TODO

package/lib/models/sortedPoiItemModel.d.ts

@@ -5,11 +5,11 @@ export interface SortedPoiItemModel {
     id: string;
     geometry: Geometry;
     properties: Record<string, any>;
-    icon: string;
-    category: string;
+    icon?: string;
+    category?: string;
     search_query: string;
     coordinates: number[];
-    isInside: boolean;
+    isInside?: boolean;
     score: number;
     foundInDescription: boolean;
     floor: FloorModel | undefined;