Added: 
flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,79 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+        <fx:Script>
+        <![CDATA[
+          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var expensesAC:ArrayCollection = new ArrayCollection( [
+            { Date: "25-Jul", Open: 40.75,  High: 40.75, Low: 40.24, 
Close:40.31},
+            { Date: "26-Jul", Open: 39.98,  High: 40.78, Low: 39.97, 
Close:40.34},
+            { Date: "27-Jul", Open: 40.38,  High: 40.66, Low: 40, Close:40.63},
+            { Date: "28-Jul", Open: 40.49,  High: 40.99, Low: 40.3, 
Close:40.98},
+            { Date: "29-Jul", Open: 40.13,  High: 40.4, Low: 39.65, 
Close:39.95},
+            { Date: "1-Aug", Open: 39.00,  High: 39.50, Low: 38.7, 
Close:38.6}, 
+            { Date: "2-Aug", Open: 38.68,  High: 39.34, Low: 37.75, 
Close:38.84}, 
+            { Date: "3-Aug", Open: 38.76,  High: 38.76, Low: 38.03, 
Close:38.12}, 
+            { Date: "4-Aug", Open: 37.98,  High: 37.98, Low: 36.56, 
Close:36.69},                       
+            { Date: "5-Aug", Open: 36.61,  High: 37, Low: 36.48, Close:36.86} 
]);
+        ]]>
+    </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+    
+       <s:Panel title="CandlestickChart Control" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+         
+         <mx:CandlestickChart id="candlestickchart" height="100%" width="100%" 
paddingRight="5" paddingLeft="5" 
+            color="0x323232" showDataTips="true" dataProvider="{expensesAC}">
+            
+            <mx:verticalAxis>
+                <mx:LinearAxis baseAtZero="false" />
+            </mx:verticalAxis>
+
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Date" title="Date"/>
+            </mx:horizontalAxis>
+
+            <mx:series>
+                <mx:CandlestickSeries openField="Open" highField="High" 
+                    lowField="Low" closeField="Close"/>
+            </mx:series>
+
+        </mx:CandlestickChart>
+        
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/CandleStickChartExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,70 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+        <![CDATA[
+          
+        import mx.collections.ArrayCollection;
+
+        [Bindable]
+        private var medalsAC:ArrayCollection = new ArrayCollection( [
+            { Country: "USA", Gold: 35, Silver:39, Bronze: 29 },
+            { Country: "China", Gold: 32, Silver:17, Bronze: 14 },
+            { Country: "Russia", Gold: 27, Silver:27, Bronze: 38 } ]);
+        ]]>
+    </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+    
+       <s:Panel title="ColumnChart Control" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+         
+         <mx:ColumnChart id="column" height="100%" color="0x323232"
+            showDataTips="true" dataProvider="{medalsAC}">
+                
+            <mx:horizontalAxis>
+                <mx:CategoryAxis categoryField="Country"/>
+            </mx:horizontalAxis>
+                
+            <mx:series>
+                <mx:ColumnSeries xField="Country" yField="Gold" 
displayName="Gold"/>
+                <mx:ColumnSeries xField="Country" yField="Silver" 
displayName="Silver"/>
+                <mx:ColumnSeries xField="Country" yField="Bronze" 
displayName="Bronze"/>
+            </mx:series>
+        </mx:ColumnChart>
+
+        <mx:Legend dataProvider="{column}" color="0x323232"/>
+        
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/ColumnChartExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,78 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       [Bindable]
+                       private var stockDataAC:ArrayCollection = new 
ArrayCollection( [
+                               { Date: "25-Jul", Open: 40.55,  High: 40.75, 
Low: 40.24, Close:40.31},
+                               { Date: "26-Jul", Open: 40.15,  High: 40.78, 
Low: 39.97, Close:40.34},
+                               { Date: "27-Jul", Open: 40.38,  High: 40.66, 
Low: 40, Close:40.63},
+                               { Date: "28-Jul", Open: 40.49,  High: 40.99, 
Low: 40.3, Close:40.98},
+                               { Date: "29-Jul", Open: 40.13,  High: 40.4, 
Low: 39.65, Close:39.95},
+                               { Date: "1-Aug", Open: 39.00,  High: 39.50, 
Low: 38.7, Close:38.6}, 
+                               { Date: "2-Aug", Open: 38.68,  High: 39.34, 
Low: 37.75, Close:38.84}, 
+                               { Date: "3-Aug", Open: 38.76,  High: 38.76, 
Low: 38.03, Close:38.12}, 
+                               { Date: "4-Aug", Open: 37.98,  High: 37.98, 
Low: 36.56, Close:36.69},                       
+                               { Date: "5-Aug", Open: 36.61,  High: 37, Low: 
36.48, Close:36.86} ]); 
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="HLOCChart Control" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:HLOCChart id="hlocchart" height="100%" width="100%" 
paddingRight="5" paddingLeft="5"
+                                         color="0x323232" showDataTips="true" 
dataProvider="{stockDataAC}">
+                       
+                       <mx:verticalAxis>
+                               <mx:LinearAxis baseAtZero="false" />
+                       </mx:verticalAxis>
+                       
+                       <mx:horizontalAxis>
+                               <mx:CategoryAxis categoryField="Date" 
title="Date" />
+                       </mx:horizontalAxis>
+                       
+                       <mx:series>
+                               <mx:HLOCSeries openField="Open" 
highField="High" 
+                                                          lowField="Low" 
closeField="Close"/>
+                       </mx:series>
+               </mx:HLOCChart>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/charts/HLOCChartExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,72 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       [Bindable]
+                       private var expensesAC:ArrayCollection = new 
ArrayCollection( [
+                               { Month: "Jan", Profit: 2000, Expenses: 1500, 
Amount: 450 },
+                               { Month: "Feb", Profit: 1000, Expenses: 200, 
Amount: 600 },
+                               { Month: "Mar", Profit: 1500, Expenses: 500, 
Amount: 300 },
+                               { Month: "Apr", Profit: 1800, Expenses: 1200, 
Amount: 900 },
+                               { Month: "May", Profit: 2400, Expenses: 575, 
Amount: 500 } ]);
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="LineChart Control" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:LineChart id="linechart" color="0x323232" height="100%"
+                                         showDataTips="true" 
dataProvider="{expensesAC}">
+                       
+                       <mx:horizontalAxis>
+                               <mx:CategoryAxis categoryField="Month"/>
+                       </mx:horizontalAxis>
+                       
+                       <mx:series>
+                               <mx:LineSeries yField="Profit" form="curve" 
displayName="Profit"/>
+                               <mx:LineSeries yField="Expenses" form="curve" 
displayName="Expenses"/>
+                               <mx:LineSeries yField="Amount" form="curve" 
displayName="Amount"/>
+                       </mx:series>
+               </mx:LineChart>
+               
+               <mx:Legend dataProvider="{linechart}" color="0x323232"/>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/charts/LineChartExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,77 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       [Bindable]
+                       private var medalsAC:ArrayCollection = new 
ArrayCollection( [
+                               { Country: "USA", Gold: 35, Silver:39, Bronze: 
29 },
+                               { Country: "China", Gold: 32, Silver:17, 
Bronze: 14 },
+                               { Country: "Russia", Gold: 27, Silver:27, 
Bronze: 38 } ]);
+                       
+                       private function displayGold(data:Object, field:String, 
index:Number, percentValue:Number):String {
+                               var temp:String= (" " + 
percentValue).substr(0,6);
+                               return data.Country + ": " + '\n' + "Total 
Gold: " + data.Gold + '\n' + temp + "%";
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="PieChart Control" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:PieChart id="chart" height="100%" width="100%" 
paddingRight="5" paddingLeft="5" color="0x323232"
+                                        showDataTips="true" 
dataProvider="{medalsAC}" >
+                       
+                       <mx:series>
+                               <mx:PieSeries labelPosition="callout" 
field="Gold" labelFunction="displayGold">
+                                       <mx:calloutStroke>
+                                               <s:SolidColorStroke weight="0" 
color="0x888888" alpha="1.0"/>
+                                       </mx:calloutStroke>
+                                       <mx:radialStroke>
+                                               <s:SolidColorStroke weight="0" 
color="#FFFFFF" alpha="0.20"/>
+                                       </mx:radialStroke>
+                                       <mx:stroke>
+                                               <s:SolidColorStroke color="0" 
alpha="0.20" weight="2"/>
+                                       </mx:stroke>
+                               </mx:PieSeries>
+                       </mx:series>
+               </mx:PieChart>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/charts/PieChartExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,66 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       [Bindable]
+                       private var expensesAC:ArrayCollection = new 
ArrayCollection( [
+                               { Month: "Jan", Profit: 2000, Expenses: 1500, 
Amount: 450 },
+                               { Month: "Feb", Profit: 1000, Expenses: 200, 
Amount: 600 },
+                               { Month: "Mar", Profit: 1500, Expenses: 500, 
Amount: 300 } ]);
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="PlotChart Control" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:PlotChart id="plot" height="100%" paddingLeft="5" 
paddingRight="5"  color="0x323232"
+                                         showDataTips="true" 
dataProvider="{expensesAC}">
+                       
+                       <mx:series>
+                               <mx:PlotSeries xField="Expenses" 
yField="Profit" displayName="Expenses/Profit"/>
+                               <mx:PlotSeries xField="Amount" 
yField="Expenses" displayName="Amount/Expenses"/>
+                               <mx:PlotSeries xField="Profit" yField="Amount" 
displayName="Profit/Amount"/>
+                       </mx:series>
+               </mx:PlotChart>
+               
+               <mx:Legend dataProvider="{plot}" color="0x323232"/>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/charts/PlotChartExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,114 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       [Bindable]
+                       private var companyAAC:ArrayCollection = new 
ArrayCollection( [
+                               { Date: "25-Jul", Open: 40.75,  High: 40.75, 
Low: 40.24, Close:40.31},
+                               { Date: "26-Jul", Open: 39.98,  High: 40.78, 
Low: 39.97, Close:40.34},
+                               { Date: "27-Jul", Open: 40.38,  High: 40.66, 
Low: 40, Close:40.63},
+                               { Date: "28-Jul", Open: 40.49,  High: 40.99, 
Low: 40.3, Close:40.98},
+                               { Date: "29-Jul", Open: 40.13,  High: 40.4, 
Low: 39.65, Close:39.95},
+                               { Date: "1-Aug", Open: 39.00,  High: 39.50, 
Low: 38.7, Close:38.6}, 
+                               { Date: "2-Aug", Open: 38.68,  High: 39.34, 
Low: 37.75, Close:38.84}, 
+                               { Date: "3-Aug", Open: 38.76,  High: 38.76, 
Low: 38.03, Close:38.12}, 
+                               { Date: "4-Aug", Open: 37.98,  High: 37.98, 
Low: 36.56, Close:36.69},                       
+                               { Date: "5-Aug", Open: 36.61,  High: 37, Low: 
36.48, Close:36.86} ]);
+                       
+                       [Bindable]
+                       private var companyBAC:ArrayCollection = new 
ArrayCollection( [
+                               { Date: "25-Jul", Open: 18.50,  High: 19, Low: 
18.48, Close:18.86},
+                               { Date: "26-Jul", Open: 19.56,  High: 19.98, 
Low: 18.6, Close:18.69},                       
+                               { Date: "27-Jul", Open: 20.81,  High: 20.99, 
Low: 20.03, Close:20.12}, 
+                               { Date: "28-Jul", Open: 20.70,  High: 21.00, 
Low: 19.5, Close:20.84}, 
+                               { Date: "29-Jul", Open: 21.7,  High: 21.79, 
Low: 20.45, Close:20.6}, 
+                               { Date: "1-Aug", Open: 22.45,  High: 22.65, 
Low: 21.65, Close:21.95},
+                               { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 
22.05, Close:22.98},
+                               { Date: "3-Aug", Open: 22.42,  High: 22.70, 
Low: 22.1, Close:22.63},
+                               { Date: "4-Aug", Open: 21.67,  High: 22.82, 
Low: 21.67, Close:22.34},
+                               { Date: "5-Aug", Open: 22.44,  High: 22.85, 
Low: 22.12, Close:22.31} ]);
+                       
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               <mx:SeriesInterpolate id="interpolateIn" duration="1000"/>
+       </fx:Declarations>
+       
+       <s:Panel title="Interpolate Effect" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:CandlestickChart id="candlestickchart" height="100%" 
paddingRight="5" paddingLeft="5" color="0x323232"
+                                                        showDataTips="true" 
dataProvider="{companyAAC}">
+                       
+                       <mx:verticalAxis>
+                               <mx:LinearAxis baseAtZero="false" />
+                       </mx:verticalAxis>
+                       
+                       <mx:horizontalAxis>
+                               <mx:CategoryAxis categoryField="Date" 
title="Date"/>
+                       </mx:horizontalAxis>
+                       
+                       <mx:series>
+                               <mx:CandlestickSeries  
+                                       openField="Open" highField="High" 
+                                       lowField="Low" closeField="Close"
+                                       showDataEffect="{interpolateIn}"/>
+                       </mx:series>
+               </mx:CandlestickChart>
+               
+               
+               <s:BorderContainer color="0x323232" width="30%" 
borderColor="0xDCDCDC" borderStyle="solid" height="100%">
+                       
+                       <s:layout>
+                               <s:VerticalLayout paddingLeft="5" 
paddingRight="0" paddingTop="5" />
+                       </s:layout>
+                       
+                       <s:Label color="0x0050AA" width="100%"
+                                        text="Choose a company to view recent 
stock data."/>
+                       
+                       <s:RadioButton groupName="stocks" label="View Company A"
+                                                  selected="true" 
click="candlestickchart.dataProvider=companyAAC;"/>
+                       <s:RadioButton groupName="stocks" label="View Company B"
+                                                  
click="candlestickchart.dataProvider=companyBAC;"/>
+               </s:BorderContainer>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesInterpolateExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,116 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       [Bindable]
+                       private var companyAAC:ArrayCollection = new 
ArrayCollection( [
+                               { Date: "25-Jul", Open: 40.75,  High: 40.75, 
Low: 40.24, Close:40.31},
+                               { Date: "26-Jul", Open: 39.98,  High: 40.78, 
Low: 39.97, Close:40.34},
+                               { Date: "27-Jul", Open: 40.38,  High: 40.66, 
Low: 40, Close:40.63},
+                               { Date: "28-Jul", Open: 40.49,  High: 40.99, 
Low: 40.3, Close:40.98},
+                               { Date: "29-Jul", Open: 40.13,  High: 40.4, 
Low: 39.65, Close:39.95},
+                               { Date: "1-Aug", Open: 39.00,  High: 39.50, 
Low: 38.7, Close:38.6}, 
+                               { Date: "2-Aug", Open: 38.68,  High: 39.34, 
Low: 37.75, Close:38.84}, 
+                               { Date: "3-Aug", Open: 38.76,  High: 38.76, 
Low: 38.03, Close:38.12}, 
+                               { Date: "4-Aug", Open: 37.98,  High: 37.98, 
Low: 36.56, Close:36.69},                       
+                               { Date: "5-Aug", Open: 36.61,  High: 37, Low: 
36.48, Close:36.86} ]);
+                       
+                       [Bindable]
+                       private var companyBAC:ArrayCollection = new 
ArrayCollection( [
+                               { Date: "25-Jul", Open: 18.50,  High: 19, Low: 
18.48, Close:18.86},
+                               { Date: "26-Jul", Open: 19.56,  High: 19.98, 
Low: 18.6, Close:18.69},                       
+                               { Date: "27-Jul", Open: 20.81,  High: 20.99, 
Low: 20.03, Close:20.12}, 
+                               { Date: "28-Jul", Open: 20.70,  High: 21.00, 
Low: 19.5, Close:20.84}, 
+                               { Date: "29-Jul", Open: 21.7,  High: 21.79, 
Low: 20.45, Close:20.6}, 
+                               { Date: "1-Aug", Open: 22.45,  High: 22.65, 
Low: 21.65, Close:21.95},
+                               { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 
22.05, Close:22.98},
+                               { Date: "3-Aug", Open: 22.42,  High: 22.70, 
Low: 22.1, Close:22.63},
+                               { Date: "4-Aug", Open: 21.67,  High: 22.82, 
Low: 21.67, Close:22.34},
+                               { Date: "5-Aug", Open: 22.44,  High: 22.85, 
Low: 22.12, Close:22.31} ]);
+                       
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               <mx:SeriesSlide id="slideIn" duration="1000" direction="up"/>
+               <mx:SeriesSlide id="slideOut" duration="1000" direction="down"/>
+       </fx:Declarations>
+       
+       
+       <s:Panel title="Slide Effect" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:CandlestickChart id="candlestickchart" height="100%" 
paddingRight="5" paddingLeft="5" color="0x323232"
+                                                        showDataTips="true" 
dataProvider="{companyAAC}">
+                       
+                       <mx:verticalAxis>
+                               <mx:LinearAxis baseAtZero="false" />
+                       </mx:verticalAxis>
+                       
+                       <mx:horizontalAxis>
+                               <mx:CategoryAxis categoryField="Date" 
title="Date"/>
+                       </mx:horizontalAxis>
+                       
+                       <mx:series>
+                               <mx:CandlestickSeries  
+                                       openField="Open" highField="High" 
+                                       lowField="Low" closeField="Close"
+                                       showDataEffect="{slideIn}" 
+                                       hideDataEffect="{slideOut}"/>
+                       </mx:series>
+               </mx:CandlestickChart>
+               
+               <s:BorderContainer color="0x323232" width="30%" 
borderColor="0xDCDCDC" borderStyle="solid" height="100%">
+                       
+                       <s:layout>
+                               <s:VerticalLayout paddingLeft="5" 
paddingRight="0" paddingTop="5" />
+                       </s:layout>
+                       
+                       <s:Label color="0x0050AA" width="100%"
+                                        text="Choose a company to view recent 
stock data."/>
+                       
+                       <s:RadioButton groupName="stocks" label="View Company A"
+                                                  selected="true" 
click="candlestickchart.dataProvider=companyAAC;"/>
+                       <s:RadioButton groupName="stocks" label="View Company B"
+                                                  
click="candlestickchart.dataProvider=companyBAC;"/>
+               </s:BorderContainer>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesSlideExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,115 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       [Bindable]
+                       private var companyAAC:ArrayCollection = new 
ArrayCollection( [
+                               { Date: "25-Jul", Open: 40.75,  High: 40.75, 
Low: 40.24, Close:40.31},
+                               { Date: "26-Jul", Open: 39.98,  High: 40.78, 
Low: 39.97, Close:40.34},
+                               { Date: "27-Jul", Open: 40.38,  High: 40.66, 
Low: 40, Close:40.63},
+                               { Date: "28-Jul", Open: 40.49,  High: 40.99, 
Low: 40.3, Close:40.98},
+                               { Date: "29-Jul", Open: 40.13,  High: 40.4, 
Low: 39.65, Close:39.95},
+                               { Date: "1-Aug", Open: 39.00,  High: 39.50, 
Low: 38.7, Close:38.6}, 
+                               { Date: "2-Aug", Open: 38.68,  High: 39.34, 
Low: 37.75, Close:38.84}, 
+                               { Date: "3-Aug", Open: 38.76,  High: 38.76, 
Low: 38.03, Close:38.12}, 
+                               { Date: "4-Aug", Open: 37.98,  High: 37.98, 
Low: 36.56, Close:36.69},                       
+                               { Date: "5-Aug", Open: 36.61,  High: 37, Low: 
36.48, Close:36.86} ]);
+                       
+                       [Bindable]
+                       private var companyBAC:ArrayCollection = new 
ArrayCollection( [
+                               { Date: "25-Jul", Open: 18.50,  High: 19, Low: 
18.48, Close:18.86},
+                               { Date: "26-Jul", Open: 19.56,  High: 19.98, 
Low: 18.6, Close:18.69},                       
+                               { Date: "27-Jul", Open: 20.81,  High: 20.99, 
Low: 20.03, Close:20.12}, 
+                               { Date: "28-Jul", Open: 20.70,  High: 21.00, 
Low: 19.5, Close:20.84}, 
+                               { Date: "29-Jul", Open: 21.7,  High: 21.79, 
Low: 20.45, Close:20.6}, 
+                               { Date: "1-Aug", Open: 22.45,  High: 22.65, 
Low: 21.65, Close:21.95},
+                               { Date: "2-Aug", Open: 22.56,  High: 22.6, Low: 
22.05, Close:22.98},
+                               { Date: "3-Aug", Open: 22.42,  High: 22.70, 
Low: 22.1, Close:22.63},
+                               { Date: "4-Aug", Open: 21.67,  High: 22.82, 
Low: 21.67, Close:22.34},
+                               { Date: "5-Aug", Open: 22.44,  High: 22.85, 
Low: 22.12, Close:22.31} ]);
+                       
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <fx:Declarations>
+               <mx:SeriesZoom id="zoomIn" duration="1000"/>
+               <mx:SeriesZoom id="zoomOut" duration="1000"/>
+       </fx:Declarations>
+       
+       
+       <s:Panel title="Zoom Effect" width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <mx:CandlestickChart id="candlestickchart" height="100%" 
paddingRight="5" paddingLeft="5" color="0x323232"
+                                                        showDataTips="true" 
dataProvider="{companyAAC}">
+                       
+                       <mx:verticalAxis>
+                               <mx:LinearAxis baseAtZero="false" />
+                       </mx:verticalAxis>
+                       
+                       <mx:horizontalAxis>
+                               <mx:CategoryAxis categoryField="Date" 
title="Date"/>
+                       </mx:horizontalAxis>
+                       
+                       <mx:series>
+                               <mx:CandlestickSeries  
+                                       openField="Open" highField="High" 
+                                       lowField="Low" closeField="Close"
+                                       showDataEffect="{zoomIn}" 
+                                       hideDataEffect="{zoomOut}"/>
+                       </mx:series>
+               </mx:CandlestickChart>
+               
+               <s:BorderContainer color="0x323232" width="30%" 
borderColor="0xDCDCDC" borderStyle="solid" height="100%">
+                       <s:layout>
+                               <s:VerticalLayout paddingLeft="5" 
paddingRight="0" paddingTop="5" />
+                       </s:layout>
+                       
+                       <s:Label color="0x0050AA" width="100%"
+                                        text="Choose a company to view recent 
stock data."/>
+                       
+                       <s:RadioButton groupName="stocks" label="View Company A"
+                                                  selected="true" 
click="candlestickchart.dataProvider=companyAAC;"/>
+                       <s:RadioButton groupName="stocks" label="View Company B"
+                                                  
click="candlestickchart.dataProvider=companyBAC;"/>
+               </s:BorderContainer>
+               
+       </s:Panel>
+</s:Application>
+

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/SeriesZoomExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/charts/TDFGradientBackgroundSkin.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/charts/TDFGradientBackgroundSkin.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/charts/TDFGradientBackgroundSkin.mxml 
(added)
+++ 
flex/site/trunk/content/tourdeflex/spark/charts/TDFGradientBackgroundSkin.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin 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:Metadata>
+               [HostComponent("spark.components.Application")]
+       </fx:Metadata> 
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+       </s:states>
+       
+       <s:layout>
+               <s:BasicLayout />
+       </s:layout>
+       
+       <s:Rect id="bg" width="100%" height="100%">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:entries>
+                                       <s:GradientEntry color="0x000000" 
ratio="0.00" />
+                                       <s:GradientEntry color="0x323232" 
ratio="1.0" />
+                               </s:entries>
+                       </s:LinearGradient>    
+               </s:fill>
+       </s:Rect>
+       
+       <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

Propchange: 
flex/site/trunk/content/tourdeflex/spark/charts/TDFGradientBackgroundSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/components/SearchBox.as
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/SearchBox.as?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/SearchBox.as (added)
+++ flex/site/trunk/content/tourdeflex/spark/components/SearchBox.as Sat Aug 23 
08:47:51 2014
@@ -0,0 +1,176 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+       import flash.events.Event;
+       import flash.events.KeyboardEvent;
+       import flash.events.MouseEvent;
+       import flash.geom.Point;
+       import flash.ui.Keyboard;
+       
+       import mx.collections.ArrayCollection;
+       import mx.controls.Button;
+       import mx.controls.List;
+       import mx.controls.TextInput;
+       import mx.core.UIComponent;
+       import mx.events.FlexEvent;
+       import mx.events.FlexMouseEvent;
+       import mx.events.ListEvent;
+       import mx.managers.PopUpManager;
+       
+       [Event(name="textChange", type="flash.events.Event")]
+       [Event(name="itemSelected", type="SearchBoxEvent")]
+       
+       public class SearchBox extends UIComponent
+       {
+               [Embed("assets/icon_close.png")]
+               private var closeIcon:Class;
+               
+               private var textInput:TextInput;
+               private var closeButton:Button;
+               private var list:List;
+               
+               private var isListVisible:Boolean = false;
+               
+               public var text:String;
+               
+               public function set dataProvider(dp:ArrayCollection):void
+               {
+                       list.dataProvider = dp;
+                       if (dp != null && dp.length > 0)
+                       {
+                                if (!isListVisible) popup();
+                                list.selectedIndex = 0;
+                       }
+                       else
+                       {
+                                if (isListVisible) removePopup();
+                       }
+               }
+               
+               override protected function createChildren():void
+               {
+                       super.createChildren();
+
+            textInput = new TextInput();
+                       textInput.addEventListener(Event.CHANGE, 
textInput_changeHandler);
+                       textInput.addEventListener(KeyboardEvent.KEY_DOWN, 
textInput_keyDownHandler);
+            addChild(textInput);
+            
+            closeButton = new Button();
+            closeButton.setStyle("icon", closeIcon)
+            closeButton.setStyle("skin", null)
+            closeButton.addEventListener(MouseEvent.CLICK, closeHandler);
+                       closeButton.width = 20;
+            addChild(closeButton);
+                       
+                       list = new List();
+                       list.setStyle("dropShadowEnabled", true);
+                       list.addEventListener(ListEvent.ITEM_CLICK, selectItem);
+            systemManager.addEventListener(Event.RESIZE, removePopup, false, 
0, true);
+               }
+               
+               override protected function 
updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
+               {
+                       super.updateDisplayList(unscaledWidth, unscaledHeight);
+
+                       textInput.width = unscaledWidth - closeButton.width;
+                       textInput.height = unscaledHeight;
+                       
+                       closeButton.height = unscaledHeight;
+                       closeButton.move(unscaledWidth - closeButton.width, 0);
+               }
+               
+        override protected function measure():void 
+        {
+            super.measure();
+            this.measuredWidth = 160;
+            this.measuredHeight = textInput.measuredHeight;
+        }
+
+               private function 
textInput_keyDownHandler(event:KeyboardEvent):void
+               {
+                       switch (event.keyCode) 
+                       {
+                               case Keyboard.DOWN:
+                                       if (isListVisible)
+                                               list.selectedIndex++;
+                                       else
+                                               popup();                        
                
+                               break;
+                               case Keyboard.UP:
+                                       if (isListVisible && list.selectedIndex 
> 0)
+                                       {
+                                               list.selectedIndex--;
+                                       }
+                                       
textInput.setSelection(textInput.text.length, textInput.text.length);
+                               break;
+                               case Keyboard.ENTER:
+                                       if (isListVisible) selectItem();
+                               break;
+                               case Keyboard.ESCAPE:
+                                       if (isListVisible) removePopup();
+                               break;
+                       }
+               }
+
+           private function textInput_changeHandler(event:Event):void
+           {
+               text = textInput.text;
+               dispatchEvent(new Event("textChange")); 
+           }
+
+           private function list_mouseDownOutsideHandler(event:MouseEvent):void
+           {
+               removePopup();
+           }
+
+           private function selectItem(event:ListEvent = null):void
+           {
+               dispatchEvent(new SearchBoxEvent(SearchBoxEvent.ITEM_SELECTED, 
list.selectedItem));     
+               removePopup();
+           }
+
+               private function popup():void
+               {
+                       PopUpManager.addPopUp(list, this);
+               isListVisible = true;
+                       list.width = textInput.width;
+               var point:Point = new Point(0, unscaledHeight);
+           point = localToGlobal(point);
+           point = list.parent.globalToLocal(point);
+               list.move(point.x, point.y);
+            list.addEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, 
list_mouseDownOutsideHandler);
+               }
+
+               private function removePopup(event:Event=null):void
+               {
+                       PopUpManager.removePopUp(list);
+            list.removeEventListener(FlexMouseEvent.MOUSE_DOWN_OUTSIDE, 
list_mouseDownOutsideHandler);
+                       isListVisible = false;  
+               }
+               
+               private function closeHandler(event:MouseEvent):void
+               {
+                       textInput.text = "";
+                       textInput.setFocus();
+               }
+               
+       }
+}
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/components/SearchBox.as
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/components/SearchBoxEvent.as
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/SearchBoxEvent.as?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/SearchBoxEvent.as 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/components/SearchBoxEvent.as Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,35 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+       import flash.events.Event;
+
+       public class SearchBoxEvent extends Event
+       {
+               public static const ITEM_SELECTED:String = "itemSelected";
+       
+               public var item:Object;
+               
+               public function SearchBoxEvent(type:String, item:Object, 
bubbles:Boolean = true, cancelable:Boolean = false)
+               {
+                       this.item = item;
+                       super(type, bubbles, cancelable);
+               }
+       }
+}
\ No newline at end of file

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/SearchBoxEvent.as
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,91 @@
+<?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.
+
+-->
+<s:Application 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:local="*"
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <fx:Style>
+               @namespace s "library://ns.adobe.com/flex/spark";
+               @namespace mx "library://ns.adobe.com/flex/mx";
+               @namespace local "*";
+               
+               s|Label {
+                       color: #000000;
+               }
+               
+       </fx:Style>
+       
+       <fx:Script>
+               <![CDATA[
+                       
+                       import mx.collections.ArrayCollection;
+                       
+                       private var names:ArrayCollection = new 
ArrayCollection( 
+                               ["John Smith", "Jane Doe", "Paul Dupont", "Liz 
Jones", "Marie Taylor"]);
+                       
+                       private function searchName(item:Object):Boolean
+                       {
+                               return 
item.toLowerCase().search(searchBox.text) != -1;
+                       }
+                       
+                       private function textChangeHandler():void
+                       {
+                               names.filterFunction = searchName;
+                               names.refresh();
+                               searchBox.dataProvider = names;
+                       }
+                       
+                       private function 
itemSelectedHandler(event:SearchBoxEvent):void
+                       {
+                               fullName.text = event.item as String;   
+                       }
+                       
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="Components Samples"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                               
paddingLeft="10" paddingRight="10" 
+                                                               paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <s:HGroup >
+                       <s:Label text="Type a few characters to search:" />
+                       <local:SearchBox id="searchBox" 
textChange="textChangeHandler()" itemSelected="itemSelectedHandler(event)"/>
+               </s:HGroup>
+               
+               <mx:FormItem label="You selected:" >
+                       <s:TextInput id="fullName"/>
+               </mx:FormItem>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/SearchExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/components/SearchExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/SearchExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/SearchExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/components/TDFGradientBackgroundSkin.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/TDFGradientBackgroundSkin.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/components/TDFGradientBackgroundSkin.mxml
 (added)
+++ 
flex/site/trunk/content/tourdeflex/spark/components/TDFGradientBackgroundSkin.mxml
 Sat Aug 23 08:47:51 2014
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:SparkSkin 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:Metadata>
+               [HostComponent("spark.components.Application")]
+       </fx:Metadata> 
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+       </s:states>
+       
+       <s:layout>
+               <s:BasicLayout />
+       </s:layout>
+       
+       <s:Rect id="bg" width="100%" height="100%">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:entries>
+                                       <s:GradientEntry color="0x000000" 
ratio="0.00" />
+                                       <s:GradientEntry color="0x323232" 
ratio="1.0" />
+                               </s:entries>
+                       </s:LinearGradient>    
+               </s:fill>
+       </s:Rect>
+       
+       <s:Group id="contentGroup" left="0" right="0" top="0" bottom="0" />
+</s:SparkSkin>
\ No newline at end of file

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/TDFGradientBackgroundSkin.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/components/VideoPlayer.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayer.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/VideoPlayer.mxml (added)
+++ flex/site/trunk/content/tourdeflex/spark/components/VideoPlayer.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,96 @@
+<?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.
+
+-->
+<s:BorderContainer xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                                  xmlns:s="library://ns.adobe.com/flex/spark" 
+                                  xmlns:mx="library://ns.adobe.com/flex/mx" 
+                                  borderStyle="solid" 
+                                  backgroundColor="#333333"
+                                  initialize="init(event)">
+       
+       <fx:Metadata>
+               [Event(name="complete", type="mx.events.VideoEvent")]
+               [Event(name="mediaPlayerStateChange", 
type="org.osmf.events.MediaPlayerStateChangeEvent")]
+       </fx:Metadata>
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.events.ItemClickEvent;
+                       import mx.events.FlexEvent;
+                       import mx.events.VideoEvent;
+                       
+                       import org.osmf.events.MediaPlayerStateChangeEvent;
+                       import org.osmf.events.TimeEvent;
+                       import org.osmf.utils.OSMFSettings;
+                       
+                       [Bindable] public var videoWidth:int = 240;
+                       [Bindable] public var videoHeight:int = 180;
+                       [Bindable] public var source:String; 
+                       
+                       protected function init(event:FlexEvent):void {
+                               OSMFSettings.enableStageVideo = false;
+                       }       
+                       
+                       private function 
buttonBarClick(event:ItemClickEvent):void
+                       {
+                               switch (event.index)
+                               {
+                                       case 0:
+                                               videoDisplay.play();
+                                               break;
+                                       case 1:
+                                               videoDisplay.pause();
+                                               break;
+                                       case 2:
+                                               videoDisplay.stop();
+                                               break;
+                               }
+                       }
+                       
+                       private function 
playHeadUpdateHandler(event:TimeEvent):void
+                       {
+                               progressBar.setProgress(event.time, 
videoDisplay.duration);
+                       }
+                       
+               ]]>
+       </fx:Script>
+       
+       <s:layout>
+               <s:VerticalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:VideoDisplay id="videoDisplay" width="{videoWidth}" 
height="{videoHeight}" autoPlay="false"
+                                       
currentTimeChange="playHeadUpdateHandler(event)"
+                                       source="{source}"
+                                       complete="dispatchEvent(event)"
+                                       
mediaPlayerStateChange="dispatchEvent(event)"/>
+       
+       <mx:ProgressBar id="progressBar" mode="manual" minimum="0" 
maximum="{videoDisplay.duration}" 
+                                       label="" top="{videoHeight + 8}" 
left="4" right="4"/>
+       
+       <mx:ButtonBar id="bb" itemClick="buttonBarClick(event)" 
top="{videoHeight + 20}" bottom="4" 
+                                 horizontalCenter="0" toolTipField="toolTip">
+               <mx:dataProvider>
+                       <fx:Object 
icon="@Embed('assets/control_play_blue.png')" toolTip="Play"/>
+                       <fx:Object 
icon="@Embed('assets/control_pause_blue.png')" toolTip="Pause"/>
+                       <fx:Object 
icon="@Embed('assets/control_stop_blue.png')" toolTip="Stop"/>
+               </mx:dataProvider>
+       </mx:ButtonBar>
+       
+</s:BorderContainer>

Propchange: flex/site/trunk/content/tourdeflex/spark/components/VideoPlayer.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml 
Sat Aug 23 08:47:51 2014
@@ -0,0 +1,49 @@
+<?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.
+
+-->
+<s:Application 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:local="*"
+                          skinClass="TDFGradientBackgroundSkin">
+       
+       <s:layout>
+               <s:HorizontalLayout verticalAlign="middle" 
horizontalAlign="center" />
+       </s:layout>
+       
+       <s:Panel title="Components Samples"
+                        width="600" height="100%"
+                        color="0x000000" 
+                        borderAlpha="0.15">
+               
+               <s:layout>
+                       <s:HorizontalLayout horizontalAlign="center" 
+                                                         paddingLeft="10" 
paddingRight="10" 
+                                                         paddingTop="10" 
paddingBottom="10"/>
+               </s:layout>
+               
+               <local:VideoPlayer source="assets/FlexInstaller.mp4"
+                                                  complete="log.text += 
'complete\n'"
+                                                  
mediaPlayerStateChange="log.text += event.state.toString() + '\n'"/>
+               
+               <s:TextArea id="log" height="220"/>
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModule.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModule.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModule.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModule.mxml 
Sat Aug 23 08:47:51 2014
@@ -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.
+
+-->
+<mx:Module 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="*"
+                  layout="horizontal" 
+                  paddingTop="8"
+                  initialize="init(event)">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.events.FlexEvent;
+                       
+                       import org.osmf.utils.OSMFSettings;
+                       
+                       protected function init(event:FlexEvent):void {
+                               OSMFSettings.enableStageVideo = false;
+                       }       
+               ]]>
+       </fx:Script>    
+       
+       <VideoPlayer source="assets/FlexInstaller.mp4"
+                                complete="log.text += 'complete\n'"
+                                mediaPlayerStateChange="log.text += 
event.state + '\n'"/>
+       
+       <s:TextArea id="log" height="220"/>
+       
+</mx:Module>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModule.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml?rev=1619987&view=auto
==============================================================================
--- 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml
 (added)
+++ 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml
 Sat Aug 23 08:47:51 2014
@@ -0,0 +1,34 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009";  
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx"  
width="100%" height="100%">
+       
+       <fx:Script>
+               <![CDATA[
+                       import mx.controls.Alert;
+               ]]>
+       </fx:Script>
+
+       <mx:ModuleLoader url="VideoPlayerModule.swf" width="100%" height="100%" 
error="Alert.show(event.errorText)"/>
+       
+       <s:VideoDisplay/>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/VideoPlayerModuleLoader.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: 
flex/site/trunk/content/tourdeflex/spark/components/assets/FlexInstaller.mp4
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/assets/FlexInstaller.mp4?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/assets/FlexInstaller.mp4
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: 
flex/site/trunk/content/tourdeflex/spark/components/assets/control_pause_blue.png
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/assets/control_pause_blue.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/assets/control_pause_blue.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: 
flex/site/trunk/content/tourdeflex/spark/components/assets/control_play_blue.png
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/assets/control_play_blue.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/assets/control_play_blue.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: 
flex/site/trunk/content/tourdeflex/spark/components/assets/control_stop_blue.png
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/assets/control_stop_blue.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/assets/control_stop_blue.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: flex/site/trunk/content/tourdeflex/spark/components/assets/icon_close.png
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/components/assets/icon_close.png?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/components/assets/icon_close.png
------------------------------------------------------------------------------
    svn:mime-type = image/png

Added: flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,71 @@
+<?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.
+
+-->
+<!-- 
http://blog.flexexamples.com/2009/09/04/setting-the-corner-radius-on-a-spark-border-container-in-flex-4/
 -->
+<s:Application name="Spark_Border_cornerRadius_test"
+                          xmlns:fx="http://ns.adobe.com/mxml/2009";
+                          xmlns:mx="library://ns.adobe.com/flex/mx"
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
viewSourceURL="srcview/index.html">
+       
+       <s:Panel width="100%" height="100%" title="BorderContainer Sample" 
+                        skinClass="skins.TDFPanelSkin">
+               
+               <s:VGroup id="mainGroup" width="100%" 
+                                 horizontalCenter="50" top="10">
+                       <s:HGroup gap="50" paddingBottom="15">
+                               <s:VGroup>
+                                       <s:HGroup verticalAlign="middle">
+                                               <s:Label text="Corner Radius:"/>
+                                               <s:HSlider id="slider"
+                                                                  minimum="0"
+                                                                  maximum="100"
+                                                                  value="2" />
+                                       </s:HGroup>
+                                       <s:HGroup verticalAlign="middle">
+                                               <s:Label text="Border Weight:"/>
+                                               <s:NumericStepper id="weight" 
value="3"/>
+                                       </s:HGroup>
+                                       <s:HGroup verticalAlign="middle">
+                                               <s:Label text="Border Color:"/>
+                                               <mx:ColorPicker id="color" 
color="0x000000"/>
+                                       </s:HGroup>
+                                       <s:HGroup verticalAlign="middle">
+                                               <s:Label text="Drop Shadow:"/>
+                                               <s:CheckBox id="chkShadow" 
selected="true"/>
+                                       </s:HGroup>     
+                               </s:VGroup>
+                               
+                               <s:BorderContainer id="brdr" width="200"
+                                                 cornerRadius="{slider.value}" 
borderWeight="{weight.value}" 
+                                                 
borderColor="{color.selectedColor}" dropShadowVisible="{chkShadow.selected}"
+                                                 backgroundColor="0x3399ff">
+                               </s:BorderContainer>    
+                       </s:HGroup>
+                       
+                       <s:Label bottom="10" horizontalCenter="0" width="95%" 
verticalAlign="justify" color="#323232" 
+                                        text="The Border class provides a 
container class that can be styled with a border and
+a background fill or image. It has many of the same styles as HaloBorder and 
is used in a similar way to the
+Halo container classes such as Box and Canvas. Examples of styles that are 
supported are borderWeight, borderColor, 
+backgroundColor, backgroundImage, cornerRadius and dropShadowVisible."/>
+               </s:VGroup>
+               
+       </s:Panel>
+       
+       
+</s:Application>
\ No newline at end of file

Propchange: 
flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: 
flex/site/trunk/content/tourdeflex/spark/containers/BorderExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/containers/Contact.as
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/Contact.as?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/Contact.as (added)
+++ flex/site/trunk/content/tourdeflex/spark/containers/Contact.as Sat Aug 23 
08:47:51 2014
@@ -0,0 +1,34 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+       [Bindable]
+       public class Contact
+       {
+               public var name:String;
+               public var address:String;
+               public var city:String;
+               public var state:String;
+               public var zip:String;
+               
+               public function Contact()
+               {
+               }
+       }
+}
\ No newline at end of file

Propchange: flex/site/trunk/content/tourdeflex/spark/containers/Contact.as
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,75 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/halo" 
viewSourceURL="srcview/index.html">
+       
+       <s:layout>
+               <s:BasicLayout id="bl"/>
+       </s:layout>
+       
+       <!-- Note: Panel has a BasicLayout by default. The BasicLayout means 
that components will be
+       arranged according to their individual constraint settings, independent 
of each-other -->
+       <s:Panel id="mainPanel" width="100%" height="100%" top="0" left="5"
+                        title="Panel Sample" 
+                        skinClass="skins.TDFPanelSkin">
+               
+       <!-- Note: main panel is BasicLayout by default. So each inner panel 
will be layed out
+                     according to it's constraints specified individually.     
                   -->
+                       <s:Panel title="Basic Layout Panel"  top="0" left="5">
+                               <!-- Default layout is basic, therefore 
constraints are used for placement -->
+                               <s:Label text="Apples" top="0"/>
+                               <s:Label text="Oranges" top="13"/>
+                               <s:Label text="Bananas" top="26"/>              
+                       </s:Panel>
+                       
+                       <s:Panel id="horizontalPanel" title="Horizontal Layout 
Panel" 
+                                         top="0" left="250">
+                               <s:layout>
+                                       <s:HorizontalLayout/>
+                               </s:layout>
+                               <!-- Note: constraints to top left on items 
here, but will not matter because we
+                                    specified a HorizontalLayout -->
+                               <s:Label text="Apples" top="0"/>
+                               <s:Label text="Oranges" top="13"/>
+                               <s:Label text="Bananas" top="26"/>      
+                       </s:Panel>
+                       <s:Panel id="vericalPanel" title="Vertical Layout 
Panel" 
+                                         top="0" right="5">
+                               <s:layout>
+                                       <s:VerticalLayout/>
+                               </s:layout>
+                               <!-- Note: constraints to top left on items 
here, but will not matter because we
+                               specified a VerticalLayout -->
+                               <s:Label text="Apples" top="0"/>
+                               <s:Label text="Oranges" top="13"/>
+                               <s:Label text="Bananas" top="26"/>      
+                       </s:Panel>
+                       <s:Label color="0x323232" verticalAlign="justify" 
+                                                 left="3" bottom="30" 
width="100%" 
+                               text="The Panel class defines a container that 
includes a title bar, a caption, a border, and a content area for its children.
+The Panel has a basic layout by default, which means it lays out elements 
within the panel by 
+their individual constraints. You can specify a different layout to use within 
the panel such 
+as shown in the inner panels (basic, horizontal and vertical layout panels. In 
that case the 
+individual constraints on the Text items are ignored, as shown here."/>
+                       
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/containers/GroupExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream

Added: flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml?rev=1619987&view=auto
==============================================================================
--- flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml 
(added)
+++ flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml Sat 
Aug 23 08:47:51 2014
@@ -0,0 +1,79 @@
+<?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.
+
+-->
+<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"; 
+                          xmlns:s="library://ns.adobe.com/flex/spark" 
+                          xmlns:mx="library://ns.adobe.com/flex/mx" 
viewSourceURL="srcview/index.html">
+       
+       <!-- Note: Panel has a BasicLayout by default. The BasicLayout means 
that components will be
+       arranged according to their individual constraint settings, independent 
of each-other -->
+       <s:Panel id="mainPanel" width="100%" height="100%"
+                        title="Panel Sample" 
+                        skinClass="skins.TDFPanelSkin">
+               
+               
+                       <s:HGroup horizontalCenter="0">
+                               
+                               <!-- Note: main panel is BasicLayout by 
default, so each inner panel will be layed out
+                               according to it's constraints specified 
individually. -->
+                               <s:Panel title="Basic Layout Panel" top="0" 
left="5">
+                                       <!-- Default layout is basic, therefore 
constraints are used for placement -->
+                                       <mx:Text text="Apples" top="0"/>
+                                       <mx:Text text="Oranges" top="15"/>
+                                       <mx:Text text="Bananas" top="30"/>      
        
+                               </s:Panel>
+                               
+                               <s:Panel title="Horizontal Layout Panel" 
+                                                top="0" left="250">
+                                       <s:layout>
+                                               <s:HorizontalLayout/>
+                                       </s:layout>
+                                       <!-- Note: constraints to top left on 
items here, but will not matter because we
+                                       specified a HorizontalLayout -->
+                                       <mx:Text text="Apples" top="0"/>
+                                       <mx:Text text="Oranges" top="15"/>
+                                       <mx:Text text="Bananas" top="30"/>      
+                               </s:Panel>
+                               
+                               <s:Panel title="Vertical Layout Panel" 
+                                                top="0" right="5">
+                                       <s:layout>
+                                               <s:VerticalLayout/>
+                                       </s:layout>
+                                       
+                                       <!-- Note: constraints to top left on 
items here, but will not matter because we
+                                       specified a VeritcalLayout -->
+                                       <mx:Text text="Apples" top="0"/>
+                                       <mx:Text text="Oranges" top="15"/>
+                                       <mx:Text text="Bananas" top="30"/>      
+                               </s:Panel>
+                       </s:HGroup>     
+               <s:Group bottom="5" width="100%">
+                       
+               <s:Label color="0x323232" verticalAlign="justify" 
+                                left="5" bottom="15" width="95%" 
+                                text="The Panel class defines a container that 
includes a title bar, a caption, a border, and a content area for its children.
+The Panel has a basic layout by default, which means it lays out elements 
within the panel by their individual constraints. You can specify a different 
layout to use within the panel such 
+as shown in the inner panels (basic, horizontal and vertical layout) panels. 
In that case the individual constraints on the Text items are ignored, as shown 
here."/>
+               </s:Group>              
+               
+               
+       </s:Panel>
+       
+</s:Application>

Propchange: 
flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.mxml
------------------------------------------------------------------------------
    svn:eol-style = native

Added: flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.swf
URL: 
http://svn.apache.org/viewvc/flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.swf?rev=1619987&view=auto
==============================================================================
Binary file - no diff available.

Propchange: flex/site/trunk/content/tourdeflex/spark/containers/PanelExample.swf
------------------------------------------------------------------------------
    svn:mime-type = application/octet-stream


Reply via email to