<?xml version="1.0" encoding="utf-8"?>
<!--

    ADOBE SYSTEMS INCORPORATED
    Copyright 2008 Adobe Systems Incorporated
    All Rights Reserved.

    NOTICE: Adobe permits you to use, modify, and distribute this file
    in accordance with the terms of the license agreement accompanying it.
 
--> 
<!--- The default wireframe skin class for the Spark ComboBox component. 
        Skin classes in the wireframe package are useful for using as a simple base for a custom skin.

    @see spark.components.ComboBox        
    @see spark.skins.wireframe.ComboBoxButtonSkin
        
      @langversion 3.0
      @playerversion Flash 10
      @playerversion AIR 1.5
      @productversion Flex 4
-->
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
    alpha.disabled=".5"> 

    <!-- host component -->
    <fx:Metadata>
    <![CDATA[ 
        /** 
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
         */
        [HostComponent("spark.components.ComboBox")]
    ]]>
    </fx:Metadata> 

    <s:states>
        <s:State name="normal" />
        <s:State name="open" />
        <s:State name="disabled" />
    </s:states>
    
    <!--- 
        The PopUpAnchor control that opens the drop-down list. 
        
        <p>In a custom skin class that uses transitions, set the 
        <code>itemDestructionPolicy</code> property to <code>never</code>.</p>
    -->
    <s:PopUpAnchor id="popUp"  displayPopUp.normal="false" displayPopUp.open="true" includeIn="open"
        left="0" right="0" top="0" bottom="0" itemDestructionPolicy="auto"
        popUpPosition="below" popUpWidthMatchesAnchorWidth="true">
        
        <!--- 
              The drop down area of the skin. This includes borders, background colors, scrollers, and filters. 
              To create a custom drop down, edit this skin and create a custom skin class. 
        -->
        <s:Group id="dropDown">
            <!-- border/fill -->
            <s:Rect left="0" right="0" top="0" bottom="0">
                <s:stroke>
                    <s:SolidColorStroke color="#707070" />
                </s:stroke>
                <s:fill>
                    <s:SolidColor color="#FFFFFF" />
                </s:fill>
            </s:Rect>
            
            <s:Scroller left="0" top="0" right="0" bottom="0" focusEnabled="false" minViewportInset="1">
                <!--- @copy spark.components.SkinnableDataContainer#dataGroup-->
                <s:DataGroup id="dataGroup" itemRenderer="spark.skins.spark.DefaultItemRenderer">
                    <s:layout>
                        <s:VerticalLayout gap="0" horizontalAlign="contentJustify" requestedMinRowCount="1" requestedMaxRowCount="6"/>
                    </s:layout>
                </s:DataGroup>
            </s:Scroller>
        
            <s:filters>
                <s:DropShadowFilter blurX="20" blurY="20" distance="7" angle="90" alpha="0.45" color="#707070" />
            </s:filters>
        </s:Group>
    </s:PopUpAnchor>
    
    <!--- 
        The default skin is ComboBoxButtonSkin.
        @copy spark.components.supportClasses.DropDownListBase#openButton 
    -->
    <s:Button id="openButton" width="19" right="0" top="0" bottom="0" focusEnabled="false" tabEnabled="false"
              skinClass="spark.skins.wireframe.ComboBoxButtonSkin" /> 
    <!--- @copy spark.components.ComboBox#textInput -->
    <s:TextInput id="textInput" 
                 left="0" right="18" top="0" bottom="0" />

</s:Skin>
