Merge pull request #769 from webcomponents/udpate-builds

update builds.

Author: kevinpschaaf

README.md

@@ -35,7 +35,11 @@ Alternatively, this repo also comes with `webcomponents-loader.js`, a client-sid
 loader that dynamically loads the minimum polyfill bundle, using feature detection.
 Note that because the bundle will be loaded asynchronously, you should wait for the `WebComponentsReady` before you can safely assume that all the polyfills have
 loaded and are ready to be used (i.e. if you want to dynamically load other custom
-elements, etc.). Here's an example:
+elements, etc.).
+
+Additionally, you can check if `window.WebComponents` exists to know if the `WebComponentsReady` event will fire, and you can check if `window.WebComponents.ready` is true to check if the `WebComponentsReady` event has already fired.
+
+Here's an example:
 
 ```html
 <!-- Load polyfills; note that "loader" will load these async -->
@@ -68,7 +72,7 @@ To work around this, load `custom-elements-es5-adapter.js` before declaring new
 **The adapter must NOT be compiled.**
 
 ```html
-<!-- Load Custom Elements es5 adapter --> 
+<!-- Load Custom Elements es5 adapter -->
 <script src="bower_components/webcomponentsjs/custom-elements-es5-adapter.js"></script>
 <!-- Load polyfills; note that "loader" will load these async -->
 <script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>

bower.json

@@ -20,7 +20,7 @@
   "license": "BSD-3-Clause",
   "ignore": [],
   "devDependencies": {
-    "web-component-tester": "^v6.0.0-prerelease.9",
+    "web-component-tester": "^v6.0.0-prerelease.10",
     "custom-elements": "webcomponents/custom-elements#^v1.0.0-rc.1",
     "es6-promise": "stefanpenner/es6-promise#^4.0.0",
     "html-imports": "webcomponents/html-imports#^v1.0.0-rc.2",

entrypoints/webcomponents-sd-ce-index.js

@@ -21,9 +21,13 @@ import '../bower_components/shadycss/entrypoints/scoping-shim.js'
 // NOTE: this is a load-bearing IIFE for Closure
 (function() {
   let document = window.document;
+  // global for (1) existence means `WebComponentsReady` will file,
+  // (2) WebComponents.ready == true means event has fired.
+  window.WebComponents = window.WebComponents || {};
 
   function fire() {
     requestAnimationFrame(() => {
+      window.WebComponents.ready = true;
       window.document.dispatchEvent(new CustomEvent('WebComponentsReady', { bubbles: true }));
     })
   }

src/post-polyfill.js

@@ -14,6 +14,9 @@
 
   var customElements = window['customElements'];
   var HTMLImports = window['HTMLImports'];
+  // global for (1) existence means `WebComponentsReady` will file,
+  // (2) WebComponents.ready == true means event has fired.
+  window.WebComponents = window.WebComponents || {};
 
   if (customElements && customElements['polyfillWrapFlushCallback']) {
     // Here we ensure that the public `HTMLImports.whenReady`
@@ -50,6 +53,7 @@
 
   HTMLImports['whenReady'](function() {
     requestAnimationFrame(function() {
+      window.WebComponents.ready = true;
       document.dispatchEvent(new CustomEvent('WebComponentsReady', {bubbles: true}));
     });
   });