@igo2/geo 18.0.0-next.10 → 18.0.0-next.11

package/fesm2022/igo2-geo.mjs

@@ -239,7 +239,7 @@ function stringToLonLat(str, mapProjection, opts = {}) {
     const toProjection = '4326';
     let projectionStr;
     const projectionRegex = new RegExp(projectionPattern, 'g');
-    const lonlatCoord = '([-+])?([\\d]{1,3})([,.](\\d+))?';
+    const lonlatCoord = '([-+])?([\\d]{1,3})([,.](\\d+))?°?';
     const lonLatPattern = `${lonlatCoord}[\\s,]+${lonlatCoord}`;
     const lonLatRegex = new RegExp(`^${lonLatPattern}$`, 'g');
     const dmsCoord = '([0-9]{1,2})[:|°]?\\s*([0-9]{1,2})?[:|\'|′|’]?\\s*([0-9]{1,2}(?:.[0-9]+){0,1})?\\s*["|″|”]?\\s*';
@@ -550,7 +550,7 @@ function roundCoordTo(coord, decimal = 3) {
     ];
 }
 function roundCoordToString(coord, decimal = 3) {
-    return roundCoordTo(coord, decimal).map((r) => r.toString());
+    return roundCoordTo(coord, decimal).map((r) => r.toString() + '°');
 }
 /**
  * Returns an array of converted coordinates.
@@ -7103,24 +7103,69 @@ var ProposalType;
     ProposalType["Coord"] = "coord";
     ProposalType["Text"] = "text";
 })(ProposalType || (ProposalType = {}));
-var DirectionType;
-(function (DirectionType) {
-    DirectionType["Stop"] = "stop";
-    DirectionType["Route"] = "route";
-    DirectionType["Vertex"] = "vertex";
-})(DirectionType || (DirectionType = {}));
+var DirectionsType;
+(function (DirectionsType) {
+    DirectionsType["Stop"] = "stop";
+    DirectionsType["Route"] = "route";
+    DirectionsType["Vertex"] = "vertex";
+})(DirectionsType || (DirectionsType = {}));
 var DirectionRelativePositionType;
 (function (DirectionRelativePositionType) {
     DirectionRelativePositionType["Start"] = "start";
     DirectionRelativePositionType["Intermediate"] = "intermediate";
     DirectionRelativePositionType["End"] = "end";
 })(DirectionRelativePositionType || (DirectionRelativePositionType = {}));
+var ManeuverType;
+(function (ManeuverType) {
+    ManeuverType["Turn"] = "turn";
+    ManeuverType["NewName"] = "new name";
+    ManeuverType["Depart"] = "depart";
+    ManeuverType["Arrive"] = "arrive";
+    ManeuverType["Merge"] = "merge";
+    ManeuverType["Ramp"] = "ramp";
+    ManeuverType["OnRamp"] = "on ramp";
+    ManeuverType["OffRamp"] = "off ramp";
+    ManeuverType["Fork"] = "fork";
+    ManeuverType["EndOfRoad"] = "end of road";
+    ManeuverType["UseLane"] = "use lane";
+    ManeuverType["Continue"] = "continue";
+    ManeuverType["Roundabout"] = "roundabout";
+    ManeuverType["Rotary"] = "rotary";
+    ManeuverType["RoundaboutTurn"] = "roundabout turn";
+    ManeuverType["Notification"] = "notification";
+    ManeuverType["ExitRoundabout"] = "exit roundabout";
+    ManeuverType["ExitRotary"] = "exit rotary";
+})(ManeuverType || (ManeuverType = {}));
+var ManeuverModifier;
+(function (ManeuverModifier) {
+    ManeuverModifier["Uturn"] = "uturn";
+    ManeuverModifier["SharpRight"] = "sharp right";
+    ManeuverModifier["Right"] = "right";
+    ManeuverModifier["SlightRight"] = "slight right";
+    ManeuverModifier["SharpLeft"] = "sharp left";
+    ManeuverModifier["Left"] = "left";
+    ManeuverModifier["SlightLeft"] = "slight left";
+    ManeuverModifier["Straight"] = "straight";
+})(ManeuverModifier || (ManeuverModifier = {}));
+var LaneType;
+(function (LaneType) {
+    LaneType["None"] = "none";
+    LaneType["Uturn"] = "uturn";
+    LaneType["SharpRight"] = "sharp right";
+    LaneType["Right"] = "right";
+    LaneType["SlightRight"] = "slight right";
+    LaneType["SharpLeft"] = "sharp left";
+    LaneType["Left"] = "left";
+    LaneType["SlightLeft"] = "slight left";
+    LaneType["Straight"] = "straight";
+})(LaneType || (LaneType = {}));
 
 /**
- * Function that updat the sort of the list base on the provided field.
- * @param source stop store
- * @param direction asc / desc sort order
- * @param field the field to use to sort the view
+ * Updates the sorting of the stops in the provided StopsStore based on the specified field and direction.
+ *
+ * @param {StopsStore} stopsStore - The StopsStore to update the sorting for.
+ * @param {'asc' | 'desc'} [direction='asc'] - The direction of sorting ('asc' for ascending, 'desc' for descending).
+ * @param {string} [field='position'] - The field to sort the stops by.
  */
 function updateStoreSorting(stopsStore, direction = 'asc', field = 'position') {
     stopsStore.view.sort({
@@ -7128,70 +7173,73 @@ function updateStoreSorting(stopsStore, direction = 'asc', field = 'position') {
         valueAccessor: (entity) => entity[field]
     });
 }
-function computeRelativePosition(index, totalLength) {
+/**
+ * Computes the relative position of a stop in a list of stops.
+ *
+ * @param {number} stopIndex - The index of the stop.
+ * @param {number} stopListLength - The total number of stops.
+ * @return {DirectionRelativePositionType} The relative position of the stop.
+ */
+function computeRelativePosition(stopIndex, stopListLength) {
     let relativePosition = DirectionRelativePositionType.Intermediate;
-    if (index === 0) {
+    if (stopIndex === 0) {
         relativePosition = DirectionRelativePositionType.Start;
     }
-    else if (index === totalLength - 1) {
+    else if (stopIndex === stopListLength) {
         relativePosition = DirectionRelativePositionType.End;
     }
     return relativePosition;
 }
-function computeStopsPosition(stopsStore) {
-    const stopsToComputePosition = [...stopsStore.all()];
-    stopsToComputePosition.sort((a, b) => a.position - b.position);
-    stopsToComputePosition.map((stop, i) => {
-        stop.position = i;
-        stop.relativePosition = computeRelativePosition(stop.position, stopsToComputePosition.length);
-    });
-    if (stopsToComputePosition) {
-        stopsStore.updateMany(stopsToComputePosition);
+/**
+ * Computes the position and relative position of stops in the given stopsStore.
+ *
+ * @param {StopsStore} stopsStore - The store containing the stops.
+ */
+function computeStopsPosition(deletedStopIndex, stopsStore) {
+    for (const stop of stopsStore.all()) {
+        stop.position =
+            stop.position > deletedStopIndex ? (stop.position -= 1) : stop.position;
+        stop.relativePosition = computeRelativePosition(stop.position, stopsStore.all().length - 1);
     }
 }
 /**
- * Function that add a stop to the stop store. Stop are always added before the last stop.
- * @param stopsStore stop store as an EntityStore
+ * Adds a stop to the given stopsStore. The stop is always added as the last stop.
+ *
+ * @param {StopsStore} stopsStore - The store containing the stops.
+ * @return {Stop} The newly added stop.
  */
 function addStopToStore(stopsStore) {
     const id = uuid();
     const stops = stopsStore.all();
-    let positions;
-    if (stopsStore.count === 0) {
-        positions = [0];
-    }
-    else {
-        positions = stops.map((stop) => stop.position);
-    }
-    const maxPosition = Math.max(...positions);
-    const insertPosition = maxPosition;
-    const lastPosition = maxPosition + 1;
-    const stopToUpdate = stopsStore
-        .all()
-        .find((stop) => stop.position === maxPosition);
-    if (stopToUpdate) {
-        stopToUpdate.position = lastPosition;
-        stopToUpdate.relativePosition = computeRelativePosition(lastPosition, stopsStore.count + 1);
+    const insertIndex = stops.length;
+    for (const stop of stopsStore.all()) {
+        stop.relativePosition = computeRelativePosition(stop.position, stops.length);
     }
     stopsStore.insert({
         id,
-        position: insertPosition,
-        relativePosition: computeRelativePosition(insertPosition, stopsStore.count + 1)
+        position: insertIndex,
+        relativePosition: computeRelativePosition(insertIndex, stops.length)
     });
     updateStoreSorting(stopsStore);
     return stopsStore.get(id);
 }
+/**
+ * Removes a stop from the given stopsStore and updates the positions of the remaining stops.
+ *
+ * @param {StopsStore} stopsStore - The store containing the stops.
+ * @param {Stop} stop - The stop to be removed.
+ */
 function removeStopFromStore(stopsStore, stop) {
     stopsStore.delete(stop);
-    computeStopsPosition(stopsStore);
+    computeStopsPosition(stop.position, stopsStore);
 }
 /**
- * Create a style for the directions stops and routes
+ * Create a style for the directions steps, stops and route
  * @param feature OlFeature
  * @returns OL style function
  */
 function directionsStyle(feature) {
-    const vertexStyle = [
+    const stepStyle = [
         new olStyle.Style({
             geometry: feature.getGeometry(),
             image: new olStyle.Circle({
@@ -7220,16 +7268,22 @@ function directionsStyle(feature) {
             })
         })
     ];
-    if (feature.get('type') === DirectionType.Stop) {
+    if (feature.get('type') === DirectionsType.Stop) {
         return stopStyle;
     }
-    if (feature.get('type') === 'vertex') {
-        return vertexStyle;
+    if (feature.get('type') === DirectionsType.Vertex) {
+        return stepStyle;
     }
-    if (feature.get('type') === DirectionType.Route) {
+    if (feature.get('type') === DirectionsType.Route) {
         return routeStyle;
     }
 }
+/**
+ * Initializes the stops feature store with the provided language service.
+ *
+ * @param {StopsFeatureStore} stopsFeatureStore - The stops feature store to initialize.
+ * @param {LanguageService} languageService - The language service used for translations.
+ */
 function initStopsFeatureStore(stopsFeatureStore, languageService) {
     const loadingStrategy = new FeatureStoreLoadingStrategy({
         motion: FeatureMotion.None
@@ -7237,10 +7291,11 @@ function initStopsFeatureStore(stopsFeatureStore, languageService) {
     const stopsLayer = new VectorLayer({
         isIgoInternalLayer: true,
         id: 'igo-direction-stops-layer',
-        title: languageService.translate.instant('igo.geo.directionsForm.stopLayer'),
+        title: languageService.translate.instant('igo.geo.directions.layer.stops'),
         zIndex: 911,
         source: new FeatureDataSource(),
         showInLayerList: true,
+        visible: true,
         workspace: {
             enabled: false
         },
@@ -7259,9 +7314,14 @@ function initStopsFeatureStore(stopsFeatureStore, languageService) {
         style: directionsStyle
     });
     tryBindStoreLayer(stopsFeatureStore, stopsLayer);
-    stopsFeatureStore.layer.visible = true;
     tryAddLoadingStrategy(stopsFeatureStore, loadingStrategy);
 }
+/**
+ * Initializes the routes feature store with the provided language service.
+ *
+ * @param {StopsFeatureStore} routesFeatureStore - The routes feature store to initialize.
+ * @param {LanguageService} languageService - The language service used for translations.
+ */
 function initRoutesFeatureStore(routesFeatureStore, languageService) {
     const loadingStrategy = new FeatureStoreLoadingStrategy({
         motion: FeatureMotion.None
@@ -7269,10 +7329,11 @@ function initRoutesFeatureStore(routesFeatureStore, languageService) {
     const routeLayer = new VectorLayer({
         isIgoInternalLayer: true,
         id: 'igo-direction-route-layer',
-        title: languageService.translate.instant('igo.geo.directionsForm.routeLayer'),
+        title: languageService.translate.instant('igo.geo.directions.layer.route'),
         zIndex: 910,
         source: new FeatureDataSource(),
         showInLayerList: true,
+        visible: true,
         workspace: {
             enabled: false
         },
@@ -7284,10 +7345,14 @@ function initRoutesFeatureStore(routesFeatureStore, languageService) {
         style: directionsStyle
     });
     tryBindStoreLayer(routesFeatureStore, routeLayer);
-    routesFeatureStore.layer.visible = true;
     tryAddLoadingStrategy(routesFeatureStore, loadingStrategy);
 }
-function initStepFeatureStore(stepFeatureStore) {
+/**
+ * Initializes the routes feature store.
+ *
+ * @param {StopsFeatureStore} stepsFeatureStore - The steps feature store to initialize.
+ */
+function initStepsFeatureStore(stepsFeatureStore) {
     const loadingStrategy = new FeatureStoreLoadingStrategy({
         motion: FeatureMotion.None
     });
@@ -7298,6 +7363,7 @@ function initStepFeatureStore(stepFeatureStore) {
         zIndex: 910,
         source: new FeatureDataSource(),
         showInLayerList: false,
+        visible: true,
         workspace: {
             enabled: false
         },
@@ -7308,44 +7374,53 @@ function initStepFeatureStore(stepFeatureStore) {
         browsable: false,
         style: directionsStyle
     });
-    tryBindStoreLayer(stepFeatureStore, stepLayer);
-    stepFeatureStore.layer.visible = true;
-    tryAddLoadingStrategy(stepFeatureStore, loadingStrategy);
+    tryBindStoreLayer(stepsFeatureStore, stepLayer);
+    tryAddLoadingStrategy(stepsFeatureStore, loadingStrategy);
 }
-function addStopToStopsFeatureStore(stop, stopsStore, stopsFeatureStore, projection, languageService) {
+/**
+ * Adds a stop to the stopsFeatureStore.
+ *
+ * @param {Stop} stop - The stop to be added.
+ * @param {StopsFeatureStore} stopsFeatureStore - The stopsFeatureStore to add the stop to.
+ * @param {string} projection - The projection of the stop coordinates.
+ * @param {LanguageService} languageService - The language service for translating stop text.
+ */
+function addStopToStopsFeatureStore(stop, stopsFeatureStore, projection, languageService) {
     let stopColor;
     let stopText;
     switch (stop.relativePosition) {
         case DirectionRelativePositionType.Start:
             stopColor = '#008000';
-            stopText = languageService.translate.instant('igo.geo.directionsForm.start');
+            stopText = languageService.translate.instant('igo.geo.directions.input.start');
             break;
         case DirectionRelativePositionType.End:
             stopColor = '#f64139';
-            stopText = languageService.translate.instant('igo.geo.directionsForm.end');
+            stopText = languageService.translate.instant('igo.geo.directions.input.end');
             break;
         default:
             stopColor = '#ffd700';
             stopText =
-                languageService.translate.instant('igo.geo.directionsForm.intermediate') +
+                languageService.translate.instant('igo.geo.directions.input.intermediate') +
                     ' #' +
                     stop.position;
             break;
     }
-    const geometry = new olgeom.Point(olproj.transform(stop.coordinates, projection, stopsFeatureStore.map.projection));
-    const geojsonGeom = new OlGeoJSON().writeGeometryObject(geometry, {
-        featureProjection: stopsFeatureStore.map.projection,
-        dataProjection: stopsFeatureStore.map.projection
+    const point = new olgeom.Point(olproj.transform(stop.coordinates, projection, stopsFeatureStore.map.projectionCode));
+    const geojsonGeom = new OlGeoJSON().writeGeometryObject(point, {
+        featureProjection: stopsFeatureStore.map.projectionCode,
+        dataProjection: stopsFeatureStore.map.projectionCode
     });
     const previousStop = stopsFeatureStore.get(stop.id);
-    const previousStopRevision = previousStop ? previousStop.meta.revision : 0;
+    const previousStopRevision = previousStop
+        ? previousStop.meta.revision
+        : 0;
     const stopFeatureStore = {
         type: FEATURE,
         geometry: geojsonGeom,
-        projection: stopsFeatureStore.map.projection,
+        projection: stopsFeatureStore.map.projectionCode,
         properties: {
             id: stop.id,
-            type: DirectionType.Stop,
+            type: DirectionsType.Stop,
             stopText,
             stopColor,
             stopOpacity: 1,
@@ -7355,310 +7430,242 @@ function addStopToStopsFeatureStore(stop, stopsStore, stopsFeatureStore, project
             id: stop.id,
             revision: previousStopRevision + 1
         },
-        ol: new OlFeature({ geometry })
+        ol: new OlFeature({ point })
     };
     stopsFeatureStore.update(stopFeatureStore);
 }
-function addDirectionToRoutesFeatureStore(routesFeatureStore, direction, projection, active = false) {
-    const geom = direction.geometry.coordinates;
-    const geometry4326 = new olgeom.LineString(geom);
-    const geometry = geometry4326.transform(projection, routesFeatureStore.map.projection);
-    const geojsonGeom = new OlGeoJSON().writeGeometryObject(geometry, {
-        featureProjection: routesFeatureStore.map.projection,
-        dataProjection: routesFeatureStore.map.projection
+/**
+ * Adds a route to the routes feature store.
+ *
+ * @param {RoutesFeatureStore} routesFeatureStore - The routes feature store to add the route to.
+ * @param {Directions} directions - The directions object containing the geometry and other information.
+ * @param {string} projection - The projection of the geometry coordinates.
+ * @param {boolean} [active=false] - Indicates whether the direction is active or not. Default is false.
+ */
+function addRouteToRoutesFeatureStore(routesFeatureStore, directions, projection, active = false) {
+    const coordinate = directions.geometry.coordinates;
+    const linestring4326 = new olgeom.LineString(coordinate);
+    const linestringStore = linestring4326.transform(projection, routesFeatureStore.map.projectionCode);
+    const geojsonGeom = new OlGeoJSON().writeGeometryObject(linestringStore, {
+        featureProjection: routesFeatureStore.map.projectionCode,
+        dataProjection: routesFeatureStore.map.projectionCode
     });
-    const previousRoute = routesFeatureStore.get(direction.id);
-    const previousRouteRevision = previousRoute ? previousRoute.meta.revision : 0;
+    const previousRoute = routesFeatureStore.get(directions.id);
+    const previousRouteRevision = previousRoute
+        ? previousRoute.meta.revision
+        : 0;
     const routeFeatureStore = {
         type: FEATURE,
         geometry: geojsonGeom,
-        projection: routesFeatureStore.map.projection,
+        projection: routesFeatureStore.map.projectionCode,
         properties: {
-            id: direction.id,
-            type: DirectionType.Route,
+            id: directions.id,
+            type: DirectionsType.Route,
             active,
-            direction
+            directions
         },
         meta: {
-            id: direction.id,
+            id: directions.id,
             revision: previousRouteRevision + 1
         },
-        ol: new OlFeature({ geometry })
+        ol: new OlFeature({ linestringStore })
     };
     routesFeatureStore.update(routeFeatureStore);
 }
-function formatDistance(distance) {
-    if (distance === 0) {
-        return;
-    }
-    if (distance >= 100000) {
-        return NumberUtils.roundToNDecimal(Math.round(distance) / 1000, 1) + ' km';
-    }
-    if (distance >= 10000) {
-        return (NumberUtils.roundToNDecimal(Math.round(distance) / 100 / 10, 1) + ' km');
-    }
-    if (distance >= 1000) {
-        return (NumberUtils.roundToNDecimal(Math.round(distance) / 100 / 10, 1) + ' km');
-    }
-    return NumberUtils.roundToNDecimal(distance, 0) + ' m';
-}
-function formatDuration(duration) {
-    if (duration >= 3600) {
-        const hour = Math.floor(duration / 3600);
-        const minute = Math.round((duration / 3600 - hour) * 60);
-        if (minute === 60) {
-            return hour + 1 + ' h';
-        }
-        return hour + ' h ' + minute + ' min';
+/**
+ * Formats the given distance in meters to a human-readable string.
+ *
+ * @param {number} meters - The distance in meters to be formatted.
+ * @return {string | undefined} The formatted distance string.
+ */
+function formatDistance(meters) {
+    if (meters === 0) {
+        return undefined;
     }
-    if (duration >= 60) {
-        return Math.round(duration / 60) + ' min';
+    if (meters < 1000) {
+        return `${Math.round(meters)} m`;
     }
-    return duration + ' s';
+    const kilometers = meters / 1000;
+    const roundToDecimal = kilometers >= 10 ? 1 : 0;
+    return `${NumberUtils.roundToNDecimal(kilometers, roundToDecimal)} km`.replace('.', ',');
 }
-function formatInstruction(type, modifier, route = 'Voie', direction, stepPosition, exit, languageService, lastStep = false) {
+/**
+ * Formats the given duration in seconds to a human-readable string.
+ *
+ * @param {number} seconds - The duration in seconds to be formatted.
+ * @return {string} The formatted duration string.
+ */
+function formatDuration(seconds) {
+    const hours = Math.floor(seconds / 3600);
+    const minutes = Math.floor((seconds % 3600) / 60);
+    if (hours) {
+        return `${hours} h ${minutes} min`;
+    }
+    if (minutes) {
+        return `${minutes} min`;
+    }
+    return '< 1 min';
+}
+function formatStep(step, languageService, lastStep = false) {
+    const maneuverType = step.maneuver.type;
+    const maneuverModifier = step.maneuver.modifier;
+    const name = step.name;
+    const maneuverBearingAfter = step.maneuver.bearing_after;
     const translate = languageService.translate;
-    let directive;
-    let image = 'arrow_forward';
-    let cssClass = 'rotate-270';
-    const translatedDirection = translateBearing(direction, languageService);
-    const translatedModifier = translateModifier(modifier, languageService);
-    const prefix = modifier === 'straight'
-        ? ''
-        : translate.instant('igo.geo.directions.modifier.prefix');
-    let aggregatedDirection = prefix + translatedModifier;
-    if (modifier?.search('slight') >= 0) {
-        aggregatedDirection = translatedModifier;
-    }
-    if (modifier === 'uturn') {
-        image = 'arrow_forward';
-        cssClass = 'rotate-90';
-    }
-    else if (modifier === 'sharp right') {
-        image = 'subdirectory_arrow_right';
-        cssClass = 'icon-flipped';
-    }
-    else if (modifier === 'right') {
-        image = 'subdirectory_arrow_right';
-        cssClass = 'icon-flipped';
-    }
-    else if (modifier === 'slight right') {
-        image = 'arrow_forward';
-        cssClass = 'rotate-290';
-    }
-    else if (modifier === 'straight') {
-        image = 'arrow_forward';
-    }
-    else if (modifier === 'slight left') {
-        image = 'arrow_forward';
-        cssClass = 'rotate-250';
-    }
-    else if (modifier === 'left') {
-        image = 'subdirectory_arrow_left';
-        cssClass = 'icon-flipped';
-    }
-    else if (modifier === 'sharp left') {
-        image = 'subdirectory_arrow_left';
-        cssClass = 'icon-flipped';
-    }
-    if (type === 'turn') {
-        if (modifier === 'straight') {
-            directive = translate.instant('igo.geo.directions.turn.straight', {
-                route
+    const translatedManeuverBearingAfter = translateManeuverBearing(maneuverBearingAfter, languageService);
+    const translatedManeuverModifier = translateManeuverModifier(maneuverModifier, languageService);
+    let iconName = 'straight'; // arrow point up by default
+    let instruction = '';
+    if (maneuverType === ManeuverType.Turn) {
+        if (maneuverModifier === ManeuverModifier.Uturn ||
+            maneuverModifier === ManeuverModifier.Straight) {
+            instruction = translate.instant(`igo.geo.directions.results.maneuverType.turn.${maneuverModifier}`, {
+                maneuverModifier: translatedManeuverModifier,
+                name
             });
-        }
-        else if (modifier === 'uturn') {
-            directive = translate.instant('igo.geo.directions.turn.uturn', { route });
+            if (maneuverModifier === ManeuverModifier.Uturn) {
+                iconName = 'u_turn_left';
+            }
         }
         else {
-            directive = translate.instant('igo.geo.directions.turn.else', {
-                route,
-                aggregatedDirection,
-                translatedModifier
+            instruction = translate.instant('igo.geo.directions.results.maneuverType.turn.else', {
+                maneuverModifier: translatedManeuverModifier,
+                name
             });
+            if (maneuverModifier === ManeuverModifier.SlightRight) {
+                iconName = 'turn_slight_right';
+            }
+            else if (maneuverModifier === ManeuverModifier.Right ||
+                maneuverModifier === ManeuverModifier.SharpRight) {
+                iconName = 'turn_right';
+            }
+            else if (maneuverModifier === ManeuverModifier.Left ||
+                maneuverModifier === ManeuverModifier.SharpLeft) {
+                iconName = 'turn_left';
+            }
+            else if (maneuverModifier === ManeuverModifier.SlightLeft) {
+                iconName = 'turn_slight_left';
+            }
         }
     }
-    else if (type === 'new name') {
-        directive = translate.instant('igo.geo.directions.new name', {
-            route,
-            translatedDirection
+    else if (maneuverType === ManeuverType.NewName) {
+        instruction = translate.instant(`igo.geo.directions.results.maneuverType.new name`, {
+            name,
+            maneuverBearing: translatedManeuverBearingAfter
         });
-        image = 'explore';
-        cssClass = '';
     }
-    else if (type === 'depart') {
-        directive = translate.instant('igo.geo.directions.depart', {
-            route,
-            translatedDirection
+    else if (maneuverType === ManeuverType.Depart) {
+        iconName = 'directions';
+        instruction = translate.instant(`igo.geo.directions.results.maneuverType.depart`, {
+            name,
+            maneuverBearing: translatedManeuverBearingAfter
         });
-        image = 'explore';
-        cssClass = '';
     }
-    else if (type === 'arrive') {
-        if (lastStep) {
-            const coma = !translatedModifier ? '' : ', ';
-            aggregatedDirection = !translatedModifier ? '' : aggregatedDirection;
-            directive = translate.instant('igo.geo.directions.arrive.lastStep', {
-                coma,
-                aggregatedDirection
-            });
-        }
-        else {
-            directive = translate.instant('igo.geo.directions.arrive.intermediate', {
-                route
-            });
-            image = 'location_on';
-            cssClass = '';
-        }
+    else if (maneuverType === ManeuverType.Arrive) {
+        iconName = 'sports_score';
+        instruction = translate.instant(`igo.geo.directions.results.maneuverType.arrive.${lastStep ? 'lastStep' : 'intermediate'}`, {
+            name
+        });
     }
-    else if (type === 'merge') {
-        directive = translate.instant('igo.geo.directions.merge', { route });
-        image = 'arrow_forward';
-        cssClass = 'rotate-270';
+    else if (maneuverType === ManeuverType.Merge) {
+        instruction = translate.instant('igo.geo.directions.results.maneuverType.merge', {
+            name
+        });
+        iconName = 'merge';
     }
-    else if (type === 'on ramp') {
-        directive = translate.instant('igo.geo.directions.on ramp', {
-            aggregatedDirection
+    else if (maneuverType === ManeuverType.OnRamp ||
+        maneuverType === ManeuverType.OffRamp) {
+        instruction = translate.instant(`igo.geo.directions.results.maneuverType.${maneuverType}`, {
+            maneuverModifier: translatedManeuverModifier
         });
     }
-    else if (type === 'off ramp') {
-        directive = translate.instant('igo.geo.directions.off ramp', {
-            aggregatedDirection
+    else if (maneuverType === ManeuverType.Fork) {
+        const directionKey = maneuverModifier.search('left') >= 0 ? 'left' : 'right';
+        iconName =
+            directionKey === 'left' ? 'turn_slight_left' : 'turn_slight_right';
+        instruction = translate.instant(`igo.geo.directions.results.maneuverType.fork.${directionKey}`, {
+            name
         });
     }
-    else if (type === 'fork') {
-        if (modifier.search('left') >= 0) {
-            directive = translate.instant('igo.geo.directions.fork.left', { route });
-        }
-        else if (modifier.search('right') >= 0) {
-            directive = translate.instant('igo.geo.directions.fork.right', { route });
+    else if (maneuverType === ManeuverType.EndOfRoad ||
+        maneuverType === ManeuverType.UseLane ||
+        maneuverType === ManeuverType.Continue) {
+        if (maneuverType === ManeuverType.Continue) {
+            if (maneuverModifier === ManeuverModifier.Uturn) {
+                iconName = 'u_turn_left';
+                instruction = translate.instant(`igo.geo.directions.results.maneuverType.turn.${maneuverModifier}`, {
+                    maneuverModifier: translatedManeuverModifier,
+                    name
+                });
+            }
+            else {
+                instruction = translate.instant(`igo.geo.directions.results.maneuverType.${maneuverType}`, {
+                    maneuverModifier: translatedManeuverModifier,
+                    name
+                });
+            }
         }
         else {
-            directive = translate.instant('igo.geo.directions.fork.else', { route });
+            if (maneuverModifier === ManeuverModifier.SharpRight ||
+                maneuverModifier === ManeuverModifier.Right) {
+                iconName = 'turn_right';
+            }
+            else if (maneuverModifier === ManeuverModifier.SharpLeft ||
+                maneuverModifier === ManeuverModifier.Left) {
+                iconName = 'turn_left';
+            }
+            else if (maneuverModifier === ManeuverModifier.SlightRight) {
+                iconName = 'turn_slight_right';
+            }
+            else if (maneuverModifier === ManeuverModifier.SlightLeft) {
+                iconName = 'turn_slight_left';
+            }
+            instruction = translate.instant(`igo.geo.directions.results.maneuverType.${maneuverType}`, {
+                maneuverModifier: translatedManeuverModifier,
+                name
+            });
         }
     }
-    else if (type === 'end of road') {
-        directive = translate.instant('igo.geo.directions.end of road', {
-            translatedModifier,
-            route
-        });
-    }
-    else if (type === 'use lane') {
-        directive = translate.instant('igo.geo.directions.use lane');
-    }
-    else if (type === 'continue' && modifier !== 'uturn') {
-        directive = translate.instant('igo.geo.directions.continue.notUturn', {
-            route
+    else if (maneuverType === ManeuverType.Roundabout ||
+        maneuverType === ManeuverType.Rotary ||
+        maneuverType === ManeuverType.RoundaboutTurn ||
+        maneuverType === ManeuverType.ExitRoundabout) {
+        const roundaboutKey = maneuverType.replace('roundabout ', '');
+        instruction = translate.instant(`igo.geo.directions.results.maneuverType.${roundaboutKey}`, {
+            name
         });
-        image = 'arrow_forward';
-        cssClass = 'rotate-270';
+        iconName = 'donut_large';
     }
-    else if (type === 'roundabout') {
-        const cntSuffix = exit === 1
-            ? translate.instant('igo.geo.directions.cntSuffix.first')
-            : translate.instant('igo.geo.directions.cntSuffix.secondAndMore');
-        directive = translate.instant('igo.geo.directions.roundabout', {
-            exit,
-            cntSuffix,
-            route
-        });
-        image = 'donut_large';
-        cssClass = '';
+    else if (maneuverType === ManeuverType.Notification) {
+        instruction = translate.instant('igo.geo.directions.results.maneuverType.notification');
     }
-    else if (type === 'rotary') {
-        directive = translate.instant('igo.geo.directions.rotary');
-        image = 'donut_large';
-        cssClass = '';
-    }
-    else if (type === 'roundabout turn') {
-        directive = translate.instant('igo.geo.directions.roundabout turn');
-        image = 'donut_large';
-        cssClass = '';
-    }
-    else if (type === 'exit roundabout') {
-        directive = translate.instant('igo.geo.directions.exit roundabout', {
-            route
-        });
-        image = 'arrow_forward';
-        cssClass = 'rotate-270';
-    }
-    else if (type === 'notification') {
-        directive = translate.instant('igo.geo.directions.notification');
-    }
-    else if (modifier === 'uturn') {
-        directive = translate.instant('igo.geo.directions.uturnText', {
-            translatedDirection,
-            route
-        });
-    }
-    else {
-        directive = translate.instant('igo.geo.directions.unknown');
-    }
-    image = lastStep ? 'flag' : image;
-    cssClass = lastStep ? '' : cssClass;
-    image = stepPosition === 0 ? 'explore' : image;
-    cssClass = stepPosition === 0 ? '' : cssClass;
-    return { instruction: directive, image, cssClass };
+    return { instruction, iconName };
 }
-function translateModifier(modifier, languageService) {
+/**
+ * Translates a maneuver modifier into a human-readable string using the provided language service.
+ *
+ * @param {ManeuverModifier} maneuverModifier - The maneuver modifier to be translated.
+ * @param {LanguageService} languageService - The language service used for translation.
+ * @return {string | undefined} The translated maneuver modifier string, or undefined if the modifier is falsy.
+ */
+function translateManeuverModifier(maneuverModifier, languageService) {
     const translate = languageService.translate;
-    if (modifier === 'uturn') {
-        return translate.instant('igo.geo.directions.uturn');
-    }
-    else if (modifier === 'sharp right') {
-        return translate.instant('igo.geo.directions.sharp right');
-    }
-    else if (modifier === 'right') {
-        return translate.instant('igo.geo.directions.right');
-    }
-    else if (modifier === 'slight right') {
-        return translate.instant('igo.geo.directions.slight right');
-    }
-    else if (modifier === 'sharp left') {
-        return languageService.translate.instant('igo.geo.directions.sharp left');
-    }
-    else if (modifier === 'left') {
-        return languageService.translate.instant('igo.geo.directions.left');
-    }
-    else if (modifier === 'slight left') {
-        return languageService.translate.instant('igo.geo.directions.slight left');
-    }
-    else if (modifier === 'straight') {
-        return languageService.translate.instant('igo.geo.directions.straight');
-    }
-    else {
-        return modifier;
-    }
+    return maneuverModifier
+        ? translate.instant(`igo.geo.directions.results.maneuverModifier.${maneuverModifier}`)
+        : undefined;
 }
-function translateBearing(bearing, languageService) {
+/**
+ * Translates the given bearing value into a human-readable direction using the provided language service.
+ *
+ * @param {number} bearing - The bearing value to be translated.
+ * @param {LanguageService} languageService - The language service used for translation.
+ * @return {string} The translated direction corresponding to the given bearing value.
+ */
+function translateManeuverBearing(bearing, languageService) {
     const translate = languageService.translate;
-    if (bearing >= 337 || bearing < 23) {
-        return translate.instant('igo.geo.cardinalPoints.n');
-    }
-    else if (bearing < 67) {
-        return translate.instant('igo.geo.cardinalPoints.ne');
-    }
-    else if (bearing < 113) {
-        return translate.instant('igo.geo.cardinalPoints.e');
-    }
-    else if (bearing < 157) {
-        return translate.instant('igo.geo.cardinalPoints.se');
-    }
-    else if (bearing < 203) {
-        return translate.instant('igo.geo.cardinalPoints.s');
-    }
-    else if (bearing < 247) {
-        return translate.instant('igo.geo.cardinalPoints.sw');
-    }
-    else if (bearing < 293) {
-        return translate.instant('igo.geo.cardinalPoints.w');
-    }
-    else if (bearing < 337) {
-        return translate.instant('igo.geo.cardinalPoints.nw');
-    }
-    else {
-        return;
-    }
+    const directions = ['n', 'ne', 'e', 'se', 's', 'sw', 'w', 'nw'];
+    const directionIndex = Math.round(bearing / 45) % 8;
+    return translate.instant(`igo.geo.directions.results.direction.${directions[directionIndex]}`);
 }
 
 class DirectionsService {
@@ -7676,34 +7683,48 @@ class DirectionsService {
         this.document = document;
         this.activityService = activityService;
     }
+    /**
+     * Routes the given coordinates using the specified directions source and options.
+     *
+     * @param {DirectionsSource} source - The directions source to use for routing.
+     * @param {Position[]} coordinates - The array of coordinates to route.
+     * @param {DirectionOptions} [directionsOptions={}] - The optional direction options.
+     * @return {Observable<Directions[]>} An observable that emits an array of directions.
+     */
     route(coordinates, directionsOptions = {}) {
         if (coordinates.length === 0) {
             return;
         }
-        return this.routeSource(this.directionsSourceService.sources[0], coordinates, directionsOptions);
-    }
-    routeSource(source, coordinates, directionsOptions = {}) {
+        const source = this.directionsSourceService.sources[0];
         const request = source.route(coordinates, directionsOptions);
         return request;
     }
-    downloadDirection(map, direction) {
+    /**
+     * Downloads directions for a given map and directions object.
+     *
+     * @param {IgoMap} map - The map object to download directions for.
+     * @param {Directions} directions - The directions object containing the route information.
+     * @return {Observable<SubjectStatus>} An observable that emits the status of the download process.
+     */
+    downloadDirections(map, directions) {
         const activityId = this.activityService.register();
         const status$ = new Subject();
         const doc = new jsPDF({
             orientation: 'p',
-            format: 'Letter',
+            format: 'letter',
             unit: 'mm' // default
         });
-        const { width: pageWidth, height: pageHeight } = doc.internal.pageSize;
-        /** top | right | bottom | left */
-        const margins = [20, 10, 20, 10];
-        this.addAttribution(map, doc, margins);
-        const width = pageWidth - margins[3] - margins[1];
-        const height = pageHeight - margins[0] - margins[2];
-        const imageDimensions = [width, height];
-        const title = `${direction.title} (${formatDistance(direction.distance)}, ${formatDuration(direction.duration)})`;
-        const titlePosition = 25;
-        doc.text(title, doc.internal.pageSize.width / 2, titlePosition, {
+        const pageSize = doc.internal.pageSize;
+        const margins = [30, 10, 20, 10];
+        const zoneWidth = pageSize.getWidth() - margins[3] - margins[1];
+        const zoneHeight = pageSize.getHeight() - margins[0] - margins[2];
+        const imageDimensions = [zoneWidth, zoneHeight];
+        const distance = formatDistance(directions.distance);
+        const duration = formatDuration(directions.duration);
+        const title = distance && duration
+            ? `${directions.title} (${distance} - ${duration})`
+            : directions.title;
+        doc.text(title, pageSize.getWidth() / 2, 25, {
             align: 'center'
         });
         const resolution = 96; // Default is 96
@@ -7711,7 +7732,7 @@ class DirectionsService {
             .addMap(doc, map, resolution, imageDimensions, margins)
             .subscribe(async (status) => {
             if (status === SubjectStatus.Done) {
-                await this.addInstructions(doc, direction, title);
+                await this.addInstructions(doc, directions, title);
                 this.setPageHeaderFooter(doc);
                 await doc.save(`${title}.pdf`, { returnPromise: true });
             }
@@ -7720,100 +7741,110 @@ class DirectionsService {
         });
         return status$;
     }
-    addAttribution(map, doc, margins) {
-        const verticalSpacing = 5;
-        const attributionText = this.printService.getAttributionText(map);
-        if (attributionText) {
-            margins[2] += verticalSpacing;
-            const xPosition = margins[3];
-            const marginBottom = margins[2];
-            // calculate text position Y
-            const yPosition = doc.internal.pageSize.height - marginBottom + verticalSpacing;
-            doc.setFontSize(10);
-            doc.text(attributionText, xPosition, yPosition);
-        }
-    }
-    async setHTMLTableContent(direction) {
-        const data = await this.directionsInstruction(direction);
+    /**
+     * Generates an HTML table element with directions steps.
+     *
+     * @param {Directions} directions - The directions object containing the steps.
+     * @return {Promise<HTMLTableElement>} - A promise that resolves to the generated HTML table element.
+     */
+    async setHTMLTableDirections(directions) {
+        const steps = await this.directionsSteps(directions);
         const table = document.createElement('table');
         const tblBody = document.createElement('tbody');
-        // eslint-disable-next-line @typescript-eslint/prefer-for-of
-        for (let index = 0; index < data.length; index++) {
-            const element = data[index];
+        for (const step of steps) {
             const row = document.createElement('tr');
-            const cellImage = document.createElement('td');
-            const cellText = document.createElement('td');
             // icon
-            const img = document.createElement('img');
-            img.src = element.icon;
-            // instruction text
-            const span = document.createElement('span');
-            span.innerHTML = element.instruction;
-            cellImage.appendChild(img);
-            cellText.appendChild(span);
-            if (element.distance) {
-                const spanDistance = document.createElement('span');
-                spanDistance.style.verticalAlign = 'middle';
-                spanDistance.innerHTML =
-                    '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;' + element.distance;
-                cellText.appendChild(spanDistance);
-            }
-            row.append(cellImage);
+            const cellIcon = document.createElement('td');
+            const iconElement = document.createElement('img');
+            iconElement.style.verticalAlign = 'middle';
+            iconElement.src = step.icon;
+            cellIcon.appendChild(iconElement);
+            row.append(cellIcon);
+            // instruction
+            const cellText = document.createElement('td');
+            const spanInstructionElement = document.createElement('span');
+            spanInstructionElement.style.verticalAlign = 'middle';
+            spanInstructionElement.innerHTML = step.instruction;
+            cellText.appendChild(spanInstructionElement);
+            // distance/duration
+            if (step.distanceDuration) {
+                const spanDistanceElement = document.createElement('span');
+                spanDistanceElement.style.verticalAlign = 'middle';
+                spanDistanceElement.innerHTML = ' ' + step.distanceDuration;
+                cellText.appendChild(spanDistanceElement);
+            }
             row.append(cellText);
             tblBody.appendChild(row);
         }
         table.appendChild(tblBody);
         return table;
     }
-    async directionsInstruction(direction) {
-        const matListItems = this.document
+    /**
+     * Generates formatted steps for the given directions.
+     *
+     * @param {Directions} directions - The directions object containing the steps.
+     * @return {Promise<{ instruction: string; icon: string; distanceDuration: string }[]>}
+     * A promise that resolves to an array of formatted steps.
+     */
+    async directionsSteps(directions) {
+        const matListElement = this.document
             .getElementsByTagName('igo-directions-results')[0]
             .getElementsByTagName('mat-list')[0];
-        const matListItem = matListItems.getElementsByTagName('mat-list-item');
-        // convert icon list to base64
-        const iconsArray = [];
-        // eslint-disable-next-line @typescript-eslint/prefer-for-of
-        for (let index = 0; index < matListItem.length; index++) {
-            const element = matListItem[index];
-            const icon = element.getElementsByTagName('mat-icon')[0];
-            const iconName = icon.innerText;
-            const found = iconsArray.some((el) => el.name === iconName);
+        const matListItemElements = matListElement.getElementsByTagName('mat-list-item');
+        // convert icons list to base64
+        const icons = [];
+        for (const element of Array.from(matListItemElements)) {
+            const iconElement = element.getElementsByTagName('mat-icon')[0];
+            const iconName = iconElement.innerText;
+            const found = icons.some((icon) => icon.name === iconName);
             if (!found) {
-                const iconCanvas = await html2canvas(icon, { scale: 3 });
-                iconsArray.push({ name: iconName, icon: iconCanvas.toDataURL() });
+                const iconCanvas = await html2canvas(iconElement);
+                icons.push({ name: iconName, icon: iconCanvas.toDataURL() });
+            }
+        }
+        const formattedSteps = [];
+        for (let stepIndex = 0; stepIndex < directions.steps.length; stepIndex++) {
+            const step = directions.steps[stepIndex];
+            const formattedStep = formatStep(step, this.languageService, stepIndex === directions.steps.length - 1);
+            const formattedDistance = formatDistance(step.distance);
+            const formattedDuration = formatDuration(step.duration);
+            if ((formattedDistance && formattedDuration) ||
+                stepIndex === directions.steps.length - 1) {
+                formattedSteps.push({
+                    instruction: `${formattedStep.instruction}`,
+                    icon: icons.find((icon) => icon.name === formattedStep.iconName).icon,
+                    distanceDuration: formattedDistance && formattedDuration
+                        ? `(${formattedDistance} - ${formattedDuration})`
+                        : ''
+                });
             }
         }
-        const formattedDirection = [];
-        for (let i = 0; i < direction.steps.length; i++) {
-            const step = direction.steps[i];
-            const instruction = formatInstruction(step.maneuver.type, step.maneuver.modifier, step.name, step.maneuver.bearing_after, i, step.maneuver.exit, this.languageService, i === direction.steps.length - 1);
-            const distance = formatDistance(step.distance);
-            formattedDirection.push({
-                instruction: i + 1 + '. ' + instruction.instruction,
-                icon: iconsArray.find((icon) => icon.name === instruction.image).icon,
-                distance: distance ? '(' + distance + ')' : undefined
-            });
-        }
-        return formattedDirection;
+        return formattedSteps;
     }
-    async addInstructions(doc, direction, title) {
+    /**
+     * Adds instructions to the given jsPDF document.
+     *
+     * @param {jsPDF} doc - The jsPDF document to add instructions to.
+     * @param {Directions} directions - The directions object containing the instructions.
+     * @param {string} title - The title of the instructions.
+     * @return {Promise<void>} A promise that resolves when the instructions are added to the document.
+     */
+    async addInstructions(doc, directions, title) {
         doc.addPage();
-        const titlePosition = 25;
-        doc.text(title, doc.internal.pageSize.width / 2, titlePosition, {
+        doc.text(title, doc.internal.pageSize.getWidth() / 2, 25, {
             align: 'center'
         });
-        const HTMLtable = await this.setHTMLTableContent(direction);
-        const tablePos = titlePosition + 5;
+        const HTMLtable = await this.setHTMLTableDirections(directions);
         doc.autoTable({
             html: HTMLtable,
-            startY: tablePos,
+            startY: 30,
             margin: { top: 20, bottom: 20 },
             columnStyles: {
                 0: { cellWidth: 10 }
             },
             theme: 'plain',
             styles: {
-                fontSize: 12
+                fontSize: 10
             },
             didDrawCell: function (data) {
                 if (data.column.index === 0 && data.cell.section === 'body') {
@@ -7825,23 +7856,25 @@ class DirectionsService {
             }
         });
     }
+    /**
+     * Sets the header and footer of each page in the given jsPDF document.
+     *
+     * @param {jsPDF} doc - The jsPDF document to modify.
+     */
     setPageHeaderFooter(doc) {
         const pageCount = doc.getNumberOfPages();
-        const date = moment(Date.now()).format('DD/MM/YYYY hh:mm').toString();
-        const logoConfig = this.configService.getConfig('directionsSources.logo');
-        const logo = logoConfig ? logoConfig : 'assets/logo.png';
-        for (let index = 0; index < pageCount; index++) {
-            doc.setPage(index);
+        const dateTime = moment(Date.now()).format('YYYY-MM-DD HH:mm');
+        const logo = this.configService.getConfig('directionsSources.logo')
+            ? this.configService.getConfig('directionsSources.logo')
+            : 'assets/logo.png';
+        for (let pageIndex = 0; pageIndex < pageCount; pageIndex++) {
+            doc.setPage(pageIndex);
             doc.setFontSize(8);
             const pageSize = doc.internal.pageSize;
-            const pageHeight = pageSize.height
-                ? pageSize.height
-                : pageSize.getHeight();
-            const width = pageSize.width ? pageSize.width : pageSize.getWidth();
-            doc.text(date, 10, 10, { baseline: 'top' });
-            doc.addImage(logo, 'PNG', width - 20, 5, 10, 10);
-            doc.text(date, 10, pageHeight - 10);
-            doc.text('Page ' + doc.getCurrentPageInfo().pageNumber + ' / ' + pageCount, width - 20, pageHeight - 10);
+            doc.text(dateTime, 10, 10, { baseline: 'top' });
+            doc.addImage(logo, 'PNG', pageSize.getWidth() - 20, 5, 10, 10);
+            doc.text(dateTime, 10, pageSize.getHeight() - 10);
+            doc.text('Page ' + doc.getCurrentPageInfo().pageNumber + ' / ' + pageCount, pageSize.getWidth() - 20, pageSize.getHeight() - 10);
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsService, deps: [{ token: DirectionsSourceService }, { token: i1$2.ConfigService }, { token: i1$1.LanguageService }, { token: PrintService }, { token: DOCUMENT }, { token: i3.ActivityService }], target: i0.ɵɵFactoryTarget.Injectable });
@@ -7869,136 +7902,189 @@ class StopsFeatureStore extends FeatureStore {
 }
 class RoutesFeatureStore extends FeatureStore {
 }
-class StepFeatureStore extends FeatureStore {
+class StepsFeatureStore extends FeatureStore {
 }
 
 class DirectionsButtonsComponent {
     languageService;
     messageService;
-    route;
+    routeService;
     directionsService;
-    get activeRoute() {
-        return this.routesFeatureStore
-            .all()
-            .find((route) => route.properties.active);
-    }
     contextUri;
-    zoomToActiveRoute$ = new Subject();
+    zoomOnActiveRoute$ = new Subject();
     stopsStore;
     routesFeatureStore;
-    stepFeatureStore;
-    disabled$ = new BehaviorSubject(false);
-    constructor(languageService, messageService, route, directionsService) {
+    stepsFeatureStore;
+    downloadDirectionsBtnDisabled = false;
+    constructor(languageService, messageService, routeService, directionsService) {
         this.languageService = languageService;
         this.messageService = messageService;
-        this.route = route;
+        this.routeService = routeService;
         this.directionsService = directionsService;
     }
+    /**
+     * Returns the active route from the routesFeatureStore.
+     *
+     * @return {FeatureWithDirections | undefined} The active route, or undefined if no active route is found.
+     */
+    get activeRoute() {
+        return this.routesFeatureStore
+            .all()
+            .find((route) => route.properties.active);
+    }
+    /**
+     * Resets the stops in the stopsStore by clearing all the stops.
+     *
+     */
     resetStops() {
         this.stopsStore.clearStops();
     }
-    // stop are always added before the last stop.
-    addStop() {
-        addStopToStore(this.stopsStore);
+    /**
+     * Triggers the zoom on the active route.
+     *
+     */
+    zoomOnActiveRoute() {
+        this.zoomOnActiveRoute$.next();
     }
-    copyLinkToClipboard() {
-        const successful = Clipboard.copy(this.getUrl());
+    /**
+     * Copies the directions to the clipboard and displays a success message if the copy is successful.
+     *
+     */
+    copyDirectionsToClipboard() {
+        const directions = this.directionsToText();
+        const successful = Clipboard.copy(directions);
         if (successful) {
-            this.messageService.success('igo.geo.directionsForm.dialog.copyMsgLink', 'igo.geo.directionsForm.dialog.copyTitle');
+            this.messageService.success('igo.geo.directions.buttons.message.copyDirections');
         }
     }
-    zoomRoute() {
-        this.zoomToActiveRoute$.next();
-    }
-    copyDirectionsToClipboard() {
-        const directionsBody = this.directionsToText();
-        const successful = Clipboard.copy(directionsBody);
-        if (successful) {
-            this.messageService.success('igo.geo.directionsForm.dialog.copyMsg', 'igo.geo.directionsForm.dialog.copyTitle');
+    /**
+     * Copies the link to the clipboard and displays a success message if the copy is successful.
+     *
+     */
+    copyLinkToClipboard() {
+        const copySuccessful = Clipboard.copy(this.getLink());
+        if (copySuccessful) {
+            this.messageService.success('igo.geo.directions.buttons.message.copyLink');
         }
     }
+    /**
+     * Downloads the directions.
+     *
+     */
+    downloadDirections() {
+        this.stepsFeatureStore.clear();
+        this.downloadDirectionsBtnDisabled = true;
+        this.directionsService
+            .downloadDirections(this.routesFeatureStore.map, this.activeRoute.properties.directions)
+            .subscribe(() => {
+            this.downloadDirectionsBtnDisabled = false;
+        });
+    }
+    /**
+     * Generates a text representation of the directions, including summary, stops, URL, and directions.
+     *
+     * @return {string} The directions in text format.
+     */
     directionsToText() {
         const indent = '\t';
-        let activeRouteDirective = this.languageService.translate.instant('igo.geo.directionsForm.instructions') + ':\n';
-        let wayPointList = '';
-        const summary = this.languageService.translate.instant('igo.geo.directionsForm.summary') +
-            ': \n' +
-            indent +
-            this.activeRoute.properties.direction.title +
-            '\n' +
-            indent +
-            formatDistance(this.activeRoute.properties.direction.distance) +
-            '\n' +
+        const newLine = '\n';
+        let summary = this.languageService.translate.instant('igo.geo.directions.directionsText.summary') +
+            ':' +
+            newLine +
             indent +
-            formatDuration(this.activeRoute.properties.direction.duration) +
-            '\n\n' +
-            this.languageService.translate.instant('igo.geo.directionsForm.stopsList') +
-            ':\n';
-        const url = this.languageService.translate.instant('igo.geo.directionsForm.link') +
-            ':\n' +
-            indent +
-            this.getUrl();
-        let wayPointsCnt = 1;
+            this.activeRoute.properties.directions.title;
+        const distance = formatDistance(this.activeRoute.properties.directions.distance);
+        const duration = formatDuration(this.activeRoute.properties.directions.duration);
+        if (distance && duration) {
+            summary += ' (' + distance + ' - ' + duration + ')';
+        }
+        summary += newLine + newLine;
+        let stops = this.languageService.translate.instant('igo.geo.directions.directionsText.stopList') +
+            ':' +
+            newLine;
+        let stopNumber = 1;
         this.stopsStore.view.all().forEach((stop) => {
-            let coord = '';
+            let coords = '';
             let stopText = '';
-            if (stop.text !== roundCoordTo(stop.coordinates).join(',')) {
+            if (stop.text !== roundCoordToString(stop.coordinates, 6).join(', ')) {
                 stopText = stop.text;
-                coord = ` ( ${roundCoordTo(stop.coordinates).join(',')} )`;
+                coords = ` (${roundCoordToString(stop.coordinates, 6).join(', ')})`;
             }
             else {
-                stopText = roundCoordTo(stop.coordinates).join(',');
+                stopText = roundCoordToString(stop.coordinates, 6).join(', ');
             }
-            wayPointList =
-                wayPointList +
+            stops =
+                stops +
                     indent +
-                    wayPointsCnt.toLocaleString() +
+                    stopNumber.toLocaleString() +
                     '. ' +
                     stopText +
-                    coord +
-                    '\n';
-            wayPointsCnt++;
-        });
-        let localCnt = 0;
-        this.activeRoute.properties.direction.steps.forEach((step) => {
-            const instruction = this.formatStep(step, localCnt).instruction;
-            const distance = formatDistance(step.distance) === undefined
-                ? ''
-                : ' (' + formatDistance(step.distance) + ')';
-            activeRouteDirective =
-                activeRouteDirective +
-                    indent +
-                    (localCnt + 1).toLocaleString() +
-                    '. ' +
-                    instruction +
-                    distance +
-                    '\n';
-            localCnt++;
-        });
-        const directionsBody = summary + wayPointList + '\n' + url + '\n\n' + activeRouteDirective;
+                    coords +
+                    newLine;
+            stopNumber++;
+        });
+        stops += newLine;
+        const url = this.languageService.translate.instant('igo.geo.directions.directionsText.link') +
+            ':' +
+            newLine +
+            indent +
+            this.getLink() +
+            newLine +
+            newLine;
+        let directions = this.languageService.translate.instant('igo.geo.directions.directions') +
+            ':' +
+            newLine;
+        this.activeRoute.properties.directions.steps.forEach((step, stepIndex, steps) => {
+            const distance = formatDistance(step.distance);
+            const duration = formatDuration(step.duration);
+            if ((distance && duration) || stepIndex === steps.length - 1) {
+                const instruction = this.getFormattedStepInstruction(step, stepIndex);
+                const formattedDistanceDuration = distance && duration ? ` (${distance} - ${duration}) ` : '';
+                directions =
+                    directions +
+                        indent +
+                        '- ' +
+                        instruction +
+                        formattedDistanceDuration +
+                        newLine;
+            }
+        });
+        const directionsBody = summary + stops + url + directions;
         return directionsBody;
     }
-    formatStep(step, cnt) {
-        return formatInstruction(step.maneuver.type, step.maneuver.modifier, step.name, step.maneuver.bearing_after, cnt, step.maneuver.exit, this.languageService, cnt === this.activeRoute.properties.direction.steps.length - 1);
+    /**
+     * Formats a step.
+     *
+     * @param {IgoStep} step - The step to format.
+     * @param {number} stepIndex - The index of the step in the directions.
+     * @return {string} The formatted instruction for the step.
+     */
+    getFormattedStepInstruction(step, stepIndex) {
+        return formatStep(step, this.languageService, stepIndex === this.activeRoute.properties.directions.steps.length - 1).instruction;
     }
-    getUrl() {
-        if (!this.route) {
+    /**
+     * Generates a link based on the current route and stops.
+     *
+     * @return {string | undefined} The generated link, or undefined if the route service is not available.
+     */
+    getLink() {
+        if (!this.routeService) {
             return;
         }
         let context = '';
         if (this.contextUri) {
             context = `context=${this.contextUri}&`;
         }
-        const pos = this.routesFeatureStore
+        const routeIndex = this.routesFeatureStore
             .all()
             .map((direction) => direction.properties.id)
             .indexOf(this.activeRoute.properties.id);
         let routingOptions = '';
-        if (pos !== 0) {
-            const routingOptionsKey = this.route.options.directionsOptionsKey;
-            routingOptions = `&${routingOptionsKey}=result:${pos}`;
+        if (routeIndex !== 0) {
+            const routingOptionsKey = this.routeService.options.directionsOptionsKey;
+            routingOptions = `&${routingOptionsKey}=result:${routeIndex}`;
         }
-        const directionsKey = this.route.options.directionsCoordKey;
+        const directionsKey = this.routeService.options.directionsCoordKey;
         const stopsCoordinates = this.stopsStore.view
             .all()
             .map((stop) => roundCoordTo(stop.coordinates, 6));
@@ -8009,17 +8095,8 @@ class DirectionsButtonsComponent {
         }
         return;
     }
-    printDirections() {
-        this.stepFeatureStore.clear();
-        this.disabled$.next(true);
-        this.directionsService
-            .downloadDirection(this.routesFeatureStore.map, this.activeRoute.properties.direction)
-            .subscribe(() => {
-            this.disabled$.next(false);
-        });
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsButtonsComponent, deps: [{ token: i1$1.LanguageService }, { token: i2.MessageService }, { token: i3$1.RouteService, optional: true }, { token: DirectionsService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsButtonsComponent, isStandalone: true, selector: "igo-directions-buttons", inputs: { contextUri: "contextUri", zoomToActiveRoute$: "zoomToActiveRoute$", stopsStore: "stopsStore", routesFeatureStore: "routesFeatureStore", stepFeatureStore: "stepFeatureStore" }, ngImport: i0, template: "<div class=\"igo-form-button-group\">\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.geo.directionsForm.addStop' | translate\"\n    color=\"primary\"\n    (click)=\"addStop()\"\n  >\n    <mat-icon>add_location_alt</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"\n      (routesFeatureStore.count$ | async) >= 1 ||\n      (stopsStore.count$ | async) >= 1\n    \"\n    [matTooltip]=\"'igo.geo.directionsForm.resetDirectionsBtn' | translate\"\n    color=\"warn\"\n    (click)=\"resetStops()\"\n  >\n    <mat-icon>restore_page</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"zoomRoute()\"\n    [matTooltip]=\"'igo.geo.directionsForm.zoomRoute' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>zoom_in</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"copyDirectionsToClipboard()\"\n    [matTooltip]=\"'igo.geo.directionsForm.copy' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>content_copy</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"copyLinkToClipboard()\"\n    [matTooltip]=\"'igo.geo.directionsForm.link' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>link</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"printDirections()\"\n    [disabled]=\"disabled$ | async\"\n    [matTooltip]=\"'igo.geo.directionsForm.print' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>print</mat-icon>\n  </button>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsButtonsComponent, isStandalone: true, selector: "igo-directions-buttons", inputs: { contextUri: "contextUri", zoomOnActiveRoute$: "zoomOnActiveRoute$", stopsStore: "stopsStore", routesFeatureStore: "routesFeatureStore", stepsFeatureStore: "stepsFeatureStore" }, ngImport: i0, template: "<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.resetStops' | translate\"\n  color=\"warn\"\n  (click)=\"resetStops()\"\n>\n  <mat-icon>restart_alt</mat-icon>\n</button>\n<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.zoomOnRoute' | translate\"\n  color=\"primary\"\n  (click)=\"zoomOnActiveRoute()\"\n>\n  <mat-icon>frame_inspect</mat-icon>\n</button>\n<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.copyDirections' | translate\"\n  color=\"primary\"\n  (click)=\"copyDirectionsToClipboard()\"\n>\n  <mat-icon>content_copy</mat-icon>\n</button>\n<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.copyLink' | translate\"\n  color=\"primary\"\n  (click)=\"copyLinkToClipboard()\"\n>\n  <mat-icon>link</mat-icon>\n</button>\n\n<button\n  mat-icon-button\n  [disabled]=\"downloadDirectionsBtnDisabled\"\n  [matTooltip]=\"'igo.geo.directions.buttons.downloadDirections' | translate\"\n  color=\"primary\"\n  (click)=\"downloadDirections()\"\n>\n  <mat-icon>download</mat-icon>\n</button>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsButtonsComponent, decorators: [{
             type: Component,
@@ -8030,27 +8107,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NgIf,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<div class=\"igo-form-button-group\">\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    [matTooltip]=\"'igo.geo.directionsForm.addStop' | translate\"\n    color=\"primary\"\n    (click)=\"addStop()\"\n  >\n    <mat-icon>add_location_alt</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"\n      (routesFeatureStore.count$ | async) >= 1 ||\n      (stopsStore.count$ | async) >= 1\n    \"\n    [matTooltip]=\"'igo.geo.directionsForm.resetDirectionsBtn' | translate\"\n    color=\"warn\"\n    (click)=\"resetStops()\"\n  >\n    <mat-icon>restore_page</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"zoomRoute()\"\n    [matTooltip]=\"'igo.geo.directionsForm.zoomRoute' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>zoom_in</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"copyDirectionsToClipboard()\"\n    [matTooltip]=\"'igo.geo.directionsForm.copy' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>content_copy</mat-icon>\n  </button>\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"copyLinkToClipboard()\"\n    [matTooltip]=\"'igo.geo.directionsForm.link' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>link</mat-icon>\n  </button>\n\n  <button\n    mat-icon-button\n    tooltip-position=\"below\"\n    matTooltipShowDelay=\"500\"\n    *ngIf=\"(routesFeatureStore.count$ | async) >= 1\"\n    (click)=\"printDirections()\"\n    [disabled]=\"disabled$ | async\"\n    [matTooltip]=\"'igo.geo.directionsForm.print' | translate\"\n    color=\"primary\"\n  >\n    <mat-icon>print</mat-icon>\n  </button>\n</div>\n" }]
+                    ], template: "<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.resetStops' | translate\"\n  color=\"warn\"\n  (click)=\"resetStops()\"\n>\n  <mat-icon>restart_alt</mat-icon>\n</button>\n<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.zoomOnRoute' | translate\"\n  color=\"primary\"\n  (click)=\"zoomOnActiveRoute()\"\n>\n  <mat-icon>frame_inspect</mat-icon>\n</button>\n<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.copyDirections' | translate\"\n  color=\"primary\"\n  (click)=\"copyDirectionsToClipboard()\"\n>\n  <mat-icon>content_copy</mat-icon>\n</button>\n<button\n  mat-icon-button\n  [matTooltip]=\"'igo.geo.directions.buttons.copyLink' | translate\"\n  color=\"primary\"\n  (click)=\"copyLinkToClipboard()\"\n>\n  <mat-icon>link</mat-icon>\n</button>\n\n<button\n  mat-icon-button\n  [disabled]=\"downloadDirectionsBtnDisabled\"\n  [matTooltip]=\"'igo.geo.directions.buttons.downloadDirections' | translate\"\n  color=\"primary\"\n  (click)=\"downloadDirections()\"\n>\n  <mat-icon>download</mat-icon>\n</button>\n" }]
         }], ctorParameters: () => [{ type: i1$1.LanguageService }, { type: i2.MessageService }, { type: i3$1.RouteService, decorators: [{
                     type: Optional
                 }] }, { type: DirectionsService }], propDecorators: { contextUri: [{
-                type: Input
-            }], zoomToActiveRoute$: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
+            }], zoomOnActiveRoute$: [{
+                type: Input,
+                args: [{ required: true }]
             }], stopsStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], routesFeatureStore: [{
-                type: Input
-            }], stepFeatureStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
+            }], stepsFeatureStore: [{
+                type: Input,
+                args: [{ required: true }]
             }] } });
 
 class DirectionsInputsComponent {
     languageService;
-    invalidKeys = ['Control', 'Shift', 'Alt'];
-    onMapClickEventKeys = [];
-    stopWithHover;
-    stopIsDragged = false;
     stopsStore;
     stopsFeatureStore;
     projection;
@@ -8058,143 +8136,238 @@ class DirectionsInputsComponent {
     debounce = 200;
     length = 2;
     stopInputHasFocus = new EventEmitter(false);
+    invalidKeys = ['Control', 'Shift', 'Alt'];
+    onMapClickEventKeys = [];
+    stopWithHover;
+    stopIsDragged = false;
     constructor(languageService) {
         this.languageService = languageService;
     }
+    /**
+     * Returns the position property of the geolocationController.
+     *
+     * @return {BehaviorSubject<boolean> | undefined} The position property of
+     * the geolocationController.
+     */
+    get currentPosition() {
+        return (this.stopsFeatureStore?.map?.geolocationController?.position$?.value
+            ?.position &&
+            this.stopsFeatureStore?.map?.geolocationController?.tracking);
+    }
     ngOnDestroy() {
         this.unlistenMapSingleClick();
     }
+    /**
+     * Sets the stop with hover to the given stop.
+     *
+     * @param {Stop} stop - The stop to set as the stop with hover.
+     */
     onStopEnter(stop) {
         this.stopWithHover = stop;
     }
+    /**
+     * Sets the stop with hover to undefined.
+     *
+     */
     onStopLeave() {
         this.stopWithHover = undefined;
     }
+    /**
+     * Adds a stop to the stops store.
+     *
+     */
+    addStop() {
+        addStopToStore(this.stopsStore);
+    }
+    /**
+     * Returns the title of the option if it is an object and has a meta property with a title,
+     * otherwise returns the option itself.
+     *
+     * @param {any} option - The option to get the text from.
+     * @return {string} The title of the option if it is an object and has a meta property with a title,
+     * otherwise returns the option itself.
+     */
     getOptionText(option) {
         if (option instanceof Object) {
-            return option?.meta ? option.meta.title : '';
+            const { meta } = option;
+            return meta?.title || '';
         }
         return option;
     }
-    chooseProposal(event, stop) {
-        const result = event.option.value;
-        if (result) {
-            let geomCoord;
-            const geom = result.geometry;
-            if (geom.type === 'Point') {
-                geomCoord = geom.coordinates;
+    /**
+     * Chooses an option from a MatAutocomplete and updates the stop coordinates and text
+     * based on the selected feature.
+     *
+     * @param {Object} event - The event object containing the MatAutocomplete and MatOption.
+     * @param {MatAutocomplete} event.source - The MatAutocomplete component.
+     * @param {MatOption} event.option - The selected MatOption.
+     * @param {Stop} stop - The stop object to update.
+     */
+    chooseOption(event, stop) {
+        const feature = event.option.value;
+        if (feature) {
+            let coords;
+            const geometry = feature.geometry;
+            if (geometry.type === 'Point') {
+                coords = geometry.coordinates;
             }
             else {
-                const point = pointOnFeature(result.geometry);
-                geomCoord = [
-                    point.geometry.coordinates[0],
-                    point.geometry.coordinates[1]
-                ];
+                const point = pointOnFeature(feature.geometry);
+                coords = [point.geometry.coordinates[0], point.geometry.coordinates[1]];
             }
-            if (geomCoord) {
-                stop.coordinates = geomCoord;
-                stop.text = result.meta.title;
+            if (coords) {
+                stop.coordinates = coords;
+                stop.text = feature.meta.title;
                 this.stopsStore.update(stop);
             }
         }
     }
+    /**
+     * Sets the text of a stop based on the value of an input field.
+     *
+     * @param {KeyboardEvent} event - The keyboard event triggered by the input field.
+     * @param {Stop} stop - The stop object to update.
+     */
     setStopText(event, stop) {
         this.unlistenMapSingleClick();
-        const term = event.target.value;
-        if (term.length === 0) {
-            this.clearStop(stop);
+        const searchTerm = event.target.value;
+        if (searchTerm.length === 0) {
+            this.clearStopInput(stop);
         }
-        else if (this.validateTerm(term)) {
-            stop.text = term;
+        else if (this.validateSearchTerm(searchTerm)) {
+            stop.text = searchTerm;
             this.stopsStore.update(stop);
         }
     }
-    validateTerm(term) {
-        if (this.keyIsValid(term) &&
-            (term.length >= this.length || term.length === 0)) {
-            return true;
-        }
-        return false;
-    }
-    keyIsValid(key) {
-        return this.invalidKeys.find((value) => value === key) === undefined;
-    }
-    getNgClass(stop) {
-        if (!this.stopWithHover) {
-            return 'igo-input-container';
-        }
-        else if (stop.id === this.stopWithHover.id) {
-            return 'igo-input-container reduce';
-        }
-        else {
-            return 'igo-input-container';
-        }
+    /**
+     * Validates a search term by checking if it contains any invalid characters and if its length is valid.
+     *
+     * @param {string} searchTerm - The search term to be validated.
+     * @return {boolean} Returns true if the search term is valid, false otherwise.
+     */
+    validateSearchTerm(searchTerm) {
+        const charactersAreValid = this.invalidKeys.indexOf(searchTerm) === -1;
+        const lengthIsValid = searchTerm.length >= this.length || searchTerm.length === 0;
+        return charactersAreValid && lengthIsValid;
     }
-    getPlaceholder(stop) {
-        let extra = '';
-        if (stop.relativePosition) {
-            if (stop.relativePosition === DirectionRelativePositionType.Intermediate) {
-                extra = ' #' + stop.position;
-            }
-            return (this.languageService.translate.instant('igo.geo.directionsForm.' + stop.relativePosition) + extra);
-        }
-        else {
-            return '';
-        }
+    /**
+     * Returns the label for the given stop input.
+     *
+     * @param {Stop} stop - The stop containing relativePosition and position.
+     * @return {string} The label for the stop input.
+     */
+    getInputLabel(stop) {
+        const { relativePosition, position } = stop;
+        const label = relativePosition
+            ? this.languageService.translate.instant(`igo.geo.directions.input.${relativePosition}`)
+            : '';
+        return relativePosition === DirectionRelativePositionType.Intermediate
+            ? `${label} #${position}`
+            : label;
     }
+    /**
+     * Removes a stop from the stops store.
+     *
+     * @param {Stop} stop - The stop object to be removed.
+     */
     removeStop(stop) {
         removeStopFromStore(this.stopsStore, stop);
     }
-    clearStop(stop) {
+    /**
+     * Clears the specified stop in the stops store.
+     *
+     * @param {Stop} stop - The stop to be cleared.
+     */
+    clearStopInput(stop) {
         this.stopsStore.update({
             id: stop.id,
             relativePosition: stop.relativePosition,
             position: stop.position
         });
     }
-    drop(event) {
+    /**
+     * Use the current position as a stop.
+     *
+     * @param {Stop} stop - The stop to update with the current position.
+     */
+    useCurrentPosition(stop) {
+        this.useCoordinatesAsStop(this.stopsFeatureStore.map.geolocationController.position$.value.position, stop);
+    }
+    /**
+     * Moves a stop in the list of stops..
+     *
+     * @param {CdkDragDrop<string[]>} event - The event containing the previous and current index of the dropped stop.
+     */
+    dropStop(event) {
         this.moveStops(event.previousIndex, event.currentIndex);
     }
+    /**
+     * Moves a stop in the list of stops from one index to another.
+     *
+     * @param {number} fromIndex - The index to move the stop from.
+     * @param {number} toIndex - The index to move the stop to.
+     */
     moveStops(fromIndex, toIndex) {
         if (fromIndex !== toIndex) {
             const stops = [...this.stopsStore.view.all()];
             moveItemInArray(stops, fromIndex, toIndex);
-            stops.map((stop, i) => {
-                stop.relativePosition = computeRelativePosition(i, stops.length);
-                stop.position = i;
+            stops.map((stop, stopIndex) => {
+                stop.relativePosition = computeRelativePosition(stopIndex, stops.length - 1);
+                stop.position = stopIndex;
             });
             this.stopsStore.updateMany(stops);
             updateStoreSorting(this.stopsStore);
         }
     }
+    /**
+     * Handles the focus event on an input field for a stop.
+     *
+     * @param {Stop} stop - The stop that the input field is associated with.
+     */
     onInputFocus(stop) {
-        if (!stop.text || stop.text?.length === 0) {
-            this.unlistenMapSingleClick();
-            this.stopInputHasFocus.emit(true);
-            this.listenMapSingleClick(stop);
-        }
+        this.unlistenMapSingleClick();
+        this.stopInputHasFocus.emit(true);
+        this.listenMapSingleClick(stop);
     }
+    /**
+     * Listens for a single click event on the map and uses the coordinates of the click
+     * to set the given stop's coordinates.
+     *
+     * @param {Stop} stop - The stop to update with the clicked coordinates.
+     */
     listenMapSingleClick(stop) {
         const key = this.stopsFeatureStore.layer.map.ol.once('singleclick', (event) => {
-            const clickCoordinates = olproj.transform(event.coordinate, this.stopsFeatureStore.layer.map.projection, this.projection);
-            const roundedCoord = roundCoordTo(clickCoordinates, this.coordRoundedDecimals);
-            stop.text = roundedCoord.join(',');
-            stop.coordinates = roundedCoord;
-            this.stopsStore.update(stop);
-            setTimeout(() => {
-                this.stopInputHasFocus.emit(false);
-            }, 500);
+            this.useCoordinatesAsStop(event.coordinate, stop);
         });
         this.onMapClickEventKeys.push(key);
     }
+    /**
+     * Unlistens for map single click events and clears the list of event keys.
+     */
     unlistenMapSingleClick() {
         this.onMapClickEventKeys.map((key) => {
             olObservable.unByKey(key);
         });
         this.onMapClickEventKeys = [];
     }
+    /**
+     * Uses the given coordinates to update the given stop.
+     *
+     * @param {Coordinate} coordinates - The coordinates to transform and round.
+     * @param {Stop} stop - The stop to update with the new coordinates and text.
+     */
+    useCoordinatesAsStop(coordinates, stop) {
+        const projectedCoordinates = olproj.transform(coordinates, this.stopsFeatureStore.layer.map.projection, this.projection);
+        const roundedCoordinates = roundCoordTo(projectedCoordinates, this.coordRoundedDecimals);
+        stop.text = roundCoordToString(projectedCoordinates, this.coordRoundedDecimals).join(', ');
+        stop.coordinates = roundedCoordinates;
+        this.stopsStore.update(stop);
+        setTimeout(() => {
+            this.stopInputHasFocus.emit(false);
+        }, 500);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsInputsComponent, deps: [{ token: i1$1.LanguageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsInputsComponent, isStandalone: true, selector: "igo-directions-inputs", inputs: { stopsStore: "stopsStore", stopsFeatureStore: "stopsFeatureStore", projection: "projection", coordRoundedDecimals: "coordRoundedDecimals", debounce: "debounce", length: "length" }, outputs: { stopInputHasFocus: "stopInputHasFocus" }, ngImport: i0, template: "<div cdkDropList class=\"stops-list\" (cdkDropListDropped)=\"drop($event)\">\n  <div\n    touchleave\n    (touchenter)=\"onStopEnter(stop)\"\n    (touchleave)=\"onStopLeave()\"\n    (mouseover)=\"onStopEnter(stop)\"\n    (mouseleave)=\"onStopLeave()\"\n    (cdkDragStarted)=\"stopIsDragged = true\"\n    (cdkDragEnded)=\"stopIsDragged = false\"\n    cdkDragLockAxis=\"y\"\n    class=\"stop-box\"\n    *ngFor=\"let stop of stopsStore.view.all$() | async; let i = index\"\n    cdkDrag\n  >\n    <div [ngClass]=\"getNgClass(stop)\">\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>{{ getPlaceholder(stop) }}</mat-label>\n        <input\n          id=\"{{ stop.id }}\"\n          type=\"text\"\n          [placeholder]=\"getPlaceholder(stop)\"\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"stop.text\"\n          aria-label=\"Number\"\n          matInput\n          (focus)=\"onInputFocus(stop)\"\n          [(ngModel)]=\"stop.text\"\n          (keyup)=\"setStopText($event, stop)\"\n          (keydown.enter)=\"$event.preventDefault()\"\n          [matAutocomplete]=\"auto\"\n        />\n        <button\n          *ngIf=\"\n            (stop.text || stop.coordinates) &&\n            stopWithHover &&\n            stop.id === stopWithHover.id\n          \"\n          mat-icon-button\n          matSuffix\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"'igo.geo.directionsForm.clearStop' | translate\"\n          color=\"warn\"\n          aria-label=\"Clear\"\n          (click)=\"clearStop(stop)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n\n        <mat-autocomplete\n          [displayWith]=\"getOptionText\"\n          #auto=\"matAutocomplete\"\n          (optionSelected)=\"chooseProposal($event, stop)\"\n        >\n          <mat-optgroup\n            *ngFor=\"let source of stop.searchProposals\"\n            [label]=\"source.source.title\"\n            [disabled]=\"source.source.enabled === false\"\n          >\n            <mat-option\n              *ngFor=\"let result of source.results\"\n              [value]=\"result\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"result.meta ? result.meta.title : ''\"\n            >\n              {{ result.meta ? result.meta.title : '' }}\n            </mat-option>\n          </mat-optgroup>\n        </mat-autocomplete>\n      </mat-form-field>\n    </div>\n\n    <div\n      *ngIf=\"!stopIsDragged && stopWithHover && stop.id === stopWithHover.id\"\n      class=\"igo-form-button-group\"\n    >\n      <button\n        class=\"swipe-vertical\"\n        cdkDragHandle\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.directionsForm.moveStop' | translate\"\n        color=\"primary\"\n      >\n        <mat-icon>drag_indicator</mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"(stopsStore.count$ | async) > 2\"\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.directionsForm.removeStop' | translate\"\n        color=\"warn\"\n        (click)=\"removeStop(stop)\"\n      >\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host .igo-input-container{display:flex;width:100%}:host .igo-input-container mat-form-field{flex:1}:host .igo-form-button-group{display:flex;align-items:center;padding-left:12px}:host .stops-list{max-width:100%;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden;padding:20px 10px}:host .swipe-vertical{cursor:move}:host .stop-box{color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:#fff}:host .stop-box:not(:last-child){margin-bottom:16px}:host .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .cdk-drag-placeholder{opacity:0}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .stops-list.cdk-drop-list-dragging .stop-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$1.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsInputsComponent, isStandalone: true, selector: "igo-directions-inputs", inputs: { stopsStore: "stopsStore", stopsFeatureStore: "stopsFeatureStore", projection: "projection", coordRoundedDecimals: "coordRoundedDecimals", debounce: "debounce", length: "length" }, outputs: { stopInputHasFocus: "stopInputHasFocus" }, ngImport: i0, template: "<div cdkDropList class=\"stops-list\" (cdkDropListDropped)=\"dropStop($event)\">\n  <div\n    *ngFor=\"let stop of stopsStore.view.all$() | async; let stopIndex = index\"\n    class=\"stop\"\n  >\n    <div\n      (touchenter)=\"onStopEnter(stop)\"\n      (touchleave)=\"onStopLeave()\"\n      (mouseover)=\"onStopEnter(stop)\"\n      (mouseleave)=\"onStopLeave()\"\n      (cdkDragStarted)=\"stopIsDragged = true\"\n      (cdkDragEnded)=\"stopIsDragged = false\"\n      cdkDragLockAxis=\"y\"\n      class=\"stop-box\"\n      cdkDrag\n    >\n      <div class=\"prefix-actions\">\n        <button\n          class=\"swipe-vertical\"\n          cdkDragHandle\n          mat-icon-button\n          [matTooltip]=\"'igo.geo.directions.input.moveStop' | translate\"\n          color=\"primary\"\n        >\n          <mat-icon>drag_indicator</mat-icon>\n        </button>\n      </div>\n\n      <div class=\"igo-input-container\">\n        <mat-form-field subscriptSizing=\"dynamic\">\n          <mat-label>{{ getInputLabel(stop) }}</mat-label>\n          <input\n            [id]=\"stop.id\"\n            type=\"text\"\n            [placeholder]=\"'igo.geo.directions.input.placeholder' | translate\"\n            matInput\n            (focus)=\"onInputFocus(stop)\"\n            [(ngModel)]=\"stop.text\"\n            (keyup)=\"setStopText($event, stop)\"\n            (keydown.enter)=\"$event.preventDefault()\"\n            [matAutocomplete]=\"auto\"\n          />\n          <button\n            *ngIf=\"currentPosition\"\n            mat-icon-button\n            matPrefix\n            [matTooltip]=\"\n              'igo.geo.directions.input.currentPosition' | translate\n            \"\n            color=\"accent\"\n            (click)=\"useCurrentPosition(stop); $event.stopPropagation()\"\n          >\n            <mat-icon>my_location</mat-icon>\n          </button>\n          <button\n            *ngIf=\"stop.text || stop.coordinates\"\n            mat-icon-button\n            matSuffix\n            [matTooltip]=\"'igo.geo.directions.input.clearStop' | translate\"\n            color=\"warn\"\n            (click)=\"clearStopInput(stop)\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n\n          <mat-autocomplete\n            [displayWith]=\"getOptionText\"\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"chooseOption($event, stop)\"\n          >\n            <mat-optgroup\n              *ngFor=\"let source of stop.searchProposals\"\n              [label]=\"source.source.title\"\n              [disabled]=\"!source.source.enabled\"\n            >\n              <mat-option\n                *ngFor=\"let result of source.results\"\n                [value]=\"result\"\n              >\n                {{ result.meta ? result.meta.title : '' }}\n              </mat-option>\n            </mat-optgroup>\n          </mat-autocomplete>\n        </mat-form-field>\n      </div>\n      <button\n        class=\"delete-button\"\n        *ngIf=\"(stopsStore.count$ | async) > 2\"\n        mat-icon-button\n        [matTooltip]=\"'igo.geo.directions.input.removeStop' | translate\"\n        color=\"warn\"\n        (click)=\"removeStop(stop)\"\n      >\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"prefix-actions\">\n    <button\n      mat-icon-button\n      [disabled]=\"\n        (stopsStore.count$ | async) !== (stopsFeatureStore.count$ | async) ||\n        stopIsDragged\n      \"\n      [matTooltip]=\"'igo.geo.directions.input.addStop' | translate\"\n      color=\"primary\"\n      (click)=\"addStop()\"\n    >\n      <mat-icon>add_location_alt</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [":host .igo-input-container{display:flex;width:100%}:host .igo-input-container mat-form-field{flex:1}:host .stops-list{padding:12px 10px}:host .stops-list,:host .stop{display:flex;flex-flow:column;row-gap:12px}:host .stop:hover .swipe-vertical,:host .stop:hover .delete-button{visibility:visible;display:block}:host .swipe-vertical{visibility:hidden;cursor:move}:host .delete-button{display:none}:host .stop-box{display:flex;align-items:center;justify-content:space-between}:host .cdk-drag-placeholder{opacity:0}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .stops-list.cdk-drop-list-dragging .stop-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i6.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i6$1.MatOptgroup, selector: "mat-optgroup", inputs: ["label", "disabled"], exportAs: ["matOptgroup"] }, { kind: "directive", type: i6.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsInputsComponent, decorators: [{
             type: Component,
@@ -8215,13 +8388,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         CdkDragHandle,
                         AsyncPipe,
                         IgoLanguageModule
-                    ], template: "<div cdkDropList class=\"stops-list\" (cdkDropListDropped)=\"drop($event)\">\n  <div\n    touchleave\n    (touchenter)=\"onStopEnter(stop)\"\n    (touchleave)=\"onStopLeave()\"\n    (mouseover)=\"onStopEnter(stop)\"\n    (mouseleave)=\"onStopLeave()\"\n    (cdkDragStarted)=\"stopIsDragged = true\"\n    (cdkDragEnded)=\"stopIsDragged = false\"\n    cdkDragLockAxis=\"y\"\n    class=\"stop-box\"\n    *ngFor=\"let stop of stopsStore.view.all$() | async; let i = index\"\n    cdkDrag\n  >\n    <div [ngClass]=\"getNgClass(stop)\">\n      <mat-form-field subscriptSizing=\"dynamic\">\n        <mat-label>{{ getPlaceholder(stop) }}</mat-label>\n        <input\n          id=\"{{ stop.id }}\"\n          type=\"text\"\n          [placeholder]=\"getPlaceholder(stop)\"\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"stop.text\"\n          aria-label=\"Number\"\n          matInput\n          (focus)=\"onInputFocus(stop)\"\n          [(ngModel)]=\"stop.text\"\n          (keyup)=\"setStopText($event, stop)\"\n          (keydown.enter)=\"$event.preventDefault()\"\n          [matAutocomplete]=\"auto\"\n        />\n        <button\n          *ngIf=\"\n            (stop.text || stop.coordinates) &&\n            stopWithHover &&\n            stop.id === stopWithHover.id\n          \"\n          mat-icon-button\n          matSuffix\n          matTooltipShowDelay=\"500\"\n          [matTooltip]=\"'igo.geo.directionsForm.clearStop' | translate\"\n          color=\"warn\"\n          aria-label=\"Clear\"\n          (click)=\"clearStop(stop)\"\n        >\n          <mat-icon>close</mat-icon>\n        </button>\n\n        <mat-autocomplete\n          [displayWith]=\"getOptionText\"\n          #auto=\"matAutocomplete\"\n          (optionSelected)=\"chooseProposal($event, stop)\"\n        >\n          <mat-optgroup\n            *ngFor=\"let source of stop.searchProposals\"\n            [label]=\"source.source.title\"\n            [disabled]=\"source.source.enabled === false\"\n          >\n            <mat-option\n              *ngFor=\"let result of source.results\"\n              [value]=\"result\"\n              matTooltipShowDelay=\"500\"\n              [matTooltip]=\"result.meta ? result.meta.title : ''\"\n            >\n              {{ result.meta ? result.meta.title : '' }}\n            </mat-option>\n          </mat-optgroup>\n        </mat-autocomplete>\n      </mat-form-field>\n    </div>\n\n    <div\n      *ngIf=\"!stopIsDragged && stopWithHover && stop.id === stopWithHover.id\"\n      class=\"igo-form-button-group\"\n    >\n      <button\n        class=\"swipe-vertical\"\n        cdkDragHandle\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.directionsForm.moveStop' | translate\"\n        color=\"primary\"\n      >\n        <mat-icon>drag_indicator</mat-icon>\n      </button>\n\n      <button\n        *ngIf=\"(stopsStore.count$ | async) > 2\"\n        mat-icon-button\n        tooltip-position=\"below\"\n        matTooltipShowDelay=\"500\"\n        [matTooltip]=\"'igo.geo.directionsForm.removeStop' | translate\"\n        color=\"warn\"\n        (click)=\"removeStop(stop)\"\n      >\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host .igo-input-container{display:flex;width:100%}:host .igo-input-container mat-form-field{flex:1}:host .igo-form-button-group{display:flex;align-items:center;padding-left:12px}:host .stops-list{max-width:100%;min-height:60px;display:block;background:#fff;border-radius:4px;overflow:hidden;padding:20px 10px}:host .swipe-vertical{cursor:move}:host .stop-box{color:#000000de;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;background:#fff}:host .stop-box:not(:last-child){margin-bottom:16px}:host .cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}:host .cdk-drag-placeholder{opacity:0}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .stops-list.cdk-drop-list-dragging .stop-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+                    ], template: "<div cdkDropList class=\"stops-list\" (cdkDropListDropped)=\"dropStop($event)\">\n  <div\n    *ngFor=\"let stop of stopsStore.view.all$() | async; let stopIndex = index\"\n    class=\"stop\"\n  >\n    <div\n      (touchenter)=\"onStopEnter(stop)\"\n      (touchleave)=\"onStopLeave()\"\n      (mouseover)=\"onStopEnter(stop)\"\n      (mouseleave)=\"onStopLeave()\"\n      (cdkDragStarted)=\"stopIsDragged = true\"\n      (cdkDragEnded)=\"stopIsDragged = false\"\n      cdkDragLockAxis=\"y\"\n      class=\"stop-box\"\n      cdkDrag\n    >\n      <div class=\"prefix-actions\">\n        <button\n          class=\"swipe-vertical\"\n          cdkDragHandle\n          mat-icon-button\n          [matTooltip]=\"'igo.geo.directions.input.moveStop' | translate\"\n          color=\"primary\"\n        >\n          <mat-icon>drag_indicator</mat-icon>\n        </button>\n      </div>\n\n      <div class=\"igo-input-container\">\n        <mat-form-field subscriptSizing=\"dynamic\">\n          <mat-label>{{ getInputLabel(stop) }}</mat-label>\n          <input\n            [id]=\"stop.id\"\n            type=\"text\"\n            [placeholder]=\"'igo.geo.directions.input.placeholder' | translate\"\n            matInput\n            (focus)=\"onInputFocus(stop)\"\n            [(ngModel)]=\"stop.text\"\n            (keyup)=\"setStopText($event, stop)\"\n            (keydown.enter)=\"$event.preventDefault()\"\n            [matAutocomplete]=\"auto\"\n          />\n          <button\n            *ngIf=\"currentPosition\"\n            mat-icon-button\n            matPrefix\n            [matTooltip]=\"\n              'igo.geo.directions.input.currentPosition' | translate\n            \"\n            color=\"accent\"\n            (click)=\"useCurrentPosition(stop); $event.stopPropagation()\"\n          >\n            <mat-icon>my_location</mat-icon>\n          </button>\n          <button\n            *ngIf=\"stop.text || stop.coordinates\"\n            mat-icon-button\n            matSuffix\n            [matTooltip]=\"'igo.geo.directions.input.clearStop' | translate\"\n            color=\"warn\"\n            (click)=\"clearStopInput(stop)\"\n          >\n            <mat-icon>close</mat-icon>\n          </button>\n\n          <mat-autocomplete\n            [displayWith]=\"getOptionText\"\n            #auto=\"matAutocomplete\"\n            (optionSelected)=\"chooseOption($event, stop)\"\n          >\n            <mat-optgroup\n              *ngFor=\"let source of stop.searchProposals\"\n              [label]=\"source.source.title\"\n              [disabled]=\"!source.source.enabled\"\n            >\n              <mat-option\n                *ngFor=\"let result of source.results\"\n                [value]=\"result\"\n              >\n                {{ result.meta ? result.meta.title : '' }}\n              </mat-option>\n            </mat-optgroup>\n          </mat-autocomplete>\n        </mat-form-field>\n      </div>\n      <button\n        class=\"delete-button\"\n        *ngIf=\"(stopsStore.count$ | async) > 2\"\n        mat-icon-button\n        [matTooltip]=\"'igo.geo.directions.input.removeStop' | translate\"\n        color=\"warn\"\n        (click)=\"removeStop(stop)\"\n      >\n        <mat-icon>delete</mat-icon>\n      </button>\n    </div>\n  </div>\n  <div class=\"prefix-actions\">\n    <button\n      mat-icon-button\n      [disabled]=\"\n        (stopsStore.count$ | async) !== (stopsFeatureStore.count$ | async) ||\n        stopIsDragged\n      \"\n      [matTooltip]=\"'igo.geo.directions.input.addStop' | translate\"\n      color=\"primary\"\n      (click)=\"addStop()\"\n    >\n      <mat-icon>add_location_alt</mat-icon>\n    </button>\n  </div>\n</div>\n", styles: [":host .igo-input-container{display:flex;width:100%}:host .igo-input-container mat-form-field{flex:1}:host .stops-list{padding:12px 10px}:host .stops-list,:host .stop{display:flex;flex-flow:column;row-gap:12px}:host .stop:hover .swipe-vertical,:host .stop:hover .delete-button{visibility:visible;display:block}:host .swipe-vertical{visibility:hidden;cursor:move}:host .delete-button{display:none}:host .stop-box{display:flex;align-items:center;justify-content:space-between}:host .cdk-drag-placeholder{opacity:0}:host .cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}:host .stops-list.cdk-drop-list-dragging .stop-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.LanguageService }], propDecorators: { stopsStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], stopsFeatureStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], projection: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], coordRoundedDecimals: [{
                 type: Input
             }], debounce: [{
@@ -8235,11 +8411,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DirectionsResultsComponent {
     languageService;
     cdRef;
-    activeDirection;
-    directions;
-    entities$$;
     routesFeatureStore;
-    stepFeatureStore;
+    stepsFeatureStore;
+    activeRoute;
+    routes;
+    entities$$;
     constructor(languageService, cdRef) {
         this.languageService = languageService;
         this.cdRef = cdRef;
@@ -8247,83 +8423,128 @@ class DirectionsResultsComponent {
     ngOnInit() {
         this.entities$$ = this.routesFeatureStore.entities$
             .pipe(debounceTime(200))
-            .subscribe((entities) => {
-            const activeFeatureWithDirection = entities.find((entity) => entity.properties.active);
-            this.directions = entities.map((entity) => entity.properties.direction);
-            if (activeFeatureWithDirection) {
-                this.activeDirection =
-                    activeFeatureWithDirection.properties.direction;
-            }
-            else {
-                this.activeDirection = undefined;
-            }
+            .subscribe((features) => {
+            const activeFeature = features.find((entity) => entity.properties.active);
+            this.routes = features.map((entity) => entity.properties.directions);
+            this.activeRoute = activeFeature
+                ? activeFeature.properties.directions
+                : undefined;
             this.cdRef.detectChanges();
         });
     }
     ngOnDestroy() {
         this.entities$$.unsubscribe();
     }
-    changeRoute() {
-        this.routesFeatureStore.entities$.value.map((entity) => (entity.properties.active = !entity.properties.active));
+    /**
+     * Toggles the active state of all features in the routesFeatureStore and updates
+     * the active state of their corresponding features in the layer.
+     */
+    chooseRouteOption() {
+        this.routesFeatureStore.entities$.value.map((feature) => (feature.properties.active = !feature.properties.active));
         this.routesFeatureStore.layer.ol
             .getSource()
             .getFeatures()
             .map((feature) => feature.set('active', !feature.get('active')));
     }
+    /**
+     * Formats the given distance in meters.
+     *
+     * @param {number} distance - The distance in meters to be formatted.
+     * @return {string} The formatted distance string.
+     */
     formatDistance(distance) {
         return formatDistance(distance);
     }
+    /**
+     * Formats the given duration in seconds.
+     *
+     * @param {number} duration - The duration in seconds to be formatted.
+     * @return {string} The formatted duration string.
+     */
     formatDuration(duration) {
         return formatDuration(duration);
     }
-    formatStep(step, cnt) {
-        return formatInstruction(step.maneuver.type, step.maneuver.modifier, step.name, step.maneuver.bearing_after, cnt, step.maneuver.exit, this.languageService, cnt === this.activeDirection.steps.length - 1);
+    /**
+     * Returns a formatted string containing the distance and duration of the active route.
+     *
+     * @return {string} The formatted string, or an empty string if either distance or duration is undefined.
+     */
+    getTitleDurationAndDistance() {
+        return this.formatDistance(this.activeRoute.distance) &&
+            this.formatDuration(this.activeRoute.duration)
+            ? ' (' +
+                this.formatDistance(this.activeRoute.distance) +
+                ' - ' +
+                this.formatDuration(this.activeRoute.duration) +
+                ')'
+            : '';
     }
-    onStepsListBlur() {
-        this.stepFeatureStore.clear();
+    /**
+     * Formats a step and returns the formatted step.
+     *
+     * @param {IgoStep} step - The step to be formatted.
+     * @param {number} stepIndex - The index of the step in the active route.
+     * @return {FormattedStep} The formatted step.
+     */
+    getFormattedStep(step, stepIndex) {
+        return formatStep(step, this.languageService, stepIndex === this.activeRoute.steps.length - 1);
     }
-    showSegment(step, zoomToExtent = false) {
+    /**
+     * Clears the step feature store when the user's mouse leaves the list.
+     */
+    onLeaveList() {
+        this.stepsFeatureStore.clear();
+    }
+    /**
+     * Shows a step on the map and optionally zooming to the step.
+     *
+     * @param {IgoStep} step - The step to be shown.
+     * @param {boolean} [zoomToExtent=false] - Whether to zoom to the extent of the route segment geometry.
+     */
+    showStep(step, zoomToExtent = false) {
         this.showRouteSegmentGeometry(step, zoomToExtent);
     }
     showRouteSegmentGeometry(step, zoomToExtent = false) {
         const coordinates = step.geometry.coordinates;
         const vertexId = 'vertex';
         const geometry4326 = new olgeom.LineString(coordinates);
-        const geometryMapProjection = geometry4326.transform('EPSG:4326', this.stepFeatureStore.layer.map.projection);
+        const geometryMapProjection = geometry4326.transform('EPSG:4326', this.stepsFeatureStore.layer.map.projection);
         const routeSegmentCoordinates = geometryMapProjection.getCoordinates();
-        const lastPoint = routeSegmentCoordinates[0];
-        const geometry = new olgeom.Point(lastPoint);
-        const feature = new OlFeature({ geometry });
-        const geojsonGeom = new OlGeoJSON().writeGeometryObject(geometry, {
-            featureProjection: this.stepFeatureStore.layer.map.projection,
-            dataProjection: this.stepFeatureStore.layer.map.projection
+        const lastPointCoordinates = routeSegmentCoordinates[0];
+        const lastPointGeometry = new olgeom.Point(lastPointCoordinates);
+        const lastPointFeature = new OlFeature({
+            geometry: lastPointGeometry
         });
-        const previousVertex = this.stepFeatureStore.get(vertexId);
+        const geojsonGeom = new OlGeoJSON().writeGeometryObject(lastPointGeometry, {
+            featureProjection: this.stepsFeatureStore.layer.map.projection,
+            dataProjection: this.stepsFeatureStore.layer.map.projection
+        });
+        const previousVertex = this.stepsFeatureStore.get(vertexId);
         const previousVertexRevision = previousVertex
             ? previousVertex.meta.revision
             : 0;
         const stepFeature = {
             type: FEATURE,
             geometry: geojsonGeom,
-            projection: this.stepFeatureStore.layer.map.projection,
+            projection: this.stepsFeatureStore.layer.map.projection,
             properties: {
                 id: vertexId,
                 step,
-                type: DirectionType.Vertex
+                type: DirectionsType.Vertex
             },
             meta: {
                 id: vertexId,
                 revision: previousVertexRevision + 1
             },
-            ol: feature
+            ol: lastPointFeature
         };
-        this.stepFeatureStore.update(stepFeature);
+        this.stepsFeatureStore.update(stepFeature);
         if (zoomToExtent) {
-            this.stepFeatureStore.layer.map.viewController.zoomToExtent(feature.getGeometry().getExtent());
+            this.stepsFeatureStore.layer.map.viewController.zoomToExtent(lastPointFeature.getGeometry().getExtent());
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsResultsComponent, deps: [{ token: i1$1.LanguageService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsResultsComponent, isStandalone: true, selector: "igo-directions-results", inputs: { routesFeatureStore: "routesFeatureStore", stepFeatureStore: "stepFeatureStore" }, ngImport: i0, template: "<div class=\"igo-input-container\" *ngIf=\"directions && activeDirection\">\n  <mat-form-field *ngIf=\"directions && directions.length > 1\">\n    <mat-label>{{\n      'igo.geo.directionsForm.drivingOptions' | translate\n    }}</mat-label>\n    <mat-select\n      placeholder=\"{{ 'igo.geo.directionsForm.drivingOptions' | translate }}\"\n      (selectionChange)=\"changeRoute()\"\n      [(ngModel)]=\"activeDirection\"\n    >\n      <mat-option\n        *ngFor=\"let direction of directions; let cnt = index\"\n        [value]=\"direction\"\n      >\n        Option {{ cnt + 1 }} : {{ formatDistance(direction.distance) }} ({{\n          formatDuration(direction.duration)\n        }})\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-divider *ngIf=\"directions && directions.length === 0\"></mat-divider>\n\n  <mat-list (mouseleave)=\"onStepsListBlur()\">\n    <h2 mat-header class=\"igo-route-title\">{{ activeDirection.title }}</h2>\n    <span class=\"mat-caption\">\n      {{ formatDistance(activeDirection.distance) }},\n      {{ formatDuration(activeDirection.duration) }}\n    </span>\n    <mat-list-item\n      class=\"igo-steps\"\n      (mouseenter)=\"showSegment(step)\"\n      (click)=\"showSegment(step, true)\"\n      *ngFor=\"let step of activeDirection.steps; let cnt = index\"\n      igoListItem\n    >\n      <mat-icon [ngClass]=\"formatStep(step, cnt).cssClass\" matListItemIcon\n        >{{ formatStep(step, cnt).image }}\n      </mat-icon>\n\n      <span class=\"igo-step-text\">\n        {{ cnt + 1 }}. {{ formatStep(step, cnt).instruction }}\n      </span>\n      <span matListItemMeta>\n        {{ formatDistance(step.distance) }}\n      </span>\n    </mat-list-item>\n\n    <mat-divider></mat-divider>\n  </mat-list>\n</div>\n", styles: [".igo-input-container{width:100%;padding:20px 10px;box-sizing:border-box}.igo-input-container mat-form-field{width:70%}.igo-route-title{font-weight:700}.igo-steps{cursor:pointer;padding:35px 0}.igo-steps .igo-step-text{overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap}.mat-mdc-list-item{word-wrap:break-word!important;white-space:pre-wrap!important}.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.rotate-270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.rotate-250{-webkit-transform:rotate(250deg);-moz-transform:rotate(250deg);-ms-transform:rotate(250deg);-o-transform:rotate(250deg);transform:rotate(250deg)}.rotate-290{-webkit-transform:rotate(290deg);-moz-transform:rotate(290deg);-ms-transform:rotate(290deg);-o-transform:rotate(290deg);transform:rotate(290deg)}.icon-flipped{-o-transform:scaleY(-1);-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3$3.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$4.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsResultsComponent, isStandalone: true, selector: "igo-directions-results", inputs: { routesFeatureStore: "routesFeatureStore", stepsFeatureStore: "stepsFeatureStore" }, ngImport: i0, template: "<div class=\"igo-input-container\" *ngIf=\"routes && activeRoute\">\n  <mat-form-field *ngIf=\"routes.length > 1\" [matTooltip]=\"activeRoute.title\">\n    <mat-label>{{\n      'igo.geo.directions.results.routeOptions' | translate\n    }}</mat-label>\n    <mat-select\n      (selectionChange)=\"chooseRouteOption()\"\n      [(ngModel)]=\"activeRoute\"\n    >\n      <mat-option\n        *ngFor=\"let route of routes; let routeIndex = index\"\n        [value]=\"route\"\n      >\n        Option {{ routeIndex + 1 }}: {{ route.title }} ({{\n          formatDistance(route.distance)\n        }}\n        - {{ formatDuration(route.duration) }})\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <h3 mat-header class=\"igo-route-title\">\n    {{ activeRoute.title }}\n    {{ getTitleDurationAndDistance() }}\n  </h3>\n  <mat-list (mouseleave)=\"onLeaveList()\">\n    <ng-container *ngFor=\"let step of activeRoute.steps; let stepIndex = index\">\n      <mat-list-item\n        *ngIf=\"\n          (formatDistance(step.distance) && formatDuration(step.duration)) ||\n          stepIndex === activeRoute.steps.length - 1\n        \"\n        matListItem\n        class=\"igo-steps step\"\n        (mouseenter)=\"showStep(step)\"\n        (click)=\"showStep(step, true)\"\n      >\n        <mat-icon\n          matListItemIcon\n          [matTooltip]=\"\n            'igo.geo.directions.results.stepTitleTooltip' | translate\n          \"\n          >{{ getFormattedStep(step, stepIndex).iconName }}\n        </mat-icon>\n\n        <span\n          matListItemTitle\n          class=\"step-title\"\n          [matTooltip]=\"getFormattedStep(step, stepIndex).instruction\"\n        >\n          {{ getFormattedStep(step, stepIndex).instruction }}\n        </span>\n        <span\n          *ngIf=\"stepIndex !== activeRoute.steps.length - 1\"\n          matListItemLine\n        >\n          {{ formatDistance(step.distance) }} -\n          {{ formatDuration(step.duration) }}\n        </span>\n      </mat-list-item>\n    </ng-container>\n  </mat-list>\n</div>\n", styles: [".igo-input-container{width:100%;padding:20px 10px;box-sizing:border-box}.igo-input-container mat-form-field{width:100%}.igo-route-title{font-weight:700;margin:0}.step{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatOptionModule }, { kind: "ngmodule", type: MatDividerModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i1$4.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i1$4.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i1$4.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i1$4.MatListItemLine, selector: "[matListItemLine]" }, { kind: "directive", type: i1$4.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsResultsComponent, decorators: [{
             type: Component,
@@ -8335,15 +8556,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NgFor,
                         MatOptionModule,
                         MatDividerModule,
+                        MatTooltipModule,
                         MatListModule,
                         MatIconModule,
                         NgClass,
                         IgoLanguageModule
-                    ], template: "<div class=\"igo-input-container\" *ngIf=\"directions && activeDirection\">\n  <mat-form-field *ngIf=\"directions && directions.length > 1\">\n    <mat-label>{{\n      'igo.geo.directionsForm.drivingOptions' | translate\n    }}</mat-label>\n    <mat-select\n      placeholder=\"{{ 'igo.geo.directionsForm.drivingOptions' | translate }}\"\n      (selectionChange)=\"changeRoute()\"\n      [(ngModel)]=\"activeDirection\"\n    >\n      <mat-option\n        *ngFor=\"let direction of directions; let cnt = index\"\n        [value]=\"direction\"\n      >\n        Option {{ cnt + 1 }} : {{ formatDistance(direction.distance) }} ({{\n          formatDuration(direction.duration)\n        }})\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <mat-divider *ngIf=\"directions && directions.length === 0\"></mat-divider>\n\n  <mat-list (mouseleave)=\"onStepsListBlur()\">\n    <h2 mat-header class=\"igo-route-title\">{{ activeDirection.title }}</h2>\n    <span class=\"mat-caption\">\n      {{ formatDistance(activeDirection.distance) }},\n      {{ formatDuration(activeDirection.duration) }}\n    </span>\n    <mat-list-item\n      class=\"igo-steps\"\n      (mouseenter)=\"showSegment(step)\"\n      (click)=\"showSegment(step, true)\"\n      *ngFor=\"let step of activeDirection.steps; let cnt = index\"\n      igoListItem\n    >\n      <mat-icon [ngClass]=\"formatStep(step, cnt).cssClass\" matListItemIcon\n        >{{ formatStep(step, cnt).image }}\n      </mat-icon>\n\n      <span class=\"igo-step-text\">\n        {{ cnt + 1 }}. {{ formatStep(step, cnt).instruction }}\n      </span>\n      <span matListItemMeta>\n        {{ formatDistance(step.distance) }}\n      </span>\n    </mat-list-item>\n\n    <mat-divider></mat-divider>\n  </mat-list>\n</div>\n", styles: [".igo-input-container{width:100%;padding:20px 10px;box-sizing:border-box}.igo-input-container mat-form-field{width:70%}.igo-route-title{font-weight:700}.igo-steps{cursor:pointer;padding:35px 0}.igo-steps .igo-step-text{overflow-wrap:break-word;word-wrap:break-word;white-space:pre-wrap}.mat-mdc-list-item{word-wrap:break-word!important;white-space:pre-wrap!important}.rotate-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.rotate-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.rotate-270{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.rotate-250{-webkit-transform:rotate(250deg);-moz-transform:rotate(250deg);-ms-transform:rotate(250deg);-o-transform:rotate(250deg);transform:rotate(250deg)}.rotate-290{-webkit-transform:rotate(290deg);-moz-transform:rotate(290deg);-ms-transform:rotate(290deg);-o-transform:rotate(290deg);transform:rotate(290deg)}.icon-flipped{-o-transform:scaleY(-1);-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}\n"] }]
+                    ], template: "<div class=\"igo-input-container\" *ngIf=\"routes && activeRoute\">\n  <mat-form-field *ngIf=\"routes.length > 1\" [matTooltip]=\"activeRoute.title\">\n    <mat-label>{{\n      'igo.geo.directions.results.routeOptions' | translate\n    }}</mat-label>\n    <mat-select\n      (selectionChange)=\"chooseRouteOption()\"\n      [(ngModel)]=\"activeRoute\"\n    >\n      <mat-option\n        *ngFor=\"let route of routes; let routeIndex = index\"\n        [value]=\"route\"\n      >\n        Option {{ routeIndex + 1 }}: {{ route.title }} ({{\n          formatDistance(route.distance)\n        }}\n        - {{ formatDuration(route.duration) }})\n      </mat-option>\n    </mat-select>\n  </mat-form-field>\n\n  <h3 mat-header class=\"igo-route-title\">\n    {{ activeRoute.title }}\n    {{ getTitleDurationAndDistance() }}\n  </h3>\n  <mat-list (mouseleave)=\"onLeaveList()\">\n    <ng-container *ngFor=\"let step of activeRoute.steps; let stepIndex = index\">\n      <mat-list-item\n        *ngIf=\"\n          (formatDistance(step.distance) && formatDuration(step.duration)) ||\n          stepIndex === activeRoute.steps.length - 1\n        \"\n        matListItem\n        class=\"igo-steps step\"\n        (mouseenter)=\"showStep(step)\"\n        (click)=\"showStep(step, true)\"\n      >\n        <mat-icon\n          matListItemIcon\n          [matTooltip]=\"\n            'igo.geo.directions.results.stepTitleTooltip' | translate\n          \"\n          >{{ getFormattedStep(step, stepIndex).iconName }}\n        </mat-icon>\n\n        <span\n          matListItemTitle\n          class=\"step-title\"\n          [matTooltip]=\"getFormattedStep(step, stepIndex).instruction\"\n        >\n          {{ getFormattedStep(step, stepIndex).instruction }}\n        </span>\n        <span\n          *ngIf=\"stepIndex !== activeRoute.steps.length - 1\"\n          matListItemLine\n        >\n          {{ formatDistance(step.distance) }} -\n          {{ formatDuration(step.duration) }}\n        </span>\n      </mat-list-item>\n    </ng-container>\n  </mat-list>\n</div>\n", styles: [".igo-input-container{width:100%;padding:20px 10px;box-sizing:border-box}.igo-input-container mat-form-field{width:100%}.igo-route-title{font-weight:700;margin:0}.step{cursor:pointer}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.LanguageService }, { type: i0.ChangeDetectorRef }], propDecorators: { routesFeatureStore: [{
-                type: Input
-            }], stepFeatureStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
+            }], stepsFeatureStore: [{
+                type: Input,
+                args: [{ required: true }]
             }] } });
 
 const EYE_CLOSE_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>eye-closed</title><path d="M12 17.5C8.2 17.5 4.8 15.4 3.2 12H1C2.7 16.4 7 19.5 12 19.5S21.3 16.4 23 12H20.8C19.2 15.4 15.8 17.5 12 17.5Z" /></svg>`;
@@ -17138,7 +17362,7 @@ class DirectionsComponent {
     projection = 'EPSG:4326';
     hasOsrmPrivateAccess = false;
     twoSourcesAvailable = false;
-    zoomRoute$$;
+    zoomOnActiveRoute$$;
     storeEmpty$$;
     storeChange$$;
     routesQueries$$ = [];
@@ -17154,11 +17378,11 @@ class DirectionsComponent {
     stopsStore;
     stopsFeatureStore;
     routesFeatureStore;
-    stepFeatureStore;
+    stepsFeatureStore;
     debounce = 200;
     length = 2;
     coordRoundedDecimals = 6;
-    zoomToActiveRoute$ = new Subject();
+    zoomOnActiveRoute$ = new Subject();
     authenticated$;
     /**
      * Wheter one of the direction control is active
@@ -17207,7 +17431,7 @@ class DirectionsComponent {
         setTimeout(() => {
             initStopsFeatureStore(this.stopsFeatureStore, this.languageService);
             initRoutesFeatureStore(this.routesFeatureStore, this.languageService);
-            initStepFeatureStore(this.stepFeatureStore);
+            initStepsFeatureStore(this.stepsFeatureStore);
             this.initOlInteraction();
         }, 1);
     }
@@ -17216,7 +17440,7 @@ class DirectionsComponent {
         this.storeEmpty$$.unsubscribe();
         this.storeChange$$.unsubscribe();
         this.routesQueries$$.map((u) => u.unsubscribe());
-        this.zoomRoute$$.unsubscribe();
+        this.zoomOnActiveRoute$$.unsubscribe();
         this.authenticated$$.unsubscribe();
         this.freezeStores();
         if (this.stopsFeatureStore.empty) {
@@ -17230,7 +17454,7 @@ class DirectionsComponent {
         this.interactions.map((interaction) => this.routesFeatureStore.layer.map.ol.removeInteraction(interaction));
         this.stopsFeatureStore.deactivateStrategyOfType(FeatureStoreLoadingStrategy);
         this.routesFeatureStore.deactivateStrategyOfType(FeatureStoreLoadingStrategy);
-        this.stepFeatureStore.deactivateStrategyOfType(FeatureStoreLoadingStrategy);
+        this.stepsFeatureStore.deactivateStrategyOfType(FeatureStoreLoadingStrategy);
     }
     initEntityStores() {
         this.watcher = new EntityStoreWatcher(this.stopsStore, this.cdRef);
@@ -17239,14 +17463,26 @@ class DirectionsComponent {
         this.monitorActiveRouteZoom();
     }
     monitorActiveRouteZoom() {
-        this.zoomRoute$$ = this.zoomToActiveRoute$.subscribe(() => {
+        this.zoomOnActiveRoute$$ = this.zoomOnActiveRoute$.subscribe(() => {
             if (this.routesFeatureStore.count >= 1) {
                 const activeRoute = this.routesFeatureStore
                     .all()
                     .find((route) => route.properties.active);
                 if (activeRoute) {
-                    activeRoute.ol.getGeometry();
-                    const routeExtent = activeRoute.ol.getGeometry().getExtent();
+                    const stopsCoordinates = this.stopsStore
+                        .all()
+                        .map((stop) => olproj.transform(stop.coordinates, 'EPSG:4326', 'EPSG:3857'));
+                    const routeCoordinates = activeRoute.geometry.coordinates;
+                    const coordinates = [
+                        ...stopsCoordinates,
+                        ...routeCoordinates
+                    ];
+                    const routeExtent = coordinates.reduce(([x_min, y_min, x_max, y_max], [x, y]) => [
+                        Math.min(x_min, x),
+                        Math.min(y_min, y),
+                        Math.max(x_max, x),
+                        Math.max(y_max, y)
+                    ], [Infinity, Infinity, -Infinity, -Infinity]);
                     this.routesFeatureStore.layer.map.viewController.zoomToExtent(routeExtent);
                 }
             }
@@ -17276,16 +17512,16 @@ class DirectionsComponent {
             condition: olCondition.click,
             hitTolerance: 7,
             filter: (feature) => {
-                return (feature.get('type') === DirectionType.Route &&
+                return (feature.get('type') === DirectionsType.Route &&
                     feature.get('active') &&
                     !this.isTranslating);
             }
         });
         this.selectedRoute.on('select', (evt) => {
             if (this.focusOnStop === false) {
-                const selectCoordinates = roundCoordTo(olproj.transform(evt.mapBrowserEvent.coordinate, this.routesFeatureStore.layer.map.projection, this.projection), this.coordRoundedDecimals);
+                const selectCoordinates = olproj.transform(evt.mapBrowserEvent.coordinate, this.routesFeatureStore.layer.map.projection, this.projection);
                 const addedStop = addStopToStore(this.stopsStore);
-                addedStop.text = selectCoordinates.join(',');
+                addedStop.text = roundCoordToString(selectCoordinates, this.coordRoundedDecimals).join(', ');
                 addedStop.coordinates = [selectCoordinates[0], selectCoordinates[1]];
             }
         });
@@ -17306,7 +17542,7 @@ class DirectionsComponent {
         const translatedStop = this.stopsStore.get(translatedStopId);
         const roundedCoord = roundCoordTo(translationCoordinates, this.coordRoundedDecimals);
         translatedStop.coordinates = roundedCoord;
-        translatedStop.text = roundedCoord.join(',');
+        translatedStop.text = roundCoordToString(translationCoordinates, this.coordRoundedDecimals).join(', ');
         this.stopsStore.update(translatedStop);
     }
     monitorEmptyEntityStore() {
@@ -17447,12 +17683,12 @@ class DirectionsComponent {
         if (routeResponse) {
             this.routesQueries$$.push(routeResponse.subscribe((directions) => {
                 this.routesFeatureStore.deleteMany(this.routesFeatureStore.all());
-                directions.map((direction) => addDirectionToRoutesFeatureStore(this.routesFeatureStore, direction, this.projection, direction === directions[0] ? true : false));
+                directions.map((direction) => addRouteToRoutesFeatureStore(this.routesFeatureStore, direction, this.projection, direction === directions[0] ? true : false));
             }));
         }
     }
     addStopOverlay(stop) {
-        addStopToStopsFeatureStore(stop, this.stopsStore, this.stopsFeatureStore, this.projection, this.languageService);
+        addStopToStopsFeatureStore(stop, this.stopsFeatureStore, this.projection, this.languageService);
     }
     onToggleDirectionsControl(isActive) {
         this.queryService.queryEnabled = !isActive;
@@ -17465,7 +17701,7 @@ class DirectionsComponent {
         this.directionsSourceService.sources[0].profiles.forEach((profile) => (profile.enabled = false));
         if (isActive) {
             this.directionsSourceService.sources[0].profiles.find((profile) => profile.authorization).enabled = true;
-            this.messageService.alert(this.languageService.translate.instant('igo.geo.directionsForm.forestRoadsWarning.text'), this.languageService.translate.instant('igo.geo.directionsForm.forestRoadsWarning.title'));
+            this.messageService.alert(this.languageService.translate.instant('igo.geo.directions.forestRoadsWarning.text'), this.languageService.translate.instant('igo.geo.directions.forestRoadsWarning.title'));
         }
         else {
             this.directionsSourceService.sources[0].profiles.find((profile) => !profile.authorization).enabled = true;
@@ -17473,7 +17709,7 @@ class DirectionsComponent {
         this.getRoutes();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.HttpClient }, { token: i1$1.LanguageService }, { token: DirectionsService }, { token: DirectionsSourceService }, { token: SearchService }, { token: QueryService }, { token: i2.MessageService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsComponent, isStandalone: true, selector: "igo-directions", inputs: { contextUri: "contextUri", stopsStore: "stopsStore", stopsFeatureStore: "stopsFeatureStore", routesFeatureStore: "routesFeatureStore", stepFeatureStore: "stepFeatureStore", debounce: "debounce", length: "length", coordRoundedDecimals: "coordRoundedDecimals", zoomToActiveRoute$: "zoomToActiveRoute$", authenticated$: "authenticated$" }, ngImport: i0, template: "<div class=\"directions-options\">\n  <mat-slide-toggle\n    [checked]=\"directionControlIsActive\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onToggleDirectionsControl($event.checked)\"\n  >\n    {{ 'igo.geo.directionsForm.toggleActive' | translate }}\n  </mat-slide-toggle>\n  <mat-slide-toggle\n    *ngIf=\"hasOsrmPrivateAccess && twoSourcesAvailable\"\n    [checked]=\"enabledProfileHasAuthorization\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onTogglePrivateModeControl($event.checked)\"\n  >\n    {{ 'igo.geo.directionsForm.toggleType' | translate }}\n  </mat-slide-toggle>\n</div>\n\n<igo-directions-buttons\n  [stepFeatureStore]=\"stepFeatureStore\"\n  [contextUri]=\"contextUri\"\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n></igo-directions-buttons>\n\n<igo-directions-inputs\n  (stopInputHasFocus)=\"onStopInputHasFocusChange($event)\"\n  [coordRoundedDecimals]=\"coordRoundedDecimals\"\n  [projection]=\"projection\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n  [debounce]=\"debounce\"\n  [length]=\"length\"\n></igo-directions-inputs>\n\n<igo-directions-results\n  [stepFeatureStore]=\"stepFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n></igo-directions-results>\n", styles: [".directions-options mat-slide-toggle{width:100%;padding:10px}.directions-options mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}.directions-options mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: DirectionsButtonsComponent, selector: "igo-directions-buttons", inputs: ["contextUri", "zoomToActiveRoute$", "stopsStore", "routesFeatureStore", "stepFeatureStore"] }, { kind: "component", type: DirectionsInputsComponent, selector: "igo-directions-inputs", inputs: ["stopsStore", "stopsFeatureStore", "projection", "coordRoundedDecimals", "debounce", "length"], outputs: ["stopInputHasFocus"] }, { kind: "component", type: DirectionsResultsComponent, selector: "igo-directions-results", inputs: ["routesFeatureStore", "stepFeatureStore"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DirectionsComponent, isStandalone: true, selector: "igo-directions", inputs: { contextUri: "contextUri", stopsStore: "stopsStore", stopsFeatureStore: "stopsFeatureStore", routesFeatureStore: "routesFeatureStore", stepsFeatureStore: "stepsFeatureStore", debounce: "debounce", length: "length", coordRoundedDecimals: "coordRoundedDecimals", zoomOnActiveRoute$: "zoomOnActiveRoute$", authenticated$: "authenticated$" }, ngImport: i0, template: "<div class=\"directions-options\">\n  <mat-slide-toggle\n    [checked]=\"directionControlIsActive\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onToggleDirectionsControl($event.checked)\"\n  >\n    {{ 'igo.geo.directions.toggle.activateControl' | translate }}\n  </mat-slide-toggle>\n  <mat-slide-toggle\n    *ngIf=\"hasOsrmPrivateAccess && twoSourcesAvailable\"\n    [checked]=\"enabledProfileHasAuthorization\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onTogglePrivateModeControl($event.checked)\"\n  >\n    {{ 'igo.geo.directions.toggle.type' | translate }}\n  </mat-slide-toggle>\n</div>\n\n<igo-directions-inputs\n  (stopInputHasFocus)=\"onStopInputHasFocusChange($event)\"\n  [coordRoundedDecimals]=\"coordRoundedDecimals\"\n  [projection]=\"projection\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n  [debounce]=\"debounce\"\n  [length]=\"length\"\n></igo-directions-inputs>\n\n<igo-directions-buttons\n  *ngIf=\"routesFeatureStore.all().length > 0\"\n  [stepsFeatureStore]=\"stepsFeatureStore\"\n  [contextUri]=\"contextUri\"\n  [zoomOnActiveRoute$]=\"zoomOnActiveRoute$\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n></igo-directions-buttons>\n\n<igo-directions-results\n  [stepsFeatureStore]=\"stepsFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n></igo-directions-results>\n", styles: [".directions-options{display:flex;flex-flow:column;align-items:center;margin:0 12px}.directions-options mat-slide-toggle{width:100%;padding:10px}.directions-options mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}.directions-options mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;margin-right:auto;width:auto;padding-right:0}.directions-options mat-slide-toggle ::ng-deep .mdc-slide-toggle{margin-left:auto;margin-right:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i8$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i5$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: DirectionsButtonsComponent, selector: "igo-directions-buttons", inputs: ["contextUri", "zoomOnActiveRoute$", "stopsStore", "routesFeatureStore", "stepsFeatureStore"] }, { kind: "component", type: DirectionsInputsComponent, selector: "igo-directions-inputs", inputs: ["stopsStore", "stopsFeatureStore", "projection", "coordRoundedDecimals", "debounce", "length"], outputs: ["stopInputHasFocus"] }, { kind: "component", type: DirectionsResultsComponent, selector: "igo-directions-results", inputs: ["routesFeatureStore", "stepsFeatureStore"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DirectionsComponent, decorators: [{
             type: Component,
@@ -17484,27 +17720,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         DirectionsInputsComponent,
                         DirectionsResultsComponent,
                         IgoLanguageModule
-                    ], template: "<div class=\"directions-options\">\n  <mat-slide-toggle\n    [checked]=\"directionControlIsActive\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onToggleDirectionsControl($event.checked)\"\n  >\n    {{ 'igo.geo.directionsForm.toggleActive' | translate }}\n  </mat-slide-toggle>\n  <mat-slide-toggle\n    *ngIf=\"hasOsrmPrivateAccess && twoSourcesAvailable\"\n    [checked]=\"enabledProfileHasAuthorization\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onTogglePrivateModeControl($event.checked)\"\n  >\n    {{ 'igo.geo.directionsForm.toggleType' | translate }}\n  </mat-slide-toggle>\n</div>\n\n<igo-directions-buttons\n  [stepFeatureStore]=\"stepFeatureStore\"\n  [contextUri]=\"contextUri\"\n  [zoomToActiveRoute$]=\"zoomToActiveRoute$\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n></igo-directions-buttons>\n\n<igo-directions-inputs\n  (stopInputHasFocus)=\"onStopInputHasFocusChange($event)\"\n  [coordRoundedDecimals]=\"coordRoundedDecimals\"\n  [projection]=\"projection\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n  [debounce]=\"debounce\"\n  [length]=\"length\"\n></igo-directions-inputs>\n\n<igo-directions-results\n  [stepFeatureStore]=\"stepFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n></igo-directions-results>\n", styles: [".directions-options mat-slide-toggle{width:100%;padding:10px}.directions-options mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}.directions-options mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;width:calc(100% - 60px)}\n"] }]
+                    ], template: "<div class=\"directions-options\">\n  <mat-slide-toggle\n    [checked]=\"directionControlIsActive\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onToggleDirectionsControl($event.checked)\"\n  >\n    {{ 'igo.geo.directions.toggle.activateControl' | translate }}\n  </mat-slide-toggle>\n  <mat-slide-toggle\n    *ngIf=\"hasOsrmPrivateAccess && twoSourcesAvailable\"\n    [checked]=\"enabledProfileHasAuthorization\"\n    [labelPosition]=\"'before'\"\n    (change)=\"onTogglePrivateModeControl($event.checked)\"\n  >\n    {{ 'igo.geo.directions.toggle.type' | translate }}\n  </mat-slide-toggle>\n</div>\n\n<igo-directions-inputs\n  (stopInputHasFocus)=\"onStopInputHasFocusChange($event)\"\n  [coordRoundedDecimals]=\"coordRoundedDecimals\"\n  [projection]=\"projection\"\n  [stopsFeatureStore]=\"stopsFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n  [debounce]=\"debounce\"\n  [length]=\"length\"\n></igo-directions-inputs>\n\n<igo-directions-buttons\n  *ngIf=\"routesFeatureStore.all().length > 0\"\n  [stepsFeatureStore]=\"stepsFeatureStore\"\n  [contextUri]=\"contextUri\"\n  [zoomOnActiveRoute$]=\"zoomOnActiveRoute$\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n  [stopsStore]=\"stopsStore\"\n></igo-directions-buttons>\n\n<igo-directions-results\n  [stepsFeatureStore]=\"stepsFeatureStore\"\n  [routesFeatureStore]=\"routesFeatureStore\"\n></igo-directions-results>\n", styles: [".directions-options{display:flex;flex-flow:column;align-items:center;margin:0 12px}.directions-options mat-slide-toggle{width:100%;padding:10px}.directions-options mat-slide-toggle ::ng-deep .mdc-form-field{width:100%}.directions-options mat-slide-toggle ::ng-deep .mdc-label{margin-left:0;margin-right:auto;width:auto;padding-right:0}.directions-options mat-slide-toggle ::ng-deep .mdc-slide-toggle{margin-left:auto;margin-right:0}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1.HttpClient }, { type: i1$1.LanguageService }, { type: DirectionsService }, { type: DirectionsSourceService }, { type: SearchService }, { type: QueryService }, { type: i2.MessageService }], propDecorators: { contextUri: [{
                 type: Input
             }], stopsStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], stopsFeatureStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }], routesFeatureStore: [{
-                type: Input
-            }], stepFeatureStore: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
+            }], stepsFeatureStore: [{
+                type: Input,
+                args: [{ required: true }]
             }], debounce: [{
                 type: Input
             }], length: [{
                 type: Input
             }], coordRoundedDecimals: [{
                 type: Input
-            }], zoomToActiveRoute$: [{
-                type: Input
+            }], zoomOnActiveRoute$: [{
+                type: Input,
+                args: [{ required: true }]
             }], authenticated$: [{
-                type: Input
+                type: Input,
+                args: [{ required: true }]
             }] } });
 
 class IgoDirectionsModule {
@@ -42422,5 +42664,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AddCatalogDialogComponent, ArcGISRestCapabilitiesLayerTypes, ArcGISRestDataSource, BaseLayersSwitcherComponent, CATALOG_DIRECTIVES, CATALOG_LIBRARY_DIRECTIVES, CadastreSearchSource, CapabilitiesService, CartoDataSource, Catalog, CatalogBrowserComponent, CatalogItemType, CatalogLibaryComponent, CatalogService, ClusterDataSource, ConfigFileToGeoDBService, ConfirmationPopupComponent, CoordinatesReverseSearchSource, CoordinatesReverseSearchSourceFactory, CoordinatesSearchResultFormatter, CoordinatesUnit, CsvSeparator, DDtoDMS, DataService, DataSource, DataSourceService, DirectionRelativePositionType, DirectionSourceKind, DirectionType, DirectionsButtonsComponent, DirectionsComponent, DirectionsFormat, DirectionsInputsComponent, DirectionsResultsComponent, DirectionsService, DirectionsSource, DownloadButtonComponent, DownloadService, DrawComponent, DrawControl, DrawIconService, DrawStyleService, DropGeoFileDirective, EditionWorkspace, EditionWorkspaceService, EsriStyleGenerator, ExportButtonComponent, ExportError, ExportFormat, ExportFormatLegacy, ExportInvalidFileError, ExportNothingToExportError, ExportService, FEATURE, FEATURE_DETAILS_DIRECTIVES, FEATURE_DIRECTIVES, FILTER_DIRECTIVES, FeatureDataSource, FeatureDetailsComponent, FeatureDetailsDirective, FeatureFormComponent, FeatureMotion, FeatureStore, FeatureStoreInMapExtentStrategy, FeatureStoreInMapResolutionStrategy, FeatureStoreLoadingLayerStrategy, FeatureStoreLoadingStrategy, FeatureStoreSearchIndexStrategy, FeatureStoreSelectionStrategy, FeatureWorkspace, FeatureWorkspaceService, FilterableDataSourcePipe, GEOMETRY_FORM_FIELD_DIRECTIVES, GeoDBService, GeoNetworkService, GeoPropertiesStrategy, GeolocateButtonComponent, GeolocationOverlayType, GeometryFormFieldComponent, GeometryFormFieldInputComponent, GeometrySliceError, GeometrySliceLineStringError, GeometrySliceMultiPolygonError, GeometrySliceTooManyIntersectionError, GeometryType, GoogleLinks, HomeExtentButtonComponent, HoverFeatureDirective, IChercheReverseSearchSource, IChercheSearchResultFormatter, IChercheSearchSource, ILayerSearchResultFormatter, ILayerSearchSource, IMPORT_EXPORT_DIRECTIVES, IgoCatalogBrowserModule, IgoCatalogLibraryModule, IgoCatalogModule, IgoConfirmationPopupModule, IgoDirectionsModule, IgoDownloadModule, IgoDrawModule, IgoDrawingToolModule, IgoFeatureDetailsModule, IgoFeatureFormModule, IgoFeatureModule, IgoFilterModule, IgoGeoModule, IgoGeoWorkspaceModule, IgoGeometryFormFieldModule, IgoGeometryModule, IgoHttpParameterCodec, IgoImportExportModule, IgoLayerModule, IgoMap, IgoMapModule, IgoMeasureModule, IgoMeasurerModule, IgoMetadataModule, IgoOgcFilterModule, IgoPrintModule, IgoQueryModule, IgoSearchBarModule, IgoSearchModule, IgoSearchResultsModule, IgoSearchSelectorModule, IgoSearchSettingsModule, IgoStyleListModule, IgoStyleModule, IgoToastModule, IgoWktModule, IgoWorkspaceSelectorModule, IgoWorkspaceUpdatorModule, ImageArcGISRestDataSource, ImageLayer, ImageWatcher, ImportError, ImportExportComponent, ImportInvalidFileError, ImportNothingToImportError, ImportOgreServerError, ImportSRSError, ImportService, ImportSizeError, ImportUnreadableFileError, InfoSectionComponent, InsertSourceInsertDBEnum, LAYER, LAYER_DIRECTIVES, LabelType, Layer, LayerBase, LayerController, LayerDBService, LayerGroup, LayerGroupBase, LayerGroupComponent, LayerItemComponent, LayerLegendComponent, LayerLegendItemComponent, LayerLegendListBindingDirective, LayerLegendListComponent, LayerListComponent, LayerListControlsEnum, LayerListToolComponent, LayerListToolService, LayerSearchComponent, LayerService, LayerUnavailableComponent, LayerUnavailableListComponent, LayerViewerBottomActionsComponent, LayerViewerComponent, LayerVisibilityButtonComponent, Linked, LinkedProperties, MAP_DIRECTIVES, MEASURER_DIRECTIVES, MEASURE_UNIT_AUTO, METADATA_DIRECTIVES, MVTDataSource, MapBase, MapBrowserComponent, MapCenterComponent, MapController, MapGeolocationController, MapOfflineDirective, MapService, MapViewAction, MapViewController, MeasureAreaUnit, MeasureAreaUnitAbbreviation, MeasureFormatPipe, MeasureLengthUnit, MeasureLengthUnitAbbreviation, MeasureType, MeasurerComponent, MenuButtonComponent, MetadataAbstractComponent, MetadataButtonComponent, MetadataService, MiniBaseMapComponent, ModifyControl, NominatimSearchSource, OGCFilterService, OSMDataSource, OfflineButtonComponent, OgcFilterButtonComponent, OgcFilterComponent, OgcFilterFormComponent, OgcFilterOperator, OgcFilterOperatorType, OgcFilterSelectionComponent, OgcFilterTimeComponent, OgcFilterTimeSliderComponent, OgcFilterWidget, OgcFilterWriter, OgcFilterableFormComponent, OgcFilterableItemComponent, OgcFilterableListBindingDirective, OgcFilterableListComponent, OlDragSelectInteraction, OptionsApiService, OptionsService, OsmLinks, OsrmDirectionsSource, Overlay, OverlayAction, PointerPositionDirective, PrintComponent, PrintFormComponent, PrintLegendPosition, PrintOrientation, PrintOutputFormat, PrintPaperFormat, PrintResolution, PrintSaveImageFormat, PrintService, ProjectionService, PropertyTypeDetectorService, ProposalType, QueryDirective, QueryFormat, QueryFormatMimeType, QueryHtmlTarget, QuerySearchSource, QueryService, ResponseType, RotationButtonComponent, RoutesFeatureStore, SEARCH_DIRECTIVES, SEARCH_RESULTS_DIRECTIVES, SEARCH_TYPES, STYLELIST_OPTIONS, SearchBarComponent, SearchPointerSummaryDirective, SearchResultAddButtonComponent, SearchResultMode, SearchResultsComponent, SearchSelectorComponent, SearchService, SearchSettingsComponent, SearchSource, SearchSourceKind, SearchSourceService, SliceControl, SourceDirectionsType, SpatialFilterItemComponent, SpatialFilterItemType, SpatialFilterListComponent, SpatialFilterQueryType, SpatialFilterService, SpatialFilterType, SpatialFilterTypeComponent, StepFeatureStore, StopsFeatureStore, StopsStore, StoredQueriesReverseSearchSource, StoredQueriesSearchSource, StyleListService, StyleModalDrawingComponent, StyleModalLayerButtonComponent, StyleModalLayerComponent, StyleService, SwipeControlComponent, TileArcGISRestDataSource, TileDebugDataSource, TileLayer, TileWatcher, TimeFilterButtonComponent, TimeFilterFormComponent, TimeFilterItemComponent, TimeFilterListBindingDirective, TimeFilterListComponent, TimeFilterService, TimeFilterStyle, TimeFilterType, ToastComponent, TooltipType, TrackFeatureButtonComponent, TypeCapabilities, TypeCatalog, VectorLayer, VectorTileLayer, VectorWatcher, WFSDataSource, WFSService, WMSDataSource, WMTSDataSource, WakeLockButtonComponent, WebSocketDataSource, WfsWorkspace, WfsWorkspaceService, WktService, WorkspaceSearchSource, WorkspaceSelectorDirective, WorkspaceUpdatorDirective, XYZDataSource, ZoomButtonComponent, addDirectionToRoutesFeatureStore, addLayerAndFeaturesStyledToMap, addLayerAndFeaturesToMap, addLinearRingToOlPolygon, addOrRemoveLayer, addStopToStopsFeatureStore, addStopToStore, buildUrl, cadastreSearchSourceFactory, checkWfsParams, clearOlGeometryMidpoints, computeBestAreaUnit, computeBestLengthUnit, computeLayerTitleFromFile, computeMVTOptionsOnHover, computeOlFeatureExtent, computeOlFeaturesDiff, computeOlFeaturesExtent, computeProjectionsConstraints, computeRelativePosition, computeStopsPosition, computeTermSimilarity, convertDDToDMS, createDefaultTileGrid, createDrawHoleInteractionStyle, createDrawInteractionStyle, createFilterInMapExtentOrResolutionStrategy, createInteractionStyle, createMeasureInteractionStyle, createMeasureLayerStyle, createOlTooltipAtPoint, createOlTooltipDrawAtPoint, createOverlayDefaultStyle, createOverlayLayer, createOverlayLayerStyle, createOverlayMarkerStyle, createTableTemplate, ctrlKeyDown, defaultCoordinatesSearchResultFormatterFactory, defaultEpsg, defaultFieldNameGeometry, defaultIChercheSearchResultFormatterFactory, defaultMaxFeatures, defaultWfsVersion, detectFileEPSG, directionsStyle, entitiesToRowData, exportToCSV, featureFromOl, featureRandomStyle, featureRandomStyleFunction, featureToOl, featureToSearchResult, featuresAreOutOfView, featuresAreTooDeepInView, findDiff, findLayerByLinkId, formatDistance, formatDuration, formatInstruction, formatMeasure, formatScale, formatWFSQueryString, generateArcgisRestIdFromSourceOptions, generateFeatureIdFromSourceOptions, generateId, generateIdFromSourceOptions, generateWMSIdFromSourceOptions, generateWMTSIdFromSourceOptions, generateWfsIdFromSourceOptions, generateXYZIdFromSourceOptions, getAllChildLayersByDeletion, getAllChildLayersByProperty, getCommonVectorSelectedStyle, getCommonVectorStyle, getFileExtension, getFormatFromOptions, getGeoServiceAction, getLayersByDeletion, getLayersLegends, getLinkedLayersOptions, getMousePositionFromOlGeometryEvent, getOlTooltipAtCenter, getOlTooltipsAtMidpoints, getResolutionFromScale, getRootParentByDeletion, getRootParentByProperty, getRowsInMapExtent, getScaleFromResolution, getSelectedOnly, getTooltipsOfOlGeometry, gmlRegex, handleFileExportError, handleFileExportSuccess, handleFileImportError, handleFileImportSuccess, handleInvalidFileImportError, handleLayerPropertyChange, handleNothingToExportError, handleNothingToImportError, handleOgreServerImportError, handleSRSImportError, handleSizeFileImportError, handleUnreadbleFileImportError, hideOlFeature, hoverFeatureMarkerStyle, ichercheReverseSearchSourceFactory, ichercheSearchSourceFactory, ilayerSearchResultFormatterFactory, ilayerSearchSourceFactory, initRoutesFeatureStore, initStepFeatureStore, initStopsFeatureStore, isBaseLayer, isBaseLayerLinked, isCsvExport, isLayerGroup, isLayerGroupOptions, isLayerItem, isLayerItemOptions, isLayerLinked, isLayerLinkedOptions, isLayerLinkedTogether, isLinkMaster, isSaveableLayer, jsonRegex, layerFeatureIsQueryable, layerIsQueryable, lonLatConversion, mapExtentStrategyActiveToolTip, measureOlGeometry, measureOlGeometryArea, measureOlGeometryLength, metersToFeet, metersToKilometers, metersToMiles, metersToUnit, moveToOlFeatures, mtmZoneFromLonLat, noElementSelected, nominatimSearchSourceFactory, ogcFilterWidgetFactory, olLayerFeatureIsQueryable, olLayerIsQueryable, olStyleToBasicIgoStyle, optionsApiFactory, osrmDirectionsSourcesFactory, pointerPositionSummaryMarkerStyle, provideCadastreSearchSource, provideCoordinatesReverseSearchSource, provideDefaultCoordinatesSearchResultFormatter, provideDefaultIChercheSearchResultFormatter, provideDirection, provideIChercheReverseSearchSource, provideIChercheSearchSource, provideILayerSearchResultFormatter, provideILayerSearchSource, provideNominatimSearchSource, provideOffline, provideOgcFilterWidget, provideOptionsApi, provideOsrmDirectionsSource, provideQuerySearchSource, provideSearch, provideSearchSourceService, provideStoredQueriesReverseSearchSource, provideStoredQueriesSearchSource, provideStyleListLoader, provideStyleListOptions, provideWorkspaceSearchSource, querySearchSourceFactory, removeStopFromStore, renderFeatureFromOl, roundCoordTo, roundCoordToString, scaleExtent, searchSourceServiceFactory, setRowsInMapExtent, setSelectedOnly, sliceOlGeometry, sliceOlPolygon, sortLayersByZindex, sourceCanReverseSearch, sourceCanReverseSearchAsSummary, sourceCanSearch, squareMetersToAcres, squareMetersToHectares, squareMetersToSquareFeet, squareMetersToSquareKilometers, squareMetersToSquareMiles, squareMetersToUnit, standardizeUrl, storedqueriesReverseSearchSourceFactory, storedqueriesSearchSourceFactory, stringToLonLat, styleListFactory, translateBearing, translateModifier, tryAddLoadingStrategy, tryAddSelectionStrategy, tryBindStoreLayer, updateOlGeometryCenter, updateOlGeometryMidpoints, updateOlTooltipAtCenter, updateOlTooltipDrawAtCenter, updateOlTooltipsAtMidpoints, updateOlTooltipsDrawAtMidpoints, updateStoreSorting, utmZoneFromLonLat, viewStatesAreEqual, withCadastreSource, withCoordinatesReverseSource, withIChercheReverseSource, withIChercheSource, withILayerSource, withNominatimSource, withOsrmSource, withStoredQueriesReverseSource, withStoredQueriesSource, withWorkspaceSource, workspaceSearchSourceFactory, zoneMtm, zoneUtm };
+export { AddCatalogDialogComponent, ArcGISRestCapabilitiesLayerTypes, ArcGISRestDataSource, BaseLayersSwitcherComponent, CATALOG_DIRECTIVES, CATALOG_LIBRARY_DIRECTIVES, CadastreSearchSource, CapabilitiesService, CartoDataSource, Catalog, CatalogBrowserComponent, CatalogItemType, CatalogLibaryComponent, CatalogService, ClusterDataSource, ConfigFileToGeoDBService, ConfirmationPopupComponent, CoordinatesReverseSearchSource, CoordinatesReverseSearchSourceFactory, CoordinatesSearchResultFormatter, CoordinatesUnit, CsvSeparator, DDtoDMS, DataService, DataSource, DataSourceService, DirectionRelativePositionType, DirectionSourceKind, DirectionsButtonsComponent, DirectionsComponent, DirectionsFormat, DirectionsInputsComponent, DirectionsResultsComponent, DirectionsService, DirectionsSource, DirectionsType, DownloadButtonComponent, DownloadService, DrawComponent, DrawControl, DrawIconService, DrawStyleService, DropGeoFileDirective, EditionWorkspace, EditionWorkspaceService, EsriStyleGenerator, ExportButtonComponent, ExportError, ExportFormat, ExportFormatLegacy, ExportInvalidFileError, ExportNothingToExportError, ExportService, FEATURE, FEATURE_DETAILS_DIRECTIVES, FEATURE_DIRECTIVES, FILTER_DIRECTIVES, FeatureDataSource, FeatureDetailsComponent, FeatureDetailsDirective, FeatureFormComponent, FeatureMotion, FeatureStore, FeatureStoreInMapExtentStrategy, FeatureStoreInMapResolutionStrategy, FeatureStoreLoadingLayerStrategy, FeatureStoreLoadingStrategy, FeatureStoreSearchIndexStrategy, FeatureStoreSelectionStrategy, FeatureWorkspace, FeatureWorkspaceService, FilterableDataSourcePipe, GEOMETRY_FORM_FIELD_DIRECTIVES, GeoDBService, GeoNetworkService, GeoPropertiesStrategy, GeolocateButtonComponent, GeolocationOverlayType, GeometryFormFieldComponent, GeometryFormFieldInputComponent, GeometrySliceError, GeometrySliceLineStringError, GeometrySliceMultiPolygonError, GeometrySliceTooManyIntersectionError, GeometryType, GoogleLinks, HomeExtentButtonComponent, HoverFeatureDirective, IChercheReverseSearchSource, IChercheSearchResultFormatter, IChercheSearchSource, ILayerSearchResultFormatter, ILayerSearchSource, IMPORT_EXPORT_DIRECTIVES, IgoCatalogBrowserModule, IgoCatalogLibraryModule, IgoCatalogModule, IgoConfirmationPopupModule, IgoDirectionsModule, IgoDownloadModule, IgoDrawModule, IgoDrawingToolModule, IgoFeatureDetailsModule, IgoFeatureFormModule, IgoFeatureModule, IgoFilterModule, IgoGeoModule, IgoGeoWorkspaceModule, IgoGeometryFormFieldModule, IgoGeometryModule, IgoHttpParameterCodec, IgoImportExportModule, IgoLayerModule, IgoMap, IgoMapModule, IgoMeasureModule, IgoMeasurerModule, IgoMetadataModule, IgoOgcFilterModule, IgoPrintModule, IgoQueryModule, IgoSearchBarModule, IgoSearchModule, IgoSearchResultsModule, IgoSearchSelectorModule, IgoSearchSettingsModule, IgoStyleListModule, IgoStyleModule, IgoToastModule, IgoWktModule, IgoWorkspaceSelectorModule, IgoWorkspaceUpdatorModule, ImageArcGISRestDataSource, ImageLayer, ImageWatcher, ImportError, ImportExportComponent, ImportInvalidFileError, ImportNothingToImportError, ImportOgreServerError, ImportSRSError, ImportService, ImportSizeError, ImportUnreadableFileError, InfoSectionComponent, InsertSourceInsertDBEnum, LAYER, LAYER_DIRECTIVES, LabelType, LaneType, Layer, LayerBase, LayerController, LayerDBService, LayerGroup, LayerGroupBase, LayerGroupComponent, LayerItemComponent, LayerLegendComponent, LayerLegendItemComponent, LayerLegendListBindingDirective, LayerLegendListComponent, LayerListComponent, LayerListControlsEnum, LayerListToolComponent, LayerListToolService, LayerSearchComponent, LayerService, LayerUnavailableComponent, LayerUnavailableListComponent, LayerViewerBottomActionsComponent, LayerViewerComponent, LayerVisibilityButtonComponent, Linked, LinkedProperties, MAP_DIRECTIVES, MEASURER_DIRECTIVES, MEASURE_UNIT_AUTO, METADATA_DIRECTIVES, MVTDataSource, ManeuverModifier, ManeuverType, MapBase, MapBrowserComponent, MapCenterComponent, MapController, MapGeolocationController, MapOfflineDirective, MapService, MapViewAction, MapViewController, MeasureAreaUnit, MeasureAreaUnitAbbreviation, MeasureFormatPipe, MeasureLengthUnit, MeasureLengthUnitAbbreviation, MeasureType, MeasurerComponent, MenuButtonComponent, MetadataAbstractComponent, MetadataButtonComponent, MetadataService, MiniBaseMapComponent, ModifyControl, NominatimSearchSource, OGCFilterService, OSMDataSource, OfflineButtonComponent, OgcFilterButtonComponent, OgcFilterComponent, OgcFilterFormComponent, OgcFilterOperator, OgcFilterOperatorType, OgcFilterSelectionComponent, OgcFilterTimeComponent, OgcFilterTimeSliderComponent, OgcFilterWidget, OgcFilterWriter, OgcFilterableFormComponent, OgcFilterableItemComponent, OgcFilterableListBindingDirective, OgcFilterableListComponent, OlDragSelectInteraction, OptionsApiService, OptionsService, OsmLinks, OsrmDirectionsSource, Overlay, OverlayAction, PointerPositionDirective, PrintComponent, PrintFormComponent, PrintLegendPosition, PrintOrientation, PrintOutputFormat, PrintPaperFormat, PrintResolution, PrintSaveImageFormat, PrintService, ProjectionService, PropertyTypeDetectorService, ProposalType, QueryDirective, QueryFormat, QueryFormatMimeType, QueryHtmlTarget, QuerySearchSource, QueryService, ResponseType, RotationButtonComponent, RoutesFeatureStore, SEARCH_DIRECTIVES, SEARCH_RESULTS_DIRECTIVES, SEARCH_TYPES, STYLELIST_OPTIONS, SearchBarComponent, SearchPointerSummaryDirective, SearchResultAddButtonComponent, SearchResultMode, SearchResultsComponent, SearchSelectorComponent, SearchService, SearchSettingsComponent, SearchSource, SearchSourceKind, SearchSourceService, SliceControl, SourceDirectionsType, SpatialFilterItemComponent, SpatialFilterItemType, SpatialFilterListComponent, SpatialFilterQueryType, SpatialFilterService, SpatialFilterType, SpatialFilterTypeComponent, StepsFeatureStore, StopsFeatureStore, StopsStore, StoredQueriesReverseSearchSource, StoredQueriesSearchSource, StyleListService, StyleModalDrawingComponent, StyleModalLayerButtonComponent, StyleModalLayerComponent, StyleService, SwipeControlComponent, TileArcGISRestDataSource, TileDebugDataSource, TileLayer, TileWatcher, TimeFilterButtonComponent, TimeFilterFormComponent, TimeFilterItemComponent, TimeFilterListBindingDirective, TimeFilterListComponent, TimeFilterService, TimeFilterStyle, TimeFilterType, ToastComponent, TooltipType, TrackFeatureButtonComponent, TypeCapabilities, TypeCatalog, VectorLayer, VectorTileLayer, VectorWatcher, WFSDataSource, WFSService, WMSDataSource, WMTSDataSource, WakeLockButtonComponent, WebSocketDataSource, WfsWorkspace, WfsWorkspaceService, WktService, WorkspaceSearchSource, WorkspaceSelectorDirective, WorkspaceUpdatorDirective, XYZDataSource, ZoomButtonComponent, addLayerAndFeaturesStyledToMap, addLayerAndFeaturesToMap, addLinearRingToOlPolygon, addOrRemoveLayer, addRouteToRoutesFeatureStore, addStopToStopsFeatureStore, addStopToStore, buildUrl, cadastreSearchSourceFactory, checkWfsParams, clearOlGeometryMidpoints, computeBestAreaUnit, computeBestLengthUnit, computeLayerTitleFromFile, computeMVTOptionsOnHover, computeOlFeatureExtent, computeOlFeaturesDiff, computeOlFeaturesExtent, computeProjectionsConstraints, computeRelativePosition, computeStopsPosition, computeTermSimilarity, convertDDToDMS, createDefaultTileGrid, createDrawHoleInteractionStyle, createDrawInteractionStyle, createFilterInMapExtentOrResolutionStrategy, createInteractionStyle, createMeasureInteractionStyle, createMeasureLayerStyle, createOlTooltipAtPoint, createOlTooltipDrawAtPoint, createOverlayDefaultStyle, createOverlayLayer, createOverlayLayerStyle, createOverlayMarkerStyle, createTableTemplate, ctrlKeyDown, defaultCoordinatesSearchResultFormatterFactory, defaultEpsg, defaultFieldNameGeometry, defaultIChercheSearchResultFormatterFactory, defaultMaxFeatures, defaultWfsVersion, detectFileEPSG, directionsStyle, entitiesToRowData, exportToCSV, featureFromOl, featureRandomStyle, featureRandomStyleFunction, featureToOl, featureToSearchResult, featuresAreOutOfView, featuresAreTooDeepInView, findDiff, findLayerByLinkId, formatDistance, formatDuration, formatMeasure, formatScale, formatStep, formatWFSQueryString, generateArcgisRestIdFromSourceOptions, generateFeatureIdFromSourceOptions, generateId, generateIdFromSourceOptions, generateWMSIdFromSourceOptions, generateWMTSIdFromSourceOptions, generateWfsIdFromSourceOptions, generateXYZIdFromSourceOptions, getAllChildLayersByDeletion, getAllChildLayersByProperty, getCommonVectorSelectedStyle, getCommonVectorStyle, getFileExtension, getFormatFromOptions, getGeoServiceAction, getLayersByDeletion, getLayersLegends, getLinkedLayersOptions, getMousePositionFromOlGeometryEvent, getOlTooltipAtCenter, getOlTooltipsAtMidpoints, getResolutionFromScale, getRootParentByDeletion, getRootParentByProperty, getRowsInMapExtent, getScaleFromResolution, getSelectedOnly, getTooltipsOfOlGeometry, gmlRegex, handleFileExportError, handleFileExportSuccess, handleFileImportError, handleFileImportSuccess, handleInvalidFileImportError, handleLayerPropertyChange, handleNothingToExportError, handleNothingToImportError, handleOgreServerImportError, handleSRSImportError, handleSizeFileImportError, handleUnreadbleFileImportError, hideOlFeature, hoverFeatureMarkerStyle, ichercheReverseSearchSourceFactory, ichercheSearchSourceFactory, ilayerSearchResultFormatterFactory, ilayerSearchSourceFactory, initRoutesFeatureStore, initStepsFeatureStore, initStopsFeatureStore, isBaseLayer, isBaseLayerLinked, isCsvExport, isLayerGroup, isLayerGroupOptions, isLayerItem, isLayerItemOptions, isLayerLinked, isLayerLinkedOptions, isLayerLinkedTogether, isLinkMaster, isSaveableLayer, jsonRegex, layerFeatureIsQueryable, layerIsQueryable, lonLatConversion, mapExtentStrategyActiveToolTip, measureOlGeometry, measureOlGeometryArea, measureOlGeometryLength, metersToFeet, metersToKilometers, metersToMiles, metersToUnit, moveToOlFeatures, mtmZoneFromLonLat, noElementSelected, nominatimSearchSourceFactory, ogcFilterWidgetFactory, olLayerFeatureIsQueryable, olLayerIsQueryable, olStyleToBasicIgoStyle, optionsApiFactory, osrmDirectionsSourcesFactory, pointerPositionSummaryMarkerStyle, provideCadastreSearchSource, provideCoordinatesReverseSearchSource, provideDefaultCoordinatesSearchResultFormatter, provideDefaultIChercheSearchResultFormatter, provideDirection, provideIChercheReverseSearchSource, provideIChercheSearchSource, provideILayerSearchResultFormatter, provideILayerSearchSource, provideNominatimSearchSource, provideOffline, provideOgcFilterWidget, provideOptionsApi, provideOsrmDirectionsSource, provideQuerySearchSource, provideSearch, provideSearchSourceService, provideStoredQueriesReverseSearchSource, provideStoredQueriesSearchSource, provideStyleListLoader, provideStyleListOptions, provideWorkspaceSearchSource, querySearchSourceFactory, removeStopFromStore, renderFeatureFromOl, roundCoordTo, roundCoordToString, scaleExtent, searchSourceServiceFactory, setRowsInMapExtent, setSelectedOnly, sliceOlGeometry, sliceOlPolygon, sortLayersByZindex, sourceCanReverseSearch, sourceCanReverseSearchAsSummary, sourceCanSearch, squareMetersToAcres, squareMetersToHectares, squareMetersToSquareFeet, squareMetersToSquareKilometers, squareMetersToSquareMiles, squareMetersToUnit, standardizeUrl, storedqueriesReverseSearchSourceFactory, storedqueriesSearchSourceFactory, stringToLonLat, styleListFactory, translateManeuverBearing, translateManeuverModifier, tryAddLoadingStrategy, tryAddSelectionStrategy, tryBindStoreLayer, updateOlGeometryCenter, updateOlGeometryMidpoints, updateOlTooltipAtCenter, updateOlTooltipDrawAtCenter, updateOlTooltipsAtMidpoints, updateOlTooltipsDrawAtMidpoints, updateStoreSorting, utmZoneFromLonLat, viewStatesAreEqual, withCadastreSource, withCoordinatesReverseSource, withIChercheReverseSource, withIChercheSource, withILayerSource, withNominatimSource, withOsrmSource, withStoredQueriesReverseSource, withStoredQueriesSource, withWorkspaceSource, workspaceSearchSourceFactory, zoneMtm, zoneUtm };
 //# sourceMappingURL=igo2-geo.mjs.map