/* -------------------------- */		
/*            aniconsPlugin         */		
/* -------------------------- */	

var aniconsPlugin = function aniconsPlugin() {

			d3.select("#controls")
			.append("div")
				.attr("class", "animas")
				.style("width", "600px")
				.selectAll(".anima")
				.data(d3.entries(__mapper().config.animation.types))
			.enter().append("button")
				.attr("class", "anima")
				.text(function(d) { return d.key; })
						.style("font", "5px century-gothic")	
						.style("width", "28px")	
						.style("padding", "0px")	
						.style("margin", "0px")	
				.on("click", function(d) {
					let anima = d.value
					__mapper().xsf.clear()
					// __mapper().dots.clear()
					if (__mapper("tim").timer) __mapper("tim").timer.stop()
					__mapper().animation.render(anima)

console.log("_______________")
			__mapper({'fuel': fuelPlugin()}).fuel.clear()					// clear fuel
			if (__mapper('traces')) 	for (let i in __mapper('traces').traces) __mapper('traces').traces[i].clear()	


					});


					
	var aniconsPlugin = function Plugin() {}	
	aniconsPlugin.render = function(params) {}
	return aniconsPlugin	
}