// Renderer file for the Alignment example


c1 = Color(160,180,200);
c2 = Color(245,250,255);
grad = Gradient(Point(0,0), c1,
	Point(100,0), c2,
	false, GradientUnits.PERCENT);


Pass({
    content: [

	// Use either the config class or the shape script below to 
	// set the rectangle.

	Shape({
	    id: 'bar',
	    outline: Color(100,100,100),
	    fill: grad,
	    //config: 'examples.AlignmentEx$RenConfig',
	    shape: 
		Script('Rectangle(0, 0, E.getAttribute("medals")*10, 20)'),
	}),

	FormattedText({
	    position: BoundsPosition('bar', Alignment.EAST),
	    alignment: Alignment.EAST,
	    offset: Point(-2, 0),
	    fill: Color(80,80,100),
	    font: Font('Serif', FontStyle.BOLD, 14),
	    text: '{@key} ({@medals})',
	}),

    ]  // Pass.content
})  // Pass