<?xml version="1.0" encoding="utf-8"?>
<compTree>
    <node label="FrameWork Components">

    <node label="Visual Components">
        <node label="General Controls">
            <node label="Alert" app="controls/SimpleAlert"/>
            <node label="ColorPicker" app="controls/ColorPickerExample"/>
            <node label="ComboBox" app="controls/SimpleComboBox"/>
            <node label="DataGrid" app="controls/SimpleDataGrid"/>
            <node label="HorizontalList" app="controls/HorizontalListExample"/>
            <node label="HRule" app="controls/SimpleHRule"/>
            <node label="HScrollBar" app="controls/HScrollBarExample"/>
            <node label="HSlider" app="controls/SimpleImageHSlider"/>
            <node label="List" app="controls/SimpleList"/>
            <node label="NumericStepper" app="controls/NumericStepperExample"/>
            <node label="ProgressBar" app="controls/SimpleProgressBar"/>
            <node label="Spacer" app="controls/SpacerExample"/>
            <node label="TabBar" app="controls/TabBarExample"/>
            <node label="TileList" app="controls/TileListExample"/>
            <node label="Tree" app="controls/TreeExample"/>
            <node label="VRule" app="controls/SimpleVRule"/>
            <node label="VScrollBar" app="controls/VScrollBarExample"/>
            <node label="VSlider" app="controls/SimpleImageVSlider"/>
        </node>
        <node label="Button Controls">
            <node label="Button" app="controls/ButtonExample"/>
            <node label="ButtonBar" app="controls/ButtonBarExample"/>
            <node label="CheckBox" app="controls/CheckBoxExample"/>
            <node label="LinkBar" app="controls/LinkBarExample"/>
            <node label="LinkButton" app="controls/LinkButtonExample"/>
            <node label="PopUpButton" app="controls/PopUpButtonExample"/>
            <node label="RadioButton" app="controls/RadioButtonExample"/>
            <node label="RadioButtonGroup" app="controls/RadioButtonGroupExample"/>
            <node label="ToggleButtonBar" app="controls/ToggleButtonBarExample"/>
        </node>
        <node label="Date Controls">
            <node label="DateChooser" app="controls/DateChooserExample"/>
            <node label="DateField" app="controls/DateFieldExample"/>
        </node>
        <node label="Loader Controls">
            <node label="Image" app="controls/SimpleImage"/>
            <node label="SWFLoader" app="controls/SimpleLoader" src="controls/Local.mxml"/>
            <node label="VideoDisplay" app="controls/VideoDisplayExample"/>
        </node>
        <node label="Menu Controls">
            <node label="Menu" app="controls/SimpleMenuExample"/>
            <node label="MenuBar" app="controls/MenuBarExample"/>
            <node label="PopUpMenuButton" app="controls/PopUpButtonMenuExample"/>
        </node>
        <node label="Text Controls">
            <node label="Label" app="controls/LabelExample"/>
            <node label="RichTextEditor" app="controls/RichTextEditorExample"/>
            <node label="Text" app="controls/TextExample"/>
            <node label="TextArea" app="controls/TextAreaExample"/>
            <node label="TextInput" app="controls/TextInputExample"/>
        </node>
        <node label="Containers">
            <node label="Application" app="core/SimpleApplicationExample"/>
            <node label="Accordion" app="containers/AccordionExample"/>
            <node label="ApplicationControlBar" app="containers/SimpleApplicationControlBarExample"/>
            <node label="Box" app="containers/SimpleBoxExample"/>
            <node label="Canvas" app="containers/SimpleCanvasExample"/>
            <node label="ControlBar" app="containers/SimpleControlBarExample"/>
            <node label="DividedBox" app="containers/DividedBoxExample"/>
            <node label="Form, FormHeading, FormItem" app="containers/FormExample"/>
            <node label="Grid, GridItem, GridRow" app="containers/GridLayoutExample"/>
            <node label="HBox" app="containers/HBoxExample"/>
            <node label="HDividedBox" app="containers/HDividedBoxExample"/>
            <node label="Panel" app="containers/SimplePanelExample"/>
            <node label="TabNavigator" app="containers/TabNavigatorExample"/>
            <node label="Tile" app="containers/TileLayoutExample"/>
            <node label="TitleWindow" app="containers/TitleWindowApp" src="containers/SimpleTitleWindowExample.mxml"/>
            <node label="VBox" app="containers/VBoxExample"/>
            <node label="VDividedBox" app="containers/VDividedBoxExample"/>
            <node label="ViewStack" app="containers/ViewStackExample"/>
        </node>
        <node label="Repeater Control">
            <node label="Repeater" app="core/RepeaterExample"/>
        </node>
    </node>
    <node label="Print Controls">
        <node label="FlexPrintJob, PrintDataGrid" app="printing/PrintDataGridExample" src="printing/FormPrintView.mxml&amp;printing/FormPrintHeader.mxml&amp;printing/FormPrintFooter.mxml"/>
    </node>
    <node label="Validators and Formatters">
        <node label="Validators">
            <node label="CreditCardValidator" app="validators/CreditCardValidatorExample"/>
            <node label="CurrencyValidator" app="validators/CurrencyValidatorExample"/>
            <node label="DateValidator" app="validators/DateValidatorExample"/>
            <node label="EmailValidator" app="validators/EmailValidatorExample"/>
            <node label="NumberValidator" app="validators/NumberValidatorExample"/>
            <node label="PhoneNumberValidator" app="validators/PhoneNumberValidatorExample"/>
            <node label="RegExpValidator" app="validators/RegExValidatorExample"/>
            <node label="SocialSecurityValidator" app="validators/SocialSecurityValidatorExample"/>
            <node label="StringValidator" app="validators/StringValidatorExample"/>
            <node label="Validator" app="validators/SimpleValidatorExample"/>
            <node label="ZipCodeValidator" app="validators/ZipCodeValidatorExample"/>
        </node>
        <node label="Formatters">
            <node label="CurrencyFormatter" app="formatters/CurrencyFormatterExample"/>
            <node label="DateFormatter" app="formatters/DateFormatterExample"/>
            <node label="Formatter" app="formatters/SimpleFormatterExample"/>
            <node label="NumberFormatter" app="formatters/NumberFormatterExample"/>
            <node label="PhoneFormatter" app="formatters/PhoneFormatterExample"/>
            <node label="SwitchSymbolFormatter" app="formatters/SwitchSymbolFormatterExample"/>
            <node label="ZipCodeFormatter" app="formatters/ZipCodeFormatterExample"/>
        </node>
    </node>
    <node label="Effects, View States, and Transitions">
        <node label="Effects">
            <node label="AddItemActionEffect" app="effects/AddItemActionEffectExample"/>
            <node label="AnimateProperty" app="effects/AnimatePropertyEffectExample"/>
            <node label="Blur" app="effects/BlurEffectExample"/>
            <node label="Dissolve" app="effects/DissolveEffectExample"/>
            <node label="Effect" app="effects/SimpleEffectExample"/>
            <node label="Fade" app="effects/FadeEffectExample"/>
            <node label="Glow" app="effects/GlowEffectExample"/>
            <node label="Iris" app="effects/IrisEffectExample"/>
            <node label="Move" app="effects/MoveEffectExample"/>
            <node label="Parallel" app="effects/ParallelEffectExample"/>
            <node label="Pause" app="effects/PauseEffectExample"/>
            <node label="RemoveItemActionEffect" app="effects/AddItemActionEffectExample"/>
            <node label="Resize" app="effects/ResizeEffectExample"/>
            <node label="Rotate" app="effects/RotateEffectExample"/>
            <node label="Sequence" app="effects/SequenceEffectExample"/>
            <node label="SoundEffect" app="effects/SoundEffectExample"/>
            <node label="WipeDown" app="effects/WipeDownExample"/>
            <node label="WipeLeft" app="effects/WipeLeftExample"/>
            <node label="WipeRight" app="effects/WipeRightExample"/>
            <node label="WipeUp" app="effects/WipeUpExample"/>
            <node label="Zoom" app="effects/ZoomEffectExample"/>
        </node>
        <node label="View States">
            <node label="State" app="states/StatesExample"/>
        </node>
        <node label="Transitions">
            <node label="Transition" app="states/TransitionExample"/>
        </node>
    </node>
    </node>
</compTree>