fix Array.contains, del DOM4 methods

 fix: Array.contains() for non-Array objects
 del: .prepend(), .append(), .before(), .after() and .replace() methods
excluded from the W3C DOM 4 editor's draft
w3c/dom@87000ba
53

Author: Octane

README.md

@@ -87,7 +87,7 @@ global | `FormData()`<sup>[12](#FormData)</sup>, `Set()`, `Map()`, `WeakSet()`,
 `Math` generics | `.trunc()`, `.sign()`
 `Function.prototype` | `.bind()`
 `Text.prototype` | `.textContent`
-`HTMLElement.prototype` | `.append()`, `.prepend()`, `.after()`, `.before()`, `.replace()`, `.remove()`, `.matches()`, `.addEventListener()`, `.removeEventListner()`, `.dispatchEvent()`, `.children`<sup>[7](#HTMLElement.prototype.children)</sup>, `.firstElementChild`, `.lastElementChild`, `.childElementCount`, `.nextElementSibling`, `.previousElementSibling`, `.textContent`, `.classList`<sup>[8](#HTMLElement.prototype.classList)</sup>, `.dataset`<sup>[9](#HTMLElement.prototype.dataset)</sup>
+`HTMLElement.prototype` | `.matches()`, `.addEventListener()`, `.removeEventListner()`, `.dispatchEvent()`, `.children`<sup>[7](#HTMLElement.prototype.children)</sup>, `.firstElementChild`, `.lastElementChild`, `.childElementCount`, `.nextElementSibling`, `.previousElementSibling`, `.textContent`, `.classList`<sup>[8](#HTMLElement.prototype.classList)</sup>, `.dataset`<sup>[9](#HTMLElement.prototype.dataset)</sup>
 `HTMLScriptElement.prototype` | `.onload()`<sup>[10](#HTMLScriptElement.prototype.onload)</sup>, `.onerror()`<sup>[10](#HTMLScriptElement.prototype.onload)</sup>
 `CSSStyleDeclaration.prototype` | `.getPropertyValue()`, `.removeProperty()`, `.setProperty()`, `.cssFloat`, `.opacity`
 `document` | `.head`, `.createEvent()`<sup>[11](#document.createEvent)</sup>
@@ -203,7 +203,7 @@ i18n('currency', {cost: 100}) // → '100 руб.'
 `.parse()` converts a HTML code into a document fragment
 ```javascript
 var docFragment = lib.html.parse('<h1>Example</h1><p>...</p>');
-document.body.append(docFragment);
+document.body.appendChild(docFragment);
 ```
 
 ####lib.html.escape()

changelog.md

@@ -2,6 +2,8 @@
 
 ##v0.7.0
 
+ - fix: `Array.contains()` for non-Array objects
+ - del: `.prepend()`, `.append()`, `.before()`, `.after()` and `.replace()` methods ([excluded from the W3C DOM 4 editor's draft](https://github.com/w3c/dom/commit/87000ba632e83f40a2384a4a15f3b913ef167653))
  - `lib.Template()` now returns a function
 
 ##v0.6.1

src/polyfill/array.js

@@ -95,6 +95,6 @@ if (!Array.prototype.contains) {
             }
             return false;
         }
-        return -1 != this.indexOf(anything, position);
+        return -1 != Array.prototype.indexOf.call(this, anything, position);
     };
 }

src/polyfill/htmlelement.js

@@ -147,137 +147,51 @@ Object.defineProperty(HTMLElement.prototype, 'dataset', {
 
 };
 
-//DOM4 w3c.github.io/dom
-'append' in document.createDocumentFragment() || new function () {
-
-    var ELEMENT_NODE = 1,
-        proto = HTMLElement.prototype,
-        api  = {
-
-            before: function (/* ...nodes */) {
-                //todo IE8 removedNode.parentNode ≠ null
-                var parentNode = this.parentNode;
-                if (parentNode) {
-                    parentNode.insertBefore(mutationMacro(arguments), this);
-                }
-            },
-
-            after: function (/* ...nodes */) {
-                var parentNode = this.parentNode,
-                    nextSibling,
-                    nodes;
-                if (parentNode) {
-                    nodes = mutationMacro(arguments);
-                    nextSibling = this.nextSibling;
-                    if (nextSibling) {
-                        parentNode.insertBefore(nodes, nextSibling);
-                    } else {
-                        parentNode.appendChild(nodes);
-                    }
-                }
-            },
-
-            replace: function (/* ...nodes */) {
-                var parentNode = this.parentNode;
-                if (parentNode) {
-                    parentNode.replaceChild(mutationMacro(arguments), this);
-                }
-            },
-
-            remove: function () {
-                var parentNode = this.parentNode;
-                if (parentNode) {
-                    parentNode.removeChild(this);
-                }
-            },
-
-            append: function (/* ...nodes */) {
-                this.appendChild(mutationMacro(arguments));
-            },
-
-            prepend: function () {
-                this.insertBefore(mutationMacro(arguments), this.firstChild);
-            },
-
-            querySelector: proto.querySelector,
-
-            querySelectorAll: proto.querySelectorAll,
-
-            matches: [
-                proto.matchesSelector,
-                proto.oMatchesSelector,
-                proto.msMatchesSelector,
-                proto.mozMatchesSelector,
-                proto.webkitMatchesSelector,
-                function (selector) {
-                    var contains,
-                        root;
-                    if (this === document) {
-                        //if docFragment.constructor ≡ document.constructor
-                        return false;
-                    }
+document.documentElement.matches || new function () {
+
+    var proto = HTMLElement.prototype;
+
+    proto.matches = [
+        proto.matchesSelector,
+        proto.oMatchesSelector,
+        proto.msMatchesSelector,
+        proto.mozMatchesSelector,
+        proto.webkitMatchesSelector
+    ].find(Boolean);
+
+    if (!proto.matches) {
+        proto.matches = new function () {
+            var ELEMENT_NODE = 1;
+            function isContains(root, element, selector) {
+                return Array.contains(root.querySelectorAll(selector), element);
+            }
+            return function (selector) {
+                var contains,
                     root = this.parentNode;
-                    if (root) {
-                        if (ELEMENT_NODE == root.nodeType) {
-                            root = root.ownerDocument;
-                        }
-                        return isContains(root, this, selector);
+                if (root) {
+                    if (ELEMENT_NODE == root.nodeType) {
+                        root = root.ownerDocument;
                     }
-                    root = document.createDocumentFragment();
-                    root.appendChild(this);
-                    contains = isContains(root, this, selector);
-                    root.removeChild(this);
+                    return isContains(root, this, selector);
                 }
-            ].find(Boolean)
-
+                root = document.createDocumentFragment();
+                root.appendChild(this);
+                contains = isContains(root, this, selector);
+                root.removeChild(this);
+            };
         };
-
-    function isContains(root, element, selector) {
-        return -1 != Array.indexOf(root.querySelectorAll(selector), element);
     }
 
-    function mutationMacro(nodes) {
-        var node,
-            fragment,
-            length = nodes.length,
-            i;
-        if (1 == length) {
-            node = nodes[0];
-            if ('string' == typeof node) {
-                return document.createTextNode(node);
-            }
-            return node;
-        }
-        fragment = document.createDocumentFragment();
-        nodes = Array.from(nodes);
-        i = 0;
-        while (i < length) {
-            node = nodes[i];
-            if ('string' == typeof node) {
-                node = document.createTextNode(node);
-            }
-            fragment.appendChild(node);
-            i++;
-        }
-        return fragment;
-    }
-
-    function implement(key) {
-        if (!(key in proto)) {
-            proto[key] = api[key];
-        }
-    }
-
-    Object.keys(api).forEach(implement);
+};
 
-    proto = document.constructor.prototype;
-    ['querySelector', 'querySelectorAll'].forEach(implement);
+new function () {
 
-    proto = document.createDocumentFragment().constructor.prototype;
-    [
-        'append', 'prepend',
-        'querySelector', 'querySelectorAll',
-        'matches'
-    ].forEach(implement);
+    var docFragment = document.createDocumentFragment(),
+        target = docFragment.constructor.prototype,
+        source = HTMLElement.prototype;
+    if (!docFragment.querySelector) {
+        target.querySelector = source.querySelector;
+        target.querySelectorAll = source.querySelectorAll;
+    }
 
 };

src/polyfill/ltie10/htmlelement.js

@@ -36,7 +36,7 @@ Object.defineProperty(HTMLElement.prototype, 'classList', {
                 this._update();
                 length = this.length;
                 Array.forEach(arguments, function (token) {
-                    if (-1 == Array.indexOf(this, token)) {
+                    if (!Array.contains(this, token)) {
                         Array.push(this, token);
                     }
                 }, this);
@@ -72,7 +72,7 @@ Object.defineProperty(HTMLElement.prototype, 'classList', {
 
             contains: function (token) {
                 this._update();
-                return -1 != Array.indexOf(this, token);
+                return Array.contains(this, token);
             },
 
             toString: function () {