@raruto/leaflet-elevation 2.2.3 → 2.2.6

package/src/handlers/acceleration.js

@@ -1,64 +1,64 @@
-export function Acceleration() {
-
-	const _ = L.Control.Elevation.Utils;
-
-	let opts         = this.options;
-	let acceleration = {};
-
-	acceleration.label      = opts.accelerationLabel  || L._(opts.imperial ? 'ft/s²' : 'm/s²');
-	opts.accelerationFactor = opts.accelerationFactor || 1;
-
-	return {
-		name: 'acceleration',
-		unit: acceleration.label,
-		deltaMax: this.options.accelerationDeltaMax,
-		clampRange: this.options.accelerationRange,
-		decimals: 2,
-		pointToAttr: (_, i) => {
-			let dv     = (this._data[i].speed - this._data[i > 0 ? i - 1 : i].speed) * (1000 / opts.timeFactor);
-			let dt     = (this._data[i].time - this._data[i > 0 ? i - 1 : i].time) / 1000;
-			return dt > 0 ? Math.abs((dv / dt)) * opts.accelerationFactor : 0;
-		},
-		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
-		scale: {
-			axis       : "y",
-			position   : "right",
-			scale      : { min: 0, max: +1 },
-			tickPadding: 16,
-			labelX     : 25,
-			labelY     : -8,
-		},
-		path: {
-			label        : 'Acceleration',
-			yAttr        : 'acceleration',
-			scaleX       : 'distance',
-			scaleY       : 'acceleration',
-			color        : '#050402',
-			strokeColor  : '#000',
-			strokeOpacity: "0.5",
-			fillOpacity  : "0.25",
-		},
-		tooltip: {
-			chart: (item) => L._("a: ") + item.acceleration + " " + acceleration.label,
-			marker: (item) => Math.round(item.acceleration) + " " + acceleration.label,
-			order: 60,
-		},
-		summary: {
-			"minacceleration"  : {
-				label: "Min Acceleration: ",
-				value: (track, unit) => Math.round(track.acceleration_min || 0) + ' ' + unit,
-				order: 60
-			},
-			"maxacceleration"  : {
-				label: "Max Acceleration: ",
-				value: (track, unit) => Math.round(track.acceleration_max || 0) + ' ' + unit,
-				order: 61
-			},
-			"avgacceleration": {
-				label: "Avg Acceleration: ",
-				value: (track, unit) => Math.round(track.acceleration_avg || 0) + ' ' + unit,
-				order: 62
-			},
-		}
-	};
-}
+export function Acceleration() {
+
+	const _ = L.Control.Elevation.Utils;
+
+	let opts         = this.options;
+	let acceleration = {};
+
+	acceleration.label      = opts.accelerationLabel  || L._(opts.imperial ? 'ft/s²' : 'm/s²');
+	opts.accelerationFactor = opts.accelerationFactor || 1;
+
+	return {
+		name: 'acceleration',
+		unit: acceleration.label,
+		deltaMax: this.options.accelerationDeltaMax,
+		clampRange: this.options.accelerationRange,
+		decimals: 2,
+		pointToAttr: (_, i) => {
+			let dv     = (this._data[i].speed - this._data[i > 0 ? i - 1 : i].speed) * (1000 / opts.timeFactor);
+			let dt     = (this._data[i].time - this._data[i > 0 ? i - 1 : i].time) / 1000;
+			return dt > 0 ? Math.abs((dv / dt)) * opts.accelerationFactor : 0;
+		},
+		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
+		scale: {
+			axis       : "y",
+			position   : "right",
+			scale      : { min: 0, max: +1 },
+			tickPadding: 16,
+			labelX     : 25,
+			labelY     : -8,
+		},
+		path: {
+			label        : 'Acceleration',
+			yAttr        : 'acceleration',
+			scaleX       : 'distance',
+			scaleY       : 'acceleration',
+			color        : '#050402',
+			strokeColor  : '#000',
+			strokeOpacity: "0.5",
+			fillOpacity  : "0.25",
+		},
+		tooltip: {
+			chart: (item) => L._("a: ") + item.acceleration + " " + acceleration.label,
+			marker: (item) => Math.round(item.acceleration) + " " + acceleration.label,
+			order: 60,
+		},
+		summary: {
+			"minacceleration"  : {
+				label: "Min Acceleration: ",
+				value: (track, unit) => Math.round(track.acceleration_min || 0) + ' ' + unit,
+				order: 60
+			},
+			"maxacceleration"  : {
+				label: "Max Acceleration: ",
+				value: (track, unit) => Math.round(track.acceleration_max || 0) + ' ' + unit,
+				order: 61
+			},
+			"avgacceleration": {
+				label: "Avg Acceleration: ",
+				value: (track, unit) => Math.round(track.acceleration_avg || 0) + ' ' + unit,
+				order: 62
+			},
+		}
+	};
+}

package/src/handlers/altitude.js

@@ -1,79 +1,79 @@
-export function Altitude() {
-	
-	const _  = L.Control.Elevation.Utils;
-
-	let opts       = this.options;
-	let altitude   = {};
-
-	let theme           = opts.theme.split(' ')[0].replace('-theme', '');
-	let color           = _.Colors[theme] || {};
-
-	opts.altitudeFactor = opts.imperial ? this.__footFactor : (opts.altitudeFactor || 1); // 1 m = (1 m)
-	altitude.label      = opts.imperial ? "ft" : opts.yLabel;
-
-	return {
-		name: 'altitude',
-		required: this.options.slope,
-		meta: 'z',
-		unit: altitude.label,
-		statsName: 'elevation',
-		skipNull: this.options.skipNullZCoords,
-		deltaMax: this.options.altitudeDeltaMax,
-		clampRange: this.options.altitudeRange,
-		// init: ({point}) => {
-		// 	// "alt" property is generated inside "leaflet"
-		// 	if ("alt" in point) point.meta.ele = point.alt;
-		// },
-		pointToAttr: (point, i) => {
-			if ("alt" in point) point.meta.ele = point.alt; // "alt" property is generated inside "leaflet"
-			return this._data[i].z * opts.altitudeFactor;
-		},
-		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
-		grid: {
-			axis      : "y",
-			position  : "left",
-			scale     : "y" // this._chart._y,
-		},
-		scale: {
-			axis    : "y",
-			position: "left",
-			scale   : "y", // this._chart._y,
-			labelX  : -3,
-			labelY  : -8,
-		},
-		path: {
-			label        : 'Altitude',
-			scaleX       : 'distance',
-			scaleY       : 'altitude',
-			className    : 'area',
-			color        : color.area || theme,
-			strokeColor  : opts.detached ? color.stroke : '#000',
-			strokeOpacity: "1",
-			fillOpacity  : opts.detached ? (color.alpha || '0.8') : 1,
-			preferCanvas : opts.preferCanvas,
-		},
-		tooltip: {
-			name: 'y',
-			chart: (item) => L._("y: ") + _.round(item[opts.yAttr], opts.decimalsY) + " " + altitude.label,
-			marker: (item) => _.round(item[opts.yAttr], opts.decimalsY) + " " + altitude.label,
-			order: 10,
-		},
-		summary: {
-			"minele"  : {
-				label: "Min Elevation: ",
-				value: (track, unit) => (track.elevation_min || 0).toFixed(2) + ' ' + unit,
-				order: 30,
-			},
-			"maxele"  : {
-				label: "Max Elevation: ",
-				value: (track, unit) => (track.elevation_max || 0).toFixed(2) + ' ' + unit,
-				order: 31,
-			},
-			"avgele"  : {
-				label: "Avg Elevation: ",
-				value: (track, unit) => (track.elevation_avg || 0).toFixed(2) + ' ' + unit,
-				order: 32,
-			},
-		}
-	};
-}
+export function Altitude() {
+	
+	const _  = L.Control.Elevation.Utils;
+
+	let opts       = this.options;
+	let altitude   = {};
+
+	let theme           = opts.theme.split(' ')[0].replace('-theme', '');
+	let color           = _.Colors[theme] || {};
+
+	opts.altitudeFactor = opts.imperial ? this.__footFactor : (opts.altitudeFactor || 1); // 1 m = (1 m)
+	altitude.label      = opts.imperial ? "ft" : opts.yLabel;
+
+	return {
+		name: 'altitude',
+		required: this.options.slope,
+		meta: 'z',
+		unit: altitude.label,
+		statsName: 'elevation',
+		skipNull: this.options.skipNullZCoords,
+		deltaMax: this.options.altitudeDeltaMax,
+		clampRange: this.options.altitudeRange,
+		// init: ({point}) => {
+		// 	// "alt" property is generated inside "leaflet"
+		// 	if ("alt" in point) point.meta.ele = point.alt;
+		// },
+		pointToAttr: (point, i) => {
+			if ("alt" in point) point.meta.ele = point.alt; // "alt" property is generated inside "leaflet"
+			return this._data[i].z *= opts.altitudeFactor;
+		},
+		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
+		grid: {
+			axis      : "y",
+			position  : "left",
+			scale     : "y" // this._chart._y,
+		},
+		scale: {
+			axis    : "y",
+			position: "left",
+			scale   : "y", // this._chart._y,
+			labelX  : -3,
+			labelY  : -8,
+		},
+		path: {
+			label        : 'Altitude',
+			scaleX       : 'distance',
+			scaleY       : 'altitude',
+			className    : 'area',
+			color        : color.area || theme,
+			strokeColor  : opts.detached ? color.stroke : '#000',
+			strokeOpacity: "1",
+			fillOpacity  : opts.detached ? (color.alpha || '0.8') : 1,
+			preferCanvas : opts.preferCanvas,
+		},
+		tooltip: {
+			name: 'y',
+			chart: (item) => L._("y: ") + _.round(item[opts.yAttr], opts.decimalsY) + " " + altitude.label,
+			marker: (item) => _.round(item[opts.yAttr], opts.decimalsY) + " " + altitude.label,
+			order: 10,
+		},
+		summary: {
+			"minele"  : {
+				label: "Min Elevation: ",
+				value: (track, unit) => (track.elevation_min || 0).toFixed(2) + ' ' + unit,
+				order: 30,
+			},
+			"maxele"  : {
+				label: "Max Elevation: ",
+				value: (track, unit) => (track.elevation_max || 0).toFixed(2) + ' ' + unit,
+				order: 31,
+			},
+			"avgele"  : {
+				label: "Avg Elevation: ",
+				value: (track, unit) => (track.elevation_avg || 0).toFixed(2) + ' ' + unit,
+				order: 32,
+			},
+		}
+	};
+}

package/src/handlers/distance.js

@@ -1,45 +1,46 @@
-export function Distance() {
-
-	const _ = L.Control.Elevation.Utils;
-
-	let opts     = this.options;
-	let distance = {};
-
-	opts.distanceFactor = opts.imperial ? this.__mileFactor : (opts.distanceFactor || 1); // 1 km = (1000 m)
-	distance.label      = opts.imperial ? "mi" : opts.xLabel;
-
-	return {
-		name: 'distance',
-		attr: 'dist',
-		unit: distance.label,
-		decimals: 5,
-		pointToAttr: (_, i) => (i > 0 ? this._data[i - 1].dist : 0) + (this._data[i].latlng.distanceTo(this._data[i > 0 ? i - 1 : i].latlng) * opts.distanceFactor) / 1000, // convert back km to meters
-		// stats: { total: _.iSum },
-		onPointAdded: (distance, i) => this.track_info.distance = distance,
-		scale: {
-			axis    : "x",
-			position: "bottom",
-			scale   : "x", // this._chart._x,
-			labelY  : 25,
-			labelX  : () => this._width() + 6,
-			ticks   : () => _.clamp(this._chart._xTicks() / 2, [4, +Infinity]),
-		},
-		grid: {
-			axis      : "x",
-			position  : "bottom",
-			scale     : "x" // this._chart._x,
-		},
-		tooltip: {
-			name: 'x',
-			chart: (item) => L._("x: ") + _.round(item[opts.xAttr], opts.decimalsX) + " " + distance.label,
-			order: 20
-		},
-		summary: {
-			"totlen"  : {
-				label: "Total Length: ",
-				value: (track) => (track.distance || 0).toFixed(2) + ' ' + distance.label,
-				order: 10
-			}
-		}
-	};
-}
+export function Distance() {
+
+	const _ = L.Control.Elevation.Utils;
+
+	let opts     = this.options;
+	let distance = {};
+
+	opts.distanceFactor = opts.imperial ? this.__mileFactor : (opts.distanceFactor || 1); // 1 km = (1000 m)
+	distance.label      = opts.imperial ? "mi" : opts.xLabel;
+
+	return {
+		name: 'distance',
+		required: true,
+		attr: 'dist',
+		unit: distance.label,
+		decimals: 5,
+		pointToAttr: (_, i) => (i > 0 ? this._data[i - 1].dist : 0) + (this._data[i].latlng.distanceTo(this._data[i > 0 ? i - 1 : i].latlng) * opts.distanceFactor) / 1000, // convert back km to meters
+		// stats: { total: _.iSum },
+		onPointAdded: (distance, i) => this.track_info.distance = distance,
+		scale: opts.distance && {
+			axis    : "x",
+			position: "bottom",
+			scale   : "x", // this._chart._x,
+			labelY  : 25,
+			labelX  : () => this._width() + 6,
+			ticks   : () => _.clamp(this._chart._xTicks() / 2, [4, +Infinity]),
+		},
+		grid: opts.distance && {
+			axis      : "x",
+			position  : "bottom",
+			scale     : "x" // this._chart._x,
+		},
+		tooltip: opts.distance && {
+			name: 'x',
+			chart: (item) => L._("x: ") + _.round(item[opts.xAttr], opts.decimalsX) + " " + distance.label,
+			order: 20
+		},
+		summary: opts.distance && {
+			"totlen"  : {
+				label: "Total Length: ",
+				value: (track) => (track.distance || 0).toFixed(2) + ' ' + distance.label,
+				order: 10
+			}
+		}
+	};
+}

package/src/handlers/heart.js

@@ -1,53 +1,53 @@
-export function Heart() {
-
-    const _ = L.Control.Elevation.Utils;
-
-    return {
-        name: 'heart',      // <-- Your custom option name (eg. "heart: true")
-        unit: 'bpm',
-        meta: 'hr',         // <-- point.meta.hr
-        coordinateProperties: ["heart", "heartRates", "heartRate"], // List of GPX Extensions ("coordinateProperties") to be handled by "@tmcw/toGeoJSON"
-        pointToAttr: (point, i) => (point.hr ?? point.meta.hr ?? point.prev('heart')) || 0,
-		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
-        scale: {
-            axis       : "y",
-            position   : "left",
-            scale      : { min: -1, max: +1 },
-            tickPadding: 25,
-            labelX     : -30,
-            labelY     : -8,
-        },
-        path: {
-            label        : 'ECG',
-            yAttr        : 'heart',
-            scaleX       : 'distance',
-            scaleY       : 'heart',
-            color        : 'white',
-            strokeColor  : 'red',
-            strokeOpacity: "0.85",
-            fillOpacity  : "0.1",
-        },
-        tooltip: {
-            chart: (item) => L._("hr: ") + item.heart + " " + 'bpm',
-            marker: (item) => Math.round(item.heart) + " " + 'bpm',
-            order: 1
-        },
-        summary: {
-            "minbpm": {
-                label: "Min BPM: ",
-                value: (track, unit) => Math.round(track.heart_min || 0) + '&nbsp;' + unit,
-                // order: 30
-            },
-            "maxbpm": {
-                label: "Max BPM: ",
-                value: (track, unit) => Math.round(track.heart_max || 0) + '&nbsp;' + unit,
-                // order: 30
-            },
-            "avgbpm": {
-                label: "Avg BPM: ",
-                value: (track, unit) => Math.round(track.heart_avg || 0) + '&nbsp;' + unit,
-                // order: 20
-            },
-        }
-    };
+export function Heart() {
+
+    const _ = L.Control.Elevation.Utils;
+
+    return {
+        name: 'heart',      // <-- Your custom option name (eg. "heart: true")
+        unit: 'bpm',
+        meta: 'hr',         // <-- point.meta.hr
+        coordinateProperties: ["heart", "heartRates", "heartRate"], // List of GPX Extensions ("coordinateProperties") to be handled by "@tmcw/toGeoJSON"
+        pointToAttr: (point, i) => (point.hr ?? point.meta.hr ?? point.prev('heart')) || 0,
+		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
+        scale: {
+            axis       : "y",
+            position   : "left",
+            scale      : { min: -1, max: +1 },
+            tickPadding: 25,
+            labelX     : -30,
+            labelY     : -8,
+        },
+        path: {
+            label        : 'ECG',
+            yAttr        : 'heart',
+            scaleX       : 'distance',
+            scaleY       : 'heart',
+            color        : 'white',
+            strokeColor  : 'red',
+            strokeOpacity: "0.85",
+            fillOpacity  : "0.1",
+        },
+        tooltip: {
+            chart: (item) => L._("hr: ") + item.heart + " " + 'bpm',
+            marker: (item) => Math.round(item.heart) + " " + 'bpm',
+            order: 1
+        },
+        summary: {
+            "minbpm": {
+                label: "Min BPM: ",
+                value: (track, unit) => Math.round(track.heart_min || 0) + '&nbsp;' + unit,
+                // order: 30
+            },
+            "maxbpm": {
+                label: "Max BPM: ",
+                value: (track, unit) => Math.round(track.heart_max || 0) + '&nbsp;' + unit,
+                // order: 30
+            },
+            "avgbpm": {
+                label: "Avg BPM: ",
+                value: (track, unit) => Math.round(track.heart_avg || 0) + '&nbsp;' + unit,
+                // order: 20
+            },
+        }
+    };
 };

package/src/handlers/pace.js

@@ -1,65 +1,65 @@
-export function Pace() {
-
-	const _ = L.Control.Elevation.Utils;
-
-	let opts = this.options;
-	let pace = {};
-
-	pace.label      = opts.paceLabel  || L._(opts.imperial ? 'min/mi' : 'min/km');
-	opts.paceFactor = opts.paceFactor || 60; // 1 min = 60 sec
-
-	return {
-		name: 'pace',
-		unit: pace.label,
-		deltaMax: this.options.paceDeltaMax,
-		clampRange: this.options.paceRange,
-		decimals: 2,
-		pointToAttr: (_, i) => {
-			let dx   = (this._data[i].dist - this._data[i > 0 ? i - 1 : i].dist) * 1000;
-			let dt   = this._data[i].time - this._data[ i > 0 ? i - 1 : i].time;
-			return dx > 0 ? Math.abs((dt / dx) / opts.paceFactor) : 0;
-		},
-		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
-		scale : (this.options.pace && this.options.pace != "summary") && {
-			axis       : "y",
-			position   : "right",
-			scale      : { min : 0, max : +1 },
-			tickPadding: 16,
-			labelX     : 25,
-			labelY     : -8,
-		},
-		path: (this.options.pace && this.options.pace != "summary") && {
-			// name         : 'pace',
-			label        : 'Pace',
-			yAttr        : "pace",
-			scaleX       : 'distance',
-			scaleY       : 'pace',
-			color        : '#03ffff',
-			strokeColor  : '#000',
-			strokeOpacity: "0.5",
-			fillOpacity  : "0.25",
-		},
-		tooltip: (this.options.pace) && {
-			chart: (item) => L._('pace: ') + item.pace + " " + pace.label,
-			marker: (item) => Math.round(item.pace) + " " + pace.label,
-			order: 50,
-		},
-		summary: (this.options.pace) && {
-			"minpace"  : {
-				label: "Min Pace: ",
-				value: (track, unit) => Math.round(track.pace_min || 0) + ' ' + unit,
-				order: 51
-			},
-			"maxpace"  : {
-				label: "Max Pace: ",
-				value: (track, unit) => Math.round(track.pace_max || 0) + ' ' + unit,
-				order: 51
-			},
-			"avgpace": {
-				label: "Avg Pace: ",
-				value: (track, unit) => Math.round(track.pace_avg || 0) + ' ' + unit,
-				order: 52
-			},
-		}
-	};
-}
+export function Pace() {
+
+	const _ = L.Control.Elevation.Utils;
+
+	let opts = this.options;
+	let pace = {};
+
+	pace.label      = opts.paceLabel  || L._(opts.imperial ? 'min/mi' : 'min/km');
+	opts.paceFactor = opts.paceFactor || 60; // 1 min = 60 sec
+
+	return {
+		name: 'pace',
+		unit: pace.label,
+		deltaMax: this.options.paceDeltaMax,
+		clampRange: this.options.paceRange,
+		decimals: 2,
+		pointToAttr: (_, i) => {
+			let dx   = (this._data[i].dist - this._data[i > 0 ? i - 1 : i].dist) * 1000;
+			let dt   = this._data[i].time - this._data[ i > 0 ? i - 1 : i].time;
+			return dx > 0 ? Math.abs((dt / dx) / opts.paceFactor) : 0;
+		},
+		stats: { max: _.iMax, min: _.iMin, avg: _.iAvg },
+		scale : (this.options.pace && this.options.pace != "summary") && {
+			axis       : "y",
+			position   : "right",
+			scale      : { min : 0, max : +1 },
+			tickPadding: 16,
+			labelX     : 25,
+			labelY     : -8,
+		},
+		path: (this.options.pace && this.options.pace != "summary") && {
+			// name         : 'pace',
+			label        : 'Pace',
+			yAttr        : "pace",
+			scaleX       : 'distance',
+			scaleY       : 'pace',
+			color        : '#03ffff',
+			strokeColor  : '#000',
+			strokeOpacity: "0.5",
+			fillOpacity  : "0.25",
+		},
+		tooltip: (this.options.pace) && {
+			chart: (item) => L._('pace: ') + item.pace + " " + pace.label,
+			marker: (item) => Math.round(item.pace) + " " + pace.label,
+			order: 50,
+		},
+		summary: (this.options.pace) && {
+			"minpace"  : {
+				label: "Min Pace: ",
+				value: (track, unit) => Math.round(track.pace_min || 0) + ' ' + unit,
+				order: 51
+			},
+			"maxpace"  : {
+				label: "Max Pace: ",
+				value: (track, unit) => Math.round(track.pace_max || 0) + ' ' + unit,
+				order: 51
+			},
+			"avgpace": {
+				label: "Avg Pace: ",
+				value: (track, unit) => Math.round(track.pace_avg || 0) + ' ' + unit,
+				order: 52
+			},
+		}
+	};
+}