Add Intersection Observer polyfill

Author: MarcusNotheis

packages/base/package.json

@@ -16,7 +16,8 @@
     "**/modernizr.js",
     "core-js/**/*",
     "./src/polyfill/*.ts",
-    "./polyfill/*.js"
+    "./polyfill/*.js",
+    "intersection-observer"
   ],
   "scripts": {
     "clean": "rimraf cjs Device hooks lib polyfill styling types utils index.esm.js index.d.ts",
@@ -26,6 +27,7 @@
   },
   "dependencies": {
     "core-js": "3.6.4",
+    "intersection-observer": "^0.7.0",
     "resize-observer-polyfill": "^1.5.1"
   },
   "peerDependencies": {

packages/base/src/polyfill/Edge.ts

@@ -1,4 +1,5 @@
 import ResizeObserver from 'resize-observer-polyfill';
+import 'intersection-observer';
 
 // @ts-ignore
 window.ResizeObserver = ResizeObserver;

packages/base/src/polyfill/IE11.ts

@@ -3,6 +3,7 @@ import 'core-js/modules/es.object.assign';
 import 'core-js/modules/es.object.values';
 import 'core-js/modules/es.array.from';
 import ResizeObserver from 'resize-observer-polyfill';
+import 'intersection-observer';
 
 // @ts-ignore
 window.ResizeObserver = ResizeObserver;