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