import fl.controls.ColorPicker;

var cp:ColorPicker = new ColorPicker();
cp.colors = [ 0x001100,
              0x003300,
              0x005500,
              0x007700,
              0x009900,
              0x00BB00,
              0x00DD00,
              0x00FF00 ];
addChild(cp);

import fl.controls.ColorPicker;
import fl.events.ColorPickerEvent;

var myColorPicker:ColorPicker = new ColorPicker();
myColorPicker.addEventListener(ColorPickerEvent.CHANGE, changeHandler);
myColorPicker.move(10, 10);
addChild(myColorPicker);

function changeHandler(event:ColorPickerEvent):void {
    trace("color changed:", event.color, "(#" + event.target.hexValue + ")");
}

import fl.controls.ColorPicker;
import fl.events.ColorPickerEvent;

var myColorPicker:ColorPicker = new ColorPicker();
myColorPicker.addEventListener(ColorPickerEvent.CHANGE, changeHandler);
myColorPicker.setSize(60, 60);
myColorPicker.move(10, 10);
addChild(myColorPicker);

function changeHandler(event:ColorPickerEvent):void {
    var myCP:ColorPicker = event.currentTarget as ColorPicker;
    trace("{ColorPickerEvent}.color:", event.color);
    trace("{ColorPicker}.selectedColor:", myCP.selectedColor);
    trace("{ColorPicker}.hexValue:", myCP.hexValue);
}

import fl.controls.CheckBox;
import fl.controls.ColorPicker;

var myCheckBox:CheckBox = new CheckBox();
myCheckBox.textField.autoSize = TextFieldAutoSize.LEFT;
myCheckBox.label = "showTextField:";
myCheckBox.move(10, 10);
myCheckBox.selected = true;
myCheckBox.addEventListener(Event.CHANGE, changeHandler);
addChild(myCheckBox);

var myColorPicker:ColorPicker = new ColorPicker();
myColorPicker.showTextField = myCheckBox.selected;
myColorPicker.move(myCheckBox.x, myCheckBox.y + myCheckBox.height);
myColorPicker.open();
addChild(myColorPicker);

function changeHandler(event:Event):void {
    myColorPicker.showTextField = myCheckBox.selected;
    try {
    myColorPicker.open();
    } catch (error:*) {
        trace("Caught");
    }
}

import fl.controls.*;
import fl.containers.*;
import fl.controls.listClasses.*;
import fl.controls.dataGridClasses.*;
import fl.controls.progressBarClasses.*;
import fl.core.UIComponent;
import fl.data.DataProvider;

var dp:DataProvider = new DataProvider();
dp.addItem( { label: "BaseScrollPane",    data:BaseScrollPane } );
dp.addItem( { label: "Button",             data:Button } );
dp.addItem( { label: "CellRenderer",    data:CellRenderer } );
dp.addItem( { label: "CheckBox",         data:CheckBox } );
dp.addItem( { label: "ColorPicker",     data:ColorPicker } );
dp.addItem( { label: "ComboBox",         data:ComboBox } );
dp.addItem( { label: "DataGrid",         data:DataGrid } );
dp.addItem( { label: "HeaderRenderer",    data:HeaderRenderer } );
dp.addItem( { label: "ImageCell",        data:ImageCell } );
dp.addItem( { label: "IndeterminateBar",data:IndeterminateBar } );
dp.addItem( { label: "Label",             data:Label } );
dp.addItem( { label: "List",             data:List } );
dp.addItem( { label: "NumericStepper",     data:NumericStepper } );
dp.addItem( { label: "ProgressBar",     data:ProgressBar } );
dp.addItem( { label: "RadioButton",     data:RadioButton } );
dp.addItem( { label: "ScrollPane",         data:ScrollPane } );
dp.addItem( { label: "Slider",             data:Slider } );
dp.addItem( { label: "TextArea",         data:TextArea } );
dp.addItem( { label: "TextInput",         data:TextInput } );
dp.addItem( { label: "TileList",         data:TileList } );
dp.addItem( { label: "UILoader",         data:UILoader } );
dp.addItem( { label: "UIComponent",     data:UIComponent } );

var cb:ComboBox = new ComboBox();
cb.move(10,10);
cb.setSize(300,25);
cb.prompt = "Select a component to view its styles";
cb.rowCount = 12;
cb.dataProvider = dp;
cb.addEventListener(Event.CHANGE, showStyleDefinition);
addChild(cb);

var dg:DataGrid = new DataGrid();
dg.setSize(425,300);
dg.move(10,50);
dg.columns = [ new DataGridColumn("StyleName"), new DataGridColumn("DefaultValue") ];
addChild(dg);

function showStyleDefinition(e:Event):void {
    var componentClass:Class = e.target.selectedItem.data as Class;
    var styles:Object = componentClass["getStyleDefinition"].call(this);
    trace(styles.toString());
    var styleData:DataProvider = new DataProvider();
    for(var i:* in styles) {
        trace(i + " : " + styles[i]);
        styleData.addItem( { StyleName:i, DefaultValue:styles[i] } );
    }
    styleData.sortOn("StyleName");
    dg.dataProvider = styleData;
}

import fl.controls.ColorPicker;

var myColorPicker:ColorPicker = new ColorPicker();
myColorPicker.editable = false;
myColorPicker.addEventListener(MouseEvent.ROLL_OVER, rollOverHandler);
myColorPicker.move(10, 10);
addChild(myColorPicker);

function rollOverHandler(event:MouseEvent):void {
    event.currentTarget.open();
}

import fl.controls.ColorPicker;
import fl.events.ColorPickerEvent;

var myColorPicker:ColorPicker = new ColorPicker();
myColorPicker.addEventListener(ColorPickerEvent.CHANGE, changeHandler);
myColorPicker.move(10, 10);
addChild(myColorPicker);

function changeHandler(event:ColorPickerEvent):void {
    trace("color changed:", event.color, "(#" + event.target.hexValue + ")");
}

import fl.controls.ColorPicker;
import fl.events.ColorPickerEvent;

var myColorPicker:ColorPicker = new ColorPicker();
myColorPicker.move(10, 10);
myColorPicker.addEventListener(ColorPickerEvent.ENTER, enterHandler);
addChild(myColorPicker);

function enterHandler(event:ColorPickerEvent):void {
    trace("color: " + event.color);
    trace("selectedColor: " + myColorPicker.selectedColor);
    trace("hexValue: " + myColorPicker.hexValue);
    trace("");
}

import fl.controls.ColorPicker;

var myColorPicker:ColorPicker = new ColorPicker();
myColorPicker.editable = false;
myColorPicker.addEventListener(MouseEvent.ROLL_OVER, rollOverHandler);
myColorPicker.move(10, 10);
addChild(myColorPicker);

function rollOverHandler(event:MouseEvent):void {
    event.currentTarget.open();
}