Repository: flex-asjs
Updated Branches:
  refs/heads/develop c1ac1035d -> 6d75211e8


Refactor title clases from beads to components since there’s no difference in 
use in html text classes and all classes finaly look equal in style and size, 
so better simplify it.


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

Branch: refs/heads/develop
Commit: 6d75211e8320d0024210c340c31b8466ec75e6ff
Parents: c1ac103
Author: Carlos Rovira <[email protected]>
Authored: Thu Feb 2 20:54:27 2017 +0100
Committer: Carlos Rovira <[email protected]>
Committed: Thu Feb 2 20:54:27 2017 +0100

----------------------------------------------------------------------
 .../flex/itemRenderers/MemberItemRenderer.mxml  |  6 +-
 .../flexjs/MDLExample/src/main/flex/Cards.mxml  | 21 ++----
 .../MDLExample/src/main/flex/Footers.mxml       | 19 +----
 .../src/main/flex/MainNavigation.mxml           | 12 +--
 .../MDLExample/src/main/flex/Sliders.mxml       | 18 +----
 .../flexjs/MDLExample/src/main/flex/Tables.mxml |  6 +-
 .../MDLExample/src/main/flex/TestDialog.mxml    |  6 +-
 .../flex/org/apache/flex/mdl/CardTitleText.as   | 76 +++++++++++++++++++
 .../flex/org/apache/flex/mdl/DialogTitle.as     | 75 +++++++++++++++++++
 .../flex/org/apache/flex/mdl/FooterHeading.as   | 77 ++++++++++++++++++++
 .../flex/org/apache/flex/mdl/LayoutTitle.as     | 73 +++++++++++++++++++
 .../org/apache/flex/mdl/beads/CardTitleText.as  | 71 ------------------
 .../org/apache/flex/mdl/beads/DialogTitle.as    | 71 ------------------
 .../org/apache/flex/mdl/beads/FooterHeading.as  | 71 ------------------
 .../org/apache/flex/mdl/beads/LayoutTitle.as    | 71 ------------------
 .../src/main/resources/mdl-manifest.xml         |  8 +-
 16 files changed, 323 insertions(+), 358 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
----------------------------------------------------------------------
diff --git 
a/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
 
b/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
index 3376818..ae78d4c 100644
--- 
a/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
+++ 
b/examples/flexjs/FlexTeamPage_MDL/src/main/flex/itemRenderers/MemberItemRenderer.mxml
@@ -52,11 +52,7 @@ limitations under the License.
 
     <mdl:Card className="demo-card-wide" shadow="8">
         <mdl:CardTitle>
-            <js:H2 text="{member.name}">
-                        <js:beads>
-                            <mdl:CardTitleText/>
-                        </js:beads>
-                    </js:H2>
+            <mdl:CardTitleText text="{member.name}"/>
             <js:H6 text="{member.apacheID}"></js:H6>
         </mdl:CardTitle>
         <mdl:CardSupportingText>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/Cards.mxml 
b/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
index 6c005ef..05ea8be 100644
--- a/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/Cards.mxml
@@ -36,11 +36,7 @@ limitations under the License.
         
             <mdl:Card id="mycard" shadow="2" className="demo-card-wide">
                 <mdl:CardTitle>
-                    <js:H2 text="Welcome">
-                        <js:beads>
-                            <mdl:CardTitleText/>
-                        </js:beads>
-                    </js:H2>
+                    <mdl:CardTitleText text="Welcome"/>
                 </mdl:CardTitle>
                 <mdl:CardSupportingText>
                     <mdl:beads>
@@ -63,11 +59,7 @@ limitations under the License.
 
             <mdl:Card className="demo-card-square" shadow="2">
                 <mdl:CardTitle expand="true">
-                    <js:H2 text="Update">
-                        <js:beads>
-                            <mdl:CardTitleText/>
-                        </js:beads>
-                    </js:H2>
+                    <mdl:CardTitleText text="Update"/>
                 </mdl:CardTitle>
                 <mdl:CardSupportingText>
                     <js:TextNode text="Lorem ipsum dolor sit amet, consectetur 
adipiscing elit. Aenan convallis."/>
@@ -86,14 +78,13 @@ limitations under the License.
 
             <mdl:Card className="demo-card-event" shadow="2">
                 <mdl:CardTitle expand="true">
-                    <js:H2 text="Welcome">
-                        <js:beads>
-                            <mdl:CardTitleText/>
+                    <mdl:CardTitleText text="Welcome">
+                        <mdl:beads>
                             <js:InnerHTML>
                                 <![CDATA[<h4>Featured event:<br>May 24, 
2016<br>7-11pm</h4>]]>
                             </js:InnerHTML>
-                        </js:beads>
-                    </js:H2>
+                        </mdl:beads>
+                    </mdl:CardTitleText>
                 </mdl:CardTitle>
                 <mdl:CardActions border="true">
                     <mdl:Button colored="true" ripple="true" text="Add to 
Calendar"/>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/examples/flexjs/MDLExample/src/main/flex/Footers.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/Footers.mxml 
b/examples/flexjs/MDLExample/src/main/flex/Footers.mxml
index c4b1cfc..166b3ee 100644
--- a/examples/flexjs/MDLExample/src/main/flex/Footers.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/Footers.mxml
@@ -66,11 +66,7 @@ limitations under the License.
             <mdl:FooterMiddleSection>
                 
                 <mdl:FooterDropDownSection>
-                    <js:H1 text="Learning and Support">
-                        <js:beads>
-                            <mdl:FooterHeading/>
-                        </js:beads>
-                    </js:H1>
+                    <mdl:FooterHeading text="Learning and Support"/>
                     <mdl:FooterLinkList>
                         <mdl:beads>
                             <js:ConstantBinding
@@ -82,11 +78,7 @@ limitations under the License.
                 </mdl:FooterDropDownSection>
 
                 <mdl:FooterDropDownSection>
-                    <js:H1 text="Learning and Support">
-                        <js:beads>
-                            <mdl:FooterHeading/>
-                        </js:beads>
-                    </js:H1>
+                    <mdl:FooterHeading text="Learning and Support"/>
                     <mdl:FooterLinkList>
                         <mdl:beads>
                             <js:ConstantBinding
@@ -98,11 +90,7 @@ limitations under the License.
                 </mdl:FooterDropDownSection>
 
                 <mdl:FooterDropDownSection>
-                    <js:H1 text="Learning and Support">
-                        <js:beads>
-                            <mdl:FooterHeading/>
-                        </js:beads>
-                    </js:H1>
+                    <mdl:FooterHeading text="Learning and Support"/>
                     <mdl:FooterLinkList>
                         <mdl:beads>
                             <js:ConstantBinding
@@ -112,6 +100,7 @@ limitations under the License.
                         </mdl:beads>
                     </mdl:FooterLinkList>
                 </mdl:FooterDropDownSection>
+
             </mdl:FooterMiddleSection>
 
             <mdl:FooterBottomSection>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml 
b/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml
index 89b2f2d..947f172 100644
--- a/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/MainNavigation.mxml
@@ -30,11 +30,7 @@ limitations under the License.
 
     <mdl:Header>
         <mdl:HeaderRow>
-            <js:Span text="FlexJS Material Design Layout">
-                <js:beads>
-                    <mdl:LayoutTitle/>
-                </js:beads>
-            </js:Span>
+            <mdl:LayoutTitle text="FlexJS Material Design Layout"/>
             <mdl:Spacer/>
             <mdl:Navigation>
                 <mdl:beads>
@@ -56,11 +52,7 @@ limitations under the License.
     </mdl:Header>
     
     <mdl:Drawer>
-        <js:Span text="Drawer">
-            <js:beads>
-                <mdl:LayoutTitle/>
-            </js:beads>
-        </js:Span>
+        <mdl:LayoutTitle text="Drawer"/>
         <mdl:Navigation>
                 <mdl:beads>
                     <js:ConstantBinding

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/examples/flexjs/MDLExample/src/main/flex/Sliders.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/Sliders.mxml 
b/examples/flexjs/MDLExample/src/main/flex/Sliders.mxml
index fc82561..0b3831e 100644
--- a/examples/flexjs/MDLExample/src/main/flex/Sliders.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/Sliders.mxml
@@ -49,11 +49,7 @@ limitations under the License.
         
             <mdl:Card className="demo-card-slider" shadow="2">
                 <mdl:CardTitle>
-                    <js:H2 id="slider1_txt">
-                        <js:beads>
-                            <mdl:CardTitleText/>
-                        </js:beads>
-                    </js:H2>
+                    <mdl:CardTitleText id="slider1_txt"/>
                 </mdl:CardTitle>
                 <mdl:CardSupportingText>
                     <mdl:Slider id="slider1" change="onValueChange1(event)" 
input="onValueChange1(event)"/>
@@ -62,11 +58,7 @@ limitations under the License.
 
             <mdl:Card className="demo-card-slider" shadow="2">
                 <mdl:CardTitle>
-                    <js:H2 id="slider2_txt">
-                        <js:beads>
-                            <mdl:CardTitleText/>
-                        </js:beads>
-                    </js:H2>
+                    <mdl:CardTitleText id="slider2_txt"/>
                 </mdl:CardTitle>
                 <mdl:CardSupportingText>
                     <mdl:Slider id="slider2" minimum="0" maximum="10" 
value="2" stepSize="2" width="200" change="onValueChange2(event)" 
input="onValueChange2(event)"/>
@@ -75,11 +67,7 @@ limitations under the License.
 
             <mdl:Card className="demo-card-slider" shadow="2">
                 <mdl:CardTitle>
-                    <js:H2 id="slider3_txt">
-                        <js:beads>
-                            <mdl:CardTitleText/>
-                        </js:beads>
-                    </js:H2>
+                    <mdl:CardTitleText id="slider3_txt"/>
                 </mdl:CardTitle>
                 <mdl:CardSupportingText>
                     <mdl:Slider minimum="0" maximum="10" value="2" 
stepSize="2" width="200">

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/examples/flexjs/MDLExample/src/main/flex/Tables.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/Tables.mxml 
b/examples/flexjs/MDLExample/src/main/flex/Tables.mxml
index 68644fe..d788cd0 100644
--- a/examples/flexjs/MDLExample/src/main/flex/Tables.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/Tables.mxml
@@ -45,11 +45,7 @@ limitations under the License.
 
         <mdl:Card shadow="2" width="450">
             <mdl:CardTitle expand="true">
-                <js:H2 text="Card Header">
-                    <js:beads>
-                        <mdl:CardTitleText/>
-                    </js:beads>
-                </js:H2>
+                <mdl:CardTitleText text="Card Header"/>
             </mdl:CardTitle>
 
             <mdl:Table className="customTableRowItemRenderer" width="100%">

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/examples/flexjs/MDLExample/src/main/flex/TestDialog.mxml
----------------------------------------------------------------------
diff --git a/examples/flexjs/MDLExample/src/main/flex/TestDialog.mxml 
b/examples/flexjs/MDLExample/src/main/flex/TestDialog.mxml
index 4e22a91..f3f668e 100644
--- a/examples/flexjs/MDLExample/src/main/flex/TestDialog.mxml
+++ b/examples/flexjs/MDLExample/src/main/flex/TestDialog.mxml
@@ -22,11 +22,7 @@ limitations under the License.
             xmlns:mdl="library://ns.apache.org/flexjs/mdl"
             xmlns="http://www.w3.org/1999/xhtml";>
     
-    <js:H4 text="Allow data collection?">
-        <js:beads>
-            <mdl:DialogTitle/>
-        </js:beads>
-    </js:H4>
+    <mdl:DialogTitle text="Allow data collection?"/>
     
     <mdl:DialogContent>
         <js:P text="This is an example of the Material Design Lite dialog 
component. Please use responsibly."/>

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitleText.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitleText.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitleText.as
new file mode 100644
index 0000000..85312bc
--- /dev/null
+++ 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitleText.as
@@ -0,0 +1,76 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package org.apache.flex.mdl
+{      
+       import org.apache.flex.html.H2;
+
+       COMPILE::JS
+    {
+        import org.apache.flex.core.WrappedHTMLElement;   
+    }
+       
+       /**
+        *  The CardTitleText class is an extended H2 heading used in MDL 
CardTitle.
+        *
+        *  (This is implemented as a class H4 and not as a bead that decorates 
other html text
+        *  classes since MDL generate the same visuals for all of them)
+        *  
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion FlexJS 0.8
+        */
+       public class CardTitleText extends H2
+       {
+               /**
+                *  constructor.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion FlexJS 0.8
+                */
+               public function CardTitleText()
+               {
+                       super();
+
+                       className = ""; //set to empty string avoid 'undefined' 
output when no class selector is assigned by user;
+               }
+
+               /**
+         * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
+                * @flexjsignorecoercion Text
+         */
+        COMPILE::JS
+        override protected function createElement():WrappedHTMLElement
+        {
+                       typeNames = "mdl-card__title-text";
+
+                       element = document.createElement('h2') as 
WrappedHTMLElement;
+            
+            textNode = document.createTextNode('') as Text;
+            element.appendChild(textNode);
+            
+            positioner = element;
+                       element.flexjs_wrapper = this;
+            
+            return element;
+               }
+       }
+}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/DialogTitle.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/DialogTitle.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/DialogTitle.as
new file mode 100644
index 0000000..1231913
--- /dev/null
+++ 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/DialogTitle.as
@@ -0,0 +1,75 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package org.apache.flex.mdl
+{
+       import org.apache.flex.html.H4;
+
+       COMPILE::JS
+    {
+        import org.apache.flex.core.WrappedHTMLElement;   
+    }
+       
+       /**
+        *  The DialogTitle class is an extended H4 heading used in Dialog.
+        *  (This is implemented as a class H4 and not as a bead that decorates 
other html text
+        *  classes since MDL generate the same visuals for all of them)
+        *  
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion FlexJS 0.8
+        */
+       public class DialogTitle extends H4
+       {
+               /**
+                *  constructor.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion FlexJS 0.8
+                */
+               public function DialogTitle()
+               {
+                       super();
+
+                       className = ""; //set to empty string avoid 'undefined' 
output when no class selector is assigned by user;
+               }
+
+               /**
+         * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
+                * @flexjsignorecoercion Text
+         */
+        COMPILE::JS
+        override protected function createElement():WrappedHTMLElement
+        {
+                       typeNames = "mdl-dialog__title";
+                       
+                       element = document.createElement('h4') as 
WrappedHTMLElement;
+            
+            textNode = document.createTextNode('') as Text;
+            element.appendChild(textNode);
+            
+            positioner = element;
+                       element.flexjs_wrapper = this;
+            
+            return element;
+               }
+       }
+}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/FooterHeading.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/FooterHeading.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/FooterHeading.as
new file mode 100644
index 0000000..42097a1
--- /dev/null
+++ 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/FooterHeading.as
@@ -0,0 +1,77 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package org.apache.flex.mdl
+{
+       import org.apache.flex.html.H1;
+
+       COMPILE::JS
+    {
+        import org.apache.flex.core.WrappedHTMLElement;   
+    }
+       
+       /**
+        *  The FooterHeading class is an extended H1 heading used in MDL footer
+        *  drop down section.
+        *  
+        *  (This is implemented as a class H4 and not as a bead that decorates 
other html text
+        *  classes since MDL generate the same visuals for all of them)
+        *  
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion FlexJS 0.8
+        */
+       public class FooterHeading extends H1
+       {
+               /**
+                *  constructor.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion FlexJS 0.8
+                */
+               public function FooterHeading()
+               {
+                       super();
+
+                       className = ""; //set to empty string avoid 'undefined' 
output when no class selector is assigned by user;
+               }
+
+               /**
+         * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
+                * @flexjsignorecoercion Text
+         */
+        COMPILE::JS
+        override protected function createElement():WrappedHTMLElement
+        {
+                       typeNames = "mdl-mega-footer__heading";
+
+                       element = document.createElement('h1') as 
WrappedHTMLElement;
+            
+            textNode = document.createTextNode('') as Text;
+            element.appendChild(textNode);
+            
+            positioner = element;
+                       element.flexjs_wrapper = this;
+            
+            return element;
+               }
+       }
+}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/LayoutTitle.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/LayoutTitle.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/LayoutTitle.as
new file mode 100644
index 0000000..b2dc55a
--- /dev/null
+++ 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/LayoutTitle.as
@@ -0,0 +1,73 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package org.apache.flex.mdl
+{
+       import org.apache.flex.html.Span;
+
+       COMPILE::JS
+    {
+        import org.apache.flex.core.WrappedHTMLElement;
+    }
+       
+       /**
+        *  The LayoutTitle class is an extended Span used in MDL Layout Header 
inside
+        *  a HeaderRow in a Drawer to style the title.
+        *
+        *  (This is implemented as a class H4 and not as a bead that decorates 
other html text
+        *  classes since MDL generate the same visuals for all of them)
+        *  
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion FlexJS 0.8
+        */
+       public class LayoutTitle extends Span
+       {
+               /**
+                *  constructor.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion FlexJS 0.8
+                */
+               public function LayoutTitle()
+               {
+                       super();
+
+                       className = ""; //set to empty string avoid 'undefined' 
output when no class selector is assigned by user;
+               }
+
+               /**
+         * @flexjsignorecoercion org.apache.flex.core.WrappedHTMLElement
+         */
+        COMPILE::JS
+        override protected function createElement():WrappedHTMLElement
+        {
+                       typeNames = "mdl-layout-title";
+
+                       element = document.createElement('span') as 
WrappedHTMLElement;
+            
+            positioner = element;
+                       element.flexjs_wrapper = this;
+            
+            return element;
+               }
+       }
+}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/CardTitleText.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/CardTitleText.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/CardTitleText.as
deleted file mode 100644
index 93626e6..0000000
--- 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/CardTitleText.as
+++ /dev/null
@@ -1,71 +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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.flex.mdl.beads
-{      
-       import org.apache.flex.core.IBead;
-       import org.apache.flex.core.IStrand;
-       import org.apache.flex.core.UIBase;
-       
-       /**
-        *  The CardTitleText bead class is used in MDL CardTitle to style the 
title.
-        *  You could add to some heading (H1 to H4) or other text component.
-        *  
-        *  @langversion 3.0
-        *  @playerversion Flash 10.2
-        *  @playerversion AIR 2.6
-        *  @productversion FlexJS 0.8
-        */
-       public class CardTitleText implements IBead
-       {
-               /**
-                *  constructor.
-                *
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                */
-               public function CardTitleText()
-               {
-               }
-
-               private var _strand:IStrand;
-               
-               /**
-                *  @copy org.apache.flex.core.IBead#strand
-                *  
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                *  @flexjsignorecoercion HTMLInputElement
-                *  @flexjsignorecoercion org.apache.flex.core.UIBase;
-                */
-               public function set strand(value:IStrand):void
-               {
-                       _strand = value;
-                       
-                       COMPILE::JS
-                       {
-                               var host:UIBase = value as UIBase;
-                host.className = "mdl-card__title-text";
-                       }
-               }
-       }
-}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/DialogTitle.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/DialogTitle.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/DialogTitle.as
deleted file mode 100644
index b0a2961..0000000
--- 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/DialogTitle.as
+++ /dev/null
@@ -1,71 +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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.flex.mdl.beads
-{      
-       import org.apache.flex.core.IBead;
-       import org.apache.flex.core.IStrand;
-       import org.apache.flex.core.UIBase;
-       
-       /**
-        *  The DialogTitle bead class is used in MDL Dialog to style the title.
-        *  You could add to some heading (H1 to H6) or other text component.
-        *  
-        *  @langversion 3.0
-        *  @playerversion Flash 10.2
-        *  @playerversion AIR 2.6
-        *  @productversion FlexJS 0.8
-        */
-       public class DialogTitle implements IBead
-       {
-               /**
-                *  constructor.
-                *
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                */
-               public function DialogTitle()
-               {
-               }
-
-               private var _strand:IStrand;
-               
-               /**
-                *  @copy org.apache.flex.core.IBead#strand
-                *  
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                *  @flexjsignorecoercion HTMLInputElement
-                *  @flexjsignorecoercion org.apache.flex.core.UIBase;
-                */
-               public function set strand(value:IStrand):void
-               {
-                       _strand = value;
-                       
-                       COMPILE::JS
-                       {
-                               var host:UIBase = value as UIBase;
-                host.className = "mdl-dialog__title";
-                       }
-               }
-       }
-}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/FooterHeading.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/FooterHeading.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/FooterHeading.as
deleted file mode 100644
index 2751c54..0000000
--- 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/FooterHeading.as
+++ /dev/null
@@ -1,71 +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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.flex.mdl.beads
-{      
-       import org.apache.flex.core.IBead;
-       import org.apache.flex.core.IStrand;
-       import org.apache.flex.core.UIBase;
-       
-       /**
-        *  The FooterHeading bead class is used in MDL Footer Mega Drop Down 
Section to style the heading.
-        *  You could add to some heading (H1 to H6) or other text component.
-        *  
-        *  @langversion 3.0
-        *  @playerversion Flash 10.2
-        *  @playerversion AIR 2.6
-        *  @productversion FlexJS 0.8
-        */
-       public class FooterHeading implements IBead
-       {
-               /**
-                *  constructor.
-                *
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                */
-               public function FooterHeading()
-               {
-               }
-
-               private var _strand:IStrand;
-               
-               /**
-                *  @copy org.apache.flex.core.IBead#strand
-                *  
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                *  @flexjsignorecoercion HTMLInputElement
-                *  @flexjsignorecoercion org.apache.flex.core.UIBase;
-                */
-               public function set strand(value:IStrand):void
-               {
-                       _strand = value;
-                       
-                       COMPILE::JS
-                       {
-                               var host:UIBase = value as UIBase;
-                host.className = "mdl-mega-footer__heading";
-                       }
-               }
-       }
-}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/LayoutTitle.as
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/LayoutTitle.as
 
b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/LayoutTitle.as
deleted file mode 100644
index b67d372..0000000
--- 
a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/LayoutTitle.as
+++ /dev/null
@@ -1,71 +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.
-//
-////////////////////////////////////////////////////////////////////////////////
-package org.apache.flex.mdl.beads
-{      
-       import org.apache.flex.core.IBead;
-       import org.apache.flex.core.IStrand;
-       import org.apache.flex.core.UIBase;
-       
-       /**
-        *  The LayoutTitle bead class is used in MDL Layout Header inside a 
HeaderRow
-        *  (normaly a Span) or in a Drawer to style the title.
-        *  
-        *  @langversion 3.0
-        *  @playerversion Flash 10.2
-        *  @playerversion AIR 2.6
-        *  @productversion FlexJS 0.8
-        */
-       public class LayoutTitle implements IBead
-       {
-               /**
-                *  constructor.
-                *
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                */
-               public function LayoutTitle()
-               {
-               }
-
-               private var _strand:IStrand;
-               
-               /**
-                *  @copy org.apache.flex.core.IBead#strand
-                *  
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion FlexJS 0.8
-                *  @flexjsignorecoercion HTMLInputElement
-                *  @flexjsignorecoercion org.apache.flex.core.UIBase;
-                */
-               public function set strand(value:IStrand):void
-               {
-                       _strand = value;
-                       
-                       COMPILE::JS
-                       {
-                               var host:UIBase = value as UIBase;
-                host.className = "mdl-layout-title";
-                       }
-               }
-       }
-}

http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/6d75211e/frameworks/projects/MaterialDesignLite/src/main/resources/mdl-manifest.xml
----------------------------------------------------------------------
diff --git 
a/frameworks/projects/MaterialDesignLite/src/main/resources/mdl-manifest.xml 
b/frameworks/projects/MaterialDesignLite/src/main/resources/mdl-manifest.xml
index c214c06..634d3e7 100644
--- a/frameworks/projects/MaterialDesignLite/src/main/resources/mdl-manifest.xml
+++ b/frameworks/projects/MaterialDesignLite/src/main/resources/mdl-manifest.xml
@@ -41,7 +41,7 @@
     <component id="MenuItemRenderer" 
class="org.apache.flex.mdl.itemRenderers.MenuItemRenderer"/>
     <component id="Card" class="org.apache.flex.mdl.Card"/>
     <component id="CardTitle" class="org.apache.flex.mdl.CardTitle"/>
-    <component id="CardTitleText" 
class="org.apache.flex.mdl.beads.CardTitleText"/>
+    <component id="CardTitleText" class="org.apache.flex.mdl.CardTitleText"/>
     <component id="CardSupportingText" 
class="org.apache.flex.mdl.CardSupportingText"/>
     <component id="CardMedia" class="org.apache.flex.mdl.CardMedia"/>
     <component id="CardActions" class="org.apache.flex.mdl.CardActions"/>
@@ -63,11 +63,11 @@
     <component id="TableCell" class="org.apache.flex.mdl.TableCell"/>
     <component id="TableView" 
class="org.apache.flex.mdl.beads.views.TableView"/>
     <component id="Dialog" class="org.apache.flex.mdl.Dialog"/>
-    <component id="DialogTitle" class="org.apache.flex.mdl.beads.DialogTitle"/>
+    <component id="DialogTitle" class="org.apache.flex.mdl.DialogTitle"/>
     <component id="DialogContent" class="org.apache.flex.mdl.DialogContent"/>
     <component id="DialogActions" class="org.apache.flex.mdl.DialogActions"/>
     <component id="NavigationLayout" 
class="org.apache.flex.mdl.NavigationLayout"/>
-    <component id="LayoutTitle" class="org.apache.flex.mdl.beads.LayoutTitle"/>
+    <component id="LayoutTitle" class="org.apache.flex.mdl.LayoutTitle"/>
     <component id="Navigation" class="org.apache.flex.mdl.Navigation"/>
     <component id="NavigationLinkItemRenderer" 
class="org.apache.flex.mdl.itemRenderers.NavigationLinkItemRenderer"/>
     <component id="NavigationLink" class="org.apache.flex.mdl.NavigationLink"/>
@@ -114,6 +114,6 @@
     <component id="FooterLinkList" class="org.apache.flex.mdl.FooterLinkList"/>
     <component id="FooterLinkItemRenderer" 
class="org.apache.flex.mdl.itemRenderers.FooterLinkItemRenderer"/>
     <component id="FooterSocialButton" 
class="org.apache.flex.mdl.FooterSocialButton"/>
-    <component id="FooterHeading" 
class="org.apache.flex.mdl.beads.FooterHeading"/>
+    <component id="FooterHeading" class="org.apache.flex.mdl.FooterHeading"/>
     
 </componentPackage>

Reply via email to