OLD | NEW |
1 /** | 1 /** |
2 * @license | 2 * @license |
3 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 3 * Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
4 * This code may only be used under the BSD style license found at http://polyme
r.github.io/LICENSE.txt | 4 * This code may only be used under the BSD style license found at http://polyme
r.github.io/LICENSE.txt |
5 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.
txt | 5 * The complete set of authors may be found at http://polymer.github.io/AUTHORS.
txt |
6 * The complete set of contributors may be found at http://polymer.github.io/CON
TRIBUTORS.txt | 6 * The complete set of contributors may be found at http://polymer.github.io/CON
TRIBUTORS.txt |
7 * Code distributed by Google as part of the polymer project is also | 7 * Code distributed by Google as part of the polymer project is also |
8 * subject to an additional IP rights grant found at http://polymer.github.io/PA
TENTS.txt | 8 * subject to an additional IP rights grant found at http://polymer.github.io/PA
TENTS.txt |
9 */ | 9 */ |
10 // @version 0.7.22 | 10 // @version 0.6.1 |
11 if (typeof WeakMap === "undefined") { | 11 if (typeof WeakMap === "undefined") { |
12 (function() { | 12 (function() { |
13 var defineProperty = Object.defineProperty; | 13 var defineProperty = Object.defineProperty; |
14 var counter = Date.now() % 1e9; | 14 var counter = Date.now() % 1e9; |
15 var WeakMap = function() { | 15 var WeakMap = function() { |
16 this.name = "__st" + (Math.random() * 1e9 >>> 0) + (counter++ + "__"); | 16 this.name = "__st" + (Math.random() * 1e9 >>> 0) + (counter++ + "__"); |
17 }; | 17 }; |
18 WeakMap.prototype = { | 18 WeakMap.prototype = { |
19 set: function(key, value) { | 19 set: function(key, value) { |
20 var entry = key[this.name]; | 20 var entry = key[this.name]; |
(...skipping 17 matching lines...) Expand all Loading... |
38 var entry = key[this.name]; | 38 var entry = key[this.name]; |
39 if (!entry) return false; | 39 if (!entry) return false; |
40 return entry[0] === key; | 40 return entry[0] === key; |
41 } | 41 } |
42 }; | 42 }; |
43 window.WeakMap = WeakMap; | 43 window.WeakMap = WeakMap; |
44 })(); | 44 })(); |
45 } | 45 } |
46 | 46 |
47 (function(global) { | 47 (function(global) { |
48 if (global.JsMutationObserver) { | |
49 return; | |
50 } | |
51 var registrationsTable = new WeakMap(); | 48 var registrationsTable = new WeakMap(); |
52 var setImmediate; | 49 var setImmediate; |
53 if (/Trident|Edge/.test(navigator.userAgent)) { | 50 if (/Trident|Edge/.test(navigator.userAgent)) { |
54 setImmediate = setTimeout; | 51 setImmediate = setTimeout; |
55 } else if (window.setImmediate) { | 52 } else if (window.setImmediate) { |
56 setImmediate = window.setImmediate; | 53 setImmediate = window.setImmediate; |
57 } else { | 54 } else { |
58 var setImmediateQueue = []; | 55 var setImmediateQueue = []; |
59 var sentinel = String(Math.random()); | 56 var sentinel = String(Math.random()); |
60 window.addEventListener("message", function(e) { | 57 window.addEventListener("message", function(e) { |
(...skipping 275 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
336 record.nextSibling = nextSibling; | 333 record.nextSibling = nextSibling; |
337 forEachAncestorAndObserverEnqueueRecord(e.relatedNode, function(options)
{ | 334 forEachAncestorAndObserverEnqueueRecord(e.relatedNode, function(options)
{ |
338 if (!options.childList) return; | 335 if (!options.childList) return; |
339 return record; | 336 return record; |
340 }); | 337 }); |
341 } | 338 } |
342 clearRecords(); | 339 clearRecords(); |
343 } | 340 } |
344 }; | 341 }; |
345 global.JsMutationObserver = JsMutationObserver; | 342 global.JsMutationObserver = JsMutationObserver; |
346 if (!global.MutationObserver) { | 343 if (!global.MutationObserver) global.MutationObserver = JsMutationObserver; |
347 global.MutationObserver = JsMutationObserver; | 344 })(this); |
348 JsMutationObserver._isPolyfilled = true; | |
349 } | |
350 })(self); | |
351 | |
352 (function(scope) { | |
353 "use strict"; | |
354 if (!window.performance) { | |
355 var start = Date.now(); | |
356 window.performance = { | |
357 now: function() { | |
358 return Date.now() - start; | |
359 } | |
360 }; | |
361 } | |
362 if (!window.requestAnimationFrame) { | |
363 window.requestAnimationFrame = function() { | |
364 var nativeRaf = window.webkitRequestAnimationFrame || window.mozRequestAni
mationFrame; | |
365 return nativeRaf ? function(callback) { | |
366 return nativeRaf(function() { | |
367 callback(performance.now()); | |
368 }); | |
369 } : function(callback) { | |
370 return window.setTimeout(callback, 1e3 / 60); | |
371 }; | |
372 }(); | |
373 } | |
374 if (!window.cancelAnimationFrame) { | |
375 window.cancelAnimationFrame = function() { | |
376 return window.webkitCancelAnimationFrame || window.mozCancelAnimationFrame
|| function(id) { | |
377 clearTimeout(id); | |
378 }; | |
379 }(); | |
380 } | |
381 var workingDefaultPrevented = function() { | |
382 var e = document.createEvent("Event"); | |
383 e.initEvent("foo", true, true); | |
384 e.preventDefault(); | |
385 return e.defaultPrevented; | |
386 }(); | |
387 if (!workingDefaultPrevented) { | |
388 var origPreventDefault = Event.prototype.preventDefault; | |
389 Event.prototype.preventDefault = function() { | |
390 if (!this.cancelable) { | |
391 return; | |
392 } | |
393 origPreventDefault.call(this); | |
394 Object.defineProperty(this, "defaultPrevented", { | |
395 get: function() { | |
396 return true; | |
397 }, | |
398 configurable: true | |
399 }); | |
400 }; | |
401 } | |
402 var isIE = /Trident/.test(navigator.userAgent); | |
403 if (!window.CustomEvent || isIE && typeof window.CustomEvent !== "function") { | |
404 window.CustomEvent = function(inType, params) { | |
405 params = params || {}; | |
406 var e = document.createEvent("CustomEvent"); | |
407 e.initCustomEvent(inType, Boolean(params.bubbles), Boolean(params.cancelab
le), params.detail); | |
408 return e; | |
409 }; | |
410 window.CustomEvent.prototype = window.Event.prototype; | |
411 } | |
412 if (!window.Event || isIE && typeof window.Event !== "function") { | |
413 var origEvent = window.Event; | |
414 window.Event = function(inType, params) { | |
415 params = params || {}; | |
416 var e = document.createEvent("Event"); | |
417 e.initEvent(inType, Boolean(params.bubbles), Boolean(params.cancelable)); | |
418 return e; | |
419 }; | |
420 window.Event.prototype = origEvent.prototype; | |
421 } | |
422 })(window.WebComponents); | |
423 | 345 |
424 window.CustomElements = window.CustomElements || { | 346 window.CustomElements = window.CustomElements || { |
425 flags: {} | 347 flags: {} |
426 }; | 348 }; |
427 | 349 |
428 (function(scope) { | 350 (function(scope) { |
429 var flags = scope.flags; | 351 var flags = scope.flags; |
430 var modules = []; | 352 var modules = []; |
431 var addModule = function(module) { | 353 var addModule = function(module) { |
432 modules.push(module); | 354 modules.push(module); |
433 }; | 355 }; |
434 var initializeModules = function() { | 356 var initializeModules = function() { |
435 modules.forEach(function(module) { | 357 modules.forEach(function(module) { |
436 module(scope); | 358 module(scope); |
437 }); | 359 }); |
438 }; | 360 }; |
439 scope.addModule = addModule; | 361 scope.addModule = addModule; |
440 scope.initializeModules = initializeModules; | 362 scope.initializeModules = initializeModules; |
441 scope.hasNative = Boolean(document.registerElement); | 363 scope.hasNative = Boolean(document.registerElement); |
442 scope.isIE = /Trident/.test(navigator.userAgent); | 364 scope.useNative = !flags.register && scope.hasNative && !window.ShadowDOMPolyf
ill && (!window.HTMLImports || HTMLImports.useNative); |
443 scope.useNative = !flags.register && scope.hasNative && !window.ShadowDOMPolyf
ill && (!window.HTMLImports || window.HTMLImports.useNative); | 365 })(CustomElements); |
444 })(window.CustomElements); | |
445 | 366 |
446 window.CustomElements.addModule(function(scope) { | 367 CustomElements.addModule(function(scope) { |
447 var IMPORT_LINK_TYPE = window.HTMLImports ? window.HTMLImports.IMPORT_LINK_TYP
E : "none"; | 368 var IMPORT_LINK_TYPE = window.HTMLImports ? HTMLImports.IMPORT_LINK_TYPE : "no
ne"; |
448 function forSubtree(node, cb) { | 369 function forSubtree(node, cb) { |
449 findAllElements(node, function(e) { | 370 findAllElements(node, function(e) { |
450 if (cb(e)) { | 371 if (cb(e)) { |
451 return true; | 372 return true; |
452 } | 373 } |
453 forRoots(e, cb); | 374 forRoots(e, cb); |
454 }); | 375 }); |
455 forRoots(node, cb); | 376 forRoots(node, cb); |
456 } | 377 } |
457 function findAllElements(node, find, data) { | 378 function findAllElements(node, find, data) { |
(...skipping 16 matching lines...) Expand all Loading... |
474 var root = node.shadowRoot; | 395 var root = node.shadowRoot; |
475 while (root) { | 396 while (root) { |
476 forSubtree(root, cb); | 397 forSubtree(root, cb); |
477 root = root.olderShadowRoot; | 398 root = root.olderShadowRoot; |
478 } | 399 } |
479 } | 400 } |
480 function forDocumentTree(doc, cb) { | 401 function forDocumentTree(doc, cb) { |
481 _forDocumentTree(doc, cb, []); | 402 _forDocumentTree(doc, cb, []); |
482 } | 403 } |
483 function _forDocumentTree(doc, cb, processingDocuments) { | 404 function _forDocumentTree(doc, cb, processingDocuments) { |
484 doc = window.wrap(doc); | 405 doc = wrap(doc); |
485 if (processingDocuments.indexOf(doc) >= 0) { | 406 if (processingDocuments.indexOf(doc) >= 0) { |
486 return; | 407 return; |
487 } | 408 } |
488 processingDocuments.push(doc); | 409 processingDocuments.push(doc); |
489 var imports = doc.querySelectorAll("link[rel=" + IMPORT_LINK_TYPE + "]"); | 410 var imports = doc.querySelectorAll("link[rel=" + IMPORT_LINK_TYPE + "]"); |
490 for (var i = 0, l = imports.length, n; i < l && (n = imports[i]); i++) { | 411 for (var i = 0, l = imports.length, n; i < l && (n = imports[i]); i++) { |
491 if (n.import) { | 412 if (n.import) { |
492 _forDocumentTree(n.import, cb, processingDocuments); | 413 _forDocumentTree(n.import, cb, processingDocuments); |
493 } | 414 } |
494 } | 415 } |
495 cb(doc); | 416 cb(doc); |
496 } | 417 } |
497 scope.forDocumentTree = forDocumentTree; | 418 scope.forDocumentTree = forDocumentTree; |
498 scope.forSubtree = forSubtree; | 419 scope.forSubtree = forSubtree; |
499 }); | 420 }); |
500 | 421 |
501 window.CustomElements.addModule(function(scope) { | 422 CustomElements.addModule(function(scope) { |
502 var flags = scope.flags; | 423 var flags = scope.flags; |
503 var forSubtree = scope.forSubtree; | 424 var forSubtree = scope.forSubtree; |
504 var forDocumentTree = scope.forDocumentTree; | 425 var forDocumentTree = scope.forDocumentTree; |
505 function addedNode(node, isAttached) { | 426 function addedNode(node) { |
506 return added(node, isAttached) || addedSubtree(node, isAttached); | 427 return added(node) || addedSubtree(node); |
507 } | 428 } |
508 function added(node, isAttached) { | 429 function added(node) { |
509 if (scope.upgrade(node, isAttached)) { | 430 if (scope.upgrade(node)) { |
510 return true; | 431 return true; |
511 } | 432 } |
512 if (isAttached) { | 433 attached(node); |
513 attached(node); | |
514 } | |
515 } | 434 } |
516 function addedSubtree(node, isAttached) { | 435 function addedSubtree(node) { |
517 forSubtree(node, function(e) { | 436 forSubtree(node, function(e) { |
518 if (added(e, isAttached)) { | 437 if (added(e)) { |
519 return true; | 438 return true; |
520 } | 439 } |
521 }); | 440 }); |
522 } | 441 } |
523 var hasThrottledAttached = window.MutationObserver._isPolyfilled && flags["thr
ottle-attached"]; | 442 function attachedNode(node) { |
524 scope.hasPolyfillMutations = hasThrottledAttached; | 443 attached(node); |
525 scope.hasThrottledAttached = hasThrottledAttached; | 444 if (inDocument(node)) { |
| 445 forSubtree(node, function(e) { |
| 446 attached(e); |
| 447 }); |
| 448 } |
| 449 } |
| 450 var hasPolyfillMutations = !window.MutationObserver || window.MutationObserver
=== window.JsMutationObserver; |
| 451 scope.hasPolyfillMutations = hasPolyfillMutations; |
526 var isPendingMutations = false; | 452 var isPendingMutations = false; |
527 var pendingMutations = []; | 453 var pendingMutations = []; |
528 function deferMutation(fn) { | 454 function deferMutation(fn) { |
529 pendingMutations.push(fn); | 455 pendingMutations.push(fn); |
530 if (!isPendingMutations) { | 456 if (!isPendingMutations) { |
531 isPendingMutations = true; | 457 isPendingMutations = true; |
532 setTimeout(takeMutations); | 458 setTimeout(takeMutations); |
533 } | 459 } |
534 } | 460 } |
535 function takeMutations() { | 461 function takeMutations() { |
536 isPendingMutations = false; | 462 isPendingMutations = false; |
537 var $p = pendingMutations; | 463 var $p = pendingMutations; |
538 for (var i = 0, l = $p.length, p; i < l && (p = $p[i]); i++) { | 464 for (var i = 0, l = $p.length, p; i < l && (p = $p[i]); i++) { |
539 p(); | 465 p(); |
540 } | 466 } |
541 pendingMutations = []; | 467 pendingMutations = []; |
542 } | 468 } |
543 function attached(element) { | 469 function attached(element) { |
544 if (hasThrottledAttached) { | 470 if (hasPolyfillMutations) { |
545 deferMutation(function() { | 471 deferMutation(function() { |
546 _attached(element); | 472 _attached(element); |
547 }); | 473 }); |
548 } else { | 474 } else { |
549 _attached(element); | 475 _attached(element); |
550 } | 476 } |
551 } | 477 } |
552 function _attached(element) { | 478 function _attached(element) { |
553 if (element.__upgraded__ && !element.__attached) { | 479 if (element.__upgraded__ && (element.attachedCallback || element.detachedCal
lback)) { |
554 element.__attached = true; | 480 if (!element.__attached && inDocument(element)) { |
555 if (element.attachedCallback) { | 481 element.__attached = true; |
556 element.attachedCallback(); | 482 if (element.attachedCallback) { |
| 483 element.attachedCallback(); |
| 484 } |
557 } | 485 } |
558 } | 486 } |
559 } | 487 } |
560 function detachedNode(node) { | 488 function detachedNode(node) { |
561 detached(node); | 489 detached(node); |
562 forSubtree(node, function(e) { | 490 forSubtree(node, function(e) { |
563 detached(e); | 491 detached(e); |
564 }); | 492 }); |
565 } | 493 } |
566 function detached(element) { | 494 function detached(element) { |
567 if (hasThrottledAttached) { | 495 if (hasPolyfillMutations) { |
568 deferMutation(function() { | 496 deferMutation(function() { |
569 _detached(element); | 497 _detached(element); |
570 }); | 498 }); |
571 } else { | 499 } else { |
572 _detached(element); | 500 _detached(element); |
573 } | 501 } |
574 } | 502 } |
575 function _detached(element) { | 503 function _detached(element) { |
576 if (element.__upgraded__ && element.__attached) { | 504 if (element.__upgraded__ && (element.attachedCallback || element.detachedCal
lback)) { |
577 element.__attached = false; | 505 if (element.__attached && !inDocument(element)) { |
578 if (element.detachedCallback) { | 506 element.__attached = false; |
579 element.detachedCallback(); | 507 if (element.detachedCallback) { |
| 508 element.detachedCallback(); |
| 509 } |
580 } | 510 } |
581 } | 511 } |
582 } | 512 } |
583 function inDocument(element) { | 513 function inDocument(element) { |
584 var p = element; | 514 var p = element; |
585 var doc = window.wrap(document); | 515 var doc = wrap(document); |
586 while (p) { | 516 while (p) { |
587 if (p == doc) { | 517 if (p == doc) { |
588 return true; | 518 return true; |
589 } | 519 } |
590 p = p.parentNode || p.nodeType === Node.DOCUMENT_FRAGMENT_NODE && p.host; | 520 p = p.parentNode || p.nodeType === Node.DOCUMENT_FRAGMENT_NODE && p.host; |
591 } | 521 } |
592 } | 522 } |
593 function watchShadow(node) { | 523 function watchShadow(node) { |
594 if (node.shadowRoot && !node.shadowRoot.__watched) { | 524 if (node.shadowRoot && !node.shadowRoot.__watched) { |
595 flags.dom && console.log("watching shadow-root for: ", node.localName); | 525 flags.dom && console.log("watching shadow-root for: ", node.localName); |
596 var root = node.shadowRoot; | 526 var root = node.shadowRoot; |
597 while (root) { | 527 while (root) { |
598 observe(root); | 528 observe(root); |
599 root = root.olderShadowRoot; | 529 root = root.olderShadowRoot; |
600 } | 530 } |
601 } | 531 } |
602 } | 532 } |
603 function handler(root, mutations) { | 533 function handler(mutations) { |
604 if (flags.dom) { | 534 if (flags.dom) { |
605 var mx = mutations[0]; | 535 var mx = mutations[0]; |
606 if (mx && mx.type === "childList" && mx.addedNodes) { | 536 if (mx && mx.type === "childList" && mx.addedNodes) { |
607 if (mx.addedNodes) { | 537 if (mx.addedNodes) { |
608 var d = mx.addedNodes[0]; | 538 var d = mx.addedNodes[0]; |
609 while (d && d !== document && !d.host) { | 539 while (d && d !== document && !d.host) { |
610 d = d.parentNode; | 540 d = d.parentNode; |
611 } | 541 } |
612 var u = d && (d.URL || d._URL || d.host && d.host.localName) || ""; | 542 var u = d && (d.URL || d._URL || d.host && d.host.localName) || ""; |
613 u = u.split("/?").shift().split("/").pop(); | 543 u = u.split("/?").shift().split("/").pop(); |
614 } | 544 } |
615 } | 545 } |
616 console.group("mutations (%d) [%s]", mutations.length, u || ""); | 546 console.group("mutations (%d) [%s]", mutations.length, u || ""); |
617 } | 547 } |
618 var isAttached = inDocument(root); | |
619 mutations.forEach(function(mx) { | 548 mutations.forEach(function(mx) { |
620 if (mx.type === "childList") { | 549 if (mx.type === "childList") { |
621 forEach(mx.addedNodes, function(n) { | 550 forEach(mx.addedNodes, function(n) { |
622 if (!n.localName) { | 551 if (!n.localName) { |
623 return; | 552 return; |
624 } | 553 } |
625 addedNode(n, isAttached); | 554 addedNode(n); |
626 }); | 555 }); |
627 forEach(mx.removedNodes, function(n) { | 556 forEach(mx.removedNodes, function(n) { |
628 if (!n.localName) { | 557 if (!n.localName) { |
629 return; | 558 return; |
630 } | 559 } |
631 detachedNode(n); | 560 detachedNode(n); |
632 }); | 561 }); |
633 } | 562 } |
634 }); | 563 }); |
635 flags.dom && console.groupEnd(); | 564 flags.dom && console.groupEnd(); |
636 } | 565 } |
637 function takeRecords(node) { | 566 function takeRecords(node) { |
638 node = window.wrap(node); | 567 node = wrap(node); |
639 if (!node) { | 568 if (!node) { |
640 node = window.wrap(document); | 569 node = wrap(document); |
641 } | 570 } |
642 while (node.parentNode) { | 571 while (node.parentNode) { |
643 node = node.parentNode; | 572 node = node.parentNode; |
644 } | 573 } |
645 var observer = node.__observer; | 574 var observer = node.__observer; |
646 if (observer) { | 575 if (observer) { |
647 handler(node, observer.takeRecords()); | 576 handler(observer.takeRecords()); |
648 takeMutations(); | 577 takeMutations(); |
649 } | 578 } |
650 } | 579 } |
651 var forEach = Array.prototype.forEach.call.bind(Array.prototype.forEach); | 580 var forEach = Array.prototype.forEach.call.bind(Array.prototype.forEach); |
652 function observe(inRoot) { | 581 function observe(inRoot) { |
653 if (inRoot.__observer) { | 582 if (inRoot.__observer) { |
654 return; | 583 return; |
655 } | 584 } |
656 var observer = new MutationObserver(handler.bind(this, inRoot)); | 585 var observer = new MutationObserver(handler); |
657 observer.observe(inRoot, { | 586 observer.observe(inRoot, { |
658 childList: true, | 587 childList: true, |
659 subtree: true | 588 subtree: true |
660 }); | 589 }); |
661 inRoot.__observer = observer; | 590 inRoot.__observer = observer; |
662 } | 591 } |
663 function upgradeDocument(doc) { | 592 function upgradeDocument(doc) { |
664 doc = window.wrap(doc); | 593 doc = wrap(doc); |
665 flags.dom && console.group("upgradeDocument: ", doc.baseURI.split("/").pop()
); | 594 flags.dom && console.group("upgradeDocument: ", doc.baseURI.split("/").pop()
); |
666 var isMainDocument = doc === window.wrap(document); | 595 addedNode(doc); |
667 addedNode(doc, isMainDocument); | |
668 observe(doc); | 596 observe(doc); |
669 flags.dom && console.groupEnd(); | 597 flags.dom && console.groupEnd(); |
670 } | 598 } |
671 function upgradeDocumentTree(doc) { | 599 function upgradeDocumentTree(doc) { |
672 forDocumentTree(doc, upgradeDocument); | 600 forDocumentTree(doc, upgradeDocument); |
673 } | 601 } |
674 var originalCreateShadowRoot = Element.prototype.createShadowRoot; | 602 var originalCreateShadowRoot = Element.prototype.createShadowRoot; |
675 if (originalCreateShadowRoot) { | 603 if (originalCreateShadowRoot) { |
676 Element.prototype.createShadowRoot = function() { | 604 Element.prototype.createShadowRoot = function() { |
677 var root = originalCreateShadowRoot.call(this); | 605 var root = originalCreateShadowRoot.call(this); |
678 window.CustomElements.watchShadow(this); | 606 CustomElements.watchShadow(this); |
679 return root; | 607 return root; |
680 }; | 608 }; |
681 } | 609 } |
682 scope.watchShadow = watchShadow; | 610 scope.watchShadow = watchShadow; |
683 scope.upgradeDocumentTree = upgradeDocumentTree; | 611 scope.upgradeDocumentTree = upgradeDocumentTree; |
684 scope.upgradeDocument = upgradeDocument; | |
685 scope.upgradeSubtree = addedSubtree; | 612 scope.upgradeSubtree = addedSubtree; |
686 scope.upgradeAll = addedNode; | 613 scope.upgradeAll = addedNode; |
687 scope.attached = attached; | 614 scope.attachedNode = attachedNode; |
688 scope.takeRecords = takeRecords; | 615 scope.takeRecords = takeRecords; |
689 }); | 616 }); |
690 | 617 |
691 window.CustomElements.addModule(function(scope) { | 618 CustomElements.addModule(function(scope) { |
692 var flags = scope.flags; | 619 var flags = scope.flags; |
693 function upgrade(node, isAttached) { | 620 function upgrade(node) { |
694 if (node.localName === "template") { | |
695 if (window.HTMLTemplateElement && HTMLTemplateElement.decorate) { | |
696 HTMLTemplateElement.decorate(node); | |
697 } | |
698 } | |
699 if (!node.__upgraded__ && node.nodeType === Node.ELEMENT_NODE) { | 621 if (!node.__upgraded__ && node.nodeType === Node.ELEMENT_NODE) { |
700 var is = node.getAttribute("is"); | 622 var is = node.getAttribute("is"); |
701 var definition = scope.getRegisteredDefinition(node.localName) || scope.ge
tRegisteredDefinition(is); | 623 var definition = scope.getRegisteredDefinition(is || node.localName); |
702 if (definition) { | 624 if (definition) { |
703 if (is && definition.tag == node.localName || !is && !definition.extends
) { | 625 if (is && definition.tag == node.localName) { |
704 return upgradeWithDefinition(node, definition, isAttached); | 626 return upgradeWithDefinition(node, definition); |
| 627 } else if (!is && !definition.extends) { |
| 628 return upgradeWithDefinition(node, definition); |
705 } | 629 } |
706 } | 630 } |
707 } | 631 } |
708 } | 632 } |
709 function upgradeWithDefinition(element, definition, isAttached) { | 633 function upgradeWithDefinition(element, definition) { |
710 flags.upgrade && console.group("upgrade:", element.localName); | 634 flags.upgrade && console.group("upgrade:", element.localName); |
711 if (definition.is) { | 635 if (definition.is) { |
712 element.setAttribute("is", definition.is); | 636 element.setAttribute("is", definition.is); |
713 } | 637 } |
714 implementPrototype(element, definition); | 638 implementPrototype(element, definition); |
715 element.__upgraded__ = true; | 639 element.__upgraded__ = true; |
716 created(element); | 640 created(element); |
717 if (isAttached) { | 641 scope.attachedNode(element); |
718 scope.attached(element); | 642 scope.upgradeSubtree(element); |
719 } | |
720 scope.upgradeSubtree(element, isAttached); | |
721 flags.upgrade && console.groupEnd(); | 643 flags.upgrade && console.groupEnd(); |
722 return element; | 644 return element; |
723 } | 645 } |
724 function implementPrototype(element, definition) { | 646 function implementPrototype(element, definition) { |
725 if (Object.__proto__) { | 647 if (Object.__proto__) { |
726 element.__proto__ = definition.prototype; | 648 element.__proto__ = definition.prototype; |
727 } else { | 649 } else { |
728 customMixin(element, definition.prototype, definition.native); | 650 customMixin(element, definition.prototype, definition.native); |
729 element.__proto__ = definition.prototype; | 651 element.__proto__ = definition.prototype; |
730 } | 652 } |
(...skipping 15 matching lines...) Expand all Loading... |
746 function created(element) { | 668 function created(element) { |
747 if (element.createdCallback) { | 669 if (element.createdCallback) { |
748 element.createdCallback(); | 670 element.createdCallback(); |
749 } | 671 } |
750 } | 672 } |
751 scope.upgrade = upgrade; | 673 scope.upgrade = upgrade; |
752 scope.upgradeWithDefinition = upgradeWithDefinition; | 674 scope.upgradeWithDefinition = upgradeWithDefinition; |
753 scope.implementPrototype = implementPrototype; | 675 scope.implementPrototype = implementPrototype; |
754 }); | 676 }); |
755 | 677 |
756 window.CustomElements.addModule(function(scope) { | 678 CustomElements.addModule(function(scope) { |
757 var isIE = scope.isIE; | 679 var isIE11OrOlder = scope.isIE11OrOlder; |
758 var upgradeDocumentTree = scope.upgradeDocumentTree; | 680 var upgradeDocumentTree = scope.upgradeDocumentTree; |
759 var upgradeAll = scope.upgradeAll; | 681 var upgradeAll = scope.upgradeAll; |
760 var upgradeWithDefinition = scope.upgradeWithDefinition; | 682 var upgradeWithDefinition = scope.upgradeWithDefinition; |
761 var implementPrototype = scope.implementPrototype; | 683 var implementPrototype = scope.implementPrototype; |
762 var useNative = scope.useNative; | 684 var useNative = scope.useNative; |
763 function register(name, options) { | 685 function register(name, options) { |
764 var definition = options || {}; | 686 var definition = options || {}; |
765 if (!name) { | 687 if (!name) { |
766 throw new Error("document.registerElement: first argument `name` must not
be empty"); | 688 throw new Error("document.registerElement: first argument `name` must not
be empty"); |
767 } | 689 } |
768 if (name.indexOf("-") < 0) { | 690 if (name.indexOf("-") < 0) { |
769 throw new Error("document.registerElement: first argument ('name') must co
ntain a dash ('-'). Argument provided was '" + String(name) + "'."); | 691 throw new Error("document.registerElement: first argument ('name') must co
ntain a dash ('-'). Argument provided was '" + String(name) + "'."); |
770 } | 692 } |
771 if (isReservedTag(name)) { | 693 if (isReservedTag(name)) { |
772 throw new Error("Failed to execute 'registerElement' on 'Document': Regist
ration failed for type '" + String(name) + "'. The type name is invalid."); | 694 throw new Error("Failed to execute 'registerElement' on 'Document': Regist
ration failed for type '" + String(name) + "'. The type name is invalid."); |
773 } | 695 } |
774 if (getRegisteredDefinition(name)) { | 696 if (getRegisteredDefinition(name)) { |
775 throw new Error("DuplicateDefinitionError: a type with name '" + String(na
me) + "' is already registered"); | 697 throw new Error("DuplicateDefinitionError: a type with name '" + String(na
me) + "' is already registered"); |
776 } | 698 } |
777 if (!definition.prototype) { | 699 if (!definition.prototype) { |
778 definition.prototype = Object.create(HTMLElement.prototype); | 700 definition.prototype = Object.create(HTMLElement.prototype); |
779 } | 701 } |
780 definition.__name = name.toLowerCase(); | 702 definition.__name = name.toLowerCase(); |
781 if (definition.extends) { | |
782 definition.extends = definition.extends.toLowerCase(); | |
783 } | |
784 definition.lifecycle = definition.lifecycle || {}; | 703 definition.lifecycle = definition.lifecycle || {}; |
785 definition.ancestry = ancestry(definition.extends); | 704 definition.ancestry = ancestry(definition.extends); |
786 resolveTagName(definition); | 705 resolveTagName(definition); |
787 resolvePrototypeChain(definition); | 706 resolvePrototypeChain(definition); |
788 overrideAttributeApi(definition.prototype); | 707 overrideAttributeApi(definition.prototype); |
789 registerDefinition(definition.__name, definition); | 708 registerDefinition(definition.__name, definition); |
790 definition.ctor = generateConstructor(definition); | 709 definition.ctor = generateConstructor(definition); |
791 definition.ctor.prototype = definition.prototype; | 710 definition.ctor.prototype = definition.prototype; |
792 definition.prototype.constructor = definition.ctor; | 711 definition.prototype.constructor = definition.ctor; |
793 if (scope.ready) { | 712 if (scope.ready) { |
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
841 definition.tag = baseTag || definition.__name; | 760 definition.tag = baseTag || definition.__name; |
842 if (baseTag) { | 761 if (baseTag) { |
843 definition.is = definition.__name; | 762 definition.is = definition.__name; |
844 } | 763 } |
845 } | 764 } |
846 function resolvePrototypeChain(definition) { | 765 function resolvePrototypeChain(definition) { |
847 if (!Object.__proto__) { | 766 if (!Object.__proto__) { |
848 var nativePrototype = HTMLElement.prototype; | 767 var nativePrototype = HTMLElement.prototype; |
849 if (definition.is) { | 768 if (definition.is) { |
850 var inst = document.createElement(definition.tag); | 769 var inst = document.createElement(definition.tag); |
851 nativePrototype = Object.getPrototypeOf(inst); | 770 var expectedPrototype = Object.getPrototypeOf(inst); |
| 771 if (expectedPrototype === definition.prototype) { |
| 772 nativePrototype = expectedPrototype; |
| 773 } |
852 } | 774 } |
853 var proto = definition.prototype, ancestor; | 775 var proto = definition.prototype, ancestor; |
854 var foundPrototype = false; | 776 while (proto && proto !== nativePrototype) { |
855 while (proto) { | |
856 if (proto == nativePrototype) { | |
857 foundPrototype = true; | |
858 } | |
859 ancestor = Object.getPrototypeOf(proto); | 777 ancestor = Object.getPrototypeOf(proto); |
860 if (ancestor) { | 778 proto.__proto__ = ancestor; |
861 proto.__proto__ = ancestor; | |
862 } | |
863 proto = ancestor; | 779 proto = ancestor; |
864 } | 780 } |
865 if (!foundPrototype) { | |
866 console.warn(definition.tag + " prototype not found in prototype chain f
or " + definition.is); | |
867 } | |
868 definition.native = nativePrototype; | 781 definition.native = nativePrototype; |
869 } | 782 } |
870 } | 783 } |
871 function instantiate(definition) { | 784 function instantiate(definition) { |
872 return upgradeWithDefinition(domCreateElement(definition.tag), definition); | 785 return upgradeWithDefinition(domCreateElement(definition.tag), definition); |
873 } | 786 } |
874 var registry = {}; | 787 var registry = {}; |
875 function getRegisteredDefinition(name) { | 788 function getRegisteredDefinition(name) { |
876 if (name) { | 789 if (name) { |
877 return registry[name.toLowerCase()]; | 790 return registry[name.toLowerCase()]; |
878 } | 791 } |
879 } | 792 } |
880 function registerDefinition(name, definition) { | 793 function registerDefinition(name, definition) { |
881 registry[name] = definition; | 794 registry[name] = definition; |
882 } | 795 } |
883 function generateConstructor(definition) { | 796 function generateConstructor(definition) { |
884 return function() { | 797 return function() { |
885 return instantiate(definition); | 798 return instantiate(definition); |
886 }; | 799 }; |
887 } | 800 } |
888 var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml"; | 801 var HTML_NAMESPACE = "http://www.w3.org/1999/xhtml"; |
889 function createElementNS(namespace, tag, typeExtension) { | 802 function createElementNS(namespace, tag, typeExtension) { |
890 if (namespace === HTML_NAMESPACE) { | 803 if (namespace === HTML_NAMESPACE) { |
891 return createElement(tag, typeExtension); | 804 return createElement(tag, typeExtension); |
892 } else { | 805 } else { |
893 return domCreateElementNS(namespace, tag); | 806 return domCreateElementNS(namespace, tag); |
894 } | 807 } |
895 } | 808 } |
896 function createElement(tag, typeExtension) { | 809 function createElement(tag, typeExtension) { |
897 if (tag) { | |
898 tag = tag.toLowerCase(); | |
899 } | |
900 if (typeExtension) { | |
901 typeExtension = typeExtension.toLowerCase(); | |
902 } | |
903 var definition = getRegisteredDefinition(typeExtension || tag); | 810 var definition = getRegisteredDefinition(typeExtension || tag); |
904 if (definition) { | 811 if (definition) { |
905 if (tag == definition.tag && typeExtension == definition.is) { | 812 if (tag == definition.tag && typeExtension == definition.is) { |
906 return new definition.ctor(); | 813 return new definition.ctor(); |
907 } | 814 } |
908 if (!typeExtension && !definition.is) { | 815 if (!typeExtension && !definition.is) { |
909 return new definition.ctor(); | 816 return new definition.ctor(); |
910 } | 817 } |
911 } | 818 } |
912 var element; | 819 var element; |
913 if (typeExtension) { | 820 if (typeExtension) { |
914 element = createElement(tag); | 821 element = createElement(tag); |
915 element.setAttribute("is", typeExtension); | 822 element.setAttribute("is", typeExtension); |
916 return element; | 823 return element; |
917 } | 824 } |
918 element = domCreateElement(tag); | 825 element = domCreateElement(tag); |
919 if (tag.indexOf("-") >= 0) { | 826 if (tag.indexOf("-") >= 0) { |
920 implementPrototype(element, HTMLElement); | 827 implementPrototype(element, HTMLElement); |
921 } | 828 } |
922 return element; | 829 return element; |
923 } | 830 } |
924 var domCreateElement = document.createElement.bind(document); | 831 var domCreateElement = document.createElement.bind(document); |
925 var domCreateElementNS = document.createElementNS.bind(document); | 832 var domCreateElementNS = document.createElementNS.bind(document); |
926 var isInstance; | 833 var isInstance; |
927 if (!Object.__proto__ && !useNative) { | 834 if (!Object.__proto__ && !useNative) { |
928 isInstance = function(obj, ctor) { | 835 isInstance = function(obj, ctor) { |
929 if (obj instanceof ctor) { | |
930 return true; | |
931 } | |
932 var p = obj; | 836 var p = obj; |
933 while (p) { | 837 while (p) { |
934 if (p === ctor.prototype) { | 838 if (p === ctor.prototype) { |
935 return true; | 839 return true; |
936 } | 840 } |
937 p = p.__proto__; | 841 p = p.__proto__; |
938 } | 842 } |
939 return false; | 843 return false; |
940 }; | 844 }; |
941 } else { | 845 } else { |
942 isInstance = function(obj, base) { | 846 isInstance = function(obj, base) { |
943 return obj instanceof base; | 847 return obj instanceof base; |
944 }; | 848 }; |
945 } | 849 } |
946 function wrapDomMethodToForceUpgrade(obj, methodName) { | 850 function wrapDomMethodToForceUpgrade(obj, methodName) { |
947 var orig = obj[methodName]; | 851 var orig = obj[methodName]; |
948 obj[methodName] = function() { | 852 obj[methodName] = function() { |
949 var n = orig.apply(this, arguments); | 853 var n = orig.apply(this, arguments); |
950 upgradeAll(n); | 854 upgradeAll(n); |
951 return n; | 855 return n; |
952 }; | 856 }; |
953 } | 857 } |
954 wrapDomMethodToForceUpgrade(Node.prototype, "cloneNode"); | 858 wrapDomMethodToForceUpgrade(Node.prototype, "cloneNode"); |
955 wrapDomMethodToForceUpgrade(document, "importNode"); | 859 wrapDomMethodToForceUpgrade(document, "importNode"); |
| 860 if (isIE11OrOlder) { |
| 861 (function() { |
| 862 var importNode = document.importNode; |
| 863 document.importNode = function() { |
| 864 var n = importNode.apply(document, arguments); |
| 865 if (n.nodeType == n.DOCUMENT_FRAGMENT_NODE) { |
| 866 var f = document.createDocumentFragment(); |
| 867 f.appendChild(n); |
| 868 return f; |
| 869 } else { |
| 870 return n; |
| 871 } |
| 872 }; |
| 873 })(); |
| 874 } |
956 document.registerElement = register; | 875 document.registerElement = register; |
957 document.createElement = createElement; | 876 document.createElement = createElement; |
958 document.createElementNS = createElementNS; | 877 document.createElementNS = createElementNS; |
959 scope.registry = registry; | 878 scope.registry = registry; |
960 scope.instanceof = isInstance; | 879 scope.instanceof = isInstance; |
961 scope.reservedTagList = reservedTagList; | 880 scope.reservedTagList = reservedTagList; |
962 scope.getRegisteredDefinition = getRegisteredDefinition; | 881 scope.getRegisteredDefinition = getRegisteredDefinition; |
963 document.register = document.registerElement; | 882 document.register = document.registerElement; |
964 }); | 883 }); |
965 | 884 |
966 (function(scope) { | 885 (function(scope) { |
967 var useNative = scope.useNative; | 886 var useNative = scope.useNative; |
968 var initializeModules = scope.initializeModules; | 887 var initializeModules = scope.initializeModules; |
969 var isIE = scope.isIE; | 888 var isIE11OrOlder = /Trident/.test(navigator.userAgent); |
970 if (useNative) { | 889 if (useNative) { |
971 var nop = function() {}; | 890 var nop = function() {}; |
972 scope.watchShadow = nop; | 891 scope.watchShadow = nop; |
973 scope.upgrade = nop; | 892 scope.upgrade = nop; |
974 scope.upgradeAll = nop; | 893 scope.upgradeAll = nop; |
975 scope.upgradeDocumentTree = nop; | 894 scope.upgradeDocumentTree = nop; |
976 scope.upgradeSubtree = nop; | 895 scope.upgradeSubtree = nop; |
977 scope.takeRecords = nop; | 896 scope.takeRecords = nop; |
978 scope.instanceof = function(obj, base) { | 897 scope.instanceof = function(obj, base) { |
979 return obj instanceof base; | 898 return obj instanceof base; |
980 }; | 899 }; |
981 } else { | 900 } else { |
982 initializeModules(); | 901 initializeModules(); |
983 } | 902 } |
984 var upgradeDocumentTree = scope.upgradeDocumentTree; | 903 var upgradeDocumentTree = scope.upgradeDocumentTree; |
985 var upgradeDocument = scope.upgradeDocument; | |
986 if (!window.wrap) { | 904 if (!window.wrap) { |
987 if (window.ShadowDOMPolyfill) { | 905 if (window.ShadowDOMPolyfill) { |
988 window.wrap = window.ShadowDOMPolyfill.wrapIfNeeded; | 906 window.wrap = ShadowDOMPolyfill.wrapIfNeeded; |
989 window.unwrap = window.ShadowDOMPolyfill.unwrapIfNeeded; | 907 window.unwrap = ShadowDOMPolyfill.unwrapIfNeeded; |
990 } else { | 908 } else { |
991 window.wrap = window.unwrap = function(node) { | 909 window.wrap = window.unwrap = function(node) { |
992 return node; | 910 return node; |
993 }; | 911 }; |
994 } | 912 } |
995 } | 913 } |
996 if (window.HTMLImports) { | 914 function bootstrap() { |
997 window.HTMLImports.__importsParsingHook = function(elt) { | 915 upgradeDocumentTree(wrap(document)); |
998 if (elt.import) { | 916 if (window.HTMLImports) { |
999 upgradeDocument(wrap(elt.import)); | 917 HTMLImports.__importsParsingHook = function(elt) { |
| 918 upgradeDocumentTree(wrap(elt.import)); |
| 919 }; |
| 920 } |
| 921 CustomElements.ready = true; |
| 922 setTimeout(function() { |
| 923 CustomElements.readyTime = Date.now(); |
| 924 if (window.HTMLImports) { |
| 925 CustomElements.elapsed = CustomElements.readyTime - HTMLImports.readyTim
e; |
1000 } | 926 } |
| 927 document.dispatchEvent(new CustomEvent("WebComponentsReady", { |
| 928 bubbles: true |
| 929 })); |
| 930 }); |
| 931 } |
| 932 if (isIE11OrOlder && typeof window.CustomEvent !== "function") { |
| 933 window.CustomEvent = function(inType, params) { |
| 934 params = params || {}; |
| 935 var e = document.createEvent("CustomEvent"); |
| 936 e.initCustomEvent(inType, Boolean(params.bubbles), Boolean(params.cancelab
le), params.detail); |
| 937 return e; |
1001 }; | 938 }; |
1002 } | 939 window.CustomEvent.prototype = window.Event.prototype; |
1003 function bootstrap() { | |
1004 upgradeDocumentTree(window.wrap(document)); | |
1005 window.CustomElements.ready = true; | |
1006 var requestAnimationFrame = window.requestAnimationFrame || function(f) { | |
1007 setTimeout(f, 16); | |
1008 }; | |
1009 requestAnimationFrame(function() { | |
1010 setTimeout(function() { | |
1011 window.CustomElements.readyTime = Date.now(); | |
1012 if (window.HTMLImports) { | |
1013 window.CustomElements.elapsed = window.CustomElements.readyTime - wind
ow.HTMLImports.readyTime; | |
1014 } | |
1015 document.dispatchEvent(new CustomEvent("WebComponentsReady", { | |
1016 bubbles: true | |
1017 })); | |
1018 }); | |
1019 }); | |
1020 } | 940 } |
1021 if (document.readyState === "complete" || scope.flags.eager) { | 941 if (document.readyState === "complete" || scope.flags.eager) { |
1022 bootstrap(); | 942 bootstrap(); |
1023 } else if (document.readyState === "interactive" && !window.attachEvent && (!w
indow.HTMLImports || window.HTMLImports.ready)) { | 943 } else if (document.readyState === "interactive" && !window.attachEvent && (!w
indow.HTMLImports || window.HTMLImports.ready)) { |
1024 bootstrap(); | 944 bootstrap(); |
1025 } else { | 945 } else { |
1026 var loadEvent = window.HTMLImports && !window.HTMLImports.ready ? "HTMLImpor
tsLoaded" : "DOMContentLoaded"; | 946 var loadEvent = window.HTMLImports && !HTMLImports.ready ? "HTMLImportsLoade
d" : "DOMContentLoaded"; |
1027 window.addEventListener(loadEvent, bootstrap); | 947 window.addEventListener(loadEvent, bootstrap); |
1028 } | 948 } |
| 949 scope.isIE11OrOlder = isIE11OrOlder; |
1029 })(window.CustomElements); | 950 })(window.CustomElements); |
OLD | NEW |