/* -------------------------- */		
/*       buttonsplugin   			*/		
/* -------------------------- */	

var buttonsplugin = function buttonsplugin() {

	var format = d3.format(".4n");
	var plugin = function plugin() { }		
	
			d3.select("#controls")
			.append("div")
				.attr("class", "buttons")
				.selectAll(".button")
				.data(d3.entries(__map.state().config.form.types))
			.enter().append("button")
				.attr("class", "button")
				.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 params = {}
					for (var param in d.value) {					// m in { ... }
						let k = param, v = d.value[param]		// k:m, v:12
						params[k] = v;
					}
					
					__map.state().scales.redraw(params)
					__map.state().xsf.clear()
					__map.state().xsf.redraw(params)
					__map.state().consol.redraw(params)	
				})
	
	buttonsplugin.redraw = function(params) { }
	return buttonsplugin	
}