Repository: flex-asjs Updated Branches: refs/heads/develop 8ca2abcec -> a09ca580f
Refactor CardTitleText to a bead and polish Card components docs Project: http://git-wip-us.apache.org/repos/asf/flex-asjs/repo Commit: http://git-wip-us.apache.org/repos/asf/flex-asjs/commit/a09ca580 Tree: http://git-wip-us.apache.org/repos/asf/flex-asjs/tree/a09ca580 Diff: http://git-wip-us.apache.org/repos/asf/flex-asjs/diff/a09ca580 Branch: refs/heads/develop Commit: a09ca580fac59a0d00867737daca8088af30eb05 Parents: 8ca2abc Author: Carlos Rovira <[email protected]> Authored: Tue Jan 24 18:41:51 2017 +0100 Committer: Carlos Rovira <[email protected]> Committed: Tue Jan 24 18:41:51 2017 +0100 ---------------------------------------------------------------------- .../flexjs/MDLExample/src/main/flex/Cards.mxml | 21 ++++-- .../MDLExample/src/main/flex/Sliders.mxml | 19 ++++- .../flexjs/MDLExample/src/main/flex/Tables.mxml | 6 +- .../src/main/flex/org/apache/flex/mdl/Card.as | 30 ++++---- .../flex/org/apache/flex/mdl/CardActions.as | 22 ++---- .../main/flex/org/apache/flex/mdl/CardMedia.as | 21 ++---- .../main/flex/org/apache/flex/mdl/CardMenu.as | 21 ++---- .../org/apache/flex/mdl/CardSupportingText.as | 23 ++---- .../main/flex/org/apache/flex/mdl/CardTitle.as | 21 ++---- .../flex/org/apache/flex/mdl/CardTitleText.as | 77 -------------------- .../org/apache/flex/mdl/beads/CardTitleText.as | 71 ++++++++++++++++++ .../src/main/resources/mdl-manifest.xml | 2 +- 12 files changed, 148 insertions(+), 186 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/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 151ed99..6c005ef 100644 --- a/examples/flexjs/MDLExample/src/main/flex/Cards.mxml +++ b/examples/flexjs/MDLExample/src/main/flex/Cards.mxml @@ -36,7 +36,11 @@ limitations under the License. <mdl:Card id="mycard" shadow="2" className="demo-card-wide"> <mdl:CardTitle> - <mdl:CardTitleText text="Welcome"/> + <js:H2 text="Welcome"> + <js:beads> + <mdl:CardTitleText/> + </js:beads> + </js:H2> </mdl:CardTitle> <mdl:CardSupportingText> <mdl:beads> @@ -59,7 +63,11 @@ limitations under the License. <mdl:Card className="demo-card-square" shadow="2"> <mdl:CardTitle expand="true"> - <mdl:CardTitleText text="Update"/> + <js:H2 text="Update"> + <js:beads> + <mdl:CardTitleText/> + </js:beads> + </js:H2> </mdl:CardTitle> <mdl:CardSupportingText> <js:TextNode text="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenan convallis."/> @@ -78,13 +86,14 @@ limitations under the License. <mdl:Card className="demo-card-event" shadow="2"> <mdl:CardTitle expand="true"> - <mdl:CardTitleText> - <mdl:beads> + <js:H2 text="Welcome"> + <js:beads> + <mdl:CardTitleText/> <js:InnerHTML> <![CDATA[<h4>Featured event:<br>May 24, 2016<br>7-11pm</h4>]]> </js:InnerHTML> - </mdl:beads> - </mdl:CardTitleText> + </js:beads> + </js:H2> </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/a09ca580/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 cea2e7d..ced56f3 100644 --- a/examples/flexjs/MDLExample/src/main/flex/Sliders.mxml +++ b/examples/flexjs/MDLExample/src/main/flex/Sliders.mxml @@ -18,6 +18,7 @@ limitations under the License. --> <mdl:TabBarPanel xmlns:fx="http://ns.adobe.com/mxml/2009"; + xmlns:js="library://ns.apache.org/flexjs/basic" xmlns:mdl="library://ns.apache.org/flexjs/mdl" initComplete="initTextBoxes(event)"> @@ -53,7 +54,11 @@ limitations under the License. <mdl:Card className="demo-card-slider" shadow="2"> <mdl:CardTitle> - <mdl:CardTitleText id="slider1_txt"/> + <js:H2 id="slider1_txt"> + <js:beads> + <mdl:CardTitleText/> + </js:beads> + </js:H2> </mdl:CardTitle> <mdl:CardSupportingText> <mdl:Slider id="slider1" change="onValueChange1(event)" input="onValueChange1(event)"/> @@ -62,7 +67,11 @@ limitations under the License. <mdl:Card className="demo-card-slider" shadow="2"> <mdl:CardTitle> - <mdl:CardTitleText id="slider2_txt"/> + <js:H2 id="slider2_txt"> + <js:beads> + <mdl:CardTitleText/> + </js:beads> + </js:H2> </mdl:CardTitle> <mdl:CardSupportingText> <mdl:Slider id="slider2" minimum="0" maximum="10" value="2" stepSize="2" width="200" change="onValueChange2(event)" input="onValueChange2(event)"/> @@ -71,7 +80,11 @@ limitations under the License. <mdl:Card className="demo-card-slider" shadow="2"> <mdl:CardTitle> - <mdl:CardTitleText id="slider3_txt"/> + <js:H2 id="slider3_txt"> + <js:beads> + <mdl:CardTitleText/> + </js:beads> + </js:H2> </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/a09ca580/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 d788cd0..68644fe 100644 --- a/examples/flexjs/MDLExample/src/main/flex/Tables.mxml +++ b/examples/flexjs/MDLExample/src/main/flex/Tables.mxml @@ -45,7 +45,11 @@ limitations under the License. <mdl:Card shadow="2" width="450"> <mdl:CardTitle expand="true"> - <mdl:CardTitleText text="Card Header"/> + <js:H2 text="Card Header"> + <js:beads> + <mdl:CardTitleText/> + </js:beads> + </js:H2> </mdl:CardTitle> <mdl:Table className="customTableRowItemRenderer" width="100%"> http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/Card.as ---------------------------------------------------------------------- diff --git a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/Card.as b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/Card.as index 9f024a7..47d92e8 100644 --- a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/Card.as +++ b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/Card.as @@ -26,20 +26,15 @@ package org.apache.flex.mdl } /** - * The Card class is a Container component capable of parenting other - * four components (CardTitle, CardMedia, CardSupportingText and CardActions. - * The Panel uses the following bead types: - * - * org.apache.flex.core.IBeadModel: the data model for the Card. - * org.apache.flex.core.IBeadView: creates the parts of the Card. + * The Card class is a self-contained pieces of paper with data. + * The Material Design Lite (MDL) card component is a user interface element + * representing a virtual piece of paper that contains related data â such as a + * photo, some text, and a link â that are all about a single subject. * - * @see PanelWithControlBar - * @see ControlBar - * @see TitleBar * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public class Card extends ContainerBase { @@ -49,7 +44,7 @@ package org.apache.flex.mdl * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public function Card() { @@ -69,11 +64,6 @@ package org.apache.flex.mdl element = document.createElement('div') as WrappedHTMLElement; positioner = element; - - // absolute positioned children need a non-null - // position value in the parent. It might - // get set to 'absolute' if the container is - // also absolutely positioned element.flexjs_wrapper = this; return element; @@ -83,11 +73,17 @@ package org.apache.flex.mdl /** * A boolean flag to activate "mdl-shadow--Xdp" effect selector. * Assigns variable shadow depths (0, 2, 3, 4, 6, 8, or 16) to card + * + * Cards are a convenient means of coherently displaying related content + * that is composed of different types of objects. They are also well-suited + * for presenting similar objects whose size or supported actions can vary + * considerably, like photos with captions of variable length. Cards have + * a constant width and a variable height, depending on their content. * * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public function get shadow():Number { http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardActions.as ---------------------------------------------------------------------- diff --git a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardActions.as b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardActions.as index c6eeee9..d835435 100644 --- a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardActions.as +++ b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardActions.as @@ -26,19 +26,14 @@ package org.apache.flex.mdl } /** - * The CardActions class is a Container component capable of parenting other. - * The Panel uses the following bead types: - * - * org.apache.flex.core.IBeadModel: the data model for the Card. - * org.apache.flex.core.IBeadView: creates the parts of the Card. - * - * @see PanelWithControlBar - * @see ControlBar - * @see TitleBar + * The CardActions class is a inner card container component. + * Its mission is to hold buttons or other ways to present + * actions for the user. + * * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public class CardActions extends CardInner { @@ -48,7 +43,7 @@ package org.apache.flex.mdl * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public function CardActions() { @@ -66,11 +61,6 @@ package org.apache.flex.mdl element = document.createElement('div') as WrappedHTMLElement; positioner = element; - - // absolute positioned children need a non-null - // position value in the parent. It might - // get set to 'absolute' if the container is - // also absolutely positioned element.flexjs_wrapper = this; return element; http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMedia.as ---------------------------------------------------------------------- diff --git a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMedia.as b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMedia.as index 8a959c4..5b47b46 100644 --- a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMedia.as +++ b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMedia.as @@ -26,19 +26,13 @@ package org.apache.flex.mdl } /** - * The CardMedia class is a Container component capable of parenting other. - * The Panel uses the following bead types: - * - * org.apache.flex.core.IBeadModel: the data model for the Card. - * org.apache.flex.core.IBeadView: creates the parts of the Card. - * - * @see PanelWithControlBar - * @see ControlBar - * @see TitleBar + * The CardMedia class is a inner card container component. + * Its mission is to hold media like photos, images or video content. + * * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public class CardMedia extends CardInner { @@ -48,7 +42,7 @@ package org.apache.flex.mdl * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public function CardMedia() { @@ -66,11 +60,6 @@ package org.apache.flex.mdl element = document.createElement('div') as WrappedHTMLElement; positioner = element; - - // absolute positioned children need a non-null - // position value in the parent. It might - // get set to 'absolute' if the container is - // also absolutely positioned element.flexjs_wrapper = this; return element; http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMenu.as ---------------------------------------------------------------------- diff --git a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMenu.as b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMenu.as index d9cc281..9f0d13d 100644 --- a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMenu.as +++ b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardMenu.as @@ -26,19 +26,13 @@ package org.apache.flex.mdl } /** - * The CardMenu class is a Container component capable of parenting other. - * The Panel uses the following bead types: - * - * org.apache.flex.core.IBeadModel: the data model for the Card. - * org.apache.flex.core.IBeadView: creates the parts of the Card. - * - * @see PanelWithControlBar - * @see ControlBar - * @see TitleBar + * The CardMenu class is a inner card container component. + * Its mission is to hold menu options for the user to interact. + * * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public class CardMenu extends CardInner { @@ -48,7 +42,7 @@ package org.apache.flex.mdl * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public function CardMenu() { @@ -66,11 +60,6 @@ package org.apache.flex.mdl element = document.createElement('div') as WrappedHTMLElement; positioner = element; - - // absolute positioned children need a non-null - // position value in the parent. It might - // get set to 'absolute' if the container is - // also absolutely positioned element.flexjs_wrapper = this; return element; http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardSupportingText.as ---------------------------------------------------------------------- diff --git a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardSupportingText.as b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardSupportingText.as index 8f79351..588cf3f 100644 --- a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardSupportingText.as +++ b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardSupportingText.as @@ -26,19 +26,13 @@ package org.apache.flex.mdl } /** - * The CardSupportingText class is a Container component capable of parenting other. - * The Panel uses the following bead types: - * - * org.apache.flex.core.IBeadModel: the data model for the Card. - * org.apache.flex.core.IBeadView: creates the parts of the Card. - * - * @see PanelWithControlBar - * @see ControlBar - * @see TitleBar + * The CardSupportingText class is a inner card container component. + * Its mission is to hold text info for the user. + * * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public class CardSupportingText extends CardInner { @@ -48,7 +42,7 @@ package org.apache.flex.mdl * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public function CardSupportingText() { @@ -65,12 +59,7 @@ package org.apache.flex.mdl element = document.createElement('div') as WrappedHTMLElement; - positioner = element; - - // absolute positioned children need a non-null - // position value in the parent. It might - // get set to 'absolute' if the container is - // also absolutely positioned + positioner = element; element.flexjs_wrapper = this; return element; http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitle.as ---------------------------------------------------------------------- diff --git a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitle.as b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitle.as index 856dd58..8001cee 100644 --- a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitle.as +++ b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitle.as @@ -26,19 +26,13 @@ package org.apache.flex.mdl } /** - * The CardTitle class is a Container component capable of parenting other. - * The Panel uses the following bead types: - * - * org.apache.flex.core.IBeadModel: the data model for the Card. - * org.apache.flex.core.IBeadView: creates the parts of the Card. - * - * @see PanelWithControlBar - * @see ControlBar - * @see TitleBar + * The CardTitle class is a inner card container component. + * Its mission is to hold the title of the card + * * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public class CardTitle extends CardInner { @@ -48,7 +42,7 @@ package org.apache.flex.mdl * @langversion 3.0 * @playerversion Flash 10.2 * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 + * @productversion FlexJS 0.8 */ public function CardTitle() { @@ -66,11 +60,6 @@ package org.apache.flex.mdl element = document.createElement('div') as WrappedHTMLElement; positioner = element; - - // absolute positioned children need a non-null - // position value in the parent. It might - // get set to 'absolute' if the container is - // also absolutely positioned element.flexjs_wrapper = this; return element; http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/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 deleted file mode 100644 index 68b08bc..0000000 --- a/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/CardTitleText.as +++ /dev/null @@ -1,77 +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 -{ - import org.apache.flex.html.H2; - - COMPILE::JS - { - import org.apache.flex.core.WrappedHTMLElement; - } - - /** - * The CardTitleText class represents an HTML <h2> element - * used for Title in CardTitle - * - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 - */ - public class CardTitleText extends H2 - { - /** - * constructor. - * - * @langversion 3.0 - * @playerversion Flash 10.2 - * @playerversion AIR 2.6 - * @productversion FlexJS 0.0 - */ - 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 HTMLElement - */ - COMPILE::JS - override protected function createElement():WrappedHTMLElement - { - typeNames = "mdl-card__title-text"; - - var h2:HTMLElement = document.createElement('h2') as HTMLElement; - - textNode = document.createTextNode('') as Text; - h2.appendChild(textNode); - - element = h2 as WrappedHTMLElement; - - positioner = element; - element.flexjs_wrapper = this; - - return element; - } - } -} http://git-wip-us.apache.org/repos/asf/flex-asjs/blob/a09ca580/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 new file mode 100644 index 0000000..93626e6 --- /dev/null +++ b/frameworks/projects/MaterialDesignLite/src/main/flex/org/apache/flex/mdl/beads/CardTitleText.as @@ -0,0 +1,71 @@ +//////////////////////////////////////////////////////////////////////////////// +// +// 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/a09ca580/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 4ad46b0..0395d36 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.CardTitleText"/> + <component id="CardTitleText" class="org.apache.flex.mdl.beads.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"/>
