Merge pull request #1 from ThinkDeepTech/hm/impl

Hm/impl

bower.json

@@ -3,7 +3,8 @@
   "description": "Polymer element providing import of intersection observer polyfill.",
   "main": "deep-intersection-observer.html",
   "dependencies": {
-    "polymer": "Polymer/polymer#^1.0 || ^2.0"
+    "polymer": "Polymer/polymer#^1.0 || ^2.0",
+    "intersection-observer": "w3c/IntersectionObserver"
   },
   "devDependencies": {
     "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^2.0.0",

deep-intersection-observer.html

@@ -1,36 +1,10 @@
-<link rel="import" href="../polymer/polymer-element.html">
+<link rel="import" href="../polymer/polymer.html">
+<script src="../intersection-observer/polyfill/intersection-observer.js"></script>
 
 <dom-module id="deep-intersection-observer">
-  <template>
-    <style>
-      :host {
-        display: block;
-      }
-    </style>
-    <h2>Hello [[prop1]]!</h2>
-  </template>
-
   <script>
-    /**
-     * `deep-intersection-observer`
-     * Polymer element providing import of intersection observer polyfill.
-     *
-     * @customElement
-     * @polymer
-     * @demo demo/index.html
-     */
-    class DeepIntersectionObserver extends Polymer.Element {
-      static get is() { return 'deep-intersection-observer'; }
-      static get properties() {
-        return {
-          prop1: {
-            type: String,
-            value: 'deep-intersection-observer'
-          }
-        };
-      }
-    }
-
-    window.customElements.define(DeepIntersectionObserver.is, DeepIntersectionObserver);
+    Polymer({
+      is: 'deep-intersection-observer'
+    });
   </script>
 </dom-module>