<?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 HSlider component. The thumb and track skins are defined by the
wireframe HSliderThumbSkin and HSliderTrackSkin classes, respectively.  
        Skin classes in the wireframe package are useful for using as a simple base for a custom skin.
  
         @see spark.components.HSlider
         @see spark.skins.wireframe.HSliderThumbSkin
         @see spark.skins.wireframe.HSliderTrackSkin

      @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"
      minHeight="11" alpha.disabled="0.5">

    <fx:Metadata>
        /** 
         * @copy spark.skins.spark.ApplicationSkin#hostComponent
         */
        [HostComponent("spark.components.HSlider")]
    </fx:Metadata> 

    <fx:Script>
        /**
         *  @private
         */  
        override protected function measure() : void
        {
            // Temporarily move the thumb to the left of the Slider so measurement
            // doesn't factor in its x position. This allows resizing the
            // HSlider to less than 100px in width. 
            var thumbPos:Number = thumb.getLayoutBoundsX();
            thumb.setLayoutBoundsPosition(0, thumb.getLayoutBoundsY());
            super.measure();
            thumb.setLayoutBoundsPosition(thumbPos, thumb.getLayoutBoundsY());
        }
    </fx:Script>
    
    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
    </s:states>
    
    <fx:Declarations>
        <!--- To customize the DataTip's appearance, create a custom HSliderSkin class.
              @copy spark.components.supportClasses.Slider#dataTip -->
        <fx:Component id="dataTip">     
            <s:DataRenderer minHeight="24" minWidth="40" y="-34">  
                <s:Rect top="0" left="0" right="0" bottom="0">
                    <s:fill>
                        <s:SolidColor color="#EEEEEE" />
                    </s:fill>
                    <s:stroke>
                        <s:SolidColorStroke color="#707070" />
                    </s:stroke>
                    <s:filters>
                        <s:DropShadowFilter angle="90" color="#999999" distance="3"/>
                    </s:filters>
                </s:Rect>
                <s:Label id="labelDisplay" text="{data}"
                         horizontalCenter="0" verticalCenter="1"
                         left="5" right="5" top="5" bottom="5"
                         textAlign="center" verticalAlign="middle"
                         fontWeight="normal" fontSize="11">
                </s:Label>
            </s:DataRenderer>
        </fx:Component>
    </fx:Declarations>
    
    <!--- The default skin class is HSliderTrackSkin.
          @copy spark.components.supportClasses.TrackBase#track -->
    <s:Button id="track" left="0" right="0" top="0" bottom="0" minWidth="33" width="100"
            tabEnabled="false"
            skinClass="spark.skins.wireframe.HSliderTrackSkin" />
    <!--- The default skin class is HSliderThumbSkin.
          @copy spark.components.supportClasses.TrackBase#thumb -->
    <s:Button id="thumb" top="0" bottom="0" verticalCenter="0" width="11"
            tabEnabled="false"
            skinClass="spark.skins.wireframe.HSliderThumbSkin" />

</s:Skin>
