1 files changed, 51 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/google-apis/demo/index.html b/catapult/third_party/polymer/components/google-apis/demo/index.html
new file mode 100644
index 00000000..0455cbb6
--- /dev/null
+++ b/catapult/third_party/polymer/components/google-apis/demo/index.html
@@ -0,0 +1,51 @@
+<!doctype html>
+<!-- Copyright (c) 2015 Google Inc. All rights reserved. -->
+<html>
+<head>
+  <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
+  <title>google-apis Demo</title>
+  <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
+  <link rel="import" href="../google-apis.html">
+</head>
+<body>
+  <div id="messages"></div>
+
+  <dom-bind id="bind">
+    <template id="t" is="dom-bind">
+
+      <google-client-loader id="shortener"
+        name="urlshortener"
+        version="v1"
+        on-google-api-load="loadedShortener"></google-client-loader>
+      <google-js-api on-js-api-load="loaded"></google-js-api>
+      <google-plusone-api on-api-load="loaded"></google-plusone-api>
+      <google-realtime-api on-api-load="loaded"></google-realtime-api>
+      <google-maps-api on-api-load="loaded"></google-maps-api>
+      <google-youtube-api on-api-load="loaded"></google-youtube-api>
+      <google-legacy-loader on-api-load="loaded"></google-legacy-loader>
+
+    </template>
+  </dom-bind>
+  <script>
+    // polymer 1.x compatibility
+    t.loadedShortener = function(event) {
+      var request = event.target.api.url.get({
+        shortUrl: 'http://goo.gl/fbsS'
+      })
+      request.execute(function(resp) {
+        console.log(resp);
+      });
+    }
+
+    t.loaded = function(e) {
+      document.querySelector('#messages').innerHTML +=
+        e.target.localName + ' loaded' + '<br>';
+      console.log(e.target.localName + ' loaded', event.target.api);
+    }
+
+    // Polymer 2.0 compatibility
+    bind.loadedShortener = t.loadedShortener;
+    bind.loaded = t.loaded;
+  </script>
+</body>
+</html>