@raruto/leaflet-elevation 1.7.4 → 1.7.5

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@raruto/leaflet-elevation",
-	"version": "1.7.4",
+	"version": "1.7.5",
 	"description": "A Leaflet plugin that allows to add elevation profiles using d3js",
 	"main": "dist/leaflet-elevation.min.js",
 	"module": "src/index.js",

package/src/components.js

@@ -161,7 +161,7 @@ export const HeightFocusMarker = ({
 
 export const LegendItem = ({
 	name,
-  label,
+	label,
 	width,
 	height,
 	margins = {},

package/src/control.js

@@ -17,7 +17,7 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 	__TOGEOJSON:   'https://unpkg.com/@tmcw/togeojson@4.3.0/dist/togeojson.umd.js',
 	__LGEOMUTIL:   'https://unpkg.com/leaflet-geometryutil@0.9.3/src/leaflet.geometryutil.js',
 	__LALMOSTOVER: 'https://unpkg.com/leaflet-almostover@1.0.1/src/leaflet.almostover.js',
-	__LDISTANCEM:  'https://unpkg.com/@raruto/leaflet-elevation@1.7.3/libs/leaflet-distance-marker.min.js',
+	__LDISTANCEM:  'https://unpkg.com/@raruto/leaflet-elevation@1.7.5/libs/leaflet-distance-marker.min.js',
 
 	/*
 	 * Add data to the diagram either from GPX or GeoJSON and update the axis domain and data

package/src/utils.js

@@ -73,14 +73,13 @@ export function GeoJSONLoader(data, control) {
 	}
 	control = control || this;
 
-  let distanceMarkers = (
+	let distanceMarkers = (
 			control.options.distanceMarkers === true
 				? { lazy: true }
 				: L.extend({ lazy: true }, control.options.distanceMarkers)
 	);
 
-  let wptIcons  = control.options.wptIcons;
-  let wptLabels = control.options.wptLabels;
+	let { wptIcons, wptLabels } = control.options;
 
 	let layer = L.geoJson(data, {
 		distanceMarkers: distanceMarkers,
@@ -99,33 +98,32 @@ export function GeoJSONLoader(data, control) {
 			let name   = prop.name ?? '';
 			let sym    = (prop.sym ?? name).replace(' ', '-').replace('"', '').replace("'", '').toLowerCase();
 
-      // Handle waypoint lables (markers and dots)
-      if (!wptLabels) {
-        name = '';
-        desc = '';
-      }
-
-      // Handle chart waypoints (dots)
-      if ([true, "dots"].includes(control.options.waypoints)) {
-        control._registerCheckPoint({latlng: latlng, label: name}, true);
-      }
-
-      // Handle map waypoints (markers)
-      if ([true, "markers"].includes(control.options.waypoints) && wptIcons != false) {
-        // generate and cache appropriate icon symbol
-        if (!wptIcons.hasOwnProperty(sym)) {
-          wptIcons[sym] = L.divIcon(
-            L.extend({}, wptIcons[""].options, { html: '<i class="elevation-waypoint-icon ' + sym + '"></i>' } )
-          );
-        }
-  			let marker = L.marker(latlng, { icon: wptIcons[sym] });
-  			if (name || desc) {
-  				marker.bindPopup("<b>" + name + "</b>" + (desc.length > 0 ? '<br>' + desc : '')).openPopup();
-  			}
-        control._addMarker(marker);
-  			control.fire('waypoint_added', { point: marker, element: latlng, properties: prop });
-        return marker;
-      }
+			// Handle chart waypoints (dots)
+			if ([true, 'dots'].includes(control.options.waypoints)) {
+				control._registerCheckPoint({
+						latlng: latlng,
+						label: ([true, 'dots'].includes(wptLabels) ? name : '')
+					},
+					true
+				);
+			}
+
+			// Handle map waypoints (markers)
+			if ([true, 'markers'].includes(control.options.waypoints) && wptIcons != false) {
+				// generate and cache appropriate icon symbol
+				if (!wptIcons.hasOwnProperty(sym)) {
+					wptIcons[sym] = L.divIcon(
+						L.extend({}, wptIcons[""].options, { html: '<i class="elevation-waypoint-icon ' + sym + '"></i>' } )
+					);
+				}
+				let marker = L.marker(latlng, { icon: wptIcons[sym] });
+				if ([true, 'markers'].includes(wptLabels) && (name || desc)) {
+					marker.bindPopup("<b>" + name + "</b>" + (desc.length > 0 ? '<br>' + desc : '')).openPopup();
+				}
+				control._addMarker(marker);
+				control.fire('waypoint_added', { point: marker, element: latlng, properties: prop });
+				return marker;
+			}
 		},
 		onEachFeature: (feature, layer) => {
 			if (feature.geometry && feature.geometry.type == 'Point') return;
@@ -152,12 +150,12 @@ export function GeoJSONLoader(data, control) {
 
 			// Postpone adding the distance markers (lazy: true)
 			if(control.options.distanceMarkers && distanceMarkers.lazy) {
-			  layer.on('add remove', (e) => {
-			    let path = e.target;
-			    if (L.DistanceMarkers && path instanceof L.Polyline) {
+				layer.on('add remove', (e) => {
+					let path = e.target;
+					if (L.DistanceMarkers && path instanceof L.Polyline) {
 						path[e.type + 'DistanceMarkers']();
-			    }
-			  });
+					}
+				});
 			}
 
 			control.track_info = L.extend({}, control.track_info, { type: "geojson", name: data.name });
@@ -332,8 +330,8 @@ export function toggleClass(targetNode, className, conditional) {
 }
 
 export function replaceClass(targetNode, removeClassName, addClassName) {
-  if (removeClassName) removeClass(targetNode, removeClassName);
-  if (addClassName) addClass(targetNode, addClassName);
+	if (removeClassName) removeClass(targetNode, removeClassName);
+	if (addClassName) addClass(targetNode, addClassName);
 }
 
 export function style(targetNode, name, value) {
@@ -342,7 +340,7 @@ export function style(targetNode, name, value) {
 }
 
 export function toggleStyle(targetNode, name, value, conditional) {
-  return style(targetNode, name, conditional ? value : '');
+	return style(targetNode, name, conditional ? value : '');
 }
 
 export function toggleEvent(leafletElement, eventName, handler, conditional) {