update polymer

This commit is contained in:
Luke Pulverenti 2015-07-23 22:48:10 -04:00
parent d866746351
commit 693c99f275
5 changed files with 151 additions and 72 deletions

View file

@ -1,6 +1,6 @@
{ {
"name": "polymer", "name": "polymer",
"version": "1.0.7", "version": "1.0.8",
"main": [ "main": [
"polymer.html" "polymer.html"
], ],
@ -24,11 +24,11 @@
}, },
"private": true, "private": true,
"homepage": "https://github.com/Polymer/polymer", "homepage": "https://github.com/Polymer/polymer",
"_release": "1.0.7", "_release": "1.0.8",
"_resolution": { "_resolution": {
"type": "version", "type": "version",
"tag": "v1.0.7", "tag": "v1.0.8",
"commit": "b39d0015ce5428232409eb3aca7ddefea899f894" "commit": "61968bc4e5db93e76306a13517014d4d3b787021"
}, },
"_source": "git://github.com/Polymer/polymer.git", "_source": "git://github.com/Polymer/polymer.git",
"_target": "^1.0.0", "_target": "^1.0.0",

View file

@ -1,6 +1,6 @@
{ {
"name": "polymer", "name": "polymer",
"version": "1.0.7", "version": "1.0.8",
"main": [ "main": [
"polymer.html" "polymer.html"
], ],

View file

@ -183,25 +183,30 @@ var DomModule = function () {
return document.createElement('dom-module'); return document.createElement('dom-module');
}; };
DomModule.prototype = Object.create(HTMLElement.prototype); DomModule.prototype = Object.create(HTMLElement.prototype);
DomModule.prototype.constructor = DomModule; Polymer.Base.extend(DomModule.prototype, {
DomModule.prototype.createdCallback = function () { constructor: DomModule,
var id = this.id || this.getAttribute('name') || this.getAttribute('is'); createdCallback: function () {
this.register();
},
register: function (id) {
var id = id || this.id || this.getAttribute('name') || this.getAttribute('is');
if (id) { if (id) {
this.id = id; this.id = id;
modules[id] = this; modules[id] = this;
} }
}; },
DomModule.prototype.import = function (id, slctr) { import: function (id, selector) {
var m = modules[id]; var m = modules[id];
if (!m) { if (!m) {
forceDocumentUpgrade(); forceDocumentUpgrade();
m = modules[id]; m = modules[id];
} }
if (m && slctr) { if (m && selector) {
m = m.querySelector(slctr); m = m.querySelector(selector);
} }
return m; return m;
}; }
});
var cePolyfill = window.CustomElements && !CustomElements.useNative; var cePolyfill = window.CustomElements && !CustomElements.useNative;
if (cePolyfill) { if (cePolyfill) {
var ready = CustomElements.ready; var ready = CustomElements.ready;
@ -497,7 +502,7 @@ _setupDebouncers: function () {
this._debouncers = {}; this._debouncers = {};
}, },
debounce: function (jobName, callback, wait) { debounce: function (jobName, callback, wait) {
this._debouncers[jobName] = Polymer.Debounce.call(this, this._debouncers[jobName], callback, wait); return this._debouncers[jobName] = Polymer.Debounce.call(this, this._debouncers[jobName], callback, wait);
}, },
isDebouncerActive: function (jobName) { isDebouncerActive: function (jobName) {
var debouncer = this._debouncers[jobName]; var debouncer = this._debouncers[jobName];
@ -516,7 +521,7 @@ debouncer.stop();
} }
} }
}); });
Polymer.version = '1.0.7'; Polymer.version = '1.0.8';
Polymer.Base._addFeature({ Polymer.Base._addFeature({
_registerFeatures: function () { _registerFeatures: function () {
this._prepIs(); this._prepIs();

View file

@ -428,7 +428,6 @@ var nativeRemoveChild = Element.prototype.removeChild;
var nativeAppendChild = Element.prototype.appendChild; var nativeAppendChild = Element.prototype.appendChild;
var nativeCloneNode = Element.prototype.cloneNode; var nativeCloneNode = Element.prototype.cloneNode;
var nativeImportNode = Document.prototype.importNode; var nativeImportNode = Document.prototype.importNode;
var dirtyRoots = [];
var DomApi = function (node) { var DomApi = function (node) {
this.node = node; this.node = node;
if (this.patch) { if (this.patch) {
@ -437,17 +436,12 @@ this.patch();
}; };
DomApi.prototype = { DomApi.prototype = {
flush: function () { flush: function () {
for (var i = 0, host; i < dirtyRoots.length; i++) { Polymer.dom.flush();
host = dirtyRoots[i];
host.flushDebouncer('_distribute');
}
dirtyRoots = [];
}, },
_lazyDistribute: function (host) { _lazyDistribute: function (host) {
if (host.shadyRoot && host.shadyRoot._distributionClean) { if (host.shadyRoot && host.shadyRoot._distributionClean) {
host.shadyRoot._distributionClean = false; host.shadyRoot._distributionClean = false;
host.debounce('_distribute', host._distributeContent); Polymer.dom.addDebouncer(host.debounce('_distribute', host._distributeContent));
dirtyRoots.push(host);
} }
}, },
appendChild: function (node) { appendChild: function (node) {
@ -883,32 +877,44 @@ configurable: true
}, },
textContent: { textContent: {
get: function () { get: function () {
if (this.node.nodeType === Node.TEXT_NODE) { var nt = this.node.nodeType;
if (nt === Node.TEXT_NODE || nt === Node.COMMENT_NODE) {
return this.node.textContent; return this.node.textContent;
} else { } else {
return Array.prototype.map.call(this.childNodes, function (c) { var tc = [];
return c.textContent; for (var i = 0, cn = this.childNodes, c; c = cn[i]; i++) {
}).join(''); if (c.nodeType !== Node.COMMENT_NODE) {
tc.push(c.textContent);
}
}
return tc.join('');
} }
}, },
set: function (text) { set: function (text) {
var nt = this.node.nodeType;
if (nt === Node.TEXT_NODE || nt === Node.COMMENT_NODE) {
this.node.textContent = text;
} else {
this._clear(); this._clear();
if (text) { if (text) {
this.appendChild(document.createTextNode(text)); this.appendChild(document.createTextNode(text));
} }
}
}, },
configurable: true configurable: true
}, },
innerHTML: { innerHTML: {
get: function () { get: function () {
if (this.node.nodeType === Node.TEXT_NODE) { var nt = this.node.nodeType;
if (nt === Node.TEXT_NODE || nt === Node.COMMENT_NODE) {
return null; return null;
} else { } else {
return getInnerHTML(this.node); return getInnerHTML(this.node);
} }
}, },
set: function (text) { set: function (text) {
if (this.node.nodeType !== Node.TEXT_NODE) { var nt = this.node.nodeType;
if (nt !== Node.TEXT_NODE || nt !== Node.COMMENT_NODE) {
this._clear(); this._clear();
var d = document.createElement('div'); var d = document.createElement('div');
d.innerHTML = text; d.innerHTML = text;
@ -1021,7 +1027,43 @@ return Polymer.EventApi.factory(obj);
return factory(obj, patch); return factory(obj, patch);
} }
}; };
Polymer.dom.flush = DomApi.prototype.flush; Polymer.Base.extend(Polymer.dom, {
_flushGuard: 0,
_FLUSH_MAX: 100,
_needsTakeRecords: !Polymer.Settings.useNativeCustomElements,
_debouncers: [],
_finishDebouncer: null,
flush: function () {
for (var i = 0; i < this._debouncers.length; i++) {
this._debouncers[i].complete();
}
if (this._finishDebouncer) {
this._finishDebouncer.complete();
}
this._flushPolyfills();
if (this._debouncers.length && this._flushGuard < this._FLUSH_MAX) {
this._flushGuard++;
this.flush();
} else {
if (this._flushGuard >= this._FLUSH_MAX) {
console.warn('Polymer.dom.flush aborted. Flush may not be complete.');
}
this._flushGuard = 0;
}
},
_flushPolyfills: function () {
if (this._needsTakeRecords) {
CustomElements.takeRecords();
}
},
addDebouncer: function (debouncer) {
this._debouncers.push(debouncer);
this._finishDebouncer = Polymer.Debounce(this._finishDebouncer, this._finishFlush);
},
_finishFlush: function () {
Polymer.dom._debouncers = [];
}
});
function getLightChildren(node) { function getLightChildren(node) {
var children = node._lightChildren; var children = node._lightChildren;
return children ? children : node.childNodes; return children ? children : node.childNodes;
@ -1147,6 +1189,7 @@ this.shadyRoot._dirtyRoots = [];
}, },
_finishDistribute: function () { _finishDistribute: function () {
if (this._useContent) { if (this._useContent) {
this.shadyRoot._distributionClean = true;
if (hasInsertionPoint(this.shadyRoot)) { if (hasInsertionPoint(this.shadyRoot)) {
this._composeTree(); this._composeTree();
} else { } else {
@ -1160,7 +1203,6 @@ this._updateChildNodes(this, children);
} }
} }
this.shadyRoot._hasDistributed = true; this.shadyRoot._hasDistributed = true;
this.shadyRoot._distributionClean = true;
} }
}, },
elementMatches: function (selector, node) { elementMatches: function (selector, node) {

View file

@ -546,6 +546,16 @@ var recognizers = Gestures.recognizers;
for (var i = 0, r; i < recognizers.length; i++) { for (var i = 0, r; i < recognizers.length; i++) {
r = recognizers[i]; r = recognizers[i];
if (gs[r.name] && !handled[r.name]) { if (gs[r.name] && !handled[r.name]) {
if (r.flow && r.flow.start.indexOf(ev.type) > -1) {
if (r.reset) {
r.reset();
}
}
}
}
for (var i = 0, r; i < recognizers.length; i++) {
r = recognizers[i];
if (gs[r.name] && !handled[r.name]) {
handled[r.name] = true; handled[r.name] = true;
r[type](ev); r[type](ev);
} }
@ -576,8 +586,9 @@ prevent = dy > dx;
prevent = dx > dy; prevent = dx > dy;
} }
if (prevent) { if (prevent) {
//This breaks scrolling in safari ev.preventDefault();
//ev.preventDefault(); } else {
Gestures.prevent('track');
} }
} }
}, },
@ -719,6 +730,16 @@ deps: [
'touchmove', 'touchmove',
'touchend' 'touchend'
], ],
flow: {
start: [
'mousedown',
'touchstart'
],
end: [
'mouseup',
'touchend'
]
},
emits: ['track'], emits: ['track'],
info: { info: {
x: 0, x: 0,
@ -734,7 +755,7 @@ this.moves.push(move);
}, },
prevent: false prevent: false
}, },
clearInfo: function () { reset: function () {
this.info.state = 'start'; this.info.state = 'start';
this.info.started = false; this.info.started = false;
this.info.moves = []; this.info.moves = [];
@ -773,7 +794,6 @@ if (self.info.started) {
Gestures.prevent('tap'); Gestures.prevent('tap');
movefn(e); movefn(e);
} }
self.clearInfo();
document.removeEventListener('mousemove', movefn); document.removeEventListener('mousemove', movefn);
document.removeEventListener('mouseup', upfn); document.removeEventListener('mouseup', upfn);
}; };
@ -813,7 +833,6 @@ y: ct.clientY
}); });
this.fire(t, ct); this.fire(t, ct);
} }
this.clearInfo();
}, },
fire: function (target, touch) { fire: function (target, touch) {
var secondlast = this.info.moves[this.info.moves.length - 2]; var secondlast = this.info.moves[this.info.moves.length - 2];
@ -848,6 +867,16 @@ deps: [
'touchstart', 'touchstart',
'touchend' 'touchend'
], ],
flow: {
start: [
'mousedown',
'touchstart'
],
end: [
'click',
'touchend'
]
},
emits: ['tap'], emits: ['tap'],
info: { info: {
x: NaN, x: NaN,
@ -888,7 +917,6 @@ sourceEvent: e
}); });
} }
} }
this.reset();
} }
}); });
var DIRECTION_MAP = { var DIRECTION_MAP = {
@ -1585,7 +1613,12 @@ this._effectEffects('__static__', null, this._propertyEffects.__static__);
}); });
Polymer.Base._addFeature({ Polymer.Base._addFeature({
_setupConfigure: function (initialConfig) { _setupConfigure: function (initialConfig) {
this._config = initialConfig || {}; this._config = {};
for (var i in initialConfig) {
if (initialConfig[i] !== undefined) {
this._config[i] = initialConfig[i];
}
}
this._handlers = []; this._handlers = [];
}, },
_marshalAttributes: function () { _marshalAttributes: function () {
@ -1714,8 +1747,9 @@ var array;
var last = parts[parts.length - 1]; var last = parts[parts.length - 1];
if (parts.length > 1) { if (parts.length > 1) {
for (var i = 0; i < parts.length - 1; i++) { for (var i = 0; i < parts.length - 1; i++) {
prop = prop[parts[i]]; var part = parts[i];
if (array) { prop = prop[part];
if (array && parseInt(part) == part) {
parts[i] = Polymer.Collection.get(array).getKey(prop); parts[i] = Polymer.Collection.get(array).getKey(prop);
} }
if (!prop) { if (!prop) {
@ -1723,15 +1757,13 @@ return;
} }
array = Array.isArray(prop) ? prop : null; array = Array.isArray(prop) ? prop : null;
} }
if (array) { if (array && parseInt(last) == last) {
var coll = Polymer.Collection.get(array); var coll = Polymer.Collection.get(array);
var old = prop[last]; var old = prop[last];
var key = coll.getKey(old); var key = coll.getKey(old);
if (key) {
parts[i] = key; parts[i] = key;
coll.setItem(key, value); coll.setItem(key, value);
} }
}
prop[last] = value; prop[last] = value;
if (!root) { if (!root) {
this.notifyPath(parts.join('.'), value); this.notifyPath(parts.join('.'), value);
@ -2827,6 +2859,7 @@ Polymer.Base._addFeature({
_prepStyleProperties: function () { _prepStyleProperties: function () {
this._ownStylePropertyNames = this._styles ? propertyUtils.decorateStyles(this._styles) : []; this._ownStylePropertyNames = this._styles ? propertyUtils.decorateStyles(this._styles) : [];
}, },
customStyle: {},
_setupStyleProperties: function () { _setupStyleProperties: function () {
this.customStyle = {}; this.customStyle = {};
}, },
@ -3058,15 +3091,8 @@ styleTransformer.documentRule(rule);
}()); }());
Polymer.Templatizer = { Polymer.Templatizer = {
properties: { __hideTemplateChildren__: { observer: '_showHideChildren' } }, properties: { __hideTemplateChildren__: { observer: '_showHideChildren' } },
_templatizerStatic: {
count: 0,
callbacks: {},
debouncer: null
},
_instanceProps: Polymer.nob, _instanceProps: Polymer.nob,
created: function () { _parentPropPrefix: '_parent_',
this._templatizerId = this._templatizerStatic.count++;
},
templatize: function (template) { templatize: function (template) {
if (!template._content) { if (!template._content) {
template._content = template.content; template._content = template.content;
@ -3110,20 +3136,10 @@ n.__hideTemplateChildren__ = hide;
} }
}, },
_debounceTemplate: function (fn) { _debounceTemplate: function (fn) {
this._templatizerStatic.callbacks[this._templatizerId] = fn.bind(this); Polymer.dom.addDebouncer(this.debounce('_debounceTemplate', fn));
this._templatizerStatic.debouncer = Polymer.Debounce(this._templatizerStatic.debouncer, this._flushTemplates.bind(this, true));
}, },
_flushTemplates: function (debouncerExpired) { _flushTemplates: function (debouncerExpired) {
var db = this._templatizerStatic.debouncer; Polymer.dom.flush();
while (debouncerExpired || db && db.finish) {
db.stop();
var cbs = this._templatizerStatic.callbacks;
this._templatizerStatic.callbacks = {};
for (var id in cbs) {
cbs[id]();
}
debouncerExpired = false;
}
}, },
_customPrepEffects: function (archetype) { _customPrepEffects: function (archetype) {
var parentProps = archetype._parentProps; var parentProps = archetype._parentProps;
@ -3163,7 +3179,7 @@ if (template != this) {
Polymer.Bind.prepareModel(proto); Polymer.Bind.prepareModel(proto);
} }
for (prop in parentProps) { for (prop in parentProps) {
var parentProp = '_parent_' + prop; var parentProp = this._parentPropPrefix + prop;
var effects = [ var effects = [
{ {
kind: 'function', kind: 'function',
@ -3187,8 +3203,9 @@ this._forwardParentProp(prop, value);
}; };
}, },
_createHostPropEffector: function (prop) { _createHostPropEffector: function (prop) {
var prefix = this._parentPropPrefix;
return function (source, value) { return function (source, value) {
this.dataHost['_parent_' + prop] = value; this.dataHost[prefix + prop] = value;
}; };
}, },
_createInstancePropEffector: function (prop) { _createInstancePropEffector: function (prop) {
@ -3220,12 +3237,12 @@ var dot = path.indexOf('.');
var root = dot < 0 ? path : path.slice(0, dot); var root = dot < 0 ? path : path.slice(0, dot);
dataHost._forwardInstancePath.call(dataHost, this, path, value); dataHost._forwardInstancePath.call(dataHost, this, path, value);
if (root in dataHost._parentProps) { if (root in dataHost._parentProps) {
dataHost.notifyPath('_parent_' + path, value); dataHost.notifyPath(dataHost._parentPropPrefix + path, value);
} }
}, },
_pathEffector: function (path, value, fromAbove) { _pathEffector: function (path, value, fromAbove) {
if (this._forwardParentPath) { if (this._forwardParentPath) {
if (path.indexOf('_parent_') === 0) { if (path.indexOf(this._parentPropPrefix) === 0) {
this._forwardParentPath(path.substring(8), value); this._forwardParentPath(path.substring(8), value);
} }
} }
@ -3273,7 +3290,7 @@ stamp: function (model) {
model = model || {}; model = model || {};
if (this._parentProps) { if (this._parentProps) {
for (var prop in this._parentProps) { for (var prop in this._parentProps) {
model[prop] = this['_parent_' + prop]; model[prop] = this[this._parentPropPrefix + prop];
} }
} }
return new this.ctor(model, this); return new this.ctor(model, this);
@ -3989,7 +4006,16 @@ Polymer({
is: 'dom-bind', is: 'dom-bind',
extends: 'template', extends: 'template',
created: function () { created: function () {
Polymer.ImportStatus.whenLoaded(this._readySelf.bind(this)); Polymer.ImportStatus.whenLoaded(this._markImportsReady.bind(this));
},
_ensureReady: function () {
if (!this._readied) {
this._readySelf();
}
},
_markImportsReady: function () {
this._importsReady = true;
this._ensureReady();
}, },
_registerFeatures: function () { _registerFeatures: function () {
this._prepConstructor(); this._prepConstructor();
@ -4022,6 +4048,15 @@ config[prop] = this[prop];
this._setupConfigure = this._setupConfigure.bind(this, config); this._setupConfigure = this._setupConfigure.bind(this, config);
}, },
attached: function () { attached: function () {
if (this._importsReady) {
this.render();
}
},
detached: function () {
this._removeChildren();
},
render: function () {
this._ensureReady();
if (!this._children) { if (!this._children) {
this._template = this; this._template = this;
this._prepAnnotations(); this._prepAnnotations();
@ -4034,8 +4069,5 @@ this._children = Array.prototype.slice.call(this.root.childNodes);
} }
this._insertChildren(); this._insertChildren();
this.fire('dom-change'); this.fire('dom-change');
},
detached: function () {
this._removeChildren();
} }
});</script> });</script>