This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new 8646caa  Jewel List initial setup
8646caa is described below

commit 8646caad831887f0e55086f867bfef5451a57144
Author: Carlos Rovira <carlosrov...@apache.org>
AuthorDate: Sat Apr 14 14:19:49 2018 +0200

    Jewel List initial setup
---
 .../{MainContent.mxml => ListPlayGround.mxml}      |  58 +++----
 .../JewelExample/src/main/royale/MainContent.mxml  |   3 +-
 .../src/main/royale/models/ListsModel.as           |  43 ++++++
 .../projects/Jewel/src/main/resources/defaults.css |  20 +++
 .../Jewel/src/main/resources/jewel-manifest.xml    |   1 +
 .../projects/Jewel/src/main/royale/JewelClasses.as |   5 +-
 .../main/royale/org/apache/royale/jewel/List.as    | 170 +++++++++++++++++++++
 .../apache/royale/jewel/beads/views/ListView.as    | 169 ++++++++++++++++++++
 .../Jewel/src/main/sass/components/_list.sass      |  42 +++++
 .../projects/Jewel/src/main/sass/defaults.sass     |   1 +
 .../JewelTheme/src/main/resources/defaults.css     |   5 +
 .../src/main/sass/components-emphasized/_list.sass |  25 +++
 .../src/main/sass/components-primary/_list.sass    |  22 +++
 .../src/main/sass/components-secondary/_list.sass  |  22 +++
 .../themes/JewelTheme/src/main/sass/defaults.sass  |   3 +
 15 files changed, 549 insertions(+), 40 deletions(-)

diff --git a/examples/royale/JewelExample/src/main/royale/MainContent.mxml 
b/examples/royale/JewelExample/src/main/royale/ListPlayGround.mxml
similarity index 50%
copy from examples/royale/JewelExample/src/main/royale/MainContent.mxml
copy to examples/royale/JewelExample/src/main/royale/ListPlayGround.mxml
index 9b5da0c..93536fa 100644
--- a/examples/royale/JewelExample/src/main/royale/MainContent.mxml
+++ b/examples/royale/JewelExample/src/main/royale/ListPlayGround.mxml
@@ -19,44 +19,28 @@ limitations under the License.
 -->
 <js:Group xmlns:fx="http://ns.adobe.com/mxml/2009";
                  xmlns:js="library://ns.apache.org/royale/basic"
+                 xmlns:html="library://ns.apache.org/royale/html"
                  xmlns:j="library://ns.apache.org/royale/jewel"
-          xmlns:local="*">
+          xmlns:models="models.*"
+                 className="container" width="350">
     
-    <js:beads>
-        <j:HorizontalLayoutWithPaddingAndGap gap="10"/>
-    </js:beads>
+    <mdl:model>
+        <models:ListsModel/>
+       </mdl:model>
 
-    <js:Group>
-        <js:beads>
-            <j:VerticalLayoutWithPaddingAndGap gap="10"/>
-        </js:beads>
-        <local:LabelPlayGround/>
-        <local:ButtonPlayGround/>
-        <local:TextButtonPlayGround/>
-    </js:Group>
-
-    <js:Group>
-        <js:beads>
-            <j:VerticalLayoutWithPaddingAndGap gap="10"/>
-        </js:beads>
-        <local:TextInputPlayGround/>
-        <local:CheckBoxPlayGround/>
-        <local:RadioButtonPlayGround/>
-    </js:Group>
-
-    <js:Group>
-        <js:beads>
-            <j:VerticalLayoutWithPaddingAndGap gap="10"/>
-        </js:beads>
-        <local:SliderPlayGround/>
-        <local:HeadingsAndText/>
-    </js:Group>
-    
-    <js:Group>
-        <js:beads>
-            <j:VerticalLayoutWithPaddingAndGap gap="10"/>
-        </js:beads>
-        <local:AlertPlayGround/>
-    </js:Group>
-    
+       <js:beads>
+               <j:VerticalLayoutWithPaddingAndGap gap="10"/>
+       </js:beads>
+       
+       <html:H3 text="Jewel List"/>
+       
+    <j:List id="list" x="20" y="40" width="200" height="300">
+               <js:beads>
+                       <js:ConstantBinding
+                               sourceID="model"
+                               sourcePropertyName="watchmen"
+                               destinationPropertyName="dataProvider" />
+               </js:beads>
+    </j:List>
+       
 </js:Group>
diff --git a/examples/royale/JewelExample/src/main/royale/MainContent.mxml 
b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
index 9b5da0c..79ca3d4 100644
--- a/examples/royale/JewelExample/src/main/royale/MainContent.mxml
+++ b/examples/royale/JewelExample/src/main/royale/MainContent.mxml
@@ -49,7 +49,7 @@ limitations under the License.
             <j:VerticalLayoutWithPaddingAndGap gap="10"/>
         </js:beads>
         <local:SliderPlayGround/>
-        <local:HeadingsAndText/>
+        <local:ListPlayGround/>
     </js:Group>
     
     <js:Group>
@@ -57,6 +57,7 @@ limitations under the License.
             <j:VerticalLayoutWithPaddingAndGap gap="10"/>
         </js:beads>
         <local:AlertPlayGround/>
+        <local:HeadingsAndText/>
     </js:Group>
     
 </js:Group>
diff --git a/examples/royale/JewelExample/src/main/royale/models/ListsModel.as 
b/examples/royale/JewelExample/src/main/royale/models/ListsModel.as
new file mode 100644
index 0000000..3299359
--- /dev/null
+++ b/examples/royale/JewelExample/src/main/royale/models/ListsModel.as
@@ -0,0 +1,43 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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 models
+{
+       import vos.ActorVO;
+
+       public class ListsModel 
+       {
+               /**
+                * Used in the List example.
+                */
+               private var _watchmen:Array = [
+                       "The Comedian", 
+                       "Doctor Manhattan", 
+                       "Nite Owl",
+                       "Ozymandias",
+            "Rorschach",
+            "Silk Spectre"
+               ];
+               
+               public function get watchmen():Array
+               {
+                       return _watchmen;
+               }
+
+       }
+}
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css 
b/frameworks/projects/Jewel/src/main/resources/defaults.css
index 95addd9..1d9ab78 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -130,6 +130,26 @@ j|Label {
   IBeadModel: ClassReference("org.apache.royale.html.beads.models.TextModel");
 }
 
+j|List {
+  IBeadModel: 
ClassReference("org.apache.royale.html.beads.models.ArraySelectionModel");
+  IBeadView: ClassReference("org.apache.royale.jewel.beads.views.ListView");
+  IBeadController: 
ClassReference("org.apache.royale.html.beads.controllers.ListSingleSelectionMouseController");
+  IBeadLayout: 
ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout");
+  IDataProviderItemRendererMapper: 
ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayData");
+  IItemRendererClassFactory: 
ClassReference("org.apache.royale.core.ItemRendererClassFactory");
+  IItemRenderer: 
ClassReference("org.apache.royale.html.supportClasses.StringItemRenderer");
+  IViewport: 
ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
+  IViewportModel: 
ClassReference("org.apache.royale.html.beads.models.ViewportModel");
+}
+
+@media -royale-swf {
+  j|List {
+    iBackgroundBead: 
ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
+    iBorderBead: 
ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
+    iBorderModel: 
ClassReference("org.apache.royale.html.beads.models.SingleLineBorderModel");
+    IContentView: 
ClassReference("org.apache.royale.html.supportClasses.DataGroup");
+  }
+}
 @media -royale-swf {
   j|RadioButton {
     IBeadModel: 
ClassReference("org.apache.royale.html.beads.models.ValueToggleButtonModel");
diff --git a/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml 
b/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml
index dc9ea3b..fd0475e 100644
--- a/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml
+++ b/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml
@@ -32,6 +32,7 @@
     <component id="Alert" class="org.apache.royale.jewel.Alert"/>
     <component id="ControlBar" class="org.apache.royale.jewel.ControlBar"/>
     <component id="TitleBar" class="org.apache.royale.jewel.TitleBar"/>
+    <component id="List" class="org.apache.royale.jewel.List"/>
     
     <component id="Disabled" 
class="org.apache.royale.jewel.beads.controls.Disabled"/>
 
diff --git a/frameworks/projects/Jewel/src/main/royale/JewelClasses.as 
b/frameworks/projects/Jewel/src/main/royale/JewelClasses.as
index adf14e4..996f82a 100644
--- a/frameworks/projects/Jewel/src/main/royale/JewelClasses.as
+++ b/frameworks/projects/Jewel/src/main/royale/JewelClasses.as
@@ -27,14 +27,15 @@ package
      */
     internal class JewelClasses
     {
-        import org.apache.royale.jewel.beads.views.SliderView; SliderView;
         import org.apache.royale.jewel.beads.models.SliderRangeModel; 
SliderRangeModel;
         import 
org.apache.royale.jewel.beads.controllers.SliderMouseController; 
SliderMouseController;
-
         import org.apache.royale.jewel.beads.controllers.AlertController; 
AlertController;
+
+        import org.apache.royale.jewel.beads.views.SliderView; SliderView;
         import org.apache.royale.jewel.beads.views.AlertView; AlertView;
         import org.apache.royale.jewel.beads.views.TitleBarView; TitleBarView;
         import org.apache.royale.jewel.beads.views.AlertTitleBarView; 
AlertTitleBarView;
+        import org.apache.royale.jewel.beads.views.ListView; ListView;
         
         COMPILE::SWF
            {
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/List.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/List.as
new file mode 100644
index 0000000..ed83f5f
--- /dev/null
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/List.as
@@ -0,0 +1,170 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.royale.jewel
+{
+       import org.apache.royale.core.IRollOverModel;
+       import org.apache.royale.core.ISelectionModel;
+    import org.apache.royale.html.DataContainer;
+    
+
+       COMPILE::JS
+       {
+               import org.apache.royale.core.WrappedHTMLElement;
+       }
+
+       /**
+        *  Indicates that the initialization of the list is complete.
+        *
+     *  @toplevel
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion Royale 0.9.3
+        */
+       [Event(name="initComplete", type="org.apache.royale.events.Event")]
+
+       /**
+        * The change event is dispatched whenever the list's selection changes.
+        *
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion Royale 0.9.3
+        */
+    [Event(name="change", type="org.apache.royale.events.Event")]
+
+       /**
+        *  The List class is a component that displays multiple data items. 
The List uses
+        *  the following bead types:
+        *
+        *  org.apache.royale.core.IBeadModel: the data model, which includes 
the dataProvider, selectedItem, and
+        *  so forth.
+        *  org.apache.royale.core.IBeadView:  the bead that constructs the 
visual parts of the list.
+        *  org.apache.royale.core.IBeadController: the bead that handles input 
and output.
+        *  org.apache.royale.core.IBeadLayout: the bead responsible for the 
size and position of the itemRenderers.
+        *  org.apache.royale.core.IDataProviderItemRendererMapper: the bead 
responsible for creating the itemRenders.
+        *  org.apache.royale.core.IItemRenderer: the class or factory used to 
display an item in the list.
+        *
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion Royale 0.9.3
+        */
+       public class List extends DataContainer
+       {
+               /**
+                *  constructor.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function List()
+               {
+                       super();
+            typeNames = "jewel list";
+               }
+
+               /**
+                *  The index of the currently selected item. Changing this 
value
+                *  also changes the selectedItem property.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9
+                *  @royaleignorecoercion org.apache.royale.core.ISelectionModel
+                */
+               [Bindable("change")]
+        public function get selectedIndex():int
+               {
+                       return ISelectionModel(model).selectedIndex;
+               }
+               /**
+                * @royaleignorecoercion org.apache.royale.core.ISelectionModel
+                */
+               public function set selectedIndex(value:int):void
+               {
+                       ISelectionModel(model).selectedIndex = value;
+               }
+
+               /**
+                *  The index of the item currently below the pointer.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9
+                *  @royaleignorecoercion org.apache.royale.core.IRollOverModel
+                */
+        public function get rollOverIndex():int
+               {
+                       return IRollOverModel(model).rollOverIndex;
+               }
+               /**
+                * @royaleignorecoercion org.apache.royale.core.IRollOverModel
+                */
+               public function set rollOverIndex(value:int):void
+               {
+                       IRollOverModel(model).rollOverIndex = value;
+               }
+
+               /**
+                *  The default height of each cell in every column
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function get rowHeight():Number
+               {
+                       return presentationModel.rowHeight;
+               }
+               public function set rowHeight(value:Number):void
+               {
+                       presentationModel.rowHeight = value;
+               }
+
+               /**
+                *  The item currently selected. Changing this value also
+                *  changes the selectedIndex property.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9
+                *  @royaleignorecoercion org.apache.royale.core.ISelectionModel
+                */
+               [Bindable("change")]
+               public function get selectedItem():Object
+               {
+                       return ISelectionModel(model).selectedItem;
+               }
+               /**
+                * @royaleignorecoercion org.apache.royale.core.ISelectionModel
+                */
+               public function set selectedItem(value:Object):void
+               {
+                       ISelectionModel(model).selectedItem = value;
+               }
+
+       }
+}
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ListView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ListView.as
new file mode 100644
index 0000000..a264b14
--- /dev/null
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ListView.as
@@ -0,0 +1,169 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.royale.jewel.beads.views
+{
+       import org.apache.royale.core.IBead;
+       import org.apache.royale.core.IRollOverModel;
+       import org.apache.royale.core.ISelectableItemRenderer;
+       import org.apache.royale.core.ISelectionModel;
+       import org.apache.royale.core.IStrand;
+       import org.apache.royale.events.Event;
+       import org.apache.royale.html.beads.DataContainerView;
+
+       /**
+        *  The List class creates the visual elements of the 
org.apache.royale.html.List
+        *  component. A List consists of the area to display the data (in the 
dataGroup), any
+        *  scrollbars, and so forth.
+        *
+        *  @viewbead
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion Royale 0.9
+        */
+       COMPILE::JS
+       public class ListView extends DataContainerView
+       {
+               public function ListView()
+               {
+                       super();
+               }
+
+               protected var listModel:ISelectionModel;
+
+               protected var lastSelectedIndex:int = -1;
+
+               /**
+                * @private
+                * @royaleignorecoercion org.apache.royale.core.ISelectionModel
+                */
+               override protected function handleInitComplete(event:Event):void
+               {
+                       listModel = _strand.getBeadByType(ISelectionModel) as 
ISelectionModel;
+                       listModel.addEventListener("selectedIndexChanged", 
selectionChangeHandler);
+                       listModel.addEventListener("rollOverIndexChanged", 
rollOverIndexChangeHandler);
+
+                       super.handleInitComplete(event);
+               }
+
+               /**
+                * @private
+                * @royaleignorecoercion 
org.apache.royale.core.ISelectableItemRenderer
+                */
+               protected function selectionChangeHandler(event:Event):void
+               {
+                       var ir:ISelectableItemRenderer = 
dataGroup.getItemRendererForIndex(lastSelectedIndex) as ISelectableItemRenderer;
+                       if(ir)
+                               ir.selected = false;
+                       ir = 
dataGroup.getItemRendererForIndex(listModel.selectedIndex) as 
ISelectableItemRenderer;
+                       if(ir)
+                               ir.selected = true;
+
+                       lastSelectedIndex = listModel.selectedIndex;
+               }
+
+               protected var lastRollOverIndex:int = -1;
+
+               /**
+                * @private
+                * @royaleignorecoercion 
org.apache.royale.core.ISelectableItemRenderer
+                * * @royaleignorecoercion org.apache.royale.core.IRollOverModel
+                */
+               protected function rollOverIndexChangeHandler(event:Event):void
+               {
+                       var ir:ISelectableItemRenderer = 
dataGroup.getItemRendererForIndex(lastRollOverIndex) as ISelectableItemRenderer;
+                       if(ir)
+                               ir.hovered = false;
+                       ir = dataGroup.getItemRendererForIndex((listModel as 
IRollOverModel).rollOverIndex) as ISelectableItemRenderer;
+                       if(ir)
+                               ir.hovered = true;
+                       lastRollOverIndex = (listModel as 
IRollOverModel).rollOverIndex;
+               }
+       }
+
+       COMPILE::SWF
+       public class ListView extends DataContainerView
+       {
+               public function ListView()
+               {
+                       super();
+               }
+
+               protected var listModel:ISelectionModel;
+
+               /**
+                *  @copy org.apache.royale.core.IBead#strand
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9
+                */
+               override public function set strand(value:IStrand):void
+               {
+                       _strand = value;
+                       super.strand = value;
+               }
+
+               /**
+                * @private
+                */
+               override protected function handleInitComplete(event:Event):void
+               {
+                       super.handleInitComplete(event);
+
+                       listModel = _strand.getBeadByType(ISelectionModel) as 
ISelectionModel;
+                       listModel.addEventListener("selectedIndexChanged", 
selectionChangeHandler);
+                       listModel.addEventListener("rollOverIndexChanged", 
rollOverIndexChangeHandler);
+               }
+
+               protected var lastSelectedIndex:int = -1;
+
+               /**
+                * @private
+                */
+               protected function selectionChangeHandler(event:Event):void
+               {
+                       var ir:ISelectableItemRenderer = 
dataGroup.getItemRendererForIndex(lastSelectedIndex) as ISelectableItemRenderer;
+            if (ir)
+                               ir.selected = false;
+                       ir = 
dataGroup.getItemRendererForIndex(listModel.selectedIndex) as 
ISelectableItemRenderer;
+                       if (ir)
+                               ir.selected = true;
+            lastSelectedIndex = listModel.selectedIndex;
+               }
+
+               protected var lastRollOverIndex:int = -1;
+
+               /**
+                * @private
+                */
+               protected function rollOverIndexChangeHandler(event:Event):void
+               {
+                       var ir:ISelectableItemRenderer = 
dataGroup.getItemRendererForIndex(lastRollOverIndex) as ISelectableItemRenderer;
+                       if(ir)
+                               ir.hovered = false;
+                       ir = 
dataGroup.getItemRendererForIndex(IRollOverModel(listModel).rollOverIndex) as 
ISelectableItemRenderer;
+                       if(ir)
+                               ir.hovered = true;
+                       
+                       lastRollOverIndex = 
IRollOverModel(listModel).rollOverIndex;
+               }
+       }
+}
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_list.sass 
b/frameworks/projects/Jewel/src/main/sass/components/_list.sass
new file mode 100644
index 0000000..3268aff
--- /dev/null
+++ b/frameworks/projects/Jewel/src/main/sass/components/_list.sass
@@ -0,0 +1,42 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+// Jewel List
+
+// List variables
+
+j|List
+    IBeadModel: 
ClassReference("org.apache.royale.html.beads.models.ArraySelectionModel")
+    IBeadView:  ClassReference("org.apache.royale.jewel.beads.views.ListView")
+    IBeadController: 
ClassReference("org.apache.royale.html.beads.controllers.ListSingleSelectionMouseController")
+    IBeadLayout: 
ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout")
+    IDataProviderItemRendererMapper: 
ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayData")
+    IItemRendererClassFactory: 
ClassReference("org.apache.royale.core.ItemRendererClassFactory")
+    IItemRenderer: 
ClassReference("org.apache.royale.html.supportClasses.StringItemRenderer")
+    IViewport: 
ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport")
+    IViewportModel: 
ClassReference("org.apache.royale.html.beads.models.ViewportModel")
+
+@media -royale-swf     
+    j|List
+        iBackgroundBead: 
ClassReference("org.apache.royale.html.beads.SolidBackgroundBead")
+        iBorderBead: 
ClassReference('org.apache.royale.html.beads.SingleLineBorderBead')
+        iBorderModel: 
ClassReference('org.apache.royale.html.beads.models.SingleLineBorderModel')
+        IContentView: 
ClassReference("org.apache.royale.html.supportClasses.DataGroup")
+        //font-size: 11px
+        //font-family: Arial
\ No newline at end of file
diff --git a/frameworks/projects/Jewel/src/main/sass/defaults.sass 
b/frameworks/projects/Jewel/src/main/sass/defaults.sass
index 0516751..e9c3b9a 100644
--- a/frameworks/projects/Jewel/src/main/sass/defaults.sass
+++ b/frameworks/projects/Jewel/src/main/sass/defaults.sass
@@ -26,6 +26,7 @@
 @import "components/checkbox"
 @import "components/controlbar"
 @import "components/label"
+@import "components/list"
 @import "components/radiobutton"
 @import "components/slider"
 @import "components/textbutton"
diff --git a/frameworks/themes/JewelTheme/src/main/resources/defaults.css 
b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
index 9c83a93..a630c5f 100644
--- a/frameworks/themes/JewelTheme/src/main/resources/defaults.css
+++ b/frameworks/themes/JewelTheme/src/main/resources/defaults.css
@@ -688,6 +688,11 @@ j|Alert {
   box-shadow: none;
 }
 
+.jewel.list {
+  border: 1px solid;
+  background: #d9d9d9;
+}
+
 .jewel.textbutton {
   cursor: pointer;
   display: inline-block;
diff --git 
a/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_list.sass 
b/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_list.sass
new file mode 100644
index 0000000..c5ec699
--- /dev/null
+++ 
b/frameworks/themes/JewelTheme/src/main/sass/components-emphasized/_list.sass
@@ -0,0 +1,25 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+// Jewel List
+
+// List variables
+.jewel.list
+    border: 1px solid
+    background: $default-color
\ No newline at end of file
diff --git 
a/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass 
b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
new file mode 100644
index 0000000..a028768
--- /dev/null
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-primary/_list.sass
@@ -0,0 +1,22 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+// Jewel List
+
+// List variables
\ No newline at end of file
diff --git 
a/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_list.sass 
b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_list.sass
new file mode 100644
index 0000000..a028768
--- /dev/null
+++ b/frameworks/themes/JewelTheme/src/main/sass/components-secondary/_list.sass
@@ -0,0 +1,22 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  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.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+// Jewel List
+
+// List variables
\ No newline at end of file
diff --git a/frameworks/themes/JewelTheme/src/main/sass/defaults.sass 
b/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
index 9bd1cd5..ac2dc0c 100644
--- a/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
+++ b/frameworks/themes/JewelTheme/src/main/sass/defaults.sass
@@ -31,6 +31,7 @@
 @import "components-primary/checkbox"
 @import "components-primary/controlbar"
 @import "components-primary/label"
+@import "components-primary/list"
 @import "components-primary/radiobutton"
 @import "components-primary/slider"
 @import "components-primary/textbutton"
@@ -42,6 +43,7 @@
 @import "components-secondary/checkbox"
 @import "components-secondary/controlbar"
 @import "components-secondary/label"
+@import "components-secondary/list"
 @import "components-secondary/radiobutton"
 @import "components-secondary/slider"
 @import "components-secondary/textbutton"
@@ -53,6 +55,7 @@
 @import "components-emphasized/checkbox"
 @import "components-emphasized/controlbar"
 @import "components-emphasized/label"
+@import "components-emphasized/list"
 @import "components-emphasized/radiobutton"
 @import "components-emphasized/slider"
 @import "components-emphasized/textbutton"

-- 
To stop receiving notification emails like this one, please contact
carlosrov...@apache.org.

Reply via email to