@raruto/leaflet-elevation 2.0.1 → 2.0.4

package/dist/leaflet-elevation.js

@@ -135,11 +135,11 @@
      * Loop and extract GPX Extensions handled by "@tmcw/toGeoJSON" (eg. "coordinateProperties" > "times")
      */
     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;
     				}
     			}
@@ -186,9 +186,9 @@
     /**
      * Alias for some leaflet core functions
      */
-    const { on, off }  = L.DomEvent;
-    const { throttle } = L.Util;
-    const { hasClass } = L.DomUtil;
+    const { on, off }           = L.DomEvent;
+    const { throttle, wrapNum } = L.Util;
+    const { hasClass }          = L.DomUtil;
 
     /**
      * Limit floating point precision
@@ -236,6 +236,7 @@
         on: on,
         off: off,
         throttle: throttle,
+        wrapNum: wrapNum,
         hasClass: hasClass,
         round: round,
         clamp: clamp,
@@ -244,10 +245,11 @@
 
     var Options = {
     	autofitBounds: true,
-    	autohide: !L.Browser.mobile,
+    	autohide: false,
     	autohideMarker: true,
     	almostover: true,
     	altitude: true,
+    	closeBtn: true,
     	collapsed: false,
     	detached: true,
     	distance: true,
@@ -308,7 +310,13 @@
     	zFollow: false,
     	zooming: !L.Browser.Mobile,
 
-    	// Quite uncommon and undocumented options (quite useless)
+    	// Quite uncommon and undocumented options
+    	margins: { top: 30, right: 30, bottom: 30, left: 40 },
+    	height: (screen.height * 0.3) || 200,
+    	width: (screen.width * 0.6) || 600,
+    	xTicks: undefined,
+    	yTicks: undefined,
+
     	decimalsX: 2,
     	decimalsY: 0,
     	forceAxisBounds: false,
@@ -316,13 +324,6 @@
     	skipNullZCoords: false,
     	yAxisMax: undefined,
     	yAxisMin: undefined,
-
-    	// Probably no longer functional as expected (internally overwritten)
-    	margins: { top: 30, right: 30, bottom: 30, left: 40 },
-    	height: 200,
-    	width: 600,
-    	xTicks: undefined,
-    	yTicks: undefined,
     };
 
     const Elevation = L.Control.Elevation = L.Control.extend({
@@ -330,8 +331,8 @@
     	includes: L.Evented ? L.Evented.prototype : L.Mixin.Events,
 
     	options: Options,
-    	__mileFactor: 0.621371, // 1 km = (0.621371 mi)
-    	__footFactor: 3.28084,  // 1 m  = (3.28084 ft)
+    	__mileFactor:     0.621371, // 1 km = (0.621371 mi)
+    	__footFactor:     3.28084,  // 1 m  = (3.28084 ft)
     	__D3:            'https://unpkg.com/d3@6.5.0/dist/d3.min.js',
     	__TOGEOJSON:     'https://unpkg.com/@tmcw/togeojson@4.6.0/dist/togeojson.umd.js',
     	__LGEOMUTIL:     'https://unpkg.com/leaflet-geometryutil@0.9.3/src/leaflet.geometryutil.js',
@@ -348,9 +349,7 @@
     	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 });
@@ -362,9 +361,9 @@
     	 */
     	addTo: function(map) {
     		if (this.options.detached) {
-    			let eleDiv = this._initElevationDiv();
-    			if (!eleDiv.isConnected) insert(map.getContainer(), eleDiv, 'afterend');
-    			append(eleDiv, this.onAdd(map));
+    			let parent = select(this.options.elevationDiv);
+    			let eleDiv = this.onAdd(map);
+    			parent ? append(parent, eleDiv) : insert(map.getContainer(), eleDiv, 'afterend');
     		} else {
     			L.Control.prototype.addTo.call(this, map);
     		}
@@ -546,7 +545,9 @@
     	onAdd: function(map) {
     		this._map = map;
 
-    		let container = this._container = create("div", "elevation-control elevation " + this.options.theme + " " + (this.options.detached ? '' : 'leaflet-control'));
+    		let container = this._container = create("div", "elevation-control " + this.options.theme + " " + (this.options.detached ? 'elevation-detached' : 'leaflet-control'), this.options.detached ? { id: 'elevation-' + randomId() } : {});
+
+    		if (!this.eleDiv) this.eleDiv = container;
 
     		let modules = [
     			"Distance",
@@ -619,51 +620,44 @@
     			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], 
@@ -703,10 +697,12 @@
     		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;
     	},
 
     	/**
@@ -743,21 +739,6 @@
     		}
     	},
 
-    	/**
-    	 * Adds the control to the given "detached" div.
-    	 */
-    	_initElevationDiv: function() {
-    		let eleDiv = select(this.options.elevationDiv);
-    		if (!eleDiv) {
-    			this.options.elevationDiv = '#elevation-div_' + randomId();
-    			eleDiv                    = create('div', 'leaflet-control elevation elevation-div', { id: this.options.elevationDiv.substr(1) });
-    		}
-    		if (this.options.detached) {
-    			replaceClass(eleDiv, 'leaflet-control', 'elevation-detached');
-    		}
-    		return this.eleDiv = eleDiv;
-    	},
-
     	/**
     	 * Initialize "L.AlmostOver" and "L.DistanceMarkers"
     	 */
@@ -776,6 +757,7 @@
     			} else if (control.options.polyline) {
     				layer.addTo(map);
     			}
+    			map.invalidateSize();
     		} else {
     			console.warn("Undefined elevation map object");		}
     	},
@@ -801,7 +783,7 @@
     		let oldProto = L.Canvas.prototype._fillStroke;
     		let control  = this;
 
-    		let theme      = this.options.theme.replace('-theme', '');
+    		let theme      = this.options.theme.split(' ')[0].replace('-theme', '');
     		let color      = Colors[theme] || {};
 
     		L.Canvas.include({
@@ -922,10 +904,6 @@
     				.on('margins_updated', this._resizeChart,    this);
     	
     	
-    			this.fire("elechart_axis");
-    	
-    			if (this.options.legend) this.fire("elechart_legend");
-    	
     			this.fire("elechart_init");
 
     			map
@@ -990,23 +968,19 @@
     				.disableScrollPropagation(container);
     		}
 
-    		if (!this.options.detached) {
-    			let link = this._button = create('a', "elevation-toggle elevation-toggle-icon" + (this.options.autohide ? "" : " close-button"), { href: '#', title: L._('Elevation') }, container);
+    		this.options.collapsed ? this._collapse() : this._expand();
 
-    			if (this.options.collapsed) {
-    				this._collapse();
-    				if (this.options.autohide) {
-    					on(container, 'mouseover', this._expand,   this);
-    					on(container, 'mouseout',  this._collapse, this);
-    				} else {
-    					on(link, 'click', L.DomEvent.stop);
-    					on(link, 'click', this._toggle, this);
-    				}
-
-    				on(link, 'focus', this._toggle, this);
+    		if (this.options.autohide) {
+    			on(container, 'mouseover', this._expand,   this);
+    			on(container, 'mouseout',  this._collapse, this);
+    			this._map.on('click', this._collapse, this);
+    		}
 
-    				this._map.on('click', this._collapse, this);
-    			}
+    		if (this.options.closeBtn) {
+    			let link = this._button = create('a', "elevation-toggle-icon", { href: '#', title: L._('Elevation'), }, container);
+    			on(link, 'click', L.DomEvent.stop);
+    			on(link, 'click', this._toggle, this);
+    			on(link, 'focus', this._toggle, this);
     		}
     	},
 
@@ -1038,7 +1012,7 @@
     	 */
     	_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(
@@ -1049,8 +1023,8 @@
     			.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];
     						
     					}
     				});
@@ -1062,65 +1036,48 @@
     	 * 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);
 
-    		let { wptIcons, wptLabels } = control.options;
+    		if (theme) {
+    			style.className += ' ' + theme;
+    		}
+
+    		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;
@@ -1250,8 +1207,7 @@
     					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);
     			})
@@ -1279,37 +1235,6 @@
     		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
     	 */
@@ -1427,60 +1352,79 @@
     			return this._registerHandler(props.call(this));
     		}
 
+    		let {
+    			name,
+    			attr,
+    			required,
+    			skipNull,
+    			deltaMax,
+    			clampRange,
+    			decimals,
+    			meta,
+    			unit,
+    			coordinateProperties,
+    			coordPropsToMeta: coordPropsToMeta$1,
+    			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$1),
+    				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
@@ -1563,7 +1507,6 @@
     	_updateChart: function() {
     		if (this._chart && this._container) {
     			this.fire("elechart_axis");
-    			this.fire("elechart_area");
     	
     			this._chart.update({ data: this._data, options: this.options });
     	
@@ -1611,27 +1554,27 @@
     	 * 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);
-    			};
-    		}	},
+    	},
 
 
     	/**