proximiio-js-library 1.13.39 → 1.13.41

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

@@ -150,6 +150,7 @@ export interface Options {
         lineProgress?: boolean;
         showTailSegment?: boolean;
         showCompassDirection?: boolean;
+        stepChangeThreshold?: number;
     };
     useRasterTiles?: boolean;
     rasterTilesOptions?: {
@@ -199,6 +200,7 @@ export interface Options {
     autoRestartAnimationAfterFloorChange?: boolean;
     poiIconSize?: (string | number | string[])[] | number | any;
     disableUnavailablePois?: boolean;
+    arrivalThreshold?: number;
 }
 export interface PaddingOptions {
     bottom: number;
@@ -233,6 +235,8 @@ export declare class Map {
     private onPersonUpdateListener;
     private onStepSetListener;
     private onStopSetListener;
+    private onPositionSetListener;
+    private onArrivalListener;
     private defaultOptions;
     private routeFactory;
     private startPoint?;
@@ -1420,10 +1424,12 @@ export declare class Map {
      *    map.onSetCustomPosition({ coordinates: [17.833135351538658, 48.60678469647394], level: 0});
      *  });
      */
-    setCustomPosition({ coordinates, level, recenter, }: {
+    setCustomPosition({ coordinates, level, recenter, iconSize, arrowSize, }: {
         coordinates: [number, number];
         level: number;
         recenter?: boolean;
+        iconSize?: number;
+        arrowSize?: number;
     }): void;
     /**
      * Method for setting custom position
@@ -1452,4 +1458,29 @@ export declare class Map {
      *  });
      */
     cancelCustomPosition(): void;
+    /**
+     *  @memberof Map
+     *  @name getPositionSetListener
+     *  @returns returns position set listener
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getPositionSetListener().subscribe({coordinates, level} => {
+     *    console.log('custom position set', coordinates, level);
+     *  });
+     */
+    getPositionSetListener(): CustomSubject<{
+        coordinates: number[];
+        level: number;
+    }>;
+    /**
+     *  @memberof Map
+     *  @name getArrivalListener
+     *  @returns returns event when custom position reach the destination
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getArrivalListener().subscribe(() => {
+     *    console.log('you have reached your destination');
+     *  });
+     */
+    getArrivalListener(): CustomSubject<boolean>;
 }

package/lib/components/map/main.js

@@ -94,6 +94,8 @@ export class Map {
         this.onPersonUpdateListener = new CustomSubject();
         this.onStepSetListener = new CustomSubject();
         this.onStopSetListener = new CustomSubject();
+        this.onPositionSetListener = new CustomSubject();
+        this.onArrivalListener = new CustomSubject();
         this.defaultOptions = {
             selector: 'proximiioMap',
             allowNewFeatureModal: false,
@@ -211,6 +213,7 @@ export class Map {
                 lineProgress: false,
                 showTailSegment: false,
                 showCompassDirection: false,
+                stepChangeThreshold: 5,
             },
             useRasterTiles: false,
             handleUrlParams: false,
@@ -234,6 +237,7 @@ export class Map {
             autoLevelChange: false,
             autoRestartAnimationAfterFloorChange: false,
             disableUnavailablePois: false,
+            arrivalThreshold: 3,
             // poiIconSize: ['interpolate', ['exponential', 0.5], ['zoom'], 17, 0.1, 22, 0.5],
         };
         this.showStartPoint = false;
@@ -3708,8 +3712,8 @@ export class Map {
     setInitialBearing(bearingValue) {
         this.routingSource.setInitialBearing(bearingValue);
     }
-    onSetCustomPosition({ coordinates, level, recenter = true, }) {
-        var _a;
+    onSetCustomPosition({ coordinates, level, recenter = true, iconSize = 1.5, arrowSize = 1.25, }) {
+        var _a, _b, _c;
         // Initialize debounce/cooldown tracking
         this.floorChangeBuffer = this.floorChangeBuffer || [];
         this.lastFloorChangeTimestamp = this.lastFloorChangeTimestamp || 0;
@@ -3788,7 +3792,7 @@ export class Map {
                     type: 'symbol',
                     source: 'custom-position-point',
                     layout: {
-                        'icon-size': 1.5,
+                        'icon-size': iconSize,
                         'icon-image': 'pulsing-dot',
                         'icon-allow-overlap': true,
                     },
@@ -3801,7 +3805,7 @@ export class Map {
                         source: 'custom-position-point',
                         layout: {
                             'icon-image': 'heading-arrow',
-                            'icon-size': 1.25,
+                            'icon-size': arrowSize,
                             'icon-rotate': ['get', 'bearing'],
                             'icon-rotation-alignment': 'map',
                             'icon-allow-overlap': true,
@@ -3822,9 +3826,20 @@ export class Map {
                     userPosition: coordinates,
                     steps: this.routingSource.steps,
                     lastKnownStepIndex: this.currentStep,
+                    thresholdMeters: this.defaultOptions.routeAnimation.stepChangeThreshold,
                 });
                 this.setNavStep(stepIndex);
+                if ((_c = (_b = this.routingSource.finish) === null || _b === void 0 ? void 0 : _b.geometry) === null || _c === void 0 ? void 0 : _c.coordinates) {
+                    const distanceToFinish = distance(this.routingSource.finish.geometry.coordinates, point(coordinates)) * 1000;
+                    if (distanceToFinish <= this.defaultOptions.arrivalThreshold) {
+                        this.onArrivalListener.next(true);
+                    }
+                }
             }
+            this.onPositionSetListener.next({
+                coordinates,
+                level,
+            });
         }
     }
     onCancelCustomPosition() {
@@ -5386,8 +5401,8 @@ export class Map {
      *    map.onSetCustomPosition({ coordinates: [17.833135351538658, 48.60678469647394], level: 0});
      *  });
      */
-    setCustomPosition({ coordinates, level, recenter = true, }) {
-        this.onSetCustomPosition({ coordinates, level, recenter });
+    setCustomPosition({ coordinates, level, recenter = true, iconSize, arrowSize, }) {
+        this.onSetCustomPosition({ coordinates, level, recenter, iconSize, arrowSize });
     }
     /**
      * Method for setting custom position
@@ -5422,6 +5437,32 @@ export class Map {
     cancelCustomPosition() {
         this.onCancelCustomPosition();
     }
+    /**
+     *  @memberof Map
+     *  @name getPositionSetListener
+     *  @returns returns position set listener
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getPositionSetListener().subscribe({coordinates, level} => {
+     *    console.log('custom position set', coordinates, level);
+     *  });
+     */
+    getPositionSetListener() {
+        return this.onPositionSetListener;
+    }
+    /**
+     *  @memberof Map
+     *  @name getArrivalListener
+     *  @returns returns event when custom position reach the destination
+     *  @example
+     *  const map = new Proximiio.Map();
+     *  map.getArrivalListener().subscribe(() => {
+     *    console.log('you have reached your destination');
+     *  });
+     */
+    getArrivalListener() {
+        return this.onArrivalListener;
+    }
 }
 /* TODO
  * - check clusters