http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..6b501d4
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/TDFPanelSkin.mxml.html
@@ -0,0 +1,148 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd";>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 
14.0px}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 
15.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2"><br></p>
+<p class="p3">&lt;!--</p>
+<p class="p4"><br></p>
+<p class="p3">Licensed to the Apache Software Foundation (ASF) under one or 
more</p>
+<p class="p3">contributor license agreements.<span 
class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p3">this work for additional information regarding copyright 
ownership.</p>
+<p class="p3">The ASF licenses this file to You under the Apache License, 
Version 2.0</p>
+<p class="p3">(the "License"); you may not use this file except in compliance 
with</p>
+<p class="p3">the License.<span class="Apple-converted-space">  </span>You 
may obtain a copy of the License at</p>
+<p class="p4"><br></p>
+<p class="p3">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p4"><br></p>
+<p class="p3">Unless required by applicable law or agreed to in writing, 
software</p>
+<p class="p3">distributed under the License is distributed on an "AS IS" 
BASIS,</p>
+<p class="p3">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 
implied.</p>
+<p class="p3">See the License for the specific language governing permissions 
and</p>
+<p class="p3">limitations under the License.</p>
+<p class="p4"><br></p>
+<p class="p3">--&gt;</p>
+<p class="p2"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark"<span 
class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:states&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop 
shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect 
left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" 
angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 
1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect 
left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 
2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect 
left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 
3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group 
left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:layout&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- Note: We have custom skinned the title bar to be solid black for 
Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
     </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
     </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                   
  </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                   
  </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Label&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:Group&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" 
minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:Group&gt;</p>
+<p class="p2"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 
</span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p2"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" 
minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" 
paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html
new file mode 100644
index 0000000..b3b362f
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/sample.mxml.html
@@ -0,0 +1,73 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" 
encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span 
class="MXMLDefault_Text"> xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" 
+                       creationComplete="</span><span 
class="ActionScriptDefault_Text">init</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span 
class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
width="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">Event</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">controls</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">skins</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">init</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"handle exit"</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span 
class="ActionScriptDefault_Text">NativeApplication</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">nativeApplication</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">Event</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">EXITING</span><span 
class="ActionScriptOperator">,</span><span 
class="ActionScriptDefault_Text">handleExiting</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">handleExiting</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">e</span>:<span 
class="ActionScriptDefault_Text">Event</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Here you can save data if 
needed
+</span>                <span 
class="ActionScriptDefault_Text">Alert</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">show</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"Exit!"</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"Handle Exit!!: "</span> <span 
class="ActionScriptOperator">+</span> <span 
class="ActionScriptDefault_Text">e</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">f</span>:<span 
class="ActionScriptDefault_Text">File</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">desktopDirectory</span>;
+                <span class="ActionScriptDefault_Text">f</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">f</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">resolvePath</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"air-exit-test.txt"</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">stream</span>:<span 
class="ActionScriptDefault_Text">FileStream</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">new</span> <span 
class="ActionScriptDefault_Text">FileStream</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">open</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">f</span><span 
class="ActionScriptOperator">,</span><span 
class="ActionScriptDefault_Text">FileMode</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">WRITE</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">writeUTFBytes</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">ta</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">text</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">close</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" skinClass="</span><span 
class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" 
title="</span><span class="MXMLString">Exit Event on Shutdown</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">95%</span><span class="MXMLDefault_Text">" 
left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" 
top="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter text to 
save upon shutdown:</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span 
class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">95%</span><span class="MXMLDefault_Text">" 
verticalAlign="</span><span class="MXMLString">justify</span><span 
class="MXMLDefault_Text">" color="</span><span 
class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
horizontalCenter="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" bottom="</span><span 
class="MXMLString">20</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Exiting event 
can now be handled upon the user shutting down the OS giving you a chance to 
handle any unsaved data in your application 
+upon shutdown. If you run this code in an AIR application and shutdown your 
OS, it will still save the data that you have
+entered in Text Area to air-exit-test.txt in your Desktop 
directory.</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span 
class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml
new file mode 100755
index 0000000..f9eed35
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample-app.xml
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0";>
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+       Specifies parameters for identifying, installing, and launching AIR 
applications.
+
+       xmlns - The Adobe AIR namespace: 
http://ns.adobe.com/air/application/2.0beta2
+                       The last segment of the namespace specifies the version 
+                       of the AIR runtime required for this application to run.
+                       
+       minimumPatchLevel - The minimum patch level of the AIR runtime required 
to run 
+                       the application. Optional.
+-->
+
+       <!-- The application identifier string, unique to this application. 
Required. -->
+       <id>main</id>
+
+       <!-- Used as the filename for the application. Required. -->
+       <filename>main</filename>
+
+       <!-- The name that is displayed in the AIR application installer. 
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <name>main</name>
+
+       <!-- An application version designator (such as "v1", "2.5", or "Alpha 
1"). Required. -->
+       <version>v1</version>
+
+       <!-- Description, displayed in the AIR application installer.
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <!-- <description></description> -->
+
+       <!-- Copyright information. Optional -->
+       <!-- <copyright></copyright> -->
+
+       <!-- Publisher ID. Used if you're updating an application created prior 
to 1.5.3 -->
+       <!-- <publisherID></publisherID> -->
+
+       <!-- Settings for the application's initial window. Required. -->
+       <initialWindow>
+               <!-- The main SWF or HTML file of the application. Required. -->
+               <!-- Note: In Flash Builder, the SWF reference is set 
automatically. -->
+               <content>[This value will be overwritten by Flash Builder in 
the output app.xml]</content>
+               
+               <!-- The title of the main window. Optional. -->
+               <!-- <title></title> -->
+
+               <!-- The type of system chrome to use (either "standard" or 
"none"). Optional. Default standard. -->
+               <!-- <systemChrome></systemChrome> -->
+
+               <!-- Whether the window is transparent. Only applicable when 
systemChrome is none. Optional. Default false. -->
+               <!-- <transparent></transparent> -->
+
+               <!-- Whether the window is initially visible. Optional. Default 
false. -->
+               <!-- <visible></visible> -->
+
+               <!-- Whether the user can minimize the window. Optional. 
Default true. -->
+               <!-- <minimizable></minimizable> -->
+
+               <!-- Whether the user can maximize the window. Optional. 
Default true. -->
+               <!-- <maximizable></maximizable> -->
+
+               <!-- Whether the user can resize the window. Optional. Default 
true. -->
+               <!-- <resizable></resizable> -->
+
+               <!-- The window's initial width in pixels. Optional. -->
+               <!-- <width></width> -->
+
+               <!-- The window's initial height in pixels. Optional. -->
+               <!-- <height></height> -->
+
+               <!-- The window's initial x position. Optional. -->
+               <!-- <x></x> -->
+
+               <!-- The window's initial y position. Optional. -->
+               <!-- <y></y> -->
+
+               <!-- The window's minimum size, specified as a width/height 
pair in pixels, such as "400 200". Optional. -->
+               <!-- <minSize></minSize> -->
+
+               <!-- The window's initial maximum size, specified as a 
width/height pair in pixels, such as "1600 1200". Optional. -->
+               <!-- <maxSize></maxSize> -->
+       </initialWindow>
+
+       <!-- The subpath of the standard default installation location to use. 
Optional. -->
+       <!-- <installFolder></installFolder> -->
+
+       <!-- The subpath of the Programs menu to use. (Ignored on operating 
systems without a Programs menu.) Optional. -->
+       <!-- <programMenuFolder></programMenuFolder> -->
+
+       <!-- The icon the system uses for the application. For at least one 
resolution,
+                specify the path to a PNG file included in the AIR package. 
Optional. -->
+       <!-- <icon>
+               <image16x16></image16x16>
+               <image32x32></image32x32>
+               <image48x48></image48x48>
+               <image128x128></image128x128>
+       </icon> -->
+
+       <!-- Whether the application handles the update when a user 
double-clicks an update version
+       of the AIR file (true), or the default AIR application installer 
handles the update (false).
+       Optional. Default false. -->
+       <!-- <customUpdateUI></customUpdateUI> -->
+       
+       <!-- Whether the application can be launched when the user clicks a 
link in a web browser.
+       Optional. Default false. -->
+       <!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+       <!-- Listing of file types for which the application can register. 
Optional. -->
+       <!-- <fileTypes> -->
+
+               <!-- Defines one file type. Optional. -->
+               <!-- <fileType> -->
+
+                       <!-- The name that the system displays for the 
registered file type. Required. -->
+                       <!-- <name></name> -->
+
+                       <!-- The extension to register. Required. -->
+                       <!-- <extension></extension> -->
+                       
+                       <!-- The description of the file type. Optional. -->
+                       <!-- <description></description> -->
+                       
+                       <!-- The MIME content type. -->
+                       <!-- <contentType></contentType> -->
+                       
+                       <!-- The icon to display for the file type. Optional. 
-->
+                       <!-- <icon>
+                               <image16x16></image16x16>
+                               <image32x32></image32x32>
+                               <image48x48></image48x48>
+                               <image128x128></image128x128>
+                       </icon> -->
+                       
+               <!-- </fileType> -->
+       <!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml
new file mode 100644
index 0000000..cd755cc
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/sample.mxml
@@ -0,0 +1,65 @@
+<?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" 
+                                          creationComplete="init()" 
+                                          styleName="plain" width="100%" 
height="100%">
+
+       <fx:Script>
+               <![CDATA[
+                       import flash.events.Event;
+                       
+                       import mx.controls.Alert;
+                       
+                       import skins.TDFPanelSkin;
+                       
+                       protected function init():void
+                       {
+                               trace("handle exit");
+                               
NativeApplication.nativeApplication.addEventListener(Event.EXITING,handleExiting);
+                       }
+                       
+                       protected function handleExiting(e:Event):void
+                       {
+                               // Here you can save data if needed
+                               Alert.show("Exit!");
+                               trace("Handle Exit!!: " + e);
+                               var f:File = File.desktopDirectory;
+                               f = f.resolvePath("air-exit-test.txt");
+                               var stream:FileStream = new FileStream();
+                               stream.open(f,FileMode.WRITE);
+                               stream.writeUTFBytes(ta.text);
+                               stream.close();
+                       }
+               ]]>
+       </fx:Script>
+       
+       <s:Panel width="100%" height="100%" skinClass="skins.TDFPanelSkin" 
title="Exit Event on Shutdown">
+               <s:HGroup width="95%" left="10" top="10">
+                       <s:Label text="Enter text to save upon shutdown:"/>
+                       <s:TextArea id="ta" height="200"/>
+                       <s:Label width="95%" verticalAlign="justify" 
color="#323232" horizontalCenter="0" bottom="20" 
+                                        text="The Exiting event can now be 
handled upon the user shutting down the OS giving you a chance to handle any 
unsaved data in your application 
+upon shutdown. If you run this code in an AIR application and shutdown your 
OS, it will still save the data that you have
+entered in Text Area to air-exit-test.txt in your Desktop directory."/>
+               </s:HGroup>
+       </s:Panel>
+</mx:Module>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml
new file mode 100644
index 0000000..ff46524
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/Sample-AIR2-EventOnShutdown/src/skins/TDFPanelSkin.mxml
@@ -0,0 +1,130 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+  Licensed to the Apache Software Foundation (ASF) under one or more
+  contributor license agreements.  See the NOTICE file distributed with
+  this work for additional information regarding copyright ownership.
+  The ASF licenses this file to You under the Apache License, Version 2.0
+  (the "License"); you may not use this file except in compliance with
+  the License.  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+
+-->
+
+
+<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark" 
+               alpha.disabled="0.5" minWidth="131" minHeight="127">
+       
+       <fx:Metadata>
+               [HostComponent("spark.components.Panel")]
+       </fx:Metadata> 
+       
+       <s:states>
+               <s:State name="normal" />
+               <s:State name="disabled" />
+               <s:State name="normalWithControlBar" />
+               <s:State name="disabledWithControlBar" />
+       </s:states>
+       
+       <!-- drop shadow -->
+       <s:Rect left="0" top="0" right="0" bottom="0">
+               <s:filters>
+                       <s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" 
distance="11" angle="90" knockout="true" />
+               </s:filters>
+               <s:fill>
+                       <s:SolidColor color="0" />
+               </s:fill>
+       </s:Rect>
+       
+       <!-- layer 1: border -->
+       <s:Rect left="0" right="0" top="0" bottom="0">
+               <s:stroke>
+                       <s:SolidColorStroke color="0" alpha="0.50" weight="1" />
+               </s:stroke>
+       </s:Rect>
+       
+       <!-- layer 2: background fill -->
+       <s:Rect left="0" right="0" bottom="0" height="15">
+               <s:fill>
+                       <s:LinearGradient rotation="90">
+                               <s:GradientEntry color="0xE2E2E2" />
+                               <s:GradientEntry color="0x000000" />
+                       </s:LinearGradient>
+               </s:fill>
+       </s:Rect>
+       
+       <!-- layer 3: contents -->
+       <s:Group left="1" right="1" top="1" bottom="1" >
+               <s:layout>
+                       <s:VerticalLayout gap="0" horizontalAlign="justify" />
+               </s:layout>
+               
+               <s:Group id="topGroup" >
+                       <!-- layer 0: title bar fill -->
+                       <!-- Note: We have custom skinned the title bar to be 
solid black for Tour de Flex -->
+                       <s:Rect id="tbFill" left="0" right="0" top="0" 
bottom="1" >
+                               <s:fill>
+                                       <s:SolidColor color="0x000000" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 1: title bar highlight -->
+                       <s:Rect id="tbHilite" left="0" right="0" top="0" 
bottom="0" >
+                               <s:stroke>
+                                       <s:LinearGradientStroke rotation="90" 
weight="1">
+                                               <s:GradientEntry 
color="0xEAEAEA" />
+                                               <s:GradientEntry 
color="0xD9D9D9" />
+                                       </s:LinearGradientStroke>
+                               </s:stroke>
+                       </s:Rect>
+                       
+                       <!-- layer 2: title bar divider -->
+                       <s:Rect id="tbDiv" left="0" right="0" height="1" 
bottom="0">
+                               <s:fill>
+                                       <s:SolidColor color="0xC0C0C0" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 3: text -->
+                       <s:Label id="titleDisplay" maxDisplayedLines="1"
+                                        left="9" right="3" top="1" 
minHeight="30"
+                                        verticalAlign="middle" 
fontWeight="bold" color="#E2E2E2">
+                       </s:Label>
+                       
+               </s:Group>
+               
+               <s:Group id="contentGroup" width="100%" height="100%" 
minWidth="0" minHeight="0">
+               </s:Group>
+               
+               <s:Group id="bottomGroup" minWidth="0" minHeight="0"
+                                includeIn="normalWithControlBar, 
disabledWithControlBar" >
+                       <!-- layer 0: control bar background -->
+                       <s:Rect left="0" right="0" bottom="0" top="1" >
+                               <s:fill>
+                                       <s:SolidColor color="0xE2EdF7" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 1: control bar divider line -->
+                       <s:Rect left="0" right="0" top="0" height="1" >
+                               <s:fill>
+                                       <s:SolidColor color="0xD1E0F2" />
+                               </s:fill>
+                       </s:Rect>
+                       
+                       <!-- layer 2: control bar -->
+                       <s:Group id="controlBarGroup" left="0" right="0" 
top="1" bottom="1" minWidth="0" minHeight="0">
+                               <s:layout>
+                                       <s:HorizontalLayout paddingLeft="10" 
paddingRight="10" paddingTop="7" paddingBottom="7" gap="10" />
+                               </s:layout>
+                       </s:Group>
+               </s:Group>
+       </s:Group>
+</s:Skin>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml
new file mode 100644
index 0000000..cef714a
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceIndex.xml
@@ -0,0 +1,37 @@
+<?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.
+
+-->
+<index>
+       <title>Source of Sample-AIR2-EventOnShutdown</title>
+       <nodes>
+               <node label="libs">
+               </node>
+               <node label="src">
+                       <node icon="packageIcon" label="skins" expanded="true">
+                               <node icon="mxmlIcon" label="TDFPanelSkin.mxml" 
url="source/skins/TDFPanelSkin.mxml.html"/>
+                       </node>
+                       <node label="sample-app.xml" 
url="source/sample-app.xml.txt"/>
+                       <node icon="mxmlAppIcon" selected="true" 
label="sample.mxml" url="source/sample.mxml.html"/>
+               </node>
+       </nodes>
+       <zipfile label="Download source (ZIP, 7K)" 
url="Sample-AIR2-EventOnShutdown.zip">
+       </zipfile>
+       <sdklink label="Download Flex SDK" 
url="http://www.adobe.com/go/flex4_sdk_download";>
+       </sdklink>
+</index>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css
new file mode 100644
index 0000000..9d5210f
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceStyles.css
@@ -0,0 +1,155 @@
+/*
+ * 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.
+ */
+body {
+       font-family: Courier New, Courier, monospace;
+       font-size: medium;
+}
+
+.ActionScriptASDoc {
+       color: #3f5fbf;
+}
+
+.ActionScriptBracket/Brace {
+}
+
+.ActionScriptComment {
+       color: #009900;
+       font-style: italic;
+}
+
+.ActionScriptDefault_Text {
+}
+
+.ActionScriptMetadata {
+       color: #0033ff;
+       font-weight: bold;
+}
+
+.ActionScriptOperator {
+}
+
+.ActionScriptReserved {
+       color: #0033ff;
+       font-weight: bold;
+}
+
+.ActionScriptString {
+       color: #990000;
+       font-weight: bold;
+}
+
+.ActionScriptclass {
+       color: #9900cc;
+       font-weight: bold;
+}
+
+.ActionScriptfunction {
+       color: #339966;
+       font-weight: bold;
+}
+
+.ActionScriptinterface {
+       color: #9900cc;
+       font-weight: bold;
+}
+
+.ActionScriptpackage {
+       color: #9900cc;
+       font-weight: bold;
+}
+
+.ActionScripttrace {
+       color: #cc6666;
+       font-weight: bold;
+}
+
+.ActionScriptvar {
+       color: #6699cc;
+       font-weight: bold;
+}
+
+.MXMLASDoc {
+       color: #3f5fbf;
+}
+
+.MXMLComment {
+       color: #800000;
+}
+
+.MXMLComponent_Tag {
+       color: #0000ff;
+}
+
+.MXMLDefault_Text {
+}
+
+.MXMLProcessing_Instruction {
+}
+
+.MXMLSpecial_Tag {
+       color: #006633;
+}
+
+.MXMLString {
+       color: #990000;
+}
+
+.CSS@font-face {
+       color: #990000;
+       font-weight: bold;
+}
+
+.CSS@import {
+       color: #006666;
+       font-weight: bold;
+}
+
+.CSS@media {
+       color: #663333;
+       font-weight: bold;
+}
+
+.CSS@namespace {
+       color: #923196;
+}
+
+.CSSComment {
+       color: #999999;
+}
+
+.CSSDefault_Text {
+}
+
+.CSSDelimiters {
+}
+
+.CSSProperty_Name {
+       color: #330099;
+}
+
+.CSSProperty_Value {
+       color: #3333cc;
+}
+
+.CSSSelector {
+       color: #ff00ff;
+}
+
+.CSSString {
+       color: #990000;
+}
+

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html
new file mode 100644
index 0000000..80281a9
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/SourceTree.html
@@ -0,0 +1,129 @@
+<!--
+  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.
+-->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<!-- saved from url=(0014)about:internet -->
+<html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en">    
+    <!-- 
+    Smart developers always View Source. 
+    
+    This application was built using Adobe Flex, an open source framework
+    for building rich Internet applications that get delivered via the
+    Flash Player or to desktops via Adobe AIR. 
+    
+    Learn more about Flex at http://flex.org 
+    // -->
+    <head>
+        <title></title>         
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+               <!-- Include CSS to eliminate any default margins/padding and 
set the height of the html element and 
+                    the body element to 100%, because Firefox, or any Gecko 
based browser, interprets percentage as 
+                        the percentage of the height of its parent container, 
which has to be set explicitly.  Initially, 
+                        don't display flashContent div so it won't show if 
JavaScript disabled.
+               -->
+        <style type="text/css" media="screen"> 
+                       html, body      { height:100%; }
+                       body { margin:0; padding:0; overflow:auto; 
text-align:center; 
+                              background-color: #ffffff; }   
+                       #flashContent { display:none; }
+        </style>
+               
+               <!-- Enable Browser History by replacing useBrowserHistory 
tokens with two hyphens -->
+        <!-- BEGIN Browser History required section >
+        <link rel="stylesheet" type="text/css" href="history/history.css" />
+        <script type="text/javascript" src="history/history.js"></script>
+        <! END Browser History required section -->  
+                   
+        <script type="text/javascript" src="swfobject.js"></script>
+        <script type="text/javascript">
+               function loadIntoMain(url) {
+                               parent.mainFrame.location.href = url;
+                       }
+                       
+                       function openUrlWindow(url) {
+                               window.top.location = url;
+                       }
+                       
+            <!-- For version detection, set to min. required Flash Player 
version, or 0 (or 0.0.0), for no version detection. --> 
+            var swfVersionStr = "10.0.0";
+            <!-- To use express install, set to playerProductInstall.swf, 
otherwise the empty string. -->
+            var xiSwfUrlStr = "playerProductInstall.swf";
+            var flashvars = {};
+            var params = {};
+            params.quality = "high";
+            params.bgcolor = "#ffffff";
+            params.allowscriptaccess = "sameDomain";
+            params.allowfullscreen = "true";
+            var attributes = {};
+            attributes.id = "SourceTree";
+            attributes.name = "SourceTree";
+            attributes.align = "middle";
+            swfobject.embedSWF(
+                "SourceTree.swf", "flashContent", 
+                "100%", "100%", 
+                swfVersionStr, xiSwfUrlStr, 
+                flashvars, params, attributes);
+                       <!-- JavaScript enabled so display the flashContent div 
in case it is not replaced with a swf object. -->
+                       swfobject.createCSS("#flashContent", 
"display:block;text-align:left;");
+        </script>
+    </head>
+    <body>
+        <!-- SWFObject's dynamic embed method replaces this alternative HTML 
content with Flash content when enough 
+                        JavaScript and Flash plug-in support is available. The 
div is initially hidden so that it doesn't show
+                        when JavaScript is disabled.
+               -->
+        <div id="flashContent">
+               <p>
+                       To view this page ensure that Adobe Flash Player 
version 
+                               10.0.0 or greater is installed. 
+                       </p>
+                       <script type="text/javascript"> 
+                               var pageHost = ((document.location.protocol == 
"https:") ? "https://"; : "http://";); 
+                               document.write("<a 
href='http://www.adobe.com/go/getflashplayer'><img src='" 
+                                                               + pageHost + 
"www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get 
Adobe Flash player' /></a>" ); 
+                       </script> 
+        </div>
+               
+               <noscript>
+            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
width="100%" height="100%" id="SourceTree">
+                <param name="movie" value="SourceTree.swf" />
+                <param name="quality" value="high" />
+                <param name="bgcolor" value="#ffffff" />
+                <param name="allowScriptAccess" value="sameDomain" />
+                <param name="allowFullScreen" value="true" />
+                <!--[if !IE]>-->
+                <object type="application/x-shockwave-flash" 
data="SourceTree.swf" width="100%" height="100%">
+                    <param name="quality" value="high" />
+                    <param name="bgcolor" value="#ffffff" />
+                    <param name="allowScriptAccess" value="sameDomain" />
+                    <param name="allowFullScreen" value="true" />
+                <!--<![endif]-->
+                <!--[if gte IE 6]>-->
+                       <p> 
+                               Either scripts and active content are not 
permitted to run or Adobe Flash Player version
+                               10.0.0 or greater is not installed.
+                       </p>
+                <!--<![endif]-->
+                    <a href="http://www.adobe.com/go/getflashplayer";>
+                        <img 
src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"; 
alt="Get Adobe Flash Player" />
+                    </a>
+                <!--[if !IE]>-->
+                </object>
+                <!--<![endif]-->
+            </object>
+           </noscript>         
+   </body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html
new file mode 100644
index 0000000..4b2674d
--- /dev/null
+++ b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/index.html
@@ -0,0 +1,32 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" 
"http://www.w3.org/TR/html4/frameset.dtd";>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Source of Sample-AIR2-EventOnShutdown</title>
+</head>
+<frameset cols="235,*" border="2" framespacing="1">
+    <frame src="SourceTree.html" name="leftFrame" scrolling="NO">
+    <frame src="source/sample.mxml.html" name="mainFrame">
+</frameset>
+<noframes>
+       <body>          
+       </body>
+</noframes>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt
new file mode 100644
index 0000000..f9eed35
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample-app.xml.txt
@@ -0,0 +1,156 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<!--
+
+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.
+
+-->
+<application xmlns="http://ns.adobe.com/air/application/2.0";>
+
+<!-- Adobe AIR Application Descriptor File Template.
+
+       Specifies parameters for identifying, installing, and launching AIR 
applications.
+
+       xmlns - The Adobe AIR namespace: 
http://ns.adobe.com/air/application/2.0beta2
+                       The last segment of the namespace specifies the version 
+                       of the AIR runtime required for this application to run.
+                       
+       minimumPatchLevel - The minimum patch level of the AIR runtime required 
to run 
+                       the application. Optional.
+-->
+
+       <!-- The application identifier string, unique to this application. 
Required. -->
+       <id>main</id>
+
+       <!-- Used as the filename for the application. Required. -->
+       <filename>main</filename>
+
+       <!-- The name that is displayed in the AIR application installer. 
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <name>main</name>
+
+       <!-- An application version designator (such as "v1", "2.5", or "Alpha 
1"). Required. -->
+       <version>v1</version>
+
+       <!-- Description, displayed in the AIR application installer.
+            May have multiple values for each language. See samples or xsd 
schema file. Optional. -->
+       <!-- <description></description> -->
+
+       <!-- Copyright information. Optional -->
+       <!-- <copyright></copyright> -->
+
+       <!-- Publisher ID. Used if you're updating an application created prior 
to 1.5.3 -->
+       <!-- <publisherID></publisherID> -->
+
+       <!-- Settings for the application's initial window. Required. -->
+       <initialWindow>
+               <!-- The main SWF or HTML file of the application. Required. -->
+               <!-- Note: In Flash Builder, the SWF reference is set 
automatically. -->
+               <content>[This value will be overwritten by Flash Builder in 
the output app.xml]</content>
+               
+               <!-- The title of the main window. Optional. -->
+               <!-- <title></title> -->
+
+               <!-- The type of system chrome to use (either "standard" or 
"none"). Optional. Default standard. -->
+               <!-- <systemChrome></systemChrome> -->
+
+               <!-- Whether the window is transparent. Only applicable when 
systemChrome is none. Optional. Default false. -->
+               <!-- <transparent></transparent> -->
+
+               <!-- Whether the window is initially visible. Optional. Default 
false. -->
+               <!-- <visible></visible> -->
+
+               <!-- Whether the user can minimize the window. Optional. 
Default true. -->
+               <!-- <minimizable></minimizable> -->
+
+               <!-- Whether the user can maximize the window. Optional. 
Default true. -->
+               <!-- <maximizable></maximizable> -->
+
+               <!-- Whether the user can resize the window. Optional. Default 
true. -->
+               <!-- <resizable></resizable> -->
+
+               <!-- The window's initial width in pixels. Optional. -->
+               <!-- <width></width> -->
+
+               <!-- The window's initial height in pixels. Optional. -->
+               <!-- <height></height> -->
+
+               <!-- The window's initial x position. Optional. -->
+               <!-- <x></x> -->
+
+               <!-- The window's initial y position. Optional. -->
+               <!-- <y></y> -->
+
+               <!-- The window's minimum size, specified as a width/height 
pair in pixels, such as "400 200". Optional. -->
+               <!-- <minSize></minSize> -->
+
+               <!-- The window's initial maximum size, specified as a 
width/height pair in pixels, such as "1600 1200". Optional. -->
+               <!-- <maxSize></maxSize> -->
+       </initialWindow>
+
+       <!-- The subpath of the standard default installation location to use. 
Optional. -->
+       <!-- <installFolder></installFolder> -->
+
+       <!-- The subpath of the Programs menu to use. (Ignored on operating 
systems without a Programs menu.) Optional. -->
+       <!-- <programMenuFolder></programMenuFolder> -->
+
+       <!-- The icon the system uses for the application. For at least one 
resolution,
+                specify the path to a PNG file included in the AIR package. 
Optional. -->
+       <!-- <icon>
+               <image16x16></image16x16>
+               <image32x32></image32x32>
+               <image48x48></image48x48>
+               <image128x128></image128x128>
+       </icon> -->
+
+       <!-- Whether the application handles the update when a user 
double-clicks an update version
+       of the AIR file (true), or the default AIR application installer 
handles the update (false).
+       Optional. Default false. -->
+       <!-- <customUpdateUI></customUpdateUI> -->
+       
+       <!-- Whether the application can be launched when the user clicks a 
link in a web browser.
+       Optional. Default false. -->
+       <!-- <allowBrowserInvocation></allowBrowserInvocation> -->
+
+       <!-- Listing of file types for which the application can register. 
Optional. -->
+       <!-- <fileTypes> -->
+
+               <!-- Defines one file type. Optional. -->
+               <!-- <fileType> -->
+
+                       <!-- The name that the system displays for the 
registered file type. Required. -->
+                       <!-- <name></name> -->
+
+                       <!-- The extension to register. Required. -->
+                       <!-- <extension></extension> -->
+                       
+                       <!-- The description of the file type. Optional. -->
+                       <!-- <description></description> -->
+                       
+                       <!-- The MIME content type. -->
+                       <!-- <contentType></contentType> -->
+                       
+                       <!-- The icon to display for the file type. Optional. 
-->
+                       <!-- <icon>
+                               <image16x16></image16x16>
+                               <image32x32></image32x32>
+                               <image48x48></image48x48>
+                               <image128x128></image128x128>
+                       </icon> -->
+                       
+               <!-- </fileType> -->
+       <!-- </fileTypes> -->
+
+</application>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html
new file mode 100644
index 0000000..b3b362f
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/sample.mxml.html
@@ -0,0 +1,73 @@
+<!--
+  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.
+-->
+<!-- saved from url=(0014)about:internet -->
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml";>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+<title>sample.mxml</title>
+<link rel="stylesheet" type="text/css" href="../SourceStyles.css"/>
+</head>
+
+<body><pre><span class="MXMLProcessing_Instruction">&lt;?xml version="1.0" 
encoding="utf-8"?&gt;</span>
+<span class="MXMLComponent_Tag">&lt;s:WindowedApplication</span><span 
class="MXMLDefault_Text"> xmlns:fx="</span><span 
class="MXMLString">http://ns.adobe.com/mxml/2009</span><span 
class="MXMLDefault_Text">" 
+                       xmlns:s="</span><span 
class="MXMLString">library://ns.adobe.com/flex/spark</span><span 
class="MXMLDefault_Text">" 
+                       xmlns:mx="</span><span 
class="MXMLString">library://ns.adobe.com/flex/mx</span><span 
class="MXMLDefault_Text">" 
+                       creationComplete="</span><span 
class="ActionScriptDefault_Text">init</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span><span class="MXMLDefault_Text">" 
+                       styleName="</span><span 
class="MXMLString">plain</span><span class="MXMLDefault_Text">" 
width="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">&gt;</span>
+
+    <span class="MXMLSpecial_Tag">&lt;fx:Script&gt;</span>
+        &lt;![CDATA[
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">flash</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">events</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">Event</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">mx</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">controls</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">Alert</span>;
+            
+            <span class="ActionScriptReserved">import</span> <span 
class="ActionScriptDefault_Text">skins</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">TDFPanelSkin</span>;
+            
+            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">init</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScripttrace">trace</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"handle exit"</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span 
class="ActionScriptDefault_Text">NativeApplication</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">nativeApplication</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">addEventListener</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">Event</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">EXITING</span><span 
class="ActionScriptOperator">,</span><span 
class="ActionScriptDefault_Text">handleExiting</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+            
+            <span class="ActionScriptReserved">protected</span> <span 
class="ActionScriptfunction">function</span> <span 
class="ActionScriptDefault_Text">handleExiting</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">e</span>:<span 
class="ActionScriptDefault_Text">Event</span><span 
class="ActionScriptBracket/Brace">)</span>:<span 
class="ActionScriptReserved">void</span>
+            <span class="ActionScriptBracket/Brace">{</span>
+                <span class="ActionScriptComment">// Here you can save data if 
needed
+</span>                <span 
class="ActionScriptDefault_Text">Alert</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">show</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"Exit!"</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScripttrace">trace</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"Handle Exit!!: "</span> <span 
class="ActionScriptOperator">+</span> <span 
class="ActionScriptDefault_Text">e</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">f</span>:<span 
class="ActionScriptDefault_Text">File</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">File</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">desktopDirectory</span>;
+                <span class="ActionScriptDefault_Text">f</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptDefault_Text">f</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">resolvePath</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptString">"air-exit-test.txt"</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptvar">var</span> <span 
class="ActionScriptDefault_Text">stream</span>:<span 
class="ActionScriptDefault_Text">FileStream</span> <span 
class="ActionScriptOperator">=</span> <span 
class="ActionScriptReserved">new</span> <span 
class="ActionScriptDefault_Text">FileStream</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">open</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">f</span><span 
class="ActionScriptOperator">,</span><span 
class="ActionScriptDefault_Text">FileMode</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">WRITE</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">writeUTFBytes</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptDefault_Text">ta</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">text</span><span 
class="ActionScriptBracket/Brace">)</span>;
+                <span class="ActionScriptDefault_Text">stream</span><span 
class="ActionScriptOperator">.</span><span 
class="ActionScriptDefault_Text">close</span><span 
class="ActionScriptBracket/Brace">(</span><span 
class="ActionScriptBracket/Brace">)</span>;
+            <span class="ActionScriptBracket/Brace">}</span>
+        <span class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptBracket/Brace">]</span><span 
class="ActionScriptOperator">&gt;</span>
+    <span class="MXMLSpecial_Tag">&lt;/fx:Script&gt;</span>
+    
+    <span class="MXMLComponent_Tag">&lt;s:Panel</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">100%</span><span class="MXMLDefault_Text">" 
height="</span><span class="MXMLString">100%</span><span 
class="MXMLDefault_Text">" skinClass="</span><span 
class="MXMLString">skins.TDFPanelSkin</span><span class="MXMLDefault_Text">" 
title="</span><span class="MXMLString">Exit Event on Shutdown</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;s:HGroup</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">95%</span><span class="MXMLDefault_Text">" 
left="</span><span class="MXMLString">10</span><span class="MXMLDefault_Text">" 
top="</span><span class="MXMLString">10</span><span 
class="MXMLDefault_Text">"</span><span class="MXMLComponent_Tag">&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> text="</span><span class="MXMLString">Enter text to 
save upon shutdown:</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:TextArea</span><span 
class="MXMLDefault_Text"> id="</span><span class="MXMLString">ta</span><span 
class="MXMLDefault_Text">" height="</span><span 
class="MXMLString">200</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+            <span class="MXMLComponent_Tag">&lt;s:Label</span><span 
class="MXMLDefault_Text"> width="</span><span 
class="MXMLString">95%</span><span class="MXMLDefault_Text">" 
verticalAlign="</span><span class="MXMLString">justify</span><span 
class="MXMLDefault_Text">" color="</span><span 
class="MXMLString">#323232</span><span class="MXMLDefault_Text">" 
horizontalCenter="</span><span class="MXMLString">0</span><span 
class="MXMLDefault_Text">" bottom="</span><span 
class="MXMLString">20</span><span class="MXMLDefault_Text">" 
+                     text="</span><span class="MXMLString">The Exiting event 
can now be handled upon the user shutting down the OS giving you a chance to 
handle any unsaved data in your application 
+upon shutdown. If you run this code in an AIR application and shutdown your 
OS, it will still save the data that you have
+entered in Text Area to air-exit-test.txt in your Desktop 
directory.</span><span class="MXMLDefault_Text">"</span><span 
class="MXMLComponent_Tag">/&gt;</span>
+        <span class="MXMLComponent_Tag">&lt;/s:HGroup&gt;</span>
+    <span class="MXMLComponent_Tag">&lt;/s:Panel&gt;</span>
+<span 
class="MXMLComponent_Tag">&lt;/s:WindowedApplication&gt;</span></pre></body>
+</html>

http://git-wip-us.apache.org/repos/asf/flex-utilities/blob/e1f9d1df/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html
----------------------------------------------------------------------
diff --git 
a/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html
 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html
new file mode 100644
index 0000000..df79d11
--- /dev/null
+++ 
b/TourDeFlex/TourDeFlex/src/objects/AIR20/EventOnShutdown/srcview/source/skins/TDFPanelSkin.mxml.html
@@ -0,0 +1,147 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd";>
+<html>
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="Content-Style-Type" content="text/css">
+  <title>TDFPanelSkin.mxml</title>
+  <meta name="Generator" content="Cocoa HTML Writer">
+  <meta name="CocoaVersion" content="1187.4">
+  <style type="text/css">
+    p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier}
+    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #941100}
+    p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; min-height: 
15.0px}
+    p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Courier; min-height: 
14.0px}
+  </style>
+</head>
+<body>
+<p class="p1">&lt;?xml version="1.0" encoding="utf-8"?&gt;</p>
+<p class="p2">&lt;!--</p>
+<p class="p3"><br></p>
+<p class="p2">Licensed to the Apache Software Foundation (ASF) under one or 
more</p>
+<p class="p2">contributor license agreements.<span 
class="Apple-converted-space">  </span>See the NOTICE file distributed with</p>
+<p class="p2">this work for additional information regarding copyright 
ownership.</p>
+<p class="p2">The ASF licenses this file to You under the Apache License, 
Version 2.0</p>
+<p class="p2">(the "License"); you may not use this file except in compliance 
with</p>
+<p class="p2">the License.<span class="Apple-converted-space">  </span>You 
may obtain a copy of the License at</p>
+<p class="p3"><br></p>
+<p class="p2">http://www.apache.org/licenses/LICENSE-2.0</p>
+<p class="p3"><br></p>
+<p class="p2">Unless required by applicable law or agreed to in writing, 
software</p>
+<p class="p2">distributed under the License is distributed on an "AS IS" 
BASIS,</p>
+<p class="p2">WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 
implied.</p>
+<p class="p2">See the License for the specific language governing permissions 
and</p>
+<p class="p2">limitations under the License.</p>
+<p class="p3"><br></p>
+<p class="p2">--&gt;</p>
+<p class="p4"><br></p>
+<p class="p1">&lt;s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009"; 
xmlns:s="library://ns.adobe.com/flex/spark"<span 
class="Apple-converted-space"> </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>alpha.disabled="0.5" minWidth="131" minHeight="127"&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;fx:Metadata&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>[HostComponent("spark.components.Panel")]</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/fx:Metadata&gt;<span class="Apple-converted-space"> </span></p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;s:states&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="normal" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="disabled" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="normalWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:State name="disabledWithControlBar" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:states&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- drop 
shadow --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect 
left="0" top="0" right="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:DropShadowFilter blurX="15" blurY="15" alpha="0.18" distance="11" 
angle="90" knockout="true" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:filters&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:SolidColor color="0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 
1: border --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect 
left="0" right="0" top="0" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:SolidColorStroke color="0" alpha="0.50" weight="1" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 
2: background fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Rect 
left="0" right="0" bottom="0" height="15"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:LinearGradient rotation="90"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:GradientEntry color="0xE2E2E2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:GradientEntry color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:LinearGradient&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">    </span></p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;!-- layer 
3: contents --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    </span>&lt;s:Group 
left="1" right="1" top="1" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:VerticalLayout gap="0" horizontalAlign="justify" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:layout&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:Group id="topGroup" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 0: title bar fill --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- Note: We have custom skinned the title bar to be solid black for 
Tour de Flex --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect id="tbFill" left="0" right="0" top="0" bottom="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0x000000" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 1: title bar highlight --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect id="tbHilite" left="0" right="0" top="0" bottom="0" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:LinearGradientStroke rotation="90" weight="1"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
     </span>&lt;s:GradientEntry color="0xEAEAEA" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
     </span>&lt;s:GradientEntry color="0xD9D9D9" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;/s:LinearGradientStroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:stroke&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 2: title bar divider --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect id="tbDiv" left="0" right="0" height="1" bottom="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0xC0C0C0" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 3: text --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Label id="titleDisplay" maxDisplayedLines="1"</p>
+<p class="p1"><span class="Apple-converted-space">                   
  </span>left="9" right="3" top="1" minHeight="30"</p>
+<p class="p1"><span class="Apple-converted-space">                   
  </span>verticalAlign="middle" fontWeight="bold" color="#E2E2E2"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Label&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" 
minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:Group&gt;</p>
+<p class="p4"><span class="Apple-converted-space">        </span></p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;s:Group id="bottomGroup" minWidth="0" minHeight="0"</p>
+<p class="p1"><span class="Apple-converted-space">                 
</span>includeIn="normalWithControlBar, disabledWithControlBar" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 0: control bar background --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect left="0" right="0" bottom="0" top="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0xE2EdF7" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 1: control bar divider line --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Rect left="0" right="0" top="0" height="1" &gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:SolidColor color="0xD1E0F2" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:fill&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Rect&gt;</p>
+<p class="p4"><span class="Apple-converted-space">            
</span></p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;!-- layer 2: control bar --&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" 
minWidth="0" minHeight="0"&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                   
 </span>&lt;s:HorizontalLayout paddingLeft="10" paddingRight="10" 
paddingTop="7" paddingBottom="7" gap="10" /&gt;</p>
+<p class="p1"><span class="Apple-converted-space">                
</span>&lt;/s:layout&gt;</p>
+<p class="p1"><span class="Apple-converted-space">            
</span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">        
</span>&lt;/s:Group&gt;</p>
+<p class="p1"><span class="Apple-converted-space">    
</span>&lt;/s:Group&gt;</p>
+<p class="p1">&lt;/s:Skin&gt;</p>
+</body>
+</html>

Reply via email to