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

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


The following commit(s) were added to refs/heads/develop by this push:
     new 95e0d7d  core-getClassStyle: function that gets an Object with all 
styles in a CSS className. Using this in local chrome browser requires "chrome 
--allow-file-access-from-files" or use other browser
95e0d7d is described below

commit 95e0d7d0ef63fd47a5809dac57dd9658ea54047a
Author: Carlos Rovira <[email protected]>
AuthorDate: Fri Jul 17 19:46:36 2020 +0200

    core-getClassStyle: function that gets an Object with all styles in a CSS 
className. Using this in local chrome browser requires "chrome 
--allow-file-access-from-files" or use other browser
---
 .../projects/Core/src/main/royale/CoreClasses.as   |  1 +
 .../org/apache/royale/utils/html/getClassStyle.as  | 57 ++++++++++++++++++++++
 2 files changed, 58 insertions(+)

diff --git a/frameworks/projects/Core/src/main/royale/CoreClasses.as 
b/frameworks/projects/Core/src/main/royale/CoreClasses.as
index b77f646..461b663 100644
--- a/frameworks/projects/Core/src/main/royale/CoreClasses.as
+++ b/frameworks/projects/Core/src/main/royale/CoreClasses.as
@@ -353,6 +353,7 @@ internal class CoreClasses
        COMPILE::JS
        {
        import org.apache.royale.utils.css.transitionEventAvailable; 
transitionEventAvailable;
+       import org.apache.royale.utils.html.getClassStyle; getClassStyle;
        import org.apache.royale.utils.html.getStyle; getStyle;
        import org.apache.royale.utils.html.isFocused; isFocused;
        }
diff --git 
a/frameworks/projects/Core/src/main/royale/org/apache/royale/utils/html/getClassStyle.as
 
b/frameworks/projects/Core/src/main/royale/org/apache/royale/utils/html/getClassStyle.as
new file mode 100644
index 0000000..41bffb9
--- /dev/null
+++ 
b/frameworks/projects/Core/src/main/royale/org/apache/royale/utils/html/getClassStyle.as
@@ -0,0 +1,57 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+//  Licensed to the Apache Software Foundation (ASF) under one or more
+//  contributor license agreements.  See the NOTICE file distributed with
+//  this work for additional information regarding copyright ownership.
+//  The ASF licenses this file to You under the Apache License, Version 2.0
+//  (the "License"); you may not use this file except in compliance with
+//  the License.  You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+//  Unless required by applicable law or agreed to in writing, software
+//  distributed under the License is distributed on an "AS IS" BASIS,
+//  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//  See the License for the specific language governing permissions and
+//  limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package org.apache.royale.utils.html
+{
+       /**
+        * Get an Object with all styles in a CSS className.
+        * classname must match exactly the selector used in the CSS
+        * 
+        * Note that due to CORS restrictions im Chrome, if you're working 
offline you need to
+        * use: chrome --allow-file-access-from-files, or other browser
+        * 
+        * @royalesuppressexport
+        */
+       COMPILE::JS
+       public function getClassStyle(className:String):Object
+       {
+               var cssText:String = "";
+               var classes:Array = document.styleSheets[0].rules || 
document.styleSheets[0].cssRules;
+               for (var x:int = 0; x < classes.length; x++) {        
+                       if (classes[x].selectorText == className) {
+                               cssText += classes[x].cssText || 
classes[x].style.cssText;
+                       }         
+               }
+               
+               // remove all text in css and left just the content between "{" 
"}"
+               var array:Array = cssText.match(/\{ (.*?)\}/);
+               // then split all styles
+               array = array[1].split("; ");
+               //remove latest since is empty
+               array.pop();
+               
+               //create the return object and split each style in property and 
value and insert in object
+               var o:Object = {};
+        for (x = 0; x < array.length; x++) {
+            var prop:Array = array[x].split(": ");
+            o[prop[0]] = prop[1];
+        }
+               
+               return o;
+       }
+}

Reply via email to