jlengrand/webcomponentsjs
1
0
Fork 0
mirror of https://github.com/jlengrand/webcomponentsjs.git synced 2026-03-10 08:51:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' into use-wct

Browse Source
This commit is contained in:
Daniel Freedman
2015-10-19 15:53:22 -07:00
parent 8f4c8175ba 185a01c1e6
commit e3845a84aa
5 changed files with 54 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
bower.json
View File

@@ -1,7 +1,7 @@
{
"name": "webcomponentsjs",
"main": "webcomponents.js",
"version": "0.7.14",
"version": "0.7.15",
"homepage": "http://webcomponents.org",
"authors": [
"The Polymer Authors"

2
package.json
View File

@@ -1,6 +1,6 @@
{
"name": "webcomponents.js",
"version": "0.7.14",
"version": "0.7.15",
"description": "webcomponents.js",
"main": "webcomponents.js",
"directories": {

25
src/CustomElements/observe.js
View File

@@ -53,14 +53,23 @@ function addedSubtree(node, isAttached) {
}
// On platforms without MutationObserver, mutations may not be
// reliable and therefore attached/detached are not reliable.
// To make these callbacks less likely to fail, we defer all inserts and removes
// reliable and therefore attached/detached are not reliable. We think this
// occurs sometimes under heavy DOM operation load, but it is not easy to
// reproduce.
// To make these callbacks less likely to fail in this scenario,
// we *optionally* defer all inserts and removes
// to give a chance for elements to be attached into dom.
// This ensures attachedCallback fires for elements that are created and
// This helps ensure attachedCallback fires for elements that are created and
// immediately added to dom.
var hasPolyfillMutations = (!window.MutationObserver ||
(window.MutationObserver === window.JsMutationObserver));
scope.hasPolyfillMutations = hasPolyfillMutations;
// This change can significantly alter the performance characteristics
// of attaching elements and therefore we only enable it if the user has
// explicitly provided the `throttle-attached` flag.
var hasThrottledAttached = (window.MutationObserver._isPolyfilled &&
flags['throttle-attached']);
// bc
scope.hasPolyfillMutations = hasThrottledAttached;
// exposed for testing
scope.hasThrottledAttached = hasThrottledAttached;
var isPendingMutations = false;
var pendingMutations = [];
@@ -82,7 +91,7 @@ function takeMutations() {
}
function attached(element) {
if (hasPolyfillMutations) {
if (hasThrottledAttached) {
deferMutation(function() {
_attached(element);
});
@@ -118,7 +127,7 @@ function detachedNode(node) {
}
function detached(element) {
if (hasPolyfillMutations) {
if (hasThrottledAttached) {
deferMutation(function() {
_detached(element);
});

11
src/MutationObserver/MutationObserver.js
View File

@@ -10,6 +10,11 @@
(function(global) {
// Don't allow this object to be redefined.
if (global.JsMutationObserver) {
return;
}
var registrationsTable = new WeakMap();
var setImmediate;
@@ -561,8 +566,10 @@
global.JsMutationObserver = JsMutationObserver;
if (!global.MutationObserver)
if (!global.MutationObserver) {
global.MutationObserver = JsMutationObserver;
// Explicltly mark MO as polyfilled for user reference.
JsMutationObserver._isPolyfilled = true;
}
})(self);

26
tests/CustomElements/html/throttled-attached.html Normal file
View File

@@ -0,0 +1,26 @@
<!doctype html>
<!--
@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
-->
<html>
<head>
<title>Custom Elements: throttle attached</title>
<script src="../../tools/htmltest.js"></script>
<script src="../../tools/chai/chai.js"></script>
<script src="../../../src/CustomElements/CustomElements.js?wc-throttle-attached"></script>
</head>
<body>
<script>
addEventListener('WebComponentsReady', function() {
chai.assert.equal(MutationObserver.__isPolyfilled, CustomElements.hasThrottledAttached);
done();
});
</script>
</body>
</html>