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

intersection-observer 0.5.1 → 0.12.2

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>