Merge pull request #63 from redaxmedia/master

feature(events): adding events `viewport-unit-buggyfill-init` and `viewport-unit-buggyfill-style`

viewport-units-buggyfill.js

@@ -70,6 +70,28 @@
   if (!isBuggyIE) {
     isBuggyIE = !!navigator.userAgent.match(/Trident.*rv[ :]*11\./);
   }
+
+  // Polyfill for creating CustomEvents on IE9/10/11
+  // from https://github.com/krambuhl/custom-event-polyfill
+  try {
+    new CustomEvent('test');
+  } catch(e) {
+    var CustomEvent = function(event, params) {
+      var evt;
+      params = params || {
+            bubbles: false,
+            cancelable: false,
+            detail: undefined
+          };
+
+      evt = document.createEvent('CustomEvent');
+      evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail);
+      return evt;
+    };
+    CustomEvent.prototype = window.Event.prototype;
+    window.CustomEvent = CustomEvent; // expose definition to window
+  }
+
   function debounce(func, wait) {
     var timeout;
     return function() {
@@ -119,6 +141,9 @@
       };
     }
 
+    // fire a custom event that buggyfill was initialize
+    window.dispatchEvent(new CustomEvent('viewport-units-buggyfill-init'));
+
     options.hacks && options.hacks.initialize(options);
 
     initialized = true;
@@ -151,6 +176,8 @@
     styleNode.textContent = getReplacedViewportUnits();
     // move to the end in case inline <style>s were added dynamically
     styleNode.parentNode.appendChild(styleNode);
+    // fire a custom event that styles were updated
+    window.dispatchEvent(new CustomEvent('viewport-units-buggyfill-style'));
   }
 
   function refresh() {