@raruto/leaflet-elevation 2.0.0 → 2.0.3

package/src/control.js

@@ -14,10 +14,10 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 	__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:    '../libs/leaflet-distance-marker.min.js',
+	__LCHART:        '../src/components/chart.js',
+	__LMARKER:       '../src/components/marker.js',
+	__LSUMMARY:      '../src/components/summary.js',
 	__modulesFolder: '../src/handlers/',
-	__LCHART:        '../src/chart.js',
-	__LMARKER:       '../src/marker.js',
-	__LSUMMARY:      '../src/summary.js',
 
 	/*
 	 * Add data to the diagram either from GPX or GeoJSON and update the axis domain and data
@@ -25,9 +25,7 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 	addData: function(d, layer) {
 		this.import(this.__D3)
 			.then(() => {
-				if (typeof layer === "undefined" && d.on) {
-					layer = d;
-				}
+				layer = layer ?? (d.on && d);
 				this._addData(d);
 				this._addLayer(layer);
 				this._fireEvt("eledata_added", { data: d, layer: layer, track_info: this.track_info });
@@ -296,51 +294,44 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 			return;
 		}
 
-		/**
-		 * Standard GeoJSON --> doesn't handle "time", "heart", …
-		 */
-		let geom = d.geometry;
-		if (geom) {
-			switch (geom.type) {
-				case 'LineString':
-					this._addGeoJSONData(geom.coordinates);
-					break;
-
-				case 'MultiLineString':
-					_.each(geom.coordinates, coords => this._addGeoJSONData(coords));
-					break;
-
-				default:
-					return console.warn('Unsopperted GeoJSON feature geometry type:' + geom.type);
+		// Standard GeoJSON
+		if (d.type === "FeatureCollection" ) {
+			return _.each(d.features, feature => this._addData(feature));
+		} else if (d.type === "Feature") {
+			let geom = d.geometry;
+			if (geom) {
+				switch (geom.type) {
+					case 'LineString':		return this._addGeoJSONData(geom.coordinates, d.properties);
+					case 'MultiLineString': return _.each(geom.coordinates, (coords, i) => this._addGeoJSONData(coords, d.properties, i));
+					case 'Point':
+					default:				return console.warn('Unsopperted GeoJSON feature geometry type:' + geom.type);
+				}
 			}
 		}
-		if (d.type === "FeatureCollection") {
-			_.each(d.features, feature => this._addData(feature));
-		}
 
-		/**
-		 * Extended GeoJSON --> rely on leaflet implementation
-		 */
+		// Fallback for leaflet layers (eg. L.Gpx)
 		if (d._latlngs) {
-			this._addGeoJSONData(d._latlngs, d.feature && d.feature.properties);
+			return this._addGeoJSONData(d._latlngs, d.feature && d.feature.properties);
 		}
+
 	},
 
 	/*
 	 * Parsing of GeoJSON data lines and their elevation in z-coordinate
 	 */
-	_addGeoJSONData: function(coords, properties) {
+	_addGeoJSONData: function(coords, properties, nestingLevel) {
+
+		// "coordinateProperties" property is generated inside "@tmcw/toGeoJSON"
+		let props  = (properties && properties.coordinateProperties) || properties;
+
 		coords.forEach((point, i) => {
 
 			// GARMIN_EXTENSIONS = ["hr", "cad", "atemp", "wtemp", "depth", "course", "bearing"];
 			point.meta = point.meta ?? { time: null, ele: null };
 			
-			// "coordinateProperties" property is generated inside "@tmcw/toGeoJSON"
-			let props  = (properties && properties.coordinateProperties) || properties;
-
 			point.prev = (attr) => (attr ? this._data[i > 0 ? i - 1 : 0][attr] : this._data[i > 0 ? i - 1 : 0]);
 
-			this.fire("elepoint_init", { point: point, props: props, id: i });
+			this.fire("elepoint_init", { point: point, props: props, id: i, isMulti: nestingLevel });
 
 			this._addPoint(
 				point.lat ?? point[1], 
@@ -380,10 +371,12 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 		if (layer && this.options.distanceMarkers && this.options.distanceMarkers.lazy) {
 			layer.on('add remove', ({target, type}) => L.DistanceMarkers && target instanceof L.Polyline && target[type + 'DistanceMarkers']());
 		}
+		return layer;
 	},
 
 	_addMarker: function(marker) {
 		if (marker) this._markers.addLayer(marker)
+		return marker;
 	},
 
 	/**
@@ -600,10 +593,6 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 				.on('margins_updated', this._resizeChart,    this);
 	
 	
-			this.fire("elechart_axis");
-	
-			if (this.options.legend) this.fire("elechart_legend");
-	
 			this.fire("elechart_init");
 
 			map
@@ -716,7 +705,7 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 	 */
 	_loadModules: function(handlers) {
 		// First map known classnames (eg. "Altitude" --> L.Control.Elevation.Altitude)
-		handlers = handlers.map((h) => typeof h === 'string' && typeof L.Control.Elevation[h] !== "undefined" ? L.Control.Elevation[h] : h);
+		handlers = handlers.map((h) => typeof h === 'string' && typeof Elevation[h] !== "undefined" ? Elevation[h] : h);
 		// Then load optional classes and custom imports (eg. "Cadence" --> import('../src/handlers/cadence.js'))
 		Promise.
 			all(
@@ -727,8 +716,8 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 			.then((m) => {
 				_.each(m, (exported) => {
 					let fn = Object.keys(exported)[0];
-					if (fn && typeof L.Control.Elevation[fn] === "undefined" ) {
-						handlers[fn] = L.Control.Elevation[fn] = exported[fn];
+					if (fn && typeof Elevation[fn] === "undefined" ) {
+						handlers[fn] = Elevation[fn] = exported[fn];
 						
 					}
 				});
@@ -740,65 +729,48 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 	 * Simple GeoJSON data loader (L.GeoJSON).
 	 */
 	_loadLayer: function(geojson) {
-		let control = this;
+		let { polyline, theme, waypoints, wptIcons, wptLabels, distanceMarkers } = this.options;
+		let style = L.extend({}, polyline);
+
+		if (theme) {
+			style.className += ' ' + theme;
+		}
 
-		let { wptIcons, wptLabels } = control.options;
+		if (geojson.name) {
+			this.track_info.name = geojson.name;
+		}
 
 		let layer = L.geoJson(geojson, {
-			distanceMarkers: control.options.distanceMarkers,
-			style: (feature) => {
-				let style = L.extend({}, control.options.polyline);
-				if (control.options.theme) {
-					style.className += ' ' + control.options.theme;
-				}
-				return style;
-			},
+			distanceMarkers: distanceMarkers,
+			style: style,
 			pointToLayer: (feature, latlng) => {
-				if (!control.options.waypoints) return;
-
-				let prop   = feature.properties;
-				let desc   = prop.desc ?? '';
-				let name   = prop.name ?? '';
-				let sym    = (prop.sym ?? name).replace(' ', '-').replace('"', '').replace("'", '').toLowerCase();
-
-				// Handle chart waypoints (dots)
-				if ([true, 'dots'].includes(control.options.waypoints)) {
-					control._registerCheckPoint({
-						latlng: latlng,
-						label: ([true, 'dots'].includes(wptLabels) ? name : '')
-					});
-				}
-
-				// 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>' } )
-						);
+				if (waypoints) {
+					let { desc, name, sym } = feature.properties;
+					desc = desc || '';
+					name = name || '';
+					// Handle chart waypoints (dots)
+					if ([true, 'dots'].includes(waypoints)) {
+						this._registerCheckPoint({
+							latlng: latlng,
+							label : ([true, 'dots'].includes(wptLabels) ? name : '')
+						});
 					}
-					let marker = L.marker(latlng, { icon: wptIcons[sym] });
-					if ([true, 'markers'].includes(wptLabels) && (name || desc)) {
-						let content = decodeURI("<b>" + name + "</b>" + (desc.length > 0 ? '<br>' + desc : ''));
-						marker.bindPopup(content, { className: 'elevation-popup', keepInView: true }).openPopup();
-						marker.bindTooltip(content, { className: 'elevation-tooltip', direction: 'auto', sticky: true, opacity: 1 }).openTooltip();
+					// Handle map waypoints (markers)
+					if ([true, 'markers'].includes(waypoints) && wptIcons != false) {
+						return this._registerMarker({
+							latlng : latlng,
+							sym    : (sym ?? name).replace(' ', '-').replace('"', '').replace("'", '').toLowerCase(),
+							content: [true, 'markers'].includes(wptLabels) && (name || desc) && decodeURI("<b>" + name + "</b>" + (desc.length > 0 ? '<br>' + desc : ''))
+						});
 					}
-					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') {
-					control.addData(layer);
-					control.track_info = L.extend({}, control.track_info, { name: geojson.name });
-				} 
-			},
+			onEachFeature: (feature, layer) => feature.geometry && feature.geometry.type != 'Point' && this.addData(feature, layer),
 		});
 
-		control.import(control.__D3).then(() => {
-			control._initMapIntegrations(control, layer);
-			control._fireEvt("eledata_loaded", { data: geojson, layer: layer, name: control.track_info.name, track_info: control.track_info });
+		this.import(this.__D3).then(() => {
+			this._initMapIntegrations(this, layer);
+			this._fireEvt("eledata_loaded", { data: geojson, layer: layer, name: this.track_info.name, track_info: this.track_info });
 		});
 
 		return layer;
@@ -929,8 +901,7 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 					geojson = this._parseFromGeoJSONString(data.toString());
 				}
 				if (geojson) {
-					geojson = this._prepareMultiLineStrings(geojson);
-					geojson = this._prepareAdditionalProperties(geojson);
+					geojson.name = geojson.name || (this._downloadURL || '').split('/').pop().split('#')[0].split('?')[0];
 				}
 				resolve(geojson);
 			})
@@ -958,37 +929,6 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 		return geojson;
 	},
 
-	/**
-	 * Extend GeoJSON properties (name, time, ...)
-	 */
-	 _prepareAdditionalProperties: function(geojson) {
-		if (!geojson.name && this._downloadURL) {
-			geojson.name = this._downloadURL.split('/').pop().split('#')[0].split('?')[0];
-		}
-		return geojson;
-	},
-
-	/**
-	 * Just a temporary fix for MultiLineString data (trk > trkseg + trkseg),
-	 * just split them into seperate LineStrings (trk > trkseg, trk > trkseg)
-	 * 
-	 * @link https://github.com/Raruto/leaflet-elevation/issues/56
-	 */
-	_prepareMultiLineStrings: function(geojson) {
-		geojson.features.forEach(feauture => {
-			if (feauture.geometry.type == "MultiLineString") {
-				feauture.geometry.coordinates.forEach(coords => {
-					geojson.features.push({
-						geometry: { type: 'LineString', coordinates: coords },
-						properties: feauture.properties,
-						type: 'Feature'
-					});
-				});
-			} 
-		});
-		return geojson.features.filter(feauture => feauture.geometry.type != "MultiLineString");
-	},
-
 	/**
 	 * Add chart profile to diagram
 	 */
@@ -1106,60 +1046,79 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 			return this._registerHandler(props.call(this));
 		}
 
+		let {
+			name,
+			attr,
+			required,
+			skipNull,
+			deltaMax,
+			clampRange,
+			decimals,
+			meta,
+			unit,
+			coordinateProperties,
+			coordPropsToMeta,
+			pointToAttr,
+			onPointAdded,
+			stats,
+			statsName,
+			grid,
+			scale,
+			path,
+			tooltip,
+			summary
+		} = props;
+
 		// eg. "altitude" == true
-		if (this.options[props.name] || props.required) {
+		if (this.options[name] || required) {
 
 			this._registerDataAttribute({
-				name: props.name,
-				attr: props.attr,
-				skipNull: props.skipNull,
-				deltaMax: props.deltaMax,
-				clampRange: props.clampRange,
-				decimals: props.decimals,
-				coordPropsToMeta: _.coordPropsToMeta(props.coordinateProperties, props.meta || props.name, props.coordPropsToMeta),
-				pointToAttr: props.pointToAttr,
-				onPointAdded: props.onPointAdded,
-				stats: props.stats,
-				statsName: props.statsName,
+				name,
+				attr,
+				skipNull,
+				deltaMax,
+				clampRange,
+				decimals,
+				coordPropsToMeta: _.coordPropsToMeta(coordinateProperties, meta || name, coordPropsToMeta),
+				pointToAttr,
+				onPointAdded,
+				stats,
+				statsName,
 			});
 
-			if (props.grid) {
-				props.grid.name = props.grid.name || props.name;
-				this._registerAxisGrid(props.grid);
+			if (grid) {
+				this._registerAxisGrid(L.extend({ name }, grid));
 			}
 
-			if (this.options[props.name] !== "summary") {
-				if (props.scale) {
-					props.scale.name = props.scale.name || props.name;
-					props.scale.label = props.scale.label || props.unit;
-					this._registerAxisScale(props.scale);
-				}
-				if (props.path) {
-					props.path.name = props.path.name || props.name;
-					this._registerAreaPath(props.path);
-				}
+			if (this.options[name] !== "summary") {
+				if (scale) this._registerAxisScale(L.extend({ name, label: unit }, scale));
+				if (path)  this._registerAreaPath(L.extend({ name }, path));
 			}
 
-			if (props.tooltips) {
-				_.each(props.tooltips, t => {
-					if (t) {
-						t.name = t.name || props.name;
-						this._registerTooltip(t)
-					}
-				});
-			} else if (props.tooltip) {
-				props.tooltip.name = props.tooltip.name || props.name;
-				this._registerTooltip(props.tooltip)
+			if (tooltip || props.tooltips) {
+				_.each([tooltip, ...(props.tooltips || [])], t => t && this._registerTooltip(L.extend({ name }, t)));
 			}
 
-			if (props.summary) {
-				for (const key in props.summary) {
-					props.summary[key].unit = props.summary[key].unit || props.unit;
-				}
-				this._registerSummary(props.summary);
+			if (summary) {
+				_.each(summary, (s, k) => summary[k] = L.extend({ unit }, s));
+				this._registerSummary(summary);
 			}
 		}
 	},
+
+	_registerMarker({latlng, sym, content}) {
+		let { wptIcons } = this.options;
+		// 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 (content) {
+			marker.bindPopup(content, { className: 'elevation-popup', keepInView: true }).openPopup();
+			marker.bindTooltip(content, { className: 'elevation-tooltip', direction: 'auto', sticky: true, opacity: 1 }).openTooltip();
+		}
+		return this._addMarker(marker)
+	},
 	
 	/**
 	 * Add chart or marker tooltip info
@@ -1242,7 +1201,6 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 	_updateChart: function() {
 		if (this._chart && this._container) {
 			this.fire("elechart_axis");
-			this.fire("elechart_area");
 	
 			this._chart.update({ data: this._data, options: this.options });
 	
@@ -1290,27 +1248,26 @@ export const Elevation = L.Control.Elevation = L.Control.extend({
 	 * Update chart summary.
 	 */
 	_updateSummary: function() {
-		if (!this._summary) return;
-
-		this._summary.reset();
-
-		if (this.options.summary) {
-			this.fire("elechart_summary");
-			this._summary.update();
+		if (this._summary) {
+			this._summary.reset();
+			if (this.options.summary) {
+				this.fire("elechart_summary");
+				this._summary.update();
+			}
+			if (this.options.downloadLink && this._downloadURL) { // TODO: generate dynamically file content instead of using static file urls.
+				this._summary._container.innerHTML += '<span class="download"><a href="#">' + L._('Download') + '</a></span>'
+				_.select('.download a', this._summary._container).onclick = ({preventDefault}) => {
+					preventDefault();
+					let event = { downloadLink: this.options.downloadLink, confirm: _.saveFile.bind(this, this._downloadURL) };
+					if (this.options.downloadLink == 'modal' && typeof CustomEvent === "function") {
+						document.dispatchEvent(new CustomEvent("eletrack_download", { detail: event }));
+					} else if (this.options.downloadLink == 'link' || this.options.downloadLink === true) {
+						event.confirm();
+					}
+					this.fire('eletrack_download', event);
+				};
+			}
 		}
-		if (this.options.downloadLink && this._downloadURL) { // TODO: generate dynamically file content instead of using static file urls.
-			this._summary._container.innerHTML += '<span class="download"><a href="#">' + L._('Download') + '</a></span>'
-			_.select('.download a', this._summary._container).onclick = ({preventDefault}) => {
-				preventDefault();
-				let event = { downloadLink: this.options.downloadLink, confirm: _.saveFile.bind(this, this._downloadURL) };
-				if (this.options.downloadLink == 'modal' && typeof CustomEvent === "function") {
-					document.dispatchEvent(new CustomEvent("eletrack_download", { detail: event }));
-				} else if (this.options.downloadLink == 'link' || this.options.downloadLink === true) {
-					event.confirm();
-				}
-				this.fire('eletrack_download', event);
-			};
-		};
 	},
 
 

package/src/handlers/altitude.js

@@ -24,7 +24,10 @@ export function Altitude() {
 		// 	// "alt" property is generated inside "leaflet"
 		// 	if ("alt" in point) point.meta.ele = point.alt;
 		// },
-		pointToAttr: (_, i) => this._data[i].z * opts.altitudeFactor,
+		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",

package/src/handlers/heart.js

@@ -13,8 +13,8 @@ export function Heart() {
             axis       : "y",
             position   : "left",
             scale      : { min: -1, max: +1 },
-            tickPadding: 16,
-            labelX     : -18,
+            tickPadding: 25,
+            labelX     : -30,
             labelY     : -8,
         },
         path: {

package/src/index.css

@@ -60,6 +60,7 @@
 }
 
 .elevation-control.elevation .axis text,
+.elevation-control.elevation .legend text,
 .elevation-control.elevation .point text {
   fill: #000;
   font-weight: 700;
@@ -246,7 +247,7 @@
 .leaflet-elevation-pane .height-focus,
 .leaflet-overlay-pane .height-focus {
   stroke: #000;
-  fill: var(--ele-area, #FFF);
+  fill: var(--ele-circle, var(--ele-area, #FFF));
 }
 
 .leaflet-elevation-pane .height-focus.line,
@@ -334,6 +335,7 @@
   --ele-area: #3366CC;
   --ele-alpha: 0.45;
   --ele-stroke: #4682B4;
+  --ele-circle: #fff;
 }
 
 .elevation-detached .lightblue-theme.elevation-control.elevation .area {

package/src/utils.js

@@ -88,11 +88,11 @@ export function formatTime(t) {
  * Loop and extract GPX Extensions handled by "@tmcw/toGeoJSON" (eg. "coordinateProperties" > "times")
  */
 export function coordPropsToMeta(coordProps, name, parser) {
-	return coordProps && (({props, point, id}) => {
+	return coordProps && (({props, point, id, isMulti }) => {
 		if (props) {
 			for (const key of coordProps) {
 				if (key in props) {
-					point.meta[name] = (parser || parseInt).call(this, props[key], id);
+					point.meta[name] = (parser || parseInt).call(this, (isMulti ? props[key][isMulti] : props[key]), id);
 					break;
 				}
 			}
@@ -139,9 +139,9 @@ export const iSum = (iVal, sum) => iVal + (sum || 0);
 /**
  * Alias for some leaflet core functions
  */
-export const { on, off }  = L.DomEvent;
-export const { throttle } = L.Util;
-export const { hasClass } = L.DomUtil;
+export const { on, off }           = L.DomEvent;
+export const { throttle, wrapNum } = L.Util;
+export const { hasClass }          = L.DomUtil;
 
 /**
  * Limit floating point precision

package/src/handlers/acceleration.min.js

@@ -1 +0,0 @@
-export function Acceleration(){const _=L.Control.Elevation.Utils;let opts=this.options,acceleration={};return acceleration.label=opts.accelerationLabel||L._(opts.imperial?"ft/s²":"m/s²"),opts.accelerationFactor=opts.accelerationFactor||1,{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)*(1e3/opts.timeFactor),dt=(this._data[i].time-this._data[i>0?i-1:i].time)/1e3;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.min.js

@@ -1 +0,0 @@
-export function Altitude(){const _=L.Control.Elevation.Utils;let opts=this.options,altitude={},theme=opts.theme.replace("-theme",""),color=_.Colors[theme]||{};return opts.altitudeFactor=opts.imperial?this.__footFactor:opts.altitudeFactor||1,altitude.label=opts.imperial?"ft":opts.yLabel,{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,pointToAttr:(_,i)=>this._data[i].z*opts.altitudeFactor,stats:{max:_.iMax,min:_.iMin,avg:_.iAvg},grid:{axis:"y",position:"left",scale:"y"},scale:{axis:"y",position:"left",scale:"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.min.js

@@ -1 +0,0 @@
-export function Distance(){const _=L.Control.Elevation.Utils;let opts=this.options,distance={};return opts.distanceFactor=opts.imperial?this.__mileFactor:opts.distanceFactor||1,distance.label=opts.imperial?"mi":opts.xLabel,{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/1e3,onPointAdded:(distance,i)=>this.track_info.distance=distance,scale:{axis:"x",position:"bottom",scale:"x",labelY:25,labelX:()=>this._width()+6,ticks:()=>_.clamp(this._chart._xTicks()/2,[4,1/0])},grid:{axis:"x",position:"bottom",scale:"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}}}}

package/src/handlers/slope.min.js

@@ -1 +0,0 @@
-export function Slope(){const _=L.Control.Elevation.Utils;let opts=this.options,slope={};return slope.label=opts.slopeLabel||"%",{name:"slope",meta:"slope",unit:slope.label,deltaMax:this.options.slopedDeltaMax,clampRange:this.options.slopeRange,decimals:2,pointToAttr:(_,i)=>{let dx=1e3*(this._data[i].dist-this._data[i>0?i-1:i].dist),dy=this._data[i][this.options.yAttr]-this._data[i>0?i-1:i][this.options.yAttr];return isNaN(dy)||0===dx?0:dy/dx*100},onPointAdded:(_,i)=>{let dz=this._data[i][this.options.yAttr]-this._data[i>0?i-1:i][this.options.yAttr];dz>0?this.track_info.ascent=(this.track_info.ascent||0)+dz:dz<0&&(this.track_info.descent=(this.track_info.descent||0)-dz)},stats:{max:_.iMax,min:_.iMin,avg:_.iAvg},scale:{axis:"y",position:"right",scale:{min:-1,max:1},tickPadding:16,labelX:25,labelY:-8},path:{label:"Slope",yAttr:"slope",scaleX:"distance",scaleY:"slope",color:"#F00",strokeColor:"#000",strokeOpacity:"0.5",fillOpacity:"0.25"},tooltip:{chart:item=>L._("m: ")+item.slope+slope.label,marker:item=>Math.round(item.slope)+slope.label,order:40},summary:{minslope:{label:"Min Slope: ",value:(track,unit)=>Math.round(track.slope_min||0)+"&nbsp;"+unit,order:40},maxslope:{label:"Max Slope: ",value:(track,unit)=>Math.round(track.slope_max||0)+"&nbsp;"+unit,order:41},avgslope:{label:"Avg Slope: ",value:(track,unit)=>Math.round(track.slope_avg||0)+"&nbsp;"+unit,order:42},ascent:{label:"Total Ascent: ",value:(track,unit)=>Math.round(track.ascent||0)+"&nbsp;"+(this.options.imperial?"ft":"m"),order:43},descent:{label:"Total Descent: ",value:(track,unit)=>Math.round(track.descent||0)+"&nbsp;"+(this.options.imperial?"ft":"m"),order:45}}}}

package/src/handlers/speed.min.js

@@ -1 +0,0 @@
-export function Speed(){const _=L.Control.Elevation.Utils;let opts=this.options,speed={};return speed.label=opts.speedLabel||L._(opts.imperial?"mph":"km/h"),opts.speedFactor=opts.speedFactor||1,{name:"speed",required:this.options.acceleration,unit:speed.label,deltaMax:this.options.speedDeltaMax,clampRange:this.options.speedRange,decimals:2,pointToAttr:(_,i)=>{let dx=1e3*(this._data[i].dist-this._data[i>0?i-1:i].dist),dt=this._data[i].time-this._data[i>0?i-1:i].time;return dt>0?Math.abs(dx/dt*opts.timeFactor)*opts.speedFactor:0},stats:{max:_.iMax,min:_.iMin,avg:_.iAvg},scale:this.options.speed&&"summary"!=this.options.speed&&{axis:"y",position:"right",scale:{min:0,max:1},tickPadding:16,labelX:25,labelY:-8},path:this.options.speed&&"summary"!=this.options.speed&&{label:"Speed",yAttr:"speed",scaleX:"distance",scaleY:"speed",color:"#03ffff",strokeColor:"#000",strokeOpacity:"0.5",fillOpacity:"0.25"},tooltip:this.options.speed&&{chart:item=>L._("v: ")+item.speed+" "+speed.label,marker:item=>Math.round(item.speed)+" "+speed.label,order:50},summary:this.options.speed&&{minspeed:{label:"Min Speed: ",value:(track,unit)=>Math.round(track.speed_min||0)+" "+unit,order:51},maxspeed:{label:"Max Speed: ",value:(track,unit)=>Math.round(track.speed_max||0)+" "+unit,order:51},avgspeed:{label:"Avg Speed: ",value:(track,unit)=>Math.round(track.speed_avg||0)+" "+unit,order:52}}}}

package/src/handlers/time.min.js

@@ -1 +0,0 @@
-export function Time(){const _=L.Control.Elevation.Utils;let opts=this.options,time={};return time.label=opts.timeLabel||"t",opts.timeFactor=opts.timeFactor||3600,this._timeAVGSpeed=(opts.timeAVGSpeed||3.6)*(opts.speedFactor||1),opts.timeFormat?"time"==opts.timeFormat?opts.timeFormat=time=>new Date(time).toLocaleTimeString():"date"==opts.timeFormat&&(opts.timeFormat=time=>new Date(time).toLocaleDateString()):opts.timeFormat=time=>new Date(time).toLocaleString().replaceAll("/","-").replaceAll(","," "),opts.xTimeFormat=opts.xTimeFormat||(t=>_.formatTime(t).split("'")[0]),{name:"time",required:this.options.speed||this.options.acceleration||this.options.timestamps,coordinateProperties:["coordTimes","times","time"],coordPropsToMeta:_.parseDate,pointToAttr:function(point,i){if(!point.meta||!point.meta.time)if(point.meta=point.meta||{},i>0){let dx=this._data[i].dist-this._data[i-1].dist,t0=this._data[i-1].time.getTime();point.meta.time=new Date(t0+dx/this._timeAVGSpeed*this.options.timeFactor*1e3)}else point.meta.time=new Date(Date.now());let time=point.meta.time.getTime()-60*point.meta.time.getTimezoneOffset()*1e3!=0?point.meta.time:0;return this._data[i].duration=i>0?(this._data[i-1].duration||0)+Math.abs(time-this._data[i-1].time):0,time},onPointAdded:(_,i)=>this.track_info.time=this._data[i].duration,scale:opts.time&&"summary"!=opts.time&&!L.Browser.mobile&&{axis:"x",position:"top",scale:{attr:"duration",min:0},label:time.label,labelY:-10,labelX:()=>this._width(),name:"time",ticks:()=>_.clamp(this._chart._xTicks()/2,[4,1/0]),tickFormat:d=>0==d?"":opts.xTimeFormat(d),onAxisMount:axis=>{axis.select(".domain").remove(),axis.selectAll("text").attr("opacity",.65).style("font-family","Monospace").style("font-size","110%"),axis.selectAll(".tick line").attr("y2",this._height()).attr("stroke-dasharray",2).attr("opacity",.75)}},tooltips:[this.options.time&&{name:"time",chart:item=>L._("T: ")+_.formatTime(item.duration||0),order:20},this.options.timestamps&&{name:"date",chart:item=>L._("t: ")+this.options.timeFormat(item.time),order:21}],summary:this.options.time&&{tottime:{label:"Total Time: ",value:track=>_.formatTime(track.time||0),order:20}}}}