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

harbs 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 2392926036 Moved StyledUIBase to Jewel
2392926036 is described below

commit 23929260360836a6f505ea7a0d91b17b5a023ac9
Author: Harbs <[email protected]>
AuthorDate: Thu Feb 19 16:58:56 2026 +0200

    Moved StyledUIBase to Jewel
---
 .../Basic/src/main/resources/basic-manifest.xml    |   2 -
 .../projects/Basic/src/main/royale/BasicClasses.as |   3 -
 .../projects/Core/src/main/royale/CoreClasses.as   |   2 +-
 .../royale/org/apache/royale/core/CSSClassList.as  |  16 +
 .../royale/org/apache/royale/html5/AudioElement.as |  94 +++--
 .../royale/org/apache/royale/html5/MediaElement.as |   4 +-
 .../royale/org/apache/royale/html5/VideoElement.as | 139 ++++---
 .../royale/org/apache/royale/icons/FontIconBase.as | 428 ++++++++++++---------
 .../projects/Jewel/src/main/resources/defaults.css |   2 +-
 .../Jewel/src/main/resources/jewel-manifest.xml    |   2 +
 .../projects/Jewel/src/main/royale/JewelClasses.as |   6 +-
 .../royale/org/apache/royale/jewel/Application.as  |   4 +-
 .../royale/org/apache/royale/jewel/AudioPlayer.as  |  66 +++-
 .../royale/org/apache/royale/jewel/ComboBox.as     |   2 +-
 .../royale/org/apache/royale/jewel/DateField.as    |   2 +-
 .../main/royale/org/apache/royale/jewel/HSlider.as |   2 +-
 .../royale/org/apache/royale/jewel}/IEmphasis.as   |   2 +-
 .../org/apache/royale/jewel}/IStyledUIBase.as      |   4 +-
 .../main/royale/org/apache/royale/jewel/Image.as   |   2 +-
 .../main/royale/org/apache/royale/jewel/Label.as   |   2 +-
 .../royale/org/apache/royale/jewel/ModuleLoader.as |   2 +-
 .../org/apache/royale/jewel/NumericStepper.as      |   2 +-
 .../main/royale/org/apache/royale/jewel/PopUp.as   |   2 +-
 .../royale/org/apache/royale/jewel/SimpleLoader.as |   2 +-
 .../royale/org/apache/royale/jewel/Snackbar.as     |   2 +-
 .../main/royale/org/apache/royale/jewel/Spacer.as  |   2 +-
 .../main/royale/org/apache/royale/jewel/Spinner.as |   2 +-
 .../royale/jewel}/StyledBaseMXMLItemRenderer.as    |   2 +-
 .../apache/royale/jewel}/StyledDataItemRenderer.as |   2 +-
 .../org/apache/royale/jewel}/StyledImageBase.as    |   4 +-
 .../apache/royale/jewel}/StyledMXMLItemRenderer.as |   4 +-
 .../royale/jewel}/StyledMXMLStatesItemRenderer.as  |   4 +-
 .../org/apache/royale/jewel}/StyledUIBase.as       | 349 +++++++++--------
 .../royale/jewel}/StyledUIItemRendererBase.as      |   4 +-
 .../royale/org/apache/royale/jewel/VideoPlayer.as  | 155 ++++++--
 .../jewel/beads/controllers/ComboBoxController.as  |   2 +-
 .../TableCellSelectionMouseController.as           |   2 +-
 .../apache/royale/jewel/beads/controls/Badge.as    |   2 +-
 .../royale/jewel/beads/controls/ResponsiveSize.as  |   2 +-
 .../royale/jewel/beads/controls/SizeControl.as     |   2 +-
 .../controls/TextInputSubControlTruncateText.as    |   2 +-
 .../jewel/beads/controls/button/InputButtonSize.as |   2 +-
 .../royale/jewel/beads/controls/image/ClipImage.as |   2 +-
 .../beads/controls/list/ListAlternateRowColor.as   |   2 +-
 .../jewel/beads/controls/textinput/TruncateText.as |   2 +-
 .../ButtonBarItemRendererInitializer.as            |   2 +-
 .../DataContainerItemRendererInitializer.as        |   2 +-
 .../DataGridColumnListItemRendererInitializer.as   |   4 +-
 .../IndexedItemRendererInitializer.as              |   2 +-
 .../itemRenderers/ListItemRendererInitializer.as   |   6 +-
 .../itemRenderers/TabBarItemRendererInitializer.as |   2 +-
 .../itemRenderers/TableItemRendererInitializer.as  |   2 +-
 .../royale/jewel/beads/layouts/StyledLayoutBase.as |   2 +-
 .../apache/royale/jewel/beads/views/AlertView.as   |   2 +-
 .../royale/jewel/beads/views/ComboBoxView.as       |   2 +-
 .../royale/jewel/beads/views/DataGridView.as       |   4 +-
 .../jewel/beads/views/JewelLabelViewBead.mxml      |   2 +-
 .../apache/royale/jewel/beads/views/ListView.as    |   2 +-
 .../apache/royale/jewel/beads/views/TabBarView.as  |   4 +-
 .../jewel/beads/views/ToggleButtonBarView.as       |   2 +-
 .../jewel/beads/views/VirtualDataGridView.as       |   2 +-
 .../royale/jewel/beads/views/VirtualListView.as    |   2 +-
 .../apache/royale/jewel/beads/views/WizardView.as  |   2 +-
 .../CollapsibleNavigationSectionRenderer.as        |   2 +-
 .../itemRenderers/DropDownListItemRenderer.as      |   2 +-
 .../royale/jewel/itemRenderers/ListItemRenderer.as |   2 +-
 .../itemRenderers/NavigationLinkItemRenderer.as    |   2 +-
 .../jewel/itemRenderers/StringItemRenderer.as      |   2 +-
 .../royale/jewel/supportClasses/LayoutProxy.as     |   2 +-
 .../royale/jewel/supportClasses}/MediaElement.as   |   6 +-
 .../supportClasses/button/SelectableButtonBase.as  |   2 +-
 .../jewel/supportClasses/button/SimpleButton.as    |   4 +-
 .../jewel/supportClasses/combobox/ComboBoxPopUp.as |   2 +-
 .../container/StyledContainerContentArea.as        |   2 +-
 .../supportClasses/datagrid/DataGridColumn.as      |   2 +-
 .../supportClasses/datagrid/IDataGridColumn.as     |   2 +-
 .../supportClasses/datagrid/IDataGridColumnList.as |   2 +-
 .../royale/jewel/supportClasses/group/GroupBase.as |   2 +-
 .../jewel/supportClasses/popup/PopUpContent.as     |   2 +-
 .../jewel/supportClasses/table/TBodyContentArea.as |   2 +-
 .../supportClasses/textinput/TextInputBase.as      |   2 +-
 .../Jewel/src/main/sass/components/_popup.sass     |   2 +-
 82 files changed, 840 insertions(+), 592 deletions(-)

diff --git a/frameworks/projects/Basic/src/main/resources/basic-manifest.xml 
b/frameworks/projects/Basic/src/main/resources/basic-manifest.xml
index 51a682c0e4..8d6e1231ec 100644
--- a/frameworks/projects/Basic/src/main/resources/basic-manifest.xml
+++ b/frameworks/projects/Basic/src/main/resources/basic-manifest.xml
@@ -140,10 +140,8 @@
     <component id="Slider" class="org.apache.royale.html.Slider"/>
     <component id="NumericStepper" 
class="org.apache.royale.html.NumericStepper" />
     <component id="DataItemRenderer" 
class="org.apache.royale.html.supportClasses.DataItemRenderer"/>
-    <component id="StyledDataItemRenderer" 
class="org.apache.royale.html.supportClasses.StyledDataItemRenderer"/>
     <component id="MXMLBeadView" class="org.apache.royale.html.MXMLBeadView"/>
     <component id="MXMLItemRenderer" 
class="org.apache.royale.html.supportClasses.MXMLItemRenderer"/>
-    <component id="StyledMXMLItemRenderer" 
class="org.apache.royale.core.StyledMXMLItemRenderer"/>
     <component id="MXMLStatesItemRenderer" 
class="org.apache.royale.html.supportClasses.MXMLStatesItemRenderer"/>
     <component id="AlternatingBackgroundColorStringItemRenderer" 
class="org.apache.royale.html.supportClasses.AlternatingBackgroundColorStringItemRenderer"/>
     <component id="StringItemRenderer" 
class="org.apache.royale.html.supportClasses.StringItemRenderer"/>
diff --git a/frameworks/projects/Basic/src/main/royale/BasicClasses.as 
b/frameworks/projects/Basic/src/main/royale/BasicClasses.as
index 91a45a7911..0f7739cfc3 100644
--- a/frameworks/projects/Basic/src/main/royale/BasicClasses.as
+++ b/frameworks/projects/Basic/src/main/royale/BasicClasses.as
@@ -97,7 +97,6 @@ internal class BasicClasses
        import org.apache.royale.html.MXMLBeadView; MXMLBeadView;
        import org.apache.royale.html.beads.GroupView; GroupView;
        import org.apache.royale.html.beads.ContainerView; ContainerView;
-       import org.apache.royale.core.supportClasses.StyledImageBase; 
StyledImageBase;
        import org.apache.royale.html.beads.plugin.ModalDisplay; ModalDisplay;
 
 
@@ -132,7 +131,6 @@ internal class BasicClasses
        import org.apache.royale.html.beads.PanelWithControlBarView; 
PanelWithControlBarView;
        import org.apache.royale.html.beads.AccordionItemRendererView; 
AccordionItemRendererView;
        import org.apache.royale.html.supportClasses.MXMLItemRenderer; 
MXMLItemRenderer;
-       import org.apache.royale.core.StyledMXMLItemRenderer; 
StyledMXMLItemRenderer;
 
        COMPILE::SWF
        {
@@ -291,7 +289,6 @@ internal class BasicClasses
        import org.apache.royale.core.Lookalike; Lookalike;
        import org.apache.royale.core.FilledRectangle; FilledRectangle;
        import org.apache.royale.core.UIBase; UIBase;
-       import org.apache.royale.core.StyledUIBase; StyledUIBase;
        import org.apache.royale.core.GroupBase; GroupBase;
        import org.apache.royale.core.ContainerBase; ContainerBase;
        import org.apache.royale.core.ViewBase; ViewBase;
diff --git a/frameworks/projects/Core/src/main/royale/CoreClasses.as 
b/frameworks/projects/Core/src/main/royale/CoreClasses.as
index 38be706720..bc12a1fc65 100644
--- a/frameworks/projects/Core/src/main/royale/CoreClasses.as
+++ b/frameworks/projects/Core/src/main/royale/CoreClasses.as
@@ -174,7 +174,6 @@ internal class CoreClasses
        import org.apache.royale.core.ITitleBarModel; ITitleBarModel;
        import org.apache.royale.core.IToggleButtonModel; IToggleButtonModel;
        import org.apache.royale.core.IUIBase; IUIBase;
-       import org.apache.royale.core.IStyledUIBase; IStyledUIBase;
        import org.apache.royale.core.IValueToggleButtonModel; 
IValueToggleButtonModel;
        import org.apache.royale.core.IViewport; IViewport;
        import org.apache.royale.core.IScrollingViewport; IScrollingViewport;
@@ -190,6 +189,7 @@ internal class CoreClasses
        import org.apache.royale.core.SimpleStatesImpl; SimpleStatesImpl;
        
        import org.apache.royale.core.CSSClassList; CSSClassList;
+       import org.apache.royale.utils.IClassSelectorListSupport; 
IClassSelectorListSupport;
        import org.apache.royale.core.StyleChangeNotifier; StyleChangeNotifier;
        import org.apache.royale.core.StrandWithModel; StrandWithModel;
        import org.apache.royale.events.CustomEvent; CustomEvent;
diff --git 
a/frameworks/projects/Core/src/main/royale/org/apache/royale/core/CSSClassList.as
 
b/frameworks/projects/Core/src/main/royale/org/apache/royale/core/CSSClassList.as
index 80acd7d699..e668f5e772 100644
--- 
a/frameworks/projects/Core/src/main/royale/org/apache/royale/core/CSSClassList.as
+++ 
b/frameworks/projects/Core/src/main/royale/org/apache/royale/core/CSSClassList.as
@@ -43,6 +43,22 @@ package org.apache.royale.core
                }
 
         private var _list:Array;
+
+        /**
+         *  Determines if the list contains a specific className.
+         *
+         *  @param className The class name to look for.
+         *  @return true if className exists in the list; false otherwise.
+         *
+         *  @langversion 3.0
+         *  @playerversion Flash 9
+         *  @playerversion AIR 1.1
+         *  @productversion Royale 0.9.2
+         */
+        public function has(className:String):Boolean
+        {
+            return _list ? _list.indexOf(className) != -1 : false;
+        }
                
         /**
          *  Adds a className to the list of classes.
diff --git 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/AudioElement.as
 
b/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/AudioElement.as
index 0404cd5c6e..0f27536b79 100644
--- 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/AudioElement.as
+++ 
b/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/AudioElement.as
@@ -1,4 +1,4 @@
-    
////////////////////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////////////////////
 //
 //  Licensed to the Apache Software Foundation (ASF) under one or more
 //  contributor license agreements.  See the NOTICE file distributed with
@@ -19,72 +19,70 @@
 
 package org.apache.royale.html5
 {
-       import org.apache.royale.html5.MediaElement;
-       
+
        COMPILE::JS
-    {
+       {
                import org.apache.royale.core.WrappedHTMLElement;
                import org.apache.royale.html.util.addElementToWrapper;
-    }
-
+       }
 
        /**
-     *  The AudioElement class provides access to the properties of audio 
elements,
+        *  The AudioElement class provides access to the properties of audio 
elements,
         *  as well as methods to manipulate them.
-        * 
+        *
         *  Some of the more commonly used properties of the audio element 
include src,
         *  currentTime, duration, paused, muted, and volume
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 0.0
-     *  @playerversion AIR 0.0
-     *  @productversion Royale 0.0
-     */
+        *
+        *  @langversion 3.0
+        *  @playerversion Flash 0.0
+        *  @playerversion AIR 0.0
+        *  @productversion Royale 0.0
+        */
        public class AudioElement extends MediaElement
        {
 
-
                public function AudioElement()
                {
                        super();
                }
-               
+
                /**
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         */
-        COMPILE::JS
-        override protected function createElement():WrappedHTMLElement
-        {                      
-            addElementToWrapper(this, 'audio');
+                * @royaleignorecoercion 
org.apache.royale.core.WrappedHTMLElement
+                */
+               COMPILE::JS
+               override protected function createElement():WrappedHTMLElement
+               {
+                       addElementToWrapper(this, 'audio');
 
-                       element.addEventListener("abort",handleEvent);
-                       element.addEventListener("canplay",handleEvent);
-                       element.addEventListener("canplaythrough",handleEvent);
-                       element.addEventListener("durationchange",handleEvent);
-                       element.addEventListener("emptied",handleEvent);
-                       element.addEventListener("ended",handleEvent);
-                       element.addEventListener("loadeddata",handleEvent);
-                       element.addEventListener("loadedmetadata",handleEvent);
-                       element.addEventListener("loadstart",handleEvent);
-                       element.addEventListener("pause",handleEvent);
-                       element.addEventListener("play",handleEvent);
-                       element.addEventListener("playing",handleEvent);
-                       element.addEventListener("progress",handleEvent);
-                       element.addEventListener("ratechange",handleEvent);
-                       element.addEventListener("seeked",handleEvent);
-                       element.addEventListener("seeking",handleEvent);
-                       element.addEventListener("stalled",handleEvent);
-                       element.addEventListener("suspend",handleEvent);
-                       element.addEventListener("timeupdate",handleEvent);
-                       element.addEventListener("volumechange",handleEvent);
-                       element.addEventListener("waiting",handleEvent);
-                       element.addEventListener("error",handleEvent);
-                       
-            return element;
-        }
+                       element.addEventListener("abort", handleEvent);
+                       element.addEventListener("canplay", handleEvent);
+                       element.addEventListener("canplaythrough", handleEvent);
+                       element.addEventListener("durationchange", handleEvent);
+                       element.addEventListener("emptied", handleEvent);
+                       element.addEventListener("ended", handleEvent);
+                       element.addEventListener("loadeddata", handleEvent);
+                       element.addEventListener("loadedmetadata", handleEvent);
+                       element.addEventListener("loadstart", handleEvent);
+                       element.addEventListener("pause", handleEvent);
+                       element.addEventListener("play", handleEvent);
+                       element.addEventListener("playing", handleEvent);
+                       element.addEventListener("progress", handleEvent);
+                       element.addEventListener("ratechange", handleEvent);
+                       element.addEventListener("seeked", handleEvent);
+                       element.addEventListener("seeking", handleEvent);
+                       element.addEventListener("stalled", handleEvent);
+                       element.addEventListener("suspend", handleEvent);
+                       element.addEventListener("timeupdate", handleEvent);
+                       element.addEventListener("volumechange", handleEvent);
+                       element.addEventListener("waiting", handleEvent);
+                       element.addEventListener("error", handleEvent);
+
+                       return element;
+               }
 
                COMPILE::JS
-               private function handleEvent(e:Event):void{
+               private function handleEvent(e:Event):void
+               {
                        dispatchEvent(new Event(e.type));
                }
 
diff --git 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/MediaElement.as
 
b/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/MediaElement.as
index 4a029f3be3..c4402f8885 100644
--- 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/MediaElement.as
+++ 
b/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/MediaElement.as
@@ -19,7 +19,7 @@
 package org.apache.royale.html5
 {
 
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.core.UIBase;
 
 
 
@@ -276,7 +276,7 @@ package org.apache.royale.html5
      *  @playerversion AIR 0.0
      *  @productversion Royale 0.0
      */
-    public class MediaElement extends StyledUIBase
+    public class MediaElement extends UIBase
     {
         public function MediaElement()
         {
diff --git 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/VideoElement.as
 
b/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/VideoElement.as
index 489fca1c61..68b1523c6a 100644
--- 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/VideoElement.as
+++ 
b/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/VideoElement.as
@@ -1,4 +1,4 @@
-    
////////////////////////////////////////////////////////////////////////////////
+////////////////////////////////////////////////////////////////////////////////
 //
 //  Licensed to the Apache Software Foundation (ASF) under one or more
 //  contributor license agreements.  See the NOTICE file distributed with
@@ -20,96 +20,94 @@
 package org.apache.royale.html5
 {
        import org.apache.royale.html5.MediaElement;
-       
+
        COMPILE::JS
-    {
+       {
                import org.apache.royale.core.WrappedHTMLElement;
                import org.apache.royale.html.util.addElementToWrapper;
-    }
-
+       }
 
        /**
-     *  Dispatched when the VideoElement enters picture-in-picture mode 
successfully.
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 0.0
-     *  @playerversion AIR 0.0
-     *  @productversion Royale 0.0
-     */
+        *  Dispatched when the VideoElement enters picture-in-picture mode 
successfully.
+        *
+        *  @langversion 3.0
+        *  @playerversion Flash 0.0
+        *  @playerversion AIR 0.0
+        *  @productversion Royale 0.0
+        */
        [Event(name="enterpictureinpicture", 
type="org.apache.royale.events.Event")]
 
        /**
-     *  Dispatched when the VideoElement leaves picture-in-picture mode 
successfully.
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 0.0
-     *  @playerversion AIR 0.0
-     *  @productversion Royale 0.0
-     */
+        *  Dispatched when the VideoElement leaves picture-in-picture mode 
successfully.
+        *
+        *  @langversion 3.0
+        *  @playerversion Flash 0.0
+        *  @playerversion AIR 0.0
+        *  @productversion Royale 0.0
+        */
        [Event(name="leavepictureinpicture", 
type="org.apache.royale.events.Event")]
 
        /**
-     *  VideoElement provides special properties and methods for manipulating 
video objects.
+        *  VideoElement provides special properties and methods for 
manipulating video objects.
         *  It also inherits properties and methods of MediaElement.
-        * 
+        *
         *  The list of supported media formats varies from one browser to the 
other. You should either
         *  provide your video in a single format that all the relevant 
browsers supports, or provide
         *  multiple video sources in enough different formats that all the 
browsers you need to support are covered.
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 0.0
-     *  @playerversion AIR 0.0
-     *  @productversion Royale 0.0
-     */
+        *
+        *  @langversion 3.0
+        *  @playerversion Flash 0.0
+        *  @playerversion AIR 0.0
+        *  @productversion Royale 0.0
+        */
        public class VideoElement extends MediaElement
        {
 
-
                public function VideoElement()
                {
                        super();
                }
-               
-               /**
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
-         */
-        COMPILE::JS
-        override protected function createElement():WrappedHTMLElement
-        {                      
-            addElementToWrapper(this, 'video');
-
-                       element.addEventListener("abort",handleEvent);
-                       element.addEventListener("canplay",handleEvent);
-                       element.addEventListener("canplaythrough",handleEvent);
-                       element.addEventListener("durationchange",handleEvent);
-                       element.addEventListener("emptied",handleEvent);
-                       element.addEventListener("ended",handleEvent);
-                       element.addEventListener("loadeddata",handleEvent);
-                       element.addEventListener("loadedmetadata",handleEvent);
-                       element.addEventListener("loadstart",handleEvent);
-                       element.addEventListener("pause",handleEvent);
-                       element.addEventListener("play",handleEvent);
-                       element.addEventListener("playing",handleEvent);
-                       element.addEventListener("progress",handleEvent);
-                       element.addEventListener("ratechange",handleEvent);
-                       element.addEventListener("seeked",handleEvent);
-                       element.addEventListener("seeking",handleEvent);
-                       element.addEventListener("stalled",handleEvent);
-                       element.addEventListener("suspend",handleEvent);
-                       element.addEventListener("timeupdate",handleEvent);
-                       element.addEventListener("volumechange",handleEvent);
-                       element.addEventListener("waiting",handleEvent);
-                       element.addEventListener("error",handleEvent);
-
-                       
element.addEventListener("enterpictureinpicture",handleEvent);
-                       
element.addEventListener("leavepictureinpicture",handleEvent);
-                       
-            return element;
-        }
 
+               /**
+                * @royaleignorecoercion 
org.apache.royale.core.WrappedHTMLElement
+                */
+               COMPILE::JS
+               override protected function createElement():WrappedHTMLElement
+               {
+                       addElementToWrapper(this, 'video');
+
+                       element.addEventListener("abort", handleEvent);
+                       element.addEventListener("canplay", handleEvent);
+                       element.addEventListener("canplaythrough", handleEvent);
+                       element.addEventListener("durationchange", handleEvent);
+                       element.addEventListener("emptied", handleEvent);
+                       element.addEventListener("ended", handleEvent);
+                       element.addEventListener("loadeddata", handleEvent);
+                       element.addEventListener("loadedmetadata", handleEvent);
+                       element.addEventListener("loadstart", handleEvent);
+                       element.addEventListener("pause", handleEvent);
+                       element.addEventListener("play", handleEvent);
+                       element.addEventListener("playing", handleEvent);
+                       element.addEventListener("progress", handleEvent);
+                       element.addEventListener("ratechange", handleEvent);
+                       element.addEventListener("seeked", handleEvent);
+                       element.addEventListener("seeking", handleEvent);
+                       element.addEventListener("stalled", handleEvent);
+                       element.addEventListener("suspend", handleEvent);
+                       element.addEventListener("timeupdate", handleEvent);
+                       element.addEventListener("volumechange", handleEvent);
+                       element.addEventListener("waiting", handleEvent);
+                       element.addEventListener("error", handleEvent);
+
+                       element.addEventListener("enterpictureinpicture", 
handleEvent);
+                       element.addEventListener("leavepictureinpicture", 
handleEvent);
+
+                       return element;
+               }
 
                COMPILE::JS
-               private function handleEvent(e:Event):void{
+               private function handleEvent(e:Event):void
+               {
                        dispatchEvent(new Event(e.type));
                }
 
@@ -120,13 +118,12 @@ package org.apache.royale.html5
                }
 
                COMPILE::JS
+
                public function get videoWidth():uint
                {
                        return (element as HTMLVideoElement).videoWidth;
                }
 
-               
-               
                /*COMPILE::JS
                public function set disablePictureInPicture(value:Boolean):void
                {
@@ -150,7 +147,10 @@ package org.apache.royale.html5
                 */
                public function requestFullscreen():void
                {
-               COMPILE::JS{(element as HTMLVideoElement).requestFullscreen();}
+                       COMPILE::JS
+                       {
+                               (element as 
HTMLVideoElement).requestFullscreen();
+                       }
                }
 
                /*public function requestPictureInPicture():void
@@ -158,6 +158,5 @@ package org.apache.royale.html5
                COMPILE::JS{(element as 
HTMLVideoElement).requestPictureInPicture();}
                }*/
 
-
        }
 }
\ No newline at end of file
diff --git 
a/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontIconBase.as
 
b/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontIconBase.as
index 64dab451b2..3e599c7085 100644
--- 
a/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontIconBase.as
+++ 
b/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontIconBase.as
@@ -18,190 +18,262 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.icons
 {
-    COMPILE::JS
-    {
-    import org.apache.royale.core.WrappedHTMLElement;
-    import org.apache.royale.html.util.addElementToWrapper;
-    }
-    import org.apache.royale.core.IIcon;
-    import org.apache.royale.core.StyledUIBase;
-
-    /**
-     *  FontIconBase is the base class to provide most common features 
-     *  for all kinds of text based icons
-     *
-     *  @langversion 3.0
-     *  @playerversion Flash 10.2
-     *  @playerversion AIR 2.6
-     *  @productversion Royale 0.9.3
-     */
-    public class FontIconBase extends StyledUIBase implements IIcon
-    {
-        /**
-         *  constructor.
-         *
-         *  @langversion 3.0
-         *  @playerversion Flash 10.2
-         *  @playerversion AIR 2.6
-         *  @productversion Royale 0.9.3
-         */
-        public function FontIconBase()
-        {
-            super();
-            
-            typeNames = "";
-        }
-
-        protected var _text:String = "";
-        /**
-         *  The text of the icon
-         *  
-         *  @langversion 3.0
-         *  @playerversion Flash 10.2
-         *  @playerversion AIR 2.6
-         *  @productversion Royale 0.9.7
-         */
+       COMPILE::JS
+       {
+               import org.apache.royale.core.WrappedHTMLElement;
+               import org.apache.royale.html.util.addElementToWrapper;
+       }
+       import org.apache.royale.core.IIcon;
+       import org.apache.royale.core.UIBase;
+       import org.apache.royale.core.CSSClassList;
+
+       /**
+        *  FontIconBase is the base class to provide most common features
+        *  for all kinds of text based icons
+        *
+        *  @langversion 3.0
+        *  @playerversion Flash 10.2
+        *  @playerversion AIR 2.6
+        *  @productversion Royale 0.9.3
+        */
+       public class FontIconBase extends UIBase implements IIcon
+       {
+               /**
+                *  constructor.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function FontIconBase()
+               {
+                       super();
+                       classList = new CSSClassList();
+                       typeNames = "";
+
+               }
+               protected var classList:CSSClassList;
+
+               COMPILE::JS
+               override protected function computeFinalClassNames():String
+               {
+                       return (classList.compute() + 
super.computeFinalClassNames()).trim();
+               }
+
+               protected var _text:String = "";
+
+               /**
+                *  The text of the icon
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.7
+                */
                public function get text():String
                {
-            return _text;            
+                       return _text;
                }
-        public function set text(value:String):void
+               public function set text(value:String):void
                {
-            _text = value;
+                       _text = value;
                }
 
-        COMPILE::JS
-        protected var textNode:Text;
+               COMPILE::JS
+               protected var textNode:Text;
 
-        /**
-         * @royaleignorecoercion org.apache.royale.core.WrappedHTMLElement
+               /**
+                * @royaleignorecoercion 
org.apache.royale.core.WrappedHTMLElement
                 * @royaleignorecoercion HTMLElement
-         * @royaleignorecoercion Text
-         */
-        COMPILE::JS
-        override protected function createElement():WrappedHTMLElement
-        {
-                       var i:WrappedHTMLElement = 
addElementToWrapper(this,'i');
-            
-            textNode = document.createTextNode(iconText) as Text;
-            textNode.textContent = '';
-            i.appendChild(textNode); 
-
-            return element;
-        }
-
-        /**
-         *  the icon text that matchs with font icon.
-         *  override in extending classes
-         *
-         *  @langversion 3.0
-         *  @playerversion Flash 10.2
-         *  @playerversion AIR 2.6
-         *  @productversion Royale 0.9.3
-         */
-        protected function get iconText():String
-        {
-            return "";
-        }
-
-        private var _size:Number = 24;
-        /**
-         *  Activate "size-XX" size class selector. Although the icons in the 
-         *  font can be scaled to any size, recommended sizes are 18, 24, 36 
or 48px.
-         *
-         *  The default being 24px.
-         *
-         *  @langversion 3.0
-         *  @playerversion Flash 10.2
-         *  @playerversion AIR 2.6
-         *  @productversion Royale 0.8
-         */
-        public function get size():Number
-        {
-            return _size;
-        }
-        public function set size(value:Number):void
-        {
-            if (_size != value)
-            {
-                COMPILE::JS
-                {
-                    removeClass("size-" + _size);
-                    _size = value;
-                    addClass("size-" + _size);
-                }
-            }
-        }
-
-        private var _dark:Boolean;
-        /**
-         *  Activate "dark" class selector.
-         *
-         *  @langversion 3.0
-         *  @playerversion Flash 10.2
-         *  @playerversion AIR 2.6
-         *  @productversion Royale 0.9.3
-         */
-        public function get dark():Boolean
-        {
-            return _dark;
-        }
-
-        public function set dark(value:Boolean):void
-        {
-            if (_dark != value)
-            {
-                _dark = value;
-
-                toggleClass("dark", _dark);
-            }
-        }
-
-        private var _light:Boolean;
-        /**
-         *  Activate "light" class selector.
-         *
-         *  @langversion 3.0
-         *  @playerversion Flash 10.2
-         *  @playerversion AIR 2.6
-         *  @productversion Royale 0.9.3
-         */
-        public function get light():Boolean
-        {
-            return _light;
-        }
-        public function set light(value:Boolean):void
-        {
-            if (_light != value)
-            {
-                _light = value;
-
-                toggleClass("light", _light);
-            }
-        }
-
-        private var _inactive:Boolean;
-        /**
-         *  Activate "inactive" class selector.
-         *  To show the icon as inactive
-         *
-         *  @langversion 3.0
-         *  @playerversion Flash 10.2
-         *  @playerversion AIR 2.6
-         *  @productversion Royale 0.9.3
-         */
-        public function get inactive():Boolean
-        {
-            return _inactive;
-        }
-        public function set inactive(value:Boolean):void
-        {
-            if (_inactive != value)
-            {
-                _inactive = value;
-
-                toggleClass("inactive", _inactive);
-            }
-        }
-    }
+                * @royaleignorecoercion Text
+                */
+               COMPILE::JS
+               override protected function createElement():WrappedHTMLElement
+               {
+                       var i:WrappedHTMLElement = addElementToWrapper(this, 
'i');
+
+                       textNode = document.createTextNode(iconText) as Text;
+                       textNode.textContent = '';
+                       i.appendChild(textNode);
+
+                       return element;
+               }
+
+               /**
+                *  the icon text that matchs with font icon.
+                *  override in extending classes
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               protected function get iconText():String
+               {
+                       return "";
+               }
+
+               private var _size:Number = 24;
+
+               /**
+                *  Activate "size-XX" size class selector. Although the icons 
in the
+                *  font can be scaled to any size, recommended sizes are 18, 
24, 36 or 48px.
+                *
+                *  The default being 24px.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.8
+                */
+               public function get size():Number
+               {
+                       return _size;
+               }
+               public function set size(value:Number):void
+               {
+                       if (_size != value)
+                       {
+                               COMPILE::JS
+                               {
+                                       classList.remove("size-" + _size);
+                                       _size = value;
+                                       classList.add("size-" + _size);
+                                       computeInternal();
+                               }
+                       }
+               }
+
+               private var _dark:Boolean;
+
+               /**
+                *  Activate "dark" class selector.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function get dark():Boolean
+               {
+                       return _dark;
+               }
+
+               public function set dark(value:Boolean):void
+               {
+                       if (_dark != value)
+                       {
+                               _dark = value;
+                               value ? classList.add("dark") : 
classList.remove("dark");
+                               computeInternal();
+                       }
+               }
+
+               private var _light:Boolean;
+
+               /**
+                *  Activate "light" class selector.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function get light():Boolean
+               {
+                       return _light;
+               }
+               public function set light(value:Boolean):void
+               {
+                       if (_light != value)
+                       {
+                               _light = value;
+                               value ? classList.add("light") : 
classList.remove("light");
+                               computeInternal();
+                       }
+               }
+
+               private var _inactive:Boolean;
+
+               /**
+                *  Activate "inactive" class selector.
+                *  To show the icon as inactive
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function get inactive():Boolean
+               {
+                       return _inactive;
+               }
+               public function set inactive(value:Boolean):void
+               {
+                       if (_inactive != value)
+                       {
+                               _inactive = value;
+
+                               value ? classList.add("inactive") : 
classList.remove("inactive");
+                               computeInternal();
+                       }
+               }
+
+               /**
+                *  Adds a CSS class name to this icon.
+                *
+                *  @param className The class name to add.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function addClass(className:String):void
+               {
+                       classList.add(className);
+                       computeInternal();
+               }
+
+               /**
+                *  Removes a CSS class name from this icon.
+                *
+                *  @param className The class name to remove.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function removeClass(className:String):void
+               {
+                       classList.remove(className);
+                       computeInternal();
+               }
+
+               /**
+                *  Toggles a CSS class name on this icon.
+                *
+                *  @param className The class name to toggle.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 10.2
+                *  @playerversion AIR 2.6
+                *  @productversion Royale 0.9.3
+                */
+               public function toggleClass(className:String, 
value:Boolean):void
+               {
+                       value ? classList.add(className) : 
classList.remove(className);
+                       computeInternal();
+               }
+               private function computeInternal():void
+               {
+                       COMPILE::JS
+                       {
+                               setClassName(computeFinalClassNames());
+                       }
+               }
+
+       }
 }
diff --git a/frameworks/projects/Jewel/src/main/resources/defaults.css 
b/frameworks/projects/Jewel/src/main/resources/defaults.css
index f282d61b9b..34eb2a4fa5 100644
--- a/frameworks/projects/Jewel/src/main/resources/defaults.css
+++ b/frameworks/projects/Jewel/src/main/resources/defaults.css
@@ -3582,7 +3582,7 @@ j|PopUp {
   IBeadView: ClassReference("org.apache.royale.jewel.beads.views.PopUpView");
   IBeadModel: 
ClassReference("org.apache.royale.jewel.beads.models.PopUpModel");
   IBeadController: 
ClassReference("org.apache.royale.jewel.beads.controllers.PopUpMouseController");
-  IPopUpContent: ClassReference("org.apache.royale.core.StyledUIBase");
+  IPopUpContent: ClassReference("org.apache.royale.jewel.StyledUIBase");
 }
 
 .jewel.radiobutton {
diff --git a/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml 
b/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml
index 558e5ed1f5..0a4f272ea4 100644
--- a/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml
+++ b/frameworks/projects/Jewel/src/main/resources/jewel-manifest.xml
@@ -22,6 +22,8 @@
 <componentPackage>
 
     <component id="Application" class="org.apache.royale.jewel.Application"/>
+    <component id="StyledDataItemRenderer" 
class="org.apache.royale.jewel.StyledDataItemRenderer"/>
+    <component id="StyledMXMLItemRenderer" 
class="org.apache.royale.jewel.StyledMXMLItemRenderer"/>
     <component id="Module" class="org.apache.royale.jewel.Module"/>
     <component id="ModuleLoader" class="org.apache.royale.jewel.ModuleLoader"/>
     <component id="View" class="org.apache.royale.jewel.View"/>
diff --git a/frameworks/projects/Jewel/src/main/royale/JewelClasses.as 
b/frameworks/projects/Jewel/src/main/royale/JewelClasses.as
index 8011f4bcdc..be362b41fe 100644
--- a/frameworks/projects/Jewel/src/main/royale/JewelClasses.as
+++ b/frameworks/projects/Jewel/src/main/royale/JewelClasses.as
@@ -118,7 +118,11 @@ import org.apache.royale.utils.observeElementSize;
         import org.apache.royale.jewel.supportClasses.table.TBodyContentArea; 
TBodyContentArea;
         import org.apache.royale.jewel.supportClasses.combobox.ComboBoxPopUp; 
ComboBoxPopUp;
         import 
org.apache.royale.jewel.supportClasses.button.SelectableButtonBase; 
SelectableButtonBase;
-        
+
+        import org.apache.royale.jewel.StyledUIBase; StyledUIBase;
+        import org.apache.royale.jewel.StyledImageBase; StyledImageBase;
+        import org.apache.royale.jewel.StyledMXMLItemRenderer; 
StyledMXMLItemRenderer;
+
         import org.apache.royale.jewel.beads.views.DataGridView; DataGridView;
         import org.apache.royale.jewel.beads.layouts.DataGridLayout; 
DataGridLayout;
         
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Application.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Application.as
index a74bc97d22..cdf22fc220 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Application.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Application.as
@@ -32,7 +32,7 @@ package org.apache.royale.jewel
     }
 
     COMPILE::JS {
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     }
     import org.apache.royale.core.AllCSSValuesImpl;
     import org.apache.royale.core.ApplicationBase;
@@ -704,7 +704,7 @@ package org.apache.royale.jewel
                
                /**
                 * @royaleignorecoercion org.apache.royale.core.IBead
-         * @royaleignorecoercion org.apache.royale.core.StyledUIBase
+         * @royaleignorecoercion org.apache.royale.jewel.StyledUIBase
                 */
                COMPILE::JS
                protected function initialize():void
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/AudioPlayer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/AudioPlayer.as
index 834b976b80..1147837869 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/AudioPlayer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/AudioPlayer.as
@@ -18,11 +18,13 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel
 {
-       COMPILE::JS{            
-               import org.apache.royale.html5.AudioElement;
+       COMPILE::JS
+       {
+               import org.apache.royale.core.WrappedHTMLElement;
+               import org.apache.royale.html.util.addElementToWrapper;
+               import org.apache.royale.jewel.supportClasses.MediaElement;
        }
 
-
        /**
         *  AudioPlayer let you to play audio with segments progressive 
download.
         *  You can also seek to an unloaded part and change playback rate.
@@ -33,10 +35,9 @@ package org.apache.royale.jewel
         *  @productversion Royale 0.0
         */
        COMPILE::JS
-       public class AudioPlayer extends AudioElement 
+       public class AudioPlayer extends MediaElement
        {
 
-
                /**
                 *  constructor.
                 *
@@ -48,18 +49,59 @@ package org.apache.royale.jewel
                public function AudioPlayer()
                {
                        super();
-            typeNames = "jewel audioplayer";
+                       typeNames = "jewel audioplayer";
                }
-       
-        
-/*             COMPILE::JS
+
+               /*              COMPILE::JS
                public function showJewelControl(value:Boolean):void
                {
                }
 */
-        
+
+               /**
+                * @royaleignorecoercion 
org.apache.royale.core.WrappedHTMLElement
+                */
+               COMPILE::JS
+               override protected function createElement():WrappedHTMLElement
+               {
+                       addElementToWrapper(this, 'audio');
+
+                       element.addEventListener("abort", handleEvent);
+                       element.addEventListener("canplay", handleEvent);
+                       element.addEventListener("canplaythrough", handleEvent);
+                       element.addEventListener("durationchange", handleEvent);
+                       element.addEventListener("emptied", handleEvent);
+                       element.addEventListener("ended", handleEvent);
+                       element.addEventListener("loadeddata", handleEvent);
+                       element.addEventListener("loadedmetadata", handleEvent);
+                       element.addEventListener("loadstart", handleEvent);
+                       element.addEventListener("pause", handleEvent);
+                       element.addEventListener("play", handleEvent);
+                       element.addEventListener("playing", handleEvent);
+                       element.addEventListener("progress", handleEvent);
+                       element.addEventListener("ratechange", handleEvent);
+                       element.addEventListener("seeked", handleEvent);
+                       element.addEventListener("seeking", handleEvent);
+                       element.addEventListener("stalled", handleEvent);
+                       element.addEventListener("suspend", handleEvent);
+                       element.addEventListener("timeupdate", handleEvent);
+                       element.addEventListener("volumechange", handleEvent);
+                       element.addEventListener("waiting", handleEvent);
+                       element.addEventListener("error", handleEvent);
+
+                       return element;
+               }
+
+               COMPILE::JS
+               private function handleEvent(e:Event):void
+               {
+                       dispatchEvent(new Event(e.type));
+               }
        }
 
-       COMPILE::SWF    
-       public class AudioPlayer{}
+       COMPILE::SWF
+
+       public class AudioPlayer
+       {
+       }
 }
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ComboBox.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ComboBox.as
index 5f55bf6a80..db7ef1930e 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ComboBox.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ComboBox.as
@@ -23,7 +23,7 @@ package org.apache.royale.jewel
        import org.apache.royale.core.IFactory;
        import org.apache.royale.core.IItemRendererProvider;
        import org.apache.royale.core.ISelectionModel;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.jewel.beads.models.ComboBoxPresentationModel;
        import 
org.apache.royale.jewel.supportClasses.combobox.IComboBoxPresentationModel;
        import org.apache.royale.core.IHasLabelField;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/DateField.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/DateField.as
index 0d6fa25698..8bb2b52671 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/DateField.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/DateField.as
@@ -21,7 +21,7 @@ package org.apache.royale.jewel
        import org.apache.royale.core.IDateChooserModel;
        import org.apache.royale.core.IDateControlConfigBead;
        import org.apache.royale.core.IFormatter;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.events.Event;
        import org.apache.royale.utils.loadBeadFromValuesManager;
        
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/HSlider.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/HSlider.as
index 7fadbdf977..4972294abf 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/HSlider.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/HSlider.as
@@ -19,7 +19,7 @@
 package org.apache.royale.jewel
 {
        import org.apache.royale.core.IRangeModel;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
 
     COMPILE::JS
     {
diff --git 
a/frameworks/projects/Core/src/main/royale/org/apache/royale/utils/IEmphasis.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/IEmphasis.as
similarity index 98%
rename from 
frameworks/projects/Core/src/main/royale/org/apache/royale/utils/IEmphasis.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/IEmphasis.as
index d0dd95b6ca..9ce2de1a84 100644
--- 
a/frameworks/projects/Core/src/main/royale/org/apache/royale/utils/IEmphasis.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/IEmphasis.as
@@ -16,7 +16,7 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.utils
+package org.apache.royale.jewel
 {
     /**
      *  The IEmphasis is the interface a jewel control implements to get 
diferent jewel
diff --git 
a/frameworks/projects/Core/src/main/royale/org/apache/royale/core/IStyledUIBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/IStyledUIBase.as
similarity index 94%
rename from 
frameworks/projects/Core/src/main/royale/org/apache/royale/core/IStyledUIBase.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/IStyledUIBase.as
index 23b97627d3..5cc0b9f442 100644
--- 
a/frameworks/projects/Core/src/main/royale/org/apache/royale/core/IStyledUIBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/IStyledUIBase.as
@@ -16,10 +16,10 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.core
+package org.apache.royale.jewel
 {
     import org.apache.royale.utils.IClassSelectorListSupport;
-    import org.apache.royale.utils.IEmphasis;
+    import org.apache.royale.core.IUIBase;
 
     /**
      *  The IStyledUIBase interface is the interface for advanced user 
interface components.
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Image.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Image.as
index 27eea5a0ef..e03e37f5b0 100644
--- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Image.as
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Image.as
@@ -18,7 +18,7 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel
 {
-       import org.apache.royale.core.supportClasses.StyledImageBase;
+       import org.apache.royale.jewel.StyledImageBase;
 
     COMPILE::JS
     {
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Label.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Label.as
index d1e7cadcc9..0af7f9a74a 100644
--- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Label.as
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Label.as
@@ -27,7 +27,7 @@ package org.apache.royale.jewel
     import org.apache.royale.core.WrappedHTMLElement;
     import org.apache.royale.html.util.addElementToWrapper;
     }
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.utils.sendEvent;
        
     /**
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ModuleLoader.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ModuleLoader.as
index 05d26e47da..7a018fabef 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ModuleLoader.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/ModuleLoader.as
@@ -27,7 +27,7 @@ package org.apache.royale.jewel
     import flash.system.ApplicationDomain;
     import flash.system.LoaderContext;
        }
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.utils.UIModuleUtils;
     
     /**
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/NumericStepper.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/NumericStepper.as
index 109a538ab5..0f9db80eff 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/NumericStepper.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/NumericStepper.as
@@ -24,7 +24,7 @@ package org.apache.royale.jewel
        import org.apache.royale.html.util.addElementToWrapper;
     }
        import org.apache.royale.core.IRangeModel;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
 
        [Event(name="valueChange", type="org.apache.royale.events.Event")]
 
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/PopUp.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/PopUp.as
index 78fc896276..3fcac7bcfa 100644
--- a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/PopUp.as
+++ b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/PopUp.as
@@ -23,7 +23,7 @@ package org.apache.royale.jewel
        import org.apache.royale.core.WrappedHTMLElement;
        import org.apache.royale.html.util.addElementToWrapper;
     }
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.core.UIBase;
        import org.apache.royale.events.Event;
 
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/SimpleLoader.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/SimpleLoader.as
index 91568dfd79..a5fae75237 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/SimpleLoader.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/SimpleLoader.as
@@ -18,7 +18,7 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel
 {
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     
        /**
         *  The SimpleLoader class is widget used to show some progressing.
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Snackbar.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Snackbar.as
index d9cdebc93e..a69b5d665a 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Snackbar.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Snackbar.as
@@ -19,7 +19,7 @@
 package org.apache.royale.jewel
 {
     import org.apache.royale.core.IPopUp;
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     import org.apache.royale.events.Event;
     import org.apache.royale.jewel.beads.models.SnackbarModel;
 
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spacer.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spacer.as
index 0ba9cae257..df4b883c37 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spacer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spacer.as
@@ -18,7 +18,7 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel
 {
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
 
     /**
      *  The Spacer class takes up space in the UI layout.
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spinner.as 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spinner.as
index 8a19208260..71e16ef2b2 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spinner.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/Spinner.as
@@ -24,7 +24,7 @@ package org.apache.royale.jewel
        import org.apache.royale.html.util.addElementToWrapper;
     }
        import org.apache.royale.core.IRangeModel;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
 
        [Event(name="valueChange", type="org.apache.royale.events.Event")]
 
diff --git 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledBaseMXMLItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledBaseMXMLItemRenderer.as
similarity index 98%
rename from 
frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledBaseMXMLItemRenderer.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledBaseMXMLItemRenderer.as
index 3049dec80f..003fd40a38 100644
--- 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledBaseMXMLItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledBaseMXMLItemRenderer.as
@@ -16,7 +16,7 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.html.supportClasses
+package org.apache.royale.jewel
 {
        import org.apache.royale.core.IBeadLayout;
        import org.apache.royale.core.ILayoutHost;
diff --git 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledDataItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledDataItemRenderer.as
similarity index 98%
rename from 
frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledDataItemRenderer.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledDataItemRenderer.as
index db4bdd7496..4f77913d06 100644
--- 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledDataItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledDataItemRenderer.as
@@ -16,7 +16,7 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.html.supportClasses
+package org.apache.royale.jewel
 {
        COMPILE::SWF
        {
diff --git 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/core/supportClasses/StyledImageBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledImageBase.as
similarity index 96%
rename from 
frameworks/projects/Basic/src/main/royale/org/apache/royale/core/supportClasses/StyledImageBase.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledImageBase.as
index d09f8cf453..ca8ea682ca 100644
--- 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/core/supportClasses/StyledImageBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledImageBase.as
@@ -16,11 +16,11 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.core.supportClasses
+package org.apache.royale.jewel
 {
        import org.apache.royale.core.IImage;
        import org.apache.royale.core.IImageModel;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        
        /**
         *  The StyledImageBase class serves as a base class for components 
that displays a bitmap and used
diff --git 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/core/StyledMXMLItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledMXMLItemRenderer.as
similarity index 95%
rename from 
frameworks/projects/Basic/src/main/royale/org/apache/royale/core/StyledMXMLItemRenderer.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledMXMLItemRenderer.as
index 1c87471989..eae7f4d857 100644
--- 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/core/StyledMXMLItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledMXMLItemRenderer.as
@@ -16,13 +16,11 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.core
+package org.apache.royale.jewel
 {
-    import org.apache.royale.html.supportClasses.StyledMXMLStatesItemRenderer;
     import org.apache.royale.core.IItemRendererOwnerView;
     import org.apache.royale.core.IOwnerViewItemRenderer;
     import org.apache.royale.utils.IClassSelectorListSupport;
-    import org.apache.royale.utils.IEmphasis;
        
        /**
         *  The StyledMXMLItemRenderer class is the base class for 
itemRenderers that are MXML-based
diff --git 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledMXMLStatesItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledMXMLStatesItemRenderer.as
similarity index 97%
rename from 
frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledMXMLStatesItemRenderer.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledMXMLStatesItemRenderer.as
index e9438f622f..a7281d047b 100644
--- 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledMXMLStatesItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledMXMLStatesItemRenderer.as
@@ -16,7 +16,7 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.html.supportClasses
+package org.apache.royale.jewel
 {
        import org.apache.royale.core.IState;
        import org.apache.royale.core.IStatesImpl;
@@ -26,7 +26,7 @@ package org.apache.royale.html.supportClasses
 
        /**
      *  Indicates that the state change has completed.  All properties
-     *  that need to change have been changed, and all transitinos
+     *  that need to change have been changed, and all transitions
      *  that need to run have completed.  However, any deferred work
      *  may not be completed, and the screen may not be updated until
      *  code stops executing.
diff --git 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/core/StyledUIBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledUIBase.as
similarity index 71%
rename from 
frameworks/projects/Basic/src/main/royale/org/apache/royale/core/StyledUIBase.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledUIBase.as
index 0d7e934c75..9e08076a78 100644
--- 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/core/StyledUIBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledUIBase.as
@@ -16,25 +16,26 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.core
+package org.apache.royale.jewel
 {
     COMPILE::JS
     {
-    import org.apache.royale.core.WrappedHTMLElement;
-    import org.apache.royale.html.util.addElementToWrapper;
+        import org.apache.royale.core.WrappedHTMLElement;
+        import org.apache.royale.html.util.addElementToWrapper;
     }
     import org.apache.royale.core.IFocusable;
     import org.apache.royale.utils.ClassSelectorList;
     import org.apache.royale.utils.sendEvent;
+    import org.apache.royale.core.UIBase;
 
     /**
      *  The StyledUIBase is the base class for UIBase components that makes
      *  heavy use of styles through IClassSelectorListSupport, and supports 
emphasis property
      *  through IEmphasis.
-     *  
+     *
      *  For Javascript platform it allows to default size properties (like 
width and height)
      *  to broswer defaults by removing the property. This is done through NaN 
value (that is the default)
-     *  
+     *
      *  @langversion 3.0
      *  @playerversion Flash 10.2
      *  @playerversion AIR 2.6
@@ -45,20 +46,20 @@ package org.apache.royale.core
         public static const PRIMARY:String = "primary";
         public static const SECONDARY:String = "secondary";
         public static const EMPHASIZED:String = "emphasized";
-        
+
         /**
          *  Constructor.
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
          *  @productversion Royale 0.9.3
          */
-               public function StyledUIBase()
-               {
+        public function StyledUIBase()
+        {
             classSelectorList = new ClassSelectorList(this);
             super();
-               }
+        }
 
         protected var classSelectorList:ClassSelectorList;
 
@@ -70,9 +71,9 @@ package org.apache.royale.core
 
         /**
          * Add a class selector to the list.
-         * 
+         *
          * @param name Name of selector to add.
-         * 
+         *
          * @langversion 3.0
          * @playerversion Flash 10.2
          * @playerversion AIR 2.6
@@ -82,19 +83,19 @@ package org.apache.royale.core
         {
             COMPILE::JS
             {
-            if(name != "" && name != null)
-                classSelectorList.add(name);
+                if (name != "" && name != null)
+                    classSelectorList.add(name);
             }
         }
 
         /**
          * Removes a class selector from the list.
-         * 
+         *
          * @param name Name of selector to remove.
          *
          * @royaleignorecoercion HTMLElement
          * @royaleignorecoercion DOMTokenList
-         * 
+         *
          * @langversion 3.0
          * @playerversion Flash 10.2
          * @playerversion AIR 2.6
@@ -104,16 +105,16 @@ package org.apache.royale.core
         {
             COMPILE::JS
             {
-            classSelectorList.remove(name);
+                classSelectorList.remove(name);
             }
         }
 
         /**
          * Add or remove a class selector to/from the list.
-         * 
+         *
          * @param name Name of selector to add or remove.
          * @param value True to add, False to remove.
-         * 
+         *
          * @langversion 3.0
          * @playerversion Flash 10.2
          * @playerversion AIR 2.6
@@ -123,44 +124,45 @@ package org.apache.royale.core
         {
             COMPILE::JS
             {
-            classSelectorList.toggle(name, value);
+                classSelectorList.toggle(name, value);
             }
         }
 
         /**
-                *  Search for the name in the element class list 
-                *
+         *  Search for the name in the element class list
+         *
          *  @param name Name of selector to find.
          *  @return return true if the name is found or false otherwise.
-         * 
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion Royale 0.9.3
-                */
-               public function containsClass(name:String):Boolean
+         *
+         *  @langversion 3.0
+         *  @playerversion Flash 10.2
+         *  @playerversion AIR 2.6
+         *  @productversion Royale 0.9.3
+         */
+        public function containsClass(name:String):Boolean
         {
             COMPILE::JS
             {
-            return classSelectorList.contains(name);    
+                return classSelectorList.contains(name);
             }
             COMPILE::SWF
-            {//not implemented
-            return false;
+            {
+                // not implemented
+                return false;
             }
         }
 
         /**
-                *  Replace a class for a new one
-                *
+         *  Replace a class for a new one
+         *
          *  @param oldClass Name of selector to remove.
          *  @param newClass Name of selector to set.
-         * 
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion Royale 0.9.8
-                */
+         *
+         *  @langversion 3.0
+         *  @playerversion Flash 10.2
+         *  @playerversion AIR 2.6
+         *  @productversion Royale 0.9.8
+         */
         public function replaceClass(oldClass:String, newClass:String = 
null):void
         {
             if (containsClass(oldClass))
@@ -169,17 +171,18 @@ package org.apache.royale.core
         }
 
         private var _emphasis:String;
+
         /**
-                *  Applies emphasis color display. Possible constant values 
are: PRIMARY, SECONDARY, EMPHASIZED.
+         *  Applies emphasis color display. Possible constant values are: 
PRIMARY, SECONDARY, EMPHASIZED.
          *  Colors are defined in royale jewel theme CSS.
-         * 
+         *
          *  Left without value to get the default look (light or dark).
          *
-                *  @langversion 3.0
-                *  @playerversion Flash 10.2
-                *  @playerversion AIR 2.6
-                *  @productversion Royale 0.9.6
-                */
+         *  @langversion 3.0
+         *  @playerversion Flash 10.2
+         *  @playerversion AIR 2.6
+         *  @productversion Royale 0.9.6
+         */
         public function get emphasis():String
         {
             return _emphasis;
@@ -188,7 +191,7 @@ package org.apache.royale.core
         {
             if (_emphasis != value)
             {
-                if(_emphasis)
+                if (_emphasis)
                 {
                     removeClass(_emphasis);
                 }
@@ -205,71 +208,75 @@ package org.apache.royale.core
         COMPILE::JS
         override protected function createElement():WrappedHTMLElement
         {
-                       addElementToWrapper(this,'div');
+            addElementToWrapper(this, 'div');
             return element;
         }
 
         /**
          *  In Javascript platform for convenience we use NaN value to remove 
style, since Browsers
          *  use defaults for unset style properties.
-         * 
+         *
          *  @private
          */
-               override public function set percentWidth(value:Number):void
-               {
-                       COMPILE::SWF {
-                               if (_percentWidth == value)
-                                       return;
-                               
-                               if (!isNaN(value))
-                                       _explicitWidth = NaN;
-                               
-                               _percentWidth = value;
-                       }
-                       COMPILE::JS {
-                               this._percentWidth = value;
-                               this.positioner.style.width = isNaN(value) ? 
null : value.toString() + '%';
-                               if (!isNaN(value))
-                                       this._explicitWidth = NaN;
-                       }
-                       
-                       sendEvent(this,"percentWidthChanged");
-               }
+        override public function set percentWidth(value:Number):void
+        {
+            COMPILE::SWF
+            {
+                if (_percentWidth == value)
+                    return;
+
+                if (!isNaN(value))
+                    _explicitWidth = NaN;
+
+                _percentWidth = value;
+            }
+            COMPILE::JS
+            {
+                this._percentWidth = value;
+                this.positioner.style.width = isNaN(value) ? null : 
value.toString() + '%';
+                if (!isNaN(value))
+                    this._explicitWidth = NaN;
+            }
+
+            sendEvent(this, "percentWidthChanged");
+        }
 
         /**
          *  In Javascript platform for convenience we use NaN value to remove 
style, since Browsers
          *  use defaults for unset style properties.
-         * 
+         *
          *  @private
          */
-               override public function set percentHeight(value:Number):void
-               {
-                       COMPILE::SWF {
-                               if (_percentHeight == value)
-                                       return;
-                               
-                               if (!isNaN(value))
-                                       _explicitHeight = NaN;
-                               
-                               _percentHeight = value;
-                       }
-                               
-                       COMPILE::JS {
-                               this._percentHeight = value;
-                               this.positioner.style.height = isNaN(value) ? 
null : value.toString() + '%';
-                               if (!isNaN(value))
-                                       this._explicitHeight = NaN;
-                       }
-                       
-                       sendEvent(this,"percentHeightChanged");
-               }
+        override public function set percentHeight(value:Number):void
+        {
+            COMPILE::SWF
+            {
+                if (_percentHeight == value)
+                    return;
+
+                if (!isNaN(value))
+                    _explicitHeight = NaN;
+
+                _percentHeight = value;
+            }
+
+            COMPILE::JS
+            {
+                this._percentHeight = value;
+                this.positioner.style.height = isNaN(value) ? null : 
value.toString() + '%';
+                if (!isNaN(value))
+                    this._explicitHeight = NaN;
+            }
+
+            sendEvent(this, "percentHeightChanged");
+        }
 
         /**
          *  In Javascript platform for convenience we use NaN value to remove 
style, since Browsers
          *  use defaults for unset style properties.
-         * 
+         *
          *  @copy org.apache.royale.core.ILayoutChild#setHeight
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -282,19 +289,19 @@ package org.apache.royale.core
                 _height = value;
                 COMPILE::JS
                 {
-                    this.positioner.style.height = isNaN(value) ? null : 
value.toString() + 'px';        
+                    this.positioner.style.height = isNaN(value) ? null : 
value.toString() + 'px';
                 }
                 if (!noEvent)
-                    sendEvent(this,"heightChanged");
-            }            
+                    sendEvent(this, "heightChanged");
+            }
         }
 
         /**
          *  In Javascript platform for convenience we use NaN value to remove 
style, since Browsers
          *  use defaults for unset style properties.
-         * 
+         *
          *  @copy org.apache.royale.core.ILayoutChild#setWidth
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -307,19 +314,19 @@ package org.apache.royale.core
                 _width = value;
                 COMPILE::JS
                 {
-                    this.positioner.style.width = isNaN(value) ? null : 
value.toString() + 'px';        
+                    this.positioner.style.width = isNaN(value) ? null : 
value.toString() + 'px';
                 }
                 if (!noEvent)
-                    sendEvent(this,"widthChanged");
+                    sendEvent(this, "widthChanged");
             }
         }
 
         /**
          *  In Javascript platform for convenience we use NaN value to remove 
style, since Browsers
          *  use defaults for unset style properties.
-         * 
+         *
          *  @copy org.apache.royale.core.ILayoutChild#setWidthAndHeight
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -328,15 +335,15 @@ package org.apache.royale.core
         override public function setWidthAndHeight(newWidth:Number, 
newHeight:Number, noEvent:Boolean = false):void
         {
             var widthChanged:Boolean = _width !== newWidth;
-                       var heightChanged:Boolean = _height !== newHeight;
+            var heightChanged:Boolean = _height !== newHeight;
             if (widthChanged)
             {
                 _width = newWidth;
                 COMPILE::JS
                 {
-                this.positioner.style.width = isNaN(newWidth) ? null : 
newWidth.toString() + 'px';        
+                    this.positioner.style.width = isNaN(newWidth) ? null : 
newWidth.toString() + 'px';
                 }
-                if (!noEvent && !heightChanged) 
+                if (!noEvent && !heightChanged)
                     sendEvent(this, "widthChanged");
             }
             if (heightChanged)
@@ -344,21 +351,21 @@ package org.apache.royale.core
                 _height = newHeight;
                 COMPILE::JS
                 {
-                this.positioner.style.height = isNaN(newHeight) ? null : 
newHeight.toString() + 'px';        
+                    this.positioner.style.height = isNaN(newHeight) ? null : 
newHeight.toString() + 'px';
                 }
                 if (!noEvent && !widthChanged)
                     sendEvent(this, "heightChanged");
             }
-            if (widthChanged && heightChanged)            
+            if (widthChanged && heightChanged)
                 sendEvent(this, "sizeChanged");
         }
 
         /**
          *  In Javascript platform for convenience we use NaN value to remove 
style, since Browsers
          *  use defaults for unset style properties.
-         * 
+         *
          *  @copy org.apache.royale.core.ILayoutChild#setX
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -367,30 +374,31 @@ package org.apache.royale.core
          */
         override public function setX(value:Number):void
         {
-                       COMPILE::SWF
-                       {
-                               super.x = value;                                
        
-                       }
-                       COMPILE::JS
-                       {
-                               if(!isNaN(value))
+            COMPILE::SWF
+            {
+                super.x = value;
+            }
+            COMPILE::JS
+            {
+                if (!isNaN(value))
                 {
                     if (positioner.parentNode != positioner.offsetParent)
                         value += (positioner.parentNode as 
HTMLElement).offsetLeft;
                     positioner.style.left = value.toString() + 'px';
-                } else
+                }
+                else
                 {
                     positioner.style.left = null;
                 }
-                       }
+            }
         }
 
         /**
          *  In Javascript platform for convenience we use NaN value to remove 
style, since Browsers
          *  use defaults for unset style properties.
-         *  
+         *
          *  @copy org.apache.royale.core.ILayoutChild#setY
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -399,28 +407,30 @@ package org.apache.royale.core
          */
         override public function setY(value:Number):void
         {
-                       COMPILE::SWF
-                       {
-                               super.y = value;                                
        
-                       }
-                       COMPILE::JS
-                       {
-                               if(!isNaN(value))
+            COMPILE::SWF
+            {
+                super.y = value;
+            }
+            COMPILE::JS
+            {
+                if (!isNaN(value))
                 {
                     if (positioner.parentNode != positioner.offsetParent)
                         value += (positioner.parentNode as 
HTMLElement).offsetTop;
                     positioner.style.top = value.toString() + 'px';
-                } else
+                }
+                else
                 {
                     positioner.style.top = null;
                 }
-                       }
+            }
         }
 
         protected var _minWidth:Number;
+
         /**
          *  the minimun width for this component
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -436,16 +446,17 @@ package org.apache.royale.core
             {
                 _minWidth = value;
                 COMPILE::JS
-                           {
-                this.positioner.style.minWidth = _minWidth.toString() + 'px';
+                {
+                    this.positioner.style.minWidth = _minWidth.toString() + 
'px';
                 }
-            }   
+            }
         }
 
         protected var _minHeight:Number;
+
         /**
          *  the minimun height for this component
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -461,16 +472,17 @@ package org.apache.royale.core
             {
                 _minHeight = value;
                 COMPILE::JS
-                           {
-                this.positioner.style.minHeight = _minHeight.toString() + 'px';
+                {
+                    this.positioner.style.minHeight = _minHeight.toString() + 
'px';
                 }
-            }   
+            }
         }
-        
+
         protected var _maxWidth:Number;
+
         /**
          *  the maximun width for this component
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -486,16 +498,17 @@ package org.apache.royale.core
             {
                 _maxWidth = value;
                 COMPILE::JS
-                           {
-                this.positioner.style.maxWidth = _maxWidth.toString() + 'px';
+                {
+                    this.positioner.style.maxWidth = _maxWidth.toString() + 
'px';
                 }
-            }   
+            }
         }
-        
+
         protected var _maxHeight:Number;
+
         /**
          *  the maximun height for this component
-         *  
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
@@ -511,46 +524,46 @@ package org.apache.royale.core
             {
                 _maxHeight = value;
                 COMPILE::JS
-                           {
-                this.positioner.style.maxHeight = _maxHeight.toString() + 'px';
+                {
+                    this.positioner.style.maxHeight = _maxHeight.toString() + 
'px';
                 }
-            }   
+            }
         }
 
-
         /**
-                *  Make the component get the focus on the element
-                *
+         *  Make the component get the focus on the element
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
          *  @productversion Royale 0.9.7
          */
         public function setFocus(preventScroll:Boolean = false):void
-               {
-                       COMPILE::JS
-                       {
-                       element.focus({preventScroll: preventScroll});
-                       }
-               }
-        
+        {
+            COMPILE::JS
+            {
+                element.focus({preventScroll: preventScroll});
+            }
+        }
+
         /**
-                *  the tabIndex of the element
-                *
+         *  the tabIndex of the element
+         *
          *  @langversion 3.0
          *  @playerversion Flash 10.2
          *  @playerversion AIR 2.6
          *  @productversion Royale 0.9.7
          */
         COMPILE::JS
-               public function get tabIndex():int
-               {
-                       return element.tabIndex;
-               }
+        public function get tabIndex():int
+        {
+            return element.tabIndex;
+        }
         COMPILE::JS
-               public function set tabIndex(value:int):void
-               {
-                       element.tabIndex = value;
-               }
+
+        public function set tabIndex(value:int):void
+        {
+            element.tabIndex = value;
+        }
     }
 }
\ No newline at end of file
diff --git 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledUIItemRendererBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledUIItemRendererBase.as
similarity index 98%
rename from 
frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledUIItemRendererBase.as
rename to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledUIItemRendererBase.as
index e249bc47e7..a9e2f6261e 100644
--- 
a/frameworks/projects/Basic/src/main/royale/org/apache/royale/html/supportClasses/StyledUIItemRendererBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/StyledUIItemRendererBase.as
@@ -16,14 +16,14 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.html.supportClasses
+package org.apache.royale.jewel
 {
-       import org.apache.royale.core.StyledUIBase;
        import org.apache.royale.core.ValuesManager;
        import org.apache.royale.events.Event;
        import org.apache.royale.utils.MXMLDataInterpreter;
        import org.apache.royale.core.ILabelFieldItemRenderer;
        import org.apache.royale.core.IHasLabelField;
+       import org.apache.royale.jewel.StyledUIBase;
                
        [DefaultProperty("mxmlContent")]
 
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/VideoPlayer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/VideoPlayer.as
index 6759b67433..07a3b716d0 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/VideoPlayer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/VideoPlayer.as
@@ -18,14 +18,15 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel
 {
-       import org.apache.royale.core.StyledUIBase;
 
-    COMPILE::JS
-    {
        import org.apache.royale.html5.VideoElement;
-       import org.apache.royale.core.WrappedHTMLElement;
-       import org.apache.royale.html.util.addElementToWrapper;
-    }
+       COMPILE::JS
+       {
+               import org.apache.royale.core.WrappedHTMLElement;
+               import org.apache.royale.html.util.addElementToWrapper;
+               import org.apache.royale.utils.ClassSelectorList;
+               import org.apache.royale.jewel.supportClasses.MediaElement;
+       }
 
        /**
         *  VideoPlayer let you to play video with segments progressive 
download.
@@ -36,11 +37,29 @@ package org.apache.royale.jewel
         *  @playerversion AIR 0.0
         *  @productversion Royale 0.0
         */
-    COMPILE::JS
-       public class VideoPlayer extends VideoElement 
+       COMPILE::JS
+       public class VideoPlayer extends MediaElement
        {
+               /**
+                *  Dispatched when the VideoElement enters picture-in-picture 
mode successfully.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 0.0
+                *  @playerversion AIR 0.0
+                *  @productversion Royale 0.0
+                */
+               [Event(name="enterpictureinpicture", 
type="org.apache.royale.events.Event")]
+
+               /**
+                *  Dispatched when the VideoElement leaves picture-in-picture 
mode successfully.
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 0.0
+                *  @playerversion AIR 0.0
+                *  @productversion Royale 0.0
+                */
+               [Event(name="leavepictureinpicture", 
type="org.apache.royale.events.Event")]
 
-               
                private var _scaleMode:String;
 
                /**
@@ -54,14 +73,14 @@ package org.apache.royale.jewel
                public function VideoPlayer()
                {
                        super();
-            typeNames = "jewel videoplayer";
+                       classSelectorList = new ClassSelectorList(this);
+                       typeNames = "jewel videoplayer";
                }
 
-
                /**
                 *  The scaleMode method set different ways of sizing the video 
content.
                 *  You can set scaleMode to "stretch", "letterbox", or "zoom"
-                * 
+                *
                 *  letterbox : will shrink or enlarge the video to fit in 
parent container keeping video aspect ratio
                 *  zoom : will enlarge the video to fit all the parent 
container keeping aspect ratio (loosing partial video areas if video ratio is 
different from parent ratio)
                 *  stretch : will shrink or enlarge the video to fill all the 
parent container (loosing video radio if video ratio is different from parent 
ratio)
@@ -71,12 +90,13 @@ package org.apache.royale.jewel
                 *  @playerversion AIR 0.0
                 *  @productversion Royale 0.0
                 */
-               
[Inspectable(category="General",enumeration="letterbox,zoom,strech")]
+               [Inspectable(category="General", 
enumeration="letterbox,zoom,strech")]
                public function set scaleMode(value:String):void
                {
-                       if (_scaleMode == value) return;
+                       if (_scaleMode == value)
+                               return;
 
-                       replaceClass(_scaleMode,value);
+                       replaceClass(_scaleMode, value);
                        _scaleMode = value;
                }
 
@@ -85,16 +105,107 @@ package org.apache.royale.jewel
                        return _scaleMode;
                }
 
-
-
-        
-/*             COMPILE::JS
+               /*              COMPILE::JS
                public function showJewelControl(value:Boolean):void
                {
                }
 */
-        
+
+               /**
+                * @royaleignorecoercion 
org.apache.royale.core.WrappedHTMLElement
+                */
+               COMPILE::JS
+               override protected function createElement():WrappedHTMLElement
+               {
+                       addElementToWrapper(this, 'video');
+
+                       element.addEventListener("abort", handleEvent);
+                       element.addEventListener("canplay", handleEvent);
+                       element.addEventListener("canplaythrough", handleEvent);
+                       element.addEventListener("durationchange", handleEvent);
+                       element.addEventListener("emptied", handleEvent);
+                       element.addEventListener("ended", handleEvent);
+                       element.addEventListener("loadeddata", handleEvent);
+                       element.addEventListener("loadedmetadata", handleEvent);
+                       element.addEventListener("loadstart", handleEvent);
+                       element.addEventListener("pause", handleEvent);
+                       element.addEventListener("play", handleEvent);
+                       element.addEventListener("playing", handleEvent);
+                       element.addEventListener("progress", handleEvent);
+                       element.addEventListener("ratechange", handleEvent);
+                       element.addEventListener("seeked", handleEvent);
+                       element.addEventListener("seeking", handleEvent);
+                       element.addEventListener("stalled", handleEvent);
+                       element.addEventListener("suspend", handleEvent);
+                       element.addEventListener("timeupdate", handleEvent);
+                       element.addEventListener("volumechange", handleEvent);
+                       element.addEventListener("waiting", handleEvent);
+                       element.addEventListener("error", handleEvent);
+
+                       element.addEventListener("enterpictureinpicture", 
handleEvent);
+                       element.addEventListener("leavepictureinpicture", 
handleEvent);
+
+                       return element;
+               }
+
+               COMPILE::JS
+               private function handleEvent(e:Event):void
+               {
+                       dispatchEvent(new Event(e.type));
+               }
+
+               COMPILE::JS
+
+               public function get videoHeight():uint
+               {
+                       return (element as HTMLVideoElement).videoHeight;
+               }
+
+               COMPILE::JS
+
+               public function get videoWidth():uint
+               {
+                       return (element as HTMLVideoElement).videoWidth;
+               }
+
+               /*COMPILE::JS
+               public function set disablePictureInPicture(value:Boolean):void
+               {
+                       (element as HTMLVideoElement).disablePictureInPicture = 
value;
+               }
+
+
+        COMPILE::JS
+               public function get disablePictureInPicture():Boolean
+               {
+                       return(element as 
HTMLVideoElement).disablePictureInPicture;
+               }*/
+
+               /**
+                *  request full screen
+                *
+                *  @langversion 3.0
+                *  @playerversion Flash 0.0
+                *  @playerversion AIR 0.0
+                *  @productversion Royale 0.0
+                */
+               public function requestFullscreen():void
+               {
+                       COMPILE::JS
+                       {
+                               (element as 
HTMLVideoElement).requestFullscreen();
+                       }
+               }
+
+               /*public function requestPictureInPicture():void
+               {
+               COMPILE::JS{(element as 
HTMLVideoElement).requestPictureInPicture();}
+               }*/
+
+       }
+       COMPILE::SWF
+
+       public class VideoPlayer
+       {
        }
-    COMPILE::SWF
-       public class VideoPlayer {}
 }
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/ComboBoxController.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/ComboBoxController.as
index e888f436a0..c80d595870 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/ComboBoxController.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/ComboBoxController.as
@@ -39,7 +39,7 @@ package org.apache.royale.jewel.beads.controllers
        import org.apache.royale.events.utils.NavigationKeys;
        import org.apache.royale.events.utils.WhitespaceKeys;
        import org.apache.royale.html.beads.IListView;
-       import org.apache.royale.html.supportClasses.StyledDataItemRenderer;
+       import org.apache.royale.jewel.StyledDataItemRenderer;
        import org.apache.royale.jewel.List;
        import org.apache.royale.jewel.beads.controls.combobox.IComboBoxView;
        import org.apache.royale.jewel.beads.models.IJewelSelectionModel;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/TableCellSelectionMouseController.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/TableCellSelectionMouseController.as
index e49437e384..c98fe663a9 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/TableCellSelectionMouseController.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controllers/TableCellSelectionMouseController.as
@@ -31,7 +31,7 @@ package org.apache.royale.jewel.beads.controllers
        import org.apache.royale.events.ItemClickedEvent;
        import org.apache.royale.events.ItemRemovedEvent;
        import org.apache.royale.html.beads.ITableView;
-       import org.apache.royale.html.supportClasses.StyledDataItemRenderer;
+       import org.apache.royale.jewel.StyledDataItemRenderer;
        import org.apache.royale.jewel.beads.models.IJewelSelectionModel;
        import org.apache.royale.html.util.getModelByType;
 
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/Badge.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/Badge.as
index d2112f98e9..b15c86cbb2 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/Badge.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/Badge.as
@@ -22,7 +22,7 @@ package org.apache.royale.jewel.beads.controls
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.UIBase;
        import org.apache.royale.jewel.Label;
-       import org.apache.royale.utils.IEmphasis;
+       import org.apache.royale.jewel.IEmphasis;
        
        /**
         *  The Badge class provides a small status descriptors for UI elements.
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/ResponsiveSize.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/ResponsiveSize.as
index 83debfec3e..737bdb13f7 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/ResponsiveSize.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/ResponsiveSize.as
@@ -20,7 +20,7 @@ package org.apache.royale.jewel.beads.controls
 {
        import org.apache.royale.core.IBead;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
     import org.apache.royale.events.IEventDispatcher;
        import org.apache.royale.events.Event;
        import org.apache.royale.jewel.supportClasses.ResponsiveSizes;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/SizeControl.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/SizeControl.as
index 09b2bd79d3..0858cbd8c9 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/SizeControl.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/SizeControl.as
@@ -20,7 +20,7 @@ package org.apache.royale.jewel.beads.controls
 {
        import org.apache.royale.core.IBead;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
 
        /**
         *  The SizeControl bead class is a specialty bead that can be used to 
size a Jewel control.
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/TextInputSubControlTruncateText.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/TextInputSubControlTruncateText.as
index 36a3932d46..787a2f9af0 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/TextInputSubControlTruncateText.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/TextInputSubControlTruncateText.as
@@ -21,7 +21,7 @@ package org.apache.royale.jewel.beads.controls
        import org.apache.royale.core.IBead;
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.IUIBase;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.jewel.beads.controls.textinput.TruncateText;
        import org.apache.royale.jewel.beads.views.IViewWithTextInputAndButton;
        
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/button/InputButtonSize.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/button/InputButtonSize.as
index 1cc728d516..09c4799cd0 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/button/InputButtonSize.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/button/InputButtonSize.as
@@ -20,7 +20,7 @@ package org.apache.royale.jewel.beads.controls.button
 {
        import org.apache.royale.core.DispatcherBead;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.events.Event;
        import org.apache.royale.events.IEventDispatcher;
        import org.apache.royale.jewel.supportClasses.IInputButton;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/image/ClipImage.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/image/ClipImage.as
index 393b82fa00..35a04492ef 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/image/ClipImage.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/image/ClipImage.as
@@ -20,7 +20,7 @@ package org.apache.royale.jewel.beads.controls.image
 {
        import org.apache.royale.core.IBead;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.debugging.throwError;
        import org.apache.royale.jewel.Group;
        import org.apache.royale.utils.css.addDynamicSelector;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/list/ListAlternateRowColor.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/list/ListAlternateRowColor.as
index 9df8827816..cfbb4d2f33 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/list/ListAlternateRowColor.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/list/ListAlternateRowColor.as
@@ -24,7 +24,7 @@ package org.apache.royale.jewel.beads.controls.list
        }
        import org.apache.royale.core.IBead;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.IStyledUIBase;
+       import org.apache.royale.jewel.IStyledUIBase;
        import org.apache.royale.utils.IClassSelectorListSupport;
        import org.apache.royale.utils.css.addDynamicSelector;
        
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/textinput/TruncateText.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/textinput/TruncateText.as
index b5ad91cdfa..08f7dc5b59 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/textinput/TruncateText.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/controls/textinput/TruncateText.as
@@ -20,7 +20,7 @@ package org.apache.royale.jewel.beads.controls.textinput
 {
        import org.apache.royale.core.IBead;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.IStyledUIBase;
+       import org.apache.royale.jewel.IStyledUIBase;
        
        /**
         *  The TruncateText class is a specialty bead that can be used with
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ButtonBarItemRendererInitializer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ButtonBarItemRendererInitializer.as
index 607e79f607..dc96aeef09 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ButtonBarItemRendererInitializer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ButtonBarItemRendererInitializer.as
@@ -21,7 +21,7 @@ package org.apache.royale.jewel.beads.itemRenderers
        import org.apache.royale.core.IIndexedItemRenderer;
        import org.apache.royale.core.IOwnerViewItemRenderer;
        import org.apache.royale.core.ISelectable;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.jewel.Button;
        import org.apache.royale.jewel.ButtonBar;
        import org.apache.royale.jewel.beads.views.ButtonBarView;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataContainerItemRendererInitializer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataContainerItemRendererInitializer.as
index 4c06980d81..2a1c6136e6 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataContainerItemRendererInitializer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataContainerItemRendererInitializer.as
@@ -22,7 +22,7 @@ package org.apache.royale.jewel.beads.itemRenderers
        import org.apache.royale.core.IItemRendererOwnerView;
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.IStrandWithModelView;
-       import org.apache.royale.core.StyledMXMLItemRenderer;
+       import org.apache.royale.jewel.StyledMXMLItemRenderer;
        import org.apache.royale.html.beads.IndexedItemRendererInitializer;
 
        /**
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataGridColumnListItemRendererInitializer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataGridColumnListItemRendererInitializer.as
index 6dc54f3339..74961b151b 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataGridColumnListItemRendererInitializer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/DataGridColumnListItemRendererInitializer.as
@@ -19,8 +19,8 @@
 package org.apache.royale.jewel.beads.itemRenderers
 {      
        import org.apache.royale.core.IIndexedItemRenderer;
-       import org.apache.royale.core.StyledMXMLItemRenderer;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledMXMLItemRenderer;
+       import org.apache.royale.jewel.StyledUIBase;
 
        /**
         *  The DataGridColumnListItemRendererInitializer class initializes 
item renderers
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/IndexedItemRendererInitializer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/IndexedItemRendererInitializer.as
index 0137ea75f1..db1cc5972e 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/IndexedItemRendererInitializer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/IndexedItemRendererInitializer.as
@@ -20,7 +20,7 @@ package org.apache.royale.jewel.beads.itemRenderers
 {      
        import org.apache.royale.core.IIndexedItemRenderer;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.html.beads.IPaddings;
        import org.apache.royale.html.beads.IndexedItemRendererInitializer;
        import org.apache.royale.html.beads.layouts.Paddings;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ListItemRendererInitializer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ListItemRendererInitializer.as
index ccb00a0cae..79cb92626c 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ListItemRendererInitializer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/ListItemRendererInitializer.as
@@ -23,8 +23,8 @@ package org.apache.royale.jewel.beads.itemRenderers
        import org.apache.royale.core.IListWithPresentationModel;
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.IStrandWithModelView;
-       import org.apache.royale.core.StyledMXMLItemRenderer;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledMXMLItemRenderer;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.jewel.beads.models.ListPresentationModel;
        import 
org.apache.royale.jewel.supportClasses.list.IListPresentationModel;
 
@@ -62,7 +62,7 @@ package org.apache.royale.jewel.beads.itemRenderers
                 *  @playerversion AIR 2.6
                 *  @productversion Royale 0.9.7
                 *  @royaleignorecoercion HTMLInputElement
-                *  @royaleignorecoercion org.apache.royale.core.StyledUIBase;
+                *  @royaleignorecoercion org.apache.royale.jewel.StyledUIBase;
                 */
                override public function set strand(value:IStrand):void
                {       
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TabBarItemRendererInitializer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TabBarItemRendererInitializer.as
index 6f94c39bb7..b4f699fd21 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TabBarItemRendererInitializer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TabBarItemRendererInitializer.as
@@ -22,7 +22,7 @@ package org.apache.royale.jewel.beads.itemRenderers
        import org.apache.royale.core.IBeadLayout;
        import org.apache.royale.core.IIndexedItemRenderer;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.IStyledUIBase;
+       import org.apache.royale.jewel.IStyledUIBase;
        import org.apache.royale.html.beads.IPaddings;
        import org.apache.royale.html.beads.layouts.Paddings;
        import org.apache.royale.jewel.beads.models.ListPresentationModel;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TableItemRendererInitializer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TableItemRendererInitializer.as
index 1da3c5205c..1f9219dc63 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TableItemRendererInitializer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/itemRenderers/TableItemRendererInitializer.as
@@ -19,7 +19,7 @@
 package org.apache.royale.jewel.beads.itemRenderers
 {      
        import org.apache.royale.core.IIndexedItemRenderer;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.jewel.itemRenderers.TableItemRenderer;
 
        /**
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/layouts/StyledLayoutBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/layouts/StyledLayoutBase.as
index 9afc37fb50..162bdd7b05 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/layouts/StyledLayoutBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/layouts/StyledLayoutBase.as
@@ -23,7 +23,7 @@ package org.apache.royale.jewel.beads.layouts
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.IUIBase;
        import org.apache.royale.core.LayoutBase;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.core.ValuesManager;
        import org.apache.royale.core.layout.ILayoutChildren;
        import org.apache.royale.core.layout.ILayoutStyleProperties;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/AlertView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/AlertView.as
index f20677f530..3e81f8ee57 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/AlertView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/AlertView.as
@@ -39,7 +39,7 @@ package org.apache.royale.jewel.beads.views
     import org.apache.royale.core.IAlertModel;
     import org.apache.royale.core.IParent;
     import org.apache.royale.core.IStrand;
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     import org.apache.royale.core.UIBase;
     import org.apache.royale.events.CloseEvent;
     import org.apache.royale.events.IEventDispatcher;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as
index 0dbd0c9111..70b72b9287 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ComboBoxView.as
@@ -120,7 +120,7 @@ package org.apache.royale.jewel.beads.views
                /**
                 * @private
                 * @royaleignorecoercion 
org.apache.royale.events.IEventDispatcher
-                * @royaleignorecoercion org.apache.royale.core.StyledUIBase
+                * @royaleignorecoercion org.apache.royale.jewel.StyledUIBase
                 */
                override public function set strand(value:IStrand):void
                {
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DataGridView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DataGridView.as
index 83747cbf0d..3e62739789 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DataGridView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/DataGridView.as
@@ -32,7 +32,7 @@ package org.apache.royale.jewel.beads.views
        import org.apache.royale.core.IParent;
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.IUIBase;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.core.UIBase;
        import org.apache.royale.core.ValuesManager;
        import org.apache.royale.events.CollectionEvent;
@@ -46,7 +46,7 @@ package org.apache.royale.jewel.beads.views
        import org.apache.royale.jewel.supportClasses.datagrid.IDataGridColumn;
        import 
org.apache.royale.jewel.supportClasses.datagrid.IDataGridColumnList;
        import 
org.apache.royale.jewel.supportClasses.datagrid.IDataGridPresentationModel;
-       import org.apache.royale.utils.IEmphasis;
+       import org.apache.royale.jewel.IEmphasis;
        import org.apache.royale.utils.loadBeadFromValuesManager;
        import org.apache.royale.utils.observeElementSize;
     
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/JewelLabelViewBead.mxml
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/JewelLabelViewBead.mxml
index 3d9751d23c..7a60aaf622 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/JewelLabelViewBead.mxml
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/JewelLabelViewBead.mxml
@@ -24,7 +24,7 @@ limitations under the License.
     <fx:Script>
         <![CDATA[
             import org.apache.royale.jewel.beads.models.TextModel;
-            import org.apache.royale.core.StyledUIBase;
+            import org.apache.royale.jewel.StyledUIBase;
 
             // private function clickHandler():void
             // {
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
index a22193cc17..6260275d9c 100644
--- 
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
@@ -24,7 +24,7 @@ package org.apache.royale.jewel.beads.views
        }
        COMPILE::JS
     {
-       import org.apache.royale.core.IStyledUIBase;
+       import org.apache.royale.jewel.IStyledUIBase;
        }
        import org.apache.royale.core.IItemRenderer;
        import org.apache.royale.core.IItemRendererOwnerView;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/TabBarView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/TabBarView.as
index 3659e418f0..28e536b044 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/TabBarView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/TabBarView.as
@@ -23,7 +23,7 @@ package org.apache.royale.jewel.beads.views
        import org.apache.royale.core.ISelectableItemRenderer;
        import org.apache.royale.events.Event;
        import org.apache.royale.jewel.itemRenderers.TabBarButtonItemRenderer;
-       import org.apache.royale.core.IStyledUIBase;
+       import org.apache.royale.jewel.IStyledUIBase;
        import org.apache.royale.utils.getSelectionRenderBead;
        }
 
@@ -55,7 +55,7 @@ package org.apache.royale.jewel.beads.views
 
                /**
                 * @private
-                * @royaleignorecoercion 
org.apache.royale.core.StyledMXMLItemRenderer
+                * @royaleignorecoercion 
org.apache.royale.jewel.StyledMXMLItemRenderer
                 */
                COMPILE::JS
                override protected function 
selectionChangeHandler(event:Event):void
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ToggleButtonBarView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ToggleButtonBarView.as
index 7eb17150a5..2befa15d20 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ToggleButtonBarView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/ToggleButtonBarView.as
@@ -51,7 +51,7 @@ package org.apache.royale.jewel.beads.views
 
                /**
                 * @private
-                * @royaleignorecoercion 
org.apache.royale.core.StyledMXMLItemRenderer
+                * @royaleignorecoercion 
org.apache.royale.jewel.StyledMXMLItemRenderer
                 */
                COMPILE::JS
                override protected function 
selectionChangeHandler(event:Event):void
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualDataGridView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualDataGridView.as
index ff00f24200..328819a7b2 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualDataGridView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualDataGridView.as
@@ -18,7 +18,7 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel.beads.views
 {    
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
 
     /**
      *  The VirtualDataGridView class is the visual bead for Jewel 
VirtualDataGrid.
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualListView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualListView.as
index 8ea5a90d39..3292ca4ac0 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualListView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/VirtualListView.as
@@ -20,7 +20,7 @@ package org.apache.royale.jewel.beads.views
 {
        COMPILE::JS
     {
-       import org.apache.royale.core.IStyledUIBase;
+       import org.apache.royale.jewel.IStyledUIBase;
        }
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.IIndexedItemRenderer;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/WizardView.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/WizardView.as
index 08f34085c9..4675ffb73d 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/WizardView.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/beads/views/WizardView.as
@@ -26,7 +26,7 @@ package org.apache.royale.jewel.beads.views
        import org.apache.royale.core.IContainerBaseStrandChildrenHost;
        import org.apache.royale.core.ILayoutView;
        import org.apache.royale.core.IStrand;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.core.UIBase;
        import org.apache.royale.core.ValuesManager;
        import org.apache.royale.events.Event;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/CollapsibleNavigationSectionRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/CollapsibleNavigationSectionRenderer.as
index e84936dbd9..a745ae4cc2 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/CollapsibleNavigationSectionRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/CollapsibleNavigationSectionRenderer.as
@@ -24,7 +24,7 @@ package org.apache.royale.jewel.itemRenderers
        import org.apache.royale.html.util.addElementToWrapper;
     }
        import org.apache.royale.collections.IArrayList;
-       import org.apache.royale.core.StyledMXMLItemRenderer;
+       import org.apache.royale.jewel.StyledMXMLItemRenderer;
        import org.apache.royale.events.Event;
        import org.apache.royale.html.elements.A;
        import org.apache.royale.jewel.Navigation;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/DropDownListItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/DropDownListItemRenderer.as
index 7ad5a8b742..5d085547f2 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/DropDownListItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/DropDownListItemRenderer.as
@@ -24,7 +24,7 @@ package org.apache.royale.jewel.itemRenderers
     import org.apache.royale.jewel.beads.views.DropDownListView;            
     }
     import org.apache.royale.html.elements.Option;
-    import org.apache.royale.core.StyledMXMLItemRenderer;
+    import org.apache.royale.jewel.StyledMXMLItemRenderer;
 
     /**
      *  The DropDownListItemRenderer class creates a DropDownList menu item
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/ListItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/ListItemRenderer.as
index 0fcf8e718d..f70821809d 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/ListItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/ListItemRenderer.as
@@ -25,7 +25,7 @@ package org.apache.royale.jewel.itemRenderers
        }
     import org.apache.royale.core.IBeadLayout;
     import org.apache.royale.core.ILabelFunction;
-    import org.apache.royale.core.StyledMXMLItemRenderer;
+    import org.apache.royale.jewel.StyledMXMLItemRenderer;
     import org.apache.royale.events.Event;
     import org.apache.royale.html.util.getLabelFromData;
     import org.apache.royale.jewel.beads.controls.TextAlign;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/NavigationLinkItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/NavigationLinkItemRenderer.as
index c514e4af06..bf2a825d1c 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/NavigationLinkItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/NavigationLinkItemRenderer.as
@@ -23,7 +23,7 @@ package org.apache.royale.jewel.itemRenderers
        import org.apache.royale.core.WrappedHTMLElement;
        import org.apache.royale.html.util.addElementToWrapper;
     }
-       import org.apache.royale.core.StyledMXMLItemRenderer;
+       import org.apache.royale.jewel.StyledMXMLItemRenderer;
        import org.apache.royale.jewel.supportClasses.INavigationRenderer;
 
        /**
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/StringItemRenderer.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/StringItemRenderer.as
index c309e38564..0cb099bf7e 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/StringItemRenderer.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/itemRenderers/StringItemRenderer.as
@@ -32,7 +32,7 @@ package org.apache.royale.jewel.itemRenderers
     }
     import org.apache.royale.core.IItemRendererOwnerView;
     import org.apache.royale.core.IOwnerViewItemRenderer;
-    import org.apache.royale.html.supportClasses.StyledDataItemRenderer;
+    import org.apache.royale.jewel.StyledDataItemRenderer;
     import org.apache.royale.html.util.getLabelFromData;
     import org.apache.royale.jewel.beads.controls.TextAlign;
     import org.apache.royale.jewel.beads.itemRenderers.IAlignItemRenderer;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/LayoutProxy.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/LayoutProxy.as
index ee4e10442d..232d2bb4bb 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/LayoutProxy.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/LayoutProxy.as
@@ -25,7 +25,7 @@ package org.apache.royale.jewel.supportClasses
        import org.apache.royale.core.IContainerBaseStrandChildrenHost;
        import org.apache.royale.core.ILayoutView;
        import org.apache.royale.core.IParent;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
 
     /**
      *  The LayoutProxy class is used by components in order for layouts to 
operate
diff --git 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/MediaElement.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/MediaElement.as
similarity index 99%
copy from 
frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/MediaElement.as
copy to 
frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/MediaElement.as
index 4a029f3be3..6e78e893b2 100644
--- 
a/frameworks/projects/HTML5/src/main/royale/org/apache/royale/html5/MediaElement.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/MediaElement.as
@@ -16,12 +16,10 @@
 //  limitations under the License.
 //
 
////////////////////////////////////////////////////////////////////////////////
-package org.apache.royale.html5
+package org.apache.royale.jewel.supportClasses
 {
 
-       import org.apache.royale.core.StyledUIBase;
-
-
+       import org.apache.royale.jewel.StyledUIBase;
 
        //--------------------------------------
     //  Events
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SelectableButtonBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SelectableButtonBase.as
index 4a95dc8775..200d512c77 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SelectableButtonBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SelectableButtonBase.as
@@ -28,7 +28,7 @@ package org.apache.royale.jewel.supportClasses.button
 
     COMPILE::JS
     {
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     }
 
     import org.apache.royale.core.ISelectable;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SimpleButton.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SimpleButton.as
index 1f61473c29..d54fb46c59 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SimpleButton.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/button/SimpleButton.as
@@ -23,11 +23,11 @@ package org.apache.royale.jewel.supportClasses.button
     import org.apache.royale.core.UIButtonBase;
     import org.apache.royale.utils.ClassSelectorList;
     import org.apache.royale.utils.IClassSelectorListSupport;
-    import org.apache.royale.utils.IEmphasis;
+    import org.apache.royale.jewel.IEmphasis;
     }
     COMPILE::JS
     {
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     import org.apache.royale.core.WrappedHTMLElement;
     import org.apache.royale.html.util.addElementToWrapper;
     }
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/combobox/ComboBoxPopUp.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/combobox/ComboBoxPopUp.as
index d3e5a51f92..26aa065cb6 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/combobox/ComboBoxPopUp.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/combobox/ComboBoxPopUp.as
@@ -22,7 +22,7 @@ package org.apache.royale.jewel.supportClasses.combobox
     import org.apache.royale.core.IFactory;
     import org.apache.royale.core.IPopUp;
     import org.apache.royale.core.ISelectionModel;
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     import org.apache.royale.jewel.beads.models.ComboBoxPresentationModel;
     import org.apache.royale.html.util.getModelByType;
     
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/container/StyledContainerContentArea.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/container/StyledContainerContentArea.as
index aa7001f3ba..92f88e7262 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/container/StyledContainerContentArea.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/container/StyledContainerContentArea.as
@@ -22,7 +22,7 @@ package org.apache.royale.jewel.supportClasses.container
        import org.apache.royale.core.ILayoutView;
        import org.apache.royale.core.IStrand;
        import org.apache.royale.core.IUIBase;
-       import org.apache.royale.core.StyledUIBase;
+       import org.apache.royale.jewel.StyledUIBase;
        import org.apache.royale.events.Event;
        import org.apache.royale.events.IEventDispatcher;
 
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/DataGridColumn.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/DataGridColumn.as
index 36d8d46406..d6eaa91f0e 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/DataGridColumn.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/DataGridColumn.as
@@ -18,7 +18,7 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel.supportClasses.datagrid
 {
-    import org.apache.royale.core.IStyledUIBase;
+    import org.apache.royale.jewel.IStyledUIBase;
     import org.apache.royale.jewel.supportClasses.table.TableColumn;
     import org.apache.royale.core.IFactory;
     import org.apache.royale.events.Event;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumn.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumn.as
index ad38054a1f..fb7ac4c40c 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumn.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumn.as
@@ -18,7 +18,7 @@
 
////////////////////////////////////////////////////////////////////////////////
 package org.apache.royale.jewel.supportClasses.datagrid
 {
-       import org.apache.royale.core.IStyledUIBase;
+       import org.apache.royale.jewel.IStyledUIBase;
        import org.apache.royale.jewel.supportClasses.table.ITableColumn;
 
        /**
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumnList.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumnList.as
index e8dd34a0af..18c5cecd38 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumnList.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/datagrid/IDataGridColumnList.as
@@ -21,7 +21,7 @@ package org.apache.royale.jewel.supportClasses.datagrid
     import org.apache.royale.core.IDataGrid;
     import org.apache.royale.core.IListWithPresentationModel;
     import org.apache.royale.html.supportClasses.IDataGridColumnList;
-    import org.apache.royale.utils.IEmphasis;
+    import org.apache.royale.jewel.IEmphasis;
 
     /**
      *  The Jewel IDataGridColumnList interface is a marker interface for 
Jewel DataGrid Column Lists
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/group/GroupBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/group/GroupBase.as
index f552f0540e..de501a1d6d 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/group/GroupBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/group/GroupBase.as
@@ -34,7 +34,7 @@ package org.apache.royale.jewel.supportClasses.group
     import org.apache.royale.core.IState;
     import org.apache.royale.core.IStatesImpl;
     import org.apache.royale.core.IStatesObject;
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     import org.apache.royale.events.Event;
     import org.apache.royale.events.ValueChangeEvent;
     import org.apache.royale.events.ValueEvent;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/popup/PopUpContent.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/popup/PopUpContent.as
index 346d15166f..b6818fcc87 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/popup/PopUpContent.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/popup/PopUpContent.as
@@ -19,7 +19,7 @@
 package org.apache.royale.jewel.supportClasses.popup
 {
     import org.apache.royale.core.IPopUp;
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
 
     /**
         *  The PopUpContent class is a component
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/table/TBodyContentArea.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/table/TBodyContentArea.as
index c785b94a76..0db129ab89 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/table/TBodyContentArea.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/table/TBodyContentArea.as
@@ -28,7 +28,7 @@ package org.apache.royale.jewel.supportClasses.table
     import org.apache.royale.events.IEventDispatcher;
     import org.apache.royale.events.ItemAddedEvent;
     import org.apache.royale.events.ItemRemovedEvent;
-    import org.apache.royale.html.supportClasses.StyledDataItemRenderer;
+    import org.apache.royale.jewel.StyledDataItemRenderer;
     import org.apache.royale.jewel.itemRenderers.TableItemRenderer;
     import 
org.apache.royale.jewel.supportClasses.container.StyledContainerContentArea;
     import org.apache.royale.jewel.supportClasses.table.TableRow;
diff --git 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/textinput/TextInputBase.as
 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/textinput/TextInputBase.as
index b4e2fb55c6..f3612aee84 100644
--- 
a/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/textinput/TextInputBase.as
+++ 
b/frameworks/projects/Jewel/src/main/royale/org/apache/royale/jewel/supportClasses/textinput/TextInputBase.as
@@ -27,7 +27,7 @@ package org.apache.royale.jewel.supportClasses.textinput
     import org.apache.royale.core.WrappedHTMLElement;
     }
 
-    import org.apache.royale.core.StyledUIBase;
+    import org.apache.royale.jewel.StyledUIBase;
     import org.apache.royale.events.Event;
     import org.apache.royale.events.KeyboardEvent;
     import org.apache.royale.jewel.supportClasses.textinput.ITextInput;
diff --git a/frameworks/projects/Jewel/src/main/sass/components/_popup.sass 
b/frameworks/projects/Jewel/src/main/sass/components/_popup.sass
index a415729ee7..f3182cb367 100644
--- a/frameworks/projects/Jewel/src/main/sass/components/_popup.sass
+++ b/frameworks/projects/Jewel/src/main/sass/components/_popup.sass
@@ -106,7 +106,7 @@ j|PopUp
     IBeadView: ClassReference("org.apache.royale.jewel.beads.views.PopUpView")
     IBeadModel: 
ClassReference("org.apache.royale.jewel.beads.models.PopUpModel")
     IBeadController: 
ClassReference("org.apache.royale.jewel.beads.controllers.PopUpMouseController")
-    IPopUpContent: ClassReference("org.apache.royale.core.StyledUIBase")
+    IPopUpContent: ClassReference("org.apache.royale.jewel.StyledUIBase")
 
 @media -royale-swf
 

Reply via email to