npm - intersection-observer - Versions diffs - 0.5.1 → 0.12.2 - Mend

intersection-observer 0.5.1 → 0.12.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (10) hide show

package/README.md +76 -8
package/intersection-observer-test.html +7 -0
package/intersection-observer-test.js +2255 -4
package/intersection-observer.js +363 -75
package/package.json +8 -8
package/border-test.html +0 -47
package/frame1.html +0 -9
package/frame2.html +0 -9
package/frames.html +0 -33
package/slot.html +0 -93

package/package.json CHANGED Viewed

@@ -1,23 +1,23 @@
 {
   "name": "intersection-observer",
-  "version": "0.5.1",
+  "version": "0.12.2",
   "description": "A polyfill for IntersectionObserver",
-  "main": "intersection-observer",
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:w3c/IntersectionObserver.git"
-  },
   "keywords": [
     "Intersection",
     "Observer"
   ],
+  "main": "intersection-observer.js",
   "author": {
     "name": "Philip Walton",
     "email": "philip@philipwalton.com",
     "url": "http://philipwalton.com"
   },
-  "license": "W3C-20150513",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/GoogleChromeLabs/intersection-observer.git"
+  },
   "bugs": {
-    "url": "https://github.com/w3c/IntersectionObserver/issues"
+    "url": "https://github.com/GoogleChromeLabs/intersection-observer/issues"
   }
 }

package/border-test.html DELETED Viewed

@@ -1,47 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <script>
-// delete window.IntersectionObserver;
-    </script>
-    <script src="intersection-observer.js"></script>
-    <script>
-function init() {
-  function callback(entries, observer) {
-    Array.prototype.forEach.call(entries, function(entry) {
-      if (entry.intersectionRatio > 0) {
-        entry.target.classList.add('visible');
-      }
-    });
-  }
-  var observer = new IntersectionObserver(callback, { root: document.getElementById('outer') });
-  Array.prototype.forEach.call(document.querySelectorAll('#outer div'), function(el) {
-    observer.observe(el);
-  });
-}
-window.addEventListener('load', init);
-    </script>
-    <style>
-#outer {
-  overflow-y: hidden;
-  height: 2em;
-  border: 10px solid #0000;
-}
-#outer div {
-  height: 100%;
-}
-#el2 {
-  background: red;
-}
-    </style>
-  </head>
-  <body>
-    <div id="outer">
-      <div id="el1">Element 1</div>
-      <div id="el2">Element 2</div>
-      <div id="el3">Element 3</div>
-    </div>
-  </body>
-</html>

package/frame1.html DELETED Viewed

@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Intersection Observer Frame Test</title>
-</head>
-<body>
-  <p>Hello World (1)</p>
-</body>
-</html>

package/frame2.html DELETED Viewed

@@ -1,9 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Intersection Observer Frame Test</title>
-</head>
-<body>
-  <p>Hello World (2)</p>
-</body>
-</html>

package/frames.html DELETED Viewed

@@ -1,33 +0,0 @@
-<!--
-Copyright 2016 Google Inc. All Rights Reserved.
-Licensed under the W3C SOFTWARE AND DOCUMENT NOTICE AND LICENSE.
- https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
--->
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <title>IntersectionObserver Tests</title>
-  <!-- Dependencies -->
-<!--   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.5.3/mocha.min.css">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/mocha/2.5.3/mocha.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/expect.js/0.2.0/expect.min.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/sinon.js/3.2.1/sinon.min.js"></script>
- -->
-  <styles>
-  </styles>
-</head>
-<body>
-  <iframe src="frame1.html"></iframe>
-  <iframe src="frame2.html"></iframe>
-</body>
-</html>

package/slot.html DELETED Viewed

@@ -1,93 +0,0 @@
-<template id="slot-test">
-  <style>
-  </style>
-  <div>
-    <h3>Title</h3>
-    <aside>
-      <slot name="contents"></slot>
-    </aside>
-  </div>
-</template>
-<my-el>
-  <ul slot="contents">
-    <li>one</li>
-    <li>two</li>
-    <li>three</li>
-  </ul>
-  <ul slot="contents">
-    <li>four</li>
-    <li>five</li>
-    <li>six</li>
-  </ul>
-</my-el>
-<script>
-class MyEl extends HTMLElement {
-  constructor() {
-    super();
-    const shadowRoot = this.attachShadow({mode: 'open'});
-    shadowRoot.innerHTML = `
-      <style>
-      </style>
-      <div>
-        <h3>Title</h3>
-        <aside>
-          <slot name="contents"></slot>
-        </aside>
-      </div>
-    `;
-  }
-}
-self.customElements.define('my-el', MyEl);
-/**
- * Checks to see if a parent element contains a child elemnt (including inside
- * shadow DOM).
- * @param {Node} parent The parent element.
- * @param {Node} child The child element.
- * @return {boolean} True if the parent node contains the child node.
- */
-function containsDeep(parent, child) {
-  var node = child;
-  while (node) {
-    if (node == parent) return true;
-    node = getParentNode(node);
-  }
-  return false;
-}
-/**
- * Gets the parent node of an element or its host element if the parent node
- * is a shadow root.
- * @param {Node} node The node whose parent to get.
- * @return {Node|null} The parent node or null if no parent exists.
- */
-function getParentNode(node) {
-  var parent = node.parentNode;
-  if (parent) {
-    if (parent.nodeType == 11 && parent.host) {
-      // If the parent is a shadow root, return the host element.
-      return parent.host;
-    }
-    if (parent.assignedSlot) {
-      // If the parent is assigned a slot, return the slot's parent.
-      return parent.assignedSlot.parentNode;
-    }
-  }
-  return parent;
-}
-</script>