<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" 
    backgroundColor="0xFFFFFF"
    xmlns:demo="com.tsclausing.demo.*" viewSourceURL="srcview/index.html">
    
    <!--
        CHANGE PROPERTIES
    -->
    <mx:TextInput 
        id="textInput"
        text="Type Here"
        x="10" 
        y="10"/>
    
    <mx:ColorPicker 
        id="colorPicker"
        selectedColor="0xCC0000"
        x="10"
        y="40"/>
    
    <mx:NumericStepper 
        id="alphaStepper"
        minimum="0"
        maximum="1"
        stepSize="0.01"
        value="0.7"
        x="40" 
        y="40"/>
    
    <mx:HSlider 
        id="widthSlider"
        minimum="10"
        maximum="400"
        value="100"
        liveDragging="true"
        showDataTip="false"
        x="30" 
        y="70"/>
    
    <mx:VSlider 
        id="heightSlider"
        minimum="10"
        maximum="400"
        value="50"
        rotation="180"
        liveDragging="true"
        showDataTip="false"
        x="30" 
        y="250"/>
    
    
    <!--
        INVALIDATION DEMO COMPONENT
        
    <demo:InvalidationDemo2
        
        labelText="{textInput.text}"
        
        shapeColor="{colorPicker.selectedColor}"
        shapeAlpha="{alphaStepper.value}"
        
        width="{widthSlider.value}"
        height="{heightSlider.value}"
        
        x="50"
        y="110"/>
    -->
    <demo:InvalidationDemo1
        
        shapeColor="{colorPicker.selectedColor}"
        shapeAlpha="{alphaStepper.value}"
        
        width="{widthSlider.value}"
        height="{heightSlider.value}"
        
        x="50"
        y="110"/>
    
</mx:Application>