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

hiedra 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 abd1e34a4b FontAwesomeIcon: Add properties for stacking. 
FontAwesome5IconType: several icons added.
abd1e34a4b is described below

commit abd1e34a4b97bf1277c2e7a9259532651c93d29c
Author: Maria José Esteve <[email protected]>
AuthorDate: Thu Jul 21 22:21:23 2022 +0200

    FontAwesomeIcon: Add properties for stacking.
    FontAwesome5IconType: several icons added.
---
 .../Icons/src/main/royale/FontAwesome5IconType.as  |  3 ++
 .../org/apache/royale/icons/FontAwesomeIcon.as     | 56 ++++++++++++++++++++++
 2 files changed, 59 insertions(+)

diff --git a/frameworks/projects/Icons/src/main/royale/FontAwesome5IconType.as 
b/frameworks/projects/Icons/src/main/royale/FontAwesome5IconType.as
index 63b0ce43cc..c72f0ccfad 100644
--- a/frameworks/projects/Icons/src/main/royale/FontAwesome5IconType.as
+++ b/frameworks/projects/Icons/src/main/royale/FontAwesome5IconType.as
@@ -303,6 +303,7 @@ package
                public static const FLICKR:String = "flickr";
                public static const FLOPPY:String = "floppy";
                public static const FOLDER:String = "folder";
+               public static const FOLDER_TREE:String = "folder-tree";
                public static const FOLDERPEN:String = "folderpen";
                public static const FOLDERS:String = "folders";
                public static const FONT:String = "font";
@@ -405,6 +406,7 @@ package
                public static const JPY:String = "jpy";
                public static const JSFIDDLE:String = "jsfiddle";
                public static const KEY:String = "key";
+               public static const KEYCDN:String = "keycdn";
                public static const KEYBOARD:String = "keyboard";
                public static const KRW:String = "krw";
                public static const LANGUAGE:String = "language";
@@ -721,6 +723,7 @@ package
                public static const USER_TIMES:String = "user-times";
                public static const USER_UNLOCK:String = "user-unlock";
                public static const USERS:String = "users";
+               public static const USERS_CLASS:String = "users-class";
                public static const USERS_CROWN:String = "users-crown";
                public static const USERS_SLASH:String = "users-slash";
                public static const VENUS:String = "venus";
diff --git 
a/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontAwesomeIcon.as
 
b/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontAwesomeIcon.as
index 4744375fdb..0b328516e3 100644
--- 
a/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontAwesomeIcon.as
+++ 
b/frameworks/projects/Icons/src/main/royale/org/apache/royale/icons/FontAwesomeIcon.as
@@ -352,5 +352,61 @@ package org.apache.royale.icons
             _pulse = value;
             toggleClass('fa-pulse', _pulse);
         }
+
+        protected var _stackLevel:int;
+        /**
+         *  To stack multiple icons, you use the fa-stack class in the main 
HTML element of the 2 icons you want to stack. 
+         *  Then you add the fa-stack-1x class for the regular size icon and 
the fa-stack-2x class for the larger icon.
+         * 
+         *  Icon stacking level: 
+         *  1 - Base icon.
+         *  2 - Top icon.
+         *
+         *  @langversion 3.0
+         *  @playerversion Flash 10.2
+         *  @playerversion AIR 2.6
+         *  @productversion Royale 0.9.10
+         */
+        public function get stackLevel():int
+        {
+            return _stackLevel;
+        }
+               public function set stackLevel(value:int):void
+        {
+            if(value == 1 || value == 2)
+            {
+                if(_stackLevel!=0)
+                {
+                    removeClass('fa-stack-' + String(_stackLevel) + 'x');
+                    if(_stackLevel == 1)
+                        removeClass('fa-inverse');
+                }
+                _stackLevel = value;
+                addClass('fa-stack-' + String(value) + 'x');
+
+                _inverse? inverse=true: inverse=false;
+            }
+        }
+        
+        protected var _inverse:Boolean;
+        /**
+         *  It will add a dazzling appearance effect to the icon with 
fa-stack-1x.
+         *
+         *  @langversion 3.0
+         *  @playerversion Flash 10.2
+         *  @playerversion AIR 2.6
+         *  @productversion Royale 0.9.10
+         */
+        public function get inverse():Boolean
+        {
+            return _inverse;
+        }
+        public function set inverse(value:Boolean):void
+        {
+            _inverse = value;
+            removeClass('fa-inverse');
+            if(value && _stackLevel == 1)
+                addClass('fa-inverse');
+        }
     }
 }

Reply via email to