From a9424bef37c7b0818d1c7923048267229bfa6efd Mon Sep 17 00:00:00 2001
From: Mauro Solcia <mauro.solcia@gmail.com>
Date: Fri, 20 Mar 2015 20:57:37 +0100
Subject: [PATCH 1/4] observe styles from the Google Chart JS api and @import
 them in the shadow DOM

---
 google-chart.html | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/google-chart.html b/google-chart.html
index 769fb77..200e674 100644
--- a/google-chart.html
+++ b/google-chart.html
@@ -197,6 +197,29 @@
           this.options = {};
           this.rows = [];
           this.dataTable = null;
+
+          var head = document.querySelector('head');
+          var element = this;
+          var observer = new MutationObserver(function(mutations) {
+              mutations.forEach(function(mutation) {
+
+                for (var i=0; i<mutation.addedNodes.length;i++){
+                  var newNode =mutation.addedNodes[i];
+                  if (newNode.rel && newNode.rel=='stylesheet'){
+
+                    //Add the stylesheet as an @import
+                    var cssImport = document.createElement('style');
+                    cssImport.innerHTML="@import '"+newNode.href+"';";
+                    element.shadowRoot.appendChild(cssImport);
+
+                  }
+
+                }
+
+              });
+          });
+          observer.observe(head, { subtree: false, characterData: false, childList: true });
+
         },
 
         readyForAction: function(e, detail, sender) {

From 90c267a0beeff0ebf2bca5af059a881b1133bce0 Mon Sep 17 00:00:00 2001
From: Mauro Solcia <mauro.solcia@gmail.com>
Date: Fri, 20 Mar 2015 21:00:42 +0100
Subject: [PATCH 2/4] added table to the docs

---
 google-chart.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/google-chart.html b/google-chart.html
index 200e674..4c9a093 100644
--- a/google-chart.html
+++ b/google-chart.html
@@ -75,7 +75,7 @@
          *
          * Should be one of:
          * - `area`, `bar`, `bubble`, `candlestick`, `column`, `combo`, `geo`,
-         *   `histogram`, `line`, `pie`, `scatter`, `stepped-area`
+         *   `histogram`, `line`, `pie`, `scatter`, `stepped-area`, `table`
          *
          * See <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery">Google Visualization API reference (Chart Gallery)</a> for details.
          *

From 3be074b74e25be7da8f45c6632ea07582ec3cd61 Mon Sep 17 00:00:00 2001
From: Mauro Solcia <mauro.solcia@gmail.com>
Date: Fri, 20 Mar 2015 21:02:40 +0100
Subject: [PATCH 3/4] added gauge type to the docs

---
 google-chart.html | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/google-chart.html b/google-chart.html
index 4c9a093..80c767a 100644
--- a/google-chart.html
+++ b/google-chart.html
@@ -75,7 +75,9 @@
          *
          * Should be one of:
          * - `area`, `bar`, `bubble`, `candlestick`, `column`, `combo`, `geo`,
-         *   `histogram`, `line`, `pie`, `scatter`, `stepped-area`, `table`
+         *   `histogram`, `line`, `pie`, `scatter`, `stepped-area`, `table`, `gauge`
+         *
+         *
          *
          * See <a href="https://google-developers.appspot.com/chart/interactive/docs/gallery">Google Visualization API reference (Chart Gallery)</a> for details.
          *

From 5bae7be8b0ae3bf5e6e5b5c53f17688a37c5934c Mon Sep 17 00:00:00 2001
From: Mauro Solcia <mauro.solcia@gmail.com>
Date: Thu, 26 Mar 2015 18:56:06 +0100
Subject: [PATCH 4/4] fixed formatting following giudelines

---
 google-chart.html | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/google-chart.html b/google-chart.html
index 80c767a..6ff2229 100644
--- a/google-chart.html
+++ b/google-chart.html
@@ -204,22 +204,18 @@
           var element = this;
           var observer = new MutationObserver(function(mutations) {
               mutations.forEach(function(mutation) {
-
-                for (var i=0; i<mutation.addedNodes.length;i++){
-                  var newNode =mutation.addedNodes[i];
-                  if (newNode.rel && newNode.rel=='stylesheet'){
-
+                for (var i = 0; i < mutation.addedNodes.length; i++) {
+                  var newNode = mutation.addedNodes[i];
+                  if (newNode.rel && newNode.rel == 'stylesheet') {
                     //Add the stylesheet as an @import
                     var cssImport = document.createElement('style');
-                    cssImport.innerHTML="@import '"+newNode.href+"';";
+                    cssImport.innerHTML = "@import '" + newNode.href + "';";
                     element.shadowRoot.appendChild(cssImport);
-
                   }
-
                 }
-
               });
-          });
+            });
+            
           observer.observe(head, { subtree: false, characterData: false, childList: true });
 
         },