<?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 skin class for the Spark HSlider component. The thumb and track skins are defined by the
HSliderThumbSkin and HSliderTrackSkin classes, respectively.  

     @see spark.components.HSlider
     @see spark.skins.spark.HSliderThumbSkin
     @see spark.skins.spark.HSliderTrackSkin
        
    @langversion 3.0
    @playerversion Flash 10
    @playerversion AIR 1.5
    @productversion Flex 4
-->
<s:SparkSkin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:fb="http://ns.adobe.com/flashbuilder/2009" minHeight="11" alpha.disabled="0.5">

  <fx:Metadata>
  <![CDATA[ 
    /** 
     * @copy spark.skins.spark.ApplicationSkin#hostComponent
     */
    [HostComponent("spark.components.HSlider")]
  ]]>
  </fx:Metadata> 
  
  <!--
    NOTE: this skin file contains sub-parts that may continue to react to
    Style code.  To remove this behavior create new copies of those skins
    and remove the styles.
  -->
  <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>
    <!--- The tooltip used in the mx.controls.Slider control. 
         To customize the DataTip's appearance, create a custom HSliderSkin class.-->
    <fx:Component id="dataTip">   
       <s:DataRenderer minHeight="24" minWidth="40" y="10">
        <s:Path data="M 0 10 L 10 10 L 5 10 Z">
          <s:fill>
            <s:SolidColor color="0x000000" alpha=".9"/>
          </s:fill>
        </s:Path>
        <s:Rect top="0" left="0" right="0" bottom="0">
          <s:fill>
            <s:SolidColor color="0x000000" alpha=".9"/>
          </s:fill>
          <s:filters>
            <s:DropShadowFilter angle="90" color="0x999999" 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" color="white" fontSize="11">
        </s:Label>
      </s:DataRenderer>
     </fx:Component>
  </fx:Declarations>
  
  <!--- The default skin class is HSliderTrackSkin. 
      @copy spark.components.supportClasses.TrackBase#track
      @see spark.skins.spark.HSliderTrackSkin -->
  <s:Button id="track" left="0" right="0" top="0" bottom="0" minWidth="33" width="100" 
        tabEnabled="false"
        skinClass="spark.skins.spark.HSliderTrackSkin" />
        
  <!--- The default skin class is HSliderThumbSkin.
      @copy spark.components.supportClasses.TrackBase#thumb 
      @see spark.skins.spark.HSliderThumbSkin -->
  <s:Button id="thumb" top="0" bottom="0" width="11" height="11" 
        tabEnabled="false"
        skinClass="spark.skins.spark.HSliderThumbSkin" />
</s:SparkSkin>