incubator-flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From cframp...@apache.org
Subject svn commit: r1370028 [42/43] - in /incubator/flex/whiteboard/cframpton/adobe.next: ./ frameworks/ frameworks/projects/advancedgrids/src/mx/collections/ frameworks/projects/advancedgrids/src/mx/controls/ frameworks/projects/airframework/src/mx/managers/...
Date Mon, 06 Aug 2012 21:26:02 GMT
Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,334 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!--- The default skin class for Spark DateChooser component.  
+
+@see spark.components.DateChooser
+
+*  @langversion 3.0
+*  @playerversion Flash 11
+*  @playerversion AIR 3.0
+*  @productversion Flex 5.0
+-->
+<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" 
+             alpha.disabled="0.5" blendMode="normal"> 
+    
+    <!-- FIXME: needs minWidth and minHeight -->
+    
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.DateChooser")]
+        ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        <![CDATA[
+            import mx.collections.IList;
+            import mx.core.FlexVersion;
+           
+            import spark.components.DateChooser;
+            import spark.components.calendarClasses.MonthArrayList;
+            
+            /* Define the skin elements that should not be colorized. */
+            static private const exclusions:Array = ["background", "headerBackground", "scroller"];
+                       
+            /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+            static private const contentFill:Array = ["bgFill"];
+                       
+            /**
+             * @private
+             */
+            override public function get colorizeExclusions():Array {return exclusions;}
+            
+            /**
+             *  @private
+             */
+            override public function get contentItems():Array {return contentFill};
+            
+            /**
+             * @private
+             */
+            override protected function initializationComplete():void
+            {
+                useChromeColor = true;
+                super.initializationComplete();
+            }
+            
+            /**
+             *  @private
+             */
+            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+            {
+                if (getStyle("borderVisible") == true)
+                {
+                    border.visible = true;
+                    background.left = background.top = background.right = background.bottom = 1;
+                }
+                else
+                {
+                    border.visible = false;
+                    background.left = background.top = background.right = background.bottom = 0;
+                }
+                
+                //border.color = getStyle("borderColor");
+                border.alpha = getStyle("borderAlpha");
+                                
+                super.updateDisplayList(unscaledWidth, unscaledHeight);
+            }           
+        ]]>
+    </fx:Script>
+    
+    <fx:Script>
+        <![CDATA[
+            /** 
+             * @private 
+             */     
+            private static const focusExclusions:Array = [];
+            
+            /**
+             *  @private
+             */
+            override public function get focusSkinExclusions():Array { return focusExclusions;};
+        ]]>
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="disabled" />
+    </s:states>
+    <fx:Declarations>       
+        <!--- @private -->        
+        <fx:Component id="caretIndicator">
+            <s:Rect implements="spark.components.calendarClasses.IMonthGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.MonthGrid;
+                        import spark.components.calendarClasses.IDateItemRenderer;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareMonthGridVisualElement(monthGrid:MonthGrid, rowIndex:int, columnIndex:int):void
+                        {
+                            if (!monthGrid)
+                                return;
+                            
+                            const color:uint = monthGrid.getStyle("caretColor");
+                            caretIndicatorFill.color = color;
+                        }
+                    ]]>
+                </fx:Script>
+                <s:stroke>
+                    <!--- @privat -->
+                    <s:SolidColorStroke id="caretIndicatorFill" color="0x0167FF" weight="1"/>
+                </s:stroke>
+            </s:Rect>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="columnSeparator">
+            <s:Line>
+                 <s:stroke>
+                    <s:SolidColorStroke color="0xE6E6E6" weight="1" caps="square"/>
+                </s:stroke>
+            </s:Line>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="hoverIndicator">
+            <s:Rect implements="spark.components.calendarClasses.IMonthGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.MonthGrid;
+                        import spark.components.calendarClasses.IDateItemRenderer;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareMonthGridVisualElement(monthGrid:MonthGrid, rowIndex:int, columnIndex:int):void
+                        {
+                            if (!monthGrid)
+                                return;
+                            
+                            const color:uint = monthGrid.getStyle("rollOverColor");
+                            hoverIndicatorFill.color = color;
+                        }
+                    ]]>
+                </fx:Script>                
+                <s:fill>
+                    <!--- @private -->
+                    <s:SolidColor id="hoverIndicatorFill" color="0xCEDBEF" alpha="1"/>
+                </s:fill>
+            </s:Rect>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="selectionIndicator">
+            <s:Rect implements="spark.components.calendarClasses.IMonthGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.MonthGrid;
+                        import spark.components.calendarClasses.IDateItemRenderer;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareMonthGridVisualElement(monthGrid:MonthGrid, rowIndex:int, columnIndex:int):void
+                        {
+                            if (!monthGrid)
+                                return;
+                                                        
+                            const color:uint = monthGrid.getStyle("selectionColor");
+                            selectionIndicatorFill.color = color;
+                        }
+                    ]]>
+                </fx:Script>                
+                <s:fill>
+                    <!--- @private -->
+                    <s:SolidColor id="selectionIndicatorFill" color="0xA8C6EE" alpha="1"/>
+                </s:fill>                
+            </s:Rect>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="rowSeparator" >
+            <s:Line>
+                <s:stroke>
+                    <s:SolidColorStroke color="0xE6E6E6" weight="1" caps="square"/>
+                </s:stroke>
+            </s:Line>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="todayIndicator">
+            <s:Rect implements="spark.components.calendarClasses.IMonthGridVisualElement">
+                <fx:Script>
+                    <![CDATA[
+                        import spark.components.MonthGrid;
+                        import spark.components.calendarClasses.IDateItemRenderer;
+                        
+                        /**
+                         * @private
+                         */
+                        public function prepareMonthGridVisualElement(monthGrid:MonthGrid, rowIndex:int, columnIndex:int):void
+                        {
+                            if (!monthGrid)
+                                return;
+                            
+                            const color:uint = monthGrid.getStyle("todayColor");
+                            todayIndicatorFill.color = color;
+                        }
+                    ]]>
+                </fx:Script> 
+                <s:stroke>
+                    <s:SolidColorStroke color="0x00000" weight="1" alpha="0.2"/>
+                </s:stroke>
+                <s:fill>
+                    <!--- Defines the color of the background. -->
+                    <s:SolidColor id="todayIndicatorFill" color="0xF9EB21" alpha="0.2"/>
+                </s:fill>
+           </s:Rect>
+        </fx:Component> 
+        
+        <!--- @private -->
+         <fx:Component id="weekOrientationRowsLayout">
+            <s:HorizontalLayout requestedColumnCount="1" useVirtualLayout="true" 
+                                variableColumnWidth="false" verticalAlign="justify"/>
+        </fx:Component>
+        
+        <!--- @private -->
+        <fx:Component id="weekOrientationColumnsLayout">
+            <s:VerticalLayout requestedRowCount="1" useVirtualLayout="true"
+                              variableRowHeight="false" horizontalAlign="justify"/>
+        </fx:Component> 
+                
+    </fx:Declarations>
+     
+    <s:Rect id="border" left="0" right="0" top="0" bottom="0">
+        <s:fill>
+            <s:LinearGradient x="{border.width/2}" y="0" scaleX="{border.height}" rotation="90">
+                <s:GradientEntry ratio="0" color="#B3B3B3"/>
+                <s:GradientEntry ratio="1" color="#808080"/>
+            </s:LinearGradient>
+        </s:fill>
+    </s:Rect>
+    
+    <s:Rect id="background" left="1" right="1" top="1" bottom="1">
+        <s:fill>
+            <s:SolidColor id="bgFill" color="#F4F4F4"/>
+        </s:fill>
+    </s:Rect>
+        
+    <s:Group width="100%" height="100%" clipAndEnableScrolling="true">
+        <s:Group id="header" width="100%">
+            <s:Rect id="headerBackground" left="1" right="1" top="1" bottom="1">
+                <s:fill>
+                    <s:LinearGradient x="{headerBackground.width/2}" y="0" 
+                                      scaleX="{headerBackground.height}" rotation="90">
+                        <s:GradientEntry ratio="0" color="#FCFCFC"/>
+                        <s:GradientEntry ratio="1" color="#D8D8D8"/>
+                    </s:LinearGradient>
+                </s:fill>
+            </s:Rect>
+            
+            <s:Rect id="headerDiv" left="1" right="1" bottom="1" height="1">
+                <s:fill>
+                    <s:SolidColor color="#999999"/>
+                </s:fill>
+            </s:Rect>
+            
+            <s:Group left="3" right="3" top="5" bottom="5">                
+                <s:Button id="previousMonthButton" left="0"
+                          focusEnabled="false" autoRepeat="true" 
+                          skinClass="spark.skins.spark.DateChooserPreviousMonthButtonSkin"/>
+                
+                <s:HGroup id="headerGroup" horizontalCenter="0" gap="2">
+                    <s:DropDownList id="monthDropDownList" focusEnabled="false"
+                                    requireSelection="true"
+                                    skinClass="spark.skins.spark.DateChooserMonthDropDownListSkin"/>
+                    
+                    <s:ComboBox id="yearDropDownListBase" restrict="0-9" maxChars="4"
+                                skinClass="spark.skins.spark.DateChooserYearComboBoxSkin"/>
+                </s:HGroup>
+                
+                <s:Button id="nextMonthButton" right="0"
+                          focusEnabled="false" autoRepeat="true" 
+                          skinClass="spark.skins.spark.DateChooserNextMonthButtonSkin"/>
+            </s:Group>
+        </s:Group>
+        
+        <!-- center the displayed month in the DateChooser -->
+        
+        <s:Scroller id="scroller" top="{header.height}" horizontalCenter="0"
+                    minViewportInset="1" hasFocusableChildren="false" 
+                    horizontalScrollPolicy="off" verticalScrollPolicy="off">
+             <s:DataGroup id="dataGroup"
+                         dataProvider="{new MonthArrayList()}"
+                         itemRenderer="spark.skins.spark.MonthGridItemRenderer">
+                 <!-- 
+                      Layout is specified with weekOrientationRowsLayout and/or 
+                      weekOrientationColumnsLayout skin parts.
+                 -->
+            </s:DataGroup>
+        </s:Scroller>
+    </s:Group>
+</s:SparkSkin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxButtonSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxButtonSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxButtonSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- The default skin class for the anchor button on a Spark DropDownList component.  
+
+@see spark.components.DropDownList        
+@see spark.skins.spark.DropDownListSkin
+
+@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" minWidth="21" minHeight="21">
+    
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.Button")]
+        ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        /* Define the skin elements that should not be colorized. 
+        For dropDownList buttons, the graphics are colorized but the arrow is not. */
+        static private const exclusions:Array = [];
+        
+        /**
+         * @private
+         */  
+        override public function get colorizeExclusions():Array {return exclusions;}
+        
+        /* Define the symbol fill items that should be colored by the "symbolColor" style. */
+        static private const symbols:Array = [];
+        
+        /**
+         * @private
+         */
+        override public function get symbolItems():Array {return symbols};
+        
+        /**
+         * @private
+         */
+        override protected function initializationComplete():void
+        {
+            useChromeColor = true;
+            super.initializationComplete();
+        }
+        
+    </fx:Script>
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" />
+        <s:State name="down" />
+        <s:State name="disabled" />
+    </s:states>
+    
+    <s:Rect left="1" right="1" top="1" bottom="1" alpha="0">
+        <s:stroke>
+            <s:SolidColorStroke caps="none" color="#5C5C5C" joints="miter" miterLimit="4" weight="1"/>
+        </s:stroke>
+        <s:fill>
+            <s:SolidColor color="#FFFFFF"/>
+        </s:fill>
+    </s:Rect>
+    
+    <!--- @copy spark.components.DropDownList#labelDisplay -->
+    <s:Label id="labelDisplay" verticalAlign="middle" maxDisplayedLines="1"
+                mouseEnabled="false" mouseChildren="false"
+                left="1" right="1" top="2" bottom="2" verticalCenter="1"/> 
+    
+    <s:Line includeIn="down,over" left="0" right="0" bottom="1">
+        <s:stroke>
+            <s:SolidColorStroke caps="none" color="#5C5C5C" joints="miter" miterLimit="4" weight="1"/>
+        </s:stroke>
+    </s:Line>
+</s:SparkSkin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+<!--- The default skin class for the Spark ComboBox component. 
+The skin for the anchor button for a ComboBox component 
+is defined by the ComboBoxButtonSkin class.  The skin for the text input
+is defined by the ComboBoxTextInputSkin class.
+
+@see spark.components.ComboBox        
+@see spark.skins.spark.ComboBoxButtonSkin
+
+@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" alpha.disabled=".5"> 
+    
+    <!-- host component -->
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+        * @copy spark.skins.spark.ApplicationSkin#hostComponent
+        */
+        [HostComponent("spark.components.ComboBox")]
+        ]]>
+    </fx:Metadata> 
+    
+    <fx:Script fb:purpose="styling">
+        <![CDATA[       
+            import mx.events.FlexEvent;
+            private var paddingChanged:Boolean;
+            
+            /* Define the content fill items that should be colored by the "contentBackgroundColor" style. */
+            static private const contentFill:Array = [];
+            
+            /**
+             * @private
+             */
+            override public function get contentItems():Array {return contentFill};
+            
+            /**
+             *  @private
+             */
+            override protected function commitProperties():void
+            {
+                super.commitProperties();
+                
+                if (paddingChanged && textInput)
+                {
+                    // Push padding styles into the textDisplay
+                    var padding:Number;
+                    
+                    padding = getStyle("paddingLeft");
+                    if (textInput.getStyle("paddingLeft") != padding)
+                        textInput.setStyle("paddingLeft", padding);
+                    
+                    padding = getStyle("paddingTop");
+                    if (textInput.getStyle("paddingTop") != padding)
+                        textInput.setStyle("paddingTop", padding);
+                    
+                    padding = getStyle("paddingRight");
+                    if (textInput.getStyle("paddingRight") != padding)
+                        textInput.setStyle("paddingRight", padding);
+                    
+                    padding = getStyle("paddingBottom");
+                    if (textInput.getStyle("paddingBottom") != padding)
+                        textInput.setStyle("paddingBottom", padding);
+                    paddingChanged = false;
+                }
+            }
+            
+            /**
+             *  @private
+             */
+            override public function styleChanged(styleProp:String):void
+            {
+                var allStyles:Boolean = !styleProp || styleProp == "styleName";
+                
+                super.styleChanged(styleProp);
+                
+                if (allStyles || styleProp.indexOf("padding") == 0)
+                {
+                    paddingChanged = true;
+                    invalidateProperties();
+                }
+            }                        
+        ]]>
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal" />
+        <s:State name="open" />
+        <s:State name="disabled" />
+    </s:states>
+        
+    <!---  The default skin is ComboBoxButtonSkin. 
+    @copy spark.components.supportClasses.DropDownListBase#openButton
+    @see spark.skins.spark.ComboBoxButtonSkin -->
+    <s:Button id="openButton" focusEnabled="false" tabEnabled="false" horizontalCenter="0"
+              label="{textInput.text}"
+              skinClass="spark.skins.spark.DateChooserYearComboBoxButtonSkin"/>
+    
+    <!--- @copy spark.components.ComboBox#textInput -->   
+    <s:TextInput id="textInput" focusEnabled="false" tabEnabled="false" horizontalCenter="0"
+                 enabled.disabled="false" visible="false"
+                 typicalText="9999"
+                 focusIn="textInput.visible=true"
+                 focusOut="textInput.visible=false"
+                 enter="textInput.visible=false"/> 
+    
+</s:SparkSkin>
+

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DateChooserYearComboBoxSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Modified: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DefaultGridHeaderRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DefaultGridHeaderRenderer.mxml?rev=1370028&r1=1370027&r2=1370028&view=diff
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DefaultGridHeaderRenderer.mxml (original)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/DefaultGridHeaderRenderer.mxml Mon Aug  6 21:25:54 2012
@@ -40,7 +40,8 @@ and <code>sortIndicator</code> propertie
 <s:GridItemRenderer minWidth="21" minHeight="21"
     xmlns:fx="http://ns.adobe.com/mxml/2009" 
     xmlns:s="library://ns.adobe.com/flex/spark" 
-    xmlns:mx="library://ns.adobe.com/flex/mx">
+    xmlns:mx="library://ns.adobe.com/flex/mx"
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009">
     
     <fx:Declarations>
         <!--- The default value of the <code>sortIndicator</code> property.
@@ -56,11 +57,12 @@ and <code>sortIndicator</code> propertie
         @productversion Flex 4.5
         -->
         <fx:Component id="defaultSortIndicator">
-            <s:Path data="M 3.5 7.0 L 0.0 0.0 L 7.0 0.0 L 3.5 7.0" implements="spark.components.gridClasses.IGridVisualElement">
-                <fx:Script>
+            <s:HGroup verticalAlign="middle"  implements="spark.components.gridClasses.IGridVisualElement">
+                <fx:Script fb:purpose="styling">
                     <![CDATA[
                         import spark.components.DataGrid;
                         import spark.components.Grid;
+                        import spark.components.gridClasses.GridColumn;
                         
                         /**
                          *  @private
@@ -68,9 +70,25 @@ and <code>sortIndicator</code> propertie
                         public function prepareGridVisualElement(grid:Grid, rowIndex:int, columnIndex:int):void
                         {
                             const dataGrid:DataGrid = grid.dataGrid;
-                            if (!dataGrid)
+                            if (!dataGrid || !dataGrid.columnHeaderGroup)
                                 return;
                             
+                            const sortColumnIndices:Vector.<int> = dataGrid.columnHeaderGroup.visibleSortIndicatorIndices;
+                            if (sortColumnIndices.length == 1)
+                            {
+                                priorityLabel.visible = false;
+                                priorityLabel.includeInLayout = false;
+                            }
+                            else
+                            {
+                                priorityLabel.visible = true;
+                                priorityLabel.includeInLayout = true;
+                                priorityLabel.text = String(sortColumnIndices.indexOf(columnIndex) + 1);
+                            }
+                            
+                            const column:GridColumn = grid.columns.getItemAt(columnIndex) as GridColumn;
+                            arrow.scaleY = (column.sortDescending) ? 1 : -1;
+                            
                             const color:uint = dataGrid.getStyle("symbolColor");
                             arrowFill1.color = color;
                             arrowFill2.color = color;
@@ -78,15 +96,19 @@ and <code>sortIndicator</code> propertie
                     ]]>
                 </fx:Script>
                 
-                <s:fill>
-                    <s:RadialGradient rotation="90" focalPointRatio="1">    
-                        <!--- @private -->
-                        <s:GradientEntry id="arrowFill1" color="0" alpha="0.6" />
-                        <!--- @private -->
-                        <s:GradientEntry id="arrowFill2" color="0" alpha="0.8" />
-                    </s:RadialGradient>
-                </s:fill>
-            </s:Path>
+                <s:Label id="priorityLabel" />
+                
+                <s:Path id="arrow" data="M 3.5 7.0 L 0.0 0.0 L 7.0 0.0 L 3.5 7.0">
+                    <s:fill>
+                        <s:RadialGradient rotation="90" focalPointRatio="1">    
+                            <!--- @private -->
+                            <s:GradientEntry id="arrowFill1" color="0" alpha="0.6" />
+                            <!--- @private -->
+                            <s:GradientEntry id="arrowFill2" color="0" alpha="0.8" />
+                        </s:RadialGradient>
+                    </s:fill>
+                </s:Path>
+            </s:HGroup>
         </fx:Component>
         
         <!--- Displays the renderer's label property, which is set to the column's <code>headerText</code>.
@@ -251,11 +273,11 @@ and <code>sortIndicator</code> propertie
                 }
                 
                 const column:GridColumn = this.column;
-                if (sortIndicator && column && column.grid && column.grid.dataGrid && column.grid.dataGrid.columnHeaderGroup)
-                {
-                    const dataGrid:DataGrid = column.grid.dataGrid;
-                    const columnHeaderGroup:GridColumnHeaderGroup = dataGrid.columnHeaderGroup;
+                const dataGrid:DataGrid = (column && column.grid) ? column.grid.dataGrid : null;
+                const columnHeaderGroup:GridColumnHeaderGroup = (dataGrid) ? dataGrid.columnHeaderGroup : null;
                     
+                if (sortIndicator && columnHeaderGroup)
+                {
                     if (columnHeaderGroup.isSortIndicatorVisible(column.columnIndex))
                     {
                         if (!sortIndicatorInstance)
@@ -273,7 +295,6 @@ and <code>sortIndicator</code> propertie
                             gridVisualElement.prepareGridVisualElement(column.grid, -1, column.columnIndex);
                         
                         sortIndicatorGroup.includeInLayout = true;
-                        sortIndicatorGroup.scaleY = (column.sortDescending) ? 1 : -1;
                     }
                     else
                     {
@@ -285,6 +306,12 @@ and <code>sortIndicator</code> propertie
                         }
                     }
                 }
+                
+                if (selectionIndicator && columnHeaderGroup)
+                {
+                    selectionIndicator.visible = 
+                        columnHeaderGroup.highlightSelectedColumn && (columnHeaderGroup.selectedColumnIndex == column.columnIndex);
+                }
             }
             
             private var chromeColorChanged:Boolean = false;
@@ -458,6 +485,7 @@ and <code>sortIndicator</code> propertie
             </s:LinearGradientStroke>
         </s:stroke>
     </s:Rect>
+    
     <!--- @private -->
     <s:Rect id="hldownstroke2" left="1" right="1" top="1" bottom="1" includeIn="down">
         <s:stroke>
@@ -468,6 +496,14 @@ and <code>sortIndicator</code> propertie
         </s:stroke>
     </s:Rect>
     
+    <!--- @private -->
+    <s:Rect id="selectionIndicator" left="1" right="1" top="1" bottom="1" visible="false">
+        <s:stroke>
+            <!--- @private -->
+            <s:SolidColorStroke id="selectionIndicatorFill" color="0x000000" alpha="0.25" weight="1"/>
+        </s:stroke>
+    </s:Rect>    
+    
     <s:HGroup left="7" right="7" top="5" bottom="5" gap="2" verticalAlign="middle">
         
         <!-- layer 7: Container for labelDisplay:TextBase  -->

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionContentSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionContentSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionContentSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionContentSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,140 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- Use this skin on instances of AccordionContent being added to a Horizontal Accordion.
+      This skin places the header and content in a HorizontalLayout and rotates the header.
+      Uses a resize effect to transition between open and closed states.
+
+@see spark.components.AccordionContent
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3.0
+@productversion Flex 5.0
+-->
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+        xmlns:s="library://ns.adobe.com/flex/spark" 
+        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
+        alpha.disabled="0.5" >
+    <fx:Metadata>[HostComponent("spark.components.AccordionContent")]</fx:Metadata>
+    
+    <fx:Script fb:purpose="styling">
+        <![CDATA[         
+            
+            /**
+             *  @private
+             */
+            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
+            {
+                // Push backgroundColor and backgroundAlpha directly.
+                // Handle undefined backgroundColor by hiding the background object.
+                if (!isNaN(getStyle("backgroundColor")))
+                {
+                    bgFill.color = getStyle("backgroundColor");
+                    bgFill.alpha = getStyle("backgroundAlpha");
+                }
+
+                super.updateDisplayList(unscaledWidth, unscaledHeight);
+            }
+
+        ]]>        
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal" stateGroups="closedGroup"/>
+        <s:State name="disabled" stateGroups="closedGroup"/>
+        <s:State name="open" stateGroups="openGroup"/>
+        <s:State name="openAndDisabled" stateGroups="openGroup"/>
+    </s:states>
+    
+    <s:transitions>
+        <!-- Transitions between selected and unselected states-->
+        <s:Transition fromState="normal" toState="open" autoReverse="true">
+            <s:Resize target ="{hostComponent}" duration="250"  /> 
+        </s:Transition>
+        
+        <s:Transition fromState="disabled" toState="open" autoReverse="true">
+            <s:Resize target="{hostComponent}" duration="250" />
+        </s:Transition>
+        
+        <s:Transition fromState="normal" toState="openAndDisabled" autoReverse="true">
+            <s:Resize target="{hostComponent}" duration="250"/>
+        </s:Transition>
+        
+        <s:Transition fromState="disabled" toState="openAndDisabled" autoReverse="true" >
+            <s:Resize target="{hostComponent}" duration="250" />
+        </s:Transition>
+    </s:transitions>
+    
+    <s:layout>
+        <s:HorizontalLayout gap="-2"/>
+    </s:layout>
+    
+    <s:ToggleButton id="accordionHeader"
+                    top="0"
+                    height="100%"
+                    depth="1"
+                    rotation="-90" 
+                    skinClass="spark.skins.spark.HorizontalAccordionToggleButtonSkin"/>   
+    
+    <s:Group width="100%" height="100%"
+             clipAndEnableScrolling="true">
+        
+        <!-- border -->
+        <s:Rect id="border" left="0" right="0" top="1" bottom="1">
+            <s:stroke>
+                <!--- @private -->
+                <s:SolidColorStroke id="borderStroke" />
+            </s:stroke>
+        </s:Rect>
+        
+        <!-- background -->
+        <s:Rect id="background" top="2" bottom="2" left="1" right="1">
+            <s:fill>
+                <!--- @private -->
+                <s:SolidColor id="bgFill"/>
+            </s:fill>
+        </s:Rect>
+        
+        <s:Rect left="1" top="2" bottom="2" width="3">
+            <s:fill>
+                <s:LinearGradient>
+                    <s:GradientEntry alpha="0.15"/>
+                    <s:GradientEntry alpha="0"/>
+                </s:LinearGradient>
+            </s:fill>
+        </s:Rect>
+        
+        <s:Rect right="1" top="1" bottom="1" width="3">
+            <s:fill>
+                <s:LinearGradient>
+                    <s:GradientEntry alpha="0"/>
+                    <s:GradientEntry alpha="0.15"/>
+                </s:LinearGradient>
+            </s:fill>
+        </s:Rect>
+        
+        <s:Group id="contentGroup" 
+                 left="1" right="1" top="2" bottom="2"
+                 clipAndEnableScrolling="true"/>
+        
+    </s:Group>
+    
+</s:Skin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionContentSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionContentSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- This skin should be used on a Spark Accordion to create a Horizontal Accordion.
+
+@see spark.components.Accordion
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3.0
+@productversion Flex 5.0
+-->
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5" xmlns:local="*" >
+    <fx:Metadata>[HostComponent("spark.components.Accordion")]</fx:Metadata>
+
+    <s:states>
+        <s:State name="normal"/>
+        <s:State name="disabled"/>
+    </s:states>
+     
+    <!--- @copy spark.components.Accordion#contentGroup -->
+    <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0" >
+        <s:layout>
+            <s:HorizontalAccordionLayout gap="-1"/>
+        </s:layout>
+    </s:Group>
+    
+</s:Skin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionToggleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionToggleButtonSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionToggleButtonSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionToggleButtonSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- The default skin class for the ToggleButton header
+of an AccordionContent.
+
+@see spark.components.AccordionContent
+
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3.0
+@productversion Flex 5.0
+
+-->
+<s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+                   xmlns:s="library://ns.adobe.com/flex/spark" 
+                   xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
+                   minWidth="21" minHeight="27" 
+                   alpha.disabledStates="0.5">
+    
+    <!-- host component -->
+    <fx:Metadata>
+    <![CDATA[ 
+        /** 
+         * @copy spark.skins.spark.ApplicationSkin#hostComponent
+         */
+        [HostComponent("spark.components.ToggleButton")]
+    ]]>
+    </fx:Metadata>
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up"/>
+        <s:State name="over" stateGroups="overStates"/>
+        <s:State name="down" stateGroups="downStates"/>
+        <s:State name="disabled" stateGroups="disabledStates"/>
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates"/>
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates"/>
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates"/>
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates"/>
+    </s:states>
+    
+    <s:transitions>
+        <s:Transition autoReverse="true">
+            <s:Rotate target="{arrow}" duration="100"/>
+        </s:Transition>
+    </s:transitions>
+    
+    
+    <!-- layer 1: fill -->
+    <s:Rect left="1" right="1" top="1" bottom="1">
+        <s:fill>
+            <s:LinearGradient rotation="92">
+                <s:GradientEntry color="#FFFFFF" ratio="0" alpha="0.85" color.overStates="#BBBDBD" alpha.overStates="0.85" color.downStates="#929496" alpha.downStates="0.75"/>
+                <s:GradientEntry color="#D8D8D8" ratio="1" alpha="0.85" color.overStates="#9FA0A1" alpha.overStates="0.85" color.downStates="#AAAAAA"/>
+            </s:LinearGradient>
+        </s:fill>
+    </s:Rect>
+    
+    <!-- layer 2: highlight -->
+    <s:Rect left="1" right="1" top="1" bottom="1">
+        <s:fill>
+            <s:LinearGradient rotation="92">
+                <s:GradientEntry color="#FFFFFF" ratio="0" alpha="0.33" alpha.overStates="0.2" alpha.downAndSelected="0.2"/>
+                <s:GradientEntry color="#FFFFFF" ratio="1" alpha="0" alpha.over="0.1" alpha.overAndSelected="0" alpha.downAndSelected="0"/>
+            </s:LinearGradient>
+        </s:fill>
+    </s:Rect>
+    
+    <!-- layer 3: inner shadow -->
+    <s:Rect bottom="1" top="1" left="1" width="2" includeIn="downStates">
+        <s:fill>
+            <s:LinearGradient rotation="90">
+                <s:GradientEntry color="#000000" ratio="0" alpha="0.3"/>
+                <s:GradientEntry color="#000000" ratio="1" alpha="0"/>
+            </s:LinearGradient>
+        </s:fill>
+    </s:Rect>
+    
+    <!-- layer 4: inner stroke -->
+    <s:Rect left="1" right="1" top="1" bottom="1">
+        <s:stroke>
+            <s:LinearGradientStroke rotation="92">
+                <s:GradientEntry color="#FFFFFF" ratio="0" alpha.over="0.22" color.downStates="#000000" alpha.downStates="0.2" alpha.overAndSelected="0.5"/>
+                <s:GradientEntry color="#D8D8D8" ratio="1" alpha.over="0.22" color.downStates="#000000" alpha.downStates="0.3" alpha.overAndSelected="0.5"/>
+            </s:LinearGradientStroke>
+        </s:stroke>
+    </s:Rect>
+    
+    <!-- layer 5: outer stroke -->
+    <s:Rect left="0" right="0" top="0" bottom="0">
+        <s:stroke>
+            <s:LinearGradientStroke rotation="92">
+                <s:GradientEntry color="#4D4D4D" ratio="0"/>
+                <s:GradientEntry color="#1A1A1A" ratio="1"/>
+            </s:LinearGradientStroke>
+        </s:stroke>
+    </s:Rect>
+    
+    <s:Label id="labelDisplay" 
+             textAlign= "end"
+             maxDisplayedLines="1"
+             verticalCenter="0" verticalAlign="middle"
+             left="24" right="10">
+    </s:Label>
+    <s:Group verticalCenter="2" left="10" width="8" height="8" >
+        <s:Path id="arrow" data="M0 0 8 0 4 4Z" transformX="4" transformY="2" rotation="-90" rotation.selectedStates="0">
+            <s:fill>
+                <s:SolidColor color="#1A1A1A"/>
+            </s:fill>
+        </s:Path>
+    </s:Group>
+</s:SparkButtonSkin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionToggleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/HorizontalAccordionToggleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Modified: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ImageSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ImageSkin.mxml?rev=1370028&r1=1370027&r2=1370028&view=diff
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ImageSkin.mxml (original)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ImageSkin.mxml Mon Aug  6 21:25:54 2012
@@ -90,6 +90,7 @@
     <s:BitmapImage id="imageDisplay" left="0" top="0" right="0" bottom="0"/>
     
     <!--- Progress indicator skin part. -->
+    <!--- ToDo: replace with ProgressBar. Range is meant to be a base class and shouldn't be used directly.  -->
     <s:Range id="progressIndicator" skinClass="spark.skins.spark.ImageLoadingSkin" verticalCenter="0" horizontalCenter="0" includeIn="loading" layoutDirection="ltr" />
     
     <!--- Icon that appears in place of the image when an invalid image is loaded. -->

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/MonthGridItemRenderer.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/MonthGridItemRenderer.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/MonthGridItemRenderer.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/MonthGridItemRenderer.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,148 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+<!-- 
+The Spark MonthGridItemRenderer class is an item renderer class that is used by 
+DateChooser to display a single month which is a MonthGrid which encapsulates a grid of 
+date cells.
+
+@see spark.components.DateChooser
+@see spark.components.MonthGrid
+@see spark.components.calendarClasses.DateItemRenderer
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3.0
+@productversion Flex 5.0
+-->
+<s:DataRenderer xmlns:fx="http://ns.adobe.com/mxml/2009" 
+                xmlns:mx="library://ns.adobe.com/flex/mx" 
+                xmlns:s="library://ns.adobe.com/flex/spark">
+    <fx:Script>
+        <![CDATA[
+            import mx.core.mx_internal;
+            import mx.events.FlexEvent;
+            
+            import spark.components.DateChooser;
+            import spark.components.calendarClasses.DateSelection;
+            
+            use namespace mx_internal;
+            
+            // compatible with FlexEvent.DATA_CHANGE
+            [Bindable("dataChange")]  
+            
+            /**
+             *  The data to render.  
+             *  The fullYear and the month properties of the Date value determine which month 
+             *  is renderered.
+             *  
+             *  <p>When the item renderer is about to become visible, or it needs to reinitialize
+             *  iteself because one of the DateChooser's properties has changed, this is called with 
+             *  a non-null data value and it initializes itself in preparation for displaying the 
+             *  given month.
+             *  When the item renderer has been added to the recycle list it is called with a 
+             *  null data value.</p>
+             * 
+             *  @param value The date to be displayed in this month.
+             */
+            override public function set data(value:Object):void
+            {
+                const displayedDate:Date = value as Date;
+                const dateChooser:DateChooser = owner as DateChooser;
+                
+                super.data = value;
+                
+                if (!dateChooser)
+                    return;
+              
+                // data is set to null when the renderer is added to the recycle list.
+                if (displayedDate)
+                {
+                    monthGrid.dateChooser = dateChooser;
+                    monthGrid.dateSelection = dateChooser.dateSelection;
+                    monthGrid.displayedMonth = displayedDate.month;
+                    monthGrid.displayedYear = displayedDate.fullYear;
+                    
+                    monthGrid.weekOrientation = dateChooser.weekOrientation;
+                    monthGrid.showDaysInOtherMonths = dateChooser.showDaysInOtherMonths;
+                    monthGrid.showTodayIndicator = dateChooser.showTodayIndicator;
+                    monthGrid.sixWeekLayoutMode = dateChooser.sixWeekLayoutMode;
+                    monthGrid.typicalDate = dateChooser.typicalDate;
+                    
+                    monthGrid.caretIndicator = dateChooser.caretIndicator;
+                    monthGrid.hoverIndicator = dateChooser.hoverIndicator;
+                    monthGrid.selectionIndicator = dateChooser.selectionIndicator;
+                    monthGrid.todayIndicator = dateChooser.todayIndicator;
+                    
+                    monthGrid.rowSeparator = dateChooser.rowSeparator;
+                    monthGrid.columnSeparator = dateChooser.columnSeparator;
+                    
+                    //trace("monthGridRenderer", dateChooser.itemToLabel(data)); 
+                 }
+                else
+                {
+                    //trace("monthGridRenderer data==0", dateChooser.itemToLabel(data));                    
+                }
+            }            
+         ]]>
+    </fx:Script>
+
+    <!-- the grid of date cells -->
+    <s:MonthGrid id="monthGrid" height="100%" width="100%"
+                  requestedCellWidth="20" requestedCellHeight="20" 
+                  requestedHeaderSize="22" headerGap="2" horizontalGap="2"
+                  paddingTop="0" paddingLeft="4" paddingRight="4" paddingBottom="4">
+        <!-- short abbreviation for the days of the week, ex M, T, W -->
+        <s:dayOfTheWeekFormatter>
+            <s:DateTimeFormatter dateTimePattern="EEEEE"/>
+        </s:dayOfTheWeekFormatter>
+        
+        <!-- minimum number of digits to hold date, ie no leading zeros, etc 1, 10 -->
+        <s:dayOfTheMonthFormatter>
+            <s:DateTimeFormatter dateTimePattern="d"/>
+        </s:dayOfTheMonthFormatter>
+        
+        <!-- renders the cells that contain the names of the days of the week, e.g. Monday or M -->
+        <s:dayOfTheWeekRenderer>
+            <fx:Component>
+                 <s:DateItemRenderer>
+                    <s:Rect id="background" left="0" right="0" top="0" bottom="0" alpha="0">
+                        <s:stroke>
+                            <s:SolidColorStroke color="#A8C7EA"/>
+                        </s:stroke>
+                    </s:Rect>
+                    <s:Label id="labelDisplay" verticalCenter="0" horizontalCenter="0" fontWeight="bold"/>
+                </s:DateItemRenderer>
+            </fx:Component>
+        </s:dayOfTheWeekRenderer>  
+
+        <!-- renders the cells that contain the days of the month, e.g. 1, 2 -->
+        <s:dayOfTheMonthRenderer>
+            <fx:Component>
+                <s:DateItemRenderer>
+                    <s:Rect id="background" left="0" right="0" top="0" bottom="0" alpha="0">
+                        <s:stroke>
+                            <s:SolidColorStroke color="#A8C7EA"/>
+                        </s:stroke>
+                    </s:Rect>
+                    <s:Label id="labelDisplay" verticalCenter="0" horizontalCenter="0"/>
+                </s:DateItemRenderer>
+            </fx:Component>  
+        </s:dayOfTheMonthRenderer>     
+    </s:MonthGrid>
+</s:DataRenderer>
\ No newline at end of file

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/MonthGridItemRenderer.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/MonthGridItemRenderer.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ToolTipSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ToolTipSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ToolTipSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ToolTipSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,194 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- The default skin class for the Spark ToolTip component.  
+
+@see spark.components.ToolTip
+@see spark.components.ToolTipSkin
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3
+@productversion Flex 5.0
+-->
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
+        xmlns:mx="library://ns.adobe.com/flex/mx"
+        alpha.disabled="0.5">
+    
+    <fx:Metadata>
+        <![CDATA[ 
+        /** 
+         *  @copy spark.skins.spark.ApplicationSkin#hostComponent
+         */
+        [HostComponent("spark.components.ToolTip")]
+        ]]>
+    </fx:Metadata>
+    
+    <fx:Script fb:purpose="styling">
+        <![CDATA[
+            
+            private var previousCornerRadius:Number;
+            
+            /**
+             *  @private
+             */
+            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
+            {
+                // Inset the content group by the padding.
+                contentGroup.left = getStyle("paddingLeft");
+                contentGroup.right = getStyle("paddingRight");
+                contentGroup.top = getStyle("paddingTop");
+                contentGroup.bottom = getStyle("paddingBottom");
+                
+                if (getStyle("borderVisible") == true)
+                {
+                    border.visible = true;
+                    
+                    // Inset the background by the border weight.
+                    background.left = background.top = background.right = background.bottom = borderStroke.weight;
+                    
+                    // Inset the content group additionally by the border weight.
+                    contentGroup.left += borderStroke.weight;
+                    contentGroup.right += borderStroke.weight;
+                    contentGroup.top += borderStroke.weight;
+                    contentGroup.bottom += borderStroke.weight;
+                }
+                else
+                {
+                    border.visible = false;
+                    background.left = background.top = background.right = background.bottom = 0;
+                }
+                
+                // Set cornerRadius.
+                var cornerRadius:Number = getStyle("cornerRadius");
+                if (cornerRadius != previousCornerRadius)
+                {
+                    previousCornerRadius = cornerRadius;
+                    
+                    setRectCornerRadius(background, cornerRadius);
+                    setRectCornerRadius(border, cornerRadius);
+                    setDropShadowCornerRadius(dropShadow, cornerRadius);
+                }
+                
+                // Set dropShadowVisible.
+                dropShadow.visible = getStyle("dropShadowVisible");
+                
+                // Set borderColor and borderAlpha.
+                borderStroke.color = getStyle("borderColor");
+                borderStroke.alpha = getStyle("borderAlpha");
+                
+                // Set backgroundColor and backgroundAlpha.
+                backgroundFill.color = getStyle("backgroundColor");
+                backgroundFill.alpha = getStyle("backgroundAlpha");
+                
+                super.updateDisplayList(unscaledWidth, unscaledHeight);
+            }
+            
+            private function setRectCornerRadius(rect:Rect, cornerRadius:Number):void
+            {
+                rect.topLeftRadiusX = cornerRadius;
+                rect.topLeftRadiusY = cornerRadius;
+                rect.topRightRadiusX = cornerRadius;
+                rect.topRightRadiusY = cornerRadius;
+                rect.bottomLeftRadiusX = cornerRadius;
+                rect.bottomLeftRadiusY = cornerRadius;
+                rect.bottomRightRadiusX = cornerRadius;
+                rect.bottomRightRadiusY = cornerRadius;
+            }
+            
+            private function setDropShadowCornerRadius(dropShadow:RectangularDropShadow, cornerRadius:Number):void
+            {
+                dropShadow.tlRadius = cornerRadius;
+                dropShadow.trRadius = cornerRadius;
+                dropShadow.blRadius = cornerRadius;
+                dropShadow.brRadius = cornerRadius;
+            }
+            
+        ]]>        
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal"/>
+        <s:State name="disabled"/>
+        <s:State name="closed" stateGroups="closedGroup"/>
+        <s:State name="disabledAndClosed" stateGroups="closedGroup"/>
+    </s:states>
+    
+    <!-- Transitions for open and close -->
+    <s:transitions>
+        <s:Transition fromState="closed" toState="normal" autoReverse="true">
+            <!--- @private -->
+            <s:Fade id="closedToNormalEffect" duration="300" target="{chrome}"/>
+        </s:Transition>
+        
+        <s:Transition fromState="disabledAndClosed" toState="disabled" autoReverse="true">
+            <!--- @private -->
+            <s:Fade id="disabledAndClosedToDisabledEffect" duration="300" target="{chrome}"/>
+        </s:Transition>
+        
+        <s:Transition fromState="disabled" toState="disabledAndClosed" autoReverse="true">
+            <!--- @private -->
+            <s:Fade id="disabledToDisabledAndClosedEffect" duration="300" target="{chrome}"/>
+        </s:Transition>
+        
+        <s:Transition fromState="normal" toState="closed" autoReverse="true">
+            <!--- @private -->
+            <s:Fade id="normalToClosedEffect" duration="300" target="{chrome}"/>
+        </s:Transition>
+    </s:transitions>
+    
+    <!--- Defines the visual area used by this skin. -->
+    <s:Group id="chrome" left="0" right="0" top="0" bottom="0" visible.closedGroup="false">
+        
+        <!--- layer 0: drop shadow -->
+        <s:RectangularDropShadow id="dropShadow" blurX="7" blurY="4" 
+                                 alpha="0.3" distance="3" angle="90" 
+                                 left="0" top="0" right="0" bottom="0"/>
+        
+        <!--- layer 1: border -->
+        <s:Rect id="border" left="0" right="0" top="0" bottom="0" >
+            <s:stroke>
+                <!--- @private -->
+                <s:SolidColorStroke id="borderStroke" color="#000000" alpha="0.15" weight="1"/>
+            </s:stroke>
+        </s:Rect>
+        
+        <!--- layer 2: background -->
+        <s:Rect id="background" top="0" right="0" bottom="0" left="0">
+            <s:fill>
+                <!--- @private -->
+                <s:SolidColor id="backgroundFill" color="0xF8FACD"/>
+            </s:fill>
+        </s:Rect>
+        
+        <!--
+        Note: Setting the minimum size to 0 here so that changes to the host component's
+        size will not be thwarted by this skin part's minimum size. This is a compromise,
+        more about it here: http://bugs.adobe.com/jira/browse/SDK-21143
+        -->
+        <!--- layer 3: content -->
+        <s:Group id="contentGroup" left="5" right="5" top="6" bottom="4" minWidth="0" minHeight="0">
+            <!--- @copy spark.components.labelDisplay -->
+            <s:Label id="labelDisplay" maxWidth="320"/>
+        </s:Group>
+        
+    </s:Group>
+    
+</s:Skin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ToolTipSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/ToolTipSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionContentSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionContentSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionContentSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionContentSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,141 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- The default skin class for an AccordionContent.
+Use this skin on instances of AccordionContent being added to a Vertical Accordion.
+This skin places the header and content in a VerticalLayout.
+Uses a resize effect to transition between open and closed states.
+
+@see spark.components.AccordionContent
+
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3.0
+@productversion Flex 5.0
+
+-->
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+        xmlns:s="library://ns.adobe.com/flex/spark" 
+        xmlns:fb="http://ns.adobe.com/flashbuilder/2009" 
+        alpha.disabled="0.5">
+    <fx:Metadata>[HostComponent("spark.components.AccordionContent")]</fx:Metadata>
+    
+    <fx:Script fb:purpose="styling">
+        <![CDATA[         
+            
+            /**
+             *  @private
+             */
+            override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number) : void
+            {
+                // Push backgroundColor and backgroundAlpha directly.
+                // Handle undefined backgroundColor by hiding the background object.
+                if (!isNaN(getStyle("backgroundColor")))
+                {
+                    bgFill.color=getStyle("backgroundColor");
+                    bgFill.alpha=getStyle("backgroundAlpha");
+                }
+                
+                super.updateDisplayList(unscaledWidth, unscaledHeight);
+            }
+            
+        ]]>        
+    </fx:Script>
+    
+    <s:states>
+        <s:State name="normal" stateGroups="closedGroup"/>
+        <s:State name="disabled" stateGroups="closedGroup"/>
+        <s:State name="open" stateGroups="openGroup"/>
+        <s:State name="openAndDisabled" stateGroups="openGroup"/>
+    </s:states>
+    
+    <s:transitions>
+        <!-- Transitions between selected and unselected states-->
+        <s:Transition fromState="normal" toState="open" autoReverse="true">
+            <s:Resize target ="{hostComponent}" duration="250"  /> 
+        </s:Transition>
+        
+        <s:Transition fromState="disabled" toState="open" autoReverse="true">
+            <s:Resize target="{hostComponent}" duration="250" />
+        </s:Transition>
+        
+        <s:Transition fromState="normal" toState="openAndDisabled" autoReverse="true">
+            <s:Resize target="{hostComponent}" duration="250"/>
+        </s:Transition>
+        
+        <s:Transition fromState="disabled" toState="openAndDisabled" autoReverse="true" >
+            <s:Resize target="{hostComponent}" duration="250" />
+        </s:Transition>
+    </s:transitions>
+    
+    <s:layout>
+        <s:VerticalLayout gap="-1"/>
+    </s:layout>
+    
+    <s:ToggleButton id="accordionHeader" 
+                    width="100%"
+                    depth="1"
+                    skinClass="spark.skins.spark.VerticalAccordionToggleButtonSkin"/>
+    
+    <s:Group width="100%" height="100%"
+             clipAndEnableScrolling="true">
+
+        <!-- border -->
+        <s:Rect id="border" left="1" right="1" top="0" bottom="0">
+            <s:stroke>
+                <!--- @private -->
+                <s:SolidColorStroke id="borderStroke"/>
+            </s:stroke>
+        </s:Rect>
+        
+        <!-- background -->
+        <s:Rect id="background" left="2" right="2" top="1" bottom="1">
+            <s:fill>
+                <!--- @private -->
+                <s:SolidColor id="bgFill"/>
+            </s:fill>
+        </s:Rect>
+        
+        <s:Rect left="1" right="1" top="1" height="3">
+            <s:fill>
+                <s:LinearGradient rotation="90">
+                    <s:GradientEntry alpha="0.15"/>
+                    <s:GradientEntry alpha="0"/>
+                </s:LinearGradient>
+            </s:fill>
+        </s:Rect>
+        
+        <s:Rect left="1" right="1" bottom="1" height="3">
+            <s:fill>
+                <s:LinearGradient rotation="-90">
+                    <s:GradientEntry alpha="0.15"/>
+                    <s:GradientEntry alpha="0"/>
+                </s:LinearGradient>
+            </s:fill>
+        </s:Rect>
+        
+        <s:Group id="contentGroup" 
+                 left="2" right="2" top="1" bottom="1" 
+                 clipAndEnableScrolling="true"/>
+        
+    </s:Group>
+    
+</s:Skin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionContentSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionContentSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- The default skin class for a Spark Accordion.
+      Use this skin to create a Vertical Accordion.
+
+@see spark.components.Accordion
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3.0
+@productversion Flex 5.0
+-->
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" 
+    xmlns:fb="http://ns.adobe.com/flashbuilder/2009" alpha.disabled="0.5" >
+    <fx:Metadata>[HostComponent("spark.components.Accordion")]</fx:Metadata>
+    
+    <s:states>
+        <s:State name="normal"/>
+        <s:State name="disabled"/>
+    </s:states>
+    
+    <!--- @copy spark.components.Accordion#contentGroup -->
+    <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" minWidth="0" minHeight="0" >
+        <s:layout>
+            <s:VerticalAccordionLayout gap="-1"/>
+        </s:layout>
+    </s:Group>
+
+</s:Skin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Added: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionToggleButtonSkin.mxml
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionToggleButtonSkin.mxml?rev=1370028&view=auto
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionToggleButtonSkin.mxml (added)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionToggleButtonSkin.mxml Mon Aug  6 21:25:54 2012
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+-->
+
+
+<!--- The default skin class for the ToggleButton header
+of an AccordionContent.
+
+@see spark.components.AccordionContent
+
+
+@langversion 3.0
+@playerversion Flash 11
+@playerversion AIR 3.0
+@productversion Flex 5.0
+
+-->
+<s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
+                   xmlns:s="library://ns.adobe.com/flex/spark" 
+                   xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
+                   minWidth="21" minHeight="28" 
+                   alpha.disabledStates="0.5">
+    
+    <!-- host component -->
+    <fx:Metadata>
+    <![CDATA[ 
+        /** 
+         * @copy spark.skins.spark.ApplicationSkin#hostComponent
+         */
+        [HostComponent("spark.components.ToggleButton")]
+    ]]>
+    </fx:Metadata>
+    
+    <!-- states -->
+    <s:states>
+        <s:State name="up" />
+        <s:State name="over" stateGroups="overStates" />
+        <s:State name="down" stateGroups="downStates" />
+        <s:State name="disabled" stateGroups="disabledStates" />
+        <s:State name="upAndSelected" stateGroups="selectedStates, selectedUpStates" />
+        <s:State name="overAndSelected" stateGroups="overStates, selectedStates" />
+        <s:State name="downAndSelected" stateGroups="downStates, selectedStates" />
+        <s:State name="disabledAndSelected" stateGroups="selectedUpStates, disabledStates, selectedStates" />
+    </s:states>
+    
+    <s:transitions>
+        <s:Transition autoReverse="true">
+            <s:Rotate target="{arrow}" duration="100"/>
+        </s:Transition>
+    </s:transitions>
+    
+    <!-- layer 1: fill -->
+    <s:Rect left="1" right="1" top="1" bottom="1">
+        <s:fill>
+            <s:LinearGradient rotation="90">
+                <s:GradientEntry color="#FFFFFF" ratio="0" alpha="0.85" color.overStates="#BBBDBD" alpha.overStates="0.85" color.downStates="#929496" alpha.downStates="0.75"/>
+                <s:GradientEntry color="#D8D8D8" ratio="1" alpha="0.85" color.overStates="#9FA0A1" alpha.overStates="0.85" color.downStates="#AAAAAA"/>
+            </s:LinearGradient>
+        </s:fill>
+    </s:Rect>
+    
+    <!-- layer 2: highlight -->
+    <s:Rect left="1" right="1" top="1" bottom="1">
+        <s:fill>
+            <s:LinearGradient rotation="90">
+                <s:GradientEntry color="#FFFFFF" ratio="0" alpha="0.33" alpha.overStates="0.2" alpha.downAndSelected="0.2"/>
+                <s:GradientEntry color="#FFFFFF" ratio="0.48" alpha="0.33" alpha.over="0.2" alpha.overAndSelected="0.2" alpha.downAndSelected="0.2"/>
+                <s:GradientEntry color="#FFFFFF" ratio="0.481" alpha="0" alpha.over="0.1" alpha.overAndSelected="0" alpha.downAndSelected="0"/>
+            </s:LinearGradient>
+        </s:fill>
+    </s:Rect>
+    
+    <!-- layer 3: inner shadow -->
+    <s:Rect left="1" top="1" right="1" height="3" includeIn="downStates">
+        <s:fill>
+            <s:LinearGradient rotation="90">
+                <s:GradientEntry color="#000000" ratio="0" alpha="0.5"/>
+                <s:GradientEntry color="#000000" ratio="1" alpha="0"/>
+            </s:LinearGradient>
+        </s:fill>
+    </s:Rect>
+    
+    <!-- layer 4: inner stroke -->
+    <s:Rect left="1" right="1" top="1" bottom="1">
+        <s:stroke>
+            <s:LinearGradientStroke rotation="90">
+                <s:GradientEntry color="#FFFFFF" ratio="0" alpha.over="0.22" color.downStates="#000000" alpha.downStates="0.2" alpha.overAndSelected="0.5"/>
+                <s:GradientEntry color="#D8D8D8" ratio="1" alpha.over="0.22" color.downStates="#000000" alpha.downStates="0.3" alpha.overAndSelected="0.5"/>
+            </s:LinearGradientStroke>
+        </s:stroke>
+    </s:Rect>
+    
+    <!-- layer 5: outer stroke -->
+    <s:Rect left="0" right="0" top="0" bottom="0">
+        <s:stroke>
+            <s:LinearGradientStroke rotation="90">
+                <s:GradientEntry color="#4D4D4D" ratio="0"/>
+                <s:GradientEntry color="#1A1A1A" ratio="1"/>
+            </s:LinearGradientStroke>
+        </s:stroke>
+    </s:Rect>
+    
+    <s:Label id="labelDisplay" 
+             maxDisplayedLines="1"
+             verticalCenter="2" verticalAlign="middle"
+             left="24" right="10">
+    </s:Label>
+    
+    <s:Group verticalCenter="2" left="10" width="8" height="8" >
+        <s:Path id="arrow" data="M0 0 8 0 4 4Z" transformX="4" transformY="2" rotation="-90" rotation.selectedStates="0">
+            <s:fill>
+                <s:SolidColor color="#1A1A1A"/>
+            </s:fill>
+        </s:Path>
+    </s:Group>
+</s:SparkButtonSkin>

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionToggleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Propchange: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/skins/spark/VerticalAccordionToggleButtonSkin.mxml
------------------------------------------------------------------------------
    svn:mime-type = text/plain

Modified: incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/styles/metadata/AdvancedInheritingTextStyles.as
URL: http://svn.apache.org/viewvc/incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/styles/metadata/AdvancedInheritingTextStyles.as?rev=1370028&r1=1370027&r2=1370028&view=diff
==============================================================================
--- incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/styles/metadata/AdvancedInheritingTextStyles.as (original)
+++ incubator/flex/whiteboard/cframpton/adobe.next/frameworks/projects/spark/src/spark/styles/metadata/AdvancedInheritingTextStyles.as Mon Aug  6 21:25:54 2012
@@ -70,6 +70,74 @@
 [Style(name="clearFloats", type="String", enumeration="start,end,left,right,both,none", inherit="yes")]
 
 /**
+ *  Controls column break after the element.
+ *  
+ *  <p><b>For the Spark theme, see
+ *  flashx.textLayout.formats.ITextLayoutFormat.columnBreakAfter.</b></p>
+ *
+ *  <p><b>For the Mobile theme, this is not supported.</b></p>
+ * 
+ *  @see flashx.textLayout.formats.ITextLayoutFormat#columnBreakAfter
+ * 
+ *  @langversion 3.0
+ *  @playerversion Flash 11
+ *  @playerversion AIR 3
+ *  @productversion Flex 5.0
+ */
+[Style(name="columnBreakAfter", type="String", enumeration="auto,always", inherit="yes")]
+
+/**
+ *  Controls column break before the element.
+ *  
+ *  <p><b>For the Spark theme, see
+ *  flashx.textLayout.formats.ITextLayoutFormat.columnBreakBefore.</b></p>
+ *
+ *  <p><b>For the Mobile theme, this is not supported.</b></p>
+ * 
+ *  @see flashx.textLayout.formats.ITextLayoutFormat#columnBreakBefore
+ * 
+ *  @langversion 3.0
+ *  @playerversion Flash 11
+ *  @playerversion AIR 3
+ *  @productversion Flex 5.0
+ */
+[Style(name="columnBreakBefore", type="String", enumeration="auto,always", inherit="yes")]
+
+/**
+ *  Controls container break after the element.
+ *  
+ *  <p><b>For the Spark theme, see
+ *  flashx.textLayout.formats.ITextLayoutFormat.containerBreakAfter.</b></p>
+ *
+ *  <p><b>For the Mobile theme, this is not supported.</b></p>
+ * 
+ *  @see flashx.textLayout.formats.ITextLayoutFormat#containerBreakAfter
+ * 
+ *  @langversion 3.0
+ *  @playerversion Flash 11
+ *  @playerversion AIR 3
+ *  @productversion Flex 5.0
+ */
+[Style(name="containerBreakAfter", type="String", enumeration="auto,always", inherit="yes")]
+
+/**
+ *  Controls container break before the element.
+ *  
+ *  <p><b>For the Spark theme, see
+ *  flashx.textLayout.formats.ITextLayoutFormat.containerBreakBefore.</b></p>
+ *
+ *  <p><b>For the Mobile theme, this is not supported.</b></p>
+ * 
+ *  @see flashx.textLayout.formats.ITextLayoutFormat#containerBreakBefore
+ * 
+ *  @langversion 3.0
+ *  @playerversion Flash 11
+ *  @playerversion AIR 3
+ *  @productversion Flex 5.0
+ */
+[Style(name="containerBreakBefore", type="String", enumeration="auto,always", inherit="yes")]
+
+/**
  *  Specifies the baseline position of the first line in the container.
  * 
  *  <p><b>For the Spark theme, see



Mime
View raw message