Return-Path: 
 <commits-return-19846-apmail-flex-commits-archive=flex.apache.org@flex.apache.org>
X-Original-To: apmail-flex-commits-archive@www.apache.org
Delivered-To: apmail-flex-commits-archive@www.apache.org
Received: from mail.apache.org (hermes.apache.org [140.211.11.3])
	by minotaur.apache.org (Postfix) with SMTP id 4E4C217833
	for <apmail-flex-commits-archive@www.apache.org>;
 Thu, 16 Apr 2015 14:34:51 +0000 (UTC)
Received: (qmail 22181 invoked by uid 500); 16 Apr 2015 14:34:12 -0000
Delivered-To: apmail-flex-commits-archive@flex.apache.org
Received: (qmail 21985 invoked by uid 500); 16 Apr 2015 14:34:11 -0000
Mailing-List: contact commits-help@flex.apache.org; run by ezmlm
Precedence: bulk
List-Help: <mailto:commits-help@flex.apache.org>
List-Unsubscribe: <mailto:commits-unsubscribe@flex.apache.org>
List-Post: <mailto:commits@flex.apache.org>
List-Id: <commits.flex.apache.org>
Reply-To: dev@flex.apache.org
Delivered-To: mailing list commits@flex.apache.org
Received: (qmail 21954 invoked by uid 99); 16 Apr 2015 14:34:11 -0000
Received: from git1-us-west.apache.org (HELO git1-us-west.apache.org)
 (140.211.11.23)
    by apache.org (qpsmtpd/0.29) with ESMTP; Thu, 16 Apr 2015 14:34:11 +0000
Received: by git1-us-west.apache.org (ASF Mail Server at
 git1-us-west.apache.org, from userid 33)
	id B98A2E109D; Thu, 16 Apr 2015 14:34:11 +0000 (UTC)
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
From: aharui@apache.org
To: commits@flex.apache.org
Date: Thu, 16 Apr 2015 14:34:14 -0000
Message-Id: <2db6077764f1408c8407a13d5d2400f9@git.apache.org>
In-Reply-To: <1f7692fddea34b66b259f0296d45223d@git.apache.org>
References: <1f7692fddea34b66b259f0296d45223d@git.apache.org>
X-Mailer: ASF-Git Admin Mailer
Subject: [4/9] git commit: [flex-asjs] [refs/heads/develop] - change 'basic'
 prefix to 'js'

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/SupportView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/SupportView.mxml b/examples/FlexJSStore/src/SupportView.mxml
index 0410e1b..f89c412 100755
--- a/examples/FlexJSStore/src/SupportView.mxml
+++ b/examples/FlexJSStore/src/SupportView.mxml
@@ -29,8 +29,8 @@ We did not have sizing issues here as much so you'll see more hardcoded
 
 The 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="*" alpha="1.0"
     width="990" height="550">
 	
@@ -49,91 +49,91 @@ The width and height are hard-coded in the root tag to help the Design view.
         
     </fx:Declarations>
 	
-	<basic:HContainer x="0" y="0" width="100%" height="100%" className="colorPanel">
+	<js:HContainer x="0" y="0" width="100%" height="100%" className="colorPanel">
 	
-		<basic:VContainer width="32%" height="100%">
-			<basic:Container width="100%" height="60%">
+		<js:VContainer width="32%" height="100%">
+			<js:Container width="100%" height="60%">
 			
-				<basic:Label y="10" text="Check Location" className="sectionHeader" x="20"/>
+				<js:Label y="10" text="Check Location" className="sectionHeader" x="20"/>
 				
-				<basic:Container width="95%" height="150" y="64" style="horizontalCenter:0">
-                    <basic:beads>
-                        <basic:VerticalColumnLayout numColumns="2" />
-                    </basic:beads>
-					<basic:Label text="Address:" width="100%"/>
-					<basic:TextInput id="address" width="90%"/>
+				<js:Container width="95%" height="150" y="64" style="horizontalCenter:0">
+                    <js:beads>
+                        <js:VerticalColumnLayout numColumns="2" />
+                    </js:beads>
+					<js:Label text="Address:" width="100%"/>
+					<js:TextInput id="address" width="90%"/>
 					
-					<basic:Label text="City:" width="100%"/>
-					<basic:TextInput id="city" width="60%"/>						
+					<js:Label text="City:" width="100%"/>
+					<js:TextInput id="city" width="60%"/>						
 					
-					<basic:Label text="State:" width="100%"/>
-					<basic:DropDownList id="state" width="50%">
-						<basic:dataProvider>
+					<js:Label text="State:" width="100%"/>
+					<js:DropDownList id="state" width="50%">
+						<js:dataProvider>
                             <fx:Array>
                                 <fx:String>California</fx:String>
                                 <fx:String>Nevada</fx:String>
                                 <fx:String>Oregon</fx:String>
                                 <fx:String>Washington</fx:String>
                             </fx:Array>                                    
-            			</basic:dataProvider>
-					</basic:DropDownList>
+            			</js:dataProvider>
+					</js:DropDownList>
 					
-					<basic:Label text="ZIP Code:" width="100%" />
-					<basic:TextInput id="zip" width="30%"/>
+					<js:Label text="ZIP Code:" width="100%" />
+					<js:TextInput id="zip" width="30%"/>
 					
-				</basic:Container>
+				</js:Container>
 				
-				<basic:Label y="38" text="Option1: Enter Address" style="horizontalCenter:0" className="instructions"/>
+				<js:Label y="38" text="Option1: Enter Address" style="horizontalCenter:0" className="instructions"/>
 				
-				<basic:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')" 
+				<js:TextButton y="297" text="Locate" click="SimpleAlert.show('This feature is not implemented in this sample', 'Locate')" 
                                   style="horizontalCenter:0"/>
 				
-				<basic:HContainer y="327" width="80%" height="20" >
-                    <basic:style>
-                        <basic:SimpleCSSStyles horizontalAlign="center" verticalAlign="middle" horizontalCenter="0" />
-                    </basic:style>
-					<basic:HRule width="60" />
-					<basic:Label text="OR"/>
-                    <basic:HRule width="60" />
-				</basic:HContainer>
+				<js:HContainer y="327" width="80%" height="20" >
+                    <js:style>
+                        <js:SimpleCSSStyles horizontalAlign="center" verticalAlign="middle" horizontalCenter="0" />
+                    </js:style>
+					<js:HRule width="60" />
+					<js:Label text="OR"/>
+                    <js:HRule width="60" />
+				</js:HContainer>
 				
-				<basic:Label y="355" text="Option 2: Drag this marker into the map" style="horizontalCenter:0" className="instructions"/>
+				<js:Label y="355" text="Option 2: Drag this marker into the map" style="horizontalCenter:0" className="instructions"/>
 				
-				<basic:Image y="380" style="horizontalCenter:0" source="assets/support_mapmarker_plus.png"/>
+				<js:Image y="380" style="horizontalCenter:0" source="assets/support_mapmarker_plus.png"/>
 				
-				<basic:HRule y="415" style="horizontalCenter:0" width="200" alpha="0.6"/>
+				<js:HRule y="415" style="horizontalCenter:0" width="200" alpha="0.6"/>
 				
-			</basic:Container>
+			</js:Container>
 			
-			<basic:Container width="100%" height="40%">
-				<basic:VContainer width="80%" height="90%" >
-                    <basic:style>
-                        <basic:SimpleCSSStyles horizontalCenter="0" top="0"/>
-                    </basic:style>
-					<basic:Label text="Location" className="instructions"/>
-					<basic:List width="100%" dataProvider="{locations}">
-                        <basic:itemRenderer>
+			<js:Container width="100%" height="40%">
+				<js:VContainer width="80%" height="90%" >
+                    <js:style>
+                        <js:SimpleCSSStyles horizontalCenter="0" top="0"/>
+                    </js:style>
+					<js:Label text="Location" className="instructions"/>
+					<js:List width="100%" dataProvider="{locations}">
+                        <js:itemRenderer>
                             <fx:Component>
-                                <basic:DataItemRenderer className="listItem" width="100%">
-                                    <basic:Image width="21" height="25" source="{data.image}" />
-                                    <basic:Label width="100%" text="{data.name}" />
-                                </basic:DataItemRenderer>                                                            
+                                <js:DataItemRenderer className="listItem" width="100%">
+                                    <js:Image width="21" height="25" source="{data.image}" />
+                                    <js:Label width="100%" text="{data.name}" />
+                                </js:DataItemRenderer>                                                            
                             </fx:Component>
-                        </basic:itemRenderer>
-					</basic:List>
-				</basic:VContainer>
-			</basic:Container>
+                        </js:itemRenderer>
+					</js:List>
+				</js:VContainer>
+			</js:Container>
 			
-		</basic:VContainer>
+		</js:VContainer>
 		
-		<basic:Container width="68%" height="100%">
-			<basic:Image source="assets/support_map.png">
-                <basic:style>
-                    <basic:SimpleCSSStyles left="2" right="2" top="2" bottom="2"/>
-                </basic:style>
-            </basic:Image>
-		</basic:Container>
+		<js:Container width="68%" height="100%">
+			<js:Image source="assets/support_map.png">
+                <js:style>
+                    <js:SimpleCSSStyles left="2" right="2" top="2" bottom="2"/>
+                </js:style>
+            </js:Image>
+		</js:Container>
 		
-	</basic:HContainer>
+	</js:HContainer>
 	
-</basic:Container>
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml b/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml
index d2cca30..1d2ae72 100755
--- a/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml
+++ b/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml
@@ -17,19 +17,19 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
-                  xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
+                  xmlns:js="library://ns.apache.org/flexjs/basic" 
                   xmlns:mx="library://ns.adobe.com/flex/mx"
                   currentState="showFilter">
-    <basic:style>
-        <basic:SimpleCSSStyles verticalAlign="middle" 
+    <js:style>
+        <js:SimpleCSSStyles verticalAlign="middle" 
                                paddingTop="0" 
                                paddingBottom="0" />
-    </basic:style>
-    <basic:beads>
-        <basic:ParentDocumentBead id="pdb" />
-        <basic:ContainerDataBinding />
-    </basic:beads>
+    </js:style>
+    <js:beads>
+        <js:ParentDocumentBead id="pdb" />
+        <js:ContainerDataBinding />
+    </js:beads>
     <fx:Script>
         <![CDATA[
             [Bindable]
@@ -51,20 +51,20 @@ limitations under the License.
     <fx:Binding source="ProductsView(ProductCatalogPanel(pdb.parentDocument).pdb.parentDocument).currentState" destination="currentState" />
     <fx:Binding destination="ProductsView(ProductCatalogPanel(pdb.parentDocument).pdb.parentDocument).currentState" source="currentState" />    
 
-    <basic:Label id="findPhones" text="Find Developers" click="currentState = 'showFilter'"
+    <js:Label id="findPhones" text="Find Developers" click="currentState = 'showFilter'"
              className.showFilter="catalogTitleButtonSelected"
              className.showCart="catalogTitleButtonDeselected"
              rollOver.showCart="rollOverLabel(event)"
              rollOut.showCart="rollOutLabel(event)"/>
-    <basic:HRule height="{findPhones.height * .75}" alpha=".75" style="color:#333333" />
-    <basic:Label id="viewCart" text="View Cart ({cartCount} items)" click="currentState = 'showCart'"
+    <js:HRule height="{findPhones.height * .75}" alpha=".75" style="color:#333333" />
+    <js:Label id="viewCart" text="View Cart ({cartCount} items)" click="currentState = 'showCart'"
              className.showFilter="catalogTitleButtonDeselected"
              className.showCart="catalogTitleButtonSelected"
              rollOver.showFilter="rollOverLabel(event)"
              rollOut.showFilter="rollOutLabel(event)"/>
     
-    <basic:states>
+    <js:states>
         <mx:State name="showFilter" />
         <mx:State name="showCart" />
-    </basic:states>
-</basic:HContainer>
+    </js:states>
+</js:HContainer>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/Grip.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/Grip.mxml b/examples/FlexJSStore/src/productsView/Grip.mxml
index 127c764..c826568 100755
--- a/examples/FlexJSStore/src/productsView/Grip.mxml
+++ b/examples/FlexJSStore/src/productsView/Grip.mxml
@@ -17,12 +17,12 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
-                  xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
+                  xmlns:js="library://ns.apache.org/flexjs/basic" 
                   xmlns:mx="library://ns.adobe.com/flex/mx" width="17" height="100%" >
-    <basic:style>
-        <basic:SimpleCSSStyles paddingTop="10" horizontalAlign="center" />
-    </basic:style>
+    <js:style>
+        <js:SimpleCSSStyles paddingTop="10" horizontalAlign="center" />
+    </js:style>
 
     <fx:Script>
         <![CDATA[
@@ -33,17 +33,17 @@ limitations under the License.
            public var gripIcon:String;
         ]]>
     </fx:Script>
-    <basic:beads>
-        <basic:ContainerDataBinding />
-        <basic:LayoutChangeNotifier watchedProperty="{icon.height}" initialValue="0" />
-        <basic:LayoutChangeNotifier watchedProperty="{grip.height}" initialValue="0" />
-    </basic:beads>
+    <js:beads>
+        <js:ContainerDataBinding />
+        <js:LayoutChangeNotifier watchedProperty="{icon.height}" initialValue="0" />
+        <js:LayoutChangeNotifier watchedProperty="{grip.height}" initialValue="0" />
+    </js:beads>
 
-    <basic:Image id="icon" source="{gripIcon}" />
-    <basic:Image id="grip" source="assets/grip.png" >
-        <basic:beads>
-            <basic:ToolTipBead toolTip="{gripTip}" />
-        </basic:beads>
-    </basic:Image>
+    <js:Image id="icon" source="{gripIcon}" />
+    <js:Image id="grip" source="assets/grip.png" >
+        <js:beads>
+            <js:ToolTipBead toolTip="{gripTip}" />
+        </js:beads>
+    </js:Image>
     
-</basic:VContainer>
+</js:VContainer>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductCart.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCart.mxml b/examples/FlexJSStore/src/productsView/ProductCart.mxml
index 40555d9..86b90a2 100755
--- a/examples/FlexJSStore/src/productsView/ProductCart.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductCart.mxml
@@ -17,22 +17,22 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<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.*"
     >
-    <basic:style>
-        <basic:SimpleCSSStyles horizontalAlign="right"
+    <js:style>
+        <js:SimpleCSSStyles horizontalAlign="right"
                                paddingTop="8"
                                paddingBottom="8"
                                paddingRight="4"
                                paddingLeft="4" />
-    </basic:style>
-    <basic:beads>
-        <basic:ContainerDataBinding />
-        <basic:OneFlexibleChildVerticalLayout id="flexLayout" flexibleChild="{productList}" />
-    </basic:beads>
+    </js:style>
+    <js:beads>
+        <js:ContainerDataBinding />
+        <js:OneFlexibleChildVerticalLayout id="flexLayout" flexibleChild="{productList}" />
+    </js:beads>
     <fx:Script>
         <![CDATA[
         
@@ -84,10 +84,10 @@ limitations under the License.
         ]]>
     </fx:Script>
     <fx:Declarations>
-        <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
+        <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
     </fx:Declarations>
     
-    <basic:Label width="100%" text="Your Shopping Cart" className="sectionHeader"/>
+    <js:Label width="100%" text="Your Shopping Cart" className="sectionHeader"/>
         
     <productsView:ProductList id="productList" width="100%"
         newItemStartX="-100" newItemStartY="-100" 
@@ -97,21 +97,21 @@ limitations under the License.
         removeProduct="productListEventHandler(event)"
         showQuantity="true" />
     
-    <basic:Container style="paddingRight:0" width="100%">
-        <basic:beads>
-            <basic:VerticalColumnLayout numColumns="2" />
-        </basic:beads>
-        <basic:Label text="Total:" width="100%" />
-        <basic:Label width="70" text="{cf.format(total)}" id="lblTotal" style="textAlign:'right'"/>
+    <js:Container style="paddingRight:0" width="100%">
+        <js:beads>
+            <js:VerticalColumnLayout numColumns="2" />
+        </js:beads>
+        <js:Label text="Total:" width="100%" />
+        <js:Label width="70" text="{cf.format(total)}" id="lblTotal" style="textAlign:'right'"/>
 
-        <basic:Label text="Service Fee:" width="100%" />
-        <basic:Label width="70" text="{cf.format(numProducts * SHIPPING)}" id="lblFee" style="textAlign:'right'"/>
+        <js:Label text="Service Fee:" width="100%" />
+        <js:Label width="70" text="{cf.format(numProducts * SHIPPING)}" id="lblFee" style="textAlign:'right'"/>
 
-        <basic:Label text="Grand Total:" style="fontWeight:'bold'" width="100%" />
-        <basic:Label width="70" text="{cf.format(total + (numProducts * SHIPPING))}" id="lblGrandTotal" style="textAlign:'right'"/>
+        <js:Label text="Grand Total:" style="fontWeight:'bold'" width="100%" />
+        <js:Label width="70" text="{cf.format(total + (numProducts * SHIPPING))}" id="lblGrandTotal" style="textAlign:'right'"/>
 
-    </basic:Container>
+    </js:Container>
 
-    <basic:TextButton text="Submit Order" click="SimpleAlert.show('This feature is not implemented in this sample', 'Submit Order')"/>
+    <js:TextButton text="Submit Order" click="SimpleAlert.show('This feature is not implemented in this sample', 'Submit Order')"/>
 
-</basic:Container>
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml b/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml
index ad46206..59f968f 100755
--- a/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"
-         xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"
+         xmlns:js="library://ns.apache.org/flexjs/basic" 
          xmlns:mx="library://ns.adobe.com/flex/mx" 
          implements="org.apache.flex.core.IDragInitiator"
     xmlns:productsView="productsView.*"
@@ -503,32 +503,32 @@ limitations under the License.
         ]]>
     </fx:Script>
     
-    <basic:beads>
-        <basic:ContainerDataBinding />
-        <basic:NonVirtualVerticalLayout />
-        <basic:DragMouseController id="dragger" />
-        <basic:ParentDocumentBead id="pdb" />
-        <basic:PanelView>
-            <basic:titleBar>
-                <basic:TitleBar>
-                    <basic:style>
-                        <basic:SimpleCSSStyles backgroundColor="0xA65904" />
-                    </basic:style>
-                    <basic:beads>
+    <js:beads>
+        <js:ContainerDataBinding />
+        <js:NonVirtualVerticalLayout />
+        <js:DragMouseController id="dragger" />
+        <js:ParentDocumentBead id="pdb" />
+        <js:PanelView>
+            <js:titleBar>
+                <js:TitleBar>
+                    <js:style>
+                        <js:SimpleCSSStyles backgroundColor="0xA65904" />
+                    </js:style>
+                    <js:beads>
                         <productsView:ProductCatalogPanelTitleBarView />
-                    </basic:beads>
-                </basic:TitleBar>
-            </basic:titleBar>
-        </basic:PanelView>
-    </basic:beads>
-    <basic:Container width="100%" height="100%">
-        <basic:Container id="thumbContentGroup" width="100%" height="100%">
-            <basic:beads>
-                <basic:ScrollingContainerView id="scv" />
-                <basic:NonVirtualBasicScrollingLayout />
-            </basic:beads>
-            <basic:Container id="thumbContent" width="100%" height="100%" />
-        </basic:Container>
+                    </js:beads>
+                </js:TitleBar>
+            </js:titleBar>
+        </js:PanelView>
+    </js:beads>
+    <js:Container width="100%" height="100%">
+        <js:Container id="thumbContentGroup" width="100%" height="100%">
+            <js:beads>
+                <js:ScrollingContainerView id="scv" />
+                <js:NonVirtualBasicScrollingLayout />
+            </js:beads>
+            <js:Container id="thumbContent" width="100%" height="100%" />
+        </js:Container>
         <productsView:ProductDetails id="details" y="0"
             width="{ProductCatalogThumbnail.COL_WIDTH_4 * 3}"
             height="100%"
@@ -537,12 +537,12 @@ limitations under the License.
             compare="productThumbEventHandler(event)"
             purchase="productThumbEventHandler(event)"
             browse="productThumbEventHandler(event)" />
-    </basic:Container>
+    </js:Container>
     
-    <basic:states>
+    <js:states>
         <mx:State name="browse" />
         <mx:State name="compare" />
         <mx:State name="details" />
-    </basic:states>
+    </js:states>
     
-</basic:Panel>
+</js:Panel>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml b/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml
index 004dc1c..3b31871 100755
--- a/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:MXMLBeadViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-                        xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:MXMLBeadViewBase 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.*"
                         >
@@ -36,15 +36,15 @@ limitations under the License.
             }
         ]]>
     </fx:Script>
-    <basic:beads>
-        <basic:MXMLBeadViewBaseDataBinding />
-        <basic:ParentDocumentBead id="pdb" />
-        <basic:LayoutChangeNotifier watchedProperty="{titleLabel.height}" />
-    </basic:beads>
-    <basic:Label id="titleLabel" text="{ITitleBarModel(model).title}" 
+    <js:beads>
+        <js:MXMLBeadViewBaseDataBinding />
+        <js:ParentDocumentBead id="pdb" />
+        <js:LayoutChangeNotifier watchedProperty="{titleLabel.height}" />
+    </js:beads>
+    <js:Label id="titleLabel" text="{ITitleBarModel(model).title}" 
                  />
-    <basic:CloseButton id="closeButton" click="clickHandler()"
+    <js:CloseButton id="closeButton" click="clickHandler()"
                        visible="{ITitleBarModel(model).showCloseButton}";
                        />
     <productsView:CatalogTitleButtons />
-</basic:MXMLBeadViewBase>
+</js:MXMLBeadViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml b/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
index f7a0ea4..df70ab5 100755
--- a/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<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"
     width="{COL_WIDTH_4}" height="{COL_HEIGHT_4}" height.compare="502"
     width.x4cols="{COL_WIDTH_4}" height.x4cols="{COL_HEIGHT_4}"
@@ -33,14 +33,14 @@ limitations under the License.
     currentState="x4cols"
     >
     <!-- automationName="{product.name}" -->
-    <basic:beads>
-        <basic:ContainerDataBinding />
-        <basic:LayoutChangeNotifier watchedProperty="{borderStyles.borderColor}" initialValue="#FFFFFF" />
-    </basic:beads>
-    <basic:style>
-        <basic:BindableCSSStyles id="borderStyles" borderStyle="solid"
+    <js:beads>
+        <js:ContainerDataBinding />
+        <js:LayoutChangeNotifier watchedProperty="{borderStyles.borderColor}" initialValue="#FFFFFF" />
+    </js:beads>
+    <js:style>
+        <js:BindableCSSStyles id="borderStyles" borderStyle="solid"
                                borderColor="#FFFFFF" backgroundColor="#FFFFFF"/>
-    </basic:style>
+    </js:style>
     <fx:Metadata>
         [Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
         [Event(name="compare", type="samples.flexstore.ProductThumbEvent")]
@@ -132,82 +132,82 @@ limitations under the License.
 	]]>
     </fx:Script>
     <fx:Declarations>
-        <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
+        <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
     </fx:Declarations>
 
-    <basic:VContainer id="vb" width="100%" height="100%">
-        <basic:style>
-            <basic:SimpleCSSStyles paddingLeft="6" paddingTop="4" paddingRight="8" paddingBottom="4" />
+    <js:VContainer id="vb" width="100%" height="100%">
+        <js:style>
+            <js:SimpleCSSStyles paddingLeft="6" paddingTop="4" paddingRight="8" paddingBottom="4" />
                                  <!--  gap="0">  -->
-        </basic:style>
+        </js:style>
         
 
-        <basic:Label text="{product.name}" style="fontWeight:bold"/>
+        <js:Label text="{product.name}" style="fontWeight:bold"/>
 
-        <basic:HContainer width="100%" >
-            <basic:style>
-                <basic:SimpleCSSStyles paddingTop="0" /> <!-- gap="4 -->"
-            </basic:style>
+        <js:HContainer width="100%" >
+            <js:style>
+                <js:SimpleCSSStyles paddingTop="0" /> <!-- gap="4 -->"
+            </js:style>
 
-            <basic:Image id="img" height="45" width="45" 
+            <js:Image id="img" height="45" width="45" 
                      width.x3cols="60" height.x3cols="60"
                      width.x2cols="60" height.x2cols="60"
                      source="{product.image}" />
 
-            <basic:VContainer id="descr" height="100%" >
-                <basic:style>
-                    <basic:SimpleCSSStyles paddingTop="0" right="0" /> <!--  gap="0"  -->
-                </basic:style>
-                <basic:Label text="{product.featureString}" width="60" height="48" />
-                <basic:Label text="{cf.format(product.price)}" style="fontWeight:bold"/>
-				<basic:Spacer height="4"/>
-                <basic:Label text="{product.highlight1}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
-                <basic:Label text="{product.highlight2}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
-            </basic:VContainer>
-
-        </basic:HContainer>
-
-        <basic:Spacer height="8"/>
-
-        <basic:Label id="compYears" text="Years: {product.experience}" includeIn="compare"/>
-        <basic:Label id="compBlaze" text="BlazeDS: {product.blazeds}" includeIn="compare"/>
-        <basic:Label id="compMobile" text="Mobile: {product.mobile}" includeIn="compare"/>
-        <basic:Label id="compVideo" text="Video: {product.video}" includeIn="compare"/>
-        <basic:Label id="compHigh1" text="Highlight: {product.highlight1}" includeIn="compare"/>
-        <basic:Label id="compHigh2" text="Highlight: {product.highlight2}" includeIn="compare"/>
-        <basic:Label text="Description:" includeIn="compare"/>
-        <basic:MultilineLabel id="compDesc" text="{product.description}" width="100%" includeIn="compare"/>
-    </basic:VContainer>
-
-
-    <basic:VContainer id="buttons" visible="false" width="30">
-        <basic:style>
-            <basic:SimpleCSSStyles paddingRight="8" right="8" top="12" /> <!-- gap="4" -->
-        </basic:style>
-        <basic:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" className="hoverButton"
+            <js:VContainer id="descr" height="100%" >
+                <js:style>
+                    <js:SimpleCSSStyles paddingTop="0" right="0" /> <!--  gap="0"  -->
+                </js:style>
+                <js:Label text="{product.featureString}" width="60" height="48" />
+                <js:Label text="{cf.format(product.price)}" style="fontWeight:bold"/>
+				<js:Spacer height="4"/>
+                <js:Label text="{product.highlight1}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
+                <js:Label text="{product.highlight2}" style="color:#EE8D0C" includeIn="x3cols, x2cols"/>
+            </js:VContainer>
+
+        </js:HContainer>
+
+        <js:Spacer height="8"/>
+
+        <js:Label id="compYears" text="Years: {product.experience}" includeIn="compare"/>
+        <js:Label id="compBlaze" text="BlazeDS: {product.blazeds}" includeIn="compare"/>
+        <js:Label id="compMobile" text="Mobile: {product.mobile}" includeIn="compare"/>
+        <js:Label id="compVideo" text="Video: {product.video}" includeIn="compare"/>
+        <js:Label id="compHigh1" text="Highlight: {product.highlight1}" includeIn="compare"/>
+        <js:Label id="compHigh2" text="Highlight: {product.highlight2}" includeIn="compare"/>
+        <js:Label text="Description:" includeIn="compare"/>
+        <js:MultilineLabel id="compDesc" text="{product.description}" width="100%" includeIn="compare"/>
+    </js:VContainer>
+
+
+    <js:VContainer id="buttons" visible="false" width="30">
+        <js:style>
+            <js:SimpleCSSStyles paddingRight="8" right="8" top="12" /> <!-- gap="4" -->
+        </js:style>
+        <js:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" className="hoverButton"
             click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.PURCHASE, product))" 
             width="30">
-            <basic:beads>
-                <basic:ToolTipBead toolTip="Add to cart"/>
-            </basic:beads>
-        </basic:ImageButton>
-        <basic:ImageButton id="compare" backgroundImage="assets/button_compare.png" className="hoverButton"
+            <js:beads>
+                <js:ToolTipBead toolTip="Add to cart"/>
+            </js:beads>
+        </js:ImageButton>
+        <js:ImageButton id="compare" backgroundImage="assets/button_compare.png" className="hoverButton"
             click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.COMPARE, product))" 
             width="30">
-            <basic:beads>
-                <basic:ToolTipBead toolTip="Add to compare list"/>
-            </basic:beads>
-        </basic:ImageButton>
-        <basic:ImageButton id="details" backgroundImage="assets/button_details.png" className="hoverButton"
+            <js:beads>
+                <js:ToolTipBead toolTip="Add to compare list"/>
+            </js:beads>
+        </js:ImageButton>
+        <js:ImageButton id="details" backgroundImage="assets/button_details.png" className="hoverButton"
             click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.DETAILS, product))" 
             width="30">
-            <basic:beads>
-                <basic:ToolTipBead toolTip="Show details"/>
-            </basic:beads>
-        </basic:ImageButton>
-    </basic:VContainer>
+            <js:beads>
+                <js:ToolTipBead toolTip="Show details"/>
+            </js:beads>
+        </js:ImageButton>
+    </js:VContainer>
 
-    <basic:states>
+    <js:states>
 
         <mx:State name="compare" />
 
@@ -216,6 +216,6 @@ limitations under the License.
         <mx:State name="x3cols" />
 
         <mx:State name="x2cols"/>
-    </basic:states>
+    </js:states>
 
-</basic:Container>
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductDetails.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductDetails.mxml b/examples/FlexJSStore/src/productsView/ProductDetails.mxml
index 044a896..08886ad 100755
--- a/examples/FlexJSStore/src/productsView/ProductDetails.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductDetails.mxml
@@ -17,14 +17,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<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.*"
     >
-    <basic:beads>
-        <basic:ContainerDataBinding />
-    </basic:beads>
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
 
     <fx:Metadata>
         [Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
@@ -58,96 +58,96 @@ limitations under the License.
     </fx:Script>
 
     <fx:Declarations>
-        <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
+        <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
     </fx:Declarations>
 
-    <basic:states>
+    <js:states>
         <mx:State name="Features" />
         <mx:State name="Support" />
-    </basic:states>
+    </js:states>
     
-    <basic:transitions>
-        <basic:Transition>
-            <basic:Fade />
-        </basic:Transition>
-    </basic:transitions>
+    <js:transitions>
+        <js:Transition>
+            <js:Fade />
+        </js:Transition>
+    </js:transitions>
     
-    <basic:ButtonBar id="tn" width="100%" change="currentState = tn.selectedItem as String">
-        <basic:dataProvider>
+    <js:ButtonBar id="tn" width="100%" change="currentState = tn.selectedItem as String">
+        <js:dataProvider>
             <fx:Array>
                 <fx:String>Features</fx:String>
                 <fx:String>Support</fx:String>
             </fx:Array>
-        </basic:dataProvider>
-    </basic:ButtonBar>
-    <basic:Container >
-        <basic:style>
-            <basic:SimpleCSSStyles left="4" right="8" top="34" bottom="4" />
-        </basic:style>
+        </js:dataProvider>
+    </js:ButtonBar>
+    <js:Container >
+        <js:style>
+            <js:SimpleCSSStyles left="4" right="8" top="34" bottom="4" />
+        </js:style>
                     
 
-        <basic:VContainer includeIn="Features" >
-            <basic:style>
-                <!--<basic:SimpleCSSStyles gap="8"-->
-                <basic:SimpleCSSStyles
+        <js:VContainer includeIn="Features" >
+            <js:style>
+                <!--<js:SimpleCSSStyles gap="8"-->
+                <js:SimpleCSSStyles
                     left="8" top="8" right="8" bottom="8"/>
-            </basic:style>
-            <basic:Container style="left:0px;right:0px">
+            </js:style>
+            <js:Container style="left:0px;right:0px">
 
-                <basic:Image id="img" width="101" height="101" source="{product.image}"/>
+                <js:Image id="img" width="101" height="101" source="{product.image}"/>
 
-                <basic:VContainer id="descr" >
-                    <basic:style>
-                        <basic:SimpleCSSStyles top="0" left="105" right="0" bottom="20" />
-                        <!--<basic:SimpleCSSStyles paddingTop="0" gap="4" />-->
-                    </basic:style>
+                <js:VContainer id="descr" >
+                    <js:style>
+                        <js:SimpleCSSStyles top="0" left="105" right="0" bottom="20" />
+                        <!--<js:SimpleCSSStyles paddingTop="0" gap="4" />-->
+                    </js:style>
                     
-                    <basic:Label text="{product.name}" style="fontSize:11;fontWeight:'bold'"/>
+                    <js:Label text="{product.name}" style="fontSize:11;fontWeight:'bold'"/>
 
-	                <basic:Label text="{product.featureString}" width="80" height="48" />
+	                <js:Label text="{product.featureString}" width="80" height="48" />
 
-                    <basic:Label text="{product.highlight1}" style="color:#EE8D0C"/>
+                    <js:Label text="{product.highlight1}" style="color:#EE8D0C"/>
 
-                    <basic:Label text="{product.highlight2}" style="color:#EE8D0C"/>
+                    <js:Label text="{product.highlight2}" style="color:#EE8D0C"/>
 
-                    <basic:Label text="{cf.format(product.price)}" style="fontWeight:'bold'"/>
+                    <js:Label text="{cf.format(product.price)}" style="fontWeight:'bold'"/>
 
-                </basic:VContainer>
-            </basic:Container>
+                </js:VContainer>
+            </js:Container>
 
-            <basic:Label id="descriptionText" style="left:0px;right:0px;bottom:0px" text="{product.description}"/>
+            <js:Label id="descriptionText" style="left:0px;right:0px;bottom:0px" text="{product.description}"/>
 
-        </basic:VContainer>
+        </js:VContainer>
 
         <productsView:ProductSupport width="100%" height="100%" includeIn="Support" />
 
-    </basic:Container>
-
-    <basic:VContainer>
-        <basic:beads>
-            <basic:LayoutChangeNotifier watchedProperty="{purchase.height}" initialValue="0" />
-            <basic:LayoutChangeNotifier watchedProperty="{compare.height}" initialValue="0" />
-            <basic:LayoutChangeNotifier watchedProperty="{tiles.height}" initialValue="0" />
-        </basic:beads>
-        <basic:style>
-            <basic:SimpleCSSStyles marginTop="4" right="16" top="36" />
-        </basic:style>
-        <basic:Spacer width="100%"/>
-        <basic:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.PURCHASE, product))" width="30">
-            <basic:beads>
-                <basic:ToolTipBead toolTip="Add to cart"/>
-            </basic:beads>
-        </basic:ImageButton>
-        <basic:ImageButton id="compare" backgroundImage="assets/button_compare.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.COMPARE, product))" width="30">
-            <basic:beads>
-                <basic:ToolTipBead toolTip="Add to compare list"/>
-            </basic:beads>
-        </basic:ImageButton>
-        <basic:ImageButton id="tiles" backgroundImage="assets/button_tiles.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.BROWSE, product));" width="30">
-            <basic:beads>
-                <basic:ToolTipBead toolTip="Back to thumbnail view"/>
-            </basic:beads>
-        </basic:ImageButton>
-    </basic:VContainer>
-
-</basic:Container>
\ No newline at end of file
+    </js:Container>
+
+    <js:VContainer>
+        <js:beads>
+            <js:LayoutChangeNotifier watchedProperty="{purchase.height}" initialValue="0" />
+            <js:LayoutChangeNotifier watchedProperty="{compare.height}" initialValue="0" />
+            <js:LayoutChangeNotifier watchedProperty="{tiles.height}" initialValue="0" />
+        </js:beads>
+        <js:style>
+            <js:SimpleCSSStyles marginTop="4" right="16" top="36" />
+        </js:style>
+        <js:Spacer width="100%"/>
+        <js:ImageButton id="purchase" backgroundImage="assets/button_cart_empty.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.PURCHASE, product))" width="30">
+            <js:beads>
+                <js:ToolTipBead toolTip="Add to cart"/>
+            </js:beads>
+        </js:ImageButton>
+        <js:ImageButton id="compare" backgroundImage="assets/button_compare.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.COMPARE, product))" width="30">
+            <js:beads>
+                <js:ToolTipBead toolTip="Add to compare list"/>
+            </js:beads>
+        </js:ImageButton>
+        <js:ImageButton id="tiles" backgroundImage="assets/button_tiles.png" click="dispatchEvent(new ProductThumbEvent(ProductThumbEvent.BROWSE, product));" width="30">
+            <js:beads>
+                <js:ToolTipBead toolTip="Back to thumbnail view"/>
+            </js:beads>
+        </js:ImageButton>
+    </js:VContainer>
+
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml b/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml
index 4777e79..5240c0e 100755
--- a/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml
@@ -17,22 +17,22 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
-                  xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:VContainer 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.*"
     xmlns:flexstore="samples.flexstore.*"
     height="100%" 
     currentState="showingThumbnails"
     initComplete="series.selectedIndex = 0">
-    <basic:style>
-        <basic:SimpleCSSStyles paddingLeft="4" 
+    <js:style>
+        <js:SimpleCSSStyles paddingLeft="4" 
                                paddingRight="12" 
                                paddingTop="12" 
                                paddingBottom="8" 
                                />
 
-    </basic:style>
+    </js:style>
     
     <fx:Metadata>
        [Event(name="filter", type="samples.flexstore.ProductFilterEvent")] 
@@ -100,48 +100,48 @@ limitations under the License.
             <flexstore:video>{cbVideo.selected}</flexstore:video>
         </flexstore:ProductFilter>
         
-        <basic:CurrencyFormatter currencySymbol="$" id="cf"/>    
+        <js:CurrencyFormatter currencySymbol="$" id="cf"/>    
         
     </fx:Declarations>
-    <basic:beads>
-        <basic:ContainerDataBinding />
-    </basic:beads>
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
     
-    <basic:Label text="Find" className="sectionHeader"/>
+    <js:Label text="Find" className="sectionHeader"/>
     
-    <basic:Container width="100%">
-        <basic:beads>
-            <basic:FlexibleFirstChildHorizontalLayout />
-        </basic:beads>
-        <basic:TextInput className="glass" width="100%"/>
-        <basic:TextButton className="glass" text="Go" click="SimpleAlert.show('This feature is not implemented in this sample', 'Find')"/>
-    </basic:Container>
-
-    <basic:Spacer height="18"/>
-
-    <basic:HRule width="100%"/>
-
-    <basic:Spacer height="8"/>
-
-    <basic:HContainer>
-        <basic:style>
-            <basic:SimpleCSSStyles paddingTop="0" paddingLeft="0" verticalAlign="bottom" />
-        </basic:style>
-        <basic:Label text="Filter" className="sectionHeader"/>
-        <basic:Label text="({filter.count} items selected)" >
-            <basic:style>
-                <basic:SimpleCSSStyles fontWeight="bold" />
-                <!--<basic:SimpleCSSStyles color="{getStyle('themeColor')}" fontWeight="bold" />-->
-            </basic:style>
-        </basic:Label>
-    </basic:HContainer>
-
-    <basic:Spacer height="8"/>
-
-    <basic:Label text="Years of Experience"/>
-
-    <basic:DropDownList id="series" className="glass" width="140" change="dispatchFilter();">
-        <basic:dataProvider>
+    <js:Container width="100%">
+        <js:beads>
+            <js:FlexibleFirstChildHorizontalLayout />
+        </js:beads>
+        <js:TextInput className="glass" width="100%"/>
+        <js:TextButton className="glass" text="Go" click="SimpleAlert.show('This feature is not implemented in this sample', 'Find')"/>
+    </js:Container>
+
+    <js:Spacer height="18"/>
+
+    <js:HRule width="100%"/>
+
+    <js:Spacer height="8"/>
+
+    <js:HContainer>
+        <js:style>
+            <js:SimpleCSSStyles paddingTop="0" paddingLeft="0" verticalAlign="bottom" />
+        </js:style>
+        <js:Label text="Filter" className="sectionHeader"/>
+        <js:Label text="({filter.count} items selected)" >
+            <js:style>
+                <js:SimpleCSSStyles fontWeight="bold" />
+                <!--<js:SimpleCSSStyles color="{getStyle('themeColor')}" fontWeight="bold" />-->
+            </js:style>
+        </js:Label>
+    </js:HContainer>
+
+    <js:Spacer height="8"/>
+
+    <js:Label text="Years of Experience"/>
+
+    <js:DropDownList id="series" className="glass" width="140" change="dispatchFilter();">
+        <js:dataProvider>
             <fx:Array>
                 <fx:String>All</fx:String>
                 <fx:String>3</fx:String>
@@ -149,12 +149,12 @@ limitations under the License.
                 <fx:String>7</fx:String>
                 <fx:String>9</fx:String>
             </fx:Array>                
-        </basic:dataProvider>
-    </basic:DropDownList>
+        </js:dataProvider>
+    </js:DropDownList>
 
-    <basic:Spacer height="18"/>
+    <js:Spacer height="18"/>
 
-    <basic:Label text="Price"/>
+    <js:Label text="Price"/>
 
     <!--<s:HSlider id="priceSlider" className="glassSlider" minimum="0" maximum="200" tickInterval="10" snapInterval="10"
         width="100%" thumbCount="2" values="[0,200]" labels="[$0,$200]" liveDragging="true" dataTipFormatFunction="{cf.format}"
@@ -162,45 +162,45 @@ limitations under the License.
         thumbPress="thumbBeingPressed=true"
         thumbRelease="thumbBeingPressed=false;dispatchFilter()"
         />-->
-    <basic:HContainer>
-        <basic:NumericStepper width="48%" id="loPrice" minimum="0" maximum="{hiPrice.value}" value="0" valueChange="dispatchFilter()" />
-        <basic:NumericStepper width="48%" id="hiPrice" minimum="{loPrice.value}" maximum="200" value="200" valueChange="dispatchFilter()" />
-    </basic:HContainer>
+    <js:HContainer>
+        <js:NumericStepper width="48%" id="loPrice" minimum="0" maximum="{hiPrice.value}" value="0" valueChange="dispatchFilter()" />
+        <js:NumericStepper width="48%" id="hiPrice" minimum="{loPrice.value}" maximum="200" value="200" valueChange="dispatchFilter()" />
+    </js:HContainer>
 
-    <basic:Spacer height="18"/>
+    <js:Spacer height="18"/>
 
-    <basic:Label text="Required Features"/>
+    <js:Label text="Required Features"/>
 
-    <basic:Spacer height="4"/>
+    <js:Spacer height="4"/>
 
-    <basic:CheckBox id="cbBlazeDS" className="glass" text="BlazeDS" click="dispatchFilter();"/>
-    <basic:Spacer height="4"/>
-    <basic:CheckBox id="cbMobile" className="glass" text="Mobile" click="dispatchFilter()"/>
-    <basic:Spacer height="4"/>
-    <basic:CheckBox id="cbVideo" className="glass" text="Video" click="dispatchFilter();"/>
+    <js:CheckBox id="cbBlazeDS" className="glass" text="BlazeDS" click="dispatchFilter();"/>
+    <js:Spacer height="4"/>
+    <js:CheckBox id="cbMobile" className="glass" text="Mobile" click="dispatchFilter()"/>
+    <js:Spacer height="4"/>
+    <js:CheckBox id="cbVideo" className="glass" text="Video" click="dispatchFilter();"/>
 
-    <basic:Spacer height="18"/>
+    <js:Spacer height="18"/>
 
-    <basic:HRule width="100%"/>
+    <js:HRule width="100%"/>
 
-    <basic:Spacer height="8"/>
+    <js:Spacer height="8"/>
 
-        <basic:HContainer>
-            <basic:Label text="Compare" className="sectionHeader"/>
-            <basic:Label text="(Drag items here to compare)" className="instructions"/>
-        </basic:HContainer>
+        <js:HContainer>
+            <js:Label text="Compare" className="sectionHeader"/>
+            <js:Label text="(Drag items here to compare)" className="instructions"/>
+        </js:HContainer>
 
 
-    <basic:Spacer height="4"/>
+    <js:Spacer height="4"/>
 
     <!-- height is maxItems * ProductListItem.HEIGHT + 2px border -->
     <productsView:ProductList id="productList" height="{productList.maxItems * ProductListItem.HEIGHT + 2}" width="100%"
         newItemStartX="300" newItemStartY="-100" maxItems="4" 
         removeProduct="productRemoved()"/>
 
-    <basic:Spacer height="8"/>
+    <js:Spacer height="8"/>
     
-    <basic:ImageAndTextButton id="compareButton" className="glass" 
+    <js:ImageAndTextButton id="compareButton" className="glass" 
                   click.showingThumbnails="attemptCompare()"
                   click.showingComparison="dispatchFilter()"            
                   text.showingComparison="Back to thumbnail view"
@@ -208,9 +208,9 @@ limitations under the License.
                   image.showingThumbnails="assets/icon_compare.png"
                   image.showingComparison="assets/icon_tiles.png" />
     
-    <basic:states>
+    <js:states>
        <mx:State name="showingThumbnails" />
        <mx:State name="showingComparison" />
-    </basic:states>
+    </js:states>
 
-</basic:VContainer>
\ No newline at end of file
+</js:VContainer>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductList.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductList.mxml b/examples/FlexJSStore/src/productsView/ProductList.mxml
index 88d3377..34c9980 100755
--- a/examples/FlexJSStore/src/productsView/ProductList.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductList.mxml
@@ -17,13 +17,13 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<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" 
     > 
-    <basic:style>
-        <basic:SimpleCSSStyles borderStyle="solid" backgroundColor="#BCB29F" />
-    </basic:style>
+    <js:style>
+        <js:SimpleCSSStyles borderStyle="solid" backgroundColor="#BCB29F" />
+    </js:style>
     <!-- need a background color for drag and drop but can set alpha to 0 -->
     
     <fx:Metadata>
@@ -210,11 +210,11 @@ limitations under the License.
  
         ]]>
     </fx:Script>
-    <basic:beads>
-        <basic:DropMouseController id="dmc" dragEnter="doDragEnter(event)" dragDrop="doDragDrop(event)" />
-        <basic:ScrollingContainerView id="scrollingView" />
-        <basic:NonVirtualVerticalScrollingLayout />
-    </basic:beads>
-    <basic:Container id="viewport" width="100%" height="100%" >
-    </basic:Container>
-</basic:Container>
+    <js:beads>
+        <js:DropMouseController id="dmc" dragEnter="doDragEnter(event)" dragDrop="doDragDrop(event)" />
+        <js:ScrollingContainerView id="scrollingView" />
+        <js:NonVirtualVerticalScrollingLayout />
+    </js:beads>
+    <js:Container id="viewport" width="100%" height="100%" >
+    </js:Container>
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductListItem.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductListItem.mxml b/examples/FlexJSStore/src/productsView/ProductListItem.mxml
index a7b77bf..bf6a2a8 100755
--- a/examples/FlexJSStore/src/productsView/ProductListItem.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductListItem.mxml
@@ -17,8 +17,8 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<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" 
     className="listItem" 
     height="{HEIGHT}" implements="org.apache.flex.core.IItemRenderer">
@@ -93,39 +93,39 @@ limitations under the License.
     </fx:Script>
     
     <fx:Declarations>
-        <basic:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
+        <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>
     </fx:Declarations>
     
-    <basic:beads>
-        <basic:ContainerDataBinding />
-    </basic:beads>
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
         
-    <basic:ImageButton id="removeButton" backgroundImage="assets/trashcan.png"
+    <js:ImageButton id="removeButton" backgroundImage="assets/trashcan.png"
         width="14" height="14" y="5"
         click="removeItem()">
-        <basic:beads>
-            <basic:ToolTipBead toolTip="Remove from cart" />
-        </basic:beads>
-    </basic:ImageButton>
+        <js:beads>
+            <js:ToolTipBead toolTip="Remove from cart" />
+        </js:beads>
+    </js:ImageButton>
     
-    <basic:Image id="productImage" x="16" y="6" width="12" height="12" source="{product.image}"/>
+    <js:Image id="productImage" x="16" y="6" width="12" height="12" source="{product.image}"/>
 
-    <basic:Label id="productName" x="30" width="100" y="4" text="{product.name}"/>
+    <js:Label id="productName" x="30" width="100" y="4" text="{product.name}"/>
 
-    <basic:Label id="productPrice" width="60" y="4"
+    <js:Label id="productPrice" width="60" y="4"
         text="{cf.format(product.price)}" style="textAlign:right;right:0"
                                 style.showQuantity="textAlign:right;right:25"/>
         
-    <basic:TextInput id="qty" width="25" y="3" text="{product.qty}" includeIn="showQuantity"
+    <js:TextInput id="qty" width="25" y="3" text="{product.qty}" includeIn="showQuantity"
                   style="textAlign:right;right:0;marginTop:0" change="qtyChange()" >
-        <basic:beads>
-            <basic:NumericOnlyTextInputBead maxChars="3" />
-        </basic:beads>
-    </basic:TextInput>
+        <js:beads>
+            <js:NumericOnlyTextInputBead maxChars="3" />
+        </js:beads>
+    </js:TextInput>
     
-    <basic:states>
+    <js:states>
         <mx:State name="compare" />
         <mx:State name="showQuantity" />
-    </basic:states>
+    </js:states>
     
-</basic:Container>
+</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore/src/productsView/ProductSupport.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductSupport.mxml b/examples/FlexJSStore/src/productsView/ProductSupport.mxml
index c28570e..113af4a 100755
--- a/examples/FlexJSStore/src/productsView/ProductSupport.mxml
+++ b/examples/FlexJSStore/src/productsView/ProductSupport.mxml
@@ -17,16 +17,16 @@ See the License for the specific language governing permissions and
 limitations under the License.
 
 -->
-<basic:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
-          xmlns:basic="library://ns.apache.org/flexjs/basic" 
+<js:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
+          xmlns:js="library://ns.apache.org/flexjs/basic" 
           xmlns:mx="library://ns.adobe.com/flex/mx" 
 		 >
-    <basic:style>
-        <basic:SimpleCSSStyles paddingLeft="4" paddingRight="8" paddingBottom="4" />
-    </basic:style>
-    <basic:beads>
-        <basic:ContainerDataBinding />
-    </basic:beads>
+    <js:style>
+        <js:SimpleCSSStyles paddingLeft="4" paddingRight="8" paddingBottom="4" />
+    </js:style>
+    <js:beads>
+        <js:ContainerDataBinding />
+    </js:beads>
 
     <fx:Script>
 	<![CDATA[
@@ -51,33 +51,33 @@ limitations under the License.
     </fx:Script>
 
     <fx:Declarations>
-        <basic:Parallel id="hideList">
-            <basic:children>
+        <js:Parallel id="hideList">
+            <js:children>
                 <fx:Array>
-                    <basic:Resize target="{list}" widthTo="0"/>
+                    <js:Resize target="{list}" widthTo="0"/>
                     <!--<mx:Resize target="{vd}" widthTo="400" heightTo="314"/>-->
                 </fx:Array>
-            </basic:children>
-        </basic:Parallel>
+            </js:children>
+        </js:Parallel>
         
-        <basic:Parallel id="showList">
-            <basic:children>
+        <js:Parallel id="showList">
+            <js:children>
                 <fx:Array>
-                    <basic:Resize target="{list}" widthTo="130"/>
+                    <js:Resize target="{list}" widthTo="130"/>
                     <!--<mx:Resize target="{vd}" widthTo="270" heightTo="217"/>-->
                 </fx:Array>
-            </basic:children>
-        </basic:Parallel>        
+            </js:children>
+        </js:Parallel>        
     </fx:Declarations>
-    <basic:List id="list" width="130" height="100%" selectedIndex="0">
-        <basic:dataProvider>
+    <js:List id="list" width="130" height="100%" selectedIndex="0">
+        <js:dataProvider>
             <fx:Array>
                 <fx:Object label="Install SIM Card"/>
             </fx:Array>
-        </basic:dataProvider>
-    </basic:List>
+        </js:dataProvider>
+    </js:List>
 
-    <basic:Container width="100%">
+    <js:Container width="100%">
 
 		<!--<mx:VideoDisplay id="vd" width="270" height="217" source="assets/phone.flv"
 						 autoPlay="false" complete="list.visible=true"/>
@@ -85,7 +85,7 @@ limitations under the License.
 		<mx:Button label="{vd.playing ? 'Stop' : 'Play'}" click="toggle()" left="8" bottom="8" includeInLayout="false">
 		</mx:Button>
 		-->
-	</basic:Container>
+	</js:Container>
 
 
-</basic:HContainer>
+</js:HContainer>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/FlexJSStore.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/FlexJSStore.mxml b/examples/FlexJSStore_jquery/src/FlexJSStore.mxml
index fbc6628..de6040f 100755
--- a/examples/FlexJSStore_jquery/src/FlexJSStore.mxml
+++ b/examples/FlexJSStore_jquery/src/FlexJSStore.mxml
@@ -18,7 +18,7 @@ limitations under the License.
 
 -->
 <jquery:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
-                xmlns:basic="library://ns.apache.org/flexjs/basic" 
+                xmlns:js="library://ns.apache.org/flexjs/basic" 
                 xmlns:mx="library://ns.adobe.com/flex/mx"
                 xmlns:jquery="library://ns.apache.org/flexjs/jquery"
                 xmlns="*"
@@ -168,29 +168,29 @@ limitations under the License.
     <fx:Style source="beige.css"/>
 	
     <fx:Declarations>
-        <basic:HTTPService id="productService" url="data/catalog.json">
-            <basic:LazyCollection id="catalog">
-                <basic:inputParser>
-                    <basic:JSONInputParser />
-                </basic:inputParser>
-                <basic:itemConverter>
+        <js:HTTPService id="productService" url="data/catalog.json">
+            <js:LazyCollection id="catalog">
+                <js:inputParser>
+                    <js:JSONInputParser />
+                </js:inputParser>
+                <js:itemConverter>
                     <ProductJSONItemConverter />
-                </basic:itemConverter> 
-            </basic:LazyCollection>
-        </basic:HTTPService>        
+                </js:itemConverter> 
+            </js:LazyCollection>
+        </js:HTTPService>        
     </fx:Declarations>
     <jquery:valuesImpl>
-        <basic:SimpleCSSValuesImpl />
+        <js:SimpleCSSValuesImpl />
     </jquery:valuesImpl>
 	<jquery:beads>
-        <basic:CallLaterBead id="callLater" />
-        <basic:ApplicationDataBinding />
+        <js:CallLaterBead id="callLater" />
+        <js:ApplicationDataBinding />
     </jquery:beads>
     <jquery:initialView>
-        <basic:ViewBase	width="990" height="550"
+        <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,37 +201,37 @@ 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"/ -->
                 <jquery:ToggleTextButton id="homeButton"
@@ -250,11 +250,11 @@ limitations under the License.
                                 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>        
+            </js:Container>
+        </js:ViewBase>        
     </jquery:initialView>    
 </jquery:Application>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6a35711f/examples/FlexJSStore_jquery/src/HomeView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/HomeView.mxml b/examples/FlexJSStore_jquery/src/HomeView.mxml
index 8273c19..57c855b 100755
--- a/examples/FlexJSStore_jquery/src/HomeView.mxml
+++ b/examples/FlexJSStore_jquery/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:jquery="library://ns.apache.org/flexjs/jquery"
            xmlns="*" width="990" height="550"
@@ -47,161 +47,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" />
+				<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" />
 					<jquery: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: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%"/>
 						
 						<jquery:CheckBox text="Remember my phone number" selected="true"/>
-						<basic:Spacer height="8" width="100%"/>
+						<js:Spacer height="8" width="100%"/>
 						
 						<jquery: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_jquery/src/ProductsView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore_jquery/src/ProductsView.mxml b/examples/FlexJSStore_jquery/src/ProductsView.mxml
index 8f9ec9a..b4330f8 100755
--- a/examples/FlexJSStore_jquery/src/ProductsView.mxml
+++ b/examples/FlexJSStore_jquery/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>