flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From aha...@apache.org
Subject [10/34] git commit: [flex-asjs] [refs/heads/develop] - move a bunch of examples to manualtests as they are more tests for us than examples for users
Date Mon, 24 Aug 2015 05:33:00 GMT
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/manualtests/EffectsExample/src/MyInitialView.mxml b/manualtests/EffectsExample/src/MyInitialView.mxml
new file mode 100644
index 0000000..9fa98e3
--- /dev/null
+++ b/manualtests/EffectsExample/src/MyInitialView.mxml
@@ -0,0 +1,89 @@
+<?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.
+
+-->
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
+				xmlns:local="*" 
+				xmlns:models="models.*" 
+				xmlns:acc="org.apache.flex.html.accessories.*">
+	
+	<fx:Style>
+		.title {
+			font-size: 14pt;
+			font-weight: bold;
+		}
+
+	</fx:Style>
+	
+	<fx:Script>
+		<![CDATA[		
+			import org.apache.flex.effects.Fade;
+			import org.apache.flex.effects.Move;
+			
+		private function swapit():void
+		{
+			var move1:Move = new Move(image1);
+			var move2:Move = new Move(image2);
+			move1.xTo = image1.x == 100 ? 400 : 100;
+			move2.xTo = image2.x == 100 ? 400 : 100;
+			move1.play();
+			move2.play();
+		}
+			
+			private function fadeout():void
+			{
+				var fade:Fade = new Fade(image1);
+				fade.alphaFrom = 1;
+				fade.alphaTo = 0;
+				fade.play();
+			}
+
+			private function fadein():void
+			{
+				var fade:Fade = new Fade(image1);
+				fade.alphaFrom = 0;
+				fade.alphaTo = 1;
+				fade.play();
+			}
+		]]>
+	</fx:Script>
+	
+	<js:Container width="600" height="700" x="50" y="50">
+		<js:beads>
+			<js:VerticalLayout />
+		</js:beads>
+		
+		<js:Container width="600" height="40">
+			<js:beads>
+				<js:HorizontalLayout />
+			</js:beads>
+			<js:TextButton text="swap" click="swapit()" />
+			<js:TextButton text="fade out" click="fadeout()" />
+			<js:TextButton text="fade in" click="fadein()" />
+		</js:Container>
+		
+		<js:Container width="500">
+			<js:Image id="image1" source="twong.jpg" x="100" y="20" />
+			<js:Label id="caption1" text="Dick" x="100" y="200" />
+			<js:Image id="image2" source="jproctor.jpg" x="400" y="20" />
+			<js:Label id="caption2" text="Jane" x="400" y="200" />
+		</js:Container>		
+	</js:Container>
+	
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/README.txt
----------------------------------------------------------------------
diff --git a/manualtests/EffectsExample/src/README.txt b/manualtests/EffectsExample/src/README.txt
new file mode 100644
index 0000000..defca90
--- /dev/null
+++ b/manualtests/EffectsExample/src/README.txt
@@ -0,0 +1,35 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+DESCRIPTION
+
+The EffectsExample demonstrates the Move and Fade effects. This Flex application
+can be run as an ActionScript SWF or cross-compiled into a JavaScript/HTML
+application using the Falcon JX compiler.
+
+COMPONENTS and BEADS
+
+- Container
+- Image
+- Label
+- TextButton
+
+- Move
+- Fade
+

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/jproctor.jpg
----------------------------------------------------------------------
diff --git a/manualtests/EffectsExample/src/jproctor.jpg b/manualtests/EffectsExample/src/jproctor.jpg
new file mode 100644
index 0000000..1111787
Binary files /dev/null and b/manualtests/EffectsExample/src/jproctor.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/EffectsExample/src/twong.jpg
----------------------------------------------------------------------
diff --git a/manualtests/EffectsExample/src/twong.jpg b/manualtests/EffectsExample/src/twong.jpg
new file mode 100644
index 0000000..1124b71
Binary files /dev/null and b/manualtests/EffectsExample/src/twong.jpg differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/build.xml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/build.xml b/manualtests/FlexJSTest_HTML5/build.xml
new file mode 100644
index 0000000..4faedac
--- /dev/null
+++ b/manualtests/FlexJSTest_HTML5/build.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0"?>
+<!--
+
+  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.
+
+-->
+
+
+<project name="flexjstest_HTML5" default="main" basedir=".">
+    <property name="FLEXJS_HOME" location="../.."/>
+    <property name="example" value="FlexJSTest_HTML5" />
+    
+    <property environment="env"/>
+    <property file="${FLEXJS_HOME}/build.properties"/>
+    <property name="FLEX_HOME" value="${FLEXJS_HOME}"/>
+    <available file="${env.FALCON_HOME}/lib/falcon-mxmlc.jar"
+    type="file"
+    property="FALCON_HOME"
+    value="${env.FALCON_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk/lib/falcon-mxmlc.jar"
+    type="file"
+    property="FALCON_HOME"
+    value="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk"/>
+    
+    <available file="${env.FALCONJX_HOME}/lib/jsc.jar"
+    type="file"
+    property="FALCONJX_HOME"
+    value="${env.FALCONJX_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/../flex-falcon/compiler.jx/lib/jsc.jar"
+    type="file"
+    property="FALCONJX_HOME"
+    value="${FLEXJS_HOME}/../flex-falcon/compiler.jx"/>
+    
+    <available file="${env.GOOG_HOME}/closure/goog/base.js"
+    type="file"
+    property="GOOG_HOME"
+    value="${env.GOOG_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/js/lib/google/closure-library/closure/goog/base.js"
+    type="file"
+    property="GOOG_HOME"
+    value="${FLEXJS_HOME}/js/lib/google/closure-library"/>
+    
+    <include file="${basedir}/../build_example.xml" />
+
+    <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}">
+    </target>
+    
+    <target name="clean">
+        <delete dir="${basedir}/bin" failonerror="false" />
+        <delete dir="${basedir}/bin-debug" failonerror="false" />
+        <delete dir="${basedir}/bin-release" failonerror="false" />
+    </target>
+
+</project>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png b/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png
new file mode 100644
index 0000000..0cf7f8a
Binary files /dev/null and b/manualtests/FlexJSTest_HTML5/src/ButtonImageDown.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png b/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png
new file mode 100644
index 0000000..2f78d59
Binary files /dev/null and b/manualtests/FlexJSTest_HTML5/src/ButtonImageOver.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png b/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png
new file mode 100644
index 0000000..927e1c8
Binary files /dev/null and b/manualtests/FlexJSTest_HTML5/src/ButtonImageUp.png differ

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml b/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml
new file mode 100644
index 0000000..88e3dfc
--- /dev/null
+++ b/manualtests/FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml
@@ -0,0 +1,51 @@
+<?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.
+
+-->
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+				   xmlns:local="*"
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
+				   xmlns:models="models.*" 
+				   xmlns:controllers="controllers.*"
+				   initialize="MyModel(model).labelText='Hello HTML5'"
+				   >
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:initialView>
+		<local:MyInitialView />
+	</js:initialView>
+	<js:model>
+		<models:MyModel />
+	</js:model>
+	<js:controller>
+		<controllers:MyController />
+	</js:controller>
+    <js:beads>
+        <js:HTTPService id="service">
+            <js:LazyCollection id="collection">
+                <js:inputParser>
+                    <js:JSONInputParser />
+                </js:inputParser>
+                <js:itemConverter>
+                    <local:StockDataJSONItemConverter />
+                </js:itemConverter> 
+            </js:LazyCollection>
+        </js:HTTPService>
+    </js:beads>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml b/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml
new file mode 100644
index 0000000..b88b7ce
--- /dev/null
+++ b/manualtests/FlexJSTest_HTML5/src/MyInitialView.mxml
@@ -0,0 +1,144 @@
+<?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.
+
+-->
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
+				xmlns:html5="library://ns.apache.org/flexjs/html5" 
+			   >
+    <fx:Script>
+        <![CDATA[            
+			import org.apache.flex.events.CustomEvent;
+			import org.apache.flex.events.Event;
+			import org.apache.flex.utils.Timer;
+			
+			private var timer:org.apache.flex.utils.Timer;
+			
+            public function get symbol():String
+            {
+                return list.selectedItem as String;
+            }
+			
+			public function get city():String
+			{
+				return cityList.selectedItem as String;
+			}
+            
+            public function get inputText():String
+            {
+            	return input.text;
+            }
+			
+			public function get comboBoxValue():String
+			{
+				return String(comboBox.selectedItem);
+			}
+			
+			public function startTimer():void
+			{
+				timer = new org.apache.flex.utils.Timer(1000);
+				timer.addEventListener('timer', timerHandler);
+				timer.start()				
+			}
+			
+			public function timerHandler(event:org.apache.flex.events.Event):void
+			{
+				timerLabel.text = timer.currentCount.toString();	
+			}
+        ]]>
+    </fx:Script>
+	<fx:Style>
+		@namespace html5 "library://ns.apache.org/flexjs/html5";
+		
+		.skinned {
+			background-image: url('ButtonImageUp.png');
+			border-style: none;
+		}
+		
+		.skinned:hover {
+			background-image: url('ButtonImageOver.png');
+		}
+		
+		.skinned:active {
+			background-image: url('ButtonImageDown.png');
+		}
+		
+	</fx:Style>
+	<html5:Label id="lbl" x="100" y="25" >
+		<html5:beads>
+			<js:SimpleBinding eventName="labelTextChanged"
+								 sourceID="applicationModel"
+								 sourcePropertyName="labelText"
+								 destinationPropertyName="text" />
+		</html5:beads>
+	</html5:Label>
+	<html5:TextButton text="Start Timer" x="100" y="75" click="startTimer()" />
+	<html5:TextButton text="Stop Timer" x="100" y="100" click="timer.removeEventListener('timer', timerHandler);timer.stop()" />
+	<html5:Label id="timerLabel" x="100" y="125" />
+	
+	<html5:List id="cityList"  x="200" y="75" width="100" height="75" change="dispatchEvent(new CustomEvent('cityListChanged'))">
+		<html5:beads>
+			<js:ConstantBinding
+				sourceID="applicationModel"
+				sourcePropertyName="cities"
+				destinationPropertyName="dataProvider" />
+		</html5:beads>
+	</html5:List>
+    
+    <html5:TextArea x="320" y="25" width="150" height="75">
+		<html5:beads>
+			<js:SimpleBinding eventName="labelTextChanged"
+								 sourceID="applicationModel"
+								 sourcePropertyName="labelText"
+								 destinationPropertyName="text" />
+		</html5:beads>
+    </html5:TextArea>
+    <html5:TextInput id="input" x="320" y="110" />
+    <html5:TextButton text="Transfer" x="320" y="138" click="dispatchEvent(new CustomEvent('transferClicked'))" />
+    
+    <html5:CheckBox id="checkbox" x="320" y="170" text="Check Me" />
+    
+    <html5:RadioButton groupName="group1" text="Apples" value="0" x="100" y="150" />
+    <html5:RadioButton groupName="group1" text="Oranges" value="1" x="100" y="170" selected="true" />
+    <html5:RadioButton groupName="group1" text="Grapes" value="2" x="100" y="190" />
+    
+    <html5:RadioButton groupName="group2" text="Red" value="red" x="100" y="250" selected="true" />
+    <html5:RadioButton groupName="group2" text="Green" value="green" x="100" y="270" />
+    <html5:RadioButton groupName="group2" text="Blue" value="blue" x="100" y="290"  />
+	
+	<html5:DropDownList id="list" x="200" y="200" width="100" height="24" change="dispatchEvent(new CustomEvent('listChanged'))">
+		<html5:beads>
+			<js:ConstantBinding
+				sourceID="applicationModel"
+				sourcePropertyName="strings"
+				destinationPropertyName="dataProvider" />
+		</html5:beads>
+	</html5:DropDownList>
+	<html5:TextButton text="OK" x="200" y="230" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
+	<html5:TextButton text="Skinned" x="200" y="260" width="80" height="24" className="skinned" click="dispatchEvent(new CustomEvent('buttonClicked'))" />
+	
+	<html5:ComboBox id="comboBox" x="320" y="200" width="100" change="dispatchEvent(new CustomEvent('comboBoxChanged'))">
+		<html5:beads>
+			<js:ConstantBinding
+				sourceID="applicationModel"
+				sourcePropertyName="cities"
+				destinationPropertyName="dataProvider" />
+		</html5:beads>
+	</html5:ComboBox>
+    
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as b/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as
new file mode 100644
index 0000000..8f219d5
--- /dev/null
+++ b/manualtests/FlexJSTest_HTML5/src/StockDataJSONItemConverter.as
@@ -0,0 +1,36 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package
+{
+    import org.apache.flex.collections.converters.JSONItemConverter;
+    
+    public class StockDataJSONItemConverter extends JSONItemConverter
+    {
+        public function StockDataJSONItemConverter()
+        {
+            super();
+        }
+        
+        override public function convertItem(data:String):Object
+        {
+            var obj:Object = super.convertItem(data);
+            return obj.query.results.quote.Ask;
+        }
+    }
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as b/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as
new file mode 100644
index 0000000..b06af1d
--- /dev/null
+++ b/manualtests/FlexJSTest_HTML5/src/controllers/MyController.as
@@ -0,0 +1,92 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package controllers
+{
+	import org.apache.flex.core.Application;
+	import org.apache.flex.core.IDocument;
+	import org.apache.flex.events.Event;
+	
+    
+    import models.MyModel;
+    	
+	public class MyController implements IDocument
+	{
+		public function MyController(app:Application = null)
+		{
+			if (app)
+			{
+				this.app = app as FlexJSTest_HTML5;
+				app.addEventListener("viewChanged", viewChangeHandler);
+			}
+		}
+		
+        private var queryBegin:String = "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20yahoo.finance.quotes%20where%20symbol%20in%20(%22";
+        private var queryEnd:String = "%22)%0A%09%09&env=http%3A%2F%2Fdatatables.org%2Falltables.env&format=json";
+		private var app:FlexJSTest_HTML5;
+		
+		private function viewChangeHandler(event:Event):void
+		{
+			app.initialView.addEventListener("buttonClicked", buttonClickHandler);
+            app.initialView.addEventListener("listChanged", listChangedHandler);
+			app.initialView.addEventListener("cityListChanged", cityListChangeHandler);
+            app.initialView.addEventListener("transferClicked", transferClickHandler);
+			app.initialView.addEventListener("comboBoxChanged", comboBoxChangeHandler);
+		}
+		
+        private function buttonClickHandler(event:Event):void
+        {
+            var sym:String = MyInitialView(app.initialView).symbol;
+            app.service.url = queryBegin + sym + queryEnd;
+            app.service.send();
+            app.service.addEventListener("complete", completeHandler);
+        }
+        
+        private function completeHandler(event:Event):void
+        {
+            MyModel(app.model).labelText = app.collection.getItemAt(0) as String;
+        }
+        
+        private function listChangedHandler(event:Event):void
+        {
+            MyModel(app.model).labelText = MyInitialView(app.initialView).symbol;
+        }
+		
+		private function cityListChangeHandler(event:Event):void
+		{
+			MyModel(app.model).labelText = MyInitialView(app.initialView).city;
+		}
+        
+        private function transferClickHandler(event:Event):void
+        {
+        	MyModel(app.model).labelText = MyInitialView(app.initialView).inputText;
+        }
+		
+		private function comboBoxChangeHandler(event:Event):void
+		{
+			MyModel(app.model).labelText = MyInitialView(app.initialView).comboBoxValue;
+		}
+        
+		public function setDocument(document:Object, id:String = null):void
+		{
+			this.app = document as FlexJSTest_HTML5;
+			app.addEventListener("viewChanged", viewChangeHandler);
+		}
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_HTML5/src/models/MyModel.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_HTML5/src/models/MyModel.as b/manualtests/FlexJSTest_HTML5/src/models/MyModel.as
new file mode 100644
index 0000000..1dc23e6
--- /dev/null
+++ b/manualtests/FlexJSTest_HTML5/src/models/MyModel.as
@@ -0,0 +1,59 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package models
+{
+	import org.apache.flex.events.Event;
+	import org.apache.flex.events.EventDispatcher;
+	
+	public class MyModel extends EventDispatcher
+	{
+		public function MyModel()
+		{
+		}
+		
+		private var _labelText:String;
+		
+		public function get labelText():String
+		{
+			return _labelText;
+		}
+		
+		public function set labelText(value:String):void
+		{
+			if (value != _labelText)
+			{
+				_labelText = value;
+				dispatchEvent(new Event("labelTextChanged"));
+			}
+		}
+        
+        private var _strings:Array = ["AAPL", "ADBE", "GOOG", "MSFT", "YHOO"];
+        public function get strings():Array
+        {
+            return _strings;
+        }
+		
+		private var _cities:Array = ["London", "Miami", "Paris", "Sydney", "Tokyo"];
+		public function get cities():Array
+		{
+			return _cities;
+		}
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/build.xml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_Panel/build.xml b/manualtests/FlexJSTest_Panel/build.xml
new file mode 100644
index 0000000..267a21d
--- /dev/null
+++ b/manualtests/FlexJSTest_Panel/build.xml
@@ -0,0 +1,71 @@
+<?xml version="1.0"?>
+<!--
+
+  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.
+
+-->
+
+
+<project name="flexjstest_Panel" default="main" basedir=".">
+    <property name="FLEXJS_HOME" location="../.."/>
+    <property name="example" value="FlexJSTest_Panel" />
+    
+    <property file="${FLEXJS_HOME}/env.properties"/>
+    <property environment="env"/>
+    <property file="${FLEXJS_HOME}/build.properties"/>
+    <property name="FLEX_HOME" value="${FLEXJS_HOME}"/>
+    <available file="${env.FALCON_HOME}/lib/falcon-mxmlc.jar"
+    type="file"
+    property="FALCON_HOME"
+    value="${env.FALCON_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk/lib/falcon-mxmlc.jar"
+    type="file"
+    property="FALCON_HOME"
+    value="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk"/>
+    
+    <available file="${env.FALCONJX_HOME}/lib/jsc.jar"
+    type="file"
+    property="FALCONJX_HOME"
+    value="${env.FALCONJX_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/../flex-falcon/compiler.jx/lib/jsc.jar"
+    type="file"
+    property="FALCONJX_HOME"
+    value="${FLEXJS_HOME}/../flex-falcon/compiler.jx"/>
+    
+    <available file="${env.GOOG_HOME}/closure/goog/base.js"
+    type="file"
+    property="GOOG_HOME"
+    value="${env.GOOG_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/js/lib/google/closure-library/closure/goog/base.js"
+    type="file"
+    property="GOOG_HOME"
+    value="${FLEXJS_HOME}/js/lib/google/closure-library"/>
+    
+    <include file="${basedir}/../build_example.xml" />
+
+    <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}">
+    </target>
+    
+    <target name="clean">
+        <delete dir="${basedir}/bin" failonerror="false" />
+        <delete dir="${basedir}/bin-debug" failonerror="false" />
+        <delete dir="${basedir}/bin-release" failonerror="false" />
+    </target>
+
+</project>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml b/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml
new file mode 100644
index 0000000..416e4df
--- /dev/null
+++ b/manualtests/FlexJSTest_Panel/src/FlexJSTest_Panel.mxml
@@ -0,0 +1,32 @@
+<?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.
+//
+////////////////////////////////////////////////////////////////////////////////
+-->
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+				   xmlns:local="*"
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
+				   >
+
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:initialView>
+		<local:MyInitialView />
+	</js:initialView>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml b/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml
new file mode 100644
index 0000000..25323dc
--- /dev/null
+++ b/manualtests/FlexJSTest_Panel/src/MyInitialView.mxml
@@ -0,0 +1,144 @@
+<?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.
+
+-->
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
+			    initComplete="initControls()">
+    <fx:Script>
+        <![CDATA[
+			import org.apache.flex.html.Alert;
+			import org.apache.flex.html.SimpleAlert;
+			
+			private function initControls():void
+			{
+			}
+			
+			private function onButtonClick() : void
+			{
+				Alert.show("This is an Alert! I want to see all of this text.",
+					this,
+					"Testing",
+					Alert.OK|Alert.CANCEL);
+
+			}
+			
+			private function spinnerChanged(control:Object):void
+			{
+				spinMe.text = "Spin: "+String(control.value);
+			}
+			
+			private function showSimpleAlert() : void
+			{
+				SimpleAlert.show("A Simple Alert", this);
+			}
+			
+			private function sliderChanged(control:Object):void
+			{
+				slideMe.text = "Slider: "+String(control.value);
+			}
+		]]>
+    </fx:Script>
+
+	<fx:Style>
+		@namespace basic "library://ns.apache.org/flexjs/basic";
+		
+		.Alert {
+			background-color: #EEEEEE;
+			border-style: solid;
+			border-color: #0000FF;
+			border-thickness: 5;
+		}
+		
+		.Alert #titleBar #title {
+			font-weight: bold;
+			color: #EEEEEE;
+		}
+		
+		.SimpleAlert {
+			background-color: #99FF00;
+			border-style: solid;
+			border-color: #FF9900;
+			border-thickness: 5;
+			padding: 5px;
+		}
+		
+		.TitleBar {
+			color: #FFFFFF;
+			font-weight: bold;
+			text-align: center;
+			background-color: #444444;
+		}
+		
+		.panel1 {
+			padding: 1px;
+			background-color: #EEEEEE;
+			border-color: #000000;
+			border-thickness: 1;
+		}
+		
+		.numStepper {
+			border-style: solid;
+			border-color: #000000;
+			border-thickness: 1;
+			background-color: #FFFFCC;
+		}
+		
+        @media -flex-flash
+        {
+            .TitleBar {
+                iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead');
+            }
+            
+            .panel1 {
+                iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead');
+                iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead');
+            }
+            
+            .numStepper {
+                iBorderBead: ClassReference('org.apache.flex.html.beads.SingleLineBorderBead');
+                iBackgroundBead: ClassReference('org.apache.flex.html.beads.SolidBackgroundBead');
+            }
+            
+        }
+	</fx:Style>
+	
+	
+	<js:Panel title="Example" x="300" width="300" y="50" className="panel1" showCloseButton="true">
+		<js:beads>
+			<js:VerticalLayout />
+		</js:beads>
+		<js:Label text="Displays a SimpleAlert that has an OK button." />
+		<js:TextButton text="Show Simple Alert" click="showSimpleAlert()" />
+		<js:Label text="Displays an Alert which can have multiple buttons." />
+		<js:TextButton text="Push Me" click="onButtonClick()" />
+		<js:Label id="spinMe" />
+		<js:NumericStepper id="stepper" 
+							  valueChange="spinnerChanged(stepper)" 
+							  className="numStepper"
+							  stepSize="10"/>
+		<js:Label id="slideMe" />
+		<js:Slider id="slider"
+					  valueChange="sliderChanged(slider)"
+					  minimum="20"
+					  maximum="80"
+					  stepSize="5" />
+	</js:Panel>
+
+	
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_Panel/src/README.txt
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_Panel/src/README.txt b/manualtests/FlexJSTest_Panel/src/README.txt
new file mode 100644
index 0000000..8ba1421
--- /dev/null
+++ b/manualtests/FlexJSTest_Panel/src/README.txt
@@ -0,0 +1,45 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+DESCRIPTION
+
+The FlexJSTest_Panel application demonstrates some FlexJS common components,
+incuding Panel. The application uses a Panel to contain a sub-set of FlexJS
+components, listed below.
+
+This Flex application may be run as a Flash SWF or cross-compiled (using Falcon JX)
+into JavaScript and HTML and run without Flash.
+
+COMPONENTS and BEADS
+
+- Label
+- NumericStepper
+- Panel
+- Slider
+- TextButton
+
+- NonVirtualVerticalLayout
+
+NOTES
+
+Changing the Slider updates a Label. Changing the NumericStepper changes another Label.
+
+The ActionScript version has some layout issues, chiefly the Panel background is not being
+displayed. The JavaScript version is not updating the Labels when either the Slider or
+NumericStepper is changed.

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/build.xml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/build.xml b/manualtests/FlexJSTest_SVG/build.xml
new file mode 100644
index 0000000..b273902
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/build.xml
@@ -0,0 +1,71 @@
+<?xml version="1.0"?>
+<!--
+
+  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.
+
+-->
+
+
+<project name="flexjstest_SVG" default="main" basedir=".">
+    <property name="FLEXJS_HOME" location="../.."/>
+    <property name="example" value="FlexJSTest_SVG" />
+    
+    <property file="${FLEXJS_HOME}/env.properties"/>
+    <property environment="env"/>
+    <property file="${FLEXJS_HOME}/build.properties"/>
+    <property name="FLEX_HOME" value="${FLEXJS_HOME}"/>
+    <available file="${env.FALCON_HOME}/lib/falcon-mxmlc.jar"
+    type="file"
+    property="FALCON_HOME"
+    value="${env.FALCON_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk/lib/falcon-mxmlc.jar"
+    type="file"
+    property="FALCON_HOME"
+    value="${FLEXJS_HOME}/../flex-falcon/compiler/generated/dist/sdk"/>
+    
+    <available file="${env.FALCONJX_HOME}/lib/jsc.jar"
+    type="file"
+    property="FALCONJX_HOME"
+    value="${env.FALCONJX_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/../flex-falcon/compiler.jx/lib/jsc.jar"
+    type="file"
+    property="FALCONJX_HOME"
+    value="${FLEXJS_HOME}/../flex-falcon/compiler.jx"/>
+    
+    <available file="${env.GOOG_HOME}/closure/goog/base.js"
+    type="file"
+    property="GOOG_HOME"
+    value="${env.GOOG_HOME}"/>
+    
+    <available file="${FLEXJS_HOME}/js/lib/google/closure-library/closure/goog/base.js"
+    type="file"
+    property="GOOG_HOME"
+    value="${FLEXJS_HOME}/js/lib/google/closure-library"/>
+    
+    <include file="${basedir}/../build_example.xml" />
+
+    <target name="main" depends="clean,build_example.compile,build_example.compilejs" description="Clean build of ${example}">
+    </target>
+    
+    <target name="clean">
+        <delete dir="${basedir}/bin" failonerror="false" />
+        <delete dir="${basedir}/bin-debug" failonerror="false" />
+        <delete dir="${basedir}/bin-release" failonerror="false" />
+    </target>
+
+</project>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml b/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml
new file mode 100644
index 0000000..e405b05
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml
@@ -0,0 +1,39 @@
+<?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.
+
+-->
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+				   xmlns:local="*"
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
+				   xmlns:models="models.*" 
+				   xmlns:controllers="controllers.*"
+				   initialize="MyModel(model).labelText='Hello SVG'"
+				   >
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:initialView>
+		<local:SkinsView />
+	</js:initialView>
+	<js:model>
+		<models:MyModel />
+	</js:model>
+	<js:controller>
+		<controllers:MyController />
+	</js:controller>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml b/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml
new file mode 100644
index 0000000..e43c01e
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/GraphicsView.mxml
@@ -0,0 +1,327 @@
+<?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.
+
+-->
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
+				xmlns:svg="library://ns.apache.org/flexjs/svg"
+				initComplete="viewbase1_initCompleteHandler(event)"
+			   >
+    <fx:Script>
+        <![CDATA[            
+			import org.apache.flex.core.graphics.Circle;
+			import org.apache.flex.core.graphics.Ellipse;
+			import org.apache.flex.core.graphics.GradientEntry;
+			import org.apache.flex.core.graphics.GraphicsContainer;
+			import org.apache.flex.core.graphics.LinearGradient;
+			import org.apache.flex.core.graphics.Path;
+			import org.apache.flex.core.graphics.Rect;
+			import org.apache.flex.core.graphics.SolidColor;
+			import org.apache.flex.core.graphics.SolidColorStroke;
+			import org.apache.flex.events.Event;
+
+			protected function viewbase1_initCompleteHandler(event:org.apache.flex.events.Event):void
+			{
+				//drawIndividualShapes();
+				//drawOnGraphicsContainer();
+			}
+			
+			private function drawIndividualShapes():void
+			{
+				var fill:SolidColor = new SolidColor();
+				fill.color = 0xFF0000;
+				fill.alpha = 0.5;
+				
+				//LinearGradient Fill
+				var lg:LinearGradient = new LinearGradient();
+				lg.entries = [new GradientEntry(1,0xFFFFFF,0), new GradientEntry(1,0x000000,1)];
+				lg.scaleX = 1;
+				lg.rotation = 0;
+				
+				var lg1:LinearGradient = new LinearGradient();
+				lg1.entries = [new GradientEntry(1,0xFF0000,0.33),new GradientEntry(1,0x00FF00,0.66), new GradientEntry(1,0x0000FF,0.99)];
+				lg1.scaleX = 1;
+				lg1.rotation = 90;
+				//container.fill = lg;
+				
+				var stroke:SolidColorStroke = new SolidColorStroke();
+				stroke.weight = 10;
+				stroke.color = 0x00FF00;
+				stroke.alpha = 0.9;
+				
+				var rect1:Rect = new Rect();
+				rect1.fill = fill;
+				rect1.stroke = stroke;
+				rect1.drawRect(200,50,250,250);
+				this.addElement(rect1);
+				
+				var rect2:Rect = new Rect();
+				fill.color = 0xCC9900;
+				rect2.fill = lg1;
+				stroke.color = 0x333333;
+				stroke.weight = 5;
+				rect2.stroke = stroke;
+				rect2.drawRect(100,200,100,300);
+				this.addElement(rect2);
+				
+				var rect3:Rect = new Rect();
+				fill.color = 0xCCCC11;
+				rect3.fill = lg1;
+				stroke.color = 0x0000CC;
+				stroke.weight = 1;
+				rect3.stroke = stroke;
+				rect3.drawRect(400,600,200,200);
+				this.addElement(rect3);
+				
+				var rect4:Rect = new Rect();
+				fill.color = 0xAA33EE;
+				rect4.fill = fill;
+				stroke.color = 0x11C309;
+				stroke.weight = 2;
+				rect4.stroke = stroke;
+				rect4.drawRect(500,700,200,100);
+				this.addElement(rect4);
+				
+				var rect5:Rect = new Rect();
+				fill.color = 0x11CC44;
+				rect5.fill = lg;
+				stroke.color = 0x830011;
+				stroke.weight = 3;
+				rect5.stroke = stroke;
+				rect5.drawRect(0,750,50,200);
+				this.addElement(rect5);
+				
+				var ellipse1:Ellipse = new Ellipse();
+				fill.color = 0x290149;
+				ellipse1.fill = lg;
+				stroke.color = 0x830011;
+				stroke.weight = 3;
+				ellipse1.stroke = stroke;
+				ellipse1.drawEllipse(300,300,50,200);
+				this.addElement(ellipse1);
+				
+				var ellipse2:Ellipse = new Ellipse();
+				fill.color = 0x2222CC;
+				ellipse2.fill = lg1;
+				stroke.color = 0xabcdef;
+				stroke.weight = 5;
+				ellipse2.stroke = stroke;
+				ellipse2.drawEllipse(100,100,500,200);
+				this.addElement(ellipse2);
+				
+				var ellipse3:Ellipse = new Ellipse();
+				fill.color = 0xfedcba;
+				ellipse3.fill = fill;
+				stroke.color = 0x123456;
+				stroke.weight = 2;
+				ellipse3.stroke = stroke;
+				ellipse3.drawEllipse(250,150,300,250);
+				this.addElement(ellipse3);
+				
+				var circle1:Circle = new Circle();
+				fill.color = 0xee11bb;
+				circle1.fill = lg1;
+				stroke.color = 0x123456;
+				stroke.weight = 2;
+				circle1.stroke = stroke;
+				circle1.x = 700;
+				circle1.y = 200;
+				circle1.radius = 200;
+				this.addElement(circle1);
+				
+				var circle2:Circle = new Circle();
+				fill.color = 0xabbaab;
+				fill.alpha = 0.8;
+				circle2.fill = fill;
+				stroke.color = 0xccff11;
+				stroke.weight = 5;
+				circle2.stroke = stroke;
+				circle2.x = 100;
+				circle2.y = 700;
+				circle2.radius = 100;
+				//circle2.drawCircle(100,700,100);
+				this.addElement(circle2);
+				
+				var path1:Path = new Path();
+				fill.color = 0x33B5E5;
+				fill.alpha = 0.8;
+				path1.fill = fill;
+				stroke.color = 0x000000;
+				stroke.weight = 1;
+				path1.stroke = stroke;
+				path1.drawPath(50,50,"M14.165 0 16.3838 2.21924 5.24023 13.3232 0 8.52441 2.18164 6.11719 5.37305 9.06348 14.165 0Z");
+				this.addElement(path1);
+				
+				var path2:Path = new Path();
+				fill.color = 0x00FF00;
+				fill.alpha = 0.5;
+				path2.fill = lg;
+				stroke.color = 0x0000FF;
+				stroke.weight = 3;
+				path2.stroke = stroke;
+				path2.drawPath(250,500,"M150 0 L75 200 L225 200 Z");
+				this.addElement(path2);
+				
+				var path3:Path = new Path();
+				fill.color = 0x00FF00;
+				fill.alpha = 0.5;
+				path3.fill = lg1;
+				stroke.color = 0x0000FF;
+				stroke.weight = 3;
+				path3.stroke = stroke;
+				path3.drawPath(250,500,"M 100 350 q 150 -300 300 0");
+				this.addElement(path3);
+				
+				var path4:Path = new Path();
+				fill.color = 0x00FF00;
+				fill.alpha = 0.5;
+				path4.fill = lg1;
+				stroke.color = 0x0000FF;
+				stroke.weight = 3;
+				path4.stroke = stroke;
+				path4.drawPath(250,500,"M 50 50 L 100 50 A 50 50 0 0 0 50 0 Z");
+				this.addElement(path4);
+			}
+			
+			private function drawOnGraphicsContainer():void
+			{
+				var container:GraphicsContainer = new GraphicsContainer();
+				
+/*				var fill:SolidColor = new SolidColor();
+				fill.color = 0xFF0000;
+				fill.alpha = 0.5;
+				
+				var stroke:SolidColorStroke = new SolidColorStroke();
+				stroke.weight = 10;
+				stroke.color = 0x00FF00;
+				stroke.alpha = 0.9;
+				
+				container.fill = fill;
+				container.stroke = stroke;
+				//Circle
+				container.drawCircle(300,300,200);
+				fill.color = 0x00FF00;
+				stroke.color = 0x0000FF;
+				//Rect
+				container.drawRect(0,400,500,200);
+				fill.color = 0x00FFFF;
+				stroke.color = 0xFF00FF;
+				//Ellipse
+				container.drawEllipse(600,300,200,300);
+				fill.color = 0xCCCC00;
+				stroke.color = 0x000000;
+				//Path
+				container.drawPath("M 100 350 q 150 -300 300 0");
+				fill.color = 0x00CCCC;
+				stroke.color = 0x0CCCC0C;
+				stroke.weight = 5;
+				container.drawPath("M 800 800 L 900 800 A 100 100 0 0 0 800 700 Z");*/
+				
+				//LinearGradient Fill
+				var lg:LinearGradient = new LinearGradient();
+				lg.entries = [new GradientEntry(1,0xFFFFFF,0), new GradientEntry(1,0x000000,1)];
+				lg.scaleX = 1;
+				lg.rotation = 0;
+				container.fill = lg;
+				//container.drawRect(20,20,200,100);
+
+				//var lg:LinearGradient = new LinearGradient();
+				lg.entries = [new GradientEntry(1,0xFF0000,0.33),new GradientEntry(1,0x00FF00,0.66), new GradientEntry(1,0x0000FF,0.99)];
+				lg.scaleX = 1;
+				lg.rotation = 90;
+				container.drawCircle(400, 400, 300);
+				container.drawPath("M 800 800 L 900 800 A 100 100 0 0 0 800 700 Z");
+				container.drawPath("M 100 350 q 150 -300 300 0");
+				container.drawPath("M 100 100 L 200 100 200 200 100 200 Z");
+				
+				
+				
+				this.addElement(container);
+			}
+			
+		]]>
+    </fx:Script>
+	<js:Rect x="0" y="0" width="200" height="200" >
+		<js:fill>
+			<js:SolidColor color="#FF0000" />
+		</js:fill>
+	</js:Rect>
+	
+	<js:Rect x="300" y="0" width="200" height="200">
+		<js:fill>
+			<js:LinearGradient >
+				<js:entries>
+					<js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+					<js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+				</js:entries>
+			</js:LinearGradient>
+		</js:fill>
+	</js:Rect>
+	
+	<js:Circle x="100" y="350" radius="100">
+		<js:fill>
+			<js:LinearGradient >
+				<js:entries>
+					<js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+					<js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+				</js:entries>
+			</js:LinearGradient>
+		</js:fill>
+	</js:Circle>
+	
+	<js:Circle x="400" y="350" radius="100">
+		<js:fill>
+			<js:SolidColor color="#0000FF" alpha="0.5" />
+		</js:fill>
+	</js:Circle>
+	
+	<js:Ellipse x="0" y="500" width="200" height="100" >
+		<js:fill>
+			<js:LinearGradient >
+				<js:entries>
+					<js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+					<js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+				</js:entries>
+			</js:LinearGradient>
+		</js:fill>
+	</js:Ellipse>
+	
+	<js:Ellipse x="300" y="500" width="200" height="100" >
+		<js:fill>
+			<js:SolidColor color="#0000FF" alpha="0.5" />
+		</js:fill>
+	</js:Ellipse>
+	
+	<js:Path x="0" y="0" width="1000" height="1000" data="M 800 800 L 900 800 A 100 100 0 0 0 800 700 Z" >
+		<js:fill>
+			<js:LinearGradient >
+				<js:entries>
+					<js:GradientEntry ratio="0.1" alpha="1" color="#FF0000" />
+					<js:GradientEntry ratio="0.9" alpha="1" color="#0000FF" />
+				</js:entries>
+			</js:LinearGradient>
+		</js:fill>
+	</js:Path>
+	
+	<js:Path x="0" y="300" width="200" height="100" data="M 100 350 q 150 -300 300 0" >
+		<js:fill>
+			<js:SolidColor color="#0000FF" alpha="0.5" />
+		</js:fill>
+	</js:Path>
+	
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml b/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml
new file mode 100644
index 0000000..33e0c29
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/MyInitialView.mxml
@@ -0,0 +1,58 @@
+<?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.
+
+-->
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
+				xmlns:html5="library://ns.apache.org/flexjs/html5"
+				xmlns:svg="library://ns.apache.org/flexjs/svg"				
+			   >
+    <fx:Script>
+        <![CDATA[            
+			import org.apache.flex.events.Event;
+			import org.apache.flex.utils.Timer;
+			
+			private var timer:org.apache.flex.utils.Timer;
+			
+			public function startTimer():void
+			{
+				timer = new org.apache.flex.utils.Timer(1000);
+				timer.addEventListener('timer', timerHandler);
+				timer.start()				
+			}
+			
+			public function timerHandler(event:org.apache.flex.events.Event):void
+			{
+				timerLabel.text = timer.currentCount.toString();	
+			}
+        ]]>
+    </fx:Script>
+	<html5:Label id="lbl" x="100" y="25" >
+		<html5:beads>
+			<js:SimpleBinding eventName="labelTextChanged"
+								 sourceID="applicationModel"
+								 sourcePropertyName="labelText"
+								 destinationPropertyName="text" />
+		</html5:beads>
+	</html5:Label>
+	<html5:TextButton text="Start Timer" x="100" y="75" click="startTimer()" />
+	<html5:TextButton text="Stop Timer" x="100" y="100" click="timer.removeEventListener('timer', timerHandler);timer.stop()" />
+	<html5:Label id="timerLabel" x="100" y="125" />
+
+	<svg:TextButton text="SVG Button" x="100" y="175" width="100" height="30" click="startTimer()" />
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/README.txt
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/README.txt b/manualtests/FlexJSTest_SVG/src/README.txt
new file mode 100644
index 0000000..5329185
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/README.txt
@@ -0,0 +1,45 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+DESCRIPTION
+
+The FlexJSTest_SVG example shows how to use SVG to skin components when run in
+the HTML/JavaScript environment.
+
+This Flex application may be run as a Flash SWF or cross-compiled (using Falcon JX)
+into JavaScript and HTML and run without Flash.
+
+The FlexJSTest_SVG application may be run in ActionScript, which uses standard Flash
+drawing to produce the button skin. When run in JavaScript however, SVG is used to
+make the skin.
+
+To make the skin, a new classification of TextButton was created in the 
+org.apache.flex.svg package. On the ActionScript side, the svg.TextButton simply
+extends the normal TextButton. On the JavaScript side, the svg.TextButton class
+uses an SVG file (svg.assets.TextButton_skin.svg).
+
+COMPONENTS and BEADS
+
+- Label
+- TextButton
+
+NOTES
+
+Maybe a more standard or common way or place to specify skins could be developed so
+specialized packages would not always be needed.

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/SkinsView.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/SkinsView.mxml b/manualtests/FlexJSTest_SVG/src/SkinsView.mxml
new file mode 100644
index 0000000..9fd701d
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/SkinsView.mxml
@@ -0,0 +1,103 @@
+<?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.
+
+-->
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic" xmlns:skins="skins.*" xmlns:mx="library://ns.adobe.com/flex/mx"
+				initComplete="viewbase1_initCompleteHandler(event)" >
+	<fx:Script>
+		<![CDATA[
+			import org.apache.flex.core.graphics.Rect;
+			import org.apache.flex.core.graphics.SolidColor;
+			import org.apache.flex.events.Event;
+			import org.apache.flex.events.MouseEvent;
+			
+			protected function viewbase1_initCompleteHandler(event:org.apache.flex.events.Event):void
+			{
+				//this.mouseChildren = false;
+				currentState = "up";
+				this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_DOWN, handleMouseDown);
+				this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_UP, handleMouseUp);
+				this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_OVER, handleMouseOver);
+				this.addEventListener(org.apache.flex.events.MouseEvent.MOUSE_OUT, handleMouseOut);
+			}
+			
+			private function handleMouseDown(event:org.apache.flex.events.MouseEvent):void
+			{
+				currentState = "down";
+			}
+			
+			private function handleMouseUp(event:org.apache.flex.events.MouseEvent):void
+			{
+				currentState = "up";
+			}
+			
+			private function handleMouseOver(event:org.apache.flex.events.MouseEvent):void
+			{
+				currentState = "over";
+			}
+			
+			private function handleMouseOut(event:org.apache.flex.events.MouseEvent):void
+			{
+				currentState = "up";
+			}
+			
+		]]>
+	</fx:Script>
+	<js:states>
+		<js:State name="up"/>
+		<js:State name="over"/>
+		<js:State name="down"/>
+		<js:State name="disabled"/>
+	</js:states>
+	<!--<js:beads>
+		<js:ViewBaseDataBinding />
+	</js:beads>-->
+	<js:Container x="0" y="0" >
+		<js:Label text="MyButton" x="20" y="5" includeIn="{[up,down,over,disabled]}" />
+		
+		<js:Rect id="fill_up" width="100" height="30" includeIn="up" >
+			<js:stroke>
+				<js:SolidColorStroke alpha="1.0" color="#000000" />
+			</js:stroke>
+			<js:fill>
+				<js:SolidColor color="#1ABC9C" alpha="1.0" />
+			</js:fill>
+		</js:Rect>
+		
+		<js:Rect id="fill_over" width="100" height="30" includeIn="over">
+			<js:stroke>
+				<js:SolidColorStroke alpha="1.0" color="#000000" />
+			</js:stroke>
+			<js:fill>
+				<js:SolidColor color="#48C9B0" alpha="1.0" />
+			</js:fill>
+		</js:Rect>
+		
+		<js:Rect id="fill_down" width="100" height="30" includeIn="down">
+			<js:stroke>
+				<js:SolidColorStroke alpha="1.0" color="#000000" />
+			</js:stroke>
+			<js:fill>
+				<js:SolidColor color="#16A085" alpha="1.0" />
+			</js:fill>
+		</js:Rect>
+		
+	</js:Container>
+	
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/controllers/MyController.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/controllers/MyController.as b/manualtests/FlexJSTest_SVG/src/controllers/MyController.as
new file mode 100644
index 0000000..bacd10d
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/controllers/MyController.as
@@ -0,0 +1,52 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package controllers
+{
+	import models.MyModel;
+	
+	import org.apache.flex.core.Application;
+	import org.apache.flex.core.IDocument;
+	import org.apache.flex.events.Event;
+    	
+	public class MyController implements IDocument
+	{
+		public function MyController(app:Application = null)
+		{
+			if (app)
+			{
+				this.app = app as FlexJSTest_SVG;
+				app.addEventListener("viewChanged", viewChangeHandler);
+			}
+		}
+		
+		private var app:FlexJSTest_SVG;
+		
+		private function viewChangeHandler(event:Event):void
+		{
+		}
+		
+        
+		public function setDocument(document:Object, id:String = null):void
+		{
+			this.app = document as FlexJSTest_SVG;
+			app.addEventListener("viewChanged", viewChangeHandler);
+		}
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/models/MyModel.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/models/MyModel.as b/manualtests/FlexJSTest_SVG/src/models/MyModel.as
new file mode 100644
index 0000000..eeb5af3
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/models/MyModel.as
@@ -0,0 +1,47 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package models
+{
+	import org.apache.flex.events.Event;
+	import org.apache.flex.events.EventDispatcher;
+	
+	public class MyModel extends EventDispatcher
+	{
+		public function MyModel()
+		{
+		}
+		
+		private var _labelText:String;
+		
+		public function get labelText():String
+		{
+			return _labelText;
+		}
+		
+		public function set labelText(value:String):void
+		{
+			if (value != _labelText)
+			{
+				_labelText = value;
+				dispatchEvent(new Event("labelTextChanged"));
+			}
+		}
+
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml b/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml
new file mode 100644
index 0000000..0dca5c7
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/skins/Button_up.mxml
@@ -0,0 +1,27 @@
+<?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.
+
+-->
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic">
+	<js:Path x="0" y="300" width="200" height="100" data="M 100 350 q 150 -300 300 0" >
+		<js:fill>
+			<js:SolidColor color="#0000FF" alpha="0.5" />
+		</js:fill>
+	</js:Path>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as
new file mode 100644
index 0000000..e57cb7d
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/BrandColorEnum.as
@@ -0,0 +1,30 @@
+/**	
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+ 
+ http://www.apache.org/licenses/LICENSE-2.0
+ 
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.	
+ */
+
+package skins.flatspark.enums
+{
+	public class BrandColorEnum
+	{
+		public static const Primary:int = 1;
+		public static const Success:int = 2;
+		public static const Warning:int = 3;
+		public static const Inverse:int = 4;
+		public static const Default:int = 5;
+		public static const Info:int = 6;
+		public static const Danger:int = 7;
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as
new file mode 100644
index 0000000..640d721
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonColorEnum.as
@@ -0,0 +1,59 @@
+/**	
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+ 
+ http://www.apache.org/licenses/LICENSE-2.0
+ 
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.	
+ */
+
+package skins.flatspark.enums
+{
+	import skins.flatspark.utils.ColorUtils;
+
+	public class ButtonColorEnum
+	{
+		public static const PrimaryUp:uint = ColorUtils.Turquoise;
+		public static const PrimaryHover:uint = 0x48C9B0;
+		public static const PrimaryDown:uint = 0x16A085;
+		public static const PrimaryDisabled:uint = ColorUtils.Turquoise;
+		
+		public static const SuccessUp:uint = ColorUtils.Emerald;
+		public static const SuccessHover:uint = 0x58D68D;
+		public static const SuccessDown:uint = 0x27AD60;
+		public static const SuccessDisabled:uint = ColorUtils.Emerald;
+		
+		public static const WarningUp:uint = ColorUtils.SunFlower;
+		public static const WarningHover:uint = 0xF5D313;
+		public static const WarningDown:uint = 0xCDA70D;
+		public static const WarningDisabled:uint = ColorUtils.SunFlower;
+		
+		public static const InverseUp:uint = ColorUtils.WetAsphalt;
+		public static const InverseHover:uint = 0x415B76;
+		public static const InverseDown:uint = 0x2C3E50;
+		public static const InverseDisabled:uint = ColorUtils.WetAsphalt;
+		
+		public static const DefaultUp:uint = ColorUtils.Silver;
+		public static const DefaultHover:uint = 0xCACFD2;
+		public static const DefaultDown:uint = 0xA1A6A9;
+		public static const DefaultDisabled:uint = ColorUtils.Silver;
+		
+		public static const InfoUp:uint = ColorUtils.PeterRiver;
+		public static const InfoHover:uint = 0x5DADE2;
+		public static const InfoDown:uint = 0x2C81BA;
+		public static const InfoDisabled:uint = ColorUtils.PeterRiver;
+		
+		public static const DangerUp:uint = ColorUtils.Alizarin;
+		public static const DangerHover:uint = 0xEC7063;
+		public static const DangerDown:uint = 0xC44133;
+		public static const DangerDisabled:uint = ColorUtils.Alizarin;
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as
new file mode 100644
index 0000000..1836ced
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ButtonSizeEnum.as
@@ -0,0 +1,31 @@
+/**	
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+ 
+ http://www.apache.org/licenses/LICENSE-2.0
+ 
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.	
+ */
+
+package skins.flatspark.enums
+{
+	public class ButtonSizeEnum
+	{
+		public static const Large:int = 43;
+		public static const Normal:int = 32;
+		public static const Small:int = 28;
+		public static const ExtraSmall:int = 20;
+		
+		public function ButtonSizeEnum()
+		{
+		}
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as
new file mode 100644
index 0000000..2a7a1dc
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/ColorSwatchEnum.as
@@ -0,0 +1,40 @@
+/**	
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+ 
+ http://www.apache.org/licenses/LICENSE-2.0
+ 
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.	
+ */
+
+package skins.flatspark.enums
+{
+	public class ColorSwatchEnum
+	{
+		public static const Turquoise_GreenSea:int = 1;
+		public static const Emerald_Nephritis:int = 2;
+		public static const PeterRiver_BelizeHole:int = 3;
+		public static const Amethyst_Wisteria:int = 4;
+		public static const WetAsphalt_MidnightBlue:int = 5;
+		public static const SunFlower_Orange:int = 6;
+		public static const Carrot_Pumpkin:int = 7;
+		public static const Alizarin_Pomegranate:int = 8;
+		public static const Clouds_Silver:int = 9;
+		public static const Concrete_Asbestos:int = 10;
+		
+		
+		private var _colorSwatch:int;
+		
+		public function ColorSwatchEnum(colorSwatch:int = 3) {
+			_colorSwatch = colorSwatch;
+		}
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as
new file mode 100644
index 0000000..c2c22c0
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/SizeEnum.as
@@ -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.	
+ */
+
+package skins.flatspark.enums
+{
+	public class SizeEnum
+	{
+		public static const Small:int = 10;
+		public static const Medium:int = 12;
+		public static const Large:int = 14;
+
+		private var _size:int;
+		
+		public function SizeEnum(size:int = 12) {
+			_size = size;
+		}
+	}
+}
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/0485c8b6/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as
----------------------------------------------------------------------
diff --git a/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as
new file mode 100644
index 0000000..ab7377b
--- /dev/null
+++ b/manualtests/FlexJSTest_SVG/src/skins/flatspark/enums/TextInputSizeEnum.as
@@ -0,0 +1,30 @@
+/**	
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements.  See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License.  You may obtain a copy of the License at
+ 
+ http://www.apache.org/licenses/LICENSE-2.0
+ 
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.	
+ */
+
+package skins.flatspark.enums
+{
+	public class TextInputSizeEnum
+	{
+		public static const Large:int = 41;
+		public static const Normal:int = 38;
+		public static const Small:int = 31;
+		
+		public function TextInputSizeEnum()
+		{
+		}
+	}
+}
\ No newline at end of file


Mime
View raw message