Index: packages/web_components/lib/MutationObserver.js |
diff --git a/packages/web_components/lib/MutationObserver.js b/packages/web_components/lib/MutationObserver.js |
new file mode 100644 |
index 0000000000000000000000000000000000000000..84965e5752a50a610384b2716c79f7e39368ce7f |
--- /dev/null |
+++ b/packages/web_components/lib/MutationObserver.js |
@@ -0,0 +1,350 @@ |
+/** |
+ * @license |
+ * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
+ * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt |
+ * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
+ * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt |
+ * Code distributed by Google as part of the polymer project is also |
+ * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt |
+ */ |
+// @version 0.7.21 |
+if (typeof WeakMap === "undefined") { |
+ (function() { |
+ var defineProperty = Object.defineProperty; |
+ var counter = Date.now() % 1e9; |
+ var WeakMap = function() { |
+ this.name = "__st" + (Math.random() * 1e9 >>> 0) + (counter++ + "__"); |
+ }; |
+ WeakMap.prototype = { |
+ set: function(key, value) { |
+ var entry = key[this.name]; |
+ if (entry && entry[0] === key) entry[1] = value; else defineProperty(key, this.name, { |
+ value: [ key, value ], |
+ writable: true |
+ }); |
+ return this; |
+ }, |
+ get: function(key) { |
+ var entry; |
+ return (entry = key[this.name]) && entry[0] === key ? entry[1] : undefined; |
+ }, |
+ "delete": function(key) { |
+ var entry = key[this.name]; |
+ if (!entry || entry[0] !== key) return false; |
+ entry[0] = entry[1] = undefined; |
+ return true; |
+ }, |
+ has: function(key) { |
+ var entry = key[this.name]; |
+ if (!entry) return false; |
+ return entry[0] === key; |
+ } |
+ }; |
+ window.WeakMap = WeakMap; |
+ })(); |
+} |
+ |
+(function(global) { |
+ if (global.JsMutationObserver) { |
+ return; |
+ } |
+ var registrationsTable = new WeakMap(); |
+ var setImmediate; |
+ if (/Trident|Edge/.test(navigator.userAgent)) { |
+ setImmediate = setTimeout; |
+ } else if (window.setImmediate) { |
+ setImmediate = window.setImmediate; |
+ } else { |
+ var setImmediateQueue = []; |
+ var sentinel = String(Math.random()); |
+ window.addEventListener("message", function(e) { |
+ if (e.data === sentinel) { |
+ var queue = setImmediateQueue; |
+ setImmediateQueue = []; |
+ queue.forEach(function(func) { |
+ func(); |
+ }); |
+ } |
+ }); |
+ setImmediate = function(func) { |
+ setImmediateQueue.push(func); |
+ window.postMessage(sentinel, "*"); |
+ }; |
+ } |
+ var isScheduled = false; |
+ var scheduledObservers = []; |
+ function scheduleCallback(observer) { |
+ scheduledObservers.push(observer); |
+ if (!isScheduled) { |
+ isScheduled = true; |
+ setImmediate(dispatchCallbacks); |
+ } |
+ } |
+ function wrapIfNeeded(node) { |
+ return window.ShadowDOMPolyfill && window.ShadowDOMPolyfill.wrapIfNeeded(node) || node; |
+ } |
+ function dispatchCallbacks() { |
+ isScheduled = false; |
+ var observers = scheduledObservers; |
+ scheduledObservers = []; |
+ observers.sort(function(o1, o2) { |
+ return o1.uid_ - o2.uid_; |
+ }); |
+ var anyNonEmpty = false; |
+ observers.forEach(function(observer) { |
+ var queue = observer.takeRecords(); |
+ removeTransientObserversFor(observer); |
+ if (queue.length) { |
+ observer.callback_(queue, observer); |
+ anyNonEmpty = true; |
+ } |
+ }); |
+ if (anyNonEmpty) dispatchCallbacks(); |
+ } |
+ function removeTransientObserversFor(observer) { |
+ observer.nodes_.forEach(function(node) { |
+ var registrations = registrationsTable.get(node); |
+ if (!registrations) return; |
+ registrations.forEach(function(registration) { |
+ if (registration.observer === observer) registration.removeTransientObservers(); |
+ }); |
+ }); |
+ } |
+ function forEachAncestorAndObserverEnqueueRecord(target, callback) { |
+ for (var node = target; node; node = node.parentNode) { |
+ var registrations = registrationsTable.get(node); |
+ if (registrations) { |
+ for (var j = 0; j < registrations.length; j++) { |
+ var registration = registrations[j]; |
+ var options = registration.options; |
+ if (node !== target && !options.subtree) continue; |
+ var record = callback(options); |
+ if (record) registration.enqueue(record); |
+ } |
+ } |
+ } |
+ } |
+ var uidCounter = 0; |
+ function JsMutationObserver(callback) { |
+ this.callback_ = callback; |
+ this.nodes_ = []; |
+ this.records_ = []; |
+ this.uid_ = ++uidCounter; |
+ } |
+ JsMutationObserver.prototype = { |
+ observe: function(target, options) { |
+ target = wrapIfNeeded(target); |
+ if (!options.childList && !options.attributes && !options.characterData || options.attributeOldValue && !options.attributes || options.attributeFilter && options.attributeFilter.length && !options.attributes || options.characterDataOldValue && !options.characterData) { |
+ throw new SyntaxError(); |
+ } |
+ var registrations = registrationsTable.get(target); |
+ if (!registrations) registrationsTable.set(target, registrations = []); |
+ var registration; |
+ for (var i = 0; i < registrations.length; i++) { |
+ if (registrations[i].observer === this) { |
+ registration = registrations[i]; |
+ registration.removeListeners(); |
+ registration.options = options; |
+ break; |
+ } |
+ } |
+ if (!registration) { |
+ registration = new Registration(this, target, options); |
+ registrations.push(registration); |
+ this.nodes_.push(target); |
+ } |
+ registration.addListeners(); |
+ }, |
+ disconnect: function() { |
+ this.nodes_.forEach(function(node) { |
+ var registrations = registrationsTable.get(node); |
+ for (var i = 0; i < registrations.length; i++) { |
+ var registration = registrations[i]; |
+ if (registration.observer === this) { |
+ registration.removeListeners(); |
+ registrations.splice(i, 1); |
+ break; |
+ } |
+ } |
+ }, this); |
+ this.records_ = []; |
+ }, |
+ takeRecords: function() { |
+ var copyOfRecords = this.records_; |
+ this.records_ = []; |
+ return copyOfRecords; |
+ } |
+ }; |
+ function MutationRecord(type, target) { |
+ this.type = type; |
+ this.target = target; |
+ this.addedNodes = []; |
+ this.removedNodes = []; |
+ this.previousSibling = null; |
+ this.nextSibling = null; |
+ this.attributeName = null; |
+ this.attributeNamespace = null; |
+ this.oldValue = null; |
+ } |
+ function copyMutationRecord(original) { |
+ var record = new MutationRecord(original.type, original.target); |
+ record.addedNodes = original.addedNodes.slice(); |
+ record.removedNodes = original.removedNodes.slice(); |
+ record.previousSibling = original.previousSibling; |
+ record.nextSibling = original.nextSibling; |
+ record.attributeName = original.attributeName; |
+ record.attributeNamespace = original.attributeNamespace; |
+ record.oldValue = original.oldValue; |
+ return record; |
+ } |
+ var currentRecord, recordWithOldValue; |
+ function getRecord(type, target) { |
+ return currentRecord = new MutationRecord(type, target); |
+ } |
+ function getRecordWithOldValue(oldValue) { |
+ if (recordWithOldValue) return recordWithOldValue; |
+ recordWithOldValue = copyMutationRecord(currentRecord); |
+ recordWithOldValue.oldValue = oldValue; |
+ return recordWithOldValue; |
+ } |
+ function clearRecords() { |
+ currentRecord = recordWithOldValue = undefined; |
+ } |
+ function recordRepresentsCurrentMutation(record) { |
+ return record === recordWithOldValue || record === currentRecord; |
+ } |
+ function selectRecord(lastRecord, newRecord) { |
+ if (lastRecord === newRecord) return lastRecord; |
+ if (recordWithOldValue && recordRepresentsCurrentMutation(lastRecord)) return recordWithOldValue; |
+ return null; |
+ } |
+ function Registration(observer, target, options) { |
+ this.observer = observer; |
+ this.target = target; |
+ this.options = options; |
+ this.transientObservedNodes = []; |
+ } |
+ Registration.prototype = { |
+ enqueue: function(record) { |
+ var records = this.observer.records_; |
+ var length = records.length; |
+ if (records.length > 0) { |
+ var lastRecord = records[length - 1]; |
+ var recordToReplaceLast = selectRecord(lastRecord, record); |
+ if (recordToReplaceLast) { |
+ records[length - 1] = recordToReplaceLast; |
+ return; |
+ } |
+ } else { |
+ scheduleCallback(this.observer); |
+ } |
+ records[length] = record; |
+ }, |
+ addListeners: function() { |
+ this.addListeners_(this.target); |
+ }, |
+ addListeners_: function(node) { |
+ var options = this.options; |
+ if (options.attributes) node.addEventListener("DOMAttrModified", this, true); |
+ if (options.characterData) node.addEventListener("DOMCharacterDataModified", this, true); |
+ if (options.childList) node.addEventListener("DOMNodeInserted", this, true); |
+ if (options.childList || options.subtree) node.addEventListener("DOMNodeRemoved", this, true); |
+ }, |
+ removeListeners: function() { |
+ this.removeListeners_(this.target); |
+ }, |
+ removeListeners_: function(node) { |
+ var options = this.options; |
+ if (options.attributes) node.removeEventListener("DOMAttrModified", this, true); |
+ if (options.characterData) node.removeEventListener("DOMCharacterDataModified", this, true); |
+ if (options.childList) node.removeEventListener("DOMNodeInserted", this, true); |
+ if (options.childList || options.subtree) node.removeEventListener("DOMNodeRemoved", this, true); |
+ }, |
+ addTransientObserver: function(node) { |
+ if (node === this.target) return; |
+ this.addListeners_(node); |
+ this.transientObservedNodes.push(node); |
+ var registrations = registrationsTable.get(node); |
+ if (!registrations) registrationsTable.set(node, registrations = []); |
+ registrations.push(this); |
+ }, |
+ removeTransientObservers: function() { |
+ var transientObservedNodes = this.transientObservedNodes; |
+ this.transientObservedNodes = []; |
+ transientObservedNodes.forEach(function(node) { |
+ this.removeListeners_(node); |
+ var registrations = registrationsTable.get(node); |
+ for (var i = 0; i < registrations.length; i++) { |
+ if (registrations[i] === this) { |
+ registrations.splice(i, 1); |
+ break; |
+ } |
+ } |
+ }, this); |
+ }, |
+ handleEvent: function(e) { |
+ e.stopImmediatePropagation(); |
+ switch (e.type) { |
+ case "DOMAttrModified": |
+ var name = e.attrName; |
+ var namespace = e.relatedNode.namespaceURI; |
+ var target = e.target; |
+ var record = new getRecord("attributes", target); |
+ record.attributeName = name; |
+ record.attributeNamespace = namespace; |
+ var oldValue = e.attrChange === MutationEvent.ADDITION ? null : e.prevValue; |
+ forEachAncestorAndObserverEnqueueRecord(target, function(options) { |
+ if (!options.attributes) return; |
+ if (options.attributeFilter && options.attributeFilter.length && options.attributeFilter.indexOf(name) === -1 && options.attributeFilter.indexOf(namespace) === -1) { |
+ return; |
+ } |
+ if (options.attributeOldValue) return getRecordWithOldValue(oldValue); |
+ return record; |
+ }); |
+ break; |
+ |
+ case "DOMCharacterDataModified": |
+ var target = e.target; |
+ var record = getRecord("characterData", target); |
+ var oldValue = e.prevValue; |
+ forEachAncestorAndObserverEnqueueRecord(target, function(options) { |
+ if (!options.characterData) return; |
+ if (options.characterDataOldValue) return getRecordWithOldValue(oldValue); |
+ return record; |
+ }); |
+ break; |
+ |
+ case "DOMNodeRemoved": |
+ this.addTransientObserver(e.target); |
+ |
+ case "DOMNodeInserted": |
+ var changedNode = e.target; |
+ var addedNodes, removedNodes; |
+ if (e.type === "DOMNodeInserted") { |
+ addedNodes = [ changedNode ]; |
+ removedNodes = []; |
+ } else { |
+ addedNodes = []; |
+ removedNodes = [ changedNode ]; |
+ } |
+ var previousSibling = changedNode.previousSibling; |
+ var nextSibling = changedNode.nextSibling; |
+ var record = getRecord("childList", e.target.parentNode); |
+ record.addedNodes = addedNodes; |
+ record.removedNodes = removedNodes; |
+ record.previousSibling = previousSibling; |
+ record.nextSibling = nextSibling; |
+ forEachAncestorAndObserverEnqueueRecord(e.relatedNode, function(options) { |
+ if (!options.childList) return; |
+ return record; |
+ }); |
+ } |
+ clearRecords(); |
+ } |
+ }; |
+ global.JsMutationObserver = JsMutationObserver; |
+ if (!global.MutationObserver) { |
+ global.MutationObserver = JsMutationObserver; |
+ JsMutationObserver._isPolyfilled = true; |
+ } |
+})(self); |