From 0cc67139d85fad91d3ae34748debe182b575f767 Mon Sep 17 00:00:00 2001
From: haydenmcp <hayden.mcparlane@gmail.com>
Date: Mon, 19 Feb 2018 16:44:55 -0600
Subject: [PATCH 1/2] migrated to use of intersection observer instead of
 resize observer.

---
 bower.json                 |  1 +
 deep-element-behavior.html | 22 +++++++++++++---------
 2 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/bower.json b/bower.json
index f9943e7..5f22308 100644
--- a/bower.json
+++ b/bower.json
@@ -3,6 +3,7 @@
   "description": "Polymer behavior providing useful hooks into HTMLElement state (i.e, element.isVisible if the element is displayed to the user).",
   "main": "deep-element-behavior.html",
   "dependencies": {
+    "deep-intersection-observer": "ThinkDeepTech/deep-intersection-observer#hm/impl",
     "polymer": "Polymer/polymer#^1.0 || ^2.0"
   },
   "devDependencies": {
diff --git a/deep-element-behavior.html b/deep-element-behavior.html
index 836989c..1a41d5f 100644
--- a/deep-element-behavior.html
+++ b/deep-element-behavior.html
@@ -1,3 +1,5 @@
+<link rel="import" href="../deep-intersection-observer/deep-intersection-observer.html">
+
 <script>
   window.deep = window.deep || {};
 
@@ -8,20 +10,22 @@
       isVisibleToUser: {
         type: Boolean,
         value: false
-      },
-      /* Observer monitoring resize events */
-      __resizeObserver: Object
+      }
     },
     attached() {
-      this.__resizeObserver = new ResizeObserver(this.__updateVisibility.bind(this));
-      this.__resizeObserver.observe(this);
+      // NOTE: A null root defaults to the device view port.
+      this.__visibilityObserver = new IntersectionObserver(this.__updateVisibility.bind(this), {
+        root: this.parentNode || null,
+        threshold: 0.9
+      });
+      this.__visibilityObserver.observe(this);
     },
     detached() {
-      this.__resizeObserver.disconnect();
+      this.__visibilityObserver.disconnect();
     },
-    __updateVisibility(resizeEntries) {
-      if(!Array.isArray(resizeEntries) || !resizeEntries.length) return;
-      const boundingRectangle = resizeEntries[0].contentRect;
+    __updateVisibility(entries) {
+      if(!Array.isArray(entries) || !entries.length) return;
+      const boundingRectangle = entries[0].boundingClientRect || {height: 0, width: 0};
       const {height, width} = boundingRectangle;
       this.set('isVisibleToUser', Boolean(height) || Boolean(width));
     }

From 7c87c17a95a04c676989d3a84fd733baed6d4254 Mon Sep 17 00:00:00 2001
From: haydenmcp <hayden.mcparlane@gmail.com>
Date: Mon, 19 Feb 2018 16:46:20 -0600
Subject: [PATCH 2/2] added versioning of intersection observer polyfill

---
 bower.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bower.json b/bower.json
index 5f22308..efde02f 100644
--- a/bower.json
+++ b/bower.json
@@ -3,7 +3,7 @@
   "description": "Polymer behavior providing useful hooks into HTMLElement state (i.e, element.isVisible if the element is displayed to the user).",
   "main": "deep-element-behavior.html",
   "dependencies": {
-    "deep-intersection-observer": "ThinkDeepTech/deep-intersection-observer#hm/impl",
+    "deep-intersection-observer": "ThinkDeepTech/deep-intersection-observer#^0.0.1",
     "polymer": "Polymer/polymer#^1.0 || ^2.0"
   },
   "devDependencies": {