You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by ah...@apache.org on 2015/04/16 16:34:15 UTC

[5/9] git commit: [flex-asjs] [refs/heads/develop] - change 'basic' prefix to 'js'

change 'basic' prefix to 'js'


Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/6a35711f
Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/6a35711f
Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/6a35711f

Branch: refs/heads/develop
Commit: 6a35711f42c014819e2f27ba00d08cb34e0c6c78
Parents: 1cd5f16
Author: Alex Harui <ah...@apache.org>
Authored: Wed Apr 15 15:21:31 2015 -0700
Committer: Alex Harui <ah...@apache.org>
Committed: Wed Apr 15 15:21:31 2015 -0700

----------------------------------------------------------------------
 examples/ChartExample/src/ChartExample.mxml     |  20 +-
 examples/ChartExample/src/MyInitialView.mxml    | 408 +++++++++----------
 examples/ChartExample/src/SpeedTestView.mxml    | 156 +++----
 .../src/CordovaCameraExample.mxml               |   6 +-
 .../CordovaCameraExample/src/MyInitialView.mxml |  16 +-
 .../DataBindingTest/src/DataBindingTest.mxml    |  48 +--
 examples/DataBindingTest/src/MyInitialView.mxml |  84 ++--
 .../DataGridExample/src/DataGridExample.mxml    |  20 +-
 examples/DataGridExample/src/MyInitialView.mxml |  28 +-
 .../DataGridXcompile/src/DataGridXcompile.mxml  |  20 +-
 .../DataGridXcompile/src/MyInitialView.mxml     |  12 +-
 .../src/DateChooserExample.mxml                 |  20 +-
 .../DateChooserExample/src/MyInitialView.mxml   |  12 +-
 examples/DesktopMap/src/DesktopMap.mxml         |  26 +-
 examples/DesktopMap/src/MyInitialView.mxml      |  76 ++--
 examples/EffectsExample/src/EffectExample.mxml  |  16 +-
 examples/EffectsExample/src/MyInitialView.mxml  |  44 +-
 examples/FlexJSStore/src/FlexJSStore.mxml       | 128 +++---
 examples/FlexJSStore/src/HomeView.mxml          | 254 ++++++------
 examples/FlexJSStore/src/ProductsView.mxml      |  34 +-
 examples/FlexJSStore/src/SupportView.mxml       | 124 +++---
 .../src/productsView/CatalogTitleButtons.mxml   |  30 +-
 examples/FlexJSStore/src/productsView/Grip.mxml |  34 +-
 .../src/productsView/ProductCart.mxml           |  48 +--
 .../src/productsView/ProductCatalogPanel.mxml   |  62 +--
 .../ProductCatalogPanelTitleBarView.mxml        |  20 +-
 .../productsView/ProductCatalogThumbnail.mxml   | 138 +++----
 .../src/productsView/ProductDetails.mxml        | 144 +++----
 .../src/productsView/ProductFilterPanel.mxml    | 144 +++----
 .../src/productsView/ProductList.mxml           |  26 +-
 .../src/productsView/ProductListItem.mxml       |  44 +-
 .../src/productsView/ProductSupport.mxml        |  50 +--
 .../FlexJSStore_jquery/src/FlexJSStore.mxml     | 104 ++---
 examples/FlexJSStore_jquery/src/HomeView.mxml   | 248 +++++------
 .../FlexJSStore_jquery/src/ProductsView.mxml    |  34 +-
 .../FlexJSStore_jquery/src/SupportView.mxml     | 124 +++---
 .../src/productsView/CatalogTitleButtons.mxml   |  30 +-
 .../src/productsView/Grip.mxml                  |  34 +-
 .../src/productsView/ProductCart.mxml           |  48 +--
 .../src/productsView/ProductCatalogPanel.mxml   |  62 +--
 .../ProductCatalogPanelTitleBarView.mxml        |  20 +-
 .../productsView/ProductCatalogThumbnail.mxml   | 138 +++----
 .../src/productsView/ProductDetails.mxml        | 144 +++----
 .../src/productsView/ProductFilterPanel.mxml    | 144 +++----
 .../src/productsView/ProductList.mxml           |  26 +-
 .../src/productsView/ProductListItem.mxml       |  44 +-
 .../src/productsView/ProductSupport.mxml        |  50 +--
 .../FlexJSTest_HTML5/src/FlexJSTest_HTML5.mxml  |  46 +--
 .../FlexJSTest_HTML5/src/MyInitialView.mxml     |  16 +-
 .../FlexJSTest_Panel/src/FlexJSTest_Panel.mxml  |  16 +-
 .../FlexJSTest_Panel/src/MyInitialView.mxml     |  32 +-
 examples/FlexJSTest_SVG/src/FlexJSTest_SVG.mxml |  24 +-
 examples/FlexJSTest_SVG/src/GraphicsView.mxml   | 126 +++---
 examples/FlexJSTest_SVG/src/MyInitialView.mxml  |   8 +-
 examples/FlexJSTest_SVG/src/SkinsView.mxml      |  70 ++--
 .../FlexJSTest_SVG/src/skins/Button_up.mxml     |  16 +-
 .../FlexJSTest_basic/src/FlexJSTest_basic.mxml  |  46 +--
 .../FlexJSTest_basic/src/MyInitialView.mxml     |  84 ++--
 .../src/CreateJSExample.mxml                    |   4 +-
 .../FlexJSTest_createjs/src/MyInitialView.mxml  |   6 +-
 .../FlexJSTest_jquery/src/MyInitialView.mxml    |  60 +--
 .../FlexJSTest_jquery/src/jQuerySample.mxml     |  24 +-
 examples/FormExample/src/FormExample.mxml       |  16 +-
 examples/FormExample/src/MyFormView.mxml        |  60 +--
 examples/FormatExample/src/FormatExample.mxml   |  16 +-
 examples/FormatExample/src/MyFormView.mxml      | 128 +++---
 .../FormatExample/src/dialogs/LoginDialog.mxml  |  54 +--
 examples/ImageTest/src/ImageTest.mxml           |  16 +-
 examples/ImageTest/src/MyInitialView.mxml       |  24 +-
 examples/ListsTest/src/FirstView.mxml           |  18 +-
 examples/ListsTest/src/ListsTests.mxml          |  20 +-
 examples/MapSearch/src/MapSearch.mxml           |  26 +-
 examples/MapSearch/src/MyInitialView.mxml       |  68 ++--
 examples/MobileTrader/src/MobileTrader.mxml     |  20 +-
 examples/MobileTrader/src/MyInitialView.mxml    |  44 +-
 examples/MobileTrader/src/views/AlertsView.mxml |  70 ++--
 examples/MobileTrader/src/views/AssetsView.mxml |  88 ++--
 examples/MobileTrader/src/views/SearchView.mxml |   8 +-
 examples/MobileTrader/src/views/StockView.mxml  |  54 +--
 .../MobileTrader/src/views/WatchListView.mxml   |  96 ++---
 examples/StatesTest/src/MyInitialView.mxml      | 108 ++---
 examples/StatesTest/src/StatesTest.mxml         |  48 +--
 examples/StockQuote/src/MyInitialView.mxml      | 104 ++---
 examples/StockQuote/src/StockQuote.mxml         |  48 +--
 .../src/TodoListSampleApp.mxml                  |  24 +-
 .../src/sample/todo/views/TodoListView.mxml     |  42 +-
 .../as/tests/FlexUnitFlexJSApplication.mxml     |  12 +-
 .../apache/flex/html/beads/TitleBarView.mxml    |  26 +-
 .../asjs/tests/FlexUnitFlexJSApplication.mxml   |  12 +-
 .../TextButton/MyInitialView.mxml               |   8 +-
 .../staticControls/TextButton/TextButton.mxml   |  10 +-
 mustella/tests/basicTests/BasicTests.mxml       |  10 +-
 mustella/tests/basicTests/BasicTestsApp.mxml    |  50 +--
 .../dmv/scripts/ChartsTestScript.mxml           |   2 +-
 .../tests/basicTests/dmv/views/ChartsTests.mxml |   2 +-
 .../graphics/views/comps/EllipseBasic2.mxml     |   2 +-
 .../graphics/views/comps/RectBasic3.mxml        |   2 +-
 .../graphics/views/comps/TextGraphicBasic1.mxml |   2 +-
 .../basicTests/halo/views/ButtonTests.mxml      |   6 +-
 .../basicTests/halo/views/CheckBoxTests.mxml    |   4 +-
 .../spark/scripts/DataGridTestScript.mxml       |   2 +-
 .../spark/scripts/FXG2RuntimeTestScript.mxml    |   2 +-
 .../spark/scripts/TitleWindowTestScript.mxml    |   2 +-
 .../basicTests/spark/views/HelloWorld.mxml      |   2 +-
 104 files changed, 2738 insertions(+), 2738 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/ChartExample/src/ChartExample.mxml
----------------------------------------------------------------------
diff --git a/examples/ChartExample/src/ChartExample.mxml b/examples/ChartExample/src/ChartExample.mxml
index baa95f8..6cf51d9 100644
--- a/examples/ChartExample/src/ChartExample.mxml
+++ b/examples/ChartExample/src/ChartExample.mxml
@@ -18,20 +18,20 @@
 //
 ////////////////////////////////////////////////////////////////////////////////
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 				   xmlns:local="*"
 				   xmlns:models="models.*"
-				   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
 				   >
 	
-	<basic:valuesImpl>
-		<basic:SimpleCSSValuesImpl />
-	</basic:valuesImpl>
-	<basic:model>
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:model>
 		<models:ProductsModel />
-	</basic:model>
-	<basic:initialView>
+	</js:model>
+	<js:initialView>
 		<local:MyInitialView />
-	</basic:initialView>
-</basic:Application>
+	</js:initialView>
+</js:Application>
 

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/ChartExample/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/ChartExample/src/MyInitialView.mxml b/examples/ChartExample/src/MyInitialView.mxml
index c0f901e..70d07cc 100644
--- a/examples/ChartExample/src/MyInitialView.mxml
+++ b/examples/ChartExample/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
 				xmlns:local="*" 
 				xmlns:models="models.*"
                 initComplete="testit()"
@@ -38,264 +38,264 @@ limitations under the License.
 		]]>
 	</fx:Script>
 	
-	<basic:Label id="output" x="50" y="30" width="100" />
+	<js:Label id="output" x="50" y="30" width="100" />
 	
-	<basic:ColumnChart id="columnChart" x="20" y="20" width="400" height="200">
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:ColumnChart id="columnChart" x="20" y="20" width="400" height="200">
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
-			<basic:HorizontalCategoryAxisBead categoryField="title" />
-			<basic:VerticalLinearAxisBead valueField="sales2013" />
-		</basic:beads>
-		<basic:series>
-			<basic:ColumnSeries yField="sales2013">
-				<basic:itemRenderer>
+			<js:HorizontalCategoryAxisBead categoryField="title" />
+			<js:VerticalLinearAxisBead valueField="sales2013" />
+		</js:beads>
+		<js:series>
+			<js:ColumnSeries yField="sales2013">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#FF964D" alpha="1.0" />
-							</basic:fill>
-						</basic:BoxItemRenderer>                      
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#FF964D" alpha="1.0" />
+							</js:fill>
+						</js:BoxItemRenderer>                      
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:ColumnSeries>
-			<basic:ColumnSeries yField="sales2014">
-				<basic:itemRenderer>
+				</js:itemRenderer>
+			</js:ColumnSeries>
+			<js:ColumnSeries yField="sales2014">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#964DFF" alpha="1.0" />
-							</basic:fill>
-						</basic:BoxItemRenderer>                        
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#964DFF" alpha="1.0" />
+							</js:fill>
+						</js:BoxItemRenderer>                        
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:ColumnSeries>
-		</basic:series>
-	</basic:ColumnChart>
+				</js:itemRenderer>
+			</js:ColumnSeries>
+		</js:series>
+	</js:ColumnChart>
 	
-	<basic:BarChart id="barChart" x="500" y="20" width="400" height="300">
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:BarChart id="barChart" x="500" y="20" width="400" height="300">
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
-			<basic:VerticalCategoryAxisBead categoryField="title" />
-			<basic:HorizontalLinearAxisBead valueField="sales2013" />
-		</basic:beads>
-		<basic:series>
-			<basic:BarSeries xField="sales2013">
-				<basic:itemRenderer>
+			<js:VerticalCategoryAxisBead categoryField="title" />
+			<js:HorizontalLinearAxisBead valueField="sales2013" />
+		</js:beads>
+		<js:series>
+			<js:BarSeries xField="sales2013">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#FF964D" alpha="1.0" />
-							</basic:fill>
-						</basic:BoxItemRenderer>                        
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#FF964D" alpha="1.0" />
+							</js:fill>
+						</js:BoxItemRenderer>                        
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:BarSeries>
-			<basic:BarSeries xField="sales2014">
-				<basic:itemRenderer>
+				</js:itemRenderer>
+			</js:BarSeries>
+			<js:BarSeries xField="sales2014">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#964DFF" alpha="1.0" />
-							</basic:fill>
-						</basic:BoxItemRenderer>                        
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#964DFF" alpha="1.0" />
+							</js:fill>
+						</js:BoxItemRenderer>                        
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:BarSeries>
-		</basic:series>
-	</basic:BarChart>
+				</js:itemRenderer>
+			</js:BarSeries>
+		</js:series>
+	</js:BarChart>
 	
-	<basic:StackedColumnChart id="stackedChart" x="20" y="300" width="400" height="200">
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:StackedColumnChart id="stackedChart" x="20" y="300" width="400" height="200">
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
-			<basic:HorizontalCategoryAxisBead categoryField="title" />
-		</basic:beads>
-		<basic:series>
-			<basic:ColumnSeries yField="sales2013">
-				<basic:itemRenderer>
+			<js:HorizontalCategoryAxisBead categoryField="title" />
+		</js:beads>
+		<js:series>
+			<js:ColumnSeries yField="sales2013">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#FF964D" alpha="0.5" />
-							</basic:fill>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#FF964D" weight="2" />
-							</basic:stroke>
-						</basic:BoxItemRenderer>                       
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#FF964D" alpha="0.5" />
+							</js:fill>
+							<js:stroke>
+								<js:SolidColorStroke color="#FF964D" weight="2" />
+							</js:stroke>
+						</js:BoxItemRenderer>                       
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:ColumnSeries>
-			<basic:ColumnSeries yField="sales2014">
-				<basic:itemRenderer>
+				</js:itemRenderer>
+			</js:ColumnSeries>
+			<js:ColumnSeries yField="sales2014">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#964DFF" alpha="0.5" />
-							</basic:fill>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#964DFF" weight="2" />
-							</basic:stroke>
-						</basic:BoxItemRenderer>                        
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#964DFF" alpha="0.5" />
+							</js:fill>
+							<js:stroke>
+								<js:SolidColorStroke color="#964DFF" weight="2" />
+							</js:stroke>
+						</js:BoxItemRenderer>                        
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:ColumnSeries>
-		</basic:series>
-	</basic:StackedColumnChart>
+				</js:itemRenderer>
+			</js:ColumnSeries>
+		</js:series>
+	</js:StackedColumnChart>
 	
-	<basic:StackedBarChart id="stackedBarChart" x="500" y="400" width="400" height="300">
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:StackedBarChart id="stackedBarChart" x="500" y="400" width="400" height="300">
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
-			<basic:VerticalCategoryAxisBead categoryField="title" />
-		</basic:beads>
-		<basic:series>
-			<basic:BarSeries xField="sales2013">
-				<basic:itemRenderer>
+			<js:VerticalCategoryAxisBead categoryField="title" />
+		</js:beads>
+		<js:series>
+			<js:BarSeries xField="sales2013">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#FF964D" alpha="0.5" />
-							</basic:fill>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#FF964D" weight="2" />
-							</basic:stroke>
-						</basic:BoxItemRenderer>                        
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#FF964D" alpha="0.5" />
+							</js:fill>
+							<js:stroke>
+								<js:SolidColorStroke color="#FF964D" weight="2" />
+							</js:stroke>
+						</js:BoxItemRenderer>                        
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:BarSeries>
-			<basic:BarSeries xField="sales2014">
-				<basic:itemRenderer>
+				</js:itemRenderer>
+			</js:BarSeries>
+			<js:BarSeries xField="sales2014">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#964DFF" alpha="0.5" />
-							</basic:fill>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#964DFF" weight="2" />
-							</basic:stroke>
-						</basic:BoxItemRenderer>                        
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#964DFF" alpha="0.5" />
+							</js:fill>
+							<js:stroke>
+								<js:SolidColorStroke color="#964DFF" weight="2" />
+							</js:stroke>
+						</js:BoxItemRenderer>                        
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:BarSeries>
-		</basic:series>
-	</basic:StackedBarChart>
+				</js:itemRenderer>
+			</js:BarSeries>
+		</js:series>
+	</js:StackedBarChart>
 	
-	<basic:PieChart id="pieChart" x="20" y="550" width="200" height="200">
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:PieChart id="pieChart" x="20" y="550" width="200" height="200">
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
-		</basic:beads>
-		<basic:series>
-			<basic:PieSeries dataField="sales2013">
-				<basic:itemRenderer>
+		</js:beads>
+		<js:series>
+			<js:PieSeries dataField="sales2013">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:WedgeItemRenderer />
+						<js:WedgeItemRenderer />
 					</fx:Component>
-				</basic:itemRenderer>
-			</basic:PieSeries>
-		</basic:series>
-	</basic:PieChart>
+				</js:itemRenderer>
+			</js:PieSeries>
+		</js:series>
+	</js:PieChart>
 	
-	<basic:LineChart id="lineChart" x="500" y="750" width="400" height="200">
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:LineChart id="lineChart" x="500" y="750" width="400" height="200">
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
-			<basic:HorizontalLinearAxisBead valueField="detail" />
-			<basic:VerticalLinearAxisBead valueField="sales2013" />
-			<basic:LineChartLinearVsLinearLayout />
-		</basic:beads>
-		<basic:series>
-			<basic:LineSeries xField="detail" yField="sales2013">
-				<basic:itemRenderer>
+			<js:HorizontalLinearAxisBead valueField="detail" />
+			<js:VerticalLinearAxisBead valueField="sales2013" />
+			<js:LineChartLinearVsLinearLayout />
+		</js:beads>
+		<js:series>
+			<js:LineSeries xField="detail" yField="sales2013">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#FF964D" alpha="1" />
-							</basic:fill>  
-						</basic:BoxItemRenderer>
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#FF964D" alpha="1" />
+							</js:fill>  
+						</js:BoxItemRenderer>
 					</fx:Component>
-				</basic:itemRenderer>
-				<basic:lineSegmentRenderer>
+				</js:itemRenderer>
+				<js:lineSegmentRenderer>
 					<fx:Component>
-						<basic:LineSegmentItemRenderer>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#FF964D" weight="3" alpha="0.8" />
-							</basic:stroke>
-						</basic:LineSegmentItemRenderer>                      
+						<js:LineSegmentItemRenderer>
+							<js:stroke>
+								<js:SolidColorStroke color="#FF964D" weight="3" alpha="0.8" />
+							</js:stroke>
+						</js:LineSegmentItemRenderer>                      
 					</fx:Component>
-				</basic:lineSegmentRenderer>
-			</basic:LineSeries>
-			<basic:LineSeries xField="detail" yField="sales2014">
-				<basic:itemRenderer>
+				</js:lineSegmentRenderer>
+			</js:LineSeries>
+			<js:LineSeries xField="detail" yField="sales2014">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#964DFF" alpha="1" />
-							</basic:fill>  
-						</basic:BoxItemRenderer>
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#964DFF" alpha="1" />
+							</js:fill>  
+						</js:BoxItemRenderer>
 					</fx:Component>
-				</basic:itemRenderer>
-				<basic:lineSegmentRenderer>
+				</js:itemRenderer>
+				<js:lineSegmentRenderer>
 					<fx:Component>
-						<basic:LineSegmentItemRenderer>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#964DFF" weight="3" alpha="0.8" />
-							</basic:stroke>
-						</basic:LineSegmentItemRenderer>                      
+						<js:LineSegmentItemRenderer>
+							<js:stroke>
+								<js:SolidColorStroke color="#964DFF" weight="3" alpha="0.8" />
+							</js:stroke>
+						</js:LineSegmentItemRenderer>                      
 					</fx:Component>
-				</basic:lineSegmentRenderer>
-			</basic:LineSeries>
-		</basic:series>
-	</basic:LineChart>
+				</js:lineSegmentRenderer>
+			</js:LineSeries>
+		</js:series>
+	</js:LineChart>
 	
-	<basic:LineChart id="waveChart" x="20" y="800" width="400" height="200">
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:LineChart id="waveChart" x="20" y="800" width="400" height="200">
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="wave"
 				destinationPropertyName="dataProvider" />
-			<basic:HorizontalLinearAxisBead valueField="x" />
-			<basic:VerticalLinearAxisBead valueField="sin" minimum="-1" maximum="1" />
-			<basic:LineChartLinearVsLinearLayout />
-		</basic:beads>
-		<basic:series>
-			<basic:LineSeries xField="x" yField="sin">
-				<basic:lineSegmentRenderer>
+			<js:HorizontalLinearAxisBead valueField="x" />
+			<js:VerticalLinearAxisBead valueField="sin" minimum="-1" maximum="1" />
+			<js:LineChartLinearVsLinearLayout />
+		</js:beads>
+		<js:series>
+			<js:LineSeries xField="x" yField="sin">
+				<js:lineSegmentRenderer>
 					<fx:Component>
-						<basic:LineSegmentItemRenderer>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#964DFF" weight="5" alpha="1" />
-							</basic:stroke>
-						</basic:LineSegmentItemRenderer>                        
+						<js:LineSegmentItemRenderer>
+							<js:stroke>
+								<js:SolidColorStroke color="#964DFF" weight="5" alpha="1" />
+							</js:stroke>
+						</js:LineSegmentItemRenderer>                        
 					</fx:Component>
-				</basic:lineSegmentRenderer>
-			</basic:LineSeries>
-			<basic:LineSeries xField="x" yField="cos">
-				<basic:lineSegmentRenderer>
+				</js:lineSegmentRenderer>
+			</js:LineSeries>
+			<js:LineSeries xField="x" yField="cos">
+				<js:lineSegmentRenderer>
 					<fx:Component>
-						<basic:LineSegmentItemRenderer>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#FF964D" weight="5" alpha="1" />
-							</basic:stroke>
-						</basic:LineSegmentItemRenderer>                        
+						<js:LineSegmentItemRenderer>
+							<js:stroke>
+								<js:SolidColorStroke color="#FF964D" weight="5" alpha="1" />
+							</js:stroke>
+						</js:LineSegmentItemRenderer>                        
 					</fx:Component>
-				</basic:lineSegmentRenderer>
-			</basic:LineSeries>
-		</basic:series>
-	</basic:LineChart>
+				</js:lineSegmentRenderer>
+			</js:LineSeries>
+		</js:series>
+	</js:LineChart>
 	
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/ChartExample/src/SpeedTestView.mxml
----------------------------------------------------------------------
diff --git a/examples/ChartExample/src/SpeedTestView.mxml b/examples/ChartExample/src/SpeedTestView.mxml
index 8b410c5..40c619e 100644
--- a/examples/ChartExample/src/SpeedTestView.mxml
+++ b/examples/ChartExample/src/SpeedTestView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
 				xmlns:local="*" 
 				xmlns:models="models.*"
 				>
@@ -84,104 +84,104 @@ limitations under the License.
 		}
 	</fx:Style>
 	
-	<basic:Container x="20" y="20">
-		<basic:beads>
-			<basic:NonVirtualHorizontalLayout />
-		</basic:beads>
-		<basic:Label text="Points:" />
-		<basic:TextInput id="numPoints" text="300" />
-	</basic:Container>
+	<js:Container x="20" y="20">
+		<js:beads>
+			<js:NonVirtualHorizontalLayout />
+		</js:beads>
+		<js:Label text="Points:" />
+		<js:TextInput id="numPoints" text="300" />
+	</js:Container>
 	
 	<!-- SVG Line Chart -->
 	
-	<basic:Label text="SVG Chart" x="250" y="80" />
+	<js:Label text="SVG Chart" x="250" y="80" />
 	
-	<basic:LineChart id="svgChart" x="21" y="100" width="400" height="200" className="hsline">
-		<basic:beads>
-			<!--<basic:ConstantBinding
+	<js:LineChart id="svgChart" x="21" y="100" width="400" height="200" className="hsline">
+		<js:beads>
+			<!--<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="wave"
 				destinationPropertyName="dataProvider" />-->
-			<basic:HorizontalLinearAxisBead valueField="x" />
-			<basic:VerticalLinearAxisBead valueField="sin" minimum="-1" maximum="1" />
-			<basic:LineChartLinearVsLinearLayout />
-		</basic:beads>
-		<basic:series>
-			<basic:LineSeries xField="x" yField="sin">
-				<basic:itemRenderer>
+			<js:HorizontalLinearAxisBead valueField="x" />
+			<js:VerticalLinearAxisBead valueField="sin" minimum="-1" maximum="1" />
+			<js:LineChartLinearVsLinearLayout />
+		</js:beads>
+		<js:series>
+			<js:LineSeries xField="x" yField="sin">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:SVGBoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#FF44FF" alpha="1" />
-							</basic:fill>  
-						</basic:SVGBoxItemRenderer>
+						<js:SVGBoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#FF44FF" alpha="1" />
+							</js:fill>  
+						</js:SVGBoxItemRenderer>
 					</fx:Component>
-				</basic:itemRenderer>
-				<basic:lineSegmentRenderer>
+				</js:itemRenderer>
+				<js:lineSegmentRenderer>
 					<fx:Component>
-						<basic:SVGLineSegmentItemRenderer>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#964DFF" weight="2" alpha="1" />
-							</basic:stroke>
-						</basic:SVGLineSegmentItemRenderer>                        
+						<js:SVGLineSegmentItemRenderer>
+							<js:stroke>
+								<js:SolidColorStroke color="#964DFF" weight="2" alpha="1" />
+							</js:stroke>
+						</js:SVGLineSegmentItemRenderer>                        
 					</fx:Component>
-				</basic:lineSegmentRenderer>
-			</basic:LineSeries>
-		</basic:series>
-	</basic:LineChart>
+				</js:lineSegmentRenderer>
+			</js:LineSeries>
+		</js:series>
+	</js:LineChart>
 	
 	<!-- Regular Line Chart -->
 	
-	<basic:Label text="Reg Chart" x="650" y="80" />
+	<js:Label text="Reg Chart" x="650" y="80" />
 	
-	<basic:LineChart id="regChart" x="500" y="100" width="400" height="200">
-		<basic:beads>
-			<!--<basic:ConstantBinding
+	<js:LineChart id="regChart" x="500" y="100" width="400" height="200">
+		<js:beads>
+			<!--<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="wave2"
 				destinationPropertyName="dataProvider" />-->
-			<basic:HorizontalLinearAxisBead valueField="x" />
-			<basic:VerticalLinearAxisBead valueField="sin" minimum="-1" maximum="1" />
-			<basic:LineChartLinearVsLinearLayout />
-		</basic:beads>
-		<basic:series>
-			<basic:LineSeries xField="x" yField="sin">
-				<basic:itemRenderer>
+			<js:HorizontalLinearAxisBead valueField="x" />
+			<js:VerticalLinearAxisBead valueField="sin" minimum="-1" maximum="1" />
+			<js:LineChartLinearVsLinearLayout />
+		</js:beads>
+		<js:series>
+			<js:LineSeries xField="x" yField="sin">
+				<js:itemRenderer>
 					<fx:Component>
-						<basic:BoxItemRenderer>
-							<basic:fill>
-								<basic:SolidColor color="#99FF99" alpha="1" />
-							</basic:fill>  
-						</basic:BoxItemRenderer>
+						<js:BoxItemRenderer>
+							<js:fill>
+								<js:SolidColor color="#99FF99" alpha="1" />
+							</js:fill>  
+						</js:BoxItemRenderer>
 					</fx:Component>
-				</basic:itemRenderer>
-				<basic:lineSegmentRenderer>
+				</js:itemRenderer>
+				<js:lineSegmentRenderer>
 					<fx:Component>
-						<basic:LineSegmentItemRenderer>
-							<basic:stroke>
-								<basic:SolidColorStroke color="#33DD33" weight="2" alpha="1" />
-							</basic:stroke>
-						</basic:LineSegmentItemRenderer>                        
+						<js:LineSegmentItemRenderer>
+							<js:stroke>
+								<js:SolidColorStroke color="#33DD33" weight="2" alpha="1" />
+							</js:stroke>
+						</js:LineSegmentItemRenderer>                        
 					</fx:Component>
-				</basic:lineSegmentRenderer>
-			</basic:LineSeries>
-		</basic:series>
-	</basic:LineChart>
+				</js:lineSegmentRenderer>
+			</js:LineSeries>
+		</js:series>
+	</js:LineChart>
 	
-	<basic:Container x="150" y="325">
-		<basic:beads>
-			<basic:NonVirtualHorizontalLayout />
-		</basic:beads>
-		<basic:TextButton text="SVG Go" click="startTimingSVG()" />
-		<basic:Label text="  (results)" id="svgChartResults" />
-	</basic:Container>
+	<js:Container x="150" y="325">
+		<js:beads>
+			<js:NonVirtualHorizontalLayout />
+		</js:beads>
+		<js:TextButton text="SVG Go" click="startTimingSVG()" />
+		<js:Label text="  (results)" id="svgChartResults" />
+	</js:Container>
 	
-	<basic:Container x="650" y="325">
-		<basic:beads>
-			<basic:NonVirtualHorizontalLayout />
-		</basic:beads>
-		<basic:TextButton text="Reg Go" click="startTimingReg()" />
-		<basic:Label text="  (results)" id="regChartResults" />
-	</basic:Container>
+	<js:Container x="650" y="325">
+		<js:beads>
+			<js:NonVirtualHorizontalLayout />
+		</js:beads>
+		<js:TextButton text="Reg Go" click="startTimingReg()" />
+		<js:Label text="  (results)" id="regChartResults" />
+	</js:Container>
 	
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/CordovaCameraExample/src/CordovaCameraExample.mxml
----------------------------------------------------------------------
diff --git a/examples/CordovaCameraExample/src/CordovaCameraExample.mxml b/examples/CordovaCameraExample/src/CordovaCameraExample.mxml
index 6699d43..5e70a10 100644
--- a/examples/CordovaCameraExample/src/CordovaCameraExample.mxml
+++ b/examples/CordovaCameraExample/src/CordovaCameraExample.mxml
@@ -21,19 +21,19 @@
 <cordova:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 				   xmlns:local="*"
 				   xmlns:models="models.*"
-				   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
 				   xmlns:cordova="library://ns.apache.org/flexjs/cordova" 
 				   deviceready="MyInitialView(initialView).ready = true"
 				   >
 	
 	<cordova:valuesImpl>
-		<basic:SimpleCSSValuesImpl />
+		<js:SimpleCSSValuesImpl />
 	</cordova:valuesImpl>
 	<cordova:initialView>
 		<local:MyInitialView />
 	</cordova:initialView>
 	<cordova:beads>
-		<basic:MixinManager />
+		<js:MixinManager />
 		<cordova:Weinre guid="aharui" />
 	</cordova:beads>
 </cordova:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/CordovaCameraExample/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/CordovaCameraExample/src/MyInitialView.mxml b/examples/CordovaCameraExample/src/MyInitialView.mxml
index fd0afba..29e31e3 100644
--- a/examples/CordovaCameraExample/src/MyInitialView.mxml
+++ b/examples/CordovaCameraExample/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
 				xmlns:local="*" >
     <fx:Script>
         <![CDATA[
@@ -63,13 +63,13 @@ limitations under the License.
 	
 	</fx:Style>
 	
-	<basic:Label id="status" x="20" y="140" width="400" text="loading..."/>
+	<js:Label id="status" x="20" y="140" width="400" text="loading..."/>
 	
-	<basic:TextButton text="From Photo Library" x="20" y="20" click="onFromPhotoLibrary()" />
-	<basic:TextButton text="Snap Picture" x="20" y="55" click="snapPicture()" />
+	<js:TextButton text="From Photo Library" x="20" y="20" click="onFromPhotoLibrary()" />
+	<js:TextButton text="Snap Picture" x="20" y="55" click="snapPicture()" />
 	
-	<basic:Label id="output" x="20" y="110" width="400"/>
+	<js:Label id="output" x="20" y="110" width="400"/>
 	
-	<basic:Image id="image" x="20" y="200" width="200" height="200" />
+	<js:Image id="image" x="20" y="200" width="200" height="200" />
 
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DataBindingTest/src/DataBindingTest.mxml
----------------------------------------------------------------------
diff --git a/examples/DataBindingTest/src/DataBindingTest.mxml b/examples/DataBindingTest/src/DataBindingTest.mxml
index 6f5ee7e..cf5e9e6 100644
--- a/examples/DataBindingTest/src/DataBindingTest.mxml
+++ b/examples/DataBindingTest/src/DataBindingTest.mxml
@@ -17,36 +17,36 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:local="*"
-                   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+                   xmlns:js="library://ns.apache.org/flexjs/basic" 
                    xmlns:models="models.*" 
                    xmlns:controllers="controllers.*"
                    initialize="MyModel(model).stockSymbol='ADBE'"
                    >
-    <basic:valuesImpl>
-        <basic:SimpleCSSValuesImpl />
-    </basic:valuesImpl>
-    <basic:initialView>
+    <js:valuesImpl>
+        <js:SimpleCSSValuesImpl />
+    </js:valuesImpl>
+    <js:initialView>
         <local:MyInitialView />
-    </basic:initialView>
-    <basic:model>
+    </js:initialView>
+    <js:model>
         <models:MyModel />
-    </basic:model>
-    <basic:controller>
+    </js:model>
+    <js:controller>
         <controllers:MyController />
-    </basic:controller>
-    <basic:beads>
-        <basic:HTTPService id="service">
-            <basic:LazyCollection id="collection">
-                <basic:inputParser>
-                    <basic:JSONInputParser />
-                </basic:inputParser>
-                <basic:itemConverter>
+    </js:controller>
+    <js:beads>
+        <js:HTTPService id="service">
+            <js:LazyCollection id="collection">
+                <js:inputParser>
+                    <js:JSONInputParser />
+                </js:inputParser>
+                <js:itemConverter>
                     <local:StockDataJSONItemConverter />
-                </basic:itemConverter> 
-            </basic:LazyCollection>
-        </basic:HTTPService>
-        <basic:ViewSourceContextMenuOption />
-    </basic:beads>
-</basic:Application>
\ No newline at end of file
+                </js:itemConverter> 
+            </js:LazyCollection>
+        </js:HTTPService>
+        <js:ViewSourceContextMenuOption />
+    </js:beads>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DataBindingTest/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/DataBindingTest/src/MyInitialView.mxml b/examples/DataBindingTest/src/MyInitialView.mxml
index 6656cca..e5b16cd 100644
--- a/examples/DataBindingTest/src/MyInitialView.mxml
+++ b/examples/DataBindingTest/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
                 xmlns:core="library://ns.apache.org/flexjs/core"
 			    initComplete="initControls()" xmlns:mx="library://ns.adobe.com/flex/mx">
     <fx:Script>
@@ -96,50 +96,50 @@ limitations under the License.
             margin-bottom: 10px;
         }
 	</fx:Style>
-    <basic:states>
+    <js:states>
         <mx:State name="hideAll" />        
         <mx:State name="showAll" />        
-    </basic:states>
-    <basic:beads>
-        <basic:ViewBaseDataBinding />
-    </basic:beads>
-    <basic:Container x="0" y="0" className="topContainer" >
-        <basic:beads>
-            <basic:NonVirtualVerticalLayout />
-        </basic:beads>
-        <basic:Label width="300" text="Enter Stock Symbol or choose from list:" />
-        <basic:Container>
-            <basic:beads>
-                <basic:NonVirtualHorizontalLayout />
-            </basic:beads>
-            <basic:Container className="leftSide">
-                <basic:beads>
-                    <basic:NonVirtualVerticalLayout />
-                </basic:beads>
-                <basic:TextInput id="symbolTI" text="{MyModel(applicationModel).stockSymbol}" />
-                <basic:TextButton text="Get Quote" className="quoteButton" 
+    </js:states>
+    <js:beads>
+        <js:ViewBaseDataBinding />
+    </js:beads>
+    <js:Container x="0" y="0" className="topContainer" >
+        <js:beads>
+            <js:NonVirtualVerticalLayout />
+        </js:beads>
+        <js:Label width="300" text="Enter Stock Symbol or choose from list:" />
+        <js:Container>
+            <js:beads>
+                <js:NonVirtualHorizontalLayout />
+            </js:beads>
+            <js:Container className="leftSide">
+                <js:beads>
+                    <js:NonVirtualVerticalLayout />
+                </js:beads>
+                <js:TextInput id="symbolTI" text="{MyModel(applicationModel).stockSymbol}" />
+                <js:TextButton text="Get Quote" className="quoteButton" 
                                   click="_symbol = symbolTI.text; dispatchEvent(new CustomEvent('buttonClicked'))" />
-                <basic:Label id="field" text="{fieldText}"/>
-                <basic:Label className="output" height="24" text="{MyModel(applicationModel).responseText}" />
-            </basic:Container>
-            <basic:Container className="rightSide">
-                <basic:beads>
-                    <basic:NonVirtualVerticalLayout />
-                </basic:beads>
-                <basic:DropDownList id="list" width="100" height="17"
+                <js:Label id="field" text="{fieldText}"/>
+                <js:Label className="output" height="24" text="{MyModel(applicationModel).responseText}" />
+            </js:Container>
+            <js:Container className="rightSide">
+                <js:beads>
+                    <js:NonVirtualVerticalLayout />
+                </js:beads>
+                <js:DropDownList id="list" width="100" height="17"
                                     change="_symbol = list.selectedItem as String; dispatchEvent(new CustomEvent('listChanged'))"
                                     dataProvider="{MyModel(applicationModel).strings}" />
-                <basic:RadioButton id="radio1" text="Price" value="Ask" groupName="group1" change="radioChanged(event)"/>
-                <basic:RadioButton id="radio2" text="Change" value="Change" groupName="group1" change="radioChanged(event)"/>
-                <basic:RadioButton id="radio3" text="Day's High" value="DaysHigh" groupName="group1" change="radioChanged(event)"/>
-                <basic:RadioButton id="radio4" text="Day's Low" value="DaysLow" groupName="group1" change="radioChanged(event)"/>
-                <basic:CheckBox id="showAllData" text="Show All Data" change="setState()" />
-            </basic:Container>
-        </basic:Container>
-        <basic:Label id="bindtest" text="{fieldText + ' expression binding'}" />
-        <basic:Label width="300" text.showAll="110" includeIn="showAll" />
-        <basic:TextArea id="ta" width="300" height="100" height.showAll="110" 
+                <js:RadioButton id="radio1" text="Price" value="Ask" groupName="group1" change="radioChanged(event)"/>
+                <js:RadioButton id="radio2" text="Change" value="Change" groupName="group1" change="radioChanged(event)"/>
+                <js:RadioButton id="radio3" text="Day's High" value="DaysHigh" groupName="group1" change="radioChanged(event)"/>
+                <js:RadioButton id="radio4" text="Day's Low" value="DaysLow" groupName="group1" change="radioChanged(event)"/>
+                <js:CheckBox id="showAllData" text="Show All Data" change="setState()" />
+            </js:Container>
+        </js:Container>
+        <js:Label id="bindtest" text="{fieldText + ' expression binding'}" />
+        <js:Label width="300" text.showAll="110" includeIn="showAll" />
+        <js:TextArea id="ta" width="300" height="100" height.showAll="110" 
                         includeIn="showAll"
                         text="{MyModel(applicationModel).allData}" />
-    </basic:Container>	
-</basic:ViewBase>
+    </js:Container>	
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DataGridExample/src/DataGridExample.mxml
----------------------------------------------------------------------
diff --git a/examples/DataGridExample/src/DataGridExample.mxml b/examples/DataGridExample/src/DataGridExample.mxml
index cc9a43c..41989f8 100644
--- a/examples/DataGridExample/src/DataGridExample.mxml
+++ b/examples/DataGridExample/src/DataGridExample.mxml
@@ -18,19 +18,19 @@
 //
 ////////////////////////////////////////////////////////////////////////////////
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 				   xmlns:local="*"
 				   xmlns:models="models.*"
-				   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
 				   >
 	
-	<basic:valuesImpl>
-		<basic:SimpleCSSValuesImpl />
-	</basic:valuesImpl>
-	<basic:model>
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:model>
 		<models:ProductsModel />
-	</basic:model>
-	<basic:initialView>
+	</js:model>
+	<js:initialView>
 		<local:MyInitialView />
-	</basic:initialView>
-</basic:Application>
+	</js:initialView>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DataGridExample/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/DataGridExample/src/MyInitialView.mxml b/examples/DataGridExample/src/MyInitialView.mxml
index f80cb0c..7716a40 100644
--- a/examples/DataGridExample/src/MyInitialView.mxml
+++ b/examples/DataGridExample/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
 				xmlns:local="*" 
 				xmlns:models="models.*" xmlns:mybeads="mybeads.*">
     <fx:Script>
@@ -32,21 +32,21 @@ limitations under the License.
 		]]>
     </fx:Script>
 	
-	<basic:Label id="output" x="450" y="30" width="100" />
+	<js:Label id="output" x="450" y="30" width="100" />
 		
-	<basic:DataGrid id="dataGrid" x="20" y="30" width="400" height="300" change="dataGridChange()" >
-		<basic:beads>
-			<basic:ConstantBinding
+	<js:DataGrid id="dataGrid" x="20" y="30" width="400" height="300" change="dataGridChange()" >
+		<js:beads>
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
 			<mybeads:RowHeightBead rowHeight="40" />
-		</basic:beads>
-		<basic:columns>
-			<basic:DataGridColumn label="Image" dataField="image" columnWidth="100" itemRenderer="products.ProductItemRenderer" />
-			<basic:DataGridColumn label="Title" dataField="title" columnWidth="200" />
-			<basic:DataGridColumn label="Sales" dataField="sales" columnWidth="100" />
-		</basic:columns>
-	</basic:DataGrid>
+		</js:beads>
+		<js:columns>
+			<js:DataGridColumn label="Image" dataField="image" columnWidth="100" itemRenderer="products.ProductItemRenderer" />
+			<js:DataGridColumn label="Title" dataField="title" columnWidth="200" />
+			<js:DataGridColumn label="Sales" dataField="sales" columnWidth="100" />
+		</js:columns>
+	</js:DataGrid>
 
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DataGridXcompile/src/DataGridXcompile.mxml
----------------------------------------------------------------------
diff --git a/examples/DataGridXcompile/src/DataGridXcompile.mxml b/examples/DataGridXcompile/src/DataGridXcompile.mxml
index 6d89f91..1139add 100644
--- a/examples/DataGridXcompile/src/DataGridXcompile.mxml
+++ b/examples/DataGridXcompile/src/DataGridXcompile.mxml
@@ -18,20 +18,20 @@
 //
 ////////////////////////////////////////////////////////////////////////////////
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 				   xmlns:local="*"
 				   xmlns:models="models.*"
-				   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
 				   xmlns:staticControls="org.apache.flex.html.*"
 				   >
 	
-	<basic:valuesImpl>
-		<basic:SimpleCSSValuesImpl />
-	</basic:valuesImpl>
-	<basic:model>
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:model>
 		<models:ProductsModel />
-	</basic:model>
-	<basic:initialView>
+	</js:model>
+	<js:initialView>
 		<local:MyInitialView />
-	</basic:initialView>
-</basic:Application>
+	</js:initialView>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DataGridXcompile/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/DataGridXcompile/src/MyInitialView.mxml b/examples/DataGridXcompile/src/MyInitialView.mxml
index 71dee99..140a7f7 100644
--- a/examples/DataGridXcompile/src/MyInitialView.mxml
+++ b/examples/DataGridXcompile/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
 				xmlns:local="*"
 				xmlns:models="models.*"
 				initComplete="initControls()" 
@@ -63,16 +63,16 @@ limitations under the License.
 		]]>
     </fx:Script>
 	
-	<basic:Label id="output" text="here" x="450" y="30" width="100" />
+	<js:Label id="output" text="here" x="450" y="30" width="100" />
 	
 	<customControls:DataGrid id="dataGrid" x="20" y="30" width="400" height="300" change="dataGridChange()" >
 		<customControls:beads>
 			<models:MyGridPresentation rowHeight="50" />
-			<basic:ConstantBinding
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="productList"
 				destinationPropertyName="dataProvider" />
-			<basic:ConstantBinding
+			<js:ConstantBinding
 				sourceID="applicationModel"
 				sourcePropertyName="labelFields"
 				destinationPropertyName="labelFields" />
@@ -80,4 +80,4 @@ limitations under the License.
 		</customControls:beads>
 	</customControls:DataGrid>
 
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DateChooserExample/src/DateChooserExample.mxml
----------------------------------------------------------------------
diff --git a/examples/DateChooserExample/src/DateChooserExample.mxml b/examples/DateChooserExample/src/DateChooserExample.mxml
index 13363db..8afdb77 100644
--- a/examples/DateChooserExample/src/DateChooserExample.mxml
+++ b/examples/DateChooserExample/src/DateChooserExample.mxml
@@ -18,19 +18,19 @@
 //
 ////////////////////////////////////////////////////////////////////////////////
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 				   xmlns:local="*"
 				   xmlns:models="models.*"
-				   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
 				   >
 	
-	<basic:valuesImpl>
-		<basic:SimpleCSSValuesImpl />
-	</basic:valuesImpl>
-	<!--<basic:model>
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<!--<js:model>
 		<models:ProductsModel />
-	</basic:model>-->
-	<basic:initialView>
+	</js:model>-->
+	<js:initialView>
 		<local:MyInitialView />
-	</basic:initialView>
-</basic:Application>
+	</js:initialView>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DateChooserExample/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/DateChooserExample/src/MyInitialView.mxml b/examples/DateChooserExample/src/MyInitialView.mxml
index 6da2f69..02132e7 100644
--- a/examples/DateChooserExample/src/MyInitialView.mxml
+++ b/examples/DateChooserExample/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
 				xmlns:local="*" 
 				xmlns:models="models.*">
 	<fx:Script>
@@ -35,10 +35,10 @@ limitations under the License.
 		]]>
 	</fx:Script>
 	
-	<basic:Label id="output" x="450" y="30" width="100" />
+	<js:Label id="output" x="450" y="30" width="100" />
 	
-	<basic:DateChooser id="dateChooser" x="20" y="30" width="280" height="240" change="dateChanged()" />
+	<js:DateChooser id="dateChooser" x="20" y="30" width="280" height="240" change="dateChanged()" />
 	
-	<basic:DateField id="dateField" x="450" y="90" />
+	<js:DateField id="dateField" x="450" y="90" />
 	
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DesktopMap/src/DesktopMap.mxml
----------------------------------------------------------------------
diff --git a/examples/DesktopMap/src/DesktopMap.mxml b/examples/DesktopMap/src/DesktopMap.mxml
index 1ba8195..4f938b6 100644
--- a/examples/DesktopMap/src/DesktopMap.mxml
+++ b/examples/DesktopMap/src/DesktopMap.mxml
@@ -18,10 +18,10 @@
 //
 ////////////////////////////////////////////////////////////////////////////////
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 				   xmlns:local="*"
 				   xmlns:models="models.*"
-				   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
 				   >
 	
 	<!-- This application demonstrates how to use the Google MAP API
@@ -30,17 +30,17 @@
 	     file and include your Google developer API token.
 	-->
 	
-	<basic:valuesImpl>
-		<basic:SimpleCSSValuesImpl />
-	</basic:valuesImpl>
-	<basic:initialView>
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:initialView>
 		<local:MyInitialView />
-	</basic:initialView>
-	<basic:model>
+	</js:initialView>
+	<js:model>
 		<models:MyModel />
-	</basic:model>
-	<basic:beads>
-		<basic:MixinManager />
-	</basic:beads>
+	</js:model>
+	<js:beads>
+		<js:MixinManager />
+	</js:beads>
 	
-</basic:Application>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/DesktopMap/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/DesktopMap/src/MyInitialView.mxml b/examples/DesktopMap/src/MyInitialView.mxml
index fa5bc95..b00700a 100644
--- a/examples/DesktopMap/src/MyInitialView.mxml
+++ b/examples/DesktopMap/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<js:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
+				xmlns:js="library://ns.apache.org/flexjs/basic"
                 xmlns:google="library://ns.apache.org/flexjs/google"
 				xmlns:mx="library://ns.adobe.com/flex/mx"
 				xmlns:local="*"
@@ -95,54 +95,54 @@ limitations under the License.
 	
 	</fx:Style>
 	
-	<basic:beads>
-		<basic:ViewBaseDataBinding />
-	</basic:beads>
+	<js:beads>
+		<js:ViewBaseDataBinding />
+	</js:beads>
 	
 	
-	<basic:Container x="5" y="5" className="topContainer" >
-		<basic:beads>
-			<basic:NonVirtualVerticalLayout />
-		</basic:beads>
+	<js:Container x="5" y="5" className="topContainer" >
+		<js:beads>
+			<js:NonVirtualVerticalLayout />
+		</js:beads>
 		
-		<basic:Container>
-			<basic:beads>
-				<basic:NonVirtualHorizontalLayout />
-			</basic:beads>
-			<basic:Label text="Location:" />
-			<basic:TextInput id="mapLocation" />
-			<basic:TextButton text="Go" click="orientMap()" />
-		</basic:Container>
+		<js:Container>
+			<js:beads>
+				<js:NonVirtualHorizontalLayout />
+			</js:beads>
+			<js:Label text="Location:" />
+			<js:TextInput id="mapLocation" />
+			<js:TextButton text="Go" click="orientMap()" />
+		</js:Container>
 		
 		<google:Map id="map" width="450" height="300" token="AIzaSyDkQgg2iojLCYeuW6hK7DkuAHD-SwJJhdE" />
 		
-		<basic:Container>
-			<basic:beads>
-				<basic:NonVirtualHorizontalLayout />
-			</basic:beads>
-			<basic:Label text="Search on Map:" />
-			<basic:TextInput id="search" />
-			<basic:TextButton text="Find" click="searchOnMap()" />
-			<basic:TextButton text="Clear" click="clearSearchResults()" />
-		</basic:Container>
+		<js:Container>
+			<js:beads>
+				<js:NonVirtualHorizontalLayout />
+			</js:beads>
+			<js:Label text="Search on Map:" />
+			<js:TextInput id="search" />
+			<js:TextButton text="Find" click="searchOnMap()" />
+			<js:TextButton text="Clear" click="clearSearchResults()" />
+		</js:Container>
 		
-		<basic:Label text="History:" />
+		<js:Label text="History:" />
 		
-		<!--<basic:List id="historyList" />-->
-		<basic:DropDownList id="list" width="100" height="17"
+		<!--<js:List id="historyList" />-->
+		<js:DropDownList id="list" width="100" height="17"
 							change="changeCity(event)"
 							dataProvider="{MyModel(applicationModel).cities}" />
 		
-		<basic:Label text="Lat:" />
-		<basic:TextInput id="latInput" text="-34.397" />
+		<js:Label text="Lat:" />
+		<js:TextInput id="latInput" text="-34.397" />
 		
-		<basic:Label text="Long:" />
-		<basic:TextInput id="longInput" text="150.644" />
+		<js:Label text="Long:" />
+		<js:TextInput id="longInput" text="150.644" />
 		
-		<basic:Label text="Zoom:" />
-		<basic:TextInput id="zoomInput" text="8" />
+		<js:Label text="Zoom:" />
+		<js:TextInput id="zoomInput" text="8" />
 		
-		<basic:TextButton text="MapIt" click="mapIt()" />
-	</basic:Container>
+		<js:TextButton text="MapIt" click="mapIt()" />
+	</js:Container>
 
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/EffectsExample/src/EffectExample.mxml
----------------------------------------------------------------------
diff --git a/examples/EffectsExample/src/EffectExample.mxml b/examples/EffectsExample/src/EffectExample.mxml
index c77e690..2d5c972 100644
--- a/examples/EffectsExample/src/EffectExample.mxml
+++ b/examples/EffectsExample/src/EffectExample.mxml
@@ -18,16 +18,16 @@
 //
 ////////////////////////////////////////////////////////////////////////////////
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 				   xmlns:local="*"
 				   xmlns:models="models.*"
-				   xmlns:basic="library://ns.apache.org/flexjs/basic" 
+				   xmlns:js="library://ns.apache.org/flexjs/basic" 
 				   >
 	
-	<basic:valuesImpl>
-		<basic:SimpleCSSValuesImpl />
-	</basic:valuesImpl>
-	<basic:initialView>
+	<js:valuesImpl>
+		<js:SimpleCSSValuesImpl />
+	</js:valuesImpl>
+	<js:initialView>
 		<local:MyInitialView />
-	</basic:initialView>
-</basic:Application>
+	</js:initialView>
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/EffectsExample/src/MyInitialView.mxml
----------------------------------------------------------------------
diff --git a/examples/EffectsExample/src/MyInitialView.mxml b/examples/EffectsExample/src/MyInitialView.mxml
index 1a9572f..0f3054d 100644
--- a/examples/EffectsExample/src/MyInitialView.mxml
+++ b/examples/EffectsExample/src/MyInitialView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:ViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-				xmlns:basic="library://ns.apache.org/flexjs/basic"
+<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.*">
@@ -64,26 +64,26 @@ limitations under the License.
 		]]>
 	</fx:Script>
 	
-	<basic:Container width="600" height="700" x="50" y="50">
-		<basic:beads>
-			<basic:NonVirtualVerticalLayout />
-		</basic:beads>
+	<js:Container width="600" height="700" x="50" y="50">
+		<js:beads>
+			<js:NonVirtualVerticalLayout />
+		</js:beads>
 		
-		<basic:Container width="600" height="40">
-			<basic:beads>
-				<basic:NonVirtualHorizontalLayout />
-			</basic:beads>
-			<basic:TextButton text="swap" click="swapit()" />
-			<basic:TextButton text="fade out" click="fadeout()" />
-			<basic:TextButton text="fade in" click="fadein()" />
-		</basic:Container>
+		<js:Container width="600" height="40">
+			<js:beads>
+				<js:NonVirtualHorizontalLayout />
+			</js:beads>
+			<js:TextButton text="swap" click="swapit()" />
+			<js:TextButton text="fade out" click="fadeout()" />
+			<js:TextButton text="fade in" click="fadein()" />
+		</js:Container>
 		
-		<basic:Container width="500">
-			<basic:Image id="image1" source="twong.jpg" x="100" y="20" />
-			<basic:Label id="caption1" text="Dick" x="100" y="200" />
-			<basic:Image id="image2" source="jproctor.jpg" x="400" y="20" />
-			<basic:Label id="caption2" text="Jane" x="400" y="200" />
-		</basic:Container>		
-	</basic: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>
 	
-</basic:ViewBase>
+</js:ViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/FlexJSStore.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/FlexJSStore.mxml b/examples/FlexJSStore/src/FlexJSStore.mxml
index afa26f8..07596ef 100755
--- a/examples/FlexJSStore/src/FlexJSStore.mxml
+++ b/examples/FlexJSStore/src/FlexJSStore.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
-                xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+                xmlns:js="library://ns.apache.org/flexjs/basic" 
                 xmlns:mx="library://ns.adobe.com/flex/mx"
                 xmlns="*"
                 initialize="startService()"
@@ -167,30 +167,30 @@ limitations under the License.
     <fx:Style source="beige.css"/>
 	
     <fx:Declarations>
-        <basic:HTTPService id="productService" url="data/catalog.json">
-            <basic:LazyCollection id="catalog" complete="if (pView) pView.catalog = catalog">
-                <basic:inputParser>
-                    <basic:JSONInputParser />
-                </basic:inputParser>
-                <basic:itemConverter>
+        <js:HTTPService id="productService" url="data/catalog.json">
+            <js:LazyCollection id="catalog" complete="if (pView) pView.catalog = catalog">
+                <js:inputParser>
+                    <js:JSONInputParser />
+                </js:inputParser>
+                <js:itemConverter>
                     <ProductJSONItemConverter />
-                </basic:itemConverter> 
-            </basic:LazyCollection>
-        </basic:HTTPService>        
+                </js:itemConverter> 
+            </js:LazyCollection>
+        </js:HTTPService>        
     </fx:Declarations>
-    <basic:valuesImpl>
-        <basic:SimpleCSSValuesImpl />
-    </basic:valuesImpl>
-	<basic:beads>
-        <basic:ViewSourceContextMenuOption />
-        <basic:CallLaterBead id="callLater" />
-        <basic:ApplicationDataBinding />
-    </basic:beads>
-    <basic:initialView>
-        <basic:ViewBase	width="990" height="550"
+    <js:valuesImpl>
+        <js:SimpleCSSValuesImpl />
+    </js:valuesImpl>
+	<js:beads>
+        <js:ViewSourceContextMenuOption />
+        <js:CallLaterBead id="callLater" />
+        <js:ApplicationDataBinding />
+    </js:beads>
+    <js:initialView>
+        <js:ViewBase	width="990" height="550"
                         initComplete="completeHandler(null)"
                         stateChangeComplete="chainStatesIfNeeded()">
-            <basic:states>
+            <js:states>
                 <mx:State name="HomeState" stateGroups="['Home']" />
                 <mx:State name="HomeWipeUp" stateGroups="['Home']" />
                 <mx:State name="HomeWipeDown" stateGroups="['Home']" />
@@ -201,60 +201,60 @@ limitations under the License.
                 <mx:State name="SupportState" stateGroups="['Support']" />
                 <mx:State name="SupportWipeUp" stateGroups="['Support']" />
                 <mx:State name="SupportWipeDown" stateGroups="['Support']" />
-            </basic:states>
+            </js:states>
             
-            <basic:transitions>
-                <basic:Transition fromState="HomeState" toState="HomeWipeUp">
-                    <basic:Wipe direction="up" target="homeView" />
-                </basic:Transition>
-                <basic:Transition fromState="HomeWipeDown" toState="HomeState">
-                    <basic:Wipe direction="down" target="homeView" />
-                </basic:Transition>
-                <basic:Transition fromState="ProductsState" toState="ProductsWipeUp">
-                    <basic:Wipe direction="up" target="pView" />
-                </basic:Transition>
-                <basic:Transition fromState="ProductsWipeDown" toState="ProductsState">
-                    <basic:Wipe direction="down" target="pView" />
-                </basic:Transition>
-                <basic:Transition fromState="SupportState" toState="SupportWipeUp">
-                    <basic:Wipe direction="up" target="supportView" />
-                </basic:Transition>
-                <basic:Transition fromState="SupportWipeDown" toState="SupportState">
-                    <basic:Wipe direction="down" target="supportView" />
-                </basic:Transition>
-            </basic:transitions>
-            <basic:beads>
-                <basic:NonVirtualVerticalLayout />
-            </basic:beads>
-            <basic:ControlBar id="acb" width="100%" className="storeControlBar" >
-                <basic:beads>
-                    <basic:NonVirtualHorizontalLayout />
-                    <basic:LayoutChangeNotifier watchedProperty="{image.width}" />
-                </basic:beads>
-                <basic:Image id="image" />
+            <js:transitions>
+                <js:Transition fromState="HomeState" toState="HomeWipeUp">
+                    <js:Wipe direction="up" target="homeView" />
+                </js:Transition>
+                <js:Transition fromState="HomeWipeDown" toState="HomeState">
+                    <js:Wipe direction="down" target="homeView" />
+                </js:Transition>
+                <js:Transition fromState="ProductsState" toState="ProductsWipeUp">
+                    <js:Wipe direction="up" target="pView" />
+                </js:Transition>
+                <js:Transition fromState="ProductsWipeDown" toState="ProductsState">
+                    <js:Wipe direction="down" target="pView" />
+                </js:Transition>
+                <js:Transition fromState="SupportState" toState="SupportWipeUp">
+                    <js:Wipe direction="up" target="supportView" />
+                </js:Transition>
+                <js:Transition fromState="SupportWipeDown" toState="SupportState">
+                    <js:Wipe direction="down" target="supportView" />
+                </js:Transition>
+            </js:transitions>
+            <js:beads>
+                <js:NonVirtualVerticalLayout />
+            </js:beads>
+            <js:ControlBar id="acb" width="100%" className="storeControlBar" >
+                <js:beads>
+                    <js:NonVirtualHorizontalLayout />
+                    <js:LayoutChangeNotifier watchedProperty="{image.width}" />
+                </js:beads>
+                <js:Image id="image" />
                          <!-- click="toggleTheme()" -->
                          <!-- toolTip="Change Theme"/ -->
-                <basic:ToggleTextButton id="homeButton"
+                <js:ToggleTextButton id="homeButton"
                                 text="Home"
                                 height="100%"
                                 selected="true"
                                 className="storeButtonBar"
                                 click="headHome()" />
-                <basic:ToggleTextButton id="productsButton"
+                <js:ToggleTextButton id="productsButton"
                                 text="Products"
                                 height="100%"
                                 className="storeButtonBar"
                                 click="headToProducts()"/>
-                <basic:ToggleTextButton id="supportButton"
+                <js:ToggleTextButton id="supportButton"
                                 text="Support"
                                 height="100%"
                                 className="storeButtonBar"
                                 click="headToSupport()"/>            
-            </basic:ControlBar>
-            <basic:Container width="990" >
-                <basic:style>
-                    <basic:SimpleCSSStyles paddingLeft="0" paddingRight="0" horizontalCenter="0"/>
-                </basic:style>
+            </js:ControlBar>
+            <js:Container width="990" >
+                <js:style>
+                    <js:SimpleCSSStyles paddingLeft="0" paddingRight="0" horizontalCenter="0"/>
+                </js:style>
                         
                 <HomeView id="homeView" width="100%" height="550" includeIn="Home"
                           />
@@ -264,7 +264,7 @@ limitations under the License.
                 <SupportView id="supportView" includeIn="Support"
                              width="100%" height="550"
                              />
-            </basic:Container>
-        </basic:ViewBase>        
-    </basic:initialView>    
-</basic:Application>
+            </js:Container>
+        </js:ViewBase>        
+    </js:initialView>    
+</js:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/HomeView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/HomeView.mxml b/examples/FlexJSStore/src/HomeView.mxml
index f826a05..47aefa5 100755
--- a/examples/FlexJSStore/src/HomeView.mxml
+++ b/examples/FlexJSStore/src/HomeView.mxml
@@ -30,8 +30,8 @@ using x and y, especially when percentage widths and heights are used.
 
 Width and height are hard-coded in the root tag to help the Design view.
 -->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
-         xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+         xmlns:js="library://ns.apache.org/flexjs/basic" 
          xmlns:mx="library://ns.adobe.com/flex/mx"
            xmlns="*" width="990" height="550"
            initComplete="updateMapImage()">
@@ -46,161 +46,161 @@ Width and height are hard-coded in the root tag to help the Design view.
 			}
 		]]>
 	</fx:Script>
-    <basic:beads>
-        <basic:ContainerDataBinding />
-    </basic:beads>
-	<basic:HContainer width="100%" height="100%" y="0" x="0" className="colorPanel">
-		<basic:VContainer width="230" height="100%">
-			<basic:Container width="100%" height="100%">
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
+	<js:HContainer width="100%" height="100%" y="0" x="0" className="colorPanel">
+		<js:VContainer width="230" height="100%">
+			<js:Container width="100%" height="100%">
 			
-				<basic:Container height="60" className="homeSection">
-                    <basic:style>
-                        <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" right="10"/>
-                    </basic:style>
-					<basic:Label style="left:10;top:10" text="Search Developers" height="22" className="sectionHeader" />
-					<basic:TextButton style="left:168;top:30" text="Go" width="27" height="20" className="glass" click="SimpleAlert.show('This feature is not implemented in this sample', 'Go')"/>
-					<basic:TextInput style="left:10;top:30" height="20" width="150"/>
-				</basic:Container>
+				<js:Container height="60" className="homeSection">
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="10" right="10"/>
+                    </js:style>
+					<js:Label style="left:10;top:10" text="Search Developers" height="22" className="sectionHeader" />
+					<js:TextButton style="left:168;top:30" text="Go" width="27" height="20" className="glass" click="SimpleAlert.show('This feature is not implemented in this sample', 'Go')"/>
+					<js:TextInput style="left:10;top:30" height="20" width="150"/>
+				</js:Container>
 				
-				<basic:Container height="280" className="homeSection">
-                    <basic:style>
-                        <basic:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" right="10" />                        
-                    </basic:style>
-					<basic:VContainer width="100%" height="100%">
-                        <basic:style>
-                            <basic:SimpleCSSStyles left="10" top="10" />                        
-                        </basic:style>
-						<basic:Label text="Flex Experts That Can Help You" className="sectionHeader"/>
-						<basic:HRule height="5" width="187" style="marginLeft:0"/>
-						<basic:Label text="General" className="homeProgramHeader"/>
-						<basic:Label text="BlazeDS Experts" style="fontSize:9"/>
-						<basic:Spacer height="8" width="100%"/>
-						<basic:Label text="Server-side" className="homeProgramHeader"/>
-						<basic:Label text="Java, PHP Developers" style="fontSize:9"/>
-						<basic:Spacer height="8" width="100%"/>
-						<basic:Label text="Mobile" className="homeProgramHeader"/>
-						<basic:Label text="Android, IOS and more" style="fontSize:9"/>
-						<basic:Spacer height="8" width="100%"/>
-						<basic:Label text="Students" className="homeProgramHeader"/>
-						<basic:Label text="Free Assistance" style="fontSize:9"/>
-						<basic:Spacer height="8" width="100%"/>
-					</basic:VContainer>
-				</basic:Container>
+				<js:Container height="280" className="homeSection">
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ffffff" left="10" top="78" right="10" />                        
+                    </js:style>
+					<js:VContainer width="100%" height="100%">
+                        <js:style>
+                            <js:SimpleCSSStyles left="10" top="10" />                        
+                        </js:style>
+						<js:Label text="Flex Experts That Can Help You" className="sectionHeader"/>
+						<js:HRule height="5" width="187" style="marginLeft:0"/>
+						<js:Label text="General" className="homeProgramHeader"/>
+						<js:Label text="BlazeDS Experts" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+						<js:Label text="Server-side" className="homeProgramHeader"/>
+						<js:Label text="Java, PHP Developers" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+						<js:Label text="Mobile" className="homeProgramHeader"/>
+						<js:Label text="Android, IOS and more" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+						<js:Label text="Students" className="homeProgramHeader"/>
+						<js:Label text="Free Assistance" style="fontSize:9"/>
+						<js:Spacer height="8" width="100%"/>
+					</js:VContainer>
+				</js:Container>
 				
-				<basic:Container height="174" className="homeSection">
-                    <basic:style>
-                        <basic:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" right="10" />
-                    </basic:style>
-					<basic:VContainer width="100%" height="100%">
-                        <basic:style>
-                            <basic:SimpleCSSStyles left="10" top="10" />
-                        </basic:style>
-						<basic:Label text="Manage My Account" className="sectionHeader"/>
+				<js:Container height="174" className="homeSection">
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ebebe9" left="10" top="366" right="10" />
+                    </js:style>
+					<js:VContainer width="100%" height="100%">
+                        <js:style>
+                            <js:SimpleCSSStyles left="10" top="10" />
+                        </js:style>
+						<js:Label text="Manage My Account" className="sectionHeader"/>
 						
-						<basic:Label text="Phone Number"/>
+						<js:Label text="Phone Number"/>
 						
-						<basic:HContainer width="100%" height="25" >
-                            <basic:style>
-                                <basic:SimpleCSSStyles horizontalAlign="left" verticalAlign="middle" />
-                            </basic:style>
-							<basic:TextInput height="20" width="40"/>
-							<basic:HRule width="8" height="2"/>
-							<basic:TextInput height="20" width="40"/>
-							<basic:HRule width="8" height="2"/>
-							<basic:TextInput height="20" width="40"/>
-						</basic:HContainer>
+						<js:HContainer width="100%" height="25" >
+                            <js:style>
+                                <js:SimpleCSSStyles horizontalAlign="left" verticalAlign="middle" />
+                            </js:style>
+							<js:TextInput height="20" width="40"/>
+							<js:HRule width="8" height="2"/>
+							<js:TextInput height="20" width="40"/>
+							<js:HRule width="8" height="2"/>
+							<js:TextInput height="20" width="40"/>
+						</js:HContainer>
 						
-						<basic:Label text="Password"/>
-						<basic:TextInput height="20"/>
-						<basic:Spacer height="8" width="100%"/>
+						<js:Label text="Password"/>
+						<js:TextInput height="20"/>
+						<js:Spacer height="8" width="100%"/>
 						
-						<basic:CheckBox text="Remember my phone number" selected="true"/>
-						<basic:Spacer height="8" width="100%"/>
+						<js:CheckBox text="Remember my phone number" selected="true"/>
+						<js:Spacer height="8" width="100%"/>
 						
-						<basic:TextButton text="Login" className="glass" height="20" width="55" click="SimpleAlert.show('This feature is not implemented in this sample', 'Login')"/>
+						<js:TextButton text="Login" className="glass" height="20" width="55" click="SimpleAlert.show('This feature is not implemented in this sample', 'Login')"/>
 						
-					</basic:VContainer>
-				</basic:Container>
+					</js:VContainer>
+				</js:Container>
 				
-			</basic:Container>
+			</js:Container>
 			
-		</basic:VContainer>
+		</js:VContainer>
 		
-		<basic:VContainer width="750" height="100%">
-			<basic:Container width="100%" height="100%">
+		<js:VContainer width="750" height="100%">
+			<js:Container width="100%" height="100%">
 			
 			    <!-- can't use binding to set the mapImage source because the style isn't available early enough -->
-				<basic:Container id="mapCanvas" height="35%" className="homeMap">
-                    <basic:style>
-                        <basic:SimpleCSSStyles left="0" right="10" top="10" />
-                    </basic:style>
-					<basic:Image id="mapImage" width="487" height="100%" alpha="1.0" style="left:10;top:10"/>
-					<basic:Label y="110" text="US Developers . Flex . FlexJS" width="95%" height="40" style="horizontalCenter:0;fontWeight:'bold';fontSize:22;color:#ffffff;fontFamily:'Arial';textAlign:'center'"/>
-					<basic:Label text="Learn More &gt;&gt;" width="95" style="fontSize:12;fontFamily:'Arial';bottom:10;right:10"/>
-					<basic:Label text="$60/hr" style="color:#ffffff;fontWeight:'bold';fontFamily:'Arial';fontSize:20;right:10:top:10"/>
-					<basic:Label text="Rates as low as" x="551" y="16" style="fontSize:12"/>
-				</basic:Container>
+				<js:Container id="mapCanvas" height="35%" className="homeMap">
+                    <js:style>
+                        <js:SimpleCSSStyles left="0" right="10" top="10" />
+                    </js:style>
+					<js:Image id="mapImage" width="487" height="100%" alpha="1.0" style="left:10;top:10"/>
+					<js:Label y="110" text="US Developers . Flex . FlexJS" width="95%" height="40" style="horizontalCenter:0;fontWeight:'bold';fontSize:22;color:#ffffff;fontFamily:'Arial';textAlign:'center'"/>
+					<js:Label text="Learn More &gt;&gt;" width="95" style="fontSize:12;fontFamily:'Arial';bottom:10;right:10"/>
+					<js:Label text="$60/hr" style="color:#ffffff;fontWeight:'bold';fontFamily:'Arial';fontSize:20;right:10:top:10"/>
+					<js:Label text="Rates as low as" x="551" y="16" style="fontSize:12"/>
+				</js:Container>
 				
-				<basic:Container height="330" >
-                    <basic:style>
-                        <basic:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" left="0" /> <!-- cornerRadius="4" -->
-                    </basic:style>
+				<js:Container height="330" >
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="#ffffff" borderStyle="solid" bottom="10" right="10" left="0" /> <!-- cornerRadius="4" -->
+                    </js:style>
 					
-					<basic:Label style="left:10;top:10" text="Featured Developers" width="173" height="25" className="sectionHeader"/>
+					<js:Label style="left:10;top:10" text="Featured Developers" width="173" height="25" className="sectionHeader"/>
 					
-					<basic:HContainer style="left:10;top:43" width="100%" height="100%">
-						<basic:VContainer width="33%" height="100%">
-							<basic:beads>
-                                <basic:LayoutChangeNotifier watchedProperty="{image1.height}" />
-                            </basic:beads>
-							<basic:Container width="100%">
-								<basic:Image id="image1" source="assets/akotter.jpg" style="horizontalCenter:0;verticalCenter:0"/>
-							</basic:Container>
+					<js:HContainer style="left:10;top:43" width="100%" height="100%">
+						<js:VContainer width="33%" height="100%">
+							<js:beads>
+                                <js:LayoutChangeNotifier watchedProperty="{image1.height}" />
+                            </js:beads>
+							<js:Container width="100%">
+								<js:Image id="image1" source="assets/akotter.jpg" style="horizontalCenter:0;verticalCenter:0"/>
+							</js:Container>
 							
-							<basic:Container width="100%">
-								<basic:Label text="Annette Kotter" id="feat_prod_1" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
-							</basic:Container>
+							<js:Container width="100%">
+								<js:Label text="Annette Kotter" id="feat_prod_1" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+							</js:Container>
 							
-						</basic:VContainer>
+						</js:VContainer>
 						
-						<basic:VContainer width="33%" height="100%">
-                            <basic:beads>
-                                <basic:LayoutChangeNotifier watchedProperty="{image2.height}" />
-                            </basic:beads>
+						<js:VContainer width="33%" height="100%">
+                            <js:beads>
+                                <js:LayoutChangeNotifier watchedProperty="{image2.height}" />
+                            </js:beads>
 							
-							<basic:Container width="100%">
-								<basic:Image id="image2" style="horizontalCenter:0;verticalCenter:0" source="assets/bcrater.jpg"/>
-							</basic:Container>
+							<js:Container width="100%">
+								<js:Image id="image2" style="horizontalCenter:0;verticalCenter:0" source="assets/bcrater.jpg"/>
+							</js:Container>
 							
-							<basic:Container width="100%">
-								<basic:Label text="Ben Crater" id="feat_prod_2" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
-							</basic:Container>
+							<js:Container width="100%">
+								<js:Label text="Ben Crater" id="feat_prod_2" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+							</js:Container>
 							
-						</basic:VContainer>
+						</js:VContainer>
 						
-						<basic:VContainer width="33%" height="100%">
-                            <basic:beads>
-                                <basic:LayoutChangeNotifier watchedProperty="{image3.height}" />
-                            </basic:beads>
+						<js:VContainer width="33%" height="100%">
+                            <js:beads>
+                                <js:LayoutChangeNotifier watchedProperty="{image3.height}" />
+                            </js:beads>
 							
-							<basic:Container width="100%">
-								<basic:Image id="image3" style="horizontalCenter:0;verticalCenter:0" source="assets/jproctor.jpg"/>
-							</basic:Container>
+							<js:Container width="100%">
+								<js:Image id="image3" style="horizontalCenter:0;verticalCenter:0" source="assets/jproctor.jpg"/>
+							</js:Container>
 							
-							<basic:Container width="100%">
-								<basic:Label text="Jane Proctor" id="feat_prod_3" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
-							</basic:Container>
+							<js:Container width="100%">
+								<js:Label text="Jane Proctor" id="feat_prod_3" style="horizontalCenter:0;fontWeight:'bold';fontSize:12"/>
+							</js:Container>
 							
-						</basic:VContainer>
+						</js:VContainer>
 						
-					</basic:HContainer>
+					</js:HContainer>
 					
-				</basic:Container>
+				</js:Container>
 				
-			</basic:Container>
+			</js:Container>
 		
-		</basic:VContainer>
+		</js:VContainer>
 		
-	</basic:HContainer>
+	</js:HContainer>
 	
-</basic:Container>
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/ProductsView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/ProductsView.mxml b/examples/FlexJSStore/src/ProductsView.mxml
index 46605a6..54e1603 100755
--- a/examples/FlexJSStore/src/ProductsView.mxml
+++ b/examples/FlexJSStore/src/ProductsView.mxml
@@ -20,8 +20,8 @@ limitations under the License.
 <!-- width and height hard-coded in the root tag to better support the 
      Design view in FlexBuilder since we know the width and height from the 
      settings in flexstore.mxml -->
-<basic:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
-         xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
+         xmlns:js="library://ns.apache.org/flexjs/basic" 
          xmlns:mx="library://ns.adobe.com/flex/mx"
     xmlns:productsView="productsView.*"
     width="990" height="550"
@@ -69,10 +69,10 @@ limitations under the License.
         
         ]]>
     </fx:Script>
-    <basic:beads>
-        <basic:ContainerDataBinding />
-    </basic:beads>
-    <basic:Container 
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
+    <js:Container 
         className="colorPanel"
         height="100%" width="100%" 
         >
@@ -87,18 +87,18 @@ limitations under the License.
     
         <productsView:ProductCart id="cartPanel" width="265" height="100%">
             <productsView:style>
-                <basic:SimpleCSSStyles right="{cartGrip.width}" top="0" />
+                <js:SimpleCSSStyles right="{cartGrip.width}" top="0" />
             </productsView:style>
         </productsView:ProductCart>
 
         <productsView:Grip id="cartGrip" gripIcon="assets/icon_cart_empty.png"
             gripTip="Show cart" click="currentState = 'showCart'">
             <productsView:style>
-                <basic:SimpleCSSStyles right="0" top="0"/>
+                <js:SimpleCSSStyles right="0" top="0"/>
             </productsView:style>
         </productsView:Grip>
     
-    </basic:Container>
+    </js:Container>
         
     <productsView:ProductCatalogPanel id="catalogPanel" y="4" width="685" height="540"
                                       x.showFilter="288" x.showCart="0"
@@ -108,19 +108,19 @@ limitations under the License.
         cartCount="{cartPanel.numProducts}">
     </productsView:ProductCatalogPanel>
     
-    <basic:states>
+    <js:states>
        <mx:State name="showFilter" />
        <mx:State name="showCart" />
-    </basic:states>
+    </js:states>
     
     <!-- 
       make sure to use transitions here instead of applying a Move effect
       to the Panel itself which will result in odd behavior
     -->
-    <basic:transitions>
-       <basic:Transition fromState="*" toState="*">
-          <basic:Move target="catalogPanel" />
-       </basic:Transition>
-    </basic:transitions>
+    <js:transitions>
+       <js:Transition fromState="*" toState="*">
+          <js:Move target="catalogPanel" />
+       </js:Transition>
+    </js:transitions>
         
-</basic:Container>
+</js:Container>