2015-06-19 09:36:51 -07:00
|
|
|
<!--
|
|
|
|
@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
|
|
|
|
--><link rel="import" href="polymer-micro.html">
|
|
|
|
|
|
|
|
<script>Polymer.Base._addFeature({
|
|
|
|
_prepTemplate: function () {
|
|
|
|
this._template = this._template || Polymer.DomModule.import(this.is, 'template');
|
|
|
|
if (this._template && this._template.hasAttribute('is')) {
|
|
|
|
this._warn(this._logf('_prepTemplate', 'top-level Polymer template ' + 'must not be a type-extension, found', this._template, 'Move inside simple <template>.'));
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_stampTemplate: function () {
|
|
|
|
if (this._template) {
|
|
|
|
this.root = this.instanceTemplate(this._template);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
instanceTemplate: function (template) {
|
|
|
|
var dom = document.importNode(template._content || template.content, true);
|
|
|
|
return dom;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
(function () {
|
|
|
|
var baseAttachedCallback = Polymer.Base.attachedCallback;
|
|
|
|
Polymer.Base._addFeature({
|
|
|
|
_hostStack: [],
|
|
|
|
ready: function () {
|
|
|
|
},
|
|
|
|
_pushHost: function (host) {
|
|
|
|
this.dataHost = host = host || Polymer.Base._hostStack[Polymer.Base._hostStack.length - 1];
|
|
|
|
if (host && host._clients) {
|
|
|
|
host._clients.push(this);
|
|
|
|
}
|
|
|
|
this._beginHost();
|
|
|
|
},
|
|
|
|
_beginHost: function () {
|
|
|
|
Polymer.Base._hostStack.push(this);
|
|
|
|
if (!this._clients) {
|
|
|
|
this._clients = [];
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_popHost: function () {
|
|
|
|
Polymer.Base._hostStack.pop();
|
|
|
|
},
|
|
|
|
_tryReady: function () {
|
|
|
|
if (this._canReady()) {
|
|
|
|
this._ready();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_canReady: function () {
|
|
|
|
return !this.dataHost || this.dataHost._clientsReadied;
|
|
|
|
},
|
|
|
|
_ready: function () {
|
|
|
|
this._beforeClientsReady();
|
|
|
|
this._setupRoot();
|
|
|
|
this._readyClients();
|
|
|
|
this._afterClientsReady();
|
|
|
|
this._readySelf();
|
|
|
|
},
|
|
|
|
_readyClients: function () {
|
|
|
|
this._beginDistribute();
|
|
|
|
var c$ = this._clients;
|
|
|
|
for (var i = 0, l = c$.length, c; i < l && (c = c$[i]); i++) {
|
|
|
|
c._ready();
|
|
|
|
}
|
|
|
|
this._finishDistribute();
|
|
|
|
this._clientsReadied = true;
|
|
|
|
this._clients = null;
|
|
|
|
},
|
|
|
|
_readySelf: function () {
|
|
|
|
this._doBehavior('ready');
|
|
|
|
this._readied = true;
|
|
|
|
if (this._attachedPending) {
|
|
|
|
this._attachedPending = false;
|
|
|
|
this.attachedCallback();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_beforeClientsReady: function () {
|
|
|
|
},
|
|
|
|
_afterClientsReady: function () {
|
|
|
|
},
|
|
|
|
_beforeAttached: function () {
|
|
|
|
},
|
|
|
|
attachedCallback: function () {
|
|
|
|
if (this._readied) {
|
|
|
|
this._beforeAttached();
|
|
|
|
baseAttachedCallback.call(this);
|
|
|
|
} else {
|
|
|
|
this._attachedPending = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}());
|
|
|
|
Polymer.ArraySplice = function () {
|
|
|
|
function newSplice(index, removed, addedCount) {
|
|
|
|
return {
|
|
|
|
index: index,
|
|
|
|
removed: removed,
|
|
|
|
addedCount: addedCount
|
|
|
|
};
|
|
|
|
}
|
|
|
|
var EDIT_LEAVE = 0;
|
|
|
|
var EDIT_UPDATE = 1;
|
|
|
|
var EDIT_ADD = 2;
|
|
|
|
var EDIT_DELETE = 3;
|
|
|
|
function ArraySplice() {
|
|
|
|
}
|
|
|
|
ArraySplice.prototype = {
|
|
|
|
calcEditDistances: function (current, currentStart, currentEnd, old, oldStart, oldEnd) {
|
|
|
|
var rowCount = oldEnd - oldStart + 1;
|
|
|
|
var columnCount = currentEnd - currentStart + 1;
|
|
|
|
var distances = new Array(rowCount);
|
|
|
|
for (var i = 0; i < rowCount; i++) {
|
|
|
|
distances[i] = new Array(columnCount);
|
|
|
|
distances[i][0] = i;
|
|
|
|
}
|
|
|
|
for (var j = 0; j < columnCount; j++)
|
|
|
|
distances[0][j] = j;
|
|
|
|
for (var i = 1; i < rowCount; i++) {
|
|
|
|
for (var j = 1; j < columnCount; j++) {
|
|
|
|
if (this.equals(current[currentStart + j - 1], old[oldStart + i - 1]))
|
|
|
|
distances[i][j] = distances[i - 1][j - 1];
|
|
|
|
else {
|
|
|
|
var north = distances[i - 1][j] + 1;
|
|
|
|
var west = distances[i][j - 1] + 1;
|
|
|
|
distances[i][j] = north < west ? north : west;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return distances;
|
|
|
|
},
|
|
|
|
spliceOperationsFromEditDistances: function (distances) {
|
|
|
|
var i = distances.length - 1;
|
|
|
|
var j = distances[0].length - 1;
|
|
|
|
var current = distances[i][j];
|
|
|
|
var edits = [];
|
|
|
|
while (i > 0 || j > 0) {
|
|
|
|
if (i == 0) {
|
|
|
|
edits.push(EDIT_ADD);
|
|
|
|
j--;
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
if (j == 0) {
|
|
|
|
edits.push(EDIT_DELETE);
|
|
|
|
i--;
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
var northWest = distances[i - 1][j - 1];
|
|
|
|
var west = distances[i - 1][j];
|
|
|
|
var north = distances[i][j - 1];
|
|
|
|
var min;
|
|
|
|
if (west < north)
|
|
|
|
min = west < northWest ? west : northWest;
|
|
|
|
else
|
|
|
|
min = north < northWest ? north : northWest;
|
|
|
|
if (min == northWest) {
|
|
|
|
if (northWest == current) {
|
|
|
|
edits.push(EDIT_LEAVE);
|
|
|
|
} else {
|
|
|
|
edits.push(EDIT_UPDATE);
|
|
|
|
current = northWest;
|
|
|
|
}
|
|
|
|
i--;
|
|
|
|
j--;
|
|
|
|
} else if (min == west) {
|
|
|
|
edits.push(EDIT_DELETE);
|
|
|
|
i--;
|
|
|
|
current = west;
|
|
|
|
} else {
|
|
|
|
edits.push(EDIT_ADD);
|
|
|
|
j--;
|
|
|
|
current = north;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
edits.reverse();
|
|
|
|
return edits;
|
|
|
|
},
|
|
|
|
calcSplices: function (current, currentStart, currentEnd, old, oldStart, oldEnd) {
|
|
|
|
var prefixCount = 0;
|
|
|
|
var suffixCount = 0;
|
|
|
|
var minLength = Math.min(currentEnd - currentStart, oldEnd - oldStart);
|
|
|
|
if (currentStart == 0 && oldStart == 0)
|
|
|
|
prefixCount = this.sharedPrefix(current, old, minLength);
|
|
|
|
if (currentEnd == current.length && oldEnd == old.length)
|
|
|
|
suffixCount = this.sharedSuffix(current, old, minLength - prefixCount);
|
|
|
|
currentStart += prefixCount;
|
|
|
|
oldStart += prefixCount;
|
|
|
|
currentEnd -= suffixCount;
|
|
|
|
oldEnd -= suffixCount;
|
|
|
|
if (currentEnd - currentStart == 0 && oldEnd - oldStart == 0)
|
|
|
|
return [];
|
|
|
|
if (currentStart == currentEnd) {
|
|
|
|
var splice = newSplice(currentStart, [], 0);
|
|
|
|
while (oldStart < oldEnd)
|
|
|
|
splice.removed.push(old[oldStart++]);
|
|
|
|
return [splice];
|
|
|
|
} else if (oldStart == oldEnd)
|
|
|
|
return [newSplice(currentStart, [], currentEnd - currentStart)];
|
|
|
|
var ops = this.spliceOperationsFromEditDistances(this.calcEditDistances(current, currentStart, currentEnd, old, oldStart, oldEnd));
|
|
|
|
var splice = undefined;
|
|
|
|
var splices = [];
|
|
|
|
var index = currentStart;
|
|
|
|
var oldIndex = oldStart;
|
|
|
|
for (var i = 0; i < ops.length; i++) {
|
|
|
|
switch (ops[i]) {
|
|
|
|
case EDIT_LEAVE:
|
|
|
|
if (splice) {
|
|
|
|
splices.push(splice);
|
|
|
|
splice = undefined;
|
|
|
|
}
|
|
|
|
index++;
|
|
|
|
oldIndex++;
|
|
|
|
break;
|
|
|
|
case EDIT_UPDATE:
|
|
|
|
if (!splice)
|
|
|
|
splice = newSplice(index, [], 0);
|
|
|
|
splice.addedCount++;
|
|
|
|
index++;
|
|
|
|
splice.removed.push(old[oldIndex]);
|
|
|
|
oldIndex++;
|
|
|
|
break;
|
|
|
|
case EDIT_ADD:
|
|
|
|
if (!splice)
|
|
|
|
splice = newSplice(index, [], 0);
|
|
|
|
splice.addedCount++;
|
|
|
|
index++;
|
|
|
|
break;
|
|
|
|
case EDIT_DELETE:
|
|
|
|
if (!splice)
|
|
|
|
splice = newSplice(index, [], 0);
|
|
|
|
splice.removed.push(old[oldIndex]);
|
|
|
|
oldIndex++;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (splice) {
|
|
|
|
splices.push(splice);
|
|
|
|
}
|
|
|
|
return splices;
|
|
|
|
},
|
|
|
|
sharedPrefix: function (current, old, searchLength) {
|
|
|
|
for (var i = 0; i < searchLength; i++)
|
|
|
|
if (!this.equals(current[i], old[i]))
|
|
|
|
return i;
|
|
|
|
return searchLength;
|
|
|
|
},
|
|
|
|
sharedSuffix: function (current, old, searchLength) {
|
|
|
|
var index1 = current.length;
|
|
|
|
var index2 = old.length;
|
|
|
|
var count = 0;
|
|
|
|
while (count < searchLength && this.equals(current[--index1], old[--index2]))
|
|
|
|
count++;
|
|
|
|
return count;
|
|
|
|
},
|
|
|
|
calculateSplices: function (current, previous) {
|
|
|
|
return this.calcSplices(current, 0, current.length, previous, 0, previous.length);
|
|
|
|
},
|
|
|
|
equals: function (currentValue, previousValue) {
|
|
|
|
return currentValue === previousValue;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
return new ArraySplice();
|
|
|
|
}();
|
|
|
|
Polymer.EventApi = function () {
|
|
|
|
var Settings = Polymer.Settings;
|
|
|
|
var EventApi = function (event) {
|
|
|
|
this.event = event;
|
|
|
|
};
|
|
|
|
if (Settings.useShadow) {
|
|
|
|
EventApi.prototype = {
|
|
|
|
get rootTarget() {
|
|
|
|
return this.event.path[0];
|
|
|
|
},
|
|
|
|
get localTarget() {
|
|
|
|
return this.event.target;
|
|
|
|
},
|
|
|
|
get path() {
|
|
|
|
return this.event.path;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
} else {
|
|
|
|
EventApi.prototype = {
|
|
|
|
get rootTarget() {
|
|
|
|
return this.event.target;
|
|
|
|
},
|
|
|
|
get localTarget() {
|
|
|
|
var current = this.event.currentTarget;
|
|
|
|
var currentRoot = current && Polymer.dom(current).getOwnerRoot();
|
|
|
|
var p$ = this.path;
|
|
|
|
for (var i = 0; i < p$.length; i++) {
|
|
|
|
if (Polymer.dom(p$[i]).getOwnerRoot() === currentRoot) {
|
|
|
|
return p$[i];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
get path() {
|
|
|
|
if (!this.event._path) {
|
|
|
|
var path = [];
|
|
|
|
var o = this.rootTarget;
|
|
|
|
while (o) {
|
|
|
|
path.push(o);
|
|
|
|
o = Polymer.dom(o).parentNode || o.host;
|
|
|
|
}
|
|
|
|
path.push(window);
|
|
|
|
this.event._path = path;
|
|
|
|
}
|
|
|
|
return this.event._path;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
var factory = function (event) {
|
|
|
|
if (!event.__eventApi) {
|
|
|
|
event.__eventApi = new EventApi(event);
|
|
|
|
}
|
|
|
|
return event.__eventApi;
|
|
|
|
};
|
|
|
|
return { factory: factory };
|
|
|
|
}();
|
|
|
|
Polymer.domInnerHTML = function () {
|
|
|
|
var escapeAttrRegExp = /[&\u00A0"]/g;
|
|
|
|
var escapeDataRegExp = /[&\u00A0<>]/g;
|
|
|
|
function escapeReplace(c) {
|
|
|
|
switch (c) {
|
|
|
|
case '&':
|
|
|
|
return '&';
|
|
|
|
case '<':
|
|
|
|
return '<';
|
|
|
|
case '>':
|
|
|
|
return '>';
|
|
|
|
case '"':
|
|
|
|
return '"';
|
|
|
|
case '\xA0':
|
|
|
|
return ' ';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function escapeAttr(s) {
|
|
|
|
return s.replace(escapeAttrRegExp, escapeReplace);
|
|
|
|
}
|
|
|
|
function escapeData(s) {
|
|
|
|
return s.replace(escapeDataRegExp, escapeReplace);
|
|
|
|
}
|
|
|
|
function makeSet(arr) {
|
|
|
|
var set = {};
|
|
|
|
for (var i = 0; i < arr.length; i++) {
|
|
|
|
set[arr[i]] = true;
|
|
|
|
}
|
|
|
|
return set;
|
|
|
|
}
|
|
|
|
var voidElements = makeSet([
|
|
|
|
'area',
|
|
|
|
'base',
|
|
|
|
'br',
|
|
|
|
'col',
|
|
|
|
'command',
|
|
|
|
'embed',
|
|
|
|
'hr',
|
|
|
|
'img',
|
|
|
|
'input',
|
|
|
|
'keygen',
|
|
|
|
'link',
|
|
|
|
'meta',
|
|
|
|
'param',
|
|
|
|
'source',
|
|
|
|
'track',
|
|
|
|
'wbr'
|
|
|
|
]);
|
|
|
|
var plaintextParents = makeSet([
|
|
|
|
'style',
|
|
|
|
'script',
|
|
|
|
'xmp',
|
|
|
|
'iframe',
|
|
|
|
'noembed',
|
|
|
|
'noframes',
|
|
|
|
'plaintext',
|
|
|
|
'noscript'
|
|
|
|
]);
|
|
|
|
function getOuterHTML(node, parentNode, composed) {
|
|
|
|
switch (node.nodeType) {
|
|
|
|
case Node.ELEMENT_NODE:
|
|
|
|
var tagName = node.localName;
|
|
|
|
var s = '<' + tagName;
|
|
|
|
var attrs = node.attributes;
|
|
|
|
for (var i = 0, attr; attr = attrs[i]; i++) {
|
|
|
|
s += ' ' + attr.name + '="' + escapeAttr(attr.value) + '"';
|
|
|
|
}
|
|
|
|
s += '>';
|
|
|
|
if (voidElements[tagName]) {
|
|
|
|
return s;
|
|
|
|
}
|
|
|
|
return s + getInnerHTML(node, composed) + '</' + tagName + '>';
|
|
|
|
case Node.TEXT_NODE:
|
|
|
|
var data = node.data;
|
|
|
|
if (parentNode && plaintextParents[parentNode.localName]) {
|
|
|
|
return data;
|
|
|
|
}
|
|
|
|
return escapeData(data);
|
|
|
|
case Node.COMMENT_NODE:
|
|
|
|
return '<!--' + node.data + '-->';
|
|
|
|
default:
|
|
|
|
console.error(node);
|
|
|
|
throw new Error('not implemented');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function getInnerHTML(node, composed) {
|
|
|
|
if (node instanceof HTMLTemplateElement)
|
|
|
|
node = node.content;
|
|
|
|
var s = '';
|
|
|
|
var c$ = Polymer.dom(node).childNodes;
|
|
|
|
c$ = composed ? node._composedChildren : c$;
|
|
|
|
for (var i = 0, l = c$.length, child; i < l && (child = c$[i]); i++) {
|
|
|
|
s += getOuterHTML(child, node, composed);
|
|
|
|
}
|
|
|
|
return s;
|
|
|
|
}
|
|
|
|
return { getInnerHTML: getInnerHTML };
|
|
|
|
}();
|
|
|
|
Polymer.DomApi = function () {
|
|
|
|
'use strict';
|
|
|
|
var Settings = Polymer.Settings;
|
|
|
|
var getInnerHTML = Polymer.domInnerHTML.getInnerHTML;
|
|
|
|
var nativeInsertBefore = Element.prototype.insertBefore;
|
|
|
|
var nativeRemoveChild = Element.prototype.removeChild;
|
|
|
|
var nativeAppendChild = Element.prototype.appendChild;
|
2015-07-09 20:00:03 -07:00
|
|
|
var nativeCloneNode = Element.prototype.cloneNode;
|
|
|
|
var nativeImportNode = Document.prototype.importNode;
|
2015-06-19 09:36:51 -07:00
|
|
|
var dirtyRoots = [];
|
|
|
|
var DomApi = function (node) {
|
|
|
|
this.node = node;
|
|
|
|
if (this.patch) {
|
|
|
|
this.patch();
|
|
|
|
}
|
|
|
|
};
|
|
|
|
DomApi.prototype = {
|
|
|
|
flush: function () {
|
|
|
|
for (var i = 0, host; i < dirtyRoots.length; i++) {
|
|
|
|
host = dirtyRoots[i];
|
|
|
|
host.flushDebouncer('_distribute');
|
|
|
|
}
|
|
|
|
dirtyRoots = [];
|
|
|
|
},
|
|
|
|
_lazyDistribute: function (host) {
|
|
|
|
if (host.shadyRoot && host.shadyRoot._distributionClean) {
|
|
|
|
host.shadyRoot._distributionClean = false;
|
|
|
|
host.debounce('_distribute', host._distributeContent);
|
|
|
|
dirtyRoots.push(host);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
appendChild: function (node) {
|
|
|
|
var handled;
|
|
|
|
this._removeNodeFromHost(node, true);
|
|
|
|
if (this._nodeIsInLogicalTree(this.node)) {
|
|
|
|
this._addLogicalInfo(node, this.node);
|
|
|
|
this._addNodeToHost(node);
|
|
|
|
handled = this._maybeDistribute(node, this.node);
|
|
|
|
}
|
|
|
|
if (!handled && !this._tryRemoveUndistributedNode(node)) {
|
|
|
|
var container = this.node._isShadyRoot ? this.node.host : this.node;
|
|
|
|
addToComposedParent(container, node);
|
|
|
|
nativeAppendChild.call(container, node);
|
|
|
|
}
|
|
|
|
return node;
|
|
|
|
},
|
|
|
|
insertBefore: function (node, ref_node) {
|
|
|
|
if (!ref_node) {
|
|
|
|
return this.appendChild(node);
|
|
|
|
}
|
|
|
|
var handled;
|
|
|
|
this._removeNodeFromHost(node, true);
|
|
|
|
if (this._nodeIsInLogicalTree(this.node)) {
|
|
|
|
saveLightChildrenIfNeeded(this.node);
|
|
|
|
var children = this.childNodes;
|
|
|
|
var index = children.indexOf(ref_node);
|
|
|
|
if (index < 0) {
|
|
|
|
throw Error('The ref_node to be inserted before is not a child ' + 'of this node');
|
|
|
|
}
|
|
|
|
this._addLogicalInfo(node, this.node, index);
|
|
|
|
this._addNodeToHost(node);
|
|
|
|
handled = this._maybeDistribute(node, this.node);
|
|
|
|
}
|
|
|
|
if (!handled && !this._tryRemoveUndistributedNode(node)) {
|
|
|
|
ref_node = ref_node.localName === CONTENT ? this._firstComposedNode(ref_node) : ref_node;
|
|
|
|
var container = this.node._isShadyRoot ? this.node.host : this.node;
|
|
|
|
addToComposedParent(container, node, ref_node);
|
|
|
|
nativeInsertBefore.call(container, node, ref_node);
|
|
|
|
}
|
|
|
|
return node;
|
|
|
|
},
|
|
|
|
removeChild: function (node) {
|
|
|
|
if (factory(node).parentNode !== this.node) {
|
|
|
|
console.warn('The node to be removed is not a child of this node', node);
|
|
|
|
}
|
|
|
|
var handled;
|
|
|
|
if (this._nodeIsInLogicalTree(this.node)) {
|
|
|
|
this._removeNodeFromHost(node);
|
|
|
|
handled = this._maybeDistribute(node, this.node);
|
|
|
|
}
|
|
|
|
if (!handled) {
|
|
|
|
var container = this.node._isShadyRoot ? this.node.host : this.node;
|
|
|
|
if (container === node.parentNode) {
|
|
|
|
removeFromComposedParent(container, node);
|
|
|
|
nativeRemoveChild.call(container, node);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return node;
|
|
|
|
},
|
|
|
|
replaceChild: function (node, ref_node) {
|
|
|
|
this.insertBefore(node, ref_node);
|
|
|
|
this.removeChild(ref_node);
|
|
|
|
return node;
|
|
|
|
},
|
|
|
|
getOwnerRoot: function () {
|
|
|
|
return this._ownerShadyRootForNode(this.node);
|
|
|
|
},
|
|
|
|
_ownerShadyRootForNode: function (node) {
|
|
|
|
if (!node) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
if (node._ownerShadyRoot === undefined) {
|
|
|
|
var root;
|
|
|
|
if (node._isShadyRoot) {
|
|
|
|
root = node;
|
|
|
|
} else {
|
|
|
|
var parent = Polymer.dom(node).parentNode;
|
|
|
|
if (parent) {
|
|
|
|
root = parent._isShadyRoot ? parent : this._ownerShadyRootForNode(parent);
|
|
|
|
} else {
|
|
|
|
root = null;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
node._ownerShadyRoot = root;
|
|
|
|
}
|
|
|
|
return node._ownerShadyRoot;
|
|
|
|
},
|
|
|
|
_maybeDistribute: function (node, parent) {
|
2015-06-25 18:13:51 -07:00
|
|
|
var fragContent = node.nodeType === Node.DOCUMENT_FRAGMENT_NODE && !node.__noContent && Polymer.dom(node).querySelector(CONTENT);
|
|
|
|
var wrappedContent = fragContent && Polymer.dom(fragContent).parentNode.nodeType !== Node.DOCUMENT_FRAGMENT_NODE;
|
2015-06-19 09:36:51 -07:00
|
|
|
var hasContent = fragContent || node.localName === CONTENT;
|
|
|
|
if (hasContent) {
|
|
|
|
var root = this._ownerShadyRootForNode(parent);
|
|
|
|
if (root) {
|
|
|
|
var host = root.host;
|
|
|
|
this._updateInsertionPoints(host);
|
|
|
|
this._lazyDistribute(host);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var parentNeedsDist = this._parentNeedsDistribution(parent);
|
|
|
|
if (parentNeedsDist) {
|
|
|
|
this._lazyDistribute(parent);
|
|
|
|
}
|
|
|
|
return parentNeedsDist || hasContent && !wrappedContent;
|
|
|
|
},
|
|
|
|
_tryRemoveUndistributedNode: function (node) {
|
|
|
|
if (this.node.shadyRoot) {
|
2015-07-09 20:00:03 -07:00
|
|
|
if (node._composedParent) {
|
|
|
|
nativeRemoveChild.call(node._composedParent, node);
|
2015-06-19 09:36:51 -07:00
|
|
|
}
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_updateInsertionPoints: function (host) {
|
|
|
|
host.shadyRoot._insertionPoints = factory(host.shadyRoot).querySelectorAll(CONTENT);
|
|
|
|
},
|
|
|
|
_nodeIsInLogicalTree: function (node) {
|
2015-07-09 20:00:03 -07:00
|
|
|
return Boolean(node._lightParent !== undefined || node._isShadyRoot || this._ownerShadyRootForNode(node) || node.shadyRoot);
|
2015-06-19 09:36:51 -07:00
|
|
|
},
|
|
|
|
_parentNeedsDistribution: function (parent) {
|
|
|
|
return parent && parent.shadyRoot && hasInsertionPoint(parent.shadyRoot);
|
|
|
|
},
|
|
|
|
_removeNodeFromHost: function (node, ensureComposedRemoval) {
|
|
|
|
var hostNeedsDist;
|
|
|
|
var root;
|
|
|
|
var parent = node._lightParent;
|
|
|
|
if (parent) {
|
|
|
|
root = this._ownerShadyRootForNode(node);
|
|
|
|
if (root) {
|
|
|
|
root.host._elementRemove(node);
|
|
|
|
hostNeedsDist = this._removeDistributedChildren(root, node);
|
|
|
|
}
|
|
|
|
this._removeLogicalInfo(node, node._lightParent);
|
|
|
|
}
|
|
|
|
this._removeOwnerShadyRoot(node);
|
|
|
|
if (root && hostNeedsDist) {
|
|
|
|
this._updateInsertionPoints(root.host);
|
|
|
|
this._lazyDistribute(root.host);
|
|
|
|
} else if (ensureComposedRemoval) {
|
|
|
|
removeFromComposedParent(parent || node.parentNode, node);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_removeDistributedChildren: function (root, container) {
|
|
|
|
var hostNeedsDist;
|
|
|
|
var ip$ = root._insertionPoints;
|
|
|
|
for (var i = 0; i < ip$.length; i++) {
|
|
|
|
var content = ip$[i];
|
|
|
|
if (this._contains(container, content)) {
|
|
|
|
var dc$ = factory(content).getDistributedNodes();
|
|
|
|
for (var j = 0; j < dc$.length; j++) {
|
|
|
|
hostNeedsDist = true;
|
2015-06-25 18:13:51 -07:00
|
|
|
var node = dc$[j];
|
2015-06-19 09:36:51 -07:00
|
|
|
var parent = node.parentNode;
|
|
|
|
if (parent) {
|
|
|
|
removeFromComposedParent(parent, node);
|
|
|
|
nativeRemoveChild.call(parent, node);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return hostNeedsDist;
|
|
|
|
},
|
|
|
|
_contains: function (container, node) {
|
|
|
|
while (node) {
|
|
|
|
if (node == container) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
node = factory(node).parentNode;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_addNodeToHost: function (node) {
|
|
|
|
var checkNode = node.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? node.firstChild : node;
|
|
|
|
var root = this._ownerShadyRootForNode(checkNode);
|
|
|
|
if (root) {
|
|
|
|
root.host._elementAdd(node);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_addLogicalInfo: function (node, container, index) {
|
|
|
|
saveLightChildrenIfNeeded(container);
|
|
|
|
var children = factory(container).childNodes;
|
|
|
|
index = index === undefined ? children.length : index;
|
|
|
|
if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
|
|
var c$ = Array.prototype.slice.call(node.childNodes);
|
|
|
|
for (var i = 0, n; i < c$.length && (n = c$[i]); i++) {
|
|
|
|
children.splice(index++, 0, n);
|
|
|
|
n._lightParent = container;
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
children.splice(index, 0, node);
|
|
|
|
node._lightParent = container;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_removeLogicalInfo: function (node, container) {
|
|
|
|
var children = factory(container).childNodes;
|
|
|
|
var index = children.indexOf(node);
|
|
|
|
if (index < 0 || container !== node._lightParent) {
|
|
|
|
throw Error('The node to be removed is not a child of this node');
|
|
|
|
}
|
|
|
|
children.splice(index, 1);
|
|
|
|
node._lightParent = null;
|
|
|
|
},
|
|
|
|
_removeOwnerShadyRoot: function (node) {
|
|
|
|
var hasCachedRoot = factory(node).getOwnerRoot() !== undefined;
|
|
|
|
if (hasCachedRoot) {
|
|
|
|
var c$ = factory(node).childNodes;
|
|
|
|
for (var i = 0, l = c$.length, n; i < l && (n = c$[i]); i++) {
|
|
|
|
this._removeOwnerShadyRoot(n);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
node._ownerShadyRoot = undefined;
|
|
|
|
},
|
|
|
|
_firstComposedNode: function (content) {
|
|
|
|
var n$ = factory(content).getDistributedNodes();
|
|
|
|
for (var i = 0, l = n$.length, n, p$; i < l && (n = n$[i]); i++) {
|
|
|
|
p$ = factory(n).getDestinationInsertionPoints();
|
|
|
|
if (p$[p$.length - 1] === content) {
|
|
|
|
return n;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
querySelector: function (selector) {
|
|
|
|
return this.querySelectorAll(selector)[0];
|
|
|
|
},
|
|
|
|
querySelectorAll: function (selector) {
|
|
|
|
return this._query(function (n) {
|
|
|
|
return matchesSelector.call(n, selector);
|
|
|
|
}, this.node);
|
|
|
|
},
|
|
|
|
_query: function (matcher, node) {
|
|
|
|
node = node || this.node;
|
|
|
|
var list = [];
|
|
|
|
this._queryElements(factory(node).childNodes, matcher, list);
|
|
|
|
return list;
|
|
|
|
},
|
|
|
|
_queryElements: function (elements, matcher, list) {
|
|
|
|
for (var i = 0, l = elements.length, c; i < l && (c = elements[i]); i++) {
|
|
|
|
if (c.nodeType === Node.ELEMENT_NODE) {
|
|
|
|
this._queryElement(c, matcher, list);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_queryElement: function (node, matcher, list) {
|
|
|
|
if (matcher(node)) {
|
|
|
|
list.push(node);
|
|
|
|
}
|
|
|
|
this._queryElements(factory(node).childNodes, matcher, list);
|
|
|
|
},
|
|
|
|
getDestinationInsertionPoints: function () {
|
|
|
|
return this.node._destinationInsertionPoints || [];
|
|
|
|
},
|
|
|
|
getDistributedNodes: function () {
|
|
|
|
return this.node._distributedNodes || [];
|
|
|
|
},
|
|
|
|
queryDistributedElements: function (selector) {
|
|
|
|
var c$ = this.childNodes;
|
|
|
|
var list = [];
|
|
|
|
this._distributedFilter(selector, c$, list);
|
|
|
|
for (var i = 0, l = c$.length, c; i < l && (c = c$[i]); i++) {
|
|
|
|
if (c.localName === CONTENT) {
|
|
|
|
this._distributedFilter(selector, factory(c).getDistributedNodes(), list);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return list;
|
|
|
|
},
|
|
|
|
_distributedFilter: function (selector, list, results) {
|
|
|
|
results = results || [];
|
|
|
|
for (var i = 0, l = list.length, d; i < l && (d = list[i]); i++) {
|
|
|
|
if (d.nodeType === Node.ELEMENT_NODE && d.localName !== CONTENT && matchesSelector.call(d, selector)) {
|
|
|
|
results.push(d);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return results;
|
|
|
|
},
|
|
|
|
_clear: function () {
|
|
|
|
while (this.childNodes.length) {
|
|
|
|
this.removeChild(this.childNodes[0]);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
setAttribute: function (name, value) {
|
|
|
|
this.node.setAttribute(name, value);
|
|
|
|
this._distributeParent();
|
|
|
|
},
|
|
|
|
removeAttribute: function (name) {
|
|
|
|
this.node.removeAttribute(name);
|
|
|
|
this._distributeParent();
|
|
|
|
},
|
|
|
|
_distributeParent: function () {
|
|
|
|
if (this._parentNeedsDistribution(this.parentNode)) {
|
|
|
|
this._lazyDistribute(this.parentNode);
|
|
|
|
}
|
2015-07-09 20:00:03 -07:00
|
|
|
},
|
|
|
|
cloneNode: function (deep) {
|
|
|
|
var n = nativeCloneNode.call(this.node, false);
|
|
|
|
if (deep) {
|
|
|
|
var c$ = this.childNodes;
|
|
|
|
var d = factory(n);
|
|
|
|
for (var i = 0, nc; i < c$.length; i++) {
|
|
|
|
nc = factory(c$[i]).cloneNode(true);
|
|
|
|
d.appendChild(nc);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return n;
|
|
|
|
},
|
|
|
|
importNode: function (externalNode, deep) {
|
2015-07-16 16:52:41 -07:00
|
|
|
var doc = this.node instanceof Document ? this.node : this.node.ownerDocument;
|
2015-07-09 20:00:03 -07:00
|
|
|
var n = nativeImportNode.call(doc, externalNode, false);
|
|
|
|
if (deep) {
|
|
|
|
var c$ = factory(externalNode).childNodes;
|
|
|
|
var d = factory(n);
|
|
|
|
for (var i = 0, nc; i < c$.length; i++) {
|
|
|
|
nc = factory(doc).importNode(c$[i], true);
|
|
|
|
d.appendChild(nc);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return n;
|
2015-06-19 09:36:51 -07:00
|
|
|
}
|
|
|
|
};
|
|
|
|
Object.defineProperty(DomApi.prototype, 'classList', {
|
|
|
|
get: function () {
|
|
|
|
if (!this._classList) {
|
|
|
|
this._classList = new DomApi.ClassList(this);
|
|
|
|
}
|
|
|
|
return this._classList;
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
});
|
|
|
|
DomApi.ClassList = function (host) {
|
|
|
|
this.domApi = host;
|
|
|
|
this.node = host.node;
|
|
|
|
};
|
|
|
|
DomApi.ClassList.prototype = {
|
|
|
|
add: function () {
|
|
|
|
this.node.classList.add.apply(this.node.classList, arguments);
|
|
|
|
this.domApi._distributeParent();
|
|
|
|
},
|
|
|
|
remove: function () {
|
|
|
|
this.node.classList.remove.apply(this.node.classList, arguments);
|
|
|
|
this.domApi._distributeParent();
|
|
|
|
},
|
|
|
|
toggle: function () {
|
|
|
|
this.node.classList.toggle.apply(this.node.classList, arguments);
|
|
|
|
this.domApi._distributeParent();
|
2015-06-25 18:13:51 -07:00
|
|
|
},
|
|
|
|
contains: function () {
|
|
|
|
return this.node.classList.contains.apply(this.node.classList, arguments);
|
2015-06-19 09:36:51 -07:00
|
|
|
}
|
|
|
|
};
|
|
|
|
if (!Settings.useShadow) {
|
|
|
|
Object.defineProperties(DomApi.prototype, {
|
|
|
|
childNodes: {
|
|
|
|
get: function () {
|
|
|
|
var c$ = getLightChildren(this.node);
|
|
|
|
return Array.isArray(c$) ? c$ : Array.prototype.slice.call(c$);
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
children: {
|
|
|
|
get: function () {
|
|
|
|
return Array.prototype.filter.call(this.childNodes, function (n) {
|
|
|
|
return n.nodeType === Node.ELEMENT_NODE;
|
|
|
|
});
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
parentNode: {
|
|
|
|
get: function () {
|
|
|
|
return this.node._lightParent || (this.node.__patched ? this.node._composedParent : this.node.parentNode);
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
firstChild: {
|
|
|
|
get: function () {
|
|
|
|
return this.childNodes[0];
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
lastChild: {
|
|
|
|
get: function () {
|
|
|
|
var c$ = this.childNodes;
|
|
|
|
return c$[c$.length - 1];
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
nextSibling: {
|
|
|
|
get: function () {
|
|
|
|
var c$ = this.parentNode && factory(this.parentNode).childNodes;
|
|
|
|
if (c$) {
|
|
|
|
return c$[Array.prototype.indexOf.call(c$, this.node) + 1];
|
|
|
|
}
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
previousSibling: {
|
|
|
|
get: function () {
|
|
|
|
var c$ = this.parentNode && factory(this.parentNode).childNodes;
|
|
|
|
if (c$) {
|
|
|
|
return c$[Array.prototype.indexOf.call(c$, this.node) - 1];
|
|
|
|
}
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
firstElementChild: {
|
|
|
|
get: function () {
|
|
|
|
return this.children[0];
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
lastElementChild: {
|
|
|
|
get: function () {
|
|
|
|
var c$ = this.children;
|
|
|
|
return c$[c$.length - 1];
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
nextElementSibling: {
|
|
|
|
get: function () {
|
|
|
|
var c$ = this.parentNode && factory(this.parentNode).children;
|
|
|
|
if (c$) {
|
|
|
|
return c$[Array.prototype.indexOf.call(c$, this.node) + 1];
|
|
|
|
}
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
previousElementSibling: {
|
|
|
|
get: function () {
|
|
|
|
var c$ = this.parentNode && factory(this.parentNode).children;
|
|
|
|
if (c$) {
|
|
|
|
return c$[Array.prototype.indexOf.call(c$, this.node) - 1];
|
|
|
|
}
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
textContent: {
|
|
|
|
get: function () {
|
|
|
|
if (this.node.nodeType === Node.TEXT_NODE) {
|
|
|
|
return this.node.textContent;
|
|
|
|
} else {
|
|
|
|
return Array.prototype.map.call(this.childNodes, function (c) {
|
|
|
|
return c.textContent;
|
|
|
|
}).join('');
|
|
|
|
}
|
|
|
|
},
|
|
|
|
set: function (text) {
|
|
|
|
this._clear();
|
|
|
|
if (text) {
|
|
|
|
this.appendChild(document.createTextNode(text));
|
|
|
|
}
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
innerHTML: {
|
|
|
|
get: function () {
|
|
|
|
if (this.node.nodeType === Node.TEXT_NODE) {
|
|
|
|
return null;
|
|
|
|
} else {
|
|
|
|
return getInnerHTML(this.node);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
set: function (text) {
|
|
|
|
if (this.node.nodeType !== Node.TEXT_NODE) {
|
|
|
|
this._clear();
|
|
|
|
var d = document.createElement('div');
|
|
|
|
d.innerHTML = text;
|
2015-07-09 20:00:03 -07:00
|
|
|
var c$ = Array.prototype.slice.call(d.childNodes);
|
|
|
|
for (var i = 0; i < c$.length; i++) {
|
|
|
|
this.appendChild(c$[i]);
|
2015-06-19 09:36:51 -07:00
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
}
|
|
|
|
});
|
|
|
|
DomApi.prototype._getComposedInnerHTML = function () {
|
|
|
|
return getInnerHTML(this.node, true);
|
|
|
|
};
|
|
|
|
} else {
|
|
|
|
DomApi.prototype.querySelectorAll = function (selector) {
|
|
|
|
return Array.prototype.slice.call(this.node.querySelectorAll(selector));
|
|
|
|
};
|
|
|
|
DomApi.prototype.getOwnerRoot = function () {
|
|
|
|
var n = this.node;
|
|
|
|
while (n) {
|
|
|
|
if (n.nodeType === Node.DOCUMENT_FRAGMENT_NODE && n.host) {
|
|
|
|
return n;
|
|
|
|
}
|
|
|
|
n = n.parentNode;
|
|
|
|
}
|
|
|
|
};
|
2015-07-09 20:00:03 -07:00
|
|
|
DomApi.prototype.cloneNode = function (deep) {
|
|
|
|
return this.node.cloneNode(deep);
|
|
|
|
};
|
|
|
|
DomApi.prototype.importNode = function (externalNode, deep) {
|
2015-07-16 16:52:41 -07:00
|
|
|
var doc = this.node instanceof Document ? this.node : this.node.ownerDocument;
|
2015-07-09 20:00:03 -07:00
|
|
|
return doc.importNode(externalNode, deep);
|
|
|
|
};
|
2015-06-19 09:36:51 -07:00
|
|
|
DomApi.prototype.getDestinationInsertionPoints = function () {
|
2015-07-16 16:52:41 -07:00
|
|
|
var n$ = this.node.getDestinationInsertionPoints && this.node.getDestinationInsertionPoints();
|
2015-06-19 09:36:51 -07:00
|
|
|
return n$ ? Array.prototype.slice.call(n$) : [];
|
|
|
|
};
|
|
|
|
DomApi.prototype.getDistributedNodes = function () {
|
2015-07-16 16:52:41 -07:00
|
|
|
var n$ = this.node.getDistributedNodes && this.node.getDistributedNodes();
|
2015-06-19 09:36:51 -07:00
|
|
|
return n$ ? Array.prototype.slice.call(n$) : [];
|
|
|
|
};
|
|
|
|
DomApi.prototype._distributeParent = function () {
|
|
|
|
};
|
|
|
|
Object.defineProperties(DomApi.prototype, {
|
|
|
|
childNodes: {
|
|
|
|
get: function () {
|
|
|
|
return Array.prototype.slice.call(this.node.childNodes);
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
children: {
|
|
|
|
get: function () {
|
|
|
|
return Array.prototype.slice.call(this.node.children);
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
textContent: {
|
|
|
|
get: function () {
|
|
|
|
return this.node.textContent;
|
|
|
|
},
|
|
|
|
set: function (value) {
|
|
|
|
return this.node.textContent = value;
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
},
|
|
|
|
innerHTML: {
|
|
|
|
get: function () {
|
|
|
|
return this.node.innerHTML;
|
|
|
|
},
|
|
|
|
set: function (value) {
|
|
|
|
return this.node.innerHTML = value;
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
}
|
|
|
|
});
|
|
|
|
var forwards = [
|
|
|
|
'parentNode',
|
|
|
|
'firstChild',
|
|
|
|
'lastChild',
|
|
|
|
'nextSibling',
|
|
|
|
'previousSibling',
|
|
|
|
'firstElementChild',
|
|
|
|
'lastElementChild',
|
|
|
|
'nextElementSibling',
|
|
|
|
'previousElementSibling'
|
|
|
|
];
|
|
|
|
forwards.forEach(function (name) {
|
|
|
|
Object.defineProperty(DomApi.prototype, name, {
|
|
|
|
get: function () {
|
|
|
|
return this.node[name];
|
|
|
|
},
|
|
|
|
configurable: true
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
var CONTENT = 'content';
|
|
|
|
var factory = function (node, patch) {
|
|
|
|
node = node || document;
|
|
|
|
if (!node.__domApi) {
|
|
|
|
node.__domApi = new DomApi(node, patch);
|
|
|
|
}
|
|
|
|
return node.__domApi;
|
|
|
|
};
|
|
|
|
Polymer.dom = function (obj, patch) {
|
|
|
|
if (obj instanceof Event) {
|
|
|
|
return Polymer.EventApi.factory(obj);
|
|
|
|
} else {
|
|
|
|
return factory(obj, patch);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
Polymer.dom.flush = DomApi.prototype.flush;
|
|
|
|
function getLightChildren(node) {
|
|
|
|
var children = node._lightChildren;
|
|
|
|
return children ? children : node.childNodes;
|
|
|
|
}
|
|
|
|
function getComposedChildren(node) {
|
|
|
|
if (!node._composedChildren) {
|
|
|
|
node._composedChildren = Array.prototype.slice.call(node.childNodes);
|
|
|
|
}
|
|
|
|
return node._composedChildren;
|
|
|
|
}
|
|
|
|
function addToComposedParent(parent, node, ref_node) {
|
|
|
|
var children = getComposedChildren(parent);
|
|
|
|
var i = ref_node ? children.indexOf(ref_node) : -1;
|
|
|
|
if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
|
|
|
var fragChildren = getComposedChildren(node);
|
|
|
|
for (var j = 0; j < fragChildren.length; j++) {
|
|
|
|
addNodeToComposedChildren(fragChildren[j], parent, children, i + j);
|
|
|
|
}
|
|
|
|
node._composedChildren = null;
|
|
|
|
} else {
|
|
|
|
addNodeToComposedChildren(node, parent, children, i);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function addNodeToComposedChildren(node, parent, children, i) {
|
|
|
|
node._composedParent = parent;
|
|
|
|
children.splice(i >= 0 ? i : children.length, 0, node);
|
|
|
|
}
|
|
|
|
function removeFromComposedParent(parent, node) {
|
|
|
|
node._composedParent = null;
|
|
|
|
if (parent) {
|
|
|
|
var children = getComposedChildren(parent);
|
|
|
|
var i = children.indexOf(node);
|
|
|
|
if (i >= 0) {
|
|
|
|
children.splice(i, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function saveLightChildrenIfNeeded(node) {
|
|
|
|
if (!node._lightChildren) {
|
|
|
|
var c$ = Array.prototype.slice.call(node.childNodes);
|
|
|
|
for (var i = 0, l = c$.length, child; i < l && (child = c$[i]); i++) {
|
|
|
|
child._lightParent = child._lightParent || node;
|
|
|
|
}
|
|
|
|
node._lightChildren = c$;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function hasInsertionPoint(root) {
|
|
|
|
return Boolean(root._insertionPoints.length);
|
|
|
|
}
|
|
|
|
var p = Element.prototype;
|
|
|
|
var matchesSelector = p.matches || p.matchesSelector || p.mozMatchesSelector || p.msMatchesSelector || p.oMatchesSelector || p.webkitMatchesSelector;
|
|
|
|
return {
|
|
|
|
getLightChildren: getLightChildren,
|
|
|
|
getComposedChildren: getComposedChildren,
|
|
|
|
removeFromComposedParent: removeFromComposedParent,
|
|
|
|
saveLightChildrenIfNeeded: saveLightChildrenIfNeeded,
|
|
|
|
matchesSelector: matchesSelector,
|
|
|
|
hasInsertionPoint: hasInsertionPoint,
|
|
|
|
ctor: DomApi,
|
|
|
|
factory: factory
|
|
|
|
};
|
|
|
|
}();
|
|
|
|
(function () {
|
|
|
|
Polymer.Base._addFeature({
|
|
|
|
_prepShady: function () {
|
|
|
|
this._useContent = this._useContent || Boolean(this._template);
|
|
|
|
},
|
|
|
|
_poolContent: function () {
|
|
|
|
if (this._useContent) {
|
|
|
|
saveLightChildrenIfNeeded(this);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_setupRoot: function () {
|
|
|
|
if (this._useContent) {
|
|
|
|
this._createLocalRoot();
|
|
|
|
if (!this.dataHost) {
|
|
|
|
upgradeLightChildren(this._lightChildren);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_createLocalRoot: function () {
|
|
|
|
this.shadyRoot = this.root;
|
|
|
|
this.shadyRoot._distributionClean = false;
|
|
|
|
this.shadyRoot._isShadyRoot = true;
|
|
|
|
this.shadyRoot._dirtyRoots = [];
|
2015-06-25 18:13:51 -07:00
|
|
|
this.shadyRoot._insertionPoints = !this._notes || this._notes._hasContent ? this.shadyRoot.querySelectorAll('content') : [];
|
2015-06-19 09:36:51 -07:00
|
|
|
saveLightChildrenIfNeeded(this.shadyRoot);
|
|
|
|
this.shadyRoot.host = this;
|
|
|
|
},
|
|
|
|
get domHost() {
|
|
|
|
var root = Polymer.dom(this).getOwnerRoot();
|
|
|
|
return root && root.host;
|
|
|
|
},
|
|
|
|
distributeContent: function (updateInsertionPoints) {
|
|
|
|
if (this.shadyRoot) {
|
|
|
|
var dom = Polymer.dom(this);
|
|
|
|
if (updateInsertionPoints) {
|
|
|
|
dom._updateInsertionPoints(this);
|
|
|
|
}
|
|
|
|
var host = getTopDistributingHost(this);
|
|
|
|
dom._lazyDistribute(host);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_distributeContent: function () {
|
|
|
|
if (this._useContent && !this.shadyRoot._distributionClean) {
|
|
|
|
this._beginDistribute();
|
|
|
|
this._distributeDirtyRoots();
|
|
|
|
this._finishDistribute();
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_beginDistribute: function () {
|
|
|
|
if (this._useContent && hasInsertionPoint(this.shadyRoot)) {
|
|
|
|
this._resetDistribution();
|
|
|
|
this._distributePool(this.shadyRoot, this._collectPool());
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_distributeDirtyRoots: function () {
|
|
|
|
var c$ = this.shadyRoot._dirtyRoots;
|
|
|
|
for (var i = 0, l = c$.length, c; i < l && (c = c$[i]); i++) {
|
|
|
|
c._distributeContent();
|
|
|
|
}
|
|
|
|
this.shadyRoot._dirtyRoots = [];
|
|
|
|
},
|
|
|
|
_finishDistribute: function () {
|
|
|
|
if (this._useContent) {
|
|
|
|
if (hasInsertionPoint(this.shadyRoot)) {
|
|
|
|
this._composeTree();
|
|
|
|
} else {
|
|
|
|
if (!this.shadyRoot._hasDistributed) {
|
|
|
|
this.textContent = '';
|
|
|
|
this._composedChildren = null;
|
|
|
|
this.appendChild(this.shadyRoot);
|
|
|
|
} else {
|
|
|
|
var children = this._composeNode(this);
|
|
|
|
this._updateChildNodes(this, children);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
this.shadyRoot._hasDistributed = true;
|
|
|
|
this.shadyRoot._distributionClean = true;
|
|
|
|
}
|
|
|
|
},
|
|
|
|
elementMatches: function (selector, node) {
|
|
|
|
node = node || this;
|
|
|
|
return matchesSelector.call(node, selector);
|
|
|
|
},
|
|
|
|
_resetDistribution: function () {
|
|
|
|
var children = getLightChildren(this);
|
|
|
|
for (var i = 0; i < children.length; i++) {
|
|
|
|
var child = children[i];
|
|
|
|
if (child._destinationInsertionPoints) {
|
|
|
|
child._destinationInsertionPoints = undefined;
|
|
|
|
}
|
|
|
|
if (isInsertionPoint(child)) {
|
|
|
|
clearDistributedDestinationInsertionPoints(child);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var root = this.shadyRoot;
|
|
|
|
var p$ = root._insertionPoints;
|
|
|
|
for (var j = 0; j < p$.length; j++) {
|
|
|
|
p$[j]._distributedNodes = [];
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_collectPool: function () {
|
|
|
|
var pool = [];
|
|
|
|
var children = getLightChildren(this);
|
|
|
|
for (var i = 0; i < children.length; i++) {
|
|
|
|
var child = children[i];
|
|
|
|
if (isInsertionPoint(child)) {
|
|
|
|
pool.push.apply(pool, child._distributedNodes);
|
|
|
|
} else {
|
|
|
|
pool.push(child);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return pool;
|
|
|
|
},
|
|
|
|
_distributePool: function (node, pool) {
|
|
|
|
var p$ = node._insertionPoints;
|
|
|
|
for (var i = 0, l = p$.length, p; i < l && (p = p$[i]); i++) {
|
|
|
|
this._distributeInsertionPoint(p, pool);
|
|
|
|
maybeRedistributeParent(p, this);
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_distributeInsertionPoint: function (content, pool) {
|
|
|
|
var anyDistributed = false;
|
|
|
|
for (var i = 0, l = pool.length, node; i < l; i++) {
|
|
|
|
node = pool[i];
|
|
|
|
if (!node) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
if (this._matchesContentSelect(node, content)) {
|
|
|
|
distributeNodeInto(node, content);
|
|
|
|
pool[i] = undefined;
|
|
|
|
anyDistributed = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (!anyDistributed) {
|
|
|
|
var children = getLightChildren(content);
|
|
|
|
for (var j = 0; j < children.length; j++) {
|
|
|
|
distributeNodeInto(children[j], content);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_composeTree: function () {
|
|
|
|
this._updateChildNodes(this, this._composeNode(this));
|
|
|
|
var p$ = this.shadyRoot._insertionPoints;
|
|
|
|
for (var i = 0, l = p$.length, p, parent; i < l && (p = p$[i]); i++) {
|
|
|
|
parent = p._lightParent || p.parentNode;
|
|
|
|
if (!parent._useContent && parent !== this && parent !== this.shadyRoot) {
|
|
|
|
this._updateChildNodes(parent, this._composeNode(parent));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_composeNode: function (node) {
|
|
|
|
var children = [];
|
|
|
|
var c$ = getLightChildren(node.shadyRoot || node);
|
|
|
|
for (var i = 0; i < c$.length; i++) {
|
|
|
|
var child = c$[i];
|
|
|
|
if (isInsertionPoint(child)) {
|
|
|
|
var distributedNodes = child._distributedNodes;
|
|
|
|
for (var j = 0; j < distributedNodes.length; j++) {
|
|
|
|
var distributedNode = distributedNodes[j];
|
|
|
|
if (isFinalDestination(child, distributedNode)) {
|
|
|
|
children.push(distributedNode);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else {
|
|
|
|
children.push(child);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return children;
|
|
|
|
},
|
|
|
|
_updateChildNodes: function (container, children) {
|
|
|
|
var composed = getComposedChildren(container);
|
|
|
|
var splices = Polymer.ArraySplice.calculateSplices(children, composed);
|
|
|
|
for (var i = 0, d = 0, s; i < splices.length && (s = splices[i]); i++) {
|
|
|
|
for (var j = 0, n; j < s.removed.length && (n = s.removed[j]); j++) {
|
|
|
|
remove(n);
|
|
|
|
composed.splice(s.index + d, 1);
|
|
|
|
}
|
|
|
|
d -= s.addedCount;
|
|
|
|
}
|
|
|
|
for (var i = 0, s, next; i < splices.length && (s = splices[i]); i++) {
|
|
|
|
next = composed[s.index];
|
|
|
|
for (var j = s.index, n; j < s.index + s.addedCount; j++) {
|
|
|
|
n = children[j];
|
|
|
|
insertBefore(container, n, next);
|
|
|
|
composed.splice(j, 0, n);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_matchesContentSelect: function (node, contentElement) {
|
|
|
|
var select = contentElement.getAttribute('select');
|
|
|
|
if (!select) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
select = select.trim();
|
|
|
|
if (!select) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
if (!(node instanceof Element)) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
var validSelectors = /^(:not\()?[*.#[a-zA-Z_|]/;
|
|
|
|
if (!validSelectors.test(select)) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
return this.elementMatches(select, node);
|
|
|
|
},
|
|
|
|
_elementAdd: function () {
|
|
|
|
},
|
|
|
|
_elementRemove: function () {
|
|
|
|
}
|
|
|
|
});
|
|
|
|
var saveLightChildrenIfNeeded = Polymer.DomApi.saveLightChildrenIfNeeded;
|
|
|
|
var getLightChildren = Polymer.DomApi.getLightChildren;
|
|
|
|
var matchesSelector = Polymer.DomApi.matchesSelector;
|
|
|
|
var hasInsertionPoint = Polymer.DomApi.hasInsertionPoint;
|
|
|
|
var getComposedChildren = Polymer.DomApi.getComposedChildren;
|
|
|
|
var removeFromComposedParent = Polymer.DomApi.removeFromComposedParent;
|
|
|
|
function distributeNodeInto(child, insertionPoint) {
|
|
|
|
insertionPoint._distributedNodes.push(child);
|
|
|
|
var points = child._destinationInsertionPoints;
|
|
|
|
if (!points) {
|
|
|
|
child._destinationInsertionPoints = [insertionPoint];
|
|
|
|
} else {
|
|
|
|
points.push(insertionPoint);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function clearDistributedDestinationInsertionPoints(content) {
|
|
|
|
var e$ = content._distributedNodes;
|
|
|
|
if (e$) {
|
|
|
|
for (var i = 0; i < e$.length; i++) {
|
|
|
|
var d = e$[i]._destinationInsertionPoints;
|
|
|
|
if (d) {
|
|
|
|
d.splice(d.indexOf(content) + 1, d.length);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function maybeRedistributeParent(content, host) {
|
|
|
|
var parent = content._lightParent;
|
|
|
|
if (parent && parent.shadyRoot && hasInsertionPoint(parent.shadyRoot) && parent.shadyRoot._distributionClean) {
|
|
|
|
parent.shadyRoot._distributionClean = false;
|
|
|
|
host.shadyRoot._dirtyRoots.push(parent);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function isFinalDestination(insertionPoint, node) {
|
|
|
|
var points = node._destinationInsertionPoints;
|
|
|
|
return points && points[points.length - 1] === insertionPoint;
|
|
|
|
}
|
|
|
|
function isInsertionPoint(node) {
|
|
|
|
return node.localName == 'content';
|
|
|
|
}
|
|
|
|
var nativeInsertBefore = Element.prototype.insertBefore;
|
|
|
|
var nativeRemoveChild = Element.prototype.removeChild;
|
|
|
|
function insertBefore(parentNode, newChild, refChild) {
|
|
|
|
var newChildParent = getComposedParent(newChild);
|
|
|
|
if (newChildParent !== parentNode) {
|
|
|
|
removeFromComposedParent(newChildParent, newChild);
|
|
|
|
}
|
|
|
|
remove(newChild);
|
|
|
|
saveLightChildrenIfNeeded(parentNode);
|
|
|
|
nativeInsertBefore.call(parentNode, newChild, refChild || null);
|
|
|
|
newChild._composedParent = parentNode;
|
|
|
|
}
|
|
|
|
function remove(node) {
|
|
|
|
var parentNode = getComposedParent(node);
|
|
|
|
if (parentNode) {
|
|
|
|
saveLightChildrenIfNeeded(parentNode);
|
|
|
|
node._composedParent = null;
|
|
|
|
nativeRemoveChild.call(parentNode, node);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function getComposedParent(node) {
|
|
|
|
return node.__patched ? node._composedParent : node.parentNode;
|
|
|
|
}
|
|
|
|
function getTopDistributingHost(host) {
|
|
|
|
while (host && hostNeedsRedistribution(host)) {
|
|
|
|
host = host.domHost;
|
|
|
|
}
|
|
|
|
return host;
|
|
|
|
}
|
|
|
|
function hostNeedsRedistribution(host) {
|
|
|
|
var c$ = Polymer.dom(host).children;
|
|
|
|
for (var i = 0, c; i < c$.length; i++) {
|
|
|
|
c = c$[i];
|
|
|
|
if (c.localName === 'content') {
|
|
|
|
return host.domHost;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
var needsUpgrade = window.CustomElements && !CustomElements.useNative;
|
|
|
|
function upgradeLightChildren(children) {
|
|
|
|
if (needsUpgrade && children) {
|
|
|
|
for (var i = 0; i < children.length; i++) {
|
|
|
|
CustomElements.upgrade(children[i]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}());
|
|
|
|
if (Polymer.Settings.useShadow) {
|
|
|
|
Polymer.Base._addFeature({
|
|
|
|
_poolContent: function () {
|
|
|
|
},
|
|
|
|
_beginDistribute: function () {
|
|
|
|
},
|
|
|
|
distributeContent: function () {
|
|
|
|
},
|
|
|
|
_distributeContent: function () {
|
|
|
|
},
|
|
|
|
_finishDistribute: function () {
|
|
|
|
},
|
|
|
|
_createLocalRoot: function () {
|
|
|
|
this.createShadowRoot();
|
|
|
|
this.shadowRoot.appendChild(this.root);
|
|
|
|
this.root = this.shadowRoot;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
Polymer.DomModule = document.createElement('dom-module');
|
|
|
|
Polymer.Base._addFeature({
|
|
|
|
_registerFeatures: function () {
|
|
|
|
this._prepIs();
|
|
|
|
this._prepAttributes();
|
|
|
|
this._prepBehaviors();
|
|
|
|
this._prepConstructor();
|
|
|
|
this._prepTemplate();
|
|
|
|
this._prepShady();
|
|
|
|
},
|
|
|
|
_prepBehavior: function (b) {
|
|
|
|
this._addHostAttributes(b.hostAttributes);
|
|
|
|
},
|
|
|
|
_initFeatures: function () {
|
|
|
|
this._poolContent();
|
|
|
|
this._pushHost();
|
|
|
|
this._stampTemplate();
|
|
|
|
this._popHost();
|
|
|
|
this._marshalHostAttributes();
|
|
|
|
this._setupDebouncers();
|
|
|
|
this._marshalBehaviors();
|
|
|
|
this._tryReady();
|
|
|
|
},
|
|
|
|
_marshalBehavior: function (b) {
|
|
|
|
}
|
|
|
|
});</script>
|
|
|
|
|