| 
								
							 | 
							
								/**
							 | 
						
						
						
							| 
								
							 | 
							
									A control that displays a spinner animation to indicate that activity is
							 | 
						
						
						
							| 
								
							 | 
							
									taking place. By default, onyx.Spinner will display a light spinner,
							 | 
						
						
						
							| 
								
							 | 
							
									suitable for displaying against a dark background. To render a dark spinner
							 | 
						
						
						
							| 
								
							 | 
							
									to be shown on a lighter background, add the "onyx-light" class to the
							 | 
						
						
						
							| 
								
							 | 
							
									spinner:
							 | 
						
						
						
							| 
								
							 | 
							
									
							 | 
						
						
						
							| 
								
							 | 
							
										{kind: "onyx.Spinner", classes: "onyx-light"}
							 | 
						
						
						
							| 
								
							 | 
							
									
							 | 
						
						
						
							| 
								
							 | 
							
									Typically, a spinner is shown to indicate activity and hidden to indicate
							 | 
						
						
						
							| 
								
							 | 
							
									that the activity has ended. The spinner animation will automatically start
							 | 
						
						
						
							| 
								
							 | 
							
									when a spinner is shown. If you wish, you may control the animation directly
							 | 
						
						
						
							| 
								
							 | 
							
									by calling the *start*, *stop*, and *toggle* methods.
							 | 
						
						
						
							| 
								
							 | 
							
								*/
							 | 
						
						
						
							| 
								
							 | 
							
								enyo.kind({
							 | 
						
						
						
							| 
								
							 | 
							
									name: "onyx.Spinner",
							 | 
						
						
						
							| 
								
							 | 
							
									classes: "onyx-spinner",
							 | 
						
						
						
							| 
								
							 | 
							
									//* @public
							 | 
						
						
						
							| 
								
							 | 
							
									//* Stops the spinner animation.
							 | 
						
						
						
							| 
								
							 | 
							
									stop: function() {
							 | 
						
						
						
							| 
								
							 | 
							
										this.setShowing(false);
							 | 
						
						
						
							| 
								
							 | 
							
									},
							 | 
						
						
						
							| 
								
							 | 
							
									//* Starts the spinner animation.
							 | 
						
						
						
							| 
								
							 | 
							
									start: function() {
							 | 
						
						
						
							| 
								
							 | 
							
										this.setShowing(true);
							 | 
						
						
						
							| 
								
							 | 
							
									},
							 | 
						
						
						
							| 
								
							 | 
							
									//* Toggles the spinner animation on or off.
							 | 
						
						
						
							| 
								
							 | 
							
									toggle: function() {
							 | 
						
						
						
							| 
								
							 | 
							
										this.setShowing(!this.getShowing());
							 | 
						
						
						
							| 
								
							 | 
							
									}
							 | 
						
						
						
							| 
								
							 | 
							
								});
							 |