/* -------------------------- */		
/*            app       	     */		
/* -------------------------- */	

var __mapper = mapperPlugin()								// mapper

__mapper({'config': config})								//  config
__mapper({'svg': svglayerPlugin()})				// svg layer
__mapper({'tim': config.tim})							// timer - animation
__mapper({'scales': scalesPlugin()})			// scales 
 
if (__mapper('config').controls.show)__mapper({'controls': controlsPlugin()})	// controls
if (__mapper('config').consol.show) __mapper({'consol': consolPlugin()})				// console
if (__mapper('config').buttons.show) __mapper({'buttons': buttonsPlugin()})		// buttons
if (__mapper('config').anicons.show) __mapper({'anicons': aniconsPlugin()})				// aniczons
if (__mapper('config').traces.show) __mapper({'traces': __mapper("config").traces})	// traces



__mapper({'xsf': xsfPlugin()})
__mapper({'animation': animationPlugin()})		// animation - animas, console


if (__mapper('config').frame.show) __mapper({'frame':framePlugin()})	// frame
if (__mapper('config').image.show) __mapper({'image':imagePlugin()})	// image


if ( __mapper('config').mode === 'anima' ) 	
		__mapper('animation').render( __mapper('config').animation.initanima)
if ( __mapper('config').mode === 'form' ) 	
		__mapper('xsf')(__mapper('config').form.initparams).render()

	function tickFn(_elapsed) {
		__mapper('animation').render( __mapper('config').animation.initanima)
}
	
		
if ( __mapper('config').mode === 'seq' ) 	
	for (let i = 0; i<5; i++) { d3.interval(tickFn, 1000) }
		

		

// d3c.pos(__mapper('svg').svg())
;