<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" 
    xmlns:demo="com.tsclausing.demo.*" viewSourceURL="srcview/index.html">
    
    <!--
        Display lifecycle logs
    -->
    <mx:HBox>
        <mx:VBox>
            <mx:Label
                text="Component Lifecycle Log"/>
            <mx:TextInput 
                htmlText="{demo.log}"
                width="300"
                height="180"/>
        </mx:VBox>
        
        <mx:VBox>
            <mx:Label
                text="Invalidation Log"/>
            <mx:TextInput 
                htmlText="{demo.invalidationLog}"
                width="160"
                height="180"/>
        </mx:VBox>
    </mx:HBox>
    
    
    <!--
        This component logs its lifecycle events and method calls
        in a bindable property that is displayed in the text 
        boxes above.
        
        The logging begins as soon as the UIComponentDemo object 
        is added to its parent.  In this case, it happens right
        away.
    -->
    <demo:UIComponentDemo 
        id="demo"/>
    
</mx:Application>