flex-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From aha...@apache.org
Subject [28/34] git commit: [flex-asjs] [refs/heads/develop] - move examples into a flexjs folder now that we have a native folder for low-level examples
Date Mon, 24 Aug 2015 05:33:18 GMT
http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/beige.css
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/beige.css b/examples/FlexJSStore/src/beige.css
deleted file mode 100755
index 764b49c..0000000
--- a/examples/FlexJSStore/src/beige.css
+++ /dev/null
@@ -1,171 +0,0 @@
-/*
-////////////////////////////////////////////////////////////////////////////////
-//
-//  Licensed to the Apache Software Foundation (ASF) under one or more
-//  contributor license agreements.  See the NOTICE file distributed with
-//  this work for additional information regarding copyright ownership.
-//  The ASF licenses this file to You under the Apache License, Version 2.0
-//  (the "License"); you may not use this file except in compliance with
-//  the License.  You may obtain a copy of the License at
-//
-//      http://www.apache.org/licenses/LICENSE-2.0
-//
-//  Unless required by applicable law or agreed to in writing, software
-//  distributed under the License is distributed on an "AS IS" BASIS,
-//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-//  See the License for the specific language governing permissions and
-//  limitations under the License.
-//
-////////////////////////////////////////////////////////////////////////////////
-*/
-
-/* Style for color-specific state - Beige */
-
-@namespace "library://ns.apache.org/flexjs/basic";
-
-/*
-//----------------------------
-//  Global styles
-//----------------------------
-*/
-.global
-{
-    highlightAlphas:        .5, .25;
-    borderColor:            #939A9D;
-    headerColors:           #A65904, #E68701;
-    themeColor:             #75B1CE;
-    rollOverColor:          #D6E6EE;
-    selectionColor:         #B8D5E4;
-}
-
-/*
-//----------------------------
-// Type selectors
-//----------------------------
-*/
-Application
-{
-    backgroundColor:		#EAE6DD;
-    backgroundImage:        "assets/beige_background.jpg";
-}
-
-/*
-//----------------------------
-// Apply to Panels and Alerts by default
-//----------------------------
-*/
-.windowStatus {
-	color: #FFCC99;
-}
-
-.windowStyles {		/* catalog panel's title text */
-	color: #FFCC99;
-}
-
-/*
-//----------------------------
-// Named styles
-//----------------------------
-*/
-
-.colorPanel /* for the background of some surfaces */
-{
-    borderStyle:            "solid";
-    borderWidth:        0;
-    backgroundColor:		#BCB29F;
-    backgroundAlpha:		0.4;
-    color: 					#170505;
-    cornerRadius:           4;
-    dropShadowEnabled:      true;
-}
-
-.homeProgramHeader /* in HomeView */
-{
-    fontWeight:             "bold";
-    fontSize:               13;
-    color:                  #BE7E3F;
-}
-
-.homeMap
-{
-    borderStyle:            "solid";
-    cornerRadius:           4;
-    backgroundColor:        #BE7E3F;
-    alpha:                  1;
-    dottedMap:              "assets/beige_dotted_map.png";
-}
-
-.instructions
-{
-    alpha:                  .85;
-    color:                  #5C5857;
-}
-
-.storeControlBar
-{
-    fillAlphas: 			.60, .40;
-    fillColors: 			#8F8879, #BCB29F;
-    highlightAlphas:		.05, .25;
-    cornerRadius: 			3;
-	shadowDistance:         4;
-	paddingLeft:            0;
-	paddingRight:           0;
-	paddingTop:             0;
-	paddingBottom:          0;
-	horizontalGap:          0;
-    storeLogo:              "assets/logo_orange.png";
-}
-
-.storeButtonBar
-{
-    cornerRadius:           0;
-    buttonStyleName:        "storeButton";
-    themeColor:             #A65904;
-}
-
-.storeButton
-{
-    cornerRadius:           0;
-    fillColors:             #8F8879, #BCB29F, #A65904, #E68701;
-    fillAlphas:             1, 1;
-    highlightAlphas:        .5, .25;
-    fontWeight:             "normal";
-    /** need to port to ButtonView 
-    selectedOverSkin:       ClassReference("samples.flexstore.ButtonBarButtonSkin");
-    selectedUpSkin:         ClassReference("samples.flexstore.ButtonBarButtonSkin");
-    overSkin:               ClassReference("samples.flexstore.ButtonBarButtonSkin");
-    **/
-}
-
-.catalogTitleButtonSelected
-{
-    color:                  #FFFFFF;
-    fontWeight:             "bold";
-}
-
-.catalogTitleButtonDeselected
-{
-    color:                  #222222;
-    fontWeight:             "bold";
-}
-
-.catalogTitleButtonHighlighted
-{
-    color:                  #FFCC99;
-    fontWeight:             "bold";
-}
-
-.catalogPanel
-{
-    highlightAlphas:        .5, .25;
-    headerColors:           #A65904, #E68701;
-    borderAlpha:            1;
-    borderColor:            #FFFFFF;
-    border-width: 1px;
-    borderThicknessRight:   1;
-    borderThicknessBottom:  1;
-    paddingRight:           0;
-    paddingBottom:          0;
-}
-
-

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/blue.css
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/blue.css b/examples/FlexJSStore/src/blue.css
deleted file mode 100755
index 58e98cd..0000000
--- a/examples/FlexJSStore/src/blue.css
+++ /dev/null
@@ -1,165 +0,0 @@
-/*
-////////////////////////////////////////////////////////////////////////////////
-//
-//  Licensed to the Apache Software Foundation (ASF) under one or more
-//  contributor license agreements.  See the NOTICE file distributed with
-//  this work for additional information regarding copyright ownership.
-//  The ASF licenses this file to You under the Apache License, Version 2.0
-//  (the "License"); you may not use this file except in compliance with
-//  the License.  You may obtain a copy of the License at
-//
-//      http://www.apache.org/licenses/LICENSE-2.0
-//
-//  Unless required by applicable law or agreed to in writing, software
-//  distributed under the License is distributed on an "AS IS" BASIS,
-//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-//  See the License for the specific language governing permissions and
-//  limitations under the License.
-//
-////////////////////////////////////////////////////////////////////////////////
-*/
-
-/* Style for color-specific state - Beige */
-
-/*
-//----------------------------
-//  Global styles
-//----------------------------
-*/
-.global
-{
-    highlightAlphas:        .5, .25;
-    borderColor:            #939A9D;
-    headerColors:           #456F84, #9ABBC9;
-    themeColor:             #75B1CE;
-    rollOverColor:          #D6E6EE;
-    selectionColor:         #B8D5E4;
-}
-
-/*
-//----------------------------
-// Type selectors
-//----------------------------
-*/
-Application
-{
-    backgroundColor:		#AAB2B7;
-    backgroundImage:        Embed("assets/blue_background.jpg");
-}
-
-/*
-//----------------------------
-// Apply to Panels and Alerts by default
-//----------------------------
-*/
-.windowStatus {
-	color: #BDE9FA;
-}
-
-.windowStyles {		/* catalog panel's title text */
-	color: #BDE9FA;
-}
-
-/*
-//----------------------------
-// Named styles
-//----------------------------
-*/
-
-.colorPanel /* for the background of some surfaces */
-{
-    borderStyle:            "solid";
-    borderThickness:        0;
-    backgroundColor:		#BDD6E2;
-    backgroundAlpha:		0.4;
-    color: 					#170505;
-    cornerRadius:           4;
-    dropShadowEnabled:      true;
-}
-
-.homeProgramHeader /* in HomeView */
-{
-    fontWeight:             "bold";
-    fontSize:               13;
-    color:                  #7AA4B9;
-}
-
-.homeMap
-{
-    borderStyle:            "solid";
-    cornerRadius:           4;
-    backgroundColor:        #7AA4B9;
-    alpha:                  1;
-    dottedMap:              Embed("assets/blue_dotted_map.png");
-}
-
-.instructions
-{
-    alpha:                  .85;
-    color:                  #5C5857;
-}
-
-.storeControlBar
-{
-    fillAlphas: 			.60, .40;
-    fillColors: 			#4A6F81, #BDD6E2;
-    highlightAlphas:		.05, .25;
-    cornerRadius: 			3;
-	shadowDistance:         4;
-	paddingLeft:            0;
-	paddingRight:           0;
-	paddingTop:             0;
-	paddingBottom:          0;
-	horizontalGap:          0;
-    storeLogo:              Embed("assets/logo_blue.png");
-}
-
-.storeButtonBar
-{
-    cornerRadius:           0;
-    buttonStyleName:        "storeButton";
-    themeColor:             #456F84;
-}
-
-.storeButton
-{
-    cornerRadius:           0;
-    fillColors:             #4A6F81, #BDD6E2, #456F84, #9ABBC9;
-    fillAlphas:             1, 1;
-    highlightAlphas:        .5, .25;
-    fontWeight:             "normal";
-    selectedOverSkin:       ClassReference("samples.flexstore.ButtonBarButtonSkin");
-    selectedUpSkin:         ClassReference("samples.flexstore.ButtonBarButtonSkin");
-    overSkin:               ClassReference("samples.flexstore.ButtonBarButtonSkin");
-}
-
-.catalogTitleButtonSelected
-{
-    color:                  #FFFFFF;
-    fontWeight:             "bold";
-}
-
-.catalogTitleButtonDeselected
-{
-    color:                  #222222;
-    fontWeight:             "bold";
-}
-
-.catalogTitleButtonHighlighted
-{
-    color:                  #BDE9FA;
-    fontWeight:             "bold";
-}
-
-.catalogPanel
-{
-    highlightAlphas:        .5, .25;
-    headerColors:           #456F84, #9ABBC9;
-    borderAlpha:            1;
-    borderColor:            #FFFFFF;
-    borderThicknessRight:   1;
-    borderThicknessBottom:  1;
-    paddingRight:           0;
-    paddingBottom:          0;
-}
-

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/data/catalog.json
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/data/catalog.json b/examples/FlexJSStore/src/data/catalog.json
deleted file mode 100755
index 89bdd43..0000000
--- a/examples/FlexJSStore/src/data/catalog.json
+++ /dev/null
@@ -1,236 +0,0 @@
-{ catalog : [
-
-    { "productId" :"1",
-      "name" : "Andrew Brilliam",
-      "description" : "15 years experience. 8 years with Flex.  Specializing in Text Layout Framework",
-      "price" : 60.00,
-      "image" : "assets/pic/abrilliam.jpg",
-      "experience" : 15,
-      "blazeds" : false,
-      "mobile" : false,
-      "video" : false,
-      "highlight1" : "Text Layout Framework",
-	  "highlight2" : "Parsley"
-    },
-    
-    { "productId" : "2",
-        "name" : "Annette Kotter",
-        "description" : "Specializing in custom components.  PHP servers.",
-        "price" : 55,
-        "image" : "assets/pic/akotter.jpg",
-        "experience" : 3,
-        "blazeds" : true,
-        "mobile" : false,
-        "video" : false,
-        "highlight1" : "Custom Components",
-		"highlight2" : "PHP"
-    },
-
-    { "productId" : "3",
-        "name" : "Ben Crater",
-        "description" : "Specializing in BlazeDS backends.",
-        "price" : 55,
-        "image" : "assets/pic/bcrater.jpg",
-        "experience" : 4,
-        "blazeds" : true,
-        "mobile" : false,
-        "video" : false,
-        "highlight1" : "BlazeDS",
-		"highlight2" : "Remote Object"
-    },
-
-    { "productId" : "4",
-        "name" : "Beth Leporte",
-        "description" : "BlazeDS or PHP servers.  Multimedia messagin.",
-        "price" : 70.00,
-        "image" : "assets/pic/bleporte.jpg",
-        "experience" : 6,
-        "blazeds" : true,
-        "mobile" : false,
-        "video" : false,
-        "highlight1" : "Multimedia messaging",
-		"highlight2" : "BlazeDS"
-    },
-
-    { "productId" : "5",
-        "name" : "Brad Van Brocklin",
-        "description" : "Emphasis on mobile application development",
-        "price" : 80,
-        "image" : "assets/pic/bvanbrocklin.jpg",
-        "experience" : 6,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : false,
-        "highlight1" : "Mobile",
-		"highlight2" : "Android"
-    },
-
-    { "productId" : "6",
-        "name" : "Carlos Carpenter",
-        "description" : "Built many mobile apps and video apps.",
-        "price" : 80,
-        "image" : "assets/pic/ccarpenter.jpg",
-        "experience" : 4,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Mobile",
-		"highlight2" : "Video"
-    },
-
-    { "productId" : "7",
-        "name" : "Christine Lampberto",
-        "description" : "7 years experience building mobile applications.",
-        "price" : 90,
-        "image" : "assets/pic/clampberto.jpg",
-        "experience" : 7,
-        "blazeds" : true,
-        "mobile" : true,
-        "video" : false,
-        "highlight1" : "BlazeDS",
-		"highlight2" : "Mobile"
-    },
-
-    { "productId" : "8",
-        "name" : "Dee Dee Avenon",
-        "description" : "I've been making video apps for over 5 years and mobile apps for about 3 years.",
-        "price" : 100,
-        "image" : "assets/pic/davenon.jpg",
-        "experience" : 10,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "9",
-        "name" : "Denise McGoyal",
-        "description" : "Specializing in video sharing applicaions.  MObile apps too.",
-        "price" : 100,
-        "image" : "assets/pic/dmcgoyal.jpg",
-        "experience" : 5,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "10",
-        "name" : "Daniel Willhelm",
-        "description" : "I'm into mobile apps, video apps and social apps.",
-        "price" : 70,
-        "image" : "assets/pic/dwillhelm.jpg",
-        "experience" : 90,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "11",
-        "name" : "Eunice Sunderland",
-        "description" : "My recent focus is on mobile apps, but I have considerable experience in video apps as well.",
-        "price" : 150,
-        "image" : "assets/pic/esunderland.jpg",
-        "experience" : 30,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "12",
-        "name" : "Jane Proctor",
-        "description" : "I've been developing mobile companion apps for the past 3 years.",
-        "price" : 75,
-        "image" : "assets/pic/jproctor.jpg",
-        "experience" : 6,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "13",
-        "name" : "Mark Fields",
-        "description" : "Video is my favorite thing.  Mobile is also a favorite.",
-        "price" : 60,
-        "image" : "assets/pic/mfields.jpg",
-        "experience" : 70,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "14",
-        "name" : "Patricia Dempsey",
-        "description" : "I've been cranking out mobile apps for the past 6 years.  A few have involved video as well.",
-        "price" : 120,
-        "image" : "assets/pic/pdempsey.jpg",
-        "experience" : 7,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "15",
-        "name" : "Paul Trandep",
-        "description" : "I've been working on a mobile app that incorporates music.  It just shipped so now I'm looking for the next fun thing to work on.'",
-        "price" : 50,
-        "image" : "assets/pic/ptranep.jpg",
-        "experience" : 6,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "16",
-        "name" : "Roscoe Crawley",
-        "description" : "My main specialty is in BlazeDS connected to Flex.",
-        "price" : 59,
-        "image" : "assets/pic/rcrawley.jpg",
-        "experience" : 9,
-        "blazeds" : true,
-        "mobile" : false,
-        "video" : false,
-        "highlight1" : "BlazeDS",
-		"highlight2" : "Remote Object"
-    },
-
-    { "productId" : "17",
-        "name" : "Renee Dreifus",
-            "description" : "I can do it all: BlazeDS, Mobile, Video.",
-        "price" : 79,
-        "image" : "assets/pic/rdreifus.jpg",
-        "experience" : 90,
-        "blazeds" : true,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    },
-
-    { "productId" : "18",
-        "name" : "Tina Wong",
-        "description" : "I've been developing Flex apps since 1.5.  Most of my recent work has been on mobile apps.",
-        "price" : 109,
-        "image" : "assets/pic/twong.jpg",
-        "experience" : 9,
-        "blazeds" : false,
-        "mobile" : true,
-        "video" : true,
-        "highlight1" : "Video Applications",
-		"highlight2" : "Mobile Applications"
-    
-];

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/data/catalog.xml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/data/catalog.xml b/examples/FlexJSStore/src/data/catalog.xml
deleted file mode 100755
index 423e177..0000000
--- a/examples/FlexJSStore/src/data/catalog.xml
+++ /dev/null
@@ -1,256 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
- 
- Licensed to the Apache Software Foundation (ASF) under one or more
- contributor license agreements.  See the NOTICE file distributed with
- this work for additional information regarding copyright ownership.
- The ASF licenses this file to You under the Apache License, Version 2.0
- (the "License"); you may not use this file except in compliance with
- the License.  You may obtain a copy of the License at
- 
- http://www.apache.org/licenses/LICENSE-2.0
- 
- Unless required by applicable law or agreed to in writing, software
- distributed under the License is distributed on an "AS IS" BASIS,
- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- See the License for the specific language governing permissions and
- limitations under the License.
- 
- -->
-<catalog>
-
-    <product productId="1">
-        <name>Andrew Brilliam</name>
-        <description>15 years experience. 8 years with Flex.  Specializing in Text Layout Framework</description>
-        <price>60.00</price>
-        <image>assets/pic/abrilliam.jpg</image>
-        <experience>15</experience>
-        <blazeds>false</blazeds>
-        <mobile>false</mobile>
-        <video>false</video>
-        <highlight1>Text Layout Framework</highlight1>
-		<highlight2>Parsley</highlight2>
-    </product>
-
-    <product productId="2">
-        <name>Annette Kotter</name>
-        <description>Specializing in custom components.  PHP servers.</description>
-        <price>55</price>
-        <image>assets/pic/akotter.jpg</image>
-        <experience>3</experience>
-        <blazeds>true</blazeds>
-        <mobile>false</mobile>
-        <video>false</video>
-        <highlight1>Custom Components</highlight1>
-		<highlight2>PHP</highlight2>
-    </product>
-
-    <product productId="3">
-        <name>Ben Crater</name>
-        <description>Specializing in BlazeDS backends.</description>
-        <price>55</price>
-        <image>assets/pic/bcrater.jpg</image>
-        <experience>4</experience>
-        <blazeds>true</blazeds>
-        <mobile>false</mobile>
-        <video>false</video>
-        <highlight1>BlazeDS</highlight1>
-		<highlight2>Remote Object</highlight2>
-    </product>
-
-    <product productId="4">
-        <name>Beth Leporte</name>
-        <description>BlazeDS or PHP servers.  Multimedia messagin.</description>
-        <price>70.00</price>
-        <image>assets/pic/bleporte.jpg</image>
-        <experience>6</experience>
-        <blazeds>true</blazeds>
-        <mobile>false</mobile>
-        <video>false</video>
-        <highlight1>Multimedia messaging</highlight1>
-		<highlight2>BlazeDS</highlight2>
-    </product>
-
-    <product productId="5">
-        <name>Brad Van Brocklin</name>
-        <description>Emphasis on mobile application development</description>
-        <price>80</price>
-        <image>assets/pic/bvanbrocklin.jpg</image>
-        <experience>6</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>false</video>
-        <highlight1>Mobile</highlight1>
-		<highlight2>Android</highlight2>
-    </product>
-
-    <product productId="6">
-        <name>Carlos Carpenter</name>
-        <description>Built many mobile apps and video apps.</description>
-        <price>80</price>
-        <image>assets/pic/ccarpenter.jpg</image>
-        <experience>4</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Mobile</highlight1>
-		<highlight2>Video</highlight2>
-    </product>
-
-    <product productId="7">
-        <name>Christine Lampberto</name>
-        <description>7 years experience building mobile applications.</description>
-        <price>90</price>
-        <image>assets/pic/clampberto.jpg</image>
-        <experience>7</experience>
-        <blazeds>true</blazeds>
-        <mobile>true</mobile>
-        <video>false</video>
-        <highlight1>BlazeDS</highlight1>
-		<highlight2>Mobile</highlight2>
-    </product>
-
-    <product productId="8">
-        <name>Dee Dee Avenon</name>
-        <description>I've been making video apps for over 5 years and mobile apps for about 3 years.</description>
-        <price>100</price>
-        <image>assets/pic/davenon.jpg</image>
-        <experience>10</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="9">
-        <name>Denise McGoyal</name>
-        <description>Specializing in video sharing applicaions.  MObile apps too.</description>
-        <price>100</price>
-        <image>assets/pic/dmcgoyal.jpg</image>
-        <experience>5</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="10">
-        <name>Daniel Willhelm</name>
-        <description>I'm into mobile apps, video apps and social apps.</description>
-        <price>70</price>
-        <image>assets/pic/dwillhelm.jpg</image>
-        <experience>90</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="11">
-        <name>Eunice Sunderland</name>
-        <description>My recent focus is on mobile apps, but I have considerable experience in video apps as well.</description>
-        <price>150</price>
-        <image>assets/pic/esunderland.jpg</image>
-        <experience>30</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="12">
-        <name>Jane Proctor</name>
-        <description>I've been developing mobile companion apps for the past 3 years.</description>
-        <price>75</price>
-        <image>assets/pic/jproctor.jpg</image>
-        <experience>6</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="13">
-        <name>Mark Fields</name>
-        <description>Video is my favorite thing.  Mobile is also a favorite.</description>
-        <price>60</price>
-        <image>assets/pic/mfields.jpg</image>
-        <experience>70</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="14">
-        <name>Patricia Dempsey</name>
-        <description>I've been cranking out mobile apps for the past 6 years.  A few have involved video as well.</description>
-        <price>120</price>
-        <image>assets/pic/pdempsey.jpg</image>
-        <experience>7</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="15">
-        <name>Paul Trandep</name>
-        <description>I've been working on a mobile app that incorporates music.  It just shipped so now I'm looking for the next fun thing to work on.'</description>
-        <price>50</price>
-        <image>assets/pic/ptranep.jpg</image>
-        <experience>6</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="16">
-        <name>Roscoe Crawley</name>
-        <description>My main specialty is in BlazeDS connected to Flex.</description>
-        <price>59</price>
-        <image>assets/pic/rcrawley.jpg</image>
-        <experience>9</experience>
-        <blazeds>true</blazeds>
-        <mobile>false</mobile>
-        <video>false</video>
-        <highlight1>BlazeDS</highlight1>
-		<highlight2>Remote Object</highlight2>
-    </product>
-
-    <product productId="17">
-        <name>Renee Dreifus</name>
-            <description>I can do it all: BlazeDS, Mobile, Video.</description>
-        <price>79</price>
-        <image>assets/pic/rdreifus.jpg</image>
-        <experience>90</experience>
-        <blazeds>true</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-    <product productId="18">
-        <name>Tina Wong</name>
-        <description>I've been developing Flex apps since 1.5.  Most of my recent work has been on mobile apps.</description>
-        <price>109</price>
-        <image>assets/pic/twong.jpg</image>
-        <experience>9</experience>
-        <blazeds>false</blazeds>
-        <mobile>true</mobile>
-        <video>true</video>
-        <highlight1>Video Applications</highlight1>
-		<highlight2>Mobile Applications</highlight2>
-    </product>
-
-</catalog>
\ No newline at end of file

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/main.css
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/main.css b/examples/FlexJSStore/src/main.css
deleted file mode 100755
index 0787a24..0000000
--- a/examples/FlexJSStore/src/main.css
+++ /dev/null
@@ -1,100 +0,0 @@
-/*
-////////////////////////////////////////////////////////////////////////////////
-//
-//  Licensed to the Apache Software Foundation (ASF) under one or more
-//  contributor license agreements.  See the NOTICE file distributed with
-//  this work for additional information regarding copyright ownership.
-//  The ASF licenses this file to You under the Apache License, Version 2.0
-//  (the "License"); you may not use this file except in compliance with
-//  the License.  You may obtain a copy of the License at
-//
-//      http://www.apache.org/licenses/LICENSE-2.0
-//
-//  Unless required by applicable law or agreed to in writing, software
-//  distributed under the License is distributed on an "AS IS" BASIS,
-//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-//  See the License for the specific language governing permissions and
-//  limitations under the License.
-//
-////////////////////////////////////////////////////////////////////////////////
-*/
-
-@namespace basic "library://ns.apache.org/flexjs/basic";
-
-/*
-//----------------------------
-//  Global styles
-//----------------------------
-*/
-.global {
-    IStatesImpl:            ClassReference("org.apache.flex.core.StatesWithTransitionsImpl");
-    color:                  #170505;
-    fillAlphas:             1.00, 1.00; /* last pair are for OVER state */
-    fillColors: 		    #FFFFFF, #DDDDDD, #FFFFFF, #EEEEEE;
-}
-
-global {
-    IStatesImpl:            ClassReference("org.apache.flex.core.StatesWithTransitionsImpl");
-}
-
-/*
-//----------------------------
-// Type selectors
-//----------------------------
-
-HRule
-{
-    color:                  #666666;
-}
-*/
-
-/*
-//----------------------------
-// Named styles
-//----------------------------
-*/
-.glass {
-    borderColor:		    #767473;
-    fillAlphas: 		    .60, .60, .60, .60;
-    fillColors: 		    #888888, #F3F3F3, #9E9E9E, #FCFCFC;
-    highlightAlphas:	    .07, .45;
-}
-
-.glassSlider
-{
-    fillAlphas: 		    .80, .80, .80, .80;
-    fillColors: 		    #F3F3F3, #BBBBBB, #FCFCFC, #CCCCCC;
-}
-
-.listItem
-{
-    paddingLeft:            4;
-    paddingRight:           4;
-    horizontalGap:          5;
-    verticalAlign:          "middle";
-    backgroundColor:        #FFFFFF;
-    backgroundAlpha:        .5;
-    borderStyle:            "outset";
-}
-
-basic|Container
-{
-    IBeadLayout: ClassReference("org.apache.flex.html.beads.layouts.BasicLayout");
-}
-
-.sectionHeader
-{
-    fontWeight:             "bold";
-    fontSize:               11;
-}
-
-.homeSection
-{
-    cornerRadius:           4;
-    borderStyle:            "solid";
-}
-
-.hoverButton
-{
-    height: 20px;
-}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml b/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml
deleted file mode 100755
index 77456be..0000000
--- a/examples/FlexJSStore/src/productsView/CatalogTitleButtons.mxml
+++ /dev/null
@@ -1,70 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:HContainer xmlns:fx="http://ns.adobe.com/mxml/2009"
-                  xmlns:js="library://ns.apache.org/flexjs/basic" 
-                  currentState="showFilter">
-    <js:style>
-        <js:SimpleCSSStyles verticalAlign="middle" 
-                               paddingTop="0" 
-                               paddingBottom="0" />
-    </js:style>
-    <js:beads>
-        <js:ParentDocumentBead id="pdb" />
-        <js:ContainerDataBinding />
-        <js:LayoutChangeNotifier watchedProperty="{viewCart.text}" initialValue="#FFFFFF" />
-    </js:beads>
-    <fx:Script>
-        <![CDATA[
-            [Bindable]
-            public var cartCount:int;
-            
-            private function rollOverLabel(event:Event):void
-            {
-                Label(event.target).className = "catalogTitleButtonHighlighted";
-            }
-            
-            private function rollOutLabel(event:Event):void
-            {
-                Label(event.target).className = "catalogTitleButtonDeselected";
-            }
-        ]]>
-    </fx:Script>
-    <fx:Binding source="ProductCatalogPanel(pdb.parentDocument).cartCount" destination="cartCount" />
-    <!-- two-way binding between the states of panel title buttons and the product view state -->
-    <fx:Binding source="ProductsView(ProductCatalogPanel(pdb.parentDocument).pdb.parentDocument).currentState" destination="currentState" />
-    <fx:Binding destination="ProductsView(ProductCatalogPanel(pdb.parentDocument).pdb.parentDocument).currentState" source="currentState" />    
-
-    <js:Label id="findPhones" text="Find Developers" click="currentState = 'showFilter'"
-             className.showFilter="catalogTitleButtonSelected"
-             className.showCart="catalogTitleButtonDeselected"
-             rollOver.showCart="rollOverLabel(event)"
-             rollOut.showCart="rollOutLabel(event)"/>
-    <js:VRule 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)"/>
-    
-    <js:states>
-        <js:State name="showFilter" />
-        <js:State name="showCart" />
-    </js:states>
-</js:HContainer>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/productsView/Grip.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/Grip.mxml b/examples/FlexJSStore/src/productsView/Grip.mxml
deleted file mode 100755
index 281c572..0000000
--- a/examples/FlexJSStore/src/productsView/Grip.mxml
+++ /dev/null
@@ -1,48 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
-                  xmlns:js="library://ns.apache.org/flexjs/basic" 
-                  width="17" height="100%" >
-    <js:style>
-        <js:SimpleCSSStyles paddingTop="10" />
-    </js:style>
-
-    <fx:Script>
-        <![CDATA[
-           [Bindable]
-           public var gripTip:String; 
-           
-           [Bindable]
-           public var gripIcon:String;
-        ]]>
-    </fx:Script>
-    <js:beads>
-        <js:ContainerDataBinding />
-        <js:OneFlexibleChildVerticalLayout flexibleChild="grip" />
-    </js:beads>
-
-    <js:Image id="icon" source="{gripIcon}" />
-    <js:Image id="grip" source="assets/grip.png" >
-        <js:beads>
-            <js:ToolTipBead toolTip="{gripTip}" />
-        </js:beads>
-    </js:Image>
-    
-</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/productsView/ProductCart.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCart.mxml b/examples/FlexJSStore/src/productsView/ProductCart.mxml
deleted file mode 100755
index 830bf21..0000000
--- a/examples/FlexJSStore/src/productsView/ProductCart.mxml
+++ /dev/null
@@ -1,117 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
-          xmlns:js="library://ns.apache.org/flexjs/basic" 
-    xmlns:productsView="productsView.*"
-    >
-    <js:style>
-        <js:SimpleCSSStyles 
-                               paddingTop="8"
-                               paddingBottom="8"
-                               paddingRight="4"
-                               paddingLeft="4" />
-    </js:style>
-    <js:beads>
-        <js:ContainerDataBinding />
-        <js:OneFlexibleChildVerticalLayout id="flexLayout" flexibleChild="productList" />
-    </js:beads>
-    <fx:Script>
-        <![CDATA[
-        
-        import org.apache.flex.html.SimpleAlert;
-        
-        import samples.flexstore.Product;
-        import samples.flexstore.ProductListEvent;
-        
-        [Bindable]
-        public var numProducts:int=0;
-        
-        [Bindable]
-        private var total:Number = 0;
-
-        private const SHIPPING:Number = 1.99;
-        
-        private function productListEventHandler(event:ProductListEvent):void
-        {
-            switch (event.type)
-            {
-                case ProductListEvent.ADD_PRODUCT:
-                    event.product.qty = 0;  
-                    //fall through into the same logic as dup          
-                case ProductListEvent.DUPLICATE_PRODUCT:
-                    event.product.qty++;
-                    //total += event.product.price;
-                    total = total + event.product.price;
-                    numProducts++;
-                    break;            
-                case ProductListEvent.PRODUCT_QTY_CHANGE:
-                case ProductListEvent.REMOVE_PRODUCT:
-                    var items:Array = productList.items;
-                    total = 0; 
-                    numProducts = 0;
-                    for (var i:int=0; i < items.length; i++)
-                    {
-                        var product:Product = items[i].product;
-                        //total += product.qty * product.price;
-                        //numProducts += product.qty;
-                        total = total + product.qty * product.price;
-                        numProducts = numProducts + product.qty;
-                    }       
-                    break;
-                default:
-                    break;
-            }
-        }
-        
-        ]]>
-    </fx:Script>
-    <fx:Declarations>
-        <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
-    </fx:Declarations>
-    
-    <js:Label width="100%" text="Your Shopping Cart" className="sectionHeader"/>
-        
-    <productsView:ProductList id="productList" width="100%"
-        newItemStartX="-100" newItemStartY="-100" 
-        addProduct="productListEventHandler(event)"
-        duplicateProduct="productListEventHandler(event)"
-        productQtyChange="productListEventHandler(event)"
-        removeProduct="productListEventHandler(event)"
-        showQuantity="true" />
-    
-    <js:Container style="right:0" id="totalContainer">
-        <js:beads>
-            <js:VerticalColumnLayout numColumns="2" />
-        </js:beads>
-        <js:Label text="Total:" />
-        <js:Label width="70" text="{cf.format(total)}" id="lblTotal" style="textAlign:'right'"/>
-
-        <js:Label text="Service Fee:" />
-        <js:Label width="70" text="{cf.format(numProducts * SHIPPING)}" id="lblFee" style="textAlign:'right'"/>
-
-        <js:Label text="Grand Total:" style="fontWeight:'bold'" />
-        <js:Label width="70" text="{cf.format(total + (numProducts * SHIPPING))}" id="lblGrandTotal" style="textAlign:'right'"/>
-
-    </js:Container>
-
-    <js:TextButton text="Submit Order" click="SimpleAlert.show('This feature is not implemented in this sample', 'Submit Order')"
-                   style="right:0"/>
-
-</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml b/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml
deleted file mode 100755
index 48fa69a..0000000
--- a/examples/FlexJSStore/src/productsView/ProductCatalogPanel.mxml
+++ /dev/null
@@ -1,546 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:Panel xmlns:fx="http://ns.adobe.com/mxml/2009"
-         xmlns:js="library://ns.apache.org/flexjs/basic" 
-         implements="org.apache.flex.core.IDragInitiator"
-    xmlns:productsView="productsView.*"
-    currentState="browse"
-    title="SpaceHolder"
-    title.browse="Browse"
-    title.compare="Product Comparison"
-    title.details="Product Details"
-    className="catalogPanel"
-    >
-    
-    <fx:Metadata>
-        [Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
-        [Event(name="compare", type="samples.flexstore.ProductThumbEvent")]
-        [Event(name="details", type="samples.flexstore.ProductThumbEvent")]
-    </fx:Metadata>
-    
-    <fx:Script>
-        <![CDATA[
-            import org.apache.flex.core.IUIBase;
-            import org.apache.flex.effects.Effect;
-            import org.apache.flex.effects.Fade;
-            import org.apache.flex.effects.Move;
-            import org.apache.flex.effects.Parallel;
-            import org.apache.flex.effects.Tween;
-            import org.apache.flex.events.DragEvent;
-            import org.apache.flex.events.Event;
-            import org.apache.flex.collections.LazyCollection;
-            
-            import samples.flexstore.Product;
-            import samples.flexstore.ProductFilter;
-            import samples.flexstore.ProductFilterEvent;
-            import samples.flexstore.ProductThumbEvent;
-       
-     
-        private var accepted:Object = new Object();
-        private var thumbnails:Array;
-        private var filterCount:int;
-        private var thumbnailState:String = 'browse'; //either 'browse' or 'compare'
-                
-        [Bindable]
-        public var cartCount:int;
-        
-        //-----------------------------
-        // catalog
-        //-----------------------------
-        
-        private var _catalog:LazyCollection;
-        
-        [Bindable]
-        public function set catalog(c:LazyCollection):void
-        {
-            _catalog = c;
-            createThumbnails();
-        }
-        
-        public function get catalog():LazyCollection
-        {
-            return _catalog;
-        }
-        
-        //----------------------------------------------------------------------
-        // methods
-        //----------------------------------------------------------------------
-       
-        private function createThumbnails():void
-        {
-            var i:int; //variables are hoisted up in scope so declare here to avoid warning
-            if (thumbnails != null)
-            {
-                for (i=0; i < thumbnails.length; i++)
-                {
-                    thumbContentGroup.removeElement(thumbnails[i]);
-                }
-            }
-            
-            var row:int = 0;
-            var col:int = -1;
-            var n:int = catalog.length;
-            thumbnails = new Array(n);
-            filterCount = n;
-            
-            for (i=0; i < n; i++)
-            {
-                var thumb:ProductCatalogThumbnail = new ProductCatalogThumbnail();
-                thumb.x = 0;
-                thumb.y = 0;
-                thumbnails[i] = thumb;
-                // thumbnails[i].showInAutomationHierarchy = true;
-                thumb.product = catalog.getItemAt(i) as Product;
-                accepted[thumb.product.productId.toString()] = true;
-                thumbContentGroup.addElement(thumb);
-                thumb.addEventListener(ProductThumbEvent.PURCHASE, productThumbEventHandler);
-                thumb.addEventListener(ProductThumbEvent.COMPARE, productThumbEventHandler);
-                thumb.addEventListener(ProductThumbEvent.DETAILS, productThumbEventHandler);
-                thumb.addEventListener(DragEvent.DRAG_START,thumbDragStartHandler);
-            }
-
-            var lastMove:Effect = layoutCatalog();
-            if (lastMove)
-            {
-                lastMove.addEventListener(Tween.TWEEN_UPDATE, updateLayout);
-                lastMove.addEventListener(Tween.TWEEN_END, updateLayout);
-            }
-        }
-        
-        private function updateLayout(event:org.apache.flex.events.Event):void
-        {
-            thumbContentGroup.dispatchEvent(new org.apache.flex.events.Event("layoutNeeded"));   
-        }
-            
-        private function thumbDragStartHandler(event:MouseEvent):void
-        {
-            if (DragMouseController.dragging == false)
-            {
-                var thumb:ProductCatalogThumbnail = event.target as ProductCatalogThumbnail;
-                DragEvent.dragSource = thumb.product;
-
-                var di:ProductCatalogThumbnail = new ProductCatalogThumbnail();
-                di.product = thumb.product;
-                di.currentState = thumb.currentState;
-                DragMouseController.dragImage = di;
-                
-                DragEvent.dragInitiator = this;
-            }    
-        }
-        
-        public function filter(productFilter:ProductFilter, live:Boolean):void
-        {
-            currentState = "browse";
-            thumbnailState = "browse";
-            var count:int=0;
-            var n:int = thumbnails.length;
-            var targets:Array = [];
-            for (var i:int = 0; i < n; i++)
-            {
-                var thumb:ProductCatalogThumbnail = thumbnails[i];
-                var product:Product = thumb.product;
-                if (productFilter.accept(product))
-                {
-                    accepted[product.productId.toString()] = true;
-                    thumb.alpha = 1;    
-                    count++;
-                }
-                else
-                {
-                    accepted[product.productId.toString()] = false;
-                    if (live)
-                    {
-                        thumb.alpha = .1;
-                    }
-                    else if (thumb.alpha == 1) //only fade if we hadn't started
-                    {
-                        targets.push(thumb);
-                    }
-                }
-            }
-            productFilter.count = count;
-            filterCount = count;
-
-            if (targets.length > 0)    
-            {
-                var p:Parallel = new Parallel();
-                n = targets.length;
-                for (i = 0; i < n; i++)
-                {
-                    var fadeOut:Fade = new Fade(targets[i] as IUIBase);
-                    fadeOut.alphaFrom = 1;
-                    fadeOut.alphaTo = .1;
-                    p.addChild(fadeOut);
-                }
-                p.play();
-                p.addEventListener(Effect.EFFECT_END,
-                    function(event:org.apache.flex.events.Event):void
-                    {
-                        layoutCatalog();
-                    });
-            }
-            else if (!live)
-            {
-                layoutCatalog();
-            }
-        }
-        
-        private function layoutCatalog():Effect
-        {
-            var tileWidth:Number;
-            var tileHeight:Number;
-            var numCols:int;
-
-            if (filterCount > 9 || currentState == "compare")
-            {
-                numCols = 4;
-                tileWidth = ProductCatalogThumbnail.COL_WIDTH_4;
-                tileWidth = currentState == "compare"
-                    ? ProductCatalogThumbnail.COMPARE_WIDTH
-                    : ProductCatalogThumbnail.COL_WIDTH_4
-                tileHeight = currentState == "compare"
-                    ? height - 4
-                    : ProductCatalogThumbnail.COL_HEIGHT_4;
-            }
-            else if (filterCount > 4)
-			{
-                numCols = 3;
-                tileWidth = ProductCatalogThumbnail.COL_WIDTH_3;
-                tileHeight = ProductCatalogThumbnail.COL_HEIGHT_3;
-            }
-			else if (filterCount <= 9)
-			{
-                numCols = 2;
-                tileWidth = ProductCatalogThumbnail.COL_WIDTH_2;
-                tileHeight = ProductCatalogThumbnail.COL_HEIGHT_2;
-            }
-			else
-			{
-            }
-            
-            var row:int = 0;
-            var col:int = -1;
-
-			var move:Move = null;
-
-            var n:int = catalog.length;
-			for (var i:int = 0 ; i < n ; i++)
-			{
-                var product:Product = catalog.getItemAt(i) as Product;
-                var thumb:ProductCatalogThumbnail = thumbnails[i];
-                if (accepted[product.productId.toString()])
-                {
-                    thumb.currentState = "x" + numCols + "cols";
-                    col++;
-                    if (col > numCols - 1)
-					{
-                        row++;
-                        col = 0;
-                    }
-
-                    var xTo:Number = col * (tileWidth + ProductCatalogThumbnail.HORIZONTAL_GAP);
-                    var yTo:Number = row * (tileHeight + ProductCatalogThumbnail.VERTICAL_GAP);
-
-                    // If the thumbnail is already visible
-					// animate it to its new position.
-                    if (thumb.visible)
-					{
-                        // Animate only if the position is different
-						// from its current position.
-                        if (thumb.x != xTo || thumb.y != yTo)
-						{
-                            move = new Move(thumb);
-                            move.xTo = xTo;
-                            move.yTo = yTo;
-                            move.play();
-                        }
-                    }
-
-                    // If the thumbnail was not previously visible, sets its
-					// x and y coordinates. We'll make it reappear after all
-                    // the visible thumbnails have reached their new position.
-					else
-					{
-                        thumb.x = xTo;
-                        thumb.y = yTo;
-//                        thumb.includeInLayout = true;
-                    }
-                }
-				else
-				{
-                    thumb.visible = false;
-//                    thumb.includeInLayout = false;
-                }
-            }
-
-            if (!move)
-			{
-                // No visible thumbnails were animated to a new position;
-				// fade in newly selected thumbnails right away.
-                fadeInThumbnails();
-            }
-			else
-			{
-			    //since movement is happening get the scrollbar back to the top
-				scv.verticalScrollPosition = 0;
-                // Fade in newly selected thumbnails after the last
-				// visible thumbnail has moved to its new position.
-                move.addEventListener(Effect.EFFECT_END,
-					function(event:org.apache.flex.events.Event):void
-					{
-						fadeInThumbnails();
-					});
-            }
-            thumbContentGroup.dispatchEvent(new org.apache.flex.events.Event("layoutNeeded"));
-            //return the last move to watch
-            return move;
-        }
-        
-        //return the last effect so we could add effectEnd handler if desired
-        private function fadeInThumbnails():void
-		{
-			var n:int = thumbnails.length;
-			var targets:Array = [];
-			for (var i:int = 0; i < n ; i++)
-			{
-			    var thumb:ProductCatalogThumbnail = thumbnails[i];
-			    if (accepted[thumb.product.productId.toString()] && !thumb.visible)
-				{
-                    thumb.alpha = 0;
-                    thumb.visible = true;
-                    targets.push(thumb);
-                }
-            }
-            if (targets.length > 0)
-            {
-                n = targets.length;
-                for (i = 0; i < n; i++)
-                {
-                    var effect:Fade = new Fade(targets[i] as IUIBase);
-                    effect.alphaTo = 1;
-                    effect.play();
-                }
-            }
-        }
-        
-        private function showDetails(product:Product):void
-        {
-            if (currentState == "details")
-			{
-                details.product = product;
-                return;
-            }
-
-            var row:int = -1;
-
-            //should be computed using border metrics instead of hard-coding the 20, but...
-			var xTo:Number = thumbContentGroup.width - ProductCatalogThumbnail.COL_WIDTH_4 - 20;
-            var yTo:Number;
-
-            var move:Move;
-            var first:Boolean = true;
-            var selectedThumb:ProductCatalogThumbnail;
-
-            var n:int = thumbnails.length;
-			for (var i:int = 0; i < n; i++)
-			{
-			    var thumb:ProductCatalogThumbnail = thumbnails[i];
-                if (thumb.visible)
-				{
-                    row++;
-                    yTo = row * (ProductCatalogThumbnail.COL_HEIGHT_4 + ProductCatalogThumbnail.VERTICAL_GAP);
-
-                    thumb.currentState = "x4cols";
-
-                    if (thumb.x != xTo || thumb.y != yTo)
-					{
-                        move = new Move(thumb);
-                        if (first)
-						{
-                            move.addEventListener(Effect.EFFECT_END,
-								function(event:org.apache.flex.events.Event):void
-								{
-									details.product = product;
-                                    currentState = "details";
-								});
-
-                            first = false;
-                        }
-                        move.xTo = xTo;
-                        move.yTo = yTo;
-                        move.play();
-                    }
-                    
-                    if (thumb.product == product)
-                    {
-                        selectedThumb = thumb;
-                    }
-                }
-            }
-            if (selectedThumb != null)
-            {
-                //make sure that the selected thumb is visible in the list on the right
-                move.addEventListener(Effect.EFFECT_END,
-					function(e:org.apache.flex.events.Event):void
-					{
-					    var curpos:int = scv.verticalScrollPosition;
-					    if (selectedThumb.y < curpos)
-					    {
-					        scv.verticalScrollPosition = y;
-					    }
-					    else if (selectedThumb.y + ProductCatalogThumbnail.COL_HEIGHT_4 > curpos + thumbContentGroup.height)
-					    {
-					        //this logic doesn't seem to be perfect but it will do
-					        var diff:int = selectedThumb.y - (curpos + thumbContentGroup.height)
-					        scv.verticalScrollPosition += diff + ProductCatalogThumbnail.COL_HEIGHT_4 + ProductCatalogThumbnail.VERTICAL_GAP;
-					    }
-					});
-            }
-            
-        }
-        
-        private function productThumbEventHandler(event:ProductThumbEvent):void
-        {
-            if (event.type == ProductThumbEvent.DETAILS)
-            {
-                showDetails(event.product);
-            }
-            else if (event.type == ProductThumbEvent.BROWSE)
-            {
-                if (thumbnailState == "browse")
-                {                
-                    currentState = "browse";
-                    layoutCatalog();
-                }
-                else
-                {
-                    compare();
-                }
-            }
-            else
-            {
-                dispatchEvent(event);
-            }
-        }
-        
-        public function compare(toCompare:Array=null):void
-        {
-            currentState = "compare";
-            thumbnailState = "compare";
-            if (toCompare != null)
-            {
-                var n:int = thumbnails.length;
-                for (var i:int = 0; i < n; i++)
-                {
-                    accepted[thumbnails[i].product.productId.toString()] = false;
-                }
-                for (i=0; i < toCompare.length; i++)
-                {
-                    accepted[toCompare[i].productId.toString()] = true;
-                }
-            }
-            var lastEffect:Effect = layoutCatalog();
-            if (lastEffect != null)
-            {
-                lastEffect.addEventListener(Effect.EFFECT_END,
-                    function (event:org.apache.flex.events.Event):void
-                    {
-                        setCompareState();
-                    });
-            }
-            else
-            {
-                setCompareState();
-            }
-        }
-        
-        private function setCompareState():void
-        {
-            //avoid an issue if the user clicks quickly where we move into
-            //compare state even though we're no longer in compare
-            if (currentState == "compare") 
-            {
-                var n:int = thumbnails.length;
-                for (var i:int = 0; i < n; i++)
-                {
-                    var thumb:ProductCatalogThumbnail = thumbnails[i];
-                    if (accepted[thumb.product.productId.toString()])
-                    {
-                        thumb.currentState = "compare";
-                    }
-                }
-                
-            }
-        }
-        
-        public function acceptingDrop(dropTarget:Object, type:String):void
-        {
-            
-        }
-            
-        public function acceptedDrop(dropTarget:Object, type:String):void
-        {
-            
-        }
-
-        ]]>
-    </fx:Script>
-    
-    <js:beads>
-        <js:ContainerDataBinding />
-        <js:VerticalLayout />
-        <js:DragMouseController id="dragger" />
-        <js:ParentDocumentBead id="pdb" />
-        <js:PanelView>
-            <js:titleBar>
-                <js:TitleBar height="20" >
-                    <js:style>
-                        <js:SimpleCSSStyles backgroundColor="0xA65904" />
-                    </js:style>
-                    <js:beads>
-                        <productsView:ProductCatalogPanelTitleBarView />
-                    </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:ScrollingViewport id="scv" />
-            </js:beads>
-        </js:Container>
-        <productsView:ProductDetails id="details" y="0"
-            width="{ProductCatalogThumbnail.COL_WIDTH_4 * 3}"
-            height="100%"
-            visible="false"
-            visible.details="true"
-            compare="productThumbEventHandler(event)"
-            purchase="productThumbEventHandler(event)"
-            browse="productThumbEventHandler(event)" />
-    </js:Container>
-    
-    <js:states>
-        <js:State name="browse" />
-        <js:State name="compare" />
-        <js:State name="details" />
-    </js:states>
-    
-</js:Panel>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml b/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml
deleted file mode 100755
index 5e82f95..0000000
--- a/examples/FlexJSStore/src/productsView/ProductCatalogPanelTitleBarView.mxml
+++ /dev/null
@@ -1,49 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:MXMLBeadViewBase xmlns:fx="http://ns.adobe.com/mxml/2009"
-                        xmlns:js="library://ns.apache.org/flexjs/basic" 
-                        xmlns:productsView="productsView.*"
-                        >
-    <fx:Script>
-        <![CDATA[
-            import org.apache.flex.html.TitleBar;
-            import org.apache.flex.core.ITitleBarModel;
-            import org.apache.flex.core.UIBase;
-            import org.apache.flex.events.Event;
-            
-            private function clickHandler():void
-            {
-                var newEvent:org.apache.flex.events.Event = new org.apache.flex.events.Event('close',true);
-                UIBase(_strand).dispatchEvent(newEvent)   
-            }
-        ]]>
-    </fx:Script>
-    <js:beads>
-        <js:MXMLBeadViewBaseDataBinding />
-        <js:ParentDocumentBead id="pdb" />
-        <js:LayoutChangeNotifier watchedProperty="{buttons.width}" />
-    </js:beads>
-    <js:Label id="titleLabel" text="{ITitleBarModel(model).title}" 
-                 />
-    <js:CloseButton id="closeButton" click="clickHandler()"
-                       visible="{ITitleBarModel(model).showCloseButton}";
-                       />
-    <productsView:CatalogTitleButtons id="buttons" />
-</js:MXMLBeadViewBase>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml b/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
deleted file mode 100755
index dec248f..0000000
--- a/examples/FlexJSStore/src/productsView/ProductCatalogThumbnail.mxml
+++ /dev/null
@@ -1,220 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009"
-                   xmlns:js="library://ns.apache.org/flexjs/basic" 
-    width="{COL_WIDTH_4}" height="{COL_HEIGHT_4}" height.compare="502"
-    width.x4cols="{COL_WIDTH_4}" height.x4cols="{COL_HEIGHT_4}"
-    width.x3cols="{COL_WIDTH_3}" height.x3cols="{COL_HEIGHT_3}"
-    width.x2cols="{COL_WIDTH_2}" height.x2cols="{COL_HEIGHT_2}"
-    rollOver="rollOverHandler(event)"
-    rollOut="rollOutHandler(event)"
-    mouseDown="mouseDownHandler(event)"
-    mouseMove="mouseMoveHandler(event)"
-    mouseUp="mouseUpHandler(event)"
-    click="clickHandler(event)"
-    currentState="x4cols"
-    >
-    <!-- automationName="{product.name}" -->
-    <js:beads>
-        <js:ContainerDataBinding />
-        <js:LayoutChangeNotifier watchedProperty="{borderStyles.borderColor}" initialValue="#FFFFFF" />
-    </js:beads>
-    <js:style>
-        <js:BindableCSSStyles id="borderStyles" borderStyle="solid" borderWidth="1"
-                               borderColor="#FFFFFF" backgroundColor="#FFFFFF"/>
-    </js:style>
-    <fx:Metadata>
-        [Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
-        [Event(name="compare", type="samples.flexstore.ProductThumbEvent")]
-        [Event(name="details", type="samples.flexstore.ProductThumbEvent")]
-    </fx:Metadata>
-
-    <fx:Script>
-        <![CDATA[
-
-		import org.apache.flex.events.*;
-        import org.apache.flex.utils.PointUtils;
-            
-        import samples.flexstore.Product;
-        import samples.flexstore.ProductThumbEvent;
-        
-        public static const COL_WIDTH_4:int = 162;
-        public static const COL_HEIGHT_4:int = 122;
-        public static const COL_WIDTH_3:int = 217;
-        public static const COL_HEIGHT_3:int = 165;
-        public static const COL_WIDTH_2:int = 327;
-        public static const COL_HEIGHT_2:int = 250;
-        public static const COMPARE_WIDTH:int = 162;
-        public static const HORIZONTAL_GAP:int = 2;
-        public static const VERTICAL_GAP:int = 3;
-
-        [Bindable]
-        public var product:Product;
-
-        private function rollOverHandler(event:MouseEvent):void
-		{
-            borderStyles.borderColor = "#CCCCCC";
-            //style["dropShadowEnabled"] = true;
-            buttons.visible = true;
-        }
-
-        private function rollOutHandler(event:MouseEvent):void
-		{
-            borderStyles.borderColor = "#FFFFFF";
-            //style["dropShadowEnabled"] = false;
-			buttons.visible = false;
-        }
-
-        private var dragStartPoint:Point;
-
-        public function mouseDownHandler(event:MouseEvent):void
-        {
-            if (event.target != purchase &&
-                event.target != compare &&
-                event.target != details)
-            {
-                dragStartPoint = new Point(event.clientX, event.clientY);
-            }
-        }
-
-        public function mouseMoveHandler(event:MouseEvent):void
-        {
-            if (dragStartPoint != null)
-            {
-                var dragEvent:DragEvent = new DragEvent(DragEvent.DRAG_START, true);
-                dragEvent.clientX = dragStartPoint.x;
-                dragEvent.clientY = dragStartPoint.y;
-                dragEvent.buttonDown = true;
-                dispatchEvent(dragEvent);
-
-                rollOutHandler(event);
-
-                dragStartPoint = null;
-            }
-        }
-
-        public function mouseUpHandler(event:MouseEvent):void
-        {
-            if (dragStartPoint != null)
-            {
-                dragStartPoint = null;
-            }
-        }
-
-        public function clickHandler(event:org.apache.flex.events.Event):void
-        {
-            if (event.target != purchase &&
-                event.target != compare &&
-                event.target != details)
-            {
-                dispatchEvent(new ProductThumbEvent(ProductThumbEvent.DETAILS, product));
-            }
-        }
-
-	]]>
-    </fx:Script>
-    <fx:Declarations>
-        <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
-    </fx:Declarations>
-
-    <js:VContainer id="vb" width="100%" height="100%">
-        <js:style>
-            <js:SimpleCSSStyles paddingLeft="6" paddingTop="4" paddingRight="8" paddingBottom="4" />
-                                 <!--  gap="0">  -->
-        </js:style>
-        
-
-        <js:Label text="{product.name}" style="fontWeight:bold"/>
-
-        <js:HContainer width="100%" >
-            <js:style>
-                <js:SimpleCSSStyles paddingTop="0" /> <!-- gap="4 -->"
-            </js:style>
-
-            <js:Image id="img" height="45" width="45" 
-                     width.x3cols="60" height.x3cols="60"
-                     width.x2cols="60" height.x2cols="60"
-                     source="{product.image}" />
-
-            <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">
-            <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">
-            <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">
-            <js:beads>
-                <js:ToolTipBead toolTip="Show details"/>
-            </js:beads>
-        </js:ImageButton>
-    </js:VContainer>
-
-    <js:states>
-
-        <js:State name="compare" />
-
-        <js:State name="x4cols" />
-
-        <js:State name="x3cols" />
-
-        <js:State name="x2cols"/>
-    </js:states>
-
-</js:Container>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/d33fe63c/examples/FlexJSStore/src/productsView/ProductDetails.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductDetails.mxml b/examples/FlexJSStore/src/productsView/ProductDetails.mxml
deleted file mode 100755
index f0162ad..0000000
--- a/examples/FlexJSStore/src/productsView/ProductDetails.mxml
+++ /dev/null
@@ -1,145 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:Container xmlns:fx="http://ns.adobe.com/mxml/2009" 
-                 xmlns:js="library://ns.apache.org/flexjs/basic" 
-    xmlns:productsView="productsView.*"
-    >
-    <js:beads>
-        <js:ContainerDataBinding />
-    </js:beads>
-
-    <fx:Metadata>
-        [Event(name="purchase", type="samples.flexstore.ProductThumbEvent")]
-        [Event(name="compare", type="samples.flexstore.ProductThumbEvent")]
-        [Event(name="browse", type="samples.flexstore.ProductThumbEvent")]
-    </fx:Metadata>
-
-    <fx:Script>
-        <![CDATA[
-
-		import samples.flexstore.Product;
-		import samples.flexstore.ProductThumbEvent;
-
-        private var _product:Product;
-        
-        [Bindable]
-        public function get product():Product
-        {
-            return _product;
-        }
-        
-        public function set product(p:Product):void
-        {
-            _product = p;
-            tn.selectedIndex = 0;
-        }
-        
-	]]>
-    </fx:Script>
-
-    <fx:Declarations>
-        <js:CurrencyFormatter currencySymbol="$" id="cf" fractionalDigits="2"/>        
-    </fx:Declarations>
-
-    <js:states>
-        <js:State name="Features" />
-        <js:State name="Support" />
-    </js:states>
-    
-    <js:transitions>
-        <js:Transition>
-            <js:Fade />
-        </js:Transition>
-    </js:transitions>
-    
-    <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>
-        </js:dataProvider>
-    </js:ButtonBar>
-    <js:Container >
-        <js:style>
-            <js:SimpleCSSStyles left="4" right="8" top="34" bottom="4" />
-        </js:style>
-                    
-
-        <js:VContainer includeIn="Features" >
-            <js:style>
-                <!--<js:SimpleCSSStyles gap="8"-->
-                <js:SimpleCSSStyles
-                    left="8" top="8" right="8" bottom="8"/>
-            </js:style>
-            <js:Container style="left:0px;right:0px">
-
-                <js:Image id="img" width="101" height="101" source="{product.image}"/>
-
-                <js:VContainer id="descr" >
-                    <js:style>
-                        <js:SimpleCSSStyles top="0" left="105" right="0" bottom="20" />
-                        <!--<js:SimpleCSSStyles paddingTop="0" gap="4" />-->
-                    </js:style>
-                    
-                    <js:Label text="{product.name}" style="fontSize:11;fontWeight:'bold'"/>
-
-	                <js:Label text="{product.featureString}" width="80" height="48" />
-
-                    <js:Label text="{product.highlight1}" style="color:#EE8D0C"/>
-
-                    <js:Label text="{product.highlight2}" style="color:#EE8D0C"/>
-
-                    <js:Label text="{cf.format(product.price)}" style="fontWeight:'bold'"/>
-
-                </js:VContainer>
-            </js:Container>
-
-            <js:Label id="descriptionText" style="left:0px;right:0px;bottom:0px" text="{product.description}"/>
-
-        </js:VContainer>
-
-        <productsView:ProductSupport width="100%" height="100%" includeIn="Support" />
-
-    </js:Container>
-
-    <js:VContainer>
-        <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/d33fe63c/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml
----------------------------------------------------------------------
diff --git a/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml b/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml
deleted file mode 100755
index 26deaa9..0000000
--- a/examples/FlexJSStore/src/productsView/ProductFilterPanel.mxml
+++ /dev/null
@@ -1,215 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!--
-
-Licensed to the Apache Software Foundation (ASF) under one or more
-contributor license agreements.  See the NOTICE file distributed with
-this work for additional information regarding copyright ownership.
-The ASF licenses this file to You under the Apache License, Version 2.0
-(the "License"); you may not use this file except in compliance with
-the License.  You may obtain a copy of the License at
-
-http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-
--->
-<js:VContainer xmlns:fx="http://ns.adobe.com/mxml/2009" 
-                  xmlns:js="library://ns.apache.org/flexjs/basic" 
-    xmlns:productsView="productsView.*"
-    xmlns:flexstore="samples.flexstore.*"
-    height="100%" 
-    currentState="showingThumbnails"
-    initComplete="series.selectedIndex = 0">
-    <js:style>
-        <js:SimpleCSSStyles paddingLeft="4" 
-                               paddingRight="12" 
-                               paddingTop="12" 
-                               paddingBottom="8" 
-                               />
-
-    </js:style>
-    
-    <fx:Metadata>
-       [Event(name="filter", type="samples.flexstore.ProductFilterEvent")] 
-       [Event("compare")]
-    </fx:Metadata>
-    
-    <fx:Script>
-        <![CDATA[
-        import org.apache.flex.html.Slider;
-        import org.apache.flex.html.SimpleAlert; 
-        import samples.flexstore.ProductFilterEvent;
-           
-        private var thumbBeingPressed:Boolean;
-           
-        private function dispatchFilter():void
-        {
-            var event:ProductFilterEvent = 
-                new ProductFilterEvent(filter, thumbBeingPressed);
-            dispatchEvent(event);
-            currentState = "showingThumbnails";
-        }
-        
-        private function sliderValue(values:Array, index:int):Number
-        {
-            return values[index];
-        }
-        
-        private function productRemoved():void
-        {
-            if (currentState == "showingComparison")
-            {
-                if (productList.items.length == 0)
-                {
-                    dispatchFilter();
-                }
-                else
-                {
-                    attemptCompare();
-                }
-            }
-        }
-        
-        private function attemptCompare():void
-        {
-            if (productList.items.length > 0)
-            {
-                dispatchEvent(new Event("compare"));
-                currentState = "showingComparison";
-            }
-            else
-            {
-                SimpleAlert.show("There are no items to compare.", "Compare");
-            }
-        }
-        
-        ]]>
-    </fx:Script>
-    <fx:Declarations>
-        <flexstore:ProductFilter id="filter">
-            <flexstore:experience>{series.selectedItem}</flexstore:experience>
-            <flexstore:minPrice>{loPrice.value}</flexstore:minPrice>
-            <flexstore:maxPrice>{hiPrice.value}</flexstore:maxPrice>
-            <flexstore:blazeds>{cbBlazeDS.selected}</flexstore:blazeds>
-            <flexstore:mobile>{cbMobile.selected}</flexstore:mobile>
-            <flexstore:video>{cbVideo.selected}</flexstore:video>
-        </flexstore:ProductFilter>
-        
-        <js:CurrencyFormatter currencySymbol="$" id="cf"/>    
-        
-    </fx:Declarations>
-    <js:beads>
-        <js:ContainerDataBinding />
-    </js:beads>
-    
-    <js:Label text="Find" className="sectionHeader"/>
-    
-    <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>
-                <fx:String>5</fx:String>
-                <fx:String>7</fx:String>
-                <fx:String>9</fx:String>
-            </fx:Array>                
-        </js:dataProvider>
-    </js:DropDownList>
-
-    <js:Spacer height="18"/>
-
-    <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}"
-        change="dispatchFilter()"
-        thumbPress="thumbBeingPressed=true"
-        thumbRelease="thumbBeingPressed=false;dispatchFilter()"
-        />-->
-    <js:HContainer id="nsholder" width="100%">
-        <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>
-
-    <js:Spacer height="18"/>
-
-    <js:Label text="Required Features"/>
-
-    <js:Spacer height="4"/>
-
-    <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();"/>
-
-    <js:Spacer height="18"/>
-
-    <js:HRule width="100%"/>
-
-    <js:Spacer height="8"/>
-
-        <js:HContainer>
-            <js:Label text="Compare" className="sectionHeader"/>
-            <js:Label text="(Drag items here to compare)" className="instructions"/>
-        </js:HContainer>
-
-
-    <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()"/>
-
-    <js:Spacer height="8"/>
-    
-    <js:ImageAndTextButton id="compareButton" className="glass" 
-                  click.showingThumbnails="attemptCompare()"
-                  click.showingComparison="dispatchFilter()"            
-                  text.showingComparison="Back to thumbnail view"
-                  text.showingThumbnails="Compare Items"
-                  image.showingThumbnails="assets/icon_compare.png"
-                  image.showingComparison="assets/icon_tiles.png" />
-    
-    <js:states>
-       <js:State name="showingThumbnails" />
-       <js:State name="showingComparison" />
-    </js:states>
-
-</js:VContainer>


Mime
View raw message