@raruto/leaflet-elevation 2.2.3 → 2.2.6

package/src/components/marker.js

@@ -1,96 +1,96 @@
-import * as D3 from './d3.js';
-
-const _ = L.Control.Elevation.Utils;
-
-export var Marker = L.Class.extend({
-
-	initialize: function(options, control) {
-		this.options = options;
-		this.control = control
-
-		switch(this.options.marker) {
-			case 'elevation-line':
-				// this._container = d3.create("g").attr("class", "height-focus-group");
-			break;
-			case 'position-marker':
-				// this._marker   = L.circleMarker([0, 0], { pane: 'overlayPane', radius: 6, fillColor: '#fff', fillOpacity:1, color: '#000', weight:1, interactive: false });
-				this._marker      = L.marker([0, 0], { icon: this.options.markerIcon, zIndexOffset: 1000000, interactive: false });
-			break;
-		}
-
-		this._labels = {};
-
-		return this;
-	},
-
-	addTo: function(map) {
-		this._map = map;
-		switch(this.options.marker) {
-			case 'elevation-line':  this._container = d3.select(map.getPane('elevationPane')).select("svg > g").call(D3.PositionMarker({})); break;
-			case 'position-marker': this._marker.addTo(map, { pane: 'overlayPane' }); break;
-		}
-		return this;
-	},
-
-	/**
-	 * Update position marker ("leaflet-marker").
-	 */
-	update: function(props) {
-		if (props) this._props = props;
-		else props = this._props;
-
-		if(!props) return;
-
-		if (props.options) this.options = props.options;
-		if (!this._map) this.addTo(props.map);
-
-		this._latlng = props.item.latlng;
-
-		switch(this.options.marker) {
-			case 'elevation-line':
-				if (this._container) {
-					let point = this._map.latLngToLayerPoint(this._latlng);
-					point     = L.extend({}, props.item, this._map._rotate ? this._map.rotatedPointToMapPanePoint(point) : point);
-
-					let yMax = (this.control._height() / props.yCoordMax * point[this.options.yAttr]);
-
-					if(!isFinite(yMax) || isNaN(yMax)) yMax = 0;
-
-					this._container.classed("leaflet-hidden", false);
-					this._container.call(D3.PositionMarker({
-						theme : this.options.theme,
-						xCoord: point.x,
-						yCoord: point.y,
-						length: point.y - yMax, // normalized Y
-						labels: this._labels,
-						item: point,
-					}));
-				}
-			break;
-			case 'position-marker':
-				_.removeClass(this._marker.getElement(), 'leaflet-hidden');
-				this._marker.setLatLng(this._latlng);
-			break;
-		}
-	},
-
-	/*
-	 * Hides the position/height indicator marker drawn onto the map
-	 */
-	remove: function() {
-		this._props = null;
-		switch(this.options.marker) {
-			case 'elevation-line':  this._container && this._container.classed("leaflet-hidden", true); break;
-			case 'position-marker': _.addClass(this._marker.getElement(), 'leaflet-hidden');            break;
-		}
-	},
-
-	getLatLng: function() {
-		return this._latlng;
-	},
-
-	_registerTooltip: function(props) {
-		this._labels[props.name] = props;
-	}
-
-});
+import * as D3 from './d3.js';
+
+const _ = L.Control.Elevation.Utils;
+
+export var Marker = L.Class.extend({
+
+	initialize: function(options, control) {
+		this.options = options;
+		this.control = control
+
+		switch(this.options.marker) {
+			case 'elevation-line':
+				// this._container = d3.create("g").attr("class", "height-focus-group");
+			break;
+			case 'position-marker':
+				// this._marker   = L.circleMarker([0, 0], { pane: 'overlayPane', radius: 6, fillColor: '#fff', fillOpacity:1, color: '#000', weight:1, interactive: false });
+				this._marker      = L.marker([0, 0], { icon: this.options.markerIcon, zIndexOffset: 1000000, interactive: false });
+			break;
+		}
+
+		this._labels = {};
+
+		return this;
+	},
+
+	addTo: function(map) {
+		this._map = map;
+		switch(this.options.marker) {
+			case 'elevation-line':  this._container = d3.select(map.getPane('elevationPane')).select("svg > g").call(D3.PositionMarker({})); break;
+			case 'position-marker': this._marker.addTo(map, { pane: 'overlayPane' }); break;
+		}
+		return this;
+	},
+
+	/**
+	 * Update position marker ("leaflet-marker").
+	 */
+	update: function(props) {
+		if (props) this._props = props;
+		else props = this._props;
+
+		if(!props) return;
+
+		if (props.options) this.options = props.options;
+		if (!this._map) this.addTo(props.map);
+
+		this._latlng = props.item.latlng;
+
+		switch(this.options.marker) {
+			case 'elevation-line':
+				if (this._container) {
+					let point = this._map.latLngToLayerPoint(this._latlng);
+					point     = L.extend({}, props.item, this._map._rotate ? this._map.rotatedPointToMapPanePoint(point) : point);
+
+					let yMax = (this.control._height() / props.yCoordMax * point[this.options.yAttr]);
+
+					if(!isFinite(yMax) || isNaN(yMax)) yMax = 0;
+
+					this._container.classed("leaflet-hidden", false);
+					this._container.call(D3.PositionMarker({
+						theme : this.options.theme,
+						xCoord: point.x,
+						yCoord: point.y,
+						length: point.y - yMax, // normalized Y
+						labels: this._labels,
+						item: point,
+					}));
+				}
+			break;
+			case 'position-marker':
+				_.removeClass(this._marker.getElement(), 'leaflet-hidden');
+				this._marker.setLatLng(this._latlng);
+			break;
+		}
+	},
+
+	/*
+	 * Hides the position/height indicator marker drawn onto the map
+	 */
+	remove: function() {
+		this._props = null;
+		switch(this.options.marker) {
+			case 'elevation-line':  this._container && this._container.classed("leaflet-hidden", true); break;
+			case 'position-marker': _.addClass(this._marker.getElement(), 'leaflet-hidden');            break;
+		}
+	},
+
+	getLatLng: function() {
+		return this._latlng;
+	},
+
+	_registerTooltip: function(props) {
+		this._labels[props.name] = props;
+	}
+
+});

package/src/components/summary.js

@@ -1,43 +1,43 @@
-const _ = L.Control.Elevation.Utils;
-
-export var Summary = L.Class.extend({
-	initialize: function(opts, control) {
-		this.options = opts;
-		this.control = control;
-		this.labels = {};
-
-		let summary = this._container = _.create("div", "elevation-summary " + (opts.summary ? opts.summary + "-summary" : ''));
-		_.style(summary, 'max-width', opts.width ? opts.width + 'px' : '');
-	},
-
-	render: function() {
-		return container => container.append(() => this._container);
-	},
-
-	reset: function() {
-		this._container.innerHTML = '';
-	},
-
-	append: function(className, label, value) {
-		this._container.innerHTML += `<span class="${className}"><span class="summarylabel">${label}</span><span class="summaryvalue">${value}</span></span>`;
-		return this;
-	},
-
-	update: function() {
-		Object
-		.keys(this.labels)
-		.sort((a, b) => this.labels[a].order - this.labels[b].order) // TODO: any performance issues?
-		.forEach((i)=> {
-			let value = typeof this.labels[i].value !== "function" ? this.labels[i].value : this.labels[i].value(this.control.track_info, this.labels[i].unit || '');
-			this.append(i /*+ " order-" + this.labels[i].order*/, L._(this.labels[i].label), value, this.labels[i].order);
-		});
-	},
-
-	_registerSummary: function(data) {
-		for (let i in data) {
-			data[i].order = data[i].order ?? 1000;
-			this.labels[i] = data[i];
-		}
-	}
-
-});
+const _ = L.Control.Elevation.Utils;
+
+export var Summary = L.Class.extend({
+	initialize: function(opts, control) {
+		this.options = opts;
+		this.control = control;
+		this.labels = {};
+
+		let summary = this._container = _.create("div", "elevation-summary " + (opts.summary ? opts.summary + "-summary" : ''));
+		_.style(summary, 'max-width', opts.width ? opts.width + 'px' : '');
+	},
+
+	render: function() {
+		return container => container.append(() => this._container);
+	},
+
+	reset: function() {
+		this._container.innerHTML = '';
+	},
+
+	append: function(className, label, value) {
+		this._container.innerHTML += `<span class="${className}"><span class="summarylabel">${label}</span><span class="summaryvalue">${value}</span></span>`;
+		return this;
+	},
+
+	update: function() {
+		Object
+		.keys(this.labels)
+		.sort((a, b) => this.labels[a].order - this.labels[b].order) // TODO: any performance issues?
+		.forEach((i)=> {
+			let value = typeof this.labels[i].value !== "function" ? this.labels[i].value : this.labels[i].value(this.control.track_info, this.labels[i].unit || '');
+			this.append(i /*+ " order-" + this.labels[i].order*/, L._(this.labels[i].label), value, this.labels[i].order);
+		});
+	},
+
+	_registerSummary: function(data) {
+		for (let i in data) {
+			data[i].order = data[i].order ?? 1000;
+			this.labels[i] = data[i];
+		}
+	}
+
+});