Merge eb97357 into dd0d299

boltdesignsystem · Oct 23, 2018 · 69bc8be · 69bc8be
2 parents dd0d299 + eb97357
commit 69bc8be
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/apps/pattern-lab/src/_patterns/02-components/button/60-button-with-3rd-party-js.twig b/apps/pattern-lab/src/_patterns/02-components/button/60-button-with-3rd-party-js.twig
@@ -6,7 +6,9 @@
       "theme:": "xdark",
       "text": "XDark Button w/ External JS Example",
       attributes: {
-        class: "js-button-theme-xdark",
+        class: [
+          "js-button-theme-xdark"
+        ]
       }
     } %}
   {% endblock %}
@@ -19,7 +21,7 @@
   var elementBeingTargeted = 'button';
   var selector;
 
-  if (element._wasInitiallyRendered){
+  if (element._wasInitiallyRendered === true){
     setupEventListener(false);
   } else {
     element.addEventListener('rendered', setupEventListener);
@@ -31,10 +33,11 @@
     } else {
       selector = element.querySelector(elementBeingTargeted);
     }
+
     ready();
 
     if (removeEventListener){
-      element.removeEventListener("rendered", setupEventListener, true);
+      element.removeEventListener('rendered', setupEventListener, true);
     }
   }
 
@@ -49,6 +52,6 @@
 
   function buttonClicked(){
     console.log('the button tag inside the rendered xdark bolt-button was clicked!');
+    document.body.classList.toggle('t-bolt-xdark');
   }
-
 </script>
diff --git a/packages/components/bolt-button/src/button.standalone.js b/packages/components/bolt-button/src/button.standalone.js
@@ -79,6 +79,7 @@ class BoltButton extends withHyperHtml() {
   }
 
   rendered() {
+    super.rendered();
     const root = this;
     const slots = this.slots;