| Index: appengine/swarming/elements/build/index-build.html
|
| diff --git a/appengine/swarming/elements/build/index-build.html b/appengine/swarming/elements/build/index-build.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..d410c678192de95c3acb7e9711532f7ada64eee9
|
| --- /dev/null
|
| +++ b/appengine/swarming/elements/build/index-build.html
|
| @@ -0,0 +1,9866 @@
|
| +<!DOCTYPE html><html><head><!--
|
| +@license
|
| +Copyright (c) 2015 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
|
| +--><!--
|
| +@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
|
| +-->
|
| + <title>Many World, wow such hello</title>
|
| + <meta charset="utf-8">
|
| + <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
| + <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
|
| +
|
| + <script>/**
|
| + * @license
|
| + * Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
| + * This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| + * The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| + * The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| + * Code distributed by Google as part of the polymer project is also
|
| + * subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| + */
|
| +// @version 0.7.22
|
| +!function(){window.WebComponents=window.WebComponents||{flags:{}};var e="webcomponents-lite.js",t=document.querySelector('script[src*="'+e+'"]'),n={};if(!n.noOpts){if(location.search.slice(1).split("&").forEach(function(e){var t,o=e.split("=");o[0]&&(t=o[0].match(/wc-(.+)/))&&(n[t[1]]=o[1]||!0)}),t)for(var o,r=0;o=t.attributes[r];r++)"src"!==o.name&&(n[o.name]=o.value||!0);if(n.log&&n.log.split){var i=n.log.split(",");n.log={},i.forEach(function(e){n.log[e]=!0})}else n.log={}}n.register&&(window.CustomElements=window.CustomElements||{flags:{}},window.CustomElements.flags.register=n.register),WebComponents.flags=n}(),function(e){"use strict";function t(e){return void 0!==h[e]}function n(){s.call(this),this._isInvalid=!0}function o(e){return""==e&&n.call(this),e.toLowerCase()}function r(e){var t=e.charCodeAt(0);return t>32&&127>t&&-1==[34,35,60,62,63,96].indexOf(t)?e:encodeURIComponent(e)}function i(e){var t=e.charCodeAt(0);return t>32&&127>t&&-1==[34,35,60,62,96].indexOf(t)?e:encodeURIComponent(e)}function a(e,a,s){function c(e){g.push(e)}var d=a||"scheme start",l=0,u="",w=!1,_=!1,g=[];e:for(;(e[l-1]!=p||0==l)&&!this._isInvalid;){var b=e[l];switch(d){case"scheme start":if(!b||!m.test(b)){if(a){c("Invalid scheme.");break e}u="",d="no scheme";continue}u+=b.toLowerCase(),d="scheme";break;case"scheme":if(b&&v.test(b))u+=b.toLowerCase();else{if(":"!=b){if(a){if(p==b)break e;c("Code point not allowed in scheme: "+b);break e}u="",l=0,d="no scheme";continue}if(this._scheme=u,u="",a)break e;t(this._scheme)&&(this._isRelative=!0),d="file"==this._scheme?"relative":this._isRelative&&s&&s._scheme==this._scheme?"relative or authority":this._isRelative?"authority first slash":"scheme data"}break;case"scheme data":"?"==b?(this._query="?",d="query"):"#"==b?(this._fragment="#",d="fragment"):p!=b&&" "!=b&&"\n"!=b&&"\r"!=b&&(this._schemeData+=r(b));break;case"no scheme":if(s&&t(s._scheme)){d="relative";continue}c("Missing scheme."),n.call(this);break;case"relative or authority":if("/"!=b||"/"!=e[l+1]){c("Expected /, got: "+b),d="relative";continue}d="authority ignore slashes";break;case"relative":if(this._isRelative=!0,"file"!=this._scheme&&(this._scheme=s._scheme),p==b){this._host=s._host,this._port=s._port,this._path=s._path.slice(),this._query=s._query,this._username=s._username,this._password=s._password;break e}if("/"==b||"\\"==b)"\\"==b&&c("\\ is an invalid code point."),d="relative slash";else if("?"==b)this._host=s._host,this._port=s._port,this._path=s._path.slice(),this._query="?",this._username=s._username,this._password=s._password,d="query";else{if("#"!=b){var y=e[l+1],E=e[l+2];("file"!=this._scheme||!m.test(b)||":"!=y&&"|"!=y||p!=E&&"/"!=E&&"\\"!=E&&"?"!=E&&"#"!=E)&&(this._host=s._host,this._port=s._port,this._username=s._username,this._password=s._password,this._path=s._path.slice(),this._path.pop()),d="relative path";continue}this._host=s._host,this._port=s._port,this._path=s._path.slice(),this._query=s._query,this._fragment="#",this._username=s._username,this._password=s._password,d="fragment"}break;case"relative slash":if("/"!=b&&"\\"!=b){"file"!=this._scheme&&(this._host=s._host,this._port=s._port,this._username=s._username,this._password=s._password),d="relative path";continue}"\\"==b&&c("\\ is an invalid code point."),d="file"==this._scheme?"file host":"authority ignore slashes";break;case"authority first slash":if("/"!=b){c("Expected '/', got: "+b),d="authority ignore slashes";continue}d="authority second slash";break;case"authority second slash":if(d="authority ignore slashes","/"!=b){c("Expected '/', got: "+b);continue}break;case"authority ignore slashes":if("/"!=b&&"\\"!=b){d="authority";continue}c("Expected authority, got: "+b);break;case"authority":if("@"==b){w&&(c("@ already seen."),u+="%40"),w=!0;for(var L=0;L<u.length;L++){var N=u[L];if(" "!=N&&"\n"!=N&&"\r"!=N)if(":"!=N||null!==this._password){var M=r(N);null!==this._password?this._password+=M:this._username+=M}else this._password="";else c("Invalid whitespace in authority.")}u=""}else{if(p==b||"/"==b||"\\"==b||"?"==b||"#"==b){l-=u.length,u="",d="host";continue}u+=b}break;case"file host":if(p==b||"/"==b||"\\"==b||"?"==b||"#"==b){2!=u.length||!m.test(u[0])||":"!=u[1]&&"|"!=u[1]?0==u.length?d="relative path start":(this._host=o.call(this,u),u="",d="relative path start"):d="relative path";continue}" "==b||"\n"==b||"\r"==b?c("Invalid whitespace in file host."):u+=b;break;case"host":case"hostname":if(":"!=b||_){if(p==b||"/"==b||"\\"==b||"?"==b||"#"==b){if(this._host=o.call(this,u),u="",d="relative path start",a)break e;continue}" "!=b&&"\n"!=b&&"\r"!=b?("["==b?_=!0:"]"==b&&(_=!1),u+=b):c("Invalid code point in host/hostname: "+b)}else if(this._host=o.call(this,u),u="",d="port","hostname"==a)break e;break;case"port":if(/[0-9]/.test(b))u+=b;else{if(p==b||"/"==b||"\\"==b||"?"==b||"#"==b||a){if(""!=u){var T=parseInt(u,10);T!=h[this._scheme]&&(this._port=T+""),u=""}if(a)break e;d="relative path start";continue}" "==b||"\n"==b||"\r"==b?c("Invalid code point in port: "+b):n.call(this)}break;case"relative path start":if("\\"==b&&c("'\\' not allowed in path."),d="relative path","/"!=b&&"\\"!=b)continue;break;case"relative path":if(p!=b&&"/"!=b&&"\\"!=b&&(a||"?"!=b&&"#"!=b))" "!=b&&"\n"!=b&&"\r"!=b&&(u+=r(b));else{"\\"==b&&c("\\ not allowed in relative path.");var O;(O=f[u.toLowerCase()])&&(u=O),".."==u?(this._path.pop(),"/"!=b&&"\\"!=b&&this._path.push("")):"."==u&&"/"!=b&&"\\"!=b?this._path.push(""):"."!=u&&("file"==this._scheme&&0==this._path.length&&2==u.length&&m.test(u[0])&&"|"==u[1]&&(u=u[0]+":"),this._path.push(u)),u="","?"==b?(this._query="?",d="query"):"#"==b&&(this._fragment="#",d="fragment")}break;case"query":a||"#"!=b?p!=b&&" "!=b&&"\n"!=b&&"\r"!=b&&(this._query+=i(b)):(this._fragment="#",d="fragment");break;case"fragment":p!=b&&" "!=b&&"\n"!=b&&"\r"!=b&&(this._fragment+=b)}l++}}function s(){this._scheme="",this._schemeData="",this._username="",this._password=null,this._host="",this._port="",this._path=[],this._query="",this._fragment="",this._isInvalid=!1,this._isRelative=!1}function c(e,t){void 0===t||t instanceof c||(t=new c(String(t))),this._url=e,s.call(this);var n=e.replace(/^[ \t\r\n\f]+|[ \t\r\n\f]+$/g,"");a.call(this,n,null,t)}var d=!1;if(!e.forceJURL)try{var l=new URL("b","http://a");l.pathname="c%20d",d="http://a/c%20d"===l.href}catch(u){}if(!d){var h=Object.create(null);h.ftp=21,h.file=0,h.gopher=70,h.http=80,h.https=443,h.ws=80,h.wss=443;var f=Object.create(null);f["%2e"]=".",f[".%2e"]="..",f["%2e."]="..",f["%2e%2e"]="..";var p=void 0,m=/[a-zA-Z]/,v=/[a-zA-Z0-9\+\-\.]/;c.prototype={toString:function(){return this.href},get href(){if(this._isInvalid)return this._url;var e="";return""==this._username&&null==this._password||(e=this._username+(null!=this._password?":"+this._password:"")+"@"),this.protocol+(this._isRelative?"//"+e+this.host:"")+this.pathname+this._query+this._fragment},set href(e){s.call(this),a.call(this,e)},get protocol(){return this._scheme+":"},set protocol(e){this._isInvalid||a.call(this,e+":","scheme start")},get host(){return this._isInvalid?"":this._port?this._host+":"+this._port:this._host},set host(e){!this._isInvalid&&this._isRelative&&a.call(this,e,"host")},get hostname(){return this._host},set hostname(e){!this._isInvalid&&this._isRelative&&a.call(this,e,"hostname")},get port(){return this._port},set port(e){!this._isInvalid&&this._isRelative&&a.call(this,e,"port")},get pathname(){return this._isInvalid?"":this._isRelative?"/"+this._path.join("/"):this._schemeData},set pathname(e){!this._isInvalid&&this._isRelative&&(this._path=[],a.call(this,e,"relative path start"))},get search(){return this._isInvalid||!this._query||"?"==this._query?"":this._query},set search(e){!this._isInvalid&&this._isRelative&&(this._query="?","?"==e[0]&&(e=e.slice(1)),a.call(this,e,"query"))},get hash(){return this._isInvalid||!this._fragment||"#"==this._fragment?"":this._fragment},set hash(e){this._isInvalid||(this._fragment="#","#"==e[0]&&(e=e.slice(1)),a.call(this,e,"fragment"))},get origin(){var e;if(this._isInvalid||!this._scheme)return"";switch(this._scheme){case"data":case"file":case"javascript":case"mailto":return"null"}return e=this.host,e?this._scheme+"://"+e:""}};var w=e.URL;w&&(c.createObjectURL=function(e){return w.createObjectURL.apply(w,arguments)},c.revokeObjectURL=function(e){w.revokeObjectURL(e)}),e.URL=c}}(self),"undefined"==typeof WeakMap&&!function(){var e=Object.defineProperty,t=Date.now()%1e9,n=function(){this.name="__st"+(1e9*Math.random()>>>0)+(t++ +"__")};n.prototype={set:function(t,n){var o=t[this.name];return o&&o[0]===t?o[1]=n:e(t,this.name,{value:[t,n],writable:!0}),this},get:function(e){var t;return(t=e[this.name])&&t[0]===e?t[1]:void 0},"delete":function(e){var t=e[this.name];return t&&t[0]===e?(t[0]=t[1]=void 0,!0):!1},has:function(e){var t=e[this.name];return t?t[0]===e:!1}},window.WeakMap=n}(),function(e){function t(e){b.push(e),g||(g=!0,m(o))}function n(e){return window.ShadowDOMPolyfill&&window.ShadowDOMPolyfill.wrapIfNeeded(e)||e}function o(){g=!1;var e=b;b=[],e.sort(function(e,t){return e.uid_-t.uid_});var t=!1;e.forEach(function(e){var n=e.takeRecords();r(e),n.length&&(e.callback_(n,e),t=!0)}),t&&o()}function r(e){e.nodes_.forEach(function(t){var n=v.get(t);n&&n.forEach(function(t){t.observer===e&&t.removeTransientObservers()})})}function i(e,t){for(var n=e;n;n=n.parentNode){var o=v.get(n);if(o)for(var r=0;r<o.length;r++){var i=o[r],a=i.options;if(n===e||a.subtree){var s=t(a);s&&i.enqueue(s)}}}}function a(e){this.callback_=e,this.nodes_=[],this.records_=[],this.uid_=++y}function s(e,t){this.type=e,this.target=t,this.addedNodes=[],this.removedNodes=[],this.previousSibling=null,this.nextSibling=null,this.attributeName=null,this.attributeNamespace=null,this.oldValue=null}function c(e){var t=new s(e.type,e.target);return t.addedNodes=e.addedNodes.slice(),t.removedNodes=e.removedNodes.slice(),t.previousSibling=e.previousSibling,t.nextSibling=e.nextSibling,t.attributeName=e.attributeName,t.attributeNamespace=e.attributeNamespace,t.oldValue=e.oldValue,t}function d(e,t){return E=new s(e,t)}function l(e){return L?L:(L=c(E),L.oldValue=e,L)}function u(){E=L=void 0}function h(e){return e===L||e===E}function f(e,t){return e===t?e:L&&h(e)?L:null}function p(e,t,n){this.observer=e,this.target=t,this.options=n,this.transientObservedNodes=[]}if(!e.JsMutationObserver){var m,v=new WeakMap;if(/Trident|Edge/.test(navigator.userAgent))m=setTimeout;else if(window.setImmediate)m=window.setImmediate;else{var w=[],_=String(Math.random());window.addEventListener("message",function(e){if(e.data===_){var t=w;w=[],t.forEach(function(e){e()})}}),m=function(e){w.push(e),window.postMessage(_,"*")}}var g=!1,b=[],y=0;a.prototype={observe:function(e,t){if(e=n(e),!t.childList&&!t.attributes&&!t.characterData||t.attributeOldValue&&!t.attributes||t.attributeFilter&&t.attributeFilter.length&&!t.attributes||t.characterDataOldValue&&!t.characterData)throw new SyntaxError;var o=v.get(e);o||v.set(e,o=[]);for(var r,i=0;i<o.length;i++)if(o[i].observer===this){r=o[i],r.removeListeners(),r.options=t;break}r||(r=new p(this,e,t),o.push(r),this.nodes_.push(e)),r.addListeners()},disconnect:function(){this.nodes_.forEach(function(e){for(var t=v.get(e),n=0;n<t.length;n++){var o=t[n];if(o.observer===this){o.removeListeners(),t.splice(n,1);break}}},this),this.records_=[]},takeRecords:function(){var e=this.records_;return this.records_=[],e}};var E,L;p.prototype={enqueue:function(e){var n=this.observer.records_,o=n.length;if(n.length>0){var r=n[o-1],i=f(r,e);if(i)return void(n[o-1]=i)}else t(this.observer);n[o]=e},addListeners:function(){this.addListeners_(this.target)},addListeners_:function(e){var t=this.options;t.attributes&&e.addEventListener("DOMAttrModified",this,!0),t.characterData&&e.addEventListener("DOMCharacterDataModified",this,!0),t.childList&&e.addEventListener("DOMNodeInserted",this,!0),(t.childList||t.subtree)&&e.addEventListener("DOMNodeRemoved",this,!0)},removeListeners:function(){this.removeListeners_(this.target)},removeListeners_:function(e){var t=this.options;t.attributes&&e.removeEventListener("DOMAttrModified",this,!0),t.characterData&&e.removeEventListener("DOMCharacterDataModified",this,!0),t.childList&&e.removeEventListener("DOMNodeInserted",this,!0),(t.childList||t.subtree)&&e.removeEventListener("DOMNodeRemoved",this,!0)},addTransientObserver:function(e){if(e!==this.target){this.addListeners_(e),this.transientObservedNodes.push(e);var t=v.get(e);t||v.set(e,t=[]),t.push(this)}},removeTransientObservers:function(){var e=this.transientObservedNodes;this.transientObservedNodes=[],e.forEach(function(e){this.removeListeners_(e);for(var t=v.get(e),n=0;n<t.length;n++)if(t[n]===this){t.splice(n,1);break}},this)},handleEvent:function(e){switch(e.stopImmediatePropagation(),e.type){case"DOMAttrModified":var t=e.attrName,n=e.relatedNode.namespaceURI,o=e.target,r=new d("attributes",o);r.attributeName=t,r.attributeNamespace=n;var a=e.attrChange===MutationEvent.ADDITION?null:e.prevValue;i(o,function(e){return!e.attributes||e.attributeFilter&&e.attributeFilter.length&&-1===e.attributeFilter.indexOf(t)&&-1===e.attributeFilter.indexOf(n)?void 0:e.attributeOldValue?l(a):r});break;case"DOMCharacterDataModified":var o=e.target,r=d("characterData",o),a=e.prevValue;i(o,function(e){return e.characterData?e.characterDataOldValue?l(a):r:void 0});break;case"DOMNodeRemoved":this.addTransientObserver(e.target);case"DOMNodeInserted":var s,c,h=e.target;"DOMNodeInserted"===e.type?(s=[h],c=[]):(s=[],c=[h]);var f=h.previousSibling,p=h.nextSibling,r=d("childList",e.target.parentNode);r.addedNodes=s,r.removedNodes=c,r.previousSibling=f,r.nextSibling=p,i(e.relatedNode,function(e){return e.childList?r:void 0})}u()}},e.JsMutationObserver=a,e.MutationObserver||(e.MutationObserver=a,a._isPolyfilled=!0)}}(self),function(){function e(e){switch(e){case"&":return"&";case"<":return"<";case">":return">";case" ":return" "}}function t(t){return t.replace(u,e)}var n="undefined"==typeof HTMLTemplateElement;/Trident/.test(navigator.userAgent)&&!function(){var e=document.importNode;document.importNode=function(){var t=e.apply(document,arguments);if(t.nodeType===Node.DOCUMENT_FRAGMENT_NODE){var n=document.createDocumentFragment();return n.appendChild(t),n}return t}}();var o=function(){if(!n){var e=document.createElement("template"),t=document.createElement("template");t.content.appendChild(document.createElement("div")),e.content.appendChild(t);var o=e.cloneNode(!0);return 0===o.content.childNodes.length||0===o.content.firstChild.content.childNodes.length}}(),r="template",i=function(){};if(n){var a=document.implementation.createHTMLDocument("template"),s=!0,c=document.createElement("style");c.textContent=r+"{display:none;}";var d=document.head;d.insertBefore(c,d.firstElementChild),i.prototype=Object.create(HTMLElement.prototype),i.decorate=function(e){if(!e.content){e.content=a.createDocumentFragment();for(var n;n=e.firstChild;)e.content.appendChild(n);if(e.cloneNode=function(e){return i.cloneNode(this,e)},s)try{Object.defineProperty(e,"innerHTML",{get:function(){for(var e="",n=this.content.firstChild;n;n=n.nextSibling)e+=n.outerHTML||t(n.data);return e},set:function(e){for(a.body.innerHTML=e,i.bootstrap(a);this.content.firstChild;)this.content.removeChild(this.content.firstChild);for(;a.body.firstChild;)this.content.appendChild(a.body.firstChild)},configurable:!0})}catch(o){s=!1}i.bootstrap(e.content)}},i.bootstrap=function(e){for(var t,n=e.querySelectorAll(r),o=0,a=n.length;a>o&&(t=n[o]);o++)i.decorate(t)},document.addEventListener("DOMContentLoaded",function(){i.bootstrap(document)});var l=document.createElement;document.createElement=function(){"use strict";var e=l.apply(document,arguments);return"template"===e.localName&&i.decorate(e),e};var u=/[&\u00A0<>]/g}if(n||o){var h=Node.prototype.cloneNode;i.cloneNode=function(e,t){var n=h.call(e,!1);return this.decorate&&this.decorate(n),t&&(n.content.appendChild(h.call(e.content,!0)),this.fixClonedDom(n.content,e.content)),n},i.fixClonedDom=function(e,t){if(t.querySelectorAll)for(var n,o,i=t.querySelectorAll(r),a=e.querySelectorAll(r),s=0,c=a.length;c>s;s++)o=i[s],n=a[s],this.decorate&&this.decorate(o),n.parentNode.replaceChild(o.cloneNode(!0),n)};var f=document.importNode;Node.prototype.cloneNode=function(e){var t=h.call(this,e);return e&&i.fixClonedDom(t,this),t},document.importNode=function(e,t){if(e.localName===r)return i.cloneNode(e,t);var n=f.call(document,e,t);return t&&i.fixClonedDom(n,e),n},o&&(HTMLTemplateElement.prototype.cloneNode=function(e){return i.cloneNode(this,e)})}n&&(window.HTMLTemplateElement=i)}(),function(e){"use strict";if(!window.performance){var t=Date.now();window.performance={now:function(){return Date.now()-t}}}window.requestAnimationFrame||(window.requestAnimationFrame=function(){var e=window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame;return e?function(t){return e(function(){t(performance.now())})}:function(e){return window.setTimeout(e,1e3/60)}}()),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(){return window.webkitCancelAnimationFrame||window.mozCancelAnimationFrame||function(e){clearTimeout(e)}}());var n=function(){var e=document.createEvent("Event");return e.initEvent("foo",!0,!0),e.preventDefault(),e.defaultPrevented}();if(!n){var o=Event.prototype.preventDefault;Event.prototype.preventDefault=function(){this.cancelable&&(o.call(this),Object.defineProperty(this,"defaultPrevented",{get:function(){return!0},configurable:!0}))}}var r=/Trident/.test(navigator.userAgent);if((!window.CustomEvent||r&&"function"!=typeof window.CustomEvent)&&(window.CustomEvent=function(e,t){t=t||{};var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,Boolean(t.bubbles),Boolean(t.cancelable),t.detail),n},window.CustomEvent.prototype=window.Event.prototype),!window.Event||r&&"function"!=typeof window.Event){var i=window.Event;window.Event=function(e,t){t=t||{};var n=document.createEvent("Event");return n.initEvent(e,Boolean(t.bubbles),Boolean(t.cancelable)),n},window.Event.prototype=i.prototype}}(window.WebComponents),window.HTMLImports=window.HTMLImports||{flags:{}},function(e){function t(e,t){t=t||p,o(function(){i(e,t)},t)}function n(e){return"complete"===e.readyState||e.readyState===w}function o(e,t){if(n(t))e&&e();else{var r=function(){"complete"!==t.readyState&&t.readyState!==w||(t.removeEventListener(_,r),o(e,t))};t.addEventListener(_,r)}}function r(e){e.target.__loaded=!0}function i(e,t){function n(){c==d&&e&&e({allImports:s,loadedImports:l,errorImports:u})}function o(e){r(e),l.push(this),c++,n()}function i(e){u.push(this),c++,n()}var s=t.querySelectorAll("link[rel=import]"),c=0,d=s.length,l=[],u=[];if(d)for(var h,f=0;d>f&&(h=s[f]);f++)a(h)?(l.push(this),c++,n()):(h.addEventListener("load",o),h.addEventListener("error",i));else n()}function a(e){return u?e.__loaded||e["import"]&&"loading"!==e["import"].readyState:e.__importParsed}function s(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)c(t)&&d(t)}function c(e){return"link"===e.localName&&"import"===e.rel}function d(e){var t=e["import"];t?r({target:e}):(e.addEventListener("load",r),e.addEventListener("error",r))}var l="import",u=Boolean(l in document.createElement("link")),h=Boolean(window.ShadowDOMPolyfill),f=function(e){return h?window.ShadowDOMPolyfill.wrapIfNeeded(e):e},p=f(document),m={get:function(){var e=window.HTMLImports.currentScript||document.currentScript||("complete"!==document.readyState?document.scripts[document.scripts.length-1]:null);return f(e)},configurable:!0};Object.defineProperty(document,"_currentScript",m),Object.defineProperty(p,"_currentScript",m);var v=/Trident/.test(navigator.userAgent),w=v?"complete":"interactive",_="readystatechange";u&&(new MutationObserver(function(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)t.addedNodes&&s(t.addedNodes)}).observe(document.head,{childList:!0}),function(){if("loading"===document.readyState)for(var e,t=document.querySelectorAll("link[rel=import]"),n=0,o=t.length;o>n&&(e=t[n]);n++)d(e)}()),t(function(e){window.HTMLImports.ready=!0,window.HTMLImports.readyTime=(new Date).getTime();var t=p.createEvent("CustomEvent");t.initCustomEvent("HTMLImportsLoaded",!0,!0,e),p.dispatchEvent(t)}),e.IMPORT_LINK_TYPE=l,e.useNative=u,e.rootDocument=p,e.whenReady=t,e.isIE=v}(window.HTMLImports),function(e){var t=[],n=function(e){t.push(e)},o=function(){t.forEach(function(t){t(e)})};e.addModule=n,e.initializeModules=o}(window.HTMLImports),window.HTMLImports.addModule(function(e){var t=/(url\()([^)]*)(\))/g,n=/(@import[\s]+(?!url\())([^;]*)(;)/g,o={resolveUrlsInStyle:function(e,t){var n=e.ownerDocument,o=n.createElement("a");return e.textContent=this.resolveUrlsInCssText(e.textContent,t,o),e},resolveUrlsInCssText:function(e,o,r){var i=this.replaceUrls(e,r,o,t);return i=this.replaceUrls(i,r,o,n)},replaceUrls:function(e,t,n,o){return e.replace(o,function(e,o,r,i){var a=r.replace(/["']/g,"");return n&&(a=new URL(a,n).href),t.href=a,a=t.href,o+"'"+a+"'"+i})}};e.path=o}),window.HTMLImports.addModule(function(e){var t={async:!0,ok:function(e){return e.status>=200&&e.status<300||304===e.status||0===e.status},load:function(n,o,r){var i=new XMLHttpRequest;return(e.flags.debug||e.flags.bust)&&(n+="?"+Math.random()),i.open("GET",n,t.async),i.addEventListener("readystatechange",function(e){if(4===i.readyState){var n=null;try{var a=i.getResponseHeader("Location");a&&(n="/"===a.substr(0,1)?location.origin+a:a)}catch(e){console.error(e.message)}o.call(r,!t.ok(i)&&i,i.response||i.responseText,n)}}),i.send(),i},loadDocument:function(e,t,n){this.load(e,t,n).responseType="document"}};e.xhr=t}),window.HTMLImports.addModule(function(e){var t=e.xhr,n=e.flags,o=function(e,t){this.cache={},this.onload=e,this.oncomplete=t,this.inflight=0,this.pending={}};o.prototype={addNodes:function(e){this.inflight+=e.length;for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)this.require(t);this.checkDone()},addNode:function(e){this.inflight++,this.require(e),this.checkDone()},require:function(e){var t=e.src||e.href;e.__nodeUrl=t,this.dedupe(t,e)||this.fetch(t,e)},dedupe:function(e,t){if(this.pending[e])return this.pending[e].push(t),!0;return this.cache[e]?(this.onload(e,t,this.cache[e]),this.tail(),!0):(this.pending[e]=[t],!1)},fetch:function(e,o){if(n.load&&console.log("fetch",e,o),e)if(e.match(/^data:/)){var r=e.split(","),i=r[0],a=r[1];a=i.indexOf(";base64")>-1?atob(a):decodeURIComponent(a),setTimeout(function(){this.receive(e,o,null,a)}.bind(this),0)}else{var s=function(t,n,r){this.receive(e,o,t,n,r)}.bind(this);t.load(e,s)}else setTimeout(function(){this.receive(e,o,{error:"href must be specified"},null)}.bind(this),0)},receive:function(e,t,n,o,r){this.cache[e]=o;for(var i,a=this.pending[e],s=0,c=a.length;c>s&&(i=a[s]);s++)this.onload(e,i,o,n,r),this.tail();this.pending[e]=null},tail:function(){--this.inflight,this.checkDone()},checkDone:function(){this.inflight||this.oncomplete()}},e.Loader=o}),window.HTMLImports.addModule(function(e){var t=function(e){this.addCallback=e,this.mo=new MutationObserver(this.handler.bind(this))};t.prototype={handler:function(e){for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)"childList"===t.type&&t.addedNodes.length&&this.addedNodes(t.addedNodes)},addedNodes:function(e){this.addCallback&&this.addCallback(e);for(var t,n=0,o=e.length;o>n&&(t=e[n]);n++)t.children&&t.children.length&&this.addedNodes(t.children)},observe:function(e){this.mo.observe(e,{childList:!0,subtree:!0})}},e.Observer=t}),window.HTMLImports.addModule(function(e){function t(e){return"link"===e.localName&&e.rel===l}function n(e){var t=o(e);return"data:text/javascript;charset=utf-8,"+encodeURIComponent(t)}function o(e){return e.textContent+r(e)}function r(e){var t=e.ownerDocument;t.__importedScripts=t.__importedScripts||0;var n=e.ownerDocument.baseURI,o=t.__importedScripts?"-"+t.__importedScripts:"";return t.__importedScripts++,"\n//# sourceURL="+n+o+".js\n"}function i(e){var t=e.ownerDocument.createElement("style");return t.textContent=e.textContent,a.resolveUrlsInStyle(t),t}var a=e.path,s=e.rootDocument,c=e.flags,d=e.isIE,l=e.IMPORT_LINK_TYPE,u="link[rel="+l+"]",h={documentSelectors:u,importsSelectors:[u,"link[rel=stylesheet]:not([type])","style:not([type])","script:not([type])",'script[type="application/javascript"]','script[type="text/javascript"]'].join(","),map:{link:"parseLink",script:"parseScript",style:"parseStyle"},dynamicElements:[],parseNext:function(){var e=this.nextToParse();e&&this.parse(e)},parse:function(e){if(this.isParsed(e))return void(c.parse&&console.log("[%s] is already parsed",e.localName));var t=this[this.map[e.localName]];t&&(this.markParsing(e),t.call(this,e))},parseDynamic:function(e,t){this.dynamicElements.push(e),t||this.parseNext()},markParsing:function(e){c.parse&&console.log("parsing",e),this.parsingElement=e},markParsingComplete:function(e){e.__importParsed=!0,this.markDynamicParsingComplete(e),e.__importElement&&(e.__importElement.__importParsed=!0,this.markDynamicParsingComplete(e.__importElement)),this.parsingElement=null,c.parse&&console.log("completed",e)},markDynamicParsingComplete:function(e){var t=this.dynamicElements.indexOf(e);t>=0&&this.dynamicElements.splice(t,1)},parseImport:function(e){if(e["import"]=e.__doc,window.HTMLImports.__importsParsingHook&&window.HTMLImports.__importsParsingHook(e),e["import"]&&(e["import"].__importParsed=!0),this.markParsingComplete(e),e.__resource&&!e.__error?e.dispatchEvent(new CustomEvent("load",{bubbles:!1})):e.dispatchEvent(new CustomEvent("error",{bubbles:!1})),e.__pending)for(var t;e.__pending.length;)t=e.__pending.shift(),t&&t({target:e});this.parseNext()},parseLink:function(e){t(e)?this.parseImport(e):(e.href=e.href,this.parseGeneric(e))},parseStyle:function(e){var t=e;e=i(e),t.__appliedElement=e,e.__importElement=t,this.parseGeneric(e)},parseGeneric:function(e){this.trackElement(e),this.addElementToDocument(e)},rootImportForElement:function(e){for(var t=e;t.ownerDocument.__importLink;)t=t.ownerDocument.__importLink;return t},addElementToDocument:function(e){var t=this.rootImportForElement(e.__importElement||e);t.parentNode.insertBefore(e,t)},trackElement:function(e,t){var n=this,o=function(r){e.removeEventListener("load",o),e.removeEventListener("error",o),t&&t(r),n.markParsingComplete(e),n.parseNext()};if(e.addEventListener("load",o),e.addEventListener("error",o),d&&"style"===e.localName){var r=!1;if(-1==e.textContent.indexOf("@import"))r=!0;else if(e.sheet){r=!0;for(var i,a=e.sheet.cssRules,s=a?a.length:0,c=0;s>c&&(i=a[c]);c++)i.type===CSSRule.IMPORT_RULE&&(r=r&&Boolean(i.styleSheet))}r&&setTimeout(function(){e.dispatchEvent(new CustomEvent("load",{bubbles:!1}))})}},parseScript:function(t){var o=document.createElement("script");o.__importElement=t,o.src=t.src?t.src:n(t),e.currentScript=t,this.trackElement(o,function(t){o.parentNode&&o.parentNode.removeChild(o),e.currentScript=null}),this.addElementToDocument(o)},nextToParse:function(){return this._mayParse=[],!this.parsingElement&&(this.nextToParseInDoc(s)||this.nextToParseDynamic())},nextToParseInDoc:function(e,n){if(e&&this._mayParse.indexOf(e)<0){this._mayParse.push(e);for(var o,r=e.querySelectorAll(this.parseSelectorsForNode(e)),i=0,a=r.length;a>i&&(o=r[i]);i++)if(!this.isParsed(o))return this.hasResource(o)?t(o)?this.nextToParseInDoc(o.__doc,o):o:void 0}return n},nextToParseDynamic:function(){return this.dynamicElements[0]},parseSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===s?this.documentSelectors:this.importsSelectors},isParsed:function(e){return e.__importParsed},needsDynamicParsing:function(e){return this.dynamicElements.indexOf(e)>=0},hasResource:function(e){return!t(e)||void 0!==e.__doc}};e.parser=h,e.IMPORT_SELECTOR=u}),window.HTMLImports.addModule(function(e){function t(e){return n(e,a)}function n(e,t){return"link"===e.localName&&e.getAttribute("rel")===t}function o(e){return!!Object.getOwnPropertyDescriptor(e,"baseURI")}function r(e,t){var n=document.implementation.createHTMLDocument(a);n._URL=t;var r=n.createElement("base");r.setAttribute("href",t),n.baseURI||o(n)||Object.defineProperty(n,"baseURI",{value:t});var i=n.createElement("meta");return i.setAttribute("charset","utf-8"),n.head.appendChild(i),n.head.appendChild(r),n.body.innerHTML=e,window.HTMLTemplateElement&&HTMLTemplateElement.bootstrap&&HTMLTemplateElement.bootstrap(n),n}var i=e.flags,a=e.IMPORT_LINK_TYPE,s=e.IMPORT_SELECTOR,c=e.rootDocument,d=e.Loader,l=e.Observer,u=e.parser,h={documents:{},documentPreloadSelectors:s,importsPreloadSelectors:[s].join(","),loadNode:function(e){f.addNode(e)},loadSubtree:function(e){var t=this.marshalNodes(e);f.addNodes(t)},marshalNodes:function(e){return e.querySelectorAll(this.loadSelectorsForNode(e))},loadSelectorsForNode:function(e){var t=e.ownerDocument||e;return t===c?this.documentPreloadSelectors:this.importsPreloadSelectors},loaded:function(e,n,o,a,s){if(i.load&&console.log("loaded",e,n),n.__resource=o,n.__error=a,t(n)){var c=this.documents[e];void 0===c&&(c=a?null:r(o,s||e),c&&(c.__importLink=n,this.bootDocument(c)),this.documents[e]=c),n.__doc=c}u.parseNext()},bootDocument:function(e){this.loadSubtree(e),this.observer.observe(e),u.parseNext()},loadedAll:function(){u.parseNext()}},f=new d(h.loaded.bind(h),h.loadedAll.bind(h));if(h.observer=new l,!document.baseURI){var p={get:function(){var e=document.querySelector("base");return e?e.href:window.location.href},configurable:!0};Object.defineProperty(document,"baseURI",p),Object.defineProperty(c,"baseURI",p)}e.importer=h,e.importLoader=f}),window.HTMLImports.addModule(function(e){var t=e.parser,n=e.importer,o={added:function(e){for(var o,r,i,a,s=0,c=e.length;c>s&&(a=e[s]);s++)o||(o=a.ownerDocument,r=t.isParsed(o)),i=this.shouldLoadNode(a),i&&n.loadNode(a),this.shouldParseNode(a)&&r&&t.parseDynamic(a,i)},shouldLoadNode:function(e){return 1===e.nodeType&&r.call(e,n.loadSelectorsForNode(e))},shouldParseNode:function(e){return 1===e.nodeType&&r.call(e,t.parseSelectorsForNode(e))}};n.observer.addCallback=o.added.bind(o);var r=HTMLElement.prototype.matches||HTMLElement.prototype.matchesSelector||HTMLElement.prototype.webkitMatchesSelector||HTMLElement.prototype.mozMatchesSelector||HTMLElement.prototype.msMatchesSelector}),function(e){function t(){window.HTMLImports.importer.bootDocument(o)}var n=e.initializeModules;e.isIE;if(!e.useNative){n();var o=e.rootDocument;"complete"===document.readyState||"interactive"===document.readyState&&!window.attachEvent?t():document.addEventListener("DOMContentLoaded",t)}}(window.HTMLImports),window.CustomElements=window.CustomElements||{flags:{}},function(e){var t=e.flags,n=[],o=function(e){n.push(e)},r=function(){n.forEach(function(t){t(e)})};e.addModule=o,e.initializeModules=r,e.hasNative=Boolean(document.registerElement),e.isIE=/Trident/.test(navigator.userAgent),e.useNative=!t.register&&e.hasNative&&!window.ShadowDOMPolyfill&&(!window.HTMLImports||window.HTMLImports.useNative)}(window.CustomElements),window.CustomElements.addModule(function(e){function t(e,t){n(e,function(e){return t(e)?!0:void o(e,t)}),o(e,t)}function n(e,t,o){var r=e.firstElementChild;if(!r)for(r=e.firstChild;r&&r.nodeType!==Node.ELEMENT_NODE;)r=r.nextSibling;for(;r;)t(r,o)!==!0&&n(r,t,o),r=r.nextElementSibling;return null}function o(e,n){for(var o=e.shadowRoot;o;)t(o,n),o=o.olderShadowRoot}function r(e,t){i(e,t,[])}function i(e,t,n){if(e=window.wrap(e),!(n.indexOf(e)>=0)){n.push(e);for(var o,r=e.querySelectorAll("link[rel="+a+"]"),s=0,c=r.length;c>s&&(o=r[s]);s++)o["import"]&&i(o["import"],t,n);t(e)}}var a=window.HTMLImports?window.HTMLImports.IMPORT_LINK_TYPE:"none";e.forDocumentTree=r,e.forSubtree=t}),window.CustomElements.addModule(function(e){function t(e,t){return n(e,t)||o(e,t)}function n(t,n){return e.upgrade(t,n)?!0:void(n&&a(t))}function o(e,t){g(e,function(e){return n(e,t)?!0:void 0})}function r(e){L.push(e),E||(E=!0,setTimeout(i))}function i(){E=!1;for(var e,t=L,n=0,o=t.length;o>n&&(e=t[n]);n++)e();L=[]}function a(e){y?r(function(){s(e)}):s(e)}function s(e){
|
| +e.__upgraded__&&!e.__attached&&(e.__attached=!0,e.attachedCallback&&e.attachedCallback())}function c(e){d(e),g(e,function(e){d(e)})}function d(e){y?r(function(){l(e)}):l(e)}function l(e){e.__upgraded__&&e.__attached&&(e.__attached=!1,e.detachedCallback&&e.detachedCallback())}function u(e){for(var t=e,n=window.wrap(document);t;){if(t==n)return!0;t=t.parentNode||t.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&t.host}}function h(e){if(e.shadowRoot&&!e.shadowRoot.__watched){_.dom&&console.log("watching shadow-root for: ",e.localName);for(var t=e.shadowRoot;t;)m(t),t=t.olderShadowRoot}}function f(e,n){if(_.dom){var o=n[0];if(o&&"childList"===o.type&&o.addedNodes&&o.addedNodes){for(var r=o.addedNodes[0];r&&r!==document&&!r.host;)r=r.parentNode;var i=r&&(r.URL||r._URL||r.host&&r.host.localName)||"";i=i.split("/?").shift().split("/").pop()}console.group("mutations (%d) [%s]",n.length,i||"")}var a=u(e);n.forEach(function(e){"childList"===e.type&&(N(e.addedNodes,function(e){e.localName&&t(e,a)}),N(e.removedNodes,function(e){e.localName&&c(e)}))}),_.dom&&console.groupEnd()}function p(e){for(e=window.wrap(e),e||(e=window.wrap(document));e.parentNode;)e=e.parentNode;var t=e.__observer;t&&(f(e,t.takeRecords()),i())}function m(e){if(!e.__observer){var t=new MutationObserver(f.bind(this,e));t.observe(e,{childList:!0,subtree:!0}),e.__observer=t}}function v(e){e=window.wrap(e),_.dom&&console.group("upgradeDocument: ",e.baseURI.split("/").pop());var n=e===window.wrap(document);t(e,n),m(e),_.dom&&console.groupEnd()}function w(e){b(e,v)}var _=e.flags,g=e.forSubtree,b=e.forDocumentTree,y=window.MutationObserver._isPolyfilled&&_["throttle-attached"];e.hasPolyfillMutations=y,e.hasThrottledAttached=y;var E=!1,L=[],N=Array.prototype.forEach.call.bind(Array.prototype.forEach),M=Element.prototype.createShadowRoot;M&&(Element.prototype.createShadowRoot=function(){var e=M.call(this);return window.CustomElements.watchShadow(this),e}),e.watchShadow=h,e.upgradeDocumentTree=w,e.upgradeDocument=v,e.upgradeSubtree=o,e.upgradeAll=t,e.attached=a,e.takeRecords=p}),window.CustomElements.addModule(function(e){function t(t,o){if("template"===t.localName&&window.HTMLTemplateElement&&HTMLTemplateElement.decorate&&HTMLTemplateElement.decorate(t),!t.__upgraded__&&t.nodeType===Node.ELEMENT_NODE){var r=t.getAttribute("is"),i=e.getRegisteredDefinition(t.localName)||e.getRegisteredDefinition(r);if(i&&(r&&i.tag==t.localName||!r&&!i["extends"]))return n(t,i,o)}}function n(t,n,r){return a.upgrade&&console.group("upgrade:",t.localName),n.is&&t.setAttribute("is",n.is),o(t,n),t.__upgraded__=!0,i(t),r&&e.attached(t),e.upgradeSubtree(t,r),a.upgrade&&console.groupEnd(),t}function o(e,t){Object.__proto__?e.__proto__=t.prototype:(r(e,t.prototype,t["native"]),e.__proto__=t.prototype)}function r(e,t,n){for(var o={},r=t;r!==n&&r!==HTMLElement.prototype;){for(var i,a=Object.getOwnPropertyNames(r),s=0;i=a[s];s++)o[i]||(Object.defineProperty(e,i,Object.getOwnPropertyDescriptor(r,i)),o[i]=1);r=Object.getPrototypeOf(r)}}function i(e){e.createdCallback&&e.createdCallback()}var a=e.flags;e.upgrade=t,e.upgradeWithDefinition=n,e.implementPrototype=o}),window.CustomElements.addModule(function(e){function t(t,o){var c=o||{};if(!t)throw new Error("document.registerElement: first argument `name` must not be empty");if(t.indexOf("-")<0)throw new Error("document.registerElement: first argument ('name') must contain a dash ('-'). Argument provided was '"+String(t)+"'.");if(r(t))throw new Error("Failed to execute 'registerElement' on 'Document': Registration failed for type '"+String(t)+"'. The type name is invalid.");if(d(t))throw new Error("DuplicateDefinitionError: a type with name '"+String(t)+"' is already registered");return c.prototype||(c.prototype=Object.create(HTMLElement.prototype)),c.__name=t.toLowerCase(),c["extends"]&&(c["extends"]=c["extends"].toLowerCase()),c.lifecycle=c.lifecycle||{},c.ancestry=i(c["extends"]),a(c),s(c),n(c.prototype),l(c.__name,c),c.ctor=u(c),c.ctor.prototype=c.prototype,c.prototype.constructor=c.ctor,e.ready&&v(document),c.ctor}function n(e){if(!e.setAttribute._polyfilled){var t=e.setAttribute;e.setAttribute=function(e,n){o.call(this,e,n,t)};var n=e.removeAttribute;e.removeAttribute=function(e){o.call(this,e,null,n)},e.setAttribute._polyfilled=!0}}function o(e,t,n){e=e.toLowerCase();var o=this.getAttribute(e);n.apply(this,arguments);var r=this.getAttribute(e);this.attributeChangedCallback&&r!==o&&this.attributeChangedCallback(e,o,r)}function r(e){for(var t=0;t<y.length;t++)if(e===y[t])return!0}function i(e){var t=d(e);return t?i(t["extends"]).concat([t]):[]}function a(e){for(var t,n=e["extends"],o=0;t=e.ancestry[o];o++)n=t.is&&t.tag;e.tag=n||e.__name,n&&(e.is=e.__name)}function s(e){if(!Object.__proto__){var t=HTMLElement.prototype;if(e.is){var n=document.createElement(e.tag);t=Object.getPrototypeOf(n)}for(var o,r=e.prototype,i=!1;r;)r==t&&(i=!0),o=Object.getPrototypeOf(r),o&&(r.__proto__=o),r=o;i||console.warn(e.tag+" prototype not found in prototype chain for "+e.is),e["native"]=t}}function c(e){return _(N(e.tag),e)}function d(e){return e?E[e.toLowerCase()]:void 0}function l(e,t){E[e]=t}function u(e){return function(){return c(e)}}function h(e,t,n){return e===L?f(t,n):M(e,t)}function f(e,t){e&&(e=e.toLowerCase()),t&&(t=t.toLowerCase());var n=d(t||e);if(n){if(e==n.tag&&t==n.is)return new n.ctor;if(!t&&!n.is)return new n.ctor}var o;return t?(o=f(e),o.setAttribute("is",t),o):(o=N(e),e.indexOf("-")>=0&&g(o,HTMLElement),o)}function p(e,t){var n=e[t];e[t]=function(){var e=n.apply(this,arguments);return w(e),e}}var m,v=(e.isIE,e.upgradeDocumentTree),w=e.upgradeAll,_=e.upgradeWithDefinition,g=e.implementPrototype,b=e.useNative,y=["annotation-xml","color-profile","font-face","font-face-src","font-face-uri","font-face-format","font-face-name","missing-glyph"],E={},L="http://www.w3.org/1999/xhtml",N=document.createElement.bind(document),M=document.createElementNS.bind(document);m=Object.__proto__||b?function(e,t){return e instanceof t}:function(e,t){if(e instanceof t)return!0;for(var n=e;n;){if(n===t.prototype)return!0;n=n.__proto__}return!1},p(Node.prototype,"cloneNode"),p(document,"importNode"),document.registerElement=t,document.createElement=f,document.createElementNS=h,e.registry=E,e["instanceof"]=m,e.reservedTagList=y,e.getRegisteredDefinition=d,document.register=document.registerElement}),function(e){function t(){i(window.wrap(document)),window.CustomElements.ready=!0;var e=window.requestAnimationFrame||function(e){setTimeout(e,16)};e(function(){setTimeout(function(){window.CustomElements.readyTime=Date.now(),window.HTMLImports&&(window.CustomElements.elapsed=window.CustomElements.readyTime-window.HTMLImports.readyTime),document.dispatchEvent(new CustomEvent("WebComponentsReady",{bubbles:!0}))})})}var n=e.useNative,o=e.initializeModules;e.isIE;if(n){var r=function(){};e.watchShadow=r,e.upgrade=r,e.upgradeAll=r,e.upgradeDocumentTree=r,e.upgradeSubtree=r,e.takeRecords=r,e["instanceof"]=function(e,t){return e instanceof t}}else o();var i=e.upgradeDocumentTree,a=e.upgradeDocument;if(window.wrap||(window.ShadowDOMPolyfill?(window.wrap=window.ShadowDOMPolyfill.wrapIfNeeded,window.unwrap=window.ShadowDOMPolyfill.unwrapIfNeeded):window.wrap=window.unwrap=function(e){return e}),window.HTMLImports&&(window.HTMLImports.__importsParsingHook=function(e){e["import"]&&a(wrap(e["import"]))}),"complete"===document.readyState||e.flags.eager)t();else if("interactive"!==document.readyState||window.attachEvent||window.HTMLImports&&!window.HTMLImports.ready){var s=window.HTMLImports&&!window.HTMLImports.ready?"HTMLImportsLoaded":"DOMContentLoaded";window.addEventListener(s,t)}else t()}(window.CustomElements),function(e){var t=document.createElement("style");t.textContent="body {transition: opacity ease-in 0.2s; } \nbody[unresolved] {opacity: 0; display: block; overflow: hidden; position: relative; } \n";var n=document.querySelector("head");n.insertBefore(t,n.firstChild)}(window.WebComponents);</script>
|
| + </head>
|
| +
|
| +<body><div hidden="" by-vulcanize=""><script>(function () {
|
| +function resolve() {
|
| +document.body.removeAttribute('unresolved');
|
| +}
|
| +if (window.WebComponents) {
|
| +addEventListener('WebComponentsReady', resolve);
|
| +} else {
|
| +if (document.readyState === 'interactive' || document.readyState === 'complete') {
|
| +resolve();
|
| +} else {
|
| +addEventListener('DOMContentLoaded', resolve);
|
| +}
|
| +}
|
| +}());
|
| +window.Polymer = {
|
| +Settings: function () {
|
| +var settings = window.Polymer || {};
|
| +var parts = location.search.slice(1).split('&');
|
| +for (var i = 0, o; i < parts.length && (o = parts[i]); i++) {
|
| +o = o.split('=');
|
| +o[0] && (settings[o[0]] = o[1] || true);
|
| +}
|
| +settings.wantShadow = settings.dom === 'shadow';
|
| +settings.hasShadow = Boolean(Element.prototype.createShadowRoot);
|
| +settings.nativeShadow = settings.hasShadow && !window.ShadowDOMPolyfill;
|
| +settings.useShadow = settings.wantShadow && settings.hasShadow;
|
| +settings.hasNativeImports = Boolean('import' in document.createElement('link'));
|
| +settings.useNativeImports = settings.hasNativeImports;
|
| +settings.useNativeCustomElements = !window.CustomElements || window.CustomElements.useNative;
|
| +settings.useNativeShadow = settings.useShadow && settings.nativeShadow;
|
| +settings.usePolyfillProto = !settings.useNativeCustomElements && !Object.__proto__;
|
| +return settings;
|
| +}()
|
| +};
|
| +(function () {
|
| +var userPolymer = window.Polymer;
|
| +window.Polymer = function (prototype) {
|
| +if (typeof prototype === 'function') {
|
| +prototype = prototype.prototype;
|
| +}
|
| +if (!prototype) {
|
| +prototype = {};
|
| +}
|
| +var factory = desugar(prototype);
|
| +prototype = factory.prototype;
|
| +var options = { prototype: prototype };
|
| +if (prototype.extends) {
|
| +options.extends = prototype.extends;
|
| +}
|
| +Polymer.telemetry._registrate(prototype);
|
| +document.registerElement(prototype.is, options);
|
| +return factory;
|
| +};
|
| +var desugar = function (prototype) {
|
| +var base = Polymer.Base;
|
| +if (prototype.extends) {
|
| +base = Polymer.Base._getExtendedPrototype(prototype.extends);
|
| +}
|
| +prototype = Polymer.Base.chainObject(prototype, base);
|
| +prototype.registerCallback();
|
| +return prototype.constructor;
|
| +};
|
| +if (userPolymer) {
|
| +for (var i in userPolymer) {
|
| +Polymer[i] = userPolymer[i];
|
| +}
|
| +}
|
| +Polymer.Class = desugar;
|
| +}());
|
| +Polymer.telemetry = {
|
| +registrations: [],
|
| +_regLog: function (prototype) {
|
| +console.log('[' + prototype.is + ']: registered');
|
| +},
|
| +_registrate: function (prototype) {
|
| +this.registrations.push(prototype);
|
| +Polymer.log && this._regLog(prototype);
|
| +},
|
| +dumpRegistrations: function () {
|
| +this.registrations.forEach(this._regLog);
|
| +}
|
| +};
|
| +Object.defineProperty(window, 'currentImport', {
|
| +enumerable: true,
|
| +configurable: true,
|
| +get: function () {
|
| +return (document._currentScript || document.currentScript).ownerDocument;
|
| +}
|
| +});
|
| +Polymer.RenderStatus = {
|
| +_ready: false,
|
| +_callbacks: [],
|
| +whenReady: function (cb) {
|
| +if (this._ready) {
|
| +cb();
|
| +} else {
|
| +this._callbacks.push(cb);
|
| +}
|
| +},
|
| +_makeReady: function () {
|
| +this._ready = true;
|
| +for (var i = 0; i < this._callbacks.length; i++) {
|
| +this._callbacks[i]();
|
| +}
|
| +this._callbacks = [];
|
| +},
|
| +_catchFirstRender: function () {
|
| +requestAnimationFrame(function () {
|
| +Polymer.RenderStatus._makeReady();
|
| +});
|
| +},
|
| +_afterNextRenderQueue: [],
|
| +_waitingNextRender: false,
|
| +afterNextRender: function (element, fn, args) {
|
| +this._watchNextRender();
|
| +this._afterNextRenderQueue.push([
|
| +element,
|
| +fn,
|
| +args
|
| +]);
|
| +},
|
| +_watchNextRender: function () {
|
| +if (!this._waitingNextRender) {
|
| +this._waitingNextRender = true;
|
| +var fn = function () {
|
| +Polymer.RenderStatus._flushNextRender();
|
| +};
|
| +if (!this._ready) {
|
| +this.whenReady(fn);
|
| +} else {
|
| +requestAnimationFrame(fn);
|
| +}
|
| +}
|
| +},
|
| +_flushNextRender: function () {
|
| +var self = this;
|
| +setTimeout(function () {
|
| +self._flushRenderCallbacks(self._afterNextRenderQueue);
|
| +self._afterNextRenderQueue = [];
|
| +self._waitingNextRender = false;
|
| +});
|
| +},
|
| +_flushRenderCallbacks: function (callbacks) {
|
| +for (var i = 0, h; i < callbacks.length; i++) {
|
| +h = callbacks[i];
|
| +h[1].apply(h[0], h[2] || Polymer.nar);
|
| +}
|
| +}
|
| +};
|
| +if (window.HTMLImports) {
|
| +HTMLImports.whenReady(function () {
|
| +Polymer.RenderStatus._catchFirstRender();
|
| +});
|
| +} else {
|
| +Polymer.RenderStatus._catchFirstRender();
|
| +}
|
| +Polymer.ImportStatus = Polymer.RenderStatus;
|
| +Polymer.ImportStatus.whenLoaded = Polymer.ImportStatus.whenReady;
|
| +(function () {
|
| +'use strict';
|
| +var settings = Polymer.Settings;
|
| +Polymer.Base = {
|
| +__isPolymerInstance__: true,
|
| +_addFeature: function (feature) {
|
| +this.extend(this, feature);
|
| +},
|
| +registerCallback: function () {
|
| +this._desugarBehaviors();
|
| +this._doBehavior('beforeRegister');
|
| +this._registerFeatures();
|
| +if (!settings.lazyRegister) {
|
| +this.ensureRegisterFinished();
|
| +}
|
| +},
|
| +createdCallback: function () {
|
| +if (!this.__hasRegisterFinished) {
|
| +this._ensureRegisterFinished(this.__proto__);
|
| +}
|
| +Polymer.telemetry.instanceCount++;
|
| +this.root = this;
|
| +this._doBehavior('created');
|
| +this._initFeatures();
|
| +},
|
| +ensureRegisterFinished: function () {
|
| +this._ensureRegisterFinished(this);
|
| +},
|
| +_ensureRegisterFinished: function (proto) {
|
| +if (proto.__hasRegisterFinished !== proto.is) {
|
| +proto.__hasRegisterFinished = proto.is;
|
| +if (proto._finishRegisterFeatures) {
|
| +proto._finishRegisterFeatures();
|
| +}
|
| +proto._doBehavior('registered');
|
| +}
|
| +},
|
| +attachedCallback: function () {
|
| +var self = this;
|
| +Polymer.RenderStatus.whenReady(function () {
|
| +self.isAttached = true;
|
| +self._doBehavior('attached');
|
| +});
|
| +},
|
| +detachedCallback: function () {
|
| +this.isAttached = false;
|
| +this._doBehavior('detached');
|
| +},
|
| +attributeChangedCallback: function (name, oldValue, newValue) {
|
| +this._attributeChangedImpl(name);
|
| +this._doBehavior('attributeChanged', [
|
| +name,
|
| +oldValue,
|
| +newValue
|
| +]);
|
| +},
|
| +_attributeChangedImpl: function (name) {
|
| +this._setAttributeToProperty(this, name);
|
| +},
|
| +extend: function (prototype, api) {
|
| +if (prototype && api) {
|
| +var n$ = Object.getOwnPropertyNames(api);
|
| +for (var i = 0, n; i < n$.length && (n = n$[i]); i++) {
|
| +this.copyOwnProperty(n, api, prototype);
|
| +}
|
| +}
|
| +return prototype || api;
|
| +},
|
| +mixin: function (target, source) {
|
| +for (var i in source) {
|
| +target[i] = source[i];
|
| +}
|
| +return target;
|
| +},
|
| +copyOwnProperty: function (name, source, target) {
|
| +var pd = Object.getOwnPropertyDescriptor(source, name);
|
| +if (pd) {
|
| +Object.defineProperty(target, name, pd);
|
| +}
|
| +},
|
| +_log: console.log.apply.bind(console.log, console),
|
| +_warn: console.warn.apply.bind(console.warn, console),
|
| +_error: console.error.apply.bind(console.error, console),
|
| +_logf: function () {
|
| +return this._logPrefix.concat([this.is]).concat(Array.prototype.slice.call(arguments, 0));
|
| +}
|
| +};
|
| +Polymer.Base._logPrefix = function () {
|
| +var color = window.chrome || /firefox/i.test(navigator.userAgent);
|
| +return color ? [
|
| +'%c[%s::%s]:',
|
| +'font-weight: bold; background-color:#EEEE00;'
|
| +] : ['[%s::%s]:'];
|
| +}();
|
| +Polymer.Base.chainObject = function (object, inherited) {
|
| +if (object && inherited && object !== inherited) {
|
| +if (!Object.__proto__) {
|
| +object = Polymer.Base.extend(Object.create(inherited), object);
|
| +}
|
| +object.__proto__ = inherited;
|
| +}
|
| +return object;
|
| +};
|
| +Polymer.Base = Polymer.Base.chainObject(Polymer.Base, HTMLElement.prototype);
|
| +if (window.CustomElements) {
|
| +Polymer.instanceof = CustomElements.instanceof;
|
| +} else {
|
| +Polymer.instanceof = function (obj, ctor) {
|
| +return obj instanceof ctor;
|
| +};
|
| +}
|
| +Polymer.isInstance = function (obj) {
|
| +return Boolean(obj && obj.__isPolymerInstance__);
|
| +};
|
| +Polymer.telemetry.instanceCount = 0;
|
| +}());
|
| +(function () {
|
| +var modules = {};
|
| +var lcModules = {};
|
| +var findModule = function (id) {
|
| +return modules[id] || lcModules[id.toLowerCase()];
|
| +};
|
| +var DomModule = function () {
|
| +return document.createElement('dom-module');
|
| +};
|
| +DomModule.prototype = Object.create(HTMLElement.prototype);
|
| +Polymer.Base.extend(DomModule.prototype, {
|
| +constructor: DomModule,
|
| +createdCallback: function () {
|
| +this.register();
|
| +},
|
| +register: function (id) {
|
| +id = id || this.id || this.getAttribute('name') || this.getAttribute('is');
|
| +if (id) {
|
| +this.id = id;
|
| +modules[id] = this;
|
| +lcModules[id.toLowerCase()] = this;
|
| +}
|
| +},
|
| +import: function (id, selector) {
|
| +if (id) {
|
| +var m = findModule(id);
|
| +if (!m) {
|
| +forceDomModulesUpgrade();
|
| +m = findModule(id);
|
| +}
|
| +if (m && selector) {
|
| +m = m.querySelector(selector);
|
| +}
|
| +return m;
|
| +}
|
| +}
|
| +});
|
| +var cePolyfill = window.CustomElements && !CustomElements.useNative;
|
| +document.registerElement('dom-module', DomModule);
|
| +function forceDomModulesUpgrade() {
|
| +if (cePolyfill) {
|
| +var script = document._currentScript || document.currentScript;
|
| +var doc = script && script.ownerDocument || document;
|
| +var modules = doc.querySelectorAll('dom-module');
|
| +for (var i = modules.length - 1, m; i >= 0 && (m = modules[i]); i--) {
|
| +if (m.__upgraded__) {
|
| +return;
|
| +} else {
|
| +CustomElements.upgrade(m);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +}());
|
| +Polymer.Base._addFeature({
|
| +_prepIs: function () {
|
| +if (!this.is) {
|
| +var module = (document._currentScript || document.currentScript).parentNode;
|
| +if (module.localName === 'dom-module') {
|
| +var id = module.id || module.getAttribute('name') || module.getAttribute('is');
|
| +this.is = id;
|
| +}
|
| +}
|
| +if (this.is) {
|
| +this.is = this.is.toLowerCase();
|
| +}
|
| +}
|
| +});
|
| +Polymer.Base._addFeature({
|
| +behaviors: [],
|
| +_desugarBehaviors: function () {
|
| +if (this.behaviors.length) {
|
| +this.behaviors = this._desugarSomeBehaviors(this.behaviors);
|
| +}
|
| +},
|
| +_desugarSomeBehaviors: function (behaviors) {
|
| +var behaviorSet = [];
|
| +behaviors = this._flattenBehaviorsList(behaviors);
|
| +for (var i = behaviors.length - 1; i >= 0; i--) {
|
| +var b = behaviors[i];
|
| +if (behaviorSet.indexOf(b) === -1) {
|
| +this._mixinBehavior(b);
|
| +behaviorSet.unshift(b);
|
| +}
|
| +}
|
| +return behaviorSet;
|
| +},
|
| +_flattenBehaviorsList: function (behaviors) {
|
| +var flat = [];
|
| +for (var i = 0; i < behaviors.length; i++) {
|
| +var b = behaviors[i];
|
| +if (b instanceof Array) {
|
| +flat = flat.concat(this._flattenBehaviorsList(b));
|
| +} else if (b) {
|
| +flat.push(b);
|
| +} else {
|
| +this._warn(this._logf('_flattenBehaviorsList', 'behavior is null, check for missing or 404 import'));
|
| +}
|
| +}
|
| +return flat;
|
| +},
|
| +_mixinBehavior: function (b) {
|
| +var n$ = Object.getOwnPropertyNames(b);
|
| +for (var i = 0, n; i < n$.length && (n = n$[i]); i++) {
|
| +if (!Polymer.Base._behaviorProperties[n] && !this.hasOwnProperty(n)) {
|
| +this.copyOwnProperty(n, b, this);
|
| +}
|
| +}
|
| +},
|
| +_prepBehaviors: function () {
|
| +this._prepFlattenedBehaviors(this.behaviors);
|
| +},
|
| +_prepFlattenedBehaviors: function (behaviors) {
|
| +for (var i = 0, l = behaviors.length; i < l; i++) {
|
| +this._prepBehavior(behaviors[i]);
|
| +}
|
| +this._prepBehavior(this);
|
| +},
|
| +_doBehavior: function (name, args) {
|
| +for (var i = 0; i < this.behaviors.length; i++) {
|
| +this._invokeBehavior(this.behaviors[i], name, args);
|
| +}
|
| +this._invokeBehavior(this, name, args);
|
| +},
|
| +_invokeBehavior: function (b, name, args) {
|
| +var fn = b[name];
|
| +if (fn) {
|
| +fn.apply(this, args || Polymer.nar);
|
| +}
|
| +},
|
| +_marshalBehaviors: function () {
|
| +for (var i = 0; i < this.behaviors.length; i++) {
|
| +this._marshalBehavior(this.behaviors[i]);
|
| +}
|
| +this._marshalBehavior(this);
|
| +}
|
| +});
|
| +Polymer.Base._behaviorProperties = {
|
| +hostAttributes: true,
|
| +beforeRegister: true,
|
| +registered: true,
|
| +properties: true,
|
| +observers: true,
|
| +listeners: true,
|
| +created: true,
|
| +attached: true,
|
| +detached: true,
|
| +attributeChanged: true,
|
| +ready: true
|
| +};
|
| +Polymer.Base._addFeature({
|
| +_getExtendedPrototype: function (tag) {
|
| +return this._getExtendedNativePrototype(tag);
|
| +},
|
| +_nativePrototypes: {},
|
| +_getExtendedNativePrototype: function (tag) {
|
| +var p = this._nativePrototypes[tag];
|
| +if (!p) {
|
| +var np = this.getNativePrototype(tag);
|
| +p = this.extend(Object.create(np), Polymer.Base);
|
| +this._nativePrototypes[tag] = p;
|
| +}
|
| +return p;
|
| +},
|
| +getNativePrototype: function (tag) {
|
| +return Object.getPrototypeOf(document.createElement(tag));
|
| +}
|
| +});
|
| +Polymer.Base._addFeature({
|
| +_prepConstructor: function () {
|
| +this._factoryArgs = this.extends ? [
|
| +this.extends,
|
| +this.is
|
| +] : [this.is];
|
| +var ctor = function () {
|
| +return this._factory(arguments);
|
| +};
|
| +if (this.hasOwnProperty('extends')) {
|
| +ctor.extends = this.extends;
|
| +}
|
| +Object.defineProperty(this, 'constructor', {
|
| +value: ctor,
|
| +writable: true,
|
| +configurable: true
|
| +});
|
| +ctor.prototype = this;
|
| +},
|
| +_factory: function (args) {
|
| +var elt = document.createElement.apply(document, this._factoryArgs);
|
| +if (this.factoryImpl) {
|
| +this.factoryImpl.apply(elt, args);
|
| +}
|
| +return elt;
|
| +}
|
| +});
|
| +Polymer.nob = Object.create(null);
|
| +Polymer.Base._addFeature({
|
| +properties: {},
|
| +getPropertyInfo: function (property) {
|
| +var info = this._getPropertyInfo(property, this.properties);
|
| +if (!info) {
|
| +for (var i = 0; i < this.behaviors.length; i++) {
|
| +info = this._getPropertyInfo(property, this.behaviors[i].properties);
|
| +if (info) {
|
| +return info;
|
| +}
|
| +}
|
| +}
|
| +return info || Polymer.nob;
|
| +},
|
| +_getPropertyInfo: function (property, properties) {
|
| +var p = properties && properties[property];
|
| +if (typeof p === 'function') {
|
| +p = properties[property] = { type: p };
|
| +}
|
| +if (p) {
|
| +p.defined = true;
|
| +}
|
| +return p;
|
| +},
|
| +_prepPropertyInfo: function () {
|
| +this._propertyInfo = {};
|
| +for (var i = 0; i < this.behaviors.length; i++) {
|
| +this._addPropertyInfo(this._propertyInfo, this.behaviors[i].properties);
|
| +}
|
| +this._addPropertyInfo(this._propertyInfo, this.properties);
|
| +this._addPropertyInfo(this._propertyInfo, this._propertyEffects);
|
| +},
|
| +_addPropertyInfo: function (target, source) {
|
| +if (source) {
|
| +var t, s;
|
| +for (var i in source) {
|
| +t = target[i];
|
| +s = source[i];
|
| +if (i[0] === '_' && !s.readOnly) {
|
| +continue;
|
| +}
|
| +if (!target[i]) {
|
| +target[i] = {
|
| +type: typeof s === 'function' ? s : s.type,
|
| +readOnly: s.readOnly,
|
| +attribute: Polymer.CaseMap.camelToDashCase(i)
|
| +};
|
| +} else {
|
| +if (!t.type) {
|
| +t.type = s.type;
|
| +}
|
| +if (!t.readOnly) {
|
| +t.readOnly = s.readOnly;
|
| +}
|
| +}
|
| +}
|
| +}
|
| +}
|
| +});
|
| +Polymer.CaseMap = {
|
| +_caseMap: {},
|
| +_rx: {
|
| +dashToCamel: /-[a-z]/g,
|
| +camelToDash: /([A-Z])/g
|
| +},
|
| +dashToCamelCase: function (dash) {
|
| +return this._caseMap[dash] || (this._caseMap[dash] = dash.indexOf('-') < 0 ? dash : dash.replace(this._rx.dashToCamel, function (m) {
|
| +return m[1].toUpperCase();
|
| +}));
|
| +},
|
| +camelToDashCase: function (camel) {
|
| +return this._caseMap[camel] || (this._caseMap[camel] = camel.replace(this._rx.camelToDash, '-$1').toLowerCase());
|
| +}
|
| +};
|
| +Polymer.Base._addFeature({
|
| +_addHostAttributes: function (attributes) {
|
| +if (!this._aggregatedAttributes) {
|
| +this._aggregatedAttributes = {};
|
| +}
|
| +if (attributes) {
|
| +this.mixin(this._aggregatedAttributes, attributes);
|
| +}
|
| +},
|
| +_marshalHostAttributes: function () {
|
| +if (this._aggregatedAttributes) {
|
| +this._applyAttributes(this, this._aggregatedAttributes);
|
| +}
|
| +},
|
| +_applyAttributes: function (node, attr$) {
|
| +for (var n in attr$) {
|
| +if (!this.hasAttribute(n) && n !== 'class') {
|
| +var v = attr$[n];
|
| +this.serializeValueToAttribute(v, n, this);
|
| +}
|
| +}
|
| +},
|
| +_marshalAttributes: function () {
|
| +this._takeAttributesToModel(this);
|
| +},
|
| +_takeAttributesToModel: function (model) {
|
| +if (this.hasAttributes()) {
|
| +for (var i in this._propertyInfo) {
|
| +var info = this._propertyInfo[i];
|
| +if (this.hasAttribute(info.attribute)) {
|
| +this._setAttributeToProperty(model, info.attribute, i, info);
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_setAttributeToProperty: function (model, attribute, property, info) {
|
| +if (!this._serializing) {
|
| +property = property || Polymer.CaseMap.dashToCamelCase(attribute);
|
| +info = info || this._propertyInfo && this._propertyInfo[property];
|
| +if (info && !info.readOnly) {
|
| +var v = this.getAttribute(attribute);
|
| +model[property] = this.deserialize(v, info.type);
|
| +}
|
| +}
|
| +},
|
| +_serializing: false,
|
| +reflectPropertyToAttribute: function (property, attribute, value) {
|
| +this._serializing = true;
|
| +value = value === undefined ? this[property] : value;
|
| +this.serializeValueToAttribute(value, attribute || Polymer.CaseMap.camelToDashCase(property));
|
| +this._serializing = false;
|
| +},
|
| +serializeValueToAttribute: function (value, attribute, node) {
|
| +var str = this.serialize(value);
|
| +node = node || this;
|
| +if (str === undefined) {
|
| +node.removeAttribute(attribute);
|
| +} else {
|
| +node.setAttribute(attribute, str);
|
| +}
|
| +},
|
| +deserialize: function (value, type) {
|
| +switch (type) {
|
| +case Number:
|
| +value = Number(value);
|
| +break;
|
| +case Boolean:
|
| +value = value != null;
|
| +break;
|
| +case Object:
|
| +try {
|
| +value = JSON.parse(value);
|
| +} catch (x) {
|
| +}
|
| +break;
|
| +case Array:
|
| +try {
|
| +value = JSON.parse(value);
|
| +} catch (x) {
|
| +value = null;
|
| +console.warn('Polymer::Attributes: couldn`t decode Array as JSON');
|
| +}
|
| +break;
|
| +case Date:
|
| +value = new Date(value);
|
| +break;
|
| +case String:
|
| +default:
|
| +break;
|
| +}
|
| +return value;
|
| +},
|
| +serialize: function (value) {
|
| +switch (typeof value) {
|
| +case 'boolean':
|
| +return value ? '' : undefined;
|
| +case 'object':
|
| +if (value instanceof Date) {
|
| +return value.toString();
|
| +} else if (value) {
|
| +try {
|
| +return JSON.stringify(value);
|
| +} catch (x) {
|
| +return '';
|
| +}
|
| +}
|
| +default:
|
| +return value != null ? value : undefined;
|
| +}
|
| +}
|
| +});
|
| +Polymer.version = '1.4.0';
|
| +Polymer.Base._addFeature({
|
| +_registerFeatures: function () {
|
| +this._prepIs();
|
| +this._prepBehaviors();
|
| +this._prepConstructor();
|
| +this._prepPropertyInfo();
|
| +},
|
| +_prepBehavior: function (b) {
|
| +this._addHostAttributes(b.hostAttributes);
|
| +},
|
| +_marshalBehavior: function (b) {
|
| +},
|
| +_initFeatures: function () {
|
| +this._marshalHostAttributes();
|
| +this._marshalBehaviors();
|
| +}
|
| +});</script><script>Polymer.Base._addFeature({
|
| +_prepTemplate: function () {
|
| +if (this._template === undefined) {
|
| +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>.'));
|
| +}
|
| +if (this._template && !this._template.content && window.HTMLTemplateElement && HTMLTemplateElement.decorate) {
|
| +HTMLTemplateElement.decorate(this._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 () {
|
| +},
|
| +_registerHost: function (host) {
|
| +this.dataHost = host = host || Polymer.Base._hostStack[Polymer.Base._hostStack.length - 1];
|
| +if (host && host._clients) {
|
| +host._clients.push(this);
|
| +}
|
| +this._clients = null;
|
| +this._clientsReadied = false;
|
| +},
|
| +_beginHosting: function () {
|
| +Polymer.Base._hostStack.push(this);
|
| +if (!this._clients) {
|
| +this._clients = [];
|
| +}
|
| +},
|
| +_endHosting: function () {
|
| +Polymer.Base._hostStack.pop();
|
| +},
|
| +_tryReady: function () {
|
| +this._readied = false;
|
| +if (this._canReady()) {
|
| +this._ready();
|
| +}
|
| +},
|
| +_canReady: function () {
|
| +return !this.dataHost || this.dataHost._clientsReadied;
|
| +},
|
| +_ready: function () {
|
| +this._beforeClientsReady();
|
| +if (this._template) {
|
| +this._setupRoot();
|
| +this._readyClients();
|
| +}
|
| +this._clientsReadied = true;
|
| +this._clients = null;
|
| +this._afterClientsReady();
|
| +this._readySelf();
|
| +},
|
| +_readyClients: function () {
|
| +this._beginDistribute();
|
| +var c$ = this._clients;
|
| +if (c$) {
|
| +for (var i = 0, l = c$.length, c; i < l && (c = c$[i]); i++) {
|
| +c._ready();
|
| +}
|
| +}
|
| +this._finishDistribute();
|
| +},
|
| +_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 (i = 1; i < rowCount; i++) {
|
| +for (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));
|
| +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.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;
|
| +for (var i = 0, l = c$.length, child; i < l && (child = c$[i]); i++) {
|
| +s += getOuterHTML(child, node, composed);
|
| +}
|
| +return s;
|
| +}
|
| +return { getInnerHTML: getInnerHTML };
|
| +}();
|
| +(function () {
|
| +'use strict';
|
| +var nativeInsertBefore = Element.prototype.insertBefore;
|
| +var nativeAppendChild = Element.prototype.appendChild;
|
| +var nativeRemoveChild = Element.prototype.removeChild;
|
| +Polymer.TreeApi = {
|
| +arrayCopyChildNodes: function (parent) {
|
| +var copy = [], i = 0;
|
| +for (var n = parent.firstChild; n; n = n.nextSibling) {
|
| +copy[i++] = n;
|
| +}
|
| +return copy;
|
| +},
|
| +arrayCopyChildren: function (parent) {
|
| +var copy = [], i = 0;
|
| +for (var n = parent.firstElementChild; n; n = n.nextElementSibling) {
|
| +copy[i++] = n;
|
| +}
|
| +return copy;
|
| +},
|
| +arrayCopy: function (a$) {
|
| +var l = a$.length;
|
| +var copy = new Array(l);
|
| +for (var i = 0; i < l; i++) {
|
| +copy[i] = a$[i];
|
| +}
|
| +return copy;
|
| +}
|
| +};
|
| +Polymer.TreeApi.Logical = {
|
| +hasParentNode: function (node) {
|
| +return Boolean(node.__dom && node.__dom.parentNode);
|
| +},
|
| +hasChildNodes: function (node) {
|
| +return Boolean(node.__dom && node.__dom.childNodes !== undefined);
|
| +},
|
| +getChildNodes: function (node) {
|
| +return this.hasChildNodes(node) ? this._getChildNodes(node) : node.childNodes;
|
| +},
|
| +_getChildNodes: function (node) {
|
| +if (!node.__dom.childNodes) {
|
| +node.__dom.childNodes = [];
|
| +for (var n = node.__dom.firstChild; n; n = n.__dom.nextSibling) {
|
| +node.__dom.childNodes.push(n);
|
| +}
|
| +}
|
| +return node.__dom.childNodes;
|
| +},
|
| +getParentNode: function (node) {
|
| +return node.__dom && node.__dom.parentNode !== undefined ? node.__dom.parentNode : node.parentNode;
|
| +},
|
| +getFirstChild: function (node) {
|
| +return node.__dom && node.__dom.firstChild !== undefined ? node.__dom.firstChild : node.firstChild;
|
| +},
|
| +getLastChild: function (node) {
|
| +return node.__dom && node.__dom.lastChild !== undefined ? node.__dom.lastChild : node.lastChild;
|
| +},
|
| +getNextSibling: function (node) {
|
| +return node.__dom && node.__dom.nextSibling !== undefined ? node.__dom.nextSibling : node.nextSibling;
|
| +},
|
| +getPreviousSibling: function (node) {
|
| +return node.__dom && node.__dom.previousSibling !== undefined ? node.__dom.previousSibling : node.previousSibling;
|
| +},
|
| +getFirstElementChild: function (node) {
|
| +return node.__dom && node.__dom.firstChild !== undefined ? this._getFirstElementChild(node) : node.firstElementChild;
|
| +},
|
| +_getFirstElementChild: function (node) {
|
| +var n = node.__dom.firstChild;
|
| +while (n && n.nodeType !== Node.ELEMENT_NODE) {
|
| +n = n.__dom.nextSibling;
|
| +}
|
| +return n;
|
| +},
|
| +getLastElementChild: function (node) {
|
| +return node.__dom && node.__dom.lastChild !== undefined ? this._getLastElementChild(node) : node.lastElementChild;
|
| +},
|
| +_getLastElementChild: function (node) {
|
| +var n = node.__dom.lastChild;
|
| +while (n && n.nodeType !== Node.ELEMENT_NODE) {
|
| +n = n.__dom.previousSibling;
|
| +}
|
| +return n;
|
| +},
|
| +getNextElementSibling: function (node) {
|
| +return node.__dom && node.__dom.nextSibling !== undefined ? this._getNextElementSibling(node) : node.nextElementSibling;
|
| +},
|
| +_getNextElementSibling: function (node) {
|
| +var n = node.__dom.nextSibling;
|
| +while (n && n.nodeType !== Node.ELEMENT_NODE) {
|
| +n = n.__dom.nextSibling;
|
| +}
|
| +return n;
|
| +},
|
| +getPreviousElementSibling: function (node) {
|
| +return node.__dom && node.__dom.previousSibling !== undefined ? this._getPreviousElementSibling(node) : node.previousElementSibling;
|
| +},
|
| +_getPreviousElementSibling: function (node) {
|
| +var n = node.__dom.previousSibling;
|
| +while (n && n.nodeType !== Node.ELEMENT_NODE) {
|
| +n = n.__dom.previousSibling;
|
| +}
|
| +return n;
|
| +},
|
| +saveChildNodes: function (node) {
|
| +if (!this.hasChildNodes(node)) {
|
| +node.__dom = node.__dom || {};
|
| +node.__dom.firstChild = node.firstChild;
|
| +node.__dom.lastChild = node.lastChild;
|
| +node.__dom.childNodes = [];
|
| +for (var n = node.firstChild; n; n = n.nextSibling) {
|
| +n.__dom = n.__dom || {};
|
| +n.__dom.parentNode = node;
|
| +node.__dom.childNodes.push(n);
|
| +n.__dom.nextSibling = n.nextSibling;
|
| +n.__dom.previousSibling = n.previousSibling;
|
| +}
|
| +}
|
| +},
|
| +recordInsertBefore: function (node, container, ref_node) {
|
| +container.__dom.childNodes = null;
|
| +if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
| +for (var n = node.firstChild; n; n = n.nextSibling) {
|
| +this._linkNode(n, container, ref_node);
|
| +}
|
| +} else {
|
| +this._linkNode(node, container, ref_node);
|
| +}
|
| +},
|
| +_linkNode: function (node, container, ref_node) {
|
| +node.__dom = node.__dom || {};
|
| +container.__dom = container.__dom || {};
|
| +if (ref_node) {
|
| +ref_node.__dom = ref_node.__dom || {};
|
| +}
|
| +node.__dom.previousSibling = ref_node ? ref_node.__dom.previousSibling : container.__dom.lastChild;
|
| +if (node.__dom.previousSibling) {
|
| +node.__dom.previousSibling.__dom.nextSibling = node;
|
| +}
|
| +node.__dom.nextSibling = ref_node;
|
| +if (node.__dom.nextSibling) {
|
| +node.__dom.nextSibling.__dom.previousSibling = node;
|
| +}
|
| +node.__dom.parentNode = container;
|
| +if (ref_node) {
|
| +if (ref_node === container.__dom.firstChild) {
|
| +container.__dom.firstChild = node;
|
| +}
|
| +} else {
|
| +container.__dom.lastChild = node;
|
| +if (!container.__dom.firstChild) {
|
| +container.__dom.firstChild = node;
|
| +}
|
| +}
|
| +container.__dom.childNodes = null;
|
| +},
|
| +recordRemoveChild: function (node, container) {
|
| +node.__dom = node.__dom || {};
|
| +container.__dom = container.__dom || {};
|
| +if (node === container.__dom.firstChild) {
|
| +container.__dom.firstChild = node.__dom.nextSibling;
|
| +}
|
| +if (node === container.__dom.lastChild) {
|
| +container.__dom.lastChild = node.__dom.previousSibling;
|
| +}
|
| +var p = node.__dom.previousSibling;
|
| +var n = node.__dom.nextSibling;
|
| +if (p) {
|
| +p.__dom.nextSibling = n;
|
| +}
|
| +if (n) {
|
| +n.__dom.previousSibling = p;
|
| +}
|
| +node.__dom.parentNode = node.__dom.previousSibling = node.__dom.nextSibling = undefined;
|
| +container.__dom.childNodes = null;
|
| +}
|
| +};
|
| +Polymer.TreeApi.Composed = {
|
| +getChildNodes: function (node) {
|
| +return Polymer.TreeApi.arrayCopyChildNodes(node);
|
| +},
|
| +getParentNode: function (node) {
|
| +return node.parentNode;
|
| +},
|
| +clearChildNodes: function (node) {
|
| +node.textContent = '';
|
| +},
|
| +insertBefore: function (parentNode, newChild, refChild) {
|
| +return nativeInsertBefore.call(parentNode, newChild, refChild || null);
|
| +},
|
| +appendChild: function (parentNode, newChild) {
|
| +return nativeAppendChild.call(parentNode, newChild);
|
| +},
|
| +removeChild: function (parentNode, node) {
|
| +return nativeRemoveChild.call(parentNode, node);
|
| +}
|
| +};
|
| +}());
|
| +Polymer.DomApi = function () {
|
| +'use strict';
|
| +var Settings = Polymer.Settings;
|
| +var TreeApi = Polymer.TreeApi;
|
| +var DomApi = function (node) {
|
| +this.node = needsToWrap ? DomApi.wrap(node) : node;
|
| +};
|
| +var needsToWrap = Settings.hasShadow && !Settings.nativeShadow;
|
| +DomApi.wrap = window.wrap ? window.wrap : function (node) {
|
| +return node;
|
| +};
|
| +DomApi.prototype = {
|
| +flush: function () {
|
| +Polymer.dom.flush();
|
| +},
|
| +deepContains: function (node) {
|
| +if (this.node.contains(node)) {
|
| +return true;
|
| +}
|
| +var n = node;
|
| +var doc = node.ownerDocument;
|
| +while (n && n !== doc && n !== this.node) {
|
| +n = Polymer.dom(n).parentNode || n.host;
|
| +}
|
| +return n === this.node;
|
| +},
|
| +queryDistributedElements: function (selector) {
|
| +var c$ = this.getEffectiveChildNodes();
|
| +var list = [];
|
| +for (var i = 0, l = c$.length, c; i < l && (c = c$[i]); i++) {
|
| +if (c.nodeType === Node.ELEMENT_NODE && DomApi.matchesSelector.call(c, selector)) {
|
| +list.push(c);
|
| +}
|
| +}
|
| +return list;
|
| +},
|
| +getEffectiveChildNodes: function () {
|
| +var list = [];
|
| +var c$ = this.childNodes;
|
| +for (var i = 0, l = c$.length, c; i < l && (c = c$[i]); i++) {
|
| +if (c.localName === CONTENT) {
|
| +var d$ = dom(c).getDistributedNodes();
|
| +for (var j = 0; j < d$.length; j++) {
|
| +list.push(d$[j]);
|
| +}
|
| +} else {
|
| +list.push(c);
|
| +}
|
| +}
|
| +return list;
|
| +},
|
| +observeNodes: function (callback) {
|
| +if (callback) {
|
| +if (!this.observer) {
|
| +this.observer = this.node.localName === CONTENT ? new DomApi.DistributedNodesObserver(this) : new DomApi.EffectiveNodesObserver(this);
|
| +}
|
| +return this.observer.addListener(callback);
|
| +}
|
| +},
|
| +unobserveNodes: function (handle) {
|
| +if (this.observer) {
|
| +this.observer.removeListener(handle);
|
| +}
|
| +},
|
| +notifyObserver: function () {
|
| +if (this.observer) {
|
| +this.observer.notify();
|
| +}
|
| +},
|
| +_query: function (matcher, node, halter) {
|
| +node = node || this.node;
|
| +var list = [];
|
| +this._queryElements(TreeApi.Logical.getChildNodes(node), matcher, halter, list);
|
| +return list;
|
| +},
|
| +_queryElements: function (elements, matcher, halter, list) {
|
| +for (var i = 0, l = elements.length, c; i < l && (c = elements[i]); i++) {
|
| +if (c.nodeType === Node.ELEMENT_NODE) {
|
| +if (this._queryElement(c, matcher, halter, list)) {
|
| +return true;
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_queryElement: function (node, matcher, halter, list) {
|
| +var result = matcher(node);
|
| +if (result) {
|
| +list.push(node);
|
| +}
|
| +if (halter && halter(result)) {
|
| +return result;
|
| +}
|
| +this._queryElements(TreeApi.Logical.getChildNodes(node), matcher, halter, list);
|
| +}
|
| +};
|
| +var CONTENT = DomApi.CONTENT = 'content';
|
| +var dom = DomApi.factory = function (node) {
|
| +node = node || document;
|
| +if (!node.__domApi) {
|
| +node.__domApi = new DomApi.ctor(node);
|
| +}
|
| +return node.__domApi;
|
| +};
|
| +DomApi.hasApi = function (node) {
|
| +return Boolean(node.__domApi);
|
| +};
|
| +DomApi.ctor = DomApi;
|
| +Polymer.dom = function (obj, patch) {
|
| +if (obj instanceof Event) {
|
| +return Polymer.EventApi.factory(obj);
|
| +} else {
|
| +return DomApi.factory(obj, patch);
|
| +}
|
| +};
|
| +var p = Element.prototype;
|
| +DomApi.matchesSelector = p.matches || p.matchesSelector || p.mozMatchesSelector || p.msMatchesSelector || p.oMatchesSelector || p.webkitMatchesSelector;
|
| +return DomApi;
|
| +}();
|
| +(function () {
|
| +'use strict';
|
| +var Settings = Polymer.Settings;
|
| +var DomApi = Polymer.DomApi;
|
| +var dom = DomApi.factory;
|
| +var TreeApi = Polymer.TreeApi;
|
| +var getInnerHTML = Polymer.domInnerHTML.getInnerHTML;
|
| +var CONTENT = DomApi.CONTENT;
|
| +if (Settings.useShadow) {
|
| +return;
|
| +}
|
| +var nativeCloneNode = Element.prototype.cloneNode;
|
| +var nativeImportNode = Document.prototype.importNode;
|
| +Polymer.Base.extend(DomApi.prototype, {
|
| +_lazyDistribute: function (host) {
|
| +if (host.shadyRoot && host.shadyRoot._distributionClean) {
|
| +host.shadyRoot._distributionClean = false;
|
| +Polymer.dom.addDebouncer(host.debounce('_distribute', host._distributeContent));
|
| +}
|
| +},
|
| +appendChild: function (node) {
|
| +return this.insertBefore(node);
|
| +},
|
| +insertBefore: function (node, ref_node) {
|
| +if (ref_node && TreeApi.Logical.getParentNode(ref_node) !== this.node) {
|
| +throw Error('The ref_node to be inserted before is not a child ' + 'of this node');
|
| +}
|
| +if (node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
|
| +var parent = TreeApi.Logical.getParentNode(node);
|
| +if (parent) {
|
| +if (DomApi.hasApi(parent)) {
|
| +dom(parent).notifyObserver();
|
| +}
|
| +this._removeNode(node);
|
| +} else {
|
| +this._removeOwnerShadyRoot(node);
|
| +}
|
| +}
|
| +if (!this._addNode(node, ref_node)) {
|
| +if (ref_node) {
|
| +ref_node = ref_node.localName === CONTENT ? this._firstComposedNode(ref_node) : ref_node;
|
| +}
|
| +var container = this.node._isShadyRoot ? this.node.host : this.node;
|
| +if (ref_node) {
|
| +TreeApi.Composed.insertBefore(container, node, ref_node);
|
| +} else {
|
| +TreeApi.Composed.appendChild(container, node);
|
| +}
|
| +}
|
| +this.notifyObserver();
|
| +return node;
|
| +},
|
| +_addNode: function (node, ref_node) {
|
| +var root = this.getOwnerRoot();
|
| +if (root) {
|
| +var ipAdded = this._maybeAddInsertionPoint(node, this.node);
|
| +if (!root._invalidInsertionPoints) {
|
| +root._invalidInsertionPoints = ipAdded;
|
| +}
|
| +this._addNodeToHost(root.host, node);
|
| +}
|
| +if (TreeApi.Logical.hasChildNodes(this.node)) {
|
| +TreeApi.Logical.recordInsertBefore(node, this.node, ref_node);
|
| +}
|
| +var handled = this._maybeDistribute(node) || this.node.shadyRoot;
|
| +if (handled) {
|
| +if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
|
| +while (node.firstChild) {
|
| +TreeApi.Composed.removeChild(node, node.firstChild);
|
| +}
|
| +} else {
|
| +var parent = TreeApi.Composed.getParentNode(node);
|
| +if (parent) {
|
| +TreeApi.Composed.removeChild(parent, node);
|
| +}
|
| +}
|
| +}
|
| +return handled;
|
| +},
|
| +removeChild: function (node) {
|
| +if (TreeApi.Logical.getParentNode(node) !== this.node) {
|
| +throw Error('The node to be removed is not a child of this node: ' + node);
|
| +}
|
| +if (!this._removeNode(node)) {
|
| +var container = this.node._isShadyRoot ? this.node.host : this.node;
|
| +var parent = TreeApi.Composed.getParentNode(node);
|
| +if (container === parent) {
|
| +TreeApi.Composed.removeChild(container, node);
|
| +}
|
| +}
|
| +this.notifyObserver();
|
| +return node;
|
| +},
|
| +_removeNode: function (node) {
|
| +var logicalParent = TreeApi.Logical.hasParentNode(node) && TreeApi.Logical.getParentNode(node);
|
| +var distributed;
|
| +var root = this._ownerShadyRootForNode(node);
|
| +if (logicalParent) {
|
| +distributed = dom(node)._maybeDistributeParent();
|
| +TreeApi.Logical.recordRemoveChild(node, logicalParent);
|
| +if (root && this._removeDistributedChildren(root, node)) {
|
| +root._invalidInsertionPoints = true;
|
| +this._lazyDistribute(root.host);
|
| +}
|
| +}
|
| +this._removeOwnerShadyRoot(node);
|
| +if (root) {
|
| +this._removeNodeFromHost(root.host, node);
|
| +}
|
| +return distributed;
|
| +},
|
| +replaceChild: function (node, ref_node) {
|
| +this.insertBefore(node, ref_node);
|
| +this.removeChild(ref_node);
|
| +return node;
|
| +},
|
| +_hasCachedOwnerRoot: function (node) {
|
| +return Boolean(node._ownerShadyRoot !== undefined);
|
| +},
|
| +getOwnerRoot: function () {
|
| +return this._ownerShadyRootForNode(this.node);
|
| +},
|
| +_ownerShadyRootForNode: function (node) {
|
| +if (!node) {
|
| +return;
|
| +}
|
| +var root = node._ownerShadyRoot;
|
| +if (root === undefined) {
|
| +if (node._isShadyRoot) {
|
| +root = node;
|
| +} else {
|
| +var parent = TreeApi.Logical.getParentNode(node);
|
| +if (parent) {
|
| +root = parent._isShadyRoot ? parent : this._ownerShadyRootForNode(parent);
|
| +} else {
|
| +root = null;
|
| +}
|
| +}
|
| +if (root || document.documentElement.contains(node)) {
|
| +node._ownerShadyRoot = root;
|
| +}
|
| +}
|
| +return root;
|
| +},
|
| +_maybeDistribute: function (node) {
|
| +var fragContent = node.nodeType === Node.DOCUMENT_FRAGMENT_NODE && !node.__noContent && dom(node).querySelector(CONTENT);
|
| +var wrappedContent = fragContent && TreeApi.Logical.getParentNode(fragContent).nodeType !== Node.DOCUMENT_FRAGMENT_NODE;
|
| +var hasContent = fragContent || node.localName === CONTENT;
|
| +if (hasContent) {
|
| +var root = this.getOwnerRoot();
|
| +if (root) {
|
| +this._lazyDistribute(root.host);
|
| +}
|
| +}
|
| +var needsDist = this._nodeNeedsDistribution(this.node);
|
| +if (needsDist) {
|
| +this._lazyDistribute(this.node);
|
| +}
|
| +return needsDist || hasContent && !wrappedContent;
|
| +},
|
| +_maybeAddInsertionPoint: function (node, parent) {
|
| +var added;
|
| +if (node.nodeType === Node.DOCUMENT_FRAGMENT_NODE && !node.__noContent) {
|
| +var c$ = dom(node).querySelectorAll(CONTENT);
|
| +for (var i = 0, n, np, na; i < c$.length && (n = c$[i]); i++) {
|
| +np = TreeApi.Logical.getParentNode(n);
|
| +if (np === node) {
|
| +np = parent;
|
| +}
|
| +na = this._maybeAddInsertionPoint(n, np);
|
| +added = added || na;
|
| +}
|
| +} else if (node.localName === CONTENT) {
|
| +TreeApi.Logical.saveChildNodes(parent);
|
| +TreeApi.Logical.saveChildNodes(node);
|
| +added = true;
|
| +}
|
| +return added;
|
| +},
|
| +_updateInsertionPoints: function (host) {
|
| +var i$ = host.shadyRoot._insertionPoints = dom(host.shadyRoot).querySelectorAll(CONTENT);
|
| +for (var i = 0, c; i < i$.length; i++) {
|
| +c = i$[i];
|
| +TreeApi.Logical.saveChildNodes(c);
|
| +TreeApi.Logical.saveChildNodes(TreeApi.Logical.getParentNode(c));
|
| +}
|
| +},
|
| +_nodeNeedsDistribution: function (node) {
|
| +return node && node.shadyRoot && DomApi.hasInsertionPoint(node.shadyRoot);
|
| +},
|
| +_addNodeToHost: function (host, node) {
|
| +if (host._elementAdd) {
|
| +host._elementAdd(node);
|
| +}
|
| +},
|
| +_removeNodeFromHost: function (host, node) {
|
| +if (host._elementRemove) {
|
| +host._elementRemove(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$ = dom(content).getDistributedNodes();
|
| +for (var j = 0; j < dc$.length; j++) {
|
| +hostNeedsDist = true;
|
| +var node = dc$[j];
|
| +var parent = TreeApi.Composed.getParentNode(node);
|
| +if (parent) {
|
| +TreeApi.Composed.removeChild(parent, node);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +return hostNeedsDist;
|
| +},
|
| +_contains: function (container, node) {
|
| +while (node) {
|
| +if (node == container) {
|
| +return true;
|
| +}
|
| +node = TreeApi.Logical.getParentNode(node);
|
| +}
|
| +},
|
| +_removeOwnerShadyRoot: function (node) {
|
| +if (this._hasCachedOwnerRoot(node)) {
|
| +var c$ = TreeApi.Logical.getChildNodes(node);
|
| +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$ = dom(content).getDistributedNodes();
|
| +for (var i = 0, l = n$.length, n, p$; i < l && (n = n$[i]); i++) {
|
| +p$ = dom(n).getDestinationInsertionPoints();
|
| +if (p$[p$.length - 1] === content) {
|
| +return n;
|
| +}
|
| +}
|
| +},
|
| +querySelector: function (selector) {
|
| +var result = this._query(function (n) {
|
| +return DomApi.matchesSelector.call(n, selector);
|
| +}, this.node, function (n) {
|
| +return Boolean(n);
|
| +})[0];
|
| +return result || null;
|
| +},
|
| +querySelectorAll: function (selector) {
|
| +return this._query(function (n) {
|
| +return DomApi.matchesSelector.call(n, selector);
|
| +}, this.node);
|
| +},
|
| +getDestinationInsertionPoints: function () {
|
| +return this.node._destinationInsertionPoints || [];
|
| +},
|
| +getDistributedNodes: function () {
|
| +return this.node._distributedNodes || [];
|
| +},
|
| +_clear: function () {
|
| +while (this.childNodes.length) {
|
| +this.removeChild(this.childNodes[0]);
|
| +}
|
| +},
|
| +setAttribute: function (name, value) {
|
| +this.node.setAttribute(name, value);
|
| +this._maybeDistributeParent();
|
| +},
|
| +removeAttribute: function (name) {
|
| +this.node.removeAttribute(name);
|
| +this._maybeDistributeParent();
|
| +},
|
| +_maybeDistributeParent: function () {
|
| +if (this._nodeNeedsDistribution(this.parentNode)) {
|
| +this._lazyDistribute(this.parentNode);
|
| +return true;
|
| +}
|
| +},
|
| +cloneNode: function (deep) {
|
| +var n = nativeCloneNode.call(this.node, false);
|
| +if (deep) {
|
| +var c$ = this.childNodes;
|
| +var d = dom(n);
|
| +for (var i = 0, nc; i < c$.length; i++) {
|
| +nc = dom(c$[i]).cloneNode(true);
|
| +d.appendChild(nc);
|
| +}
|
| +}
|
| +return n;
|
| +},
|
| +importNode: function (externalNode, deep) {
|
| +var doc = this.node instanceof Document ? this.node : this.node.ownerDocument;
|
| +var n = nativeImportNode.call(doc, externalNode, false);
|
| +if (deep) {
|
| +var c$ = TreeApi.Logical.getChildNodes(externalNode);
|
| +var d = dom(n);
|
| +for (var i = 0, nc; i < c$.length; i++) {
|
| +nc = dom(doc).importNode(c$[i], true);
|
| +d.appendChild(nc);
|
| +}
|
| +}
|
| +return n;
|
| +},
|
| +_getComposedInnerHTML: function () {
|
| +return getInnerHTML(this.node, true);
|
| +}
|
| +});
|
| +Object.defineProperties(DomApi.prototype, {
|
| +activeElement: {
|
| +get: function () {
|
| +var active = document.activeElement;
|
| +if (!active) {
|
| +return null;
|
| +}
|
| +var isShadyRoot = !!this.node._isShadyRoot;
|
| +if (this.node !== document) {
|
| +if (!isShadyRoot) {
|
| +return null;
|
| +}
|
| +if (this.node.host === active || !this.node.host.contains(active)) {
|
| +return null;
|
| +}
|
| +}
|
| +var activeRoot = dom(active).getOwnerRoot();
|
| +while (activeRoot && activeRoot !== this.node) {
|
| +active = activeRoot.host;
|
| +activeRoot = dom(active).getOwnerRoot();
|
| +}
|
| +if (this.node === document) {
|
| +return activeRoot ? null : active;
|
| +} else {
|
| +return activeRoot === this.node ? active : null;
|
| +}
|
| +},
|
| +configurable: true
|
| +},
|
| +childNodes: {
|
| +get: function () {
|
| +var c$ = TreeApi.Logical.getChildNodes(this.node);
|
| +return Array.isArray(c$) ? c$ : TreeApi.arrayCopyChildNodes(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +children: {
|
| +get: function () {
|
| +if (TreeApi.Logical.hasChildNodes(this.node)) {
|
| +return Array.prototype.filter.call(this.childNodes, function (n) {
|
| +return n.nodeType === Node.ELEMENT_NODE;
|
| +});
|
| +} else {
|
| +return TreeApi.arrayCopyChildren(this.node);
|
| +}
|
| +},
|
| +configurable: true
|
| +},
|
| +parentNode: {
|
| +get: function () {
|
| +return TreeApi.Logical.getParentNode(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +firstChild: {
|
| +get: function () {
|
| +return TreeApi.Logical.getFirstChild(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +lastChild: {
|
| +get: function () {
|
| +return TreeApi.Logical.getLastChild(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +nextSibling: {
|
| +get: function () {
|
| +return TreeApi.Logical.getNextSibling(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +previousSibling: {
|
| +get: function () {
|
| +return TreeApi.Logical.getPreviousSibling(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +firstElementChild: {
|
| +get: function () {
|
| +return TreeApi.Logical.getFirstElementChild(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +lastElementChild: {
|
| +get: function () {
|
| +return TreeApi.Logical.getLastElementChild(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +nextElementSibling: {
|
| +get: function () {
|
| +return TreeApi.Logical.getNextElementSibling(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +previousElementSibling: {
|
| +get: function () {
|
| +return TreeApi.Logical.getPreviousElementSibling(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +textContent: {
|
| +get: function () {
|
| +var nt = this.node.nodeType;
|
| +if (nt === Node.TEXT_NODE || nt === Node.COMMENT_NODE) {
|
| +return this.node.textContent;
|
| +} else {
|
| +var tc = [];
|
| +for (var i = 0, cn = this.childNodes, c; c = cn[i]; i++) {
|
| +if (c.nodeType !== Node.COMMENT_NODE) {
|
| +tc.push(c.textContent);
|
| +}
|
| +}
|
| +return tc.join('');
|
| +}
|
| +},
|
| +set: function (text) {
|
| +var nt = this.node.nodeType;
|
| +if (nt === Node.TEXT_NODE || nt === Node.COMMENT_NODE) {
|
| +this.node.textContent = text;
|
| +} else {
|
| +this._clear();
|
| +if (text) {
|
| +this.appendChild(document.createTextNode(text));
|
| +}
|
| +}
|
| +},
|
| +configurable: true
|
| +},
|
| +innerHTML: {
|
| +get: function () {
|
| +var nt = this.node.nodeType;
|
| +if (nt === Node.TEXT_NODE || nt === Node.COMMENT_NODE) {
|
| +return null;
|
| +} else {
|
| +return getInnerHTML(this.node);
|
| +}
|
| +},
|
| +set: function (text) {
|
| +var nt = this.node.nodeType;
|
| +if (nt !== Node.TEXT_NODE || nt !== Node.COMMENT_NODE) {
|
| +this._clear();
|
| +var d = document.createElement('div');
|
| +d.innerHTML = text;
|
| +var c$ = TreeApi.arrayCopyChildNodes(d);
|
| +for (var i = 0; i < c$.length; i++) {
|
| +this.appendChild(c$[i]);
|
| +}
|
| +}
|
| +},
|
| +configurable: true
|
| +}
|
| +});
|
| +DomApi.hasInsertionPoint = function (root) {
|
| +return Boolean(root && root._insertionPoints.length);
|
| +};
|
| +}());
|
| +(function () {
|
| +'use strict';
|
| +var Settings = Polymer.Settings;
|
| +var TreeApi = Polymer.TreeApi;
|
| +var DomApi = Polymer.DomApi;
|
| +if (!Settings.useShadow) {
|
| +return;
|
| +}
|
| +Polymer.Base.extend(DomApi.prototype, {
|
| +querySelectorAll: function (selector) {
|
| +return TreeApi.arrayCopy(this.node.querySelectorAll(selector));
|
| +},
|
| +getOwnerRoot: function () {
|
| +var n = this.node;
|
| +while (n) {
|
| +if (n.nodeType === Node.DOCUMENT_FRAGMENT_NODE && n.host) {
|
| +return n;
|
| +}
|
| +n = n.parentNode;
|
| +}
|
| +},
|
| +importNode: function (externalNode, deep) {
|
| +var doc = this.node instanceof Document ? this.node : this.node.ownerDocument;
|
| +return doc.importNode(externalNode, deep);
|
| +},
|
| +getDestinationInsertionPoints: function () {
|
| +var n$ = this.node.getDestinationInsertionPoints && this.node.getDestinationInsertionPoints();
|
| +return n$ ? TreeApi.arrayCopy(n$) : [];
|
| +},
|
| +getDistributedNodes: function () {
|
| +var n$ = this.node.getDistributedNodes && this.node.getDistributedNodes();
|
| +return n$ ? TreeApi.arrayCopy(n$) : [];
|
| +}
|
| +});
|
| +Object.defineProperties(DomApi.prototype, {
|
| +activeElement: {
|
| +get: function () {
|
| +var node = DomApi.wrap(this.node);
|
| +var activeElement = node.activeElement;
|
| +return node.contains(activeElement) ? activeElement : null;
|
| +},
|
| +configurable: true
|
| +},
|
| +childNodes: {
|
| +get: function () {
|
| +return TreeApi.arrayCopyChildNodes(this.node);
|
| +},
|
| +configurable: true
|
| +},
|
| +children: {
|
| +get: function () {
|
| +return TreeApi.arrayCopyChildren(this.node);
|
| +},
|
| +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 forwardMethods = function (m$) {
|
| +for (var i = 0; i < m$.length; i++) {
|
| +forwardMethod(m$[i]);
|
| +}
|
| +};
|
| +var forwardMethod = function (method) {
|
| +DomApi.prototype[method] = function () {
|
| +return this.node[method].apply(this.node, arguments);
|
| +};
|
| +};
|
| +forwardMethods([
|
| +'cloneNode',
|
| +'appendChild',
|
| +'insertBefore',
|
| +'removeChild',
|
| +'replaceChild',
|
| +'setAttribute',
|
| +'removeAttribute',
|
| +'querySelector'
|
| +]);
|
| +var forwardProperties = function (f$) {
|
| +for (var i = 0; i < f$.length; i++) {
|
| +forwardProperty(f$[i]);
|
| +}
|
| +};
|
| +var forwardProperty = function (name) {
|
| +Object.defineProperty(DomApi.prototype, name, {
|
| +get: function () {
|
| +return this.node[name];
|
| +},
|
| +configurable: true
|
| +});
|
| +};
|
| +forwardProperties([
|
| +'parentNode',
|
| +'firstChild',
|
| +'lastChild',
|
| +'nextSibling',
|
| +'previousSibling',
|
| +'firstElementChild',
|
| +'lastElementChild',
|
| +'nextElementSibling',
|
| +'previousElementSibling'
|
| +]);
|
| +}());
|
| +Polymer.Base.extend(Polymer.dom, {
|
| +_flushGuard: 0,
|
| +_FLUSH_MAX: 100,
|
| +_needsTakeRecords: !Polymer.Settings.useNativeCustomElements,
|
| +_debouncers: [],
|
| +_staticFlushList: [],
|
| +_finishDebouncer: null,
|
| +flush: function () {
|
| +this._flushGuard = 0;
|
| +this._prepareFlush();
|
| +while (this._debouncers.length && this._flushGuard < this._FLUSH_MAX) {
|
| +while (this._debouncers.length) {
|
| +this._debouncers.shift().complete();
|
| +}
|
| +if (this._finishDebouncer) {
|
| +this._finishDebouncer.complete();
|
| +}
|
| +this._prepareFlush();
|
| +this._flushGuard++;
|
| +}
|
| +if (this._flushGuard >= this._FLUSH_MAX) {
|
| +console.warn('Polymer.dom.flush aborted. Flush may not be complete.');
|
| +}
|
| +},
|
| +_prepareFlush: function () {
|
| +if (this._needsTakeRecords) {
|
| +CustomElements.takeRecords();
|
| +}
|
| +for (var i = 0; i < this._staticFlushList.length; i++) {
|
| +this._staticFlushList[i]();
|
| +}
|
| +},
|
| +addStaticFlush: function (fn) {
|
| +this._staticFlushList.push(fn);
|
| +},
|
| +removeStaticFlush: function (fn) {
|
| +var i = this._staticFlushList.indexOf(fn);
|
| +if (i >= 0) {
|
| +this._staticFlushList.splice(i, 1);
|
| +}
|
| +},
|
| +addDebouncer: function (debouncer) {
|
| +this._debouncers.push(debouncer);
|
| +this._finishDebouncer = Polymer.Debounce(this._finishDebouncer, this._finishFlush);
|
| +},
|
| +_finishFlush: function () {
|
| +Polymer.dom._debouncers = [];
|
| +}
|
| +});
|
| +Polymer.EventApi = function () {
|
| +'use strict';
|
| +var DomApi = Polymer.DomApi.ctor;
|
| +var Settings = Polymer.Settings;
|
| +DomApi.Event = function (event) {
|
| +this.event = event;
|
| +};
|
| +if (Settings.useShadow) {
|
| +DomApi.Event.prototype = {
|
| +get rootTarget() {
|
| +return this.event.path[0];
|
| +},
|
| +get localTarget() {
|
| +return this.event.target;
|
| +},
|
| +get path() {
|
| +var path = this.event.path;
|
| +if (!Array.isArray(path)) {
|
| +path = Array.prototype.slice.call(path);
|
| +}
|
| +return path;
|
| +}
|
| +};
|
| +} else {
|
| +DomApi.Event.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 current = this.rootTarget;
|
| +while (current) {
|
| +path.push(current);
|
| +var insertionPoints = Polymer.dom(current).getDestinationInsertionPoints();
|
| +if (insertionPoints.length) {
|
| +for (var i = 0; i < insertionPoints.length - 1; i++) {
|
| +path.push(insertionPoints[i]);
|
| +}
|
| +current = insertionPoints[insertionPoints.length - 1];
|
| +} else {
|
| +current = Polymer.dom(current).parentNode || current.host;
|
| +}
|
| +}
|
| +path.push(window);
|
| +this.event._path = path;
|
| +}
|
| +return this.event._path;
|
| +}
|
| +};
|
| +}
|
| +var factory = function (event) {
|
| +if (!event.__eventApi) {
|
| +event.__eventApi = new DomApi.Event(event);
|
| +}
|
| +return event.__eventApi;
|
| +};
|
| +return { factory: factory };
|
| +}();
|
| +(function () {
|
| +'use strict';
|
| +var DomApi = Polymer.DomApi.ctor;
|
| +var useShadow = Polymer.Settings.useShadow;
|
| +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._distributeParent();
|
| +},
|
| +remove: function () {
|
| +this.node.classList.remove.apply(this.node.classList, arguments);
|
| +this._distributeParent();
|
| +},
|
| +toggle: function () {
|
| +this.node.classList.toggle.apply(this.node.classList, arguments);
|
| +this._distributeParent();
|
| +},
|
| +_distributeParent: function () {
|
| +if (!useShadow) {
|
| +this.domApi._maybeDistributeParent();
|
| +}
|
| +},
|
| +contains: function () {
|
| +return this.node.classList.contains.apply(this.node.classList, arguments);
|
| +}
|
| +};
|
| +}());
|
| +(function () {
|
| +'use strict';
|
| +var DomApi = Polymer.DomApi.ctor;
|
| +var Settings = Polymer.Settings;
|
| +DomApi.EffectiveNodesObserver = function (domApi) {
|
| +this.domApi = domApi;
|
| +this.node = this.domApi.node;
|
| +this._listeners = [];
|
| +};
|
| +DomApi.EffectiveNodesObserver.prototype = {
|
| +addListener: function (callback) {
|
| +if (!this._isSetup) {
|
| +this._setup();
|
| +this._isSetup = true;
|
| +}
|
| +var listener = {
|
| +fn: callback,
|
| +_nodes: []
|
| +};
|
| +this._listeners.push(listener);
|
| +this._scheduleNotify();
|
| +return listener;
|
| +},
|
| +removeListener: function (handle) {
|
| +var i = this._listeners.indexOf(handle);
|
| +if (i >= 0) {
|
| +this._listeners.splice(i, 1);
|
| +handle._nodes = [];
|
| +}
|
| +if (!this._hasListeners()) {
|
| +this._cleanup();
|
| +this._isSetup = false;
|
| +}
|
| +},
|
| +_setup: function () {
|
| +this._observeContentElements(this.domApi.childNodes);
|
| +},
|
| +_cleanup: function () {
|
| +this._unobserveContentElements(this.domApi.childNodes);
|
| +},
|
| +_hasListeners: function () {
|
| +return Boolean(this._listeners.length);
|
| +},
|
| +_scheduleNotify: function () {
|
| +if (this._debouncer) {
|
| +this._debouncer.stop();
|
| +}
|
| +this._debouncer = Polymer.Debounce(this._debouncer, this._notify);
|
| +this._debouncer.context = this;
|
| +Polymer.dom.addDebouncer(this._debouncer);
|
| +},
|
| +notify: function () {
|
| +if (this._hasListeners()) {
|
| +this._scheduleNotify();
|
| +}
|
| +},
|
| +_notify: function () {
|
| +this._beforeCallListeners();
|
| +this._callListeners();
|
| +},
|
| +_beforeCallListeners: function () {
|
| +this._updateContentElements();
|
| +},
|
| +_updateContentElements: function () {
|
| +this._observeContentElements(this.domApi.childNodes);
|
| +},
|
| +_observeContentElements: function (elements) {
|
| +for (var i = 0, n; i < elements.length && (n = elements[i]); i++) {
|
| +if (this._isContent(n)) {
|
| +n.__observeNodesMap = n.__observeNodesMap || new WeakMap();
|
| +if (!n.__observeNodesMap.has(this)) {
|
| +n.__observeNodesMap.set(this, this._observeContent(n));
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_observeContent: function (content) {
|
| +var self = this;
|
| +var h = Polymer.dom(content).observeNodes(function () {
|
| +self._scheduleNotify();
|
| +});
|
| +h._avoidChangeCalculation = true;
|
| +return h;
|
| +},
|
| +_unobserveContentElements: function (elements) {
|
| +for (var i = 0, n, h; i < elements.length && (n = elements[i]); i++) {
|
| +if (this._isContent(n)) {
|
| +h = n.__observeNodesMap.get(this);
|
| +if (h) {
|
| +Polymer.dom(n).unobserveNodes(h);
|
| +n.__observeNodesMap.delete(this);
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_isContent: function (node) {
|
| +return node.localName === 'content';
|
| +},
|
| +_callListeners: function () {
|
| +var o$ = this._listeners;
|
| +var nodes = this._getEffectiveNodes();
|
| +for (var i = 0, o; i < o$.length && (o = o$[i]); i++) {
|
| +var info = this._generateListenerInfo(o, nodes);
|
| +if (info || o._alwaysNotify) {
|
| +this._callListener(o, info);
|
| +}
|
| +}
|
| +},
|
| +_getEffectiveNodes: function () {
|
| +return this.domApi.getEffectiveChildNodes();
|
| +},
|
| +_generateListenerInfo: function (listener, newNodes) {
|
| +if (listener._avoidChangeCalculation) {
|
| +return true;
|
| +}
|
| +var oldNodes = listener._nodes;
|
| +var info = {
|
| +target: this.node,
|
| +addedNodes: [],
|
| +removedNodes: []
|
| +};
|
| +var splices = Polymer.ArraySplice.calculateSplices(newNodes, oldNodes);
|
| +for (var i = 0, s; i < splices.length && (s = splices[i]); i++) {
|
| +for (var j = 0, n; j < s.removed.length && (n = s.removed[j]); j++) {
|
| +info.removedNodes.push(n);
|
| +}
|
| +}
|
| +for (i = 0, s; i < splices.length && (s = splices[i]); i++) {
|
| +for (j = s.index; j < s.index + s.addedCount; j++) {
|
| +info.addedNodes.push(newNodes[j]);
|
| +}
|
| +}
|
| +listener._nodes = newNodes;
|
| +if (info.addedNodes.length || info.removedNodes.length) {
|
| +return info;
|
| +}
|
| +},
|
| +_callListener: function (listener, info) {
|
| +return listener.fn.call(this.node, info);
|
| +},
|
| +enableShadowAttributeTracking: function () {
|
| +}
|
| +};
|
| +if (Settings.useShadow) {
|
| +var baseSetup = DomApi.EffectiveNodesObserver.prototype._setup;
|
| +var baseCleanup = DomApi.EffectiveNodesObserver.prototype._cleanup;
|
| +Polymer.Base.extend(DomApi.EffectiveNodesObserver.prototype, {
|
| +_setup: function () {
|
| +if (!this._observer) {
|
| +var self = this;
|
| +this._mutationHandler = function (mxns) {
|
| +if (mxns && mxns.length) {
|
| +self._scheduleNotify();
|
| +}
|
| +};
|
| +this._observer = new MutationObserver(this._mutationHandler);
|
| +this._boundFlush = function () {
|
| +self._flush();
|
| +};
|
| +Polymer.dom.addStaticFlush(this._boundFlush);
|
| +this._observer.observe(this.node, { childList: true });
|
| +}
|
| +baseSetup.call(this);
|
| +},
|
| +_cleanup: function () {
|
| +this._observer.disconnect();
|
| +this._observer = null;
|
| +this._mutationHandler = null;
|
| +Polymer.dom.removeStaticFlush(this._boundFlush);
|
| +baseCleanup.call(this);
|
| +},
|
| +_flush: function () {
|
| +if (this._observer) {
|
| +this._mutationHandler(this._observer.takeRecords());
|
| +}
|
| +},
|
| +enableShadowAttributeTracking: function () {
|
| +if (this._observer) {
|
| +this._makeContentListenersAlwaysNotify();
|
| +this._observer.disconnect();
|
| +this._observer.observe(this.node, {
|
| +childList: true,
|
| +attributes: true,
|
| +subtree: true
|
| +});
|
| +var root = this.domApi.getOwnerRoot();
|
| +var host = root && root.host;
|
| +if (host && Polymer.dom(host).observer) {
|
| +Polymer.dom(host).observer.enableShadowAttributeTracking();
|
| +}
|
| +}
|
| +},
|
| +_makeContentListenersAlwaysNotify: function () {
|
| +for (var i = 0, h; i < this._listeners.length; i++) {
|
| +h = this._listeners[i];
|
| +h._alwaysNotify = h._isContentListener;
|
| +}
|
| +}
|
| +});
|
| +}
|
| +}());
|
| +(function () {
|
| +'use strict';
|
| +var DomApi = Polymer.DomApi.ctor;
|
| +var Settings = Polymer.Settings;
|
| +DomApi.DistributedNodesObserver = function (domApi) {
|
| +DomApi.EffectiveNodesObserver.call(this, domApi);
|
| +};
|
| +DomApi.DistributedNodesObserver.prototype = Object.create(DomApi.EffectiveNodesObserver.prototype);
|
| +Polymer.Base.extend(DomApi.DistributedNodesObserver.prototype, {
|
| +_setup: function () {
|
| +},
|
| +_cleanup: function () {
|
| +},
|
| +_beforeCallListeners: function () {
|
| +},
|
| +_getEffectiveNodes: function () {
|
| +return this.domApi.getDistributedNodes();
|
| +}
|
| +});
|
| +if (Settings.useShadow) {
|
| +Polymer.Base.extend(DomApi.DistributedNodesObserver.prototype, {
|
| +_setup: function () {
|
| +if (!this._observer) {
|
| +var root = this.domApi.getOwnerRoot();
|
| +var host = root && root.host;
|
| +if (host) {
|
| +var self = this;
|
| +this._observer = Polymer.dom(host).observeNodes(function () {
|
| +self._scheduleNotify();
|
| +});
|
| +this._observer._isContentListener = true;
|
| +if (this._hasAttrSelect()) {
|
| +Polymer.dom(host).observer.enableShadowAttributeTracking();
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_hasAttrSelect: function () {
|
| +var select = this.node.getAttribute('select');
|
| +return select && select.match(/[[.]+/);
|
| +},
|
| +_cleanup: function () {
|
| +var root = this.domApi.getOwnerRoot();
|
| +var host = root && root.host;
|
| +if (host) {
|
| +Polymer.dom(host).unobserveNodes(this._observer);
|
| +}
|
| +this._observer = null;
|
| +}
|
| +});
|
| +}
|
| +}());
|
| +(function () {
|
| +var DomApi = Polymer.DomApi;
|
| +var TreeApi = Polymer.TreeApi;
|
| +Polymer.Base._addFeature({
|
| +_prepShady: function () {
|
| +this._useContent = this._useContent || Boolean(this._template);
|
| +},
|
| +_setupShady: function () {
|
| +this.shadyRoot = null;
|
| +if (!this.__domApi) {
|
| +this.__domApi = null;
|
| +}
|
| +if (!this.__dom) {
|
| +this.__dom = null;
|
| +}
|
| +if (!this._ownerShadyRoot) {
|
| +this._ownerShadyRoot = undefined;
|
| +}
|
| +},
|
| +_poolContent: function () {
|
| +if (this._useContent) {
|
| +TreeApi.Logical.saveChildNodes(this);
|
| +}
|
| +},
|
| +_setupRoot: function () {
|
| +if (this._useContent) {
|
| +this._createLocalRoot();
|
| +if (!this.dataHost) {
|
| +upgradeLogicalChildren(TreeApi.Logical.getChildNodes(this));
|
| +}
|
| +}
|
| +},
|
| +_createLocalRoot: function () {
|
| +this.shadyRoot = this.root;
|
| +this.shadyRoot._distributionClean = false;
|
| +this.shadyRoot._hasDistributed = false;
|
| +this.shadyRoot._isShadyRoot = true;
|
| +this.shadyRoot._dirtyRoots = [];
|
| +var i$ = this.shadyRoot._insertionPoints = !this._notes || this._notes._hasContent ? this.shadyRoot.querySelectorAll('content') : [];
|
| +TreeApi.Logical.saveChildNodes(this.shadyRoot);
|
| +for (var i = 0, c; i < i$.length; i++) {
|
| +c = i$[i];
|
| +TreeApi.Logical.saveChildNodes(c);
|
| +TreeApi.Logical.saveChildNodes(c.parentNode);
|
| +}
|
| +this.shadyRoot.host = this;
|
| +},
|
| +get domHost() {
|
| +var root = Polymer.dom(this).getOwnerRoot();
|
| +return root && root.host;
|
| +},
|
| +distributeContent: function (updateInsertionPoints) {
|
| +if (this.shadyRoot) {
|
| +this.shadyRoot._invalidInsertionPoints = this.shadyRoot._invalidInsertionPoints || updateInsertionPoints;
|
| +var host = getTopDistributingHost(this);
|
| +Polymer.dom(this)._lazyDistribute(host);
|
| +}
|
| +},
|
| +_distributeContent: function () {
|
| +if (this._useContent && !this.shadyRoot._distributionClean) {
|
| +if (this.shadyRoot._invalidInsertionPoints) {
|
| +Polymer.dom(this)._updateInsertionPoints(this);
|
| +this.shadyRoot._invalidInsertionPoints = false;
|
| +}
|
| +this._beginDistribute();
|
| +this._distributeDirtyRoots();
|
| +this._finishDistribute();
|
| +}
|
| +},
|
| +_beginDistribute: function () {
|
| +if (this._useContent && DomApi.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) {
|
| +this.shadyRoot._distributionClean = true;
|
| +if (DomApi.hasInsertionPoint(this.shadyRoot)) {
|
| +this._composeTree();
|
| +notifyContentObservers(this.shadyRoot);
|
| +} else {
|
| +if (!this.shadyRoot._hasDistributed) {
|
| +TreeApi.Composed.clearChildNodes(this);
|
| +this.appendChild(this.shadyRoot);
|
| +} else {
|
| +var children = this._composeNode(this);
|
| +this._updateChildNodes(this, children);
|
| +}
|
| +}
|
| +if (!this.shadyRoot._hasDistributed) {
|
| +notifyInitialDistribution(this);
|
| +}
|
| +this.shadyRoot._hasDistributed = true;
|
| +}
|
| +},
|
| +elementMatches: function (selector, node) {
|
| +node = node || this;
|
| +return DomApi.matchesSelector.call(node, selector);
|
| +},
|
| +_resetDistribution: function () {
|
| +var children = TreeApi.Logical.getChildNodes(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 = TreeApi.Logical.getChildNodes(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 = TreeApi.Logical.getChildNodes(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 = TreeApi.Logical.getParentNode(p);
|
| +if (!parent._useContent && parent !== this && parent !== this.shadyRoot) {
|
| +this._updateChildNodes(parent, this._composeNode(parent));
|
| +}
|
| +}
|
| +},
|
| +_composeNode: function (node) {
|
| +var children = [];
|
| +var c$ = TreeApi.Logical.getChildNodes(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 = TreeApi.Composed.getChildNodes(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++) {
|
| +if (TreeApi.Composed.getParentNode(n) === container) {
|
| +TreeApi.Composed.removeChild(container, 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 (j = s.index, n; j < s.index + s.addedCount; j++) {
|
| +n = children[j];
|
| +TreeApi.Composed.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 () {
|
| +}
|
| +});
|
| +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 = TreeApi.Logical.getParentNode(content);
|
| +if (parent && parent.shadyRoot && DomApi.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';
|
| +}
|
| +function getTopDistributingHost(host) {
|
| +while (host && hostNeedsRedistribution(host)) {
|
| +host = host.domHost;
|
| +}
|
| +return host;
|
| +}
|
| +function hostNeedsRedistribution(host) {
|
| +var c$ = TreeApi.Logical.getChildNodes(host);
|
| +for (var i = 0, c; i < c$.length; i++) {
|
| +c = c$[i];
|
| +if (c.localName && c.localName === 'content') {
|
| +return host.domHost;
|
| +}
|
| +}
|
| +}
|
| +function notifyContentObservers(root) {
|
| +for (var i = 0, c; i < root._insertionPoints.length; i++) {
|
| +c = root._insertionPoints[i];
|
| +if (DomApi.hasApi(c)) {
|
| +Polymer.dom(c).notifyObserver();
|
| +}
|
| +}
|
| +}
|
| +function notifyInitialDistribution(host) {
|
| +if (DomApi.hasApi(host)) {
|
| +Polymer.dom(host).notifyObserver();
|
| +}
|
| +}
|
| +var needsUpgrade = window.CustomElements && !CustomElements.useNative;
|
| +function upgradeLogicalChildren(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.Async = {
|
| +_currVal: 0,
|
| +_lastVal: 0,
|
| +_callbacks: [],
|
| +_twiddleContent: 0,
|
| +_twiddle: document.createTextNode(''),
|
| +run: function (callback, waitTime) {
|
| +if (waitTime > 0) {
|
| +return ~setTimeout(callback, waitTime);
|
| +} else {
|
| +this._twiddle.textContent = this._twiddleContent++;
|
| +this._callbacks.push(callback);
|
| +return this._currVal++;
|
| +}
|
| +},
|
| +cancel: function (handle) {
|
| +if (handle < 0) {
|
| +clearTimeout(~handle);
|
| +} else {
|
| +var idx = handle - this._lastVal;
|
| +if (idx >= 0) {
|
| +if (!this._callbacks[idx]) {
|
| +throw 'invalid async handle: ' + handle;
|
| +}
|
| +this._callbacks[idx] = null;
|
| +}
|
| +}
|
| +},
|
| +_atEndOfMicrotask: function () {
|
| +var len = this._callbacks.length;
|
| +for (var i = 0; i < len; i++) {
|
| +var cb = this._callbacks[i];
|
| +if (cb) {
|
| +try {
|
| +cb();
|
| +} catch (e) {
|
| +i++;
|
| +this._callbacks.splice(0, i);
|
| +this._lastVal += i;
|
| +this._twiddle.textContent = this._twiddleContent++;
|
| +throw e;
|
| +}
|
| +}
|
| +}
|
| +this._callbacks.splice(0, len);
|
| +this._lastVal += len;
|
| +}
|
| +};
|
| +new window.MutationObserver(function () {
|
| +Polymer.Async._atEndOfMicrotask();
|
| +}).observe(Polymer.Async._twiddle, { characterData: true });
|
| +Polymer.Debounce = function () {
|
| +var Async = Polymer.Async;
|
| +var Debouncer = function (context) {
|
| +this.context = context;
|
| +var self = this;
|
| +this.boundComplete = function () {
|
| +self.complete();
|
| +};
|
| +};
|
| +Debouncer.prototype = {
|
| +go: function (callback, wait) {
|
| +var h;
|
| +this.finish = function () {
|
| +Async.cancel(h);
|
| +};
|
| +h = Async.run(this.boundComplete, wait);
|
| +this.callback = callback;
|
| +},
|
| +stop: function () {
|
| +if (this.finish) {
|
| +this.finish();
|
| +this.finish = null;
|
| +}
|
| +},
|
| +complete: function () {
|
| +if (this.finish) {
|
| +this.stop();
|
| +this.callback.call(this.context);
|
| +}
|
| +}
|
| +};
|
| +function debounce(debouncer, callback, wait) {
|
| +if (debouncer) {
|
| +debouncer.stop();
|
| +} else {
|
| +debouncer = new Debouncer(this);
|
| +}
|
| +debouncer.go(callback, wait);
|
| +return debouncer;
|
| +}
|
| +return debounce;
|
| +}();
|
| +Polymer.Base._addFeature({
|
| +_setupDebouncers: function () {
|
| +this._debouncers = {};
|
| +},
|
| +debounce: function (jobName, callback, wait) {
|
| +return this._debouncers[jobName] = Polymer.Debounce.call(this, this._debouncers[jobName], callback, wait);
|
| +},
|
| +isDebouncerActive: function (jobName) {
|
| +var debouncer = this._debouncers[jobName];
|
| +return !!(debouncer && debouncer.finish);
|
| +},
|
| +flushDebouncer: function (jobName) {
|
| +var debouncer = this._debouncers[jobName];
|
| +if (debouncer) {
|
| +debouncer.complete();
|
| +}
|
| +},
|
| +cancelDebouncer: function (jobName) {
|
| +var debouncer = this._debouncers[jobName];
|
| +if (debouncer) {
|
| +debouncer.stop();
|
| +}
|
| +}
|
| +});
|
| +Polymer.DomModule = document.createElement('dom-module');
|
| +Polymer.Base._addFeature({
|
| +_registerFeatures: function () {
|
| +this._prepIs();
|
| +this._prepBehaviors();
|
| +this._prepConstructor();
|
| +this._prepTemplate();
|
| +this._prepShady();
|
| +this._prepPropertyInfo();
|
| +},
|
| +_prepBehavior: function (b) {
|
| +this._addHostAttributes(b.hostAttributes);
|
| +},
|
| +_initFeatures: function () {
|
| +this._registerHost();
|
| +if (this._template) {
|
| +this._poolContent();
|
| +this._beginHosting();
|
| +this._stampTemplate();
|
| +this._endHosting();
|
| +}
|
| +this._marshalHostAttributes();
|
| +this._setupDebouncers();
|
| +this._marshalBehaviors();
|
| +this._tryReady();
|
| +},
|
| +_marshalBehavior: function (b) {
|
| +}
|
| +});</script><script>Polymer.nar = [];
|
| +Polymer.Annotations = {
|
| +parseAnnotations: function (template) {
|
| +var list = [];
|
| +var content = template._content || template.content;
|
| +this._parseNodeAnnotations(content, list, template.hasAttribute('strip-whitespace'));
|
| +return list;
|
| +},
|
| +_parseNodeAnnotations: function (node, list, stripWhiteSpace) {
|
| +return node.nodeType === Node.TEXT_NODE ? this._parseTextNodeAnnotation(node, list) : this._parseElementAnnotations(node, list, stripWhiteSpace);
|
| +},
|
| +_bindingRegex: function () {
|
| +var IDENT = '(?:' + '[a-zA-Z_$][\\w.:$\\-*]*' + ')';
|
| +var NUMBER = '(?:' + '[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?' + ')';
|
| +var SQUOTE_STRING = '(?:' + '\'(?:[^\'\\\\]|\\\\.)*\'' + ')';
|
| +var DQUOTE_STRING = '(?:' + '"(?:[^"\\\\]|\\\\.)*"' + ')';
|
| +var STRING = '(?:' + SQUOTE_STRING + '|' + DQUOTE_STRING + ')';
|
| +var ARGUMENT = '(?:' + IDENT + '|' + NUMBER + '|' + STRING + '\\s*' + ')';
|
| +var ARGUMENTS = '(?:' + ARGUMENT + '(?:,\\s*' + ARGUMENT + ')*' + ')';
|
| +var ARGUMENT_LIST = '(?:' + '\\(\\s*' + '(?:' + ARGUMENTS + '?' + ')' + '\\)\\s*' + ')';
|
| +var BINDING = '(' + IDENT + '\\s*' + ARGUMENT_LIST + '?' + ')';
|
| +var OPEN_BRACKET = '(\\[\\[|{{)' + '\\s*';
|
| +var CLOSE_BRACKET = '(?:]]|}})';
|
| +var NEGATE = '(?:(!)\\s*)?';
|
| +var EXPRESSION = OPEN_BRACKET + NEGATE + BINDING + CLOSE_BRACKET;
|
| +return new RegExp(EXPRESSION, 'g');
|
| +}(),
|
| +_parseBindings: function (text) {
|
| +var re = this._bindingRegex;
|
| +var parts = [];
|
| +var lastIndex = 0;
|
| +var m;
|
| +while ((m = re.exec(text)) !== null) {
|
| +if (m.index > lastIndex) {
|
| +parts.push({ literal: text.slice(lastIndex, m.index) });
|
| +}
|
| +var mode = m[1][0];
|
| +var negate = Boolean(m[2]);
|
| +var value = m[3].trim();
|
| +var customEvent, notifyEvent, colon;
|
| +if (mode == '{' && (colon = value.indexOf('::')) > 0) {
|
| +notifyEvent = value.substring(colon + 2);
|
| +value = value.substring(0, colon);
|
| +customEvent = true;
|
| +}
|
| +parts.push({
|
| +compoundIndex: parts.length,
|
| +value: value,
|
| +mode: mode,
|
| +negate: negate,
|
| +event: notifyEvent,
|
| +customEvent: customEvent
|
| +});
|
| +lastIndex = re.lastIndex;
|
| +}
|
| +if (lastIndex && lastIndex < text.length) {
|
| +var literal = text.substring(lastIndex);
|
| +if (literal) {
|
| +parts.push({ literal: literal });
|
| +}
|
| +}
|
| +if (parts.length) {
|
| +return parts;
|
| +}
|
| +},
|
| +_literalFromParts: function (parts) {
|
| +var s = '';
|
| +for (var i = 0; i < parts.length; i++) {
|
| +var literal = parts[i].literal;
|
| +s += literal || '';
|
| +}
|
| +return s;
|
| +},
|
| +_parseTextNodeAnnotation: function (node, list) {
|
| +var parts = this._parseBindings(node.textContent);
|
| +if (parts) {
|
| +node.textContent = this._literalFromParts(parts) || ' ';
|
| +var annote = {
|
| +bindings: [{
|
| +kind: 'text',
|
| +name: 'textContent',
|
| +parts: parts,
|
| +isCompound: parts.length !== 1
|
| +}]
|
| +};
|
| +list.push(annote);
|
| +return annote;
|
| +}
|
| +},
|
| +_parseElementAnnotations: function (element, list, stripWhiteSpace) {
|
| +var annote = {
|
| +bindings: [],
|
| +events: []
|
| +};
|
| +if (element.localName === 'content') {
|
| +list._hasContent = true;
|
| +}
|
| +this._parseChildNodesAnnotations(element, annote, list, stripWhiteSpace);
|
| +if (element.attributes) {
|
| +this._parseNodeAttributeAnnotations(element, annote, list);
|
| +if (this.prepElement) {
|
| +this.prepElement(element);
|
| +}
|
| +}
|
| +if (annote.bindings.length || annote.events.length || annote.id) {
|
| +list.push(annote);
|
| +}
|
| +return annote;
|
| +},
|
| +_parseChildNodesAnnotations: function (root, annote, list, stripWhiteSpace) {
|
| +if (root.firstChild) {
|
| +var node = root.firstChild;
|
| +var i = 0;
|
| +while (node) {
|
| +var next = node.nextSibling;
|
| +if (node.localName === 'template' && !node.hasAttribute('preserve-content')) {
|
| +this._parseTemplate(node, i, list, annote);
|
| +}
|
| +if (node.nodeType === Node.TEXT_NODE) {
|
| +var n = next;
|
| +while (n && n.nodeType === Node.TEXT_NODE) {
|
| +node.textContent += n.textContent;
|
| +next = n.nextSibling;
|
| +root.removeChild(n);
|
| +n = next;
|
| +}
|
| +if (stripWhiteSpace && !node.textContent.trim()) {
|
| +root.removeChild(node);
|
| +i--;
|
| +}
|
| +}
|
| +if (node.parentNode) {
|
| +var childAnnotation = this._parseNodeAnnotations(node, list, stripWhiteSpace);
|
| +if (childAnnotation) {
|
| +childAnnotation.parent = annote;
|
| +childAnnotation.index = i;
|
| +}
|
| +}
|
| +node = next;
|
| +i++;
|
| +}
|
| +}
|
| +},
|
| +_parseTemplate: function (node, index, list, parent) {
|
| +var content = document.createDocumentFragment();
|
| +content._notes = this.parseAnnotations(node);
|
| +content.appendChild(node.content);
|
| +list.push({
|
| +bindings: Polymer.nar,
|
| +events: Polymer.nar,
|
| +templateContent: content,
|
| +parent: parent,
|
| +index: index
|
| +});
|
| +},
|
| +_parseNodeAttributeAnnotations: function (node, annotation) {
|
| +var attrs = Array.prototype.slice.call(node.attributes);
|
| +for (var i = attrs.length - 1, a; a = attrs[i]; i--) {
|
| +var n = a.name;
|
| +var v = a.value;
|
| +var b;
|
| +if (n.slice(0, 3) === 'on-') {
|
| +node.removeAttribute(n);
|
| +annotation.events.push({
|
| +name: n.slice(3),
|
| +value: v
|
| +});
|
| +} else if (b = this._parseNodeAttributeAnnotation(node, n, v)) {
|
| +annotation.bindings.push(b);
|
| +} else if (n === 'id') {
|
| +annotation.id = v;
|
| +}
|
| +}
|
| +},
|
| +_parseNodeAttributeAnnotation: function (node, name, value) {
|
| +var parts = this._parseBindings(value);
|
| +if (parts) {
|
| +var origName = name;
|
| +var kind = 'property';
|
| +if (name[name.length - 1] == '$') {
|
| +name = name.slice(0, -1);
|
| +kind = 'attribute';
|
| +}
|
| +var literal = this._literalFromParts(parts);
|
| +if (literal && kind == 'attribute') {
|
| +node.setAttribute(name, literal);
|
| +}
|
| +if (node.localName === 'input' && origName === 'value') {
|
| +node.setAttribute(origName, '');
|
| +}
|
| +node.removeAttribute(origName);
|
| +var propertyName = Polymer.CaseMap.dashToCamelCase(name);
|
| +if (kind === 'property') {
|
| +name = propertyName;
|
| +}
|
| +return {
|
| +kind: kind,
|
| +name: name,
|
| +propertyName: propertyName,
|
| +parts: parts,
|
| +literal: literal,
|
| +isCompound: parts.length !== 1
|
| +};
|
| +}
|
| +},
|
| +findAnnotatedNode: function (root, annote) {
|
| +var parent = annote.parent && Polymer.Annotations.findAnnotatedNode(root, annote.parent);
|
| +if (parent) {
|
| +for (var n = parent.firstChild, i = 0; n; n = n.nextSibling) {
|
| +if (annote.index === i++) {
|
| +return n;
|
| +}
|
| +}
|
| +} else {
|
| +return root;
|
| +}
|
| +}
|
| +};
|
| +(function () {
|
| +function resolveCss(cssText, ownerDocument) {
|
| +return cssText.replace(CSS_URL_RX, function (m, pre, url, post) {
|
| +return pre + '\'' + resolve(url.replace(/["']/g, ''), ownerDocument) + '\'' + post;
|
| +});
|
| +}
|
| +function resolveAttrs(element, ownerDocument) {
|
| +for (var name in URL_ATTRS) {
|
| +var a$ = URL_ATTRS[name];
|
| +for (var i = 0, l = a$.length, a, at, v; i < l && (a = a$[i]); i++) {
|
| +if (name === '*' || element.localName === name) {
|
| +at = element.attributes[a];
|
| +v = at && at.value;
|
| +if (v && v.search(BINDING_RX) < 0) {
|
| +at.value = a === 'style' ? resolveCss(v, ownerDocument) : resolve(v, ownerDocument);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +}
|
| +function resolve(url, ownerDocument) {
|
| +if (url && url[0] === '#') {
|
| +return url;
|
| +}
|
| +var resolver = getUrlResolver(ownerDocument);
|
| +resolver.href = url;
|
| +return resolver.href || url;
|
| +}
|
| +var tempDoc;
|
| +var tempDocBase;
|
| +function resolveUrl(url, baseUri) {
|
| +if (!tempDoc) {
|
| +tempDoc = document.implementation.createHTMLDocument('temp');
|
| +tempDocBase = tempDoc.createElement('base');
|
| +tempDoc.head.appendChild(tempDocBase);
|
| +}
|
| +tempDocBase.href = baseUri;
|
| +return resolve(url, tempDoc);
|
| +}
|
| +function getUrlResolver(ownerDocument) {
|
| +return ownerDocument.__urlResolver || (ownerDocument.__urlResolver = ownerDocument.createElement('a'));
|
| +}
|
| +var CSS_URL_RX = /(url\()([^)]*)(\))/g;
|
| +var URL_ATTRS = {
|
| +'*': [
|
| +'href',
|
| +'src',
|
| +'style',
|
| +'url'
|
| +],
|
| +form: ['action']
|
| +};
|
| +var BINDING_RX = /\{\{|\[\[/;
|
| +Polymer.ResolveUrl = {
|
| +resolveCss: resolveCss,
|
| +resolveAttrs: resolveAttrs,
|
| +resolveUrl: resolveUrl
|
| +};
|
| +}());
|
| +Polymer.Base._addFeature({
|
| +_prepAnnotations: function () {
|
| +if (!this._template) {
|
| +this._notes = [];
|
| +} else {
|
| +var self = this;
|
| +Polymer.Annotations.prepElement = function (element) {
|
| +self._prepElement(element);
|
| +};
|
| +if (this._template._content && this._template._content._notes) {
|
| +this._notes = this._template._content._notes;
|
| +} else {
|
| +this._notes = Polymer.Annotations.parseAnnotations(this._template);
|
| +this._processAnnotations(this._notes);
|
| +}
|
| +Polymer.Annotations.prepElement = null;
|
| +}
|
| +},
|
| +_processAnnotations: function (notes) {
|
| +for (var i = 0; i < notes.length; i++) {
|
| +var note = notes[i];
|
| +for (var j = 0; j < note.bindings.length; j++) {
|
| +var b = note.bindings[j];
|
| +for (var k = 0; k < b.parts.length; k++) {
|
| +var p = b.parts[k];
|
| +if (!p.literal) {
|
| +var signature = this._parseMethod(p.value);
|
| +if (signature) {
|
| +p.signature = signature;
|
| +} else {
|
| +p.model = this._modelForPath(p.value);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +if (note.templateContent) {
|
| +this._processAnnotations(note.templateContent._notes);
|
| +var pp = note.templateContent._parentProps = this._discoverTemplateParentProps(note.templateContent._notes);
|
| +var bindings = [];
|
| +for (var prop in pp) {
|
| +bindings.push({
|
| +index: note.index,
|
| +kind: 'property',
|
| +name: '_parent_' + prop,
|
| +parts: [{
|
| +mode: '{',
|
| +model: prop,
|
| +value: prop
|
| +}]
|
| +});
|
| +}
|
| +note.bindings = note.bindings.concat(bindings);
|
| +}
|
| +}
|
| +},
|
| +_discoverTemplateParentProps: function (notes) {
|
| +var pp = {};
|
| +for (var i = 0, n; i < notes.length && (n = notes[i]); i++) {
|
| +for (var j = 0, b$ = n.bindings, b; j < b$.length && (b = b$[j]); j++) {
|
| +for (var k = 0, p$ = b.parts, p; k < p$.length && (p = p$[k]); k++) {
|
| +if (p.signature) {
|
| +var args = p.signature.args;
|
| +for (var kk = 0; kk < args.length; kk++) {
|
| +var model = args[kk].model;
|
| +if (model) {
|
| +pp[model] = true;
|
| +}
|
| +}
|
| +} else {
|
| +if (p.model) {
|
| +pp[p.model] = true;
|
| +}
|
| +}
|
| +}
|
| +}
|
| +if (n.templateContent) {
|
| +var tpp = n.templateContent._parentProps;
|
| +Polymer.Base.mixin(pp, tpp);
|
| +}
|
| +}
|
| +return pp;
|
| +},
|
| +_prepElement: function (element) {
|
| +Polymer.ResolveUrl.resolveAttrs(element, this._template.ownerDocument);
|
| +},
|
| +_findAnnotatedNode: Polymer.Annotations.findAnnotatedNode,
|
| +_marshalAnnotationReferences: function () {
|
| +if (this._template) {
|
| +this._marshalIdNodes();
|
| +this._marshalAnnotatedNodes();
|
| +this._marshalAnnotatedListeners();
|
| +}
|
| +},
|
| +_configureAnnotationReferences: function () {
|
| +var notes = this._notes;
|
| +var nodes = this._nodes;
|
| +for (var i = 0; i < notes.length; i++) {
|
| +var note = notes[i];
|
| +var node = nodes[i];
|
| +this._configureTemplateContent(note, node);
|
| +this._configureCompoundBindings(note, node);
|
| +}
|
| +},
|
| +_configureTemplateContent: function (note, node) {
|
| +if (note.templateContent) {
|
| +node._content = note.templateContent;
|
| +}
|
| +},
|
| +_configureCompoundBindings: function (note, node) {
|
| +var bindings = note.bindings;
|
| +for (var i = 0; i < bindings.length; i++) {
|
| +var binding = bindings[i];
|
| +if (binding.isCompound) {
|
| +var storage = node.__compoundStorage__ || (node.__compoundStorage__ = {});
|
| +var parts = binding.parts;
|
| +var literals = new Array(parts.length);
|
| +for (var j = 0; j < parts.length; j++) {
|
| +literals[j] = parts[j].literal;
|
| +}
|
| +var name = binding.name;
|
| +storage[name] = literals;
|
| +if (binding.literal && binding.kind == 'property') {
|
| +if (node._configValue) {
|
| +node._configValue(name, binding.literal);
|
| +} else {
|
| +node[name] = binding.literal;
|
| +}
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_marshalIdNodes: function () {
|
| +this.$ = {};
|
| +for (var i = 0, l = this._notes.length, a; i < l && (a = this._notes[i]); i++) {
|
| +if (a.id) {
|
| +this.$[a.id] = this._findAnnotatedNode(this.root, a);
|
| +}
|
| +}
|
| +},
|
| +_marshalAnnotatedNodes: function () {
|
| +if (this._notes && this._notes.length) {
|
| +var r = new Array(this._notes.length);
|
| +for (var i = 0; i < this._notes.length; i++) {
|
| +r[i] = this._findAnnotatedNode(this.root, this._notes[i]);
|
| +}
|
| +this._nodes = r;
|
| +}
|
| +},
|
| +_marshalAnnotatedListeners: function () {
|
| +for (var i = 0, l = this._notes.length, a; i < l && (a = this._notes[i]); i++) {
|
| +if (a.events && a.events.length) {
|
| +var node = this._findAnnotatedNode(this.root, a);
|
| +for (var j = 0, e$ = a.events, e; j < e$.length && (e = e$[j]); j++) {
|
| +this.listen(node, e.name, e.value);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +});
|
| +Polymer.Base._addFeature({
|
| +listeners: {},
|
| +_listenListeners: function (listeners) {
|
| +var node, name, eventName;
|
| +for (eventName in listeners) {
|
| +if (eventName.indexOf('.') < 0) {
|
| +node = this;
|
| +name = eventName;
|
| +} else {
|
| +name = eventName.split('.');
|
| +node = this.$[name[0]];
|
| +name = name[1];
|
| +}
|
| +this.listen(node, name, listeners[eventName]);
|
| +}
|
| +},
|
| +listen: function (node, eventName, methodName) {
|
| +var handler = this._recallEventHandler(this, eventName, node, methodName);
|
| +if (!handler) {
|
| +handler = this._createEventHandler(node, eventName, methodName);
|
| +}
|
| +if (handler._listening) {
|
| +return;
|
| +}
|
| +this._listen(node, eventName, handler);
|
| +handler._listening = true;
|
| +},
|
| +_boundListenerKey: function (eventName, methodName) {
|
| +return eventName + ':' + methodName;
|
| +},
|
| +_recordEventHandler: function (host, eventName, target, methodName, handler) {
|
| +var hbl = host.__boundListeners;
|
| +if (!hbl) {
|
| +hbl = host.__boundListeners = new WeakMap();
|
| +}
|
| +var bl = hbl.get(target);
|
| +if (!bl) {
|
| +bl = {};
|
| +hbl.set(target, bl);
|
| +}
|
| +var key = this._boundListenerKey(eventName, methodName);
|
| +bl[key] = handler;
|
| +},
|
| +_recallEventHandler: function (host, eventName, target, methodName) {
|
| +var hbl = host.__boundListeners;
|
| +if (!hbl) {
|
| +return;
|
| +}
|
| +var bl = hbl.get(target);
|
| +if (!bl) {
|
| +return;
|
| +}
|
| +var key = this._boundListenerKey(eventName, methodName);
|
| +return bl[key];
|
| +},
|
| +_createEventHandler: function (node, eventName, methodName) {
|
| +var host = this;
|
| +var handler = function (e) {
|
| +if (host[methodName]) {
|
| +host[methodName](e, e.detail);
|
| +} else {
|
| +host._warn(host._logf('_createEventHandler', 'listener method `' + methodName + '` not defined'));
|
| +}
|
| +};
|
| +handler._listening = false;
|
| +this._recordEventHandler(host, eventName, node, methodName, handler);
|
| +return handler;
|
| +},
|
| +unlisten: function (node, eventName, methodName) {
|
| +var handler = this._recallEventHandler(this, eventName, node, methodName);
|
| +if (handler) {
|
| +this._unlisten(node, eventName, handler);
|
| +handler._listening = false;
|
| +}
|
| +},
|
| +_listen: function (node, eventName, handler) {
|
| +node.addEventListener(eventName, handler);
|
| +},
|
| +_unlisten: function (node, eventName, handler) {
|
| +node.removeEventListener(eventName, handler);
|
| +}
|
| +});
|
| +(function () {
|
| +'use strict';
|
| +var wrap = Polymer.DomApi.wrap;
|
| +var HAS_NATIVE_TA = typeof document.head.style.touchAction === 'string';
|
| +var GESTURE_KEY = '__polymerGestures';
|
| +var HANDLED_OBJ = '__polymerGesturesHandled';
|
| +var TOUCH_ACTION = '__polymerGesturesTouchAction';
|
| +var TAP_DISTANCE = 25;
|
| +var TRACK_DISTANCE = 5;
|
| +var TRACK_LENGTH = 2;
|
| +var MOUSE_TIMEOUT = 2500;
|
| +var MOUSE_EVENTS = [
|
| +'mousedown',
|
| +'mousemove',
|
| +'mouseup',
|
| +'click'
|
| +];
|
| +var MOUSE_WHICH_TO_BUTTONS = [
|
| +0,
|
| +1,
|
| +4,
|
| +2
|
| +];
|
| +var MOUSE_HAS_BUTTONS = function () {
|
| +try {
|
| +return new MouseEvent('test', { buttons: 1 }).buttons === 1;
|
| +} catch (e) {
|
| +return false;
|
| +}
|
| +}();
|
| +var IS_TOUCH_ONLY = navigator.userAgent.match(/iP(?:[oa]d|hone)|Android/);
|
| +var mouseCanceller = function (mouseEvent) {
|
| +mouseEvent[HANDLED_OBJ] = { skip: true };
|
| +if (mouseEvent.type === 'click') {
|
| +var path = Polymer.dom(mouseEvent).path;
|
| +for (var i = 0; i < path.length; i++) {
|
| +if (path[i] === POINTERSTATE.mouse.target) {
|
| +return;
|
| +}
|
| +}
|
| +mouseEvent.preventDefault();
|
| +mouseEvent.stopPropagation();
|
| +}
|
| +};
|
| +function setupTeardownMouseCanceller(setup) {
|
| +for (var i = 0, en; i < MOUSE_EVENTS.length; i++) {
|
| +en = MOUSE_EVENTS[i];
|
| +if (setup) {
|
| +document.addEventListener(en, mouseCanceller, true);
|
| +} else {
|
| +document.removeEventListener(en, mouseCanceller, true);
|
| +}
|
| +}
|
| +}
|
| +function ignoreMouse() {
|
| +if (IS_TOUCH_ONLY) {
|
| +return;
|
| +}
|
| +if (!POINTERSTATE.mouse.mouseIgnoreJob) {
|
| +setupTeardownMouseCanceller(true);
|
| +}
|
| +var unset = function () {
|
| +setupTeardownMouseCanceller();
|
| +POINTERSTATE.mouse.target = null;
|
| +POINTERSTATE.mouse.mouseIgnoreJob = null;
|
| +};
|
| +POINTERSTATE.mouse.mouseIgnoreJob = Polymer.Debounce(POINTERSTATE.mouse.mouseIgnoreJob, unset, MOUSE_TIMEOUT);
|
| +}
|
| +function hasLeftMouseButton(ev) {
|
| +var type = ev.type;
|
| +if (MOUSE_EVENTS.indexOf(type) === -1) {
|
| +return false;
|
| +}
|
| +if (type === 'mousemove') {
|
| +var buttons = ev.buttons === undefined ? 1 : ev.buttons;
|
| +if (ev instanceof window.MouseEvent && !MOUSE_HAS_BUTTONS) {
|
| +buttons = MOUSE_WHICH_TO_BUTTONS[ev.which] || 0;
|
| +}
|
| +return Boolean(buttons & 1);
|
| +} else {
|
| +var button = ev.button === undefined ? 0 : ev.button;
|
| +return button === 0;
|
| +}
|
| +}
|
| +function isSyntheticClick(ev) {
|
| +if (ev.type === 'click') {
|
| +if (ev.detail === 0) {
|
| +return true;
|
| +}
|
| +var t = Gestures.findOriginalTarget(ev);
|
| +var bcr = t.getBoundingClientRect();
|
| +var x = ev.pageX, y = ev.pageY;
|
| +return !(x >= bcr.left && x <= bcr.right && (y >= bcr.top && y <= bcr.bottom));
|
| +}
|
| +return false;
|
| +}
|
| +var POINTERSTATE = {
|
| +mouse: {
|
| +target: null,
|
| +mouseIgnoreJob: null
|
| +},
|
| +touch: {
|
| +x: 0,
|
| +y: 0,
|
| +id: -1,
|
| +scrollDecided: false
|
| +}
|
| +};
|
| +function firstTouchAction(ev) {
|
| +var path = Polymer.dom(ev).path;
|
| +var ta = 'auto';
|
| +for (var i = 0, n; i < path.length; i++) {
|
| +n = path[i];
|
| +if (n[TOUCH_ACTION]) {
|
| +ta = n[TOUCH_ACTION];
|
| +break;
|
| +}
|
| +}
|
| +return ta;
|
| +}
|
| +function trackDocument(stateObj, movefn, upfn) {
|
| +stateObj.movefn = movefn;
|
| +stateObj.upfn = upfn;
|
| +document.addEventListener('mousemove', movefn);
|
| +document.addEventListener('mouseup', upfn);
|
| +}
|
| +function untrackDocument(stateObj) {
|
| +document.removeEventListener('mousemove', stateObj.movefn);
|
| +document.removeEventListener('mouseup', stateObj.upfn);
|
| +stateObj.movefn = null;
|
| +stateObj.upfn = null;
|
| +}
|
| +var Gestures = {
|
| +gestures: {},
|
| +recognizers: [],
|
| +deepTargetFind: function (x, y) {
|
| +var node = document.elementFromPoint(x, y);
|
| +var next = node;
|
| +while (next && next.shadowRoot) {
|
| +next = next.shadowRoot.elementFromPoint(x, y);
|
| +if (next) {
|
| +node = next;
|
| +}
|
| +}
|
| +return node;
|
| +},
|
| +findOriginalTarget: function (ev) {
|
| +if (ev.path) {
|
| +return ev.path[0];
|
| +}
|
| +return ev.target;
|
| +},
|
| +handleNative: function (ev) {
|
| +var handled;
|
| +var type = ev.type;
|
| +var node = wrap(ev.currentTarget);
|
| +var gobj = node[GESTURE_KEY];
|
| +if (!gobj) {
|
| +return;
|
| +}
|
| +var gs = gobj[type];
|
| +if (!gs) {
|
| +return;
|
| +}
|
| +if (!ev[HANDLED_OBJ]) {
|
| +ev[HANDLED_OBJ] = {};
|
| +if (type.slice(0, 5) === 'touch') {
|
| +var t = ev.changedTouches[0];
|
| +if (type === 'touchstart') {
|
| +if (ev.touches.length === 1) {
|
| +POINTERSTATE.touch.id = t.identifier;
|
| +}
|
| +}
|
| +if (POINTERSTATE.touch.id !== t.identifier) {
|
| +return;
|
| +}
|
| +if (!HAS_NATIVE_TA) {
|
| +if (type === 'touchstart' || type === 'touchmove') {
|
| +Gestures.handleTouchAction(ev);
|
| +}
|
| +}
|
| +if (type === 'touchend' && !ev.__polymerSimulatedTouch) {
|
| +POINTERSTATE.mouse.target = Polymer.dom(ev).rootTarget;
|
| +ignoreMouse(true);
|
| +}
|
| +}
|
| +}
|
| +handled = ev[HANDLED_OBJ];
|
| +if (handled.skip) {
|
| +return;
|
| +}
|
| +var recognizers = Gestures.recognizers;
|
| +for (var i = 0, r; i < recognizers.length; i++) {
|
| +r = recognizers[i];
|
| +if (gs[r.name] && !handled[r.name]) {
|
| +if (r.flow && r.flow.start.indexOf(ev.type) > -1 && r.reset) {
|
| +r.reset();
|
| +}
|
| +}
|
| +}
|
| +for (i = 0, r; i < recognizers.length; i++) {
|
| +r = recognizers[i];
|
| +if (gs[r.name] && !handled[r.name]) {
|
| +handled[r.name] = true;
|
| +r[type](ev);
|
| +}
|
| +}
|
| +},
|
| +handleTouchAction: function (ev) {
|
| +var t = ev.changedTouches[0];
|
| +var type = ev.type;
|
| +if (type === 'touchstart') {
|
| +POINTERSTATE.touch.x = t.clientX;
|
| +POINTERSTATE.touch.y = t.clientY;
|
| +POINTERSTATE.touch.scrollDecided = false;
|
| +} else if (type === 'touchmove') {
|
| +if (POINTERSTATE.touch.scrollDecided) {
|
| +return;
|
| +}
|
| +POINTERSTATE.touch.scrollDecided = true;
|
| +var ta = firstTouchAction(ev);
|
| +var prevent = false;
|
| +var dx = Math.abs(POINTERSTATE.touch.x - t.clientX);
|
| +var dy = Math.abs(POINTERSTATE.touch.y - t.clientY);
|
| +if (!ev.cancelable) {
|
| +} else if (ta === 'none') {
|
| +prevent = true;
|
| +} else if (ta === 'pan-x') {
|
| +prevent = dy > dx;
|
| +} else if (ta === 'pan-y') {
|
| +prevent = dx > dy;
|
| +}
|
| +if (prevent) {
|
| +ev.preventDefault();
|
| +} else {
|
| +Gestures.prevent('track');
|
| +}
|
| +}
|
| +},
|
| +add: function (node, evType, handler) {
|
| +node = wrap(node);
|
| +var recognizer = this.gestures[evType];
|
| +var deps = recognizer.deps;
|
| +var name = recognizer.name;
|
| +var gobj = node[GESTURE_KEY];
|
| +if (!gobj) {
|
| +node[GESTURE_KEY] = gobj = {};
|
| +}
|
| +for (var i = 0, dep, gd; i < deps.length; i++) {
|
| +dep = deps[i];
|
| +if (IS_TOUCH_ONLY && MOUSE_EVENTS.indexOf(dep) > -1) {
|
| +continue;
|
| +}
|
| +gd = gobj[dep];
|
| +if (!gd) {
|
| +gobj[dep] = gd = { _count: 0 };
|
| +}
|
| +if (gd._count === 0) {
|
| +node.addEventListener(dep, this.handleNative);
|
| +}
|
| +gd[name] = (gd[name] || 0) + 1;
|
| +gd._count = (gd._count || 0) + 1;
|
| +}
|
| +node.addEventListener(evType, handler);
|
| +if (recognizer.touchAction) {
|
| +this.setTouchAction(node, recognizer.touchAction);
|
| +}
|
| +},
|
| +remove: function (node, evType, handler) {
|
| +node = wrap(node);
|
| +var recognizer = this.gestures[evType];
|
| +var deps = recognizer.deps;
|
| +var name = recognizer.name;
|
| +var gobj = node[GESTURE_KEY];
|
| +if (gobj) {
|
| +for (var i = 0, dep, gd; i < deps.length; i++) {
|
| +dep = deps[i];
|
| +gd = gobj[dep];
|
| +if (gd && gd[name]) {
|
| +gd[name] = (gd[name] || 1) - 1;
|
| +gd._count = (gd._count || 1) - 1;
|
| +if (gd._count === 0) {
|
| +node.removeEventListener(dep, this.handleNative);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +node.removeEventListener(evType, handler);
|
| +},
|
| +register: function (recog) {
|
| +this.recognizers.push(recog);
|
| +for (var i = 0; i < recog.emits.length; i++) {
|
| +this.gestures[recog.emits[i]] = recog;
|
| +}
|
| +},
|
| +findRecognizerByEvent: function (evName) {
|
| +for (var i = 0, r; i < this.recognizers.length; i++) {
|
| +r = this.recognizers[i];
|
| +for (var j = 0, n; j < r.emits.length; j++) {
|
| +n = r.emits[j];
|
| +if (n === evName) {
|
| +return r;
|
| +}
|
| +}
|
| +}
|
| +return null;
|
| +},
|
| +setTouchAction: function (node, value) {
|
| +if (HAS_NATIVE_TA) {
|
| +node.style.touchAction = value;
|
| +}
|
| +node[TOUCH_ACTION] = value;
|
| +},
|
| +fire: function (target, type, detail) {
|
| +var ev = Polymer.Base.fire(type, detail, {
|
| +node: target,
|
| +bubbles: true,
|
| +cancelable: true
|
| +});
|
| +if (ev.defaultPrevented) {
|
| +var se = detail.sourceEvent;
|
| +if (se && se.preventDefault) {
|
| +se.preventDefault();
|
| +}
|
| +}
|
| +},
|
| +prevent: function (evName) {
|
| +var recognizer = this.findRecognizerByEvent(evName);
|
| +if (recognizer.info) {
|
| +recognizer.info.prevent = true;
|
| +}
|
| +}
|
| +};
|
| +Gestures.register({
|
| +name: 'downup',
|
| +deps: [
|
| +'mousedown',
|
| +'touchstart',
|
| +'touchend'
|
| +],
|
| +flow: {
|
| +start: [
|
| +'mousedown',
|
| +'touchstart'
|
| +],
|
| +end: [
|
| +'mouseup',
|
| +'touchend'
|
| +]
|
| +},
|
| +emits: [
|
| +'down',
|
| +'up'
|
| +],
|
| +info: {
|
| +movefn: null,
|
| +upfn: null
|
| +},
|
| +reset: function () {
|
| +untrackDocument(this.info);
|
| +},
|
| +mousedown: function (e) {
|
| +if (!hasLeftMouseButton(e)) {
|
| +return;
|
| +}
|
| +var t = Gestures.findOriginalTarget(e);
|
| +var self = this;
|
| +var movefn = function movefn(e) {
|
| +if (!hasLeftMouseButton(e)) {
|
| +self.fire('up', t, e);
|
| +untrackDocument(self.info);
|
| +}
|
| +};
|
| +var upfn = function upfn(e) {
|
| +if (hasLeftMouseButton(e)) {
|
| +self.fire('up', t, e);
|
| +}
|
| +untrackDocument(self.info);
|
| +};
|
| +trackDocument(this.info, movefn, upfn);
|
| +this.fire('down', t, e);
|
| +},
|
| +touchstart: function (e) {
|
| +this.fire('down', Gestures.findOriginalTarget(e), e.changedTouches[0]);
|
| +},
|
| +touchend: function (e) {
|
| +this.fire('up', Gestures.findOriginalTarget(e), e.changedTouches[0]);
|
| +},
|
| +fire: function (type, target, event) {
|
| +Gestures.fire(target, type, {
|
| +x: event.clientX,
|
| +y: event.clientY,
|
| +sourceEvent: event,
|
| +prevent: function (e) {
|
| +return Gestures.prevent(e);
|
| +}
|
| +});
|
| +}
|
| +});
|
| +Gestures.register({
|
| +name: 'track',
|
| +touchAction: 'none',
|
| +deps: [
|
| +'mousedown',
|
| +'touchstart',
|
| +'touchmove',
|
| +'touchend'
|
| +],
|
| +flow: {
|
| +start: [
|
| +'mousedown',
|
| +'touchstart'
|
| +],
|
| +end: [
|
| +'mouseup',
|
| +'touchend'
|
| +]
|
| +},
|
| +emits: ['track'],
|
| +info: {
|
| +x: 0,
|
| +y: 0,
|
| +state: 'start',
|
| +started: false,
|
| +moves: [],
|
| +addMove: function (move) {
|
| +if (this.moves.length > TRACK_LENGTH) {
|
| +this.moves.shift();
|
| +}
|
| +this.moves.push(move);
|
| +},
|
| +movefn: null,
|
| +upfn: null,
|
| +prevent: false
|
| +},
|
| +reset: function () {
|
| +this.info.state = 'start';
|
| +this.info.started = false;
|
| +this.info.moves = [];
|
| +this.info.x = 0;
|
| +this.info.y = 0;
|
| +this.info.prevent = false;
|
| +untrackDocument(this.info);
|
| +},
|
| +hasMovedEnough: function (x, y) {
|
| +if (this.info.prevent) {
|
| +return false;
|
| +}
|
| +if (this.info.started) {
|
| +return true;
|
| +}
|
| +var dx = Math.abs(this.info.x - x);
|
| +var dy = Math.abs(this.info.y - y);
|
| +return dx >= TRACK_DISTANCE || dy >= TRACK_DISTANCE;
|
| +},
|
| +mousedown: function (e) {
|
| +if (!hasLeftMouseButton(e)) {
|
| +return;
|
| +}
|
| +var t = Gestures.findOriginalTarget(e);
|
| +var self = this;
|
| +var movefn = function movefn(e) {
|
| +var x = e.clientX, y = e.clientY;
|
| +if (self.hasMovedEnough(x, y)) {
|
| +self.info.state = self.info.started ? e.type === 'mouseup' ? 'end' : 'track' : 'start';
|
| +if (self.info.state === 'start') {
|
| +Gestures.prevent('tap');
|
| +}
|
| +self.info.addMove({
|
| +x: x,
|
| +y: y
|
| +});
|
| +if (!hasLeftMouseButton(e)) {
|
| +self.info.state = 'end';
|
| +untrackDocument(self.info);
|
| +}
|
| +self.fire(t, e);
|
| +self.info.started = true;
|
| +}
|
| +};
|
| +var upfn = function upfn(e) {
|
| +if (self.info.started) {
|
| +movefn(e);
|
| +}
|
| +untrackDocument(self.info);
|
| +};
|
| +trackDocument(this.info, movefn, upfn);
|
| +this.info.x = e.clientX;
|
| +this.info.y = e.clientY;
|
| +},
|
| +touchstart: function (e) {
|
| +var ct = e.changedTouches[0];
|
| +this.info.x = ct.clientX;
|
| +this.info.y = ct.clientY;
|
| +},
|
| +touchmove: function (e) {
|
| +var t = Gestures.findOriginalTarget(e);
|
| +var ct = e.changedTouches[0];
|
| +var x = ct.clientX, y = ct.clientY;
|
| +if (this.hasMovedEnough(x, y)) {
|
| +if (this.info.state === 'start') {
|
| +Gestures.prevent('tap');
|
| +}
|
| +this.info.addMove({
|
| +x: x,
|
| +y: y
|
| +});
|
| +this.fire(t, ct);
|
| +this.info.state = 'track';
|
| +this.info.started = true;
|
| +}
|
| +},
|
| +touchend: function (e) {
|
| +var t = Gestures.findOriginalTarget(e);
|
| +var ct = e.changedTouches[0];
|
| +if (this.info.started) {
|
| +this.info.state = 'end';
|
| +this.info.addMove({
|
| +x: ct.clientX,
|
| +y: ct.clientY
|
| +});
|
| +this.fire(t, ct);
|
| +}
|
| +},
|
| +fire: function (target, touch) {
|
| +var secondlast = this.info.moves[this.info.moves.length - 2];
|
| +var lastmove = this.info.moves[this.info.moves.length - 1];
|
| +var dx = lastmove.x - this.info.x;
|
| +var dy = lastmove.y - this.info.y;
|
| +var ddx, ddy = 0;
|
| +if (secondlast) {
|
| +ddx = lastmove.x - secondlast.x;
|
| +ddy = lastmove.y - secondlast.y;
|
| +}
|
| +return Gestures.fire(target, 'track', {
|
| +state: this.info.state,
|
| +x: touch.clientX,
|
| +y: touch.clientY,
|
| +dx: dx,
|
| +dy: dy,
|
| +ddx: ddx,
|
| +ddy: ddy,
|
| +sourceEvent: touch,
|
| +hover: function () {
|
| +return Gestures.deepTargetFind(touch.clientX, touch.clientY);
|
| +}
|
| +});
|
| +}
|
| +});
|
| +Gestures.register({
|
| +name: 'tap',
|
| +deps: [
|
| +'mousedown',
|
| +'click',
|
| +'touchstart',
|
| +'touchend'
|
| +],
|
| +flow: {
|
| +start: [
|
| +'mousedown',
|
| +'touchstart'
|
| +],
|
| +end: [
|
| +'click',
|
| +'touchend'
|
| +]
|
| +},
|
| +emits: ['tap'],
|
| +info: {
|
| +x: NaN,
|
| +y: NaN,
|
| +prevent: false
|
| +},
|
| +reset: function () {
|
| +this.info.x = NaN;
|
| +this.info.y = NaN;
|
| +this.info.prevent = false;
|
| +},
|
| +save: function (e) {
|
| +this.info.x = e.clientX;
|
| +this.info.y = e.clientY;
|
| +},
|
| +mousedown: function (e) {
|
| +if (hasLeftMouseButton(e)) {
|
| +this.save(e);
|
| +}
|
| +},
|
| +click: function (e) {
|
| +if (hasLeftMouseButton(e)) {
|
| +this.forward(e);
|
| +}
|
| +},
|
| +touchstart: function (e) {
|
| +this.save(e.changedTouches[0]);
|
| +},
|
| +touchend: function (e) {
|
| +this.forward(e.changedTouches[0]);
|
| +},
|
| +forward: function (e) {
|
| +var dx = Math.abs(e.clientX - this.info.x);
|
| +var dy = Math.abs(e.clientY - this.info.y);
|
| +var t = Gestures.findOriginalTarget(e);
|
| +if (isNaN(dx) || isNaN(dy) || dx <= TAP_DISTANCE && dy <= TAP_DISTANCE || isSyntheticClick(e)) {
|
| +if (!this.info.prevent) {
|
| +Gestures.fire(t, 'tap', {
|
| +x: e.clientX,
|
| +y: e.clientY,
|
| +sourceEvent: e
|
| +});
|
| +}
|
| +}
|
| +}
|
| +});
|
| +var DIRECTION_MAP = {
|
| +x: 'pan-x',
|
| +y: 'pan-y',
|
| +none: 'none',
|
| +all: 'auto'
|
| +};
|
| +Polymer.Base._addFeature({
|
| +_setupGestures: function () {
|
| +this.__polymerGestures = null;
|
| +},
|
| +_listen: function (node, eventName, handler) {
|
| +if (Gestures.gestures[eventName]) {
|
| +Gestures.add(node, eventName, handler);
|
| +} else {
|
| +node.addEventListener(eventName, handler);
|
| +}
|
| +},
|
| +_unlisten: function (node, eventName, handler) {
|
| +if (Gestures.gestures[eventName]) {
|
| +Gestures.remove(node, eventName, handler);
|
| +} else {
|
| +node.removeEventListener(eventName, handler);
|
| +}
|
| +},
|
| +setScrollDirection: function (direction, node) {
|
| +node = node || this;
|
| +Gestures.setTouchAction(node, DIRECTION_MAP[direction] || 'auto');
|
| +}
|
| +});
|
| +Polymer.Gestures = Gestures;
|
| +}());
|
| +Polymer.Base._addFeature({
|
| +$$: function (slctr) {
|
| +return Polymer.dom(this.root).querySelector(slctr);
|
| +},
|
| +toggleClass: function (name, bool, node) {
|
| +node = node || this;
|
| +if (arguments.length == 1) {
|
| +bool = !node.classList.contains(name);
|
| +}
|
| +if (bool) {
|
| +Polymer.dom(node).classList.add(name);
|
| +} else {
|
| +Polymer.dom(node).classList.remove(name);
|
| +}
|
| +},
|
| +toggleAttribute: function (name, bool, node) {
|
| +node = node || this;
|
| +if (arguments.length == 1) {
|
| +bool = !node.hasAttribute(name);
|
| +}
|
| +if (bool) {
|
| +Polymer.dom(node).setAttribute(name, '');
|
| +} else {
|
| +Polymer.dom(node).removeAttribute(name);
|
| +}
|
| +},
|
| +classFollows: function (name, toElement, fromElement) {
|
| +if (fromElement) {
|
| +Polymer.dom(fromElement).classList.remove(name);
|
| +}
|
| +if (toElement) {
|
| +Polymer.dom(toElement).classList.add(name);
|
| +}
|
| +},
|
| +attributeFollows: function (name, toElement, fromElement) {
|
| +if (fromElement) {
|
| +Polymer.dom(fromElement).removeAttribute(name);
|
| +}
|
| +if (toElement) {
|
| +Polymer.dom(toElement).setAttribute(name, '');
|
| +}
|
| +},
|
| +getEffectiveChildNodes: function () {
|
| +return Polymer.dom(this).getEffectiveChildNodes();
|
| +},
|
| +getEffectiveChildren: function () {
|
| +var list = Polymer.dom(this).getEffectiveChildNodes();
|
| +return list.filter(function (n) {
|
| +return n.nodeType === Node.ELEMENT_NODE;
|
| +});
|
| +},
|
| +getEffectiveTextContent: function () {
|
| +var cn = this.getEffectiveChildNodes();
|
| +var tc = [];
|
| +for (var i = 0, c; c = cn[i]; i++) {
|
| +if (c.nodeType !== Node.COMMENT_NODE) {
|
| +tc.push(Polymer.dom(c).textContent);
|
| +}
|
| +}
|
| +return tc.join('');
|
| +},
|
| +queryEffectiveChildren: function (slctr) {
|
| +var e$ = Polymer.dom(this).queryDistributedElements(slctr);
|
| +return e$ && e$[0];
|
| +},
|
| +queryAllEffectiveChildren: function (slctr) {
|
| +return Polymer.dom(this).queryDistributedElements(slctr);
|
| +},
|
| +getContentChildNodes: function (slctr) {
|
| +var content = Polymer.dom(this.root).querySelector(slctr || 'content');
|
| +return content ? Polymer.dom(content).getDistributedNodes() : [];
|
| +},
|
| +getContentChildren: function (slctr) {
|
| +return this.getContentChildNodes(slctr).filter(function (n) {
|
| +return n.nodeType === Node.ELEMENT_NODE;
|
| +});
|
| +},
|
| +fire: function (type, detail, options) {
|
| +options = options || Polymer.nob;
|
| +var node = options.node || this;
|
| +detail = detail === null || detail === undefined ? {} : detail;
|
| +var bubbles = options.bubbles === undefined ? true : options.bubbles;
|
| +var cancelable = Boolean(options.cancelable);
|
| +var useCache = options._useCache;
|
| +var event = this._getEvent(type, bubbles, cancelable, useCache);
|
| +event.detail = detail;
|
| +if (useCache) {
|
| +this.__eventCache[type] = null;
|
| +}
|
| +node.dispatchEvent(event);
|
| +if (useCache) {
|
| +this.__eventCache[type] = event;
|
| +}
|
| +return event;
|
| +},
|
| +__eventCache: {},
|
| +_getEvent: function (type, bubbles, cancelable, useCache) {
|
| +var event = useCache && this.__eventCache[type];
|
| +if (!event || (event.bubbles != bubbles || event.cancelable != cancelable)) {
|
| +event = new Event(type, {
|
| +bubbles: Boolean(bubbles),
|
| +cancelable: cancelable
|
| +});
|
| +}
|
| +return event;
|
| +},
|
| +async: function (callback, waitTime) {
|
| +var self = this;
|
| +return Polymer.Async.run(function () {
|
| +callback.call(self);
|
| +}, waitTime);
|
| +},
|
| +cancelAsync: function (handle) {
|
| +Polymer.Async.cancel(handle);
|
| +},
|
| +arrayDelete: function (path, item) {
|
| +var index;
|
| +if (Array.isArray(path)) {
|
| +index = path.indexOf(item);
|
| +if (index >= 0) {
|
| +return path.splice(index, 1);
|
| +}
|
| +} else {
|
| +var arr = this._get(path);
|
| +index = arr.indexOf(item);
|
| +if (index >= 0) {
|
| +return this.splice(path, index, 1);
|
| +}
|
| +}
|
| +},
|
| +transform: function (transform, node) {
|
| +node = node || this;
|
| +node.style.webkitTransform = transform;
|
| +node.style.transform = transform;
|
| +},
|
| +translate3d: function (x, y, z, node) {
|
| +node = node || this;
|
| +this.transform('translate3d(' + x + ',' + y + ',' + z + ')', node);
|
| +},
|
| +importHref: function (href, onload, onerror, optAsync) {
|
| +var l = document.createElement('link');
|
| +l.rel = 'import';
|
| +l.href = href;
|
| +optAsync = Boolean(optAsync);
|
| +if (optAsync) {
|
| +l.setAttribute('async', '');
|
| +}
|
| +var self = this;
|
| +if (onload) {
|
| +l.onload = function (e) {
|
| +return onload.call(self, e);
|
| +};
|
| +}
|
| +if (onerror) {
|
| +l.onerror = function (e) {
|
| +return onerror.call(self, e);
|
| +};
|
| +}
|
| +document.head.appendChild(l);
|
| +return l;
|
| +},
|
| +create: function (tag, props) {
|
| +var elt = document.createElement(tag);
|
| +if (props) {
|
| +for (var n in props) {
|
| +elt[n] = props[n];
|
| +}
|
| +}
|
| +return elt;
|
| +},
|
| +isLightDescendant: function (node) {
|
| +return this !== node && this.contains(node) && Polymer.dom(this).getOwnerRoot() === Polymer.dom(node).getOwnerRoot();
|
| +},
|
| +isLocalDescendant: function (node) {
|
| +return this.root === Polymer.dom(node).getOwnerRoot();
|
| +}
|
| +});
|
| +Polymer.Bind = {
|
| +_dataEventCache: {},
|
| +prepareModel: function (model) {
|
| +Polymer.Base.mixin(model, this._modelApi);
|
| +},
|
| +_modelApi: {
|
| +_notifyChange: function (source, event, value) {
|
| +value = value === undefined ? this[source] : value;
|
| +event = event || Polymer.CaseMap.camelToDashCase(source) + '-changed';
|
| +this.fire(event, { value: value }, {
|
| +bubbles: false,
|
| +cancelable: false,
|
| +_useCache: true
|
| +});
|
| +},
|
| +_propertySetter: function (property, value, effects, fromAbove) {
|
| +var old = this.__data__[property];
|
| +if (old !== value && (old === old || value === value)) {
|
| +this.__data__[property] = value;
|
| +if (typeof value == 'object') {
|
| +this._clearPath(property);
|
| +}
|
| +if (this._propertyChanged) {
|
| +this._propertyChanged(property, value, old);
|
| +}
|
| +if (effects) {
|
| +this._effectEffects(property, value, effects, old, fromAbove);
|
| +}
|
| +}
|
| +return old;
|
| +},
|
| +__setProperty: function (property, value, quiet, node) {
|
| +node = node || this;
|
| +var effects = node._propertyEffects && node._propertyEffects[property];
|
| +if (effects) {
|
| +node._propertySetter(property, value, effects, quiet);
|
| +} else {
|
| +node[property] = value;
|
| +}
|
| +},
|
| +_effectEffects: function (property, value, effects, old, fromAbove) {
|
| +for (var i = 0, l = effects.length, fx; i < l && (fx = effects[i]); i++) {
|
| +fx.fn.call(this, property, value, fx.effect, old, fromAbove);
|
| +}
|
| +},
|
| +_clearPath: function (path) {
|
| +for (var prop in this.__data__) {
|
| +if (prop.indexOf(path + '.') === 0) {
|
| +this.__data__[prop] = undefined;
|
| +}
|
| +}
|
| +}
|
| +},
|
| +ensurePropertyEffects: function (model, property) {
|
| +if (!model._propertyEffects) {
|
| +model._propertyEffects = {};
|
| +}
|
| +var fx = model._propertyEffects[property];
|
| +if (!fx) {
|
| +fx = model._propertyEffects[property] = [];
|
| +}
|
| +return fx;
|
| +},
|
| +addPropertyEffect: function (model, property, kind, effect) {
|
| +var fx = this.ensurePropertyEffects(model, property);
|
| +var propEffect = {
|
| +kind: kind,
|
| +effect: effect,
|
| +fn: Polymer.Bind['_' + kind + 'Effect']
|
| +};
|
| +fx.push(propEffect);
|
| +return propEffect;
|
| +},
|
| +createBindings: function (model) {
|
| +var fx$ = model._propertyEffects;
|
| +if (fx$) {
|
| +for (var n in fx$) {
|
| +var fx = fx$[n];
|
| +fx.sort(this._sortPropertyEffects);
|
| +this._createAccessors(model, n, fx);
|
| +}
|
| +}
|
| +},
|
| +_sortPropertyEffects: function () {
|
| +var EFFECT_ORDER = {
|
| +'compute': 0,
|
| +'annotation': 1,
|
| +'annotatedComputation': 2,
|
| +'reflect': 3,
|
| +'notify': 4,
|
| +'observer': 5,
|
| +'complexObserver': 6,
|
| +'function': 7
|
| +};
|
| +return function (a, b) {
|
| +return EFFECT_ORDER[a.kind] - EFFECT_ORDER[b.kind];
|
| +};
|
| +}(),
|
| +_createAccessors: function (model, property, effects) {
|
| +var defun = {
|
| +get: function () {
|
| +return this.__data__[property];
|
| +}
|
| +};
|
| +var setter = function (value) {
|
| +this._propertySetter(property, value, effects);
|
| +};
|
| +var info = model.getPropertyInfo && model.getPropertyInfo(property);
|
| +if (info && info.readOnly) {
|
| +if (!info.computed) {
|
| +model['_set' + this.upper(property)] = setter;
|
| +}
|
| +} else {
|
| +defun.set = setter;
|
| +}
|
| +Object.defineProperty(model, property, defun);
|
| +},
|
| +upper: function (name) {
|
| +return name[0].toUpperCase() + name.substring(1);
|
| +},
|
| +_addAnnotatedListener: function (model, index, property, path, event, negated) {
|
| +if (!model._bindListeners) {
|
| +model._bindListeners = [];
|
| +}
|
| +var fn = this._notedListenerFactory(property, path, this._isStructured(path), negated);
|
| +var eventName = event || Polymer.CaseMap.camelToDashCase(property) + '-changed';
|
| +model._bindListeners.push({
|
| +index: index,
|
| +property: property,
|
| +path: path,
|
| +changedFn: fn,
|
| +event: eventName
|
| +});
|
| +},
|
| +_isStructured: function (path) {
|
| +return path.indexOf('.') > 0;
|
| +},
|
| +_isEventBogus: function (e, target) {
|
| +return e.path && e.path[0] !== target;
|
| +},
|
| +_notedListenerFactory: function (property, path, isStructured, negated) {
|
| +return function (target, value, targetPath) {
|
| +if (targetPath) {
|
| +this._notifyPath(this._fixPath(path, property, targetPath), value);
|
| +} else {
|
| +value = target[property];
|
| +if (negated) {
|
| +value = !value;
|
| +}
|
| +if (!isStructured) {
|
| +this[path] = value;
|
| +} else {
|
| +if (this.__data__[path] != value) {
|
| +this.set(path, value);
|
| +}
|
| +}
|
| +}
|
| +};
|
| +},
|
| +prepareInstance: function (inst) {
|
| +inst.__data__ = Object.create(null);
|
| +},
|
| +setupBindListeners: function (inst) {
|
| +var b$ = inst._bindListeners;
|
| +for (var i = 0, l = b$.length, info; i < l && (info = b$[i]); i++) {
|
| +var node = inst._nodes[info.index];
|
| +this._addNotifyListener(node, inst, info.event, info.changedFn);
|
| +}
|
| +},
|
| +_addNotifyListener: function (element, context, event, changedFn) {
|
| +element.addEventListener(event, function (e) {
|
| +return context._notifyListener(changedFn, e);
|
| +});
|
| +}
|
| +};
|
| +Polymer.Base.extend(Polymer.Bind, {
|
| +_shouldAddListener: function (effect) {
|
| +return effect.name && effect.kind != 'attribute' && effect.kind != 'text' && !effect.isCompound && effect.parts[0].mode === '{';
|
| +},
|
| +_annotationEffect: function (source, value, effect) {
|
| +if (source != effect.value) {
|
| +value = this._get(effect.value);
|
| +this.__data__[effect.value] = value;
|
| +}
|
| +var calc = effect.negate ? !value : value;
|
| +if (!effect.customEvent || this._nodes[effect.index][effect.name] !== calc) {
|
| +return this._applyEffectValue(effect, calc);
|
| +}
|
| +},
|
| +_reflectEffect: function (source, value, effect) {
|
| +this.reflectPropertyToAttribute(source, effect.attribute, value);
|
| +},
|
| +_notifyEffect: function (source, value, effect, old, fromAbove) {
|
| +if (!fromAbove) {
|
| +this._notifyChange(source, effect.event, value);
|
| +}
|
| +},
|
| +_functionEffect: function (source, value, fn, old, fromAbove) {
|
| +fn.call(this, source, value, old, fromAbove);
|
| +},
|
| +_observerEffect: function (source, value, effect, old) {
|
| +var fn = this[effect.method];
|
| +if (fn) {
|
| +fn.call(this, value, old);
|
| +} else {
|
| +this._warn(this._logf('_observerEffect', 'observer method `' + effect.method + '` not defined'));
|
| +}
|
| +},
|
| +_complexObserverEffect: function (source, value, effect) {
|
| +var fn = this[effect.method];
|
| +if (fn) {
|
| +var args = Polymer.Bind._marshalArgs(this.__data__, effect, source, value);
|
| +if (args) {
|
| +fn.apply(this, args);
|
| +}
|
| +} else if (effect.dynamicFn) {
|
| +} else {
|
| +this._warn(this._logf('_complexObserverEffect', 'observer method `' + effect.method + '` not defined'));
|
| +}
|
| +},
|
| +_computeEffect: function (source, value, effect) {
|
| +var fn = this[effect.method];
|
| +if (fn) {
|
| +var args = Polymer.Bind._marshalArgs(this.__data__, effect, source, value);
|
| +if (args) {
|
| +var computedvalue = fn.apply(this, args);
|
| +this.__setProperty(effect.name, computedvalue);
|
| +}
|
| +} else if (effect.dynamicFn) {
|
| +} else {
|
| +this._warn(this._logf('_computeEffect', 'compute method `' + effect.method + '` not defined'));
|
| +}
|
| +},
|
| +_annotatedComputationEffect: function (source, value, effect) {
|
| +var computedHost = this._rootDataHost || this;
|
| +var fn = computedHost[effect.method];
|
| +if (fn) {
|
| +var args = Polymer.Bind._marshalArgs(this.__data__, effect, source, value);
|
| +if (args) {
|
| +var computedvalue = fn.apply(computedHost, args);
|
| +if (effect.negate) {
|
| +computedvalue = !computedvalue;
|
| +}
|
| +this._applyEffectValue(effect, computedvalue);
|
| +}
|
| +} else if (effect.dynamicFn) {
|
| +} else {
|
| +computedHost._warn(computedHost._logf('_annotatedComputationEffect', 'compute method `' + effect.method + '` not defined'));
|
| +}
|
| +},
|
| +_marshalArgs: function (model, effect, path, value) {
|
| +var values = [];
|
| +var args = effect.args;
|
| +var bailoutEarly = args.length > 1 || effect.dynamicFn;
|
| +for (var i = 0, l = args.length; i < l; i++) {
|
| +var arg = args[i];
|
| +var name = arg.name;
|
| +var v;
|
| +if (arg.literal) {
|
| +v = arg.value;
|
| +} else if (arg.structured) {
|
| +v = Polymer.Base._get(name, model);
|
| +} else {
|
| +v = model[name];
|
| +}
|
| +if (bailoutEarly && v === undefined) {
|
| +return;
|
| +}
|
| +if (arg.wildcard) {
|
| +var baseChanged = name.indexOf(path + '.') === 0;
|
| +var matches = effect.trigger.name.indexOf(name) === 0 && !baseChanged;
|
| +values[i] = {
|
| +path: matches ? path : name,
|
| +value: matches ? value : v,
|
| +base: v
|
| +};
|
| +} else {
|
| +values[i] = v;
|
| +}
|
| +}
|
| +return values;
|
| +}
|
| +});
|
| +Polymer.Base._addFeature({
|
| +_addPropertyEffect: function (property, kind, effect) {
|
| +var prop = Polymer.Bind.addPropertyEffect(this, property, kind, effect);
|
| +prop.pathFn = this['_' + prop.kind + 'PathEffect'];
|
| +},
|
| +_prepEffects: function () {
|
| +Polymer.Bind.prepareModel(this);
|
| +this._addAnnotationEffects(this._notes);
|
| +},
|
| +_prepBindings: function () {
|
| +Polymer.Bind.createBindings(this);
|
| +},
|
| +_addPropertyEffects: function (properties) {
|
| +if (properties) {
|
| +for (var p in properties) {
|
| +var prop = properties[p];
|
| +if (prop.observer) {
|
| +this._addObserverEffect(p, prop.observer);
|
| +}
|
| +if (prop.computed) {
|
| +prop.readOnly = true;
|
| +this._addComputedEffect(p, prop.computed);
|
| +}
|
| +if (prop.notify) {
|
| +this._addPropertyEffect(p, 'notify', { event: Polymer.CaseMap.camelToDashCase(p) + '-changed' });
|
| +}
|
| +if (prop.reflectToAttribute) {
|
| +var attr = Polymer.CaseMap.camelToDashCase(p);
|
| +if (attr[0] === '-') {
|
| +this._warn(this._logf('_addPropertyEffects', 'Property ' + p + ' cannot be reflected to attribute ' + attr + ' because "-" is not a valid starting attribute name. Use a lowercase first letter for the property instead.'));
|
| +} else {
|
| +this._addPropertyEffect(p, 'reflect', { attribute: attr });
|
| +}
|
| +}
|
| +if (prop.readOnly) {
|
| +Polymer.Bind.ensurePropertyEffects(this, p);
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_addComputedEffect: function (name, expression) {
|
| +var sig = this._parseMethod(expression);
|
| +var dynamicFn = sig.dynamicFn;
|
| +for (var i = 0, arg; i < sig.args.length && (arg = sig.args[i]); i++) {
|
| +this._addPropertyEffect(arg.model, 'compute', {
|
| +method: sig.method,
|
| +args: sig.args,
|
| +trigger: arg,
|
| +name: name,
|
| +dynamicFn: dynamicFn
|
| +});
|
| +}
|
| +if (dynamicFn) {
|
| +this._addPropertyEffect(sig.method, 'compute', {
|
| +method: sig.method,
|
| +args: sig.args,
|
| +trigger: null,
|
| +name: name,
|
| +dynamicFn: dynamicFn
|
| +});
|
| +}
|
| +},
|
| +_addObserverEffect: function (property, observer) {
|
| +this._addPropertyEffect(property, 'observer', {
|
| +method: observer,
|
| +property: property
|
| +});
|
| +},
|
| +_addComplexObserverEffects: function (observers) {
|
| +if (observers) {
|
| +for (var i = 0, o; i < observers.length && (o = observers[i]); i++) {
|
| +this._addComplexObserverEffect(o);
|
| +}
|
| +}
|
| +},
|
| +_addComplexObserverEffect: function (observer) {
|
| +var sig = this._parseMethod(observer);
|
| +if (!sig) {
|
| +throw new Error('Malformed observer expression \'' + observer + '\'');
|
| +}
|
| +var dynamicFn = sig.dynamicFn;
|
| +for (var i = 0, arg; i < sig.args.length && (arg = sig.args[i]); i++) {
|
| +this._addPropertyEffect(arg.model, 'complexObserver', {
|
| +method: sig.method,
|
| +args: sig.args,
|
| +trigger: arg,
|
| +dynamicFn: dynamicFn
|
| +});
|
| +}
|
| +if (dynamicFn) {
|
| +this._addPropertyEffect(sig.method, 'complexObserver', {
|
| +method: sig.method,
|
| +args: sig.args,
|
| +trigger: null,
|
| +dynamicFn: dynamicFn
|
| +});
|
| +}
|
| +},
|
| +_addAnnotationEffects: function (notes) {
|
| +for (var i = 0, note; i < notes.length && (note = notes[i]); i++) {
|
| +var b$ = note.bindings;
|
| +for (var j = 0, binding; j < b$.length && (binding = b$[j]); j++) {
|
| +this._addAnnotationEffect(binding, i);
|
| +}
|
| +}
|
| +},
|
| +_addAnnotationEffect: function (note, index) {
|
| +if (Polymer.Bind._shouldAddListener(note)) {
|
| +Polymer.Bind._addAnnotatedListener(this, index, note.name, note.parts[0].value, note.parts[0].event, note.parts[0].negate);
|
| +}
|
| +for (var i = 0; i < note.parts.length; i++) {
|
| +var part = note.parts[i];
|
| +if (part.signature) {
|
| +this._addAnnotatedComputationEffect(note, part, index);
|
| +} else if (!part.literal) {
|
| +if (note.kind === 'attribute' && note.name[0] === '-') {
|
| +this._warn(this._logf('_addAnnotationEffect', 'Cannot set attribute ' + note.name + ' because "-" is not a valid attribute starting character'));
|
| +} else {
|
| +this._addPropertyEffect(part.model, 'annotation', {
|
| +kind: note.kind,
|
| +index: index,
|
| +name: note.name,
|
| +propertyName: note.propertyName,
|
| +value: part.value,
|
| +isCompound: note.isCompound,
|
| +compoundIndex: part.compoundIndex,
|
| +event: part.event,
|
| +customEvent: part.customEvent,
|
| +negate: part.negate
|
| +});
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_addAnnotatedComputationEffect: function (note, part, index) {
|
| +var sig = part.signature;
|
| +if (sig.static) {
|
| +this.__addAnnotatedComputationEffect('__static__', index, note, part, null);
|
| +} else {
|
| +for (var i = 0, arg; i < sig.args.length && (arg = sig.args[i]); i++) {
|
| +if (!arg.literal) {
|
| +this.__addAnnotatedComputationEffect(arg.model, index, note, part, arg);
|
| +}
|
| +}
|
| +if (sig.dynamicFn) {
|
| +this.__addAnnotatedComputationEffect(sig.method, index, note, part, null);
|
| +}
|
| +}
|
| +},
|
| +__addAnnotatedComputationEffect: function (property, index, note, part, trigger) {
|
| +this._addPropertyEffect(property, 'annotatedComputation', {
|
| +index: index,
|
| +isCompound: note.isCompound,
|
| +compoundIndex: part.compoundIndex,
|
| +kind: note.kind,
|
| +name: note.name,
|
| +negate: part.negate,
|
| +method: part.signature.method,
|
| +args: part.signature.args,
|
| +trigger: trigger,
|
| +dynamicFn: part.signature.dynamicFn
|
| +});
|
| +},
|
| +_parseMethod: function (expression) {
|
| +var m = expression.match(/([^\s]+?)\(([\s\S]*)\)/);
|
| +if (m) {
|
| +var sig = {
|
| +method: m[1],
|
| +static: true
|
| +};
|
| +if (this.getPropertyInfo(sig.method) !== Polymer.nob) {
|
| +sig.static = false;
|
| +sig.dynamicFn = true;
|
| +}
|
| +if (m[2].trim()) {
|
| +var args = m[2].replace(/\\,/g, ',').split(',');
|
| +return this._parseArgs(args, sig);
|
| +} else {
|
| +sig.args = Polymer.nar;
|
| +return sig;
|
| +}
|
| +}
|
| +},
|
| +_parseArgs: function (argList, sig) {
|
| +sig.args = argList.map(function (rawArg) {
|
| +var arg = this._parseArg(rawArg);
|
| +if (!arg.literal) {
|
| +sig.static = false;
|
| +}
|
| +return arg;
|
| +}, this);
|
| +return sig;
|
| +},
|
| +_parseArg: function (rawArg) {
|
| +var arg = rawArg.trim().replace(/,/g, ',').replace(/\\(.)/g, '$1');
|
| +var a = { name: arg };
|
| +var fc = arg[0];
|
| +if (fc === '-') {
|
| +fc = arg[1];
|
| +}
|
| +if (fc >= '0' && fc <= '9') {
|
| +fc = '#';
|
| +}
|
| +switch (fc) {
|
| +case '\'':
|
| +case '"':
|
| +a.value = arg.slice(1, -1);
|
| +a.literal = true;
|
| +break;
|
| +case '#':
|
| +a.value = Number(arg);
|
| +a.literal = true;
|
| +break;
|
| +}
|
| +if (!a.literal) {
|
| +a.model = this._modelForPath(arg);
|
| +a.structured = arg.indexOf('.') > 0;
|
| +if (a.structured) {
|
| +a.wildcard = arg.slice(-2) == '.*';
|
| +if (a.wildcard) {
|
| +a.name = arg.slice(0, -2);
|
| +}
|
| +}
|
| +}
|
| +return a;
|
| +},
|
| +_marshalInstanceEffects: function () {
|
| +Polymer.Bind.prepareInstance(this);
|
| +if (this._bindListeners) {
|
| +Polymer.Bind.setupBindListeners(this);
|
| +}
|
| +},
|
| +_applyEffectValue: function (info, value) {
|
| +var node = this._nodes[info.index];
|
| +var property = info.name;
|
| +if (info.isCompound) {
|
| +var storage = node.__compoundStorage__[property];
|
| +storage[info.compoundIndex] = value;
|
| +value = storage.join('');
|
| +}
|
| +if (info.kind == 'attribute') {
|
| +this.serializeValueToAttribute(value, property, node);
|
| +} else {
|
| +if (property === 'className') {
|
| +value = this._scopeElementClass(node, value);
|
| +}
|
| +if (property === 'textContent' || node.localName == 'input' && property == 'value') {
|
| +value = value == undefined ? '' : value;
|
| +}
|
| +var pinfo;
|
| +if (!node._propertyInfo || !(pinfo = node._propertyInfo[property]) || !pinfo.readOnly) {
|
| +this.__setProperty(property, value, false, node);
|
| +}
|
| +}
|
| +},
|
| +_executeStaticEffects: function () {
|
| +if (this._propertyEffects && this._propertyEffects.__static__) {
|
| +this._effectEffects('__static__', null, this._propertyEffects.__static__);
|
| +}
|
| +}
|
| +});
|
| +(function () {
|
| +var usePolyfillProto = Polymer.Settings.usePolyfillProto;
|
| +Polymer.Base._addFeature({
|
| +_setupConfigure: function (initialConfig) {
|
| +this._config = {};
|
| +this._handlers = [];
|
| +this._aboveConfig = null;
|
| +if (initialConfig) {
|
| +for (var i in initialConfig) {
|
| +if (initialConfig[i] !== undefined) {
|
| +this._config[i] = initialConfig[i];
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_marshalAttributes: function () {
|
| +this._takeAttributesToModel(this._config);
|
| +},
|
| +_attributeChangedImpl: function (name) {
|
| +var model = this._clientsReadied ? this : this._config;
|
| +this._setAttributeToProperty(model, name);
|
| +},
|
| +_configValue: function (name, value) {
|
| +var info = this._propertyInfo[name];
|
| +if (!info || !info.readOnly) {
|
| +this._config[name] = value;
|
| +}
|
| +},
|
| +_beforeClientsReady: function () {
|
| +this._configure();
|
| +},
|
| +_configure: function () {
|
| +this._configureAnnotationReferences();
|
| +this._aboveConfig = this.mixin({}, this._config);
|
| +var config = {};
|
| +for (var i = 0; i < this.behaviors.length; i++) {
|
| +this._configureProperties(this.behaviors[i].properties, config);
|
| +}
|
| +this._configureProperties(this.properties, config);
|
| +this.mixin(config, this._aboveConfig);
|
| +this._config = config;
|
| +if (this._clients && this._clients.length) {
|
| +this._distributeConfig(this._config);
|
| +}
|
| +},
|
| +_configureProperties: function (properties, config) {
|
| +for (var i in properties) {
|
| +var c = properties[i];
|
| +if (!usePolyfillProto && this.hasOwnProperty(i) && this._propertyEffects && this._propertyEffects[i]) {
|
| +config[i] = this[i];
|
| +delete this[i];
|
| +} else if (c.value !== undefined) {
|
| +var value = c.value;
|
| +if (typeof value == 'function') {
|
| +value = value.call(this, this._config);
|
| +}
|
| +config[i] = value;
|
| +}
|
| +}
|
| +},
|
| +_distributeConfig: function (config) {
|
| +var fx$ = this._propertyEffects;
|
| +if (fx$) {
|
| +for (var p in config) {
|
| +var fx = fx$[p];
|
| +if (fx) {
|
| +for (var i = 0, l = fx.length, x; i < l && (x = fx[i]); i++) {
|
| +if (x.kind === 'annotation' && !x.isCompound) {
|
| +var node = this._nodes[x.effect.index];
|
| +var name = x.effect.propertyName;
|
| +var isAttr = x.effect.kind == 'attribute';
|
| +var hasEffect = node._propertyEffects && node._propertyEffects[name];
|
| +if (node._configValue && (hasEffect || !isAttr)) {
|
| +var value = p === x.effect.value ? config[p] : this._get(x.effect.value, config);
|
| +if (isAttr) {
|
| +value = node.deserialize(this.serialize(value), node._propertyInfo[name].type);
|
| +}
|
| +node._configValue(name, value);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_afterClientsReady: function () {
|
| +this._executeStaticEffects();
|
| +this._applyConfig(this._config, this._aboveConfig);
|
| +this._flushHandlers();
|
| +},
|
| +_applyConfig: function (config, aboveConfig) {
|
| +for (var n in config) {
|
| +if (this[n] === undefined) {
|
| +this.__setProperty(n, config[n], n in aboveConfig);
|
| +}
|
| +}
|
| +},
|
| +_notifyListener: function (fn, e) {
|
| +if (!Polymer.Bind._isEventBogus(e, e.target)) {
|
| +var value, path;
|
| +if (e.detail) {
|
| +value = e.detail.value;
|
| +path = e.detail.path;
|
| +}
|
| +if (!this._clientsReadied) {
|
| +this._queueHandler([
|
| +fn,
|
| +e.target,
|
| +value,
|
| +path
|
| +]);
|
| +} else {
|
| +return fn.call(this, e.target, value, path);
|
| +}
|
| +}
|
| +},
|
| +_queueHandler: function (args) {
|
| +this._handlers.push(args);
|
| +},
|
| +_flushHandlers: function () {
|
| +var h$ = this._handlers;
|
| +for (var i = 0, l = h$.length, h; i < l && (h = h$[i]); i++) {
|
| +h[0].call(this, h[1], h[2], h[3]);
|
| +}
|
| +this._handlers = [];
|
| +}
|
| +});
|
| +}());
|
| +(function () {
|
| +'use strict';
|
| +Polymer.Base._addFeature({
|
| +notifyPath: function (path, value, fromAbove) {
|
| +var info = {};
|
| +this._get(path, this, info);
|
| +if (info.path) {
|
| +this._notifyPath(info.path, value, fromAbove);
|
| +}
|
| +},
|
| +_notifyPath: function (path, value, fromAbove) {
|
| +var old = this._propertySetter(path, value);
|
| +if (old !== value && (old === old || value === value)) {
|
| +this._pathEffector(path, value);
|
| +if (!fromAbove) {
|
| +this._notifyPathUp(path, value);
|
| +}
|
| +return true;
|
| +}
|
| +},
|
| +_getPathParts: function (path) {
|
| +if (Array.isArray(path)) {
|
| +var parts = [];
|
| +for (var i = 0; i < path.length; i++) {
|
| +var args = path[i].toString().split('.');
|
| +for (var j = 0; j < args.length; j++) {
|
| +parts.push(args[j]);
|
| +}
|
| +}
|
| +return parts;
|
| +} else {
|
| +return path.toString().split('.');
|
| +}
|
| +},
|
| +set: function (path, value, root) {
|
| +var prop = root || this;
|
| +var parts = this._getPathParts(path);
|
| +var array;
|
| +var last = parts[parts.length - 1];
|
| +if (parts.length > 1) {
|
| +for (var i = 0; i < parts.length - 1; i++) {
|
| +var part = parts[i];
|
| +if (array && part[0] == '#') {
|
| +prop = Polymer.Collection.get(array).getItem(part);
|
| +} else {
|
| +prop = prop[part];
|
| +if (array && parseInt(part, 10) == part) {
|
| +parts[i] = Polymer.Collection.get(array).getKey(prop);
|
| +}
|
| +}
|
| +if (!prop) {
|
| +return;
|
| +}
|
| +array = Array.isArray(prop) ? prop : null;
|
| +}
|
| +if (array) {
|
| +var coll = Polymer.Collection.get(array);
|
| +var old, key;
|
| +if (last[0] == '#') {
|
| +key = last;
|
| +old = coll.getItem(key);
|
| +last = array.indexOf(old);
|
| +coll.setItem(key, value);
|
| +} else if (parseInt(last, 10) == last) {
|
| +old = prop[last];
|
| +key = coll.getKey(old);
|
| +parts[i] = key;
|
| +coll.setItem(key, value);
|
| +}
|
| +}
|
| +prop[last] = value;
|
| +if (!root) {
|
| +this._notifyPath(parts.join('.'), value);
|
| +}
|
| +} else {
|
| +prop[path] = value;
|
| +}
|
| +},
|
| +get: function (path, root) {
|
| +return this._get(path, root);
|
| +},
|
| +_get: function (path, root, info) {
|
| +var prop = root || this;
|
| +var parts = this._getPathParts(path);
|
| +var array;
|
| +for (var i = 0; i < parts.length; i++) {
|
| +if (!prop) {
|
| +return;
|
| +}
|
| +var part = parts[i];
|
| +if (array && part[0] == '#') {
|
| +prop = Polymer.Collection.get(array).getItem(part);
|
| +} else {
|
| +prop = prop[part];
|
| +if (info && array && parseInt(part, 10) == part) {
|
| +parts[i] = Polymer.Collection.get(array).getKey(prop);
|
| +}
|
| +}
|
| +array = Array.isArray(prop) ? prop : null;
|
| +}
|
| +if (info) {
|
| +info.path = parts.join('.');
|
| +}
|
| +return prop;
|
| +},
|
| +_pathEffector: function (path, value) {
|
| +var model = this._modelForPath(path);
|
| +var fx$ = this._propertyEffects && this._propertyEffects[model];
|
| +if (fx$) {
|
| +for (var i = 0, fx; i < fx$.length && (fx = fx$[i]); i++) {
|
| +var fxFn = fx.pathFn;
|
| +if (fxFn) {
|
| +fxFn.call(this, path, value, fx.effect);
|
| +}
|
| +}
|
| +}
|
| +if (this._boundPaths) {
|
| +this._notifyBoundPaths(path, value);
|
| +}
|
| +},
|
| +_annotationPathEffect: function (path, value, effect) {
|
| +if (effect.value === path || effect.value.indexOf(path + '.') === 0) {
|
| +Polymer.Bind._annotationEffect.call(this, path, value, effect);
|
| +} else if (path.indexOf(effect.value + '.') === 0 && !effect.negate) {
|
| +var node = this._nodes[effect.index];
|
| +if (node && node._notifyPath) {
|
| +var p = this._fixPath(effect.name, effect.value, path);
|
| +node._notifyPath(p, value, true);
|
| +}
|
| +}
|
| +},
|
| +_complexObserverPathEffect: function (path, value, effect) {
|
| +if (this._pathMatchesEffect(path, effect)) {
|
| +Polymer.Bind._complexObserverEffect.call(this, path, value, effect);
|
| +}
|
| +},
|
| +_computePathEffect: function (path, value, effect) {
|
| +if (this._pathMatchesEffect(path, effect)) {
|
| +Polymer.Bind._computeEffect.call(this, path, value, effect);
|
| +}
|
| +},
|
| +_annotatedComputationPathEffect: function (path, value, effect) {
|
| +if (this._pathMatchesEffect(path, effect)) {
|
| +Polymer.Bind._annotatedComputationEffect.call(this, path, value, effect);
|
| +}
|
| +},
|
| +_pathMatchesEffect: function (path, effect) {
|
| +var effectArg = effect.trigger.name;
|
| +return effectArg == path || effectArg.indexOf(path + '.') === 0 || effect.trigger.wildcard && path.indexOf(effectArg) === 0;
|
| +},
|
| +linkPaths: function (to, from) {
|
| +this._boundPaths = this._boundPaths || {};
|
| +if (from) {
|
| +this._boundPaths[to] = from;
|
| +} else {
|
| +this.unlinkPaths(to);
|
| +}
|
| +},
|
| +unlinkPaths: function (path) {
|
| +if (this._boundPaths) {
|
| +delete this._boundPaths[path];
|
| +}
|
| +},
|
| +_notifyBoundPaths: function (path, value) {
|
| +for (var a in this._boundPaths) {
|
| +var b = this._boundPaths[a];
|
| +if (path.indexOf(a + '.') == 0) {
|
| +this._notifyPath(this._fixPath(b, a, path), value);
|
| +} else if (path.indexOf(b + '.') == 0) {
|
| +this._notifyPath(this._fixPath(a, b, path), value);
|
| +}
|
| +}
|
| +},
|
| +_fixPath: function (property, root, path) {
|
| +return property + path.slice(root.length);
|
| +},
|
| +_notifyPathUp: function (path, value) {
|
| +var rootName = this._modelForPath(path);
|
| +var dashCaseName = Polymer.CaseMap.camelToDashCase(rootName);
|
| +var eventName = dashCaseName + this._EVENT_CHANGED;
|
| +this.fire(eventName, {
|
| +path: path,
|
| +value: value
|
| +}, {
|
| +bubbles: false,
|
| +_useCache: true
|
| +});
|
| +},
|
| +_modelForPath: function (path) {
|
| +var dot = path.indexOf('.');
|
| +return dot < 0 ? path : path.slice(0, dot);
|
| +},
|
| +_EVENT_CHANGED: '-changed',
|
| +notifySplices: function (path, splices) {
|
| +var info = {};
|
| +var array = this._get(path, this, info);
|
| +this._notifySplices(array, info.path, splices);
|
| +},
|
| +_notifySplices: function (array, path, splices) {
|
| +var change = {
|
| +keySplices: Polymer.Collection.applySplices(array, splices),
|
| +indexSplices: splices
|
| +};
|
| +if (!array.hasOwnProperty('splices')) {
|
| +Object.defineProperty(array, 'splices', {
|
| +configurable: true,
|
| +writable: true
|
| +});
|
| +}
|
| +array.splices = change;
|
| +this._notifyPath(path + '.splices', change);
|
| +this._notifyPath(path + '.length', array.length);
|
| +change.keySplices = null;
|
| +change.indexSplices = null;
|
| +},
|
| +_notifySplice: function (array, path, index, added, removed) {
|
| +this._notifySplices(array, path, [{
|
| +index: index,
|
| +addedCount: added,
|
| +removed: removed,
|
| +object: array,
|
| +type: 'splice'
|
| +}]);
|
| +},
|
| +push: function (path) {
|
| +var info = {};
|
| +var array = this._get(path, this, info);
|
| +var args = Array.prototype.slice.call(arguments, 1);
|
| +var len = array.length;
|
| +var ret = array.push.apply(array, args);
|
| +if (args.length) {
|
| +this._notifySplice(array, info.path, len, args.length, []);
|
| +}
|
| +return ret;
|
| +},
|
| +pop: function (path) {
|
| +var info = {};
|
| +var array = this._get(path, this, info);
|
| +var hadLength = Boolean(array.length);
|
| +var args = Array.prototype.slice.call(arguments, 1);
|
| +var ret = array.pop.apply(array, args);
|
| +if (hadLength) {
|
| +this._notifySplice(array, info.path, array.length, 0, [ret]);
|
| +}
|
| +return ret;
|
| +},
|
| +splice: function (path, start) {
|
| +var info = {};
|
| +var array = this._get(path, this, info);
|
| +if (start < 0) {
|
| +start = array.length - Math.floor(-start);
|
| +} else {
|
| +start = Math.floor(start);
|
| +}
|
| +if (!start) {
|
| +start = 0;
|
| +}
|
| +var args = Array.prototype.slice.call(arguments, 1);
|
| +var ret = array.splice.apply(array, args);
|
| +var addedCount = Math.max(args.length - 2, 0);
|
| +if (addedCount || ret.length) {
|
| +this._notifySplice(array, info.path, start, addedCount, ret);
|
| +}
|
| +return ret;
|
| +},
|
| +shift: function (path) {
|
| +var info = {};
|
| +var array = this._get(path, this, info);
|
| +var hadLength = Boolean(array.length);
|
| +var args = Array.prototype.slice.call(arguments, 1);
|
| +var ret = array.shift.apply(array, args);
|
| +if (hadLength) {
|
| +this._notifySplice(array, info.path, 0, 0, [ret]);
|
| +}
|
| +return ret;
|
| +},
|
| +unshift: function (path) {
|
| +var info = {};
|
| +var array = this._get(path, this, info);
|
| +var args = Array.prototype.slice.call(arguments, 1);
|
| +var ret = array.unshift.apply(array, args);
|
| +if (args.length) {
|
| +this._notifySplice(array, info.path, 0, args.length, []);
|
| +}
|
| +return ret;
|
| +},
|
| +prepareModelNotifyPath: function (model) {
|
| +this.mixin(model, {
|
| +fire: Polymer.Base.fire,
|
| +_getEvent: Polymer.Base._getEvent,
|
| +__eventCache: Polymer.Base.__eventCache,
|
| +notifyPath: Polymer.Base.notifyPath,
|
| +_get: Polymer.Base._get,
|
| +_EVENT_CHANGED: Polymer.Base._EVENT_CHANGED,
|
| +_notifyPath: Polymer.Base._notifyPath,
|
| +_notifyPathUp: Polymer.Base._notifyPathUp,
|
| +_pathEffector: Polymer.Base._pathEffector,
|
| +_annotationPathEffect: Polymer.Base._annotationPathEffect,
|
| +_complexObserverPathEffect: Polymer.Base._complexObserverPathEffect,
|
| +_annotatedComputationPathEffect: Polymer.Base._annotatedComputationPathEffect,
|
| +_computePathEffect: Polymer.Base._computePathEffect,
|
| +_modelForPath: Polymer.Base._modelForPath,
|
| +_pathMatchesEffect: Polymer.Base._pathMatchesEffect,
|
| +_notifyBoundPaths: Polymer.Base._notifyBoundPaths,
|
| +_getPathParts: Polymer.Base._getPathParts
|
| +});
|
| +}
|
| +});
|
| +}());
|
| +Polymer.Base._addFeature({
|
| +resolveUrl: function (url) {
|
| +var module = Polymer.DomModule.import(this.is);
|
| +var root = '';
|
| +if (module) {
|
| +var assetPath = module.getAttribute('assetpath') || '';
|
| +root = Polymer.ResolveUrl.resolveUrl(assetPath, module.ownerDocument.baseURI);
|
| +}
|
| +return Polymer.ResolveUrl.resolveUrl(url, root);
|
| +}
|
| +});
|
| +Polymer.CssParse = function () {
|
| +return {
|
| +parse: function (text) {
|
| +text = this._clean(text);
|
| +return this._parseCss(this._lex(text), text);
|
| +},
|
| +_clean: function (cssText) {
|
| +return cssText.replace(this._rx.comments, '').replace(this._rx.port, '');
|
| +},
|
| +_lex: function (text) {
|
| +var root = {
|
| +start: 0,
|
| +end: text.length
|
| +};
|
| +var n = root;
|
| +for (var i = 0, l = text.length; i < l; i++) {
|
| +switch (text[i]) {
|
| +case this.OPEN_BRACE:
|
| +if (!n.rules) {
|
| +n.rules = [];
|
| +}
|
| +var p = n;
|
| +var previous = p.rules[p.rules.length - 1];
|
| +n = {
|
| +start: i + 1,
|
| +parent: p,
|
| +previous: previous
|
| +};
|
| +p.rules.push(n);
|
| +break;
|
| +case this.CLOSE_BRACE:
|
| +n.end = i + 1;
|
| +n = n.parent || root;
|
| +break;
|
| +}
|
| +}
|
| +return root;
|
| +},
|
| +_parseCss: function (node, text) {
|
| +var t = text.substring(node.start, node.end - 1);
|
| +node.parsedCssText = node.cssText = t.trim();
|
| +if (node.parent) {
|
| +var ss = node.previous ? node.previous.end : node.parent.start;
|
| +t = text.substring(ss, node.start - 1);
|
| +t = this._expandUnicodeEscapes(t);
|
| +t = t.replace(this._rx.multipleSpaces, ' ');
|
| +t = t.substring(t.lastIndexOf(';') + 1);
|
| +var s = node.parsedSelector = node.selector = t.trim();
|
| +node.atRule = s.indexOf(this.AT_START) === 0;
|
| +if (node.atRule) {
|
| +if (s.indexOf(this.MEDIA_START) === 0) {
|
| +node.type = this.types.MEDIA_RULE;
|
| +} else if (s.match(this._rx.keyframesRule)) {
|
| +node.type = this.types.KEYFRAMES_RULE;
|
| +node.keyframesName = node.selector.split(this._rx.multipleSpaces).pop();
|
| +}
|
| +} else {
|
| +if (s.indexOf(this.VAR_START) === 0) {
|
| +node.type = this.types.MIXIN_RULE;
|
| +} else {
|
| +node.type = this.types.STYLE_RULE;
|
| +}
|
| +}
|
| +}
|
| +var r$ = node.rules;
|
| +if (r$) {
|
| +for (var i = 0, l = r$.length, r; i < l && (r = r$[i]); i++) {
|
| +this._parseCss(r, text);
|
| +}
|
| +}
|
| +return node;
|
| +},
|
| +_expandUnicodeEscapes: function (s) {
|
| +return s.replace(/\\([0-9a-f]{1,6})\s/gi, function () {
|
| +var code = arguments[1], repeat = 6 - code.length;
|
| +while (repeat--) {
|
| +code = '0' + code;
|
| +}
|
| +return '\\' + code;
|
| +});
|
| +},
|
| +stringify: function (node, preserveProperties, text) {
|
| +text = text || '';
|
| +var cssText = '';
|
| +if (node.cssText || node.rules) {
|
| +var r$ = node.rules;
|
| +if (r$ && (preserveProperties || !this._hasMixinRules(r$))) {
|
| +for (var i = 0, l = r$.length, r; i < l && (r = r$[i]); i++) {
|
| +cssText = this.stringify(r, preserveProperties, cssText);
|
| +}
|
| +} else {
|
| +cssText = preserveProperties ? node.cssText : this.removeCustomProps(node.cssText);
|
| +cssText = cssText.trim();
|
| +if (cssText) {
|
| +cssText = ' ' + cssText + '\n';
|
| +}
|
| +}
|
| +}
|
| +if (cssText) {
|
| +if (node.selector) {
|
| +text += node.selector + ' ' + this.OPEN_BRACE + '\n';
|
| +}
|
| +text += cssText;
|
| +if (node.selector) {
|
| +text += this.CLOSE_BRACE + '\n\n';
|
| +}
|
| +}
|
| +return text;
|
| +},
|
| +_hasMixinRules: function (rules) {
|
| +return rules[0].selector.indexOf(this.VAR_START) === 0;
|
| +},
|
| +removeCustomProps: function (cssText) {
|
| +cssText = this.removeCustomPropAssignment(cssText);
|
| +return this.removeCustomPropApply(cssText);
|
| +},
|
| +removeCustomPropAssignment: function (cssText) {
|
| +return cssText.replace(this._rx.customProp, '').replace(this._rx.mixinProp, '');
|
| +},
|
| +removeCustomPropApply: function (cssText) {
|
| +return cssText.replace(this._rx.mixinApply, '').replace(this._rx.varApply, '');
|
| +},
|
| +types: {
|
| +STYLE_RULE: 1,
|
| +KEYFRAMES_RULE: 7,
|
| +MEDIA_RULE: 4,
|
| +MIXIN_RULE: 1000
|
| +},
|
| +OPEN_BRACE: '{',
|
| +CLOSE_BRACE: '}',
|
| +_rx: {
|
| +comments: /\/\*[^*]*\*+([^\/*][^*]*\*+)*\//gim,
|
| +port: /@import[^;]*;/gim,
|
| +customProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?(?:[;\n]|$)/gim,
|
| +mixinProp: /(?:^[^;\-\s}]+)?--[^;{}]*?:[^{};]*?{[^}]*?}(?:[;\n]|$)?/gim,
|
| +mixinApply: /@apply[\s]*\([^)]*?\)[\s]*(?:[;\n]|$)?/gim,
|
| +varApply: /[^;:]*?:[^;]*?var\([^;]*\)(?:[;\n]|$)?/gim,
|
| +keyframesRule: /^@[^\s]*keyframes/,
|
| +multipleSpaces: /\s+/g
|
| +},
|
| +VAR_START: '--',
|
| +MEDIA_START: '@media',
|
| +AT_START: '@'
|
| +};
|
| +}();
|
| +Polymer.StyleUtil = function () {
|
| +return {
|
| +MODULE_STYLES_SELECTOR: 'style, link[rel=import][type~=css], template',
|
| +INCLUDE_ATTR: 'include',
|
| +toCssText: function (rules, callback, preserveProperties) {
|
| +if (typeof rules === 'string') {
|
| +rules = this.parser.parse(rules);
|
| +}
|
| +if (callback) {
|
| +this.forEachRule(rules, callback);
|
| +}
|
| +return this.parser.stringify(rules, preserveProperties);
|
| +},
|
| +forRulesInStyles: function (styles, styleRuleCallback, keyframesRuleCallback) {
|
| +if (styles) {
|
| +for (var i = 0, l = styles.length, s; i < l && (s = styles[i]); i++) {
|
| +this.forEachRule(this.rulesForStyle(s), styleRuleCallback, keyframesRuleCallback);
|
| +}
|
| +}
|
| +},
|
| +rulesForStyle: function (style) {
|
| +if (!style.__cssRules && style.textContent) {
|
| +style.__cssRules = this.parser.parse(style.textContent);
|
| +}
|
| +return style.__cssRules;
|
| +},
|
| +isKeyframesSelector: function (rule) {
|
| +return rule.parent && rule.parent.type === this.ruleTypes.KEYFRAMES_RULE;
|
| +},
|
| +forEachRule: function (node, styleRuleCallback, keyframesRuleCallback) {
|
| +if (!node) {
|
| +return;
|
| +}
|
| +var skipRules = false;
|
| +if (node.type === this.ruleTypes.STYLE_RULE) {
|
| +styleRuleCallback(node);
|
| +} else if (keyframesRuleCallback && node.type === this.ruleTypes.KEYFRAMES_RULE) {
|
| +keyframesRuleCallback(node);
|
| +} else if (node.type === this.ruleTypes.MIXIN_RULE) {
|
| +skipRules = true;
|
| +}
|
| +var r$ = node.rules;
|
| +if (r$ && !skipRules) {
|
| +for (var i = 0, l = r$.length, r; i < l && (r = r$[i]); i++) {
|
| +this.forEachRule(r, styleRuleCallback, keyframesRuleCallback);
|
| +}
|
| +}
|
| +},
|
| +applyCss: function (cssText, moniker, target, contextNode) {
|
| +var style = this.createScopeStyle(cssText, moniker);
|
| +target = target || document.head;
|
| +var after = contextNode && contextNode.nextSibling || target.firstChild;
|
| +this.__lastHeadApplyNode = style;
|
| +return target.insertBefore(style, after);
|
| +},
|
| +createScopeStyle: function (cssText, moniker) {
|
| +var style = document.createElement('style');
|
| +if (moniker) {
|
| +style.setAttribute('scope', moniker);
|
| +}
|
| +style.textContent = cssText;
|
| +return style;
|
| +},
|
| +__lastHeadApplyNode: null,
|
| +applyStylePlaceHolder: function (moniker) {
|
| +var placeHolder = document.createComment(' Shady DOM styles for ' + moniker + ' ');
|
| +var after = this.__lastHeadApplyNode ? this.__lastHeadApplyNode.nextSibling : null;
|
| +var scope = document.head;
|
| +scope.insertBefore(placeHolder, after || scope.firstChild);
|
| +this.__lastHeadApplyNode = placeHolder;
|
| +return placeHolder;
|
| +},
|
| +cssFromModules: function (moduleIds, warnIfNotFound) {
|
| +var modules = moduleIds.trim().split(' ');
|
| +var cssText = '';
|
| +for (var i = 0; i < modules.length; i++) {
|
| +cssText += this.cssFromModule(modules[i], warnIfNotFound);
|
| +}
|
| +return cssText;
|
| +},
|
| +cssFromModule: function (moduleId, warnIfNotFound) {
|
| +var m = Polymer.DomModule.import(moduleId);
|
| +if (m && !m._cssText) {
|
| +m._cssText = this.cssFromElement(m);
|
| +}
|
| +if (!m && warnIfNotFound) {
|
| +console.warn('Could not find style data in module named', moduleId);
|
| +}
|
| +return m && m._cssText || '';
|
| +},
|
| +cssFromElement: function (element) {
|
| +var cssText = '';
|
| +var content = element.content || element;
|
| +var e$ = Polymer.TreeApi.arrayCopy(content.querySelectorAll(this.MODULE_STYLES_SELECTOR));
|
| +for (var i = 0, e; i < e$.length; i++) {
|
| +e = e$[i];
|
| +if (e.localName === 'template') {
|
| +cssText += this.cssFromElement(e);
|
| +} else {
|
| +if (e.localName === 'style') {
|
| +var include = e.getAttribute(this.INCLUDE_ATTR);
|
| +if (include) {
|
| +cssText += this.cssFromModules(include, true);
|
| +}
|
| +e = e.__appliedElement || e;
|
| +e.parentNode.removeChild(e);
|
| +cssText += this.resolveCss(e.textContent, element.ownerDocument);
|
| +} else if (e.import && e.import.body) {
|
| +cssText += this.resolveCss(e.import.body.textContent, e.import);
|
| +}
|
| +}
|
| +}
|
| +return cssText;
|
| +},
|
| +resolveCss: Polymer.ResolveUrl.resolveCss,
|
| +parser: Polymer.CssParse,
|
| +ruleTypes: Polymer.CssParse.types
|
| +};
|
| +}();
|
| +Polymer.StyleTransformer = function () {
|
| +var nativeShadow = Polymer.Settings.useNativeShadow;
|
| +var styleUtil = Polymer.StyleUtil;
|
| +var api = {
|
| +dom: function (node, scope, useAttr, shouldRemoveScope) {
|
| +this._transformDom(node, scope || '', useAttr, shouldRemoveScope);
|
| +},
|
| +_transformDom: function (node, selector, useAttr, shouldRemoveScope) {
|
| +if (node.setAttribute) {
|
| +this.element(node, selector, useAttr, shouldRemoveScope);
|
| +}
|
| +var c$ = Polymer.dom(node).childNodes;
|
| +for (var i = 0; i < c$.length; i++) {
|
| +this._transformDom(c$[i], selector, useAttr, shouldRemoveScope);
|
| +}
|
| +},
|
| +element: function (element, scope, useAttr, shouldRemoveScope) {
|
| +if (useAttr) {
|
| +if (shouldRemoveScope) {
|
| +element.removeAttribute(SCOPE_NAME);
|
| +} else {
|
| +element.setAttribute(SCOPE_NAME, scope);
|
| +}
|
| +} else {
|
| +if (scope) {
|
| +if (element.classList) {
|
| +if (shouldRemoveScope) {
|
| +element.classList.remove(SCOPE_NAME);
|
| +element.classList.remove(scope);
|
| +} else {
|
| +element.classList.add(SCOPE_NAME);
|
| +element.classList.add(scope);
|
| +}
|
| +} else if (element.getAttribute) {
|
| +var c = element.getAttribute(CLASS);
|
| +if (shouldRemoveScope) {
|
| +if (c) {
|
| +element.setAttribute(CLASS, c.replace(SCOPE_NAME, '').replace(scope, ''));
|
| +}
|
| +} else {
|
| +element.setAttribute(CLASS, (c ? c + ' ' : '') + SCOPE_NAME + ' ' + scope);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +},
|
| +elementStyles: function (element, callback) {
|
| +var styles = element._styles;
|
| +var cssText = '';
|
| +for (var i = 0, l = styles.length, s; i < l && (s = styles[i]); i++) {
|
| +var rules = styleUtil.rulesForStyle(s);
|
| +cssText += nativeShadow ? styleUtil.toCssText(rules, callback) : this.css(rules, element.is, element.extends, callback, element._scopeCssViaAttr) + '\n\n';
|
| +}
|
| +return cssText.trim();
|
| +},
|
| +css: function (rules, scope, ext, callback, useAttr) {
|
| +var hostScope = this._calcHostScope(scope, ext);
|
| +scope = this._calcElementScope(scope, useAttr);
|
| +var self = this;
|
| +return styleUtil.toCssText(rules, function (rule) {
|
| +if (!rule.isScoped) {
|
| +self.rule(rule, scope, hostScope);
|
| +rule.isScoped = true;
|
| +}
|
| +if (callback) {
|
| +callback(rule, scope, hostScope);
|
| +}
|
| +});
|
| +},
|
| +_calcElementScope: function (scope, useAttr) {
|
| +if (scope) {
|
| +return useAttr ? CSS_ATTR_PREFIX + scope + CSS_ATTR_SUFFIX : CSS_CLASS_PREFIX + scope;
|
| +} else {
|
| +return '';
|
| +}
|
| +},
|
| +_calcHostScope: function (scope, ext) {
|
| +return ext ? '[is=' + scope + ']' : scope;
|
| +},
|
| +rule: function (rule, scope, hostScope) {
|
| +this._transformRule(rule, this._transformComplexSelector, scope, hostScope);
|
| +},
|
| +_transformRule: function (rule, transformer, scope, hostScope) {
|
| +var p$ = rule.selector.split(COMPLEX_SELECTOR_SEP);
|
| +if (!styleUtil.isKeyframesSelector(rule)) {
|
| +for (var i = 0, l = p$.length, p; i < l && (p = p$[i]); i++) {
|
| +p$[i] = transformer.call(this, p, scope, hostScope);
|
| +}
|
| +}
|
| +rule.selector = rule.transformedSelector = p$.join(COMPLEX_SELECTOR_SEP);
|
| +},
|
| +_transformComplexSelector: function (selector, scope, hostScope) {
|
| +var stop = false;
|
| +var hostContext = false;
|
| +var self = this;
|
| +selector = selector.replace(CONTENT_START, HOST + ' $1');
|
| +selector = selector.replace(SIMPLE_SELECTOR_SEP, function (m, c, s) {
|
| +if (!stop) {
|
| +var info = self._transformCompoundSelector(s, c, scope, hostScope);
|
| +stop = stop || info.stop;
|
| +hostContext = hostContext || info.hostContext;
|
| +c = info.combinator;
|
| +s = info.value;
|
| +} else {
|
| +s = s.replace(SCOPE_JUMP, ' ');
|
| +}
|
| +return c + s;
|
| +});
|
| +if (hostContext) {
|
| +selector = selector.replace(HOST_CONTEXT_PAREN, function (m, pre, paren, post) {
|
| +return pre + paren + ' ' + hostScope + post + COMPLEX_SELECTOR_SEP + ' ' + pre + hostScope + paren + post;
|
| +});
|
| +}
|
| +return selector;
|
| +},
|
| +_transformCompoundSelector: function (selector, combinator, scope, hostScope) {
|
| +var jumpIndex = selector.search(SCOPE_JUMP);
|
| +var hostContext = false;
|
| +if (selector.indexOf(HOST_CONTEXT) >= 0) {
|
| +hostContext = true;
|
| +} else if (selector.indexOf(HOST) >= 0) {
|
| +selector = selector.replace(HOST_PAREN, function (m, host, paren) {
|
| +return hostScope + paren;
|
| +});
|
| +selector = selector.replace(HOST, hostScope);
|
| +} else if (jumpIndex !== 0) {
|
| +selector = scope ? this._transformSimpleSelector(selector, scope) : selector;
|
| +}
|
| +if (selector.indexOf(CONTENT) >= 0) {
|
| +combinator = '';
|
| +}
|
| +var stop;
|
| +if (jumpIndex >= 0) {
|
| +selector = selector.replace(SCOPE_JUMP, ' ');
|
| +stop = true;
|
| +}
|
| +return {
|
| +value: selector,
|
| +combinator: combinator,
|
| +stop: stop,
|
| +hostContext: hostContext
|
| +};
|
| +},
|
| +_transformSimpleSelector: function (selector, scope) {
|
| +var p$ = selector.split(PSEUDO_PREFIX);
|
| +p$[0] += scope;
|
| +return p$.join(PSEUDO_PREFIX);
|
| +},
|
| +documentRule: function (rule) {
|
| +rule.selector = rule.parsedSelector;
|
| +this.normalizeRootSelector(rule);
|
| +if (!nativeShadow) {
|
| +this._transformRule(rule, this._transformDocumentSelector);
|
| +}
|
| +},
|
| +normalizeRootSelector: function (rule) {
|
| +if (rule.selector === ROOT) {
|
| +rule.selector = 'body';
|
| +}
|
| +},
|
| +_transformDocumentSelector: function (selector) {
|
| +return selector.match(SCOPE_JUMP) ? this._transformComplexSelector(selector, SCOPE_DOC_SELECTOR) : this._transformSimpleSelector(selector.trim(), SCOPE_DOC_SELECTOR);
|
| +},
|
| +SCOPE_NAME: 'style-scope'
|
| +};
|
| +var SCOPE_NAME = api.SCOPE_NAME;
|
| +var SCOPE_DOC_SELECTOR = ':not([' + SCOPE_NAME + '])' + ':not(.' + SCOPE_NAME + ')';
|
| +var COMPLEX_SELECTOR_SEP = ',';
|
| +var SIMPLE_SELECTOR_SEP = /(^|[\s>+~]+)((?:\[.+?\]|[^\s>+~=\[])+)/g;
|
| +var HOST = ':host';
|
| +var ROOT = ':root';
|
| +var HOST_PAREN = /(:host)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))/g;
|
| +var HOST_CONTEXT = ':host-context';
|
| +var HOST_CONTEXT_PAREN = /(.*)(?::host-context)(?:\(((?:\([^)(]*\)|[^)(]*)+?)\))(.*)/;
|
| +var CONTENT = '::content';
|
| +var SCOPE_JUMP = /::content|::shadow|\/deep\//;
|
| +var CSS_CLASS_PREFIX = '.';
|
| +var CSS_ATTR_PREFIX = '[' + SCOPE_NAME + '~=';
|
| +var CSS_ATTR_SUFFIX = ']';
|
| +var PSEUDO_PREFIX = ':';
|
| +var CLASS = 'class';
|
| +var CONTENT_START = new RegExp('^(' + CONTENT + ')');
|
| +return api;
|
| +}();
|
| +Polymer.StyleExtends = function () {
|
| +var styleUtil = Polymer.StyleUtil;
|
| +return {
|
| +hasExtends: function (cssText) {
|
| +return Boolean(cssText.match(this.rx.EXTEND));
|
| +},
|
| +transform: function (style) {
|
| +var rules = styleUtil.rulesForStyle(style);
|
| +var self = this;
|
| +styleUtil.forEachRule(rules, function (rule) {
|
| +self._mapRuleOntoParent(rule);
|
| +if (rule.parent) {
|
| +var m;
|
| +while (m = self.rx.EXTEND.exec(rule.cssText)) {
|
| +var extend = m[1];
|
| +var extendor = self._findExtendor(extend, rule);
|
| +if (extendor) {
|
| +self._extendRule(rule, extendor);
|
| +}
|
| +}
|
| +}
|
| +rule.cssText = rule.cssText.replace(self.rx.EXTEND, '');
|
| +});
|
| +return styleUtil.toCssText(rules, function (rule) {
|
| +if (rule.selector.match(self.rx.STRIP)) {
|
| +rule.cssText = '';
|
| +}
|
| +}, true);
|
| +},
|
| +_mapRuleOntoParent: function (rule) {
|
| +if (rule.parent) {
|
| +var map = rule.parent.map || (rule.parent.map = {});
|
| +var parts = rule.selector.split(',');
|
| +for (var i = 0, p; i < parts.length; i++) {
|
| +p = parts[i];
|
| +map[p.trim()] = rule;
|
| +}
|
| +return map;
|
| +}
|
| +},
|
| +_findExtendor: function (extend, rule) {
|
| +return rule.parent && rule.parent.map && rule.parent.map[extend] || this._findExtendor(extend, rule.parent);
|
| +},
|
| +_extendRule: function (target, source) {
|
| +if (target.parent !== source.parent) {
|
| +this._cloneAndAddRuleToParent(source, target.parent);
|
| +}
|
| +target.extends = target.extends || [];
|
| +target.extends.push(source);
|
| +source.selector = source.selector.replace(this.rx.STRIP, '');
|
| +source.selector = (source.selector && source.selector + ',\n') + target.selector;
|
| +if (source.extends) {
|
| +source.extends.forEach(function (e) {
|
| +this._extendRule(target, e);
|
| +}, this);
|
| +}
|
| +},
|
| +_cloneAndAddRuleToParent: function (rule, parent) {
|
| +rule = Object.create(rule);
|
| +rule.parent = parent;
|
| +if (rule.extends) {
|
| +rule.extends = rule.extends.slice();
|
| +}
|
| +parent.rules.push(rule);
|
| +},
|
| +rx: {
|
| +EXTEND: /@extends\(([^)]*)\)\s*?;/gim,
|
| +STRIP: /%[^,]*$/
|
| +}
|
| +};
|
| +}();
|
| +(function () {
|
| +var prepElement = Polymer.Base._prepElement;
|
| +var nativeShadow = Polymer.Settings.useNativeShadow;
|
| +var styleUtil = Polymer.StyleUtil;
|
| +var styleTransformer = Polymer.StyleTransformer;
|
| +var styleExtends = Polymer.StyleExtends;
|
| +Polymer.Base._addFeature({
|
| +_prepElement: function (element) {
|
| +if (this._encapsulateStyle) {
|
| +styleTransformer.element(element, this.is, this._scopeCssViaAttr);
|
| +}
|
| +prepElement.call(this, element);
|
| +},
|
| +_prepStyles: function () {
|
| +if (!nativeShadow) {
|
| +this._scopeStyle = styleUtil.applyStylePlaceHolder(this.is);
|
| +}
|
| +},
|
| +_prepShimStyles: function () {
|
| +if (this._template) {
|
| +if (this._encapsulateStyle === undefined) {
|
| +this._encapsulateStyle = !nativeShadow;
|
| +}
|
| +this._styles = this._collectStyles();
|
| +var cssText = styleTransformer.elementStyles(this);
|
| +this._prepStyleProperties();
|
| +if (!this._needsStyleProperties() && this._styles.length) {
|
| +styleUtil.applyCss(cssText, this.is, nativeShadow ? this._template.content : null, this._scopeStyle);
|
| +}
|
| +} else {
|
| +this._styles = [];
|
| +}
|
| +},
|
| +_collectStyles: function () {
|
| +var styles = [];
|
| +var cssText = '', m$ = this.styleModules;
|
| +if (m$) {
|
| +for (var i = 0, l = m$.length, m; i < l && (m = m$[i]); i++) {
|
| +cssText += styleUtil.cssFromModule(m);
|
| +}
|
| +}
|
| +cssText += styleUtil.cssFromModule(this.is);
|
| +var p = this._template && this._template.parentNode;
|
| +if (this._template && (!p || p.id.toLowerCase() !== this.is)) {
|
| +cssText += styleUtil.cssFromElement(this._template);
|
| +}
|
| +if (cssText) {
|
| +var style = document.createElement('style');
|
| +style.textContent = cssText;
|
| +if (styleExtends.hasExtends(style.textContent)) {
|
| +cssText = styleExtends.transform(style);
|
| +}
|
| +styles.push(style);
|
| +}
|
| +return styles;
|
| +},
|
| +_elementAdd: function (node) {
|
| +if (this._encapsulateStyle) {
|
| +if (node.__styleScoped) {
|
| +node.__styleScoped = false;
|
| +} else {
|
| +styleTransformer.dom(node, this.is, this._scopeCssViaAttr);
|
| +}
|
| +}
|
| +},
|
| +_elementRemove: function (node) {
|
| +if (this._encapsulateStyle) {
|
| +styleTransformer.dom(node, this.is, this._scopeCssViaAttr, true);
|
| +}
|
| +},
|
| +scopeSubtree: function (container, shouldObserve) {
|
| +if (nativeShadow) {
|
| +return;
|
| +}
|
| +var self = this;
|
| +var scopify = function (node) {
|
| +if (node.nodeType === Node.ELEMENT_NODE) {
|
| +var className = node.getAttribute('class');
|
| +node.setAttribute('class', self._scopeElementClass(node, className));
|
| +var n$ = node.querySelectorAll('*');
|
| +for (var i = 0, n; i < n$.length && (n = n$[i]); i++) {
|
| +className = n.getAttribute('class');
|
| +n.setAttribute('class', self._scopeElementClass(n, className));
|
| +}
|
| +}
|
| +};
|
| +scopify(container);
|
| +if (shouldObserve) {
|
| +var mo = new MutationObserver(function (mxns) {
|
| +for (var i = 0, m; i < mxns.length && (m = mxns[i]); i++) {
|
| +if (m.addedNodes) {
|
| +for (var j = 0; j < m.addedNodes.length; j++) {
|
| +scopify(m.addedNodes[j]);
|
| +}
|
| +}
|
| +}
|
| +});
|
| +mo.observe(container, {
|
| +childList: true,
|
| +subtree: true
|
| +});
|
| +return mo;
|
| +}
|
| +}
|
| +});
|
| +}());
|
| +Polymer.StyleProperties = function () {
|
| +'use strict';
|
| +var nativeShadow = Polymer.Settings.useNativeShadow;
|
| +var matchesSelector = Polymer.DomApi.matchesSelector;
|
| +var styleUtil = Polymer.StyleUtil;
|
| +var styleTransformer = Polymer.StyleTransformer;
|
| +return {
|
| +decorateStyles: function (styles) {
|
| +var self = this, props = {}, keyframes = [];
|
| +styleUtil.forRulesInStyles(styles, function (rule) {
|
| +self.decorateRule(rule);
|
| +self.collectPropertiesInCssText(rule.propertyInfo.cssText, props);
|
| +}, function onKeyframesRule(rule) {
|
| +keyframes.push(rule);
|
| +});
|
| +styles._keyframes = keyframes;
|
| +var names = [];
|
| +for (var i in props) {
|
| +names.push(i);
|
| +}
|
| +return names;
|
| +},
|
| +decorateRule: function (rule) {
|
| +if (rule.propertyInfo) {
|
| +return rule.propertyInfo;
|
| +}
|
| +var info = {}, properties = {};
|
| +var hasProperties = this.collectProperties(rule, properties);
|
| +if (hasProperties) {
|
| +info.properties = properties;
|
| +rule.rules = null;
|
| +}
|
| +info.cssText = this.collectCssText(rule);
|
| +rule.propertyInfo = info;
|
| +return info;
|
| +},
|
| +collectProperties: function (rule, properties) {
|
| +var info = rule.propertyInfo;
|
| +if (info) {
|
| +if (info.properties) {
|
| +Polymer.Base.mixin(properties, info.properties);
|
| +return true;
|
| +}
|
| +} else {
|
| +var m, rx = this.rx.VAR_ASSIGN;
|
| +var cssText = rule.parsedCssText;
|
| +var any;
|
| +while (m = rx.exec(cssText)) {
|
| +properties[m[1]] = (m[2] || m[3]).trim();
|
| +any = true;
|
| +}
|
| +return any;
|
| +}
|
| +},
|
| +collectCssText: function (rule) {
|
| +return this.collectConsumingCssText(rule.parsedCssText);
|
| +},
|
| +collectConsumingCssText: function (cssText) {
|
| +return cssText.replace(this.rx.BRACKETED, '').replace(this.rx.VAR_ASSIGN, '');
|
| +},
|
| +collectPropertiesInCssText: function (cssText, props) {
|
| +var m;
|
| +while (m = this.rx.VAR_CAPTURE.exec(cssText)) {
|
| +props[m[1]] = true;
|
| +var def = m[2];
|
| +if (def && def.match(this.rx.IS_VAR)) {
|
| +props[def] = true;
|
| +}
|
| +}
|
| +},
|
| +reify: function (props) {
|
| +var names = Object.getOwnPropertyNames(props);
|
| +for (var i = 0, n; i < names.length; i++) {
|
| +n = names[i];
|
| +props[n] = this.valueForProperty(props[n], props);
|
| +}
|
| +},
|
| +valueForProperty: function (property, props) {
|
| +if (property) {
|
| +if (property.indexOf(';') >= 0) {
|
| +property = this.valueForProperties(property, props);
|
| +} else {
|
| +var self = this;
|
| +var fn = function (all, prefix, value, fallback) {
|
| +var propertyValue = self.valueForProperty(props[value], props) || (props[fallback] ? self.valueForProperty(props[fallback], props) : fallback);
|
| +return prefix + (propertyValue || '');
|
| +};
|
| +property = property.replace(this.rx.VAR_MATCH, fn);
|
| +}
|
| +}
|
| +return property && property.trim() || '';
|
| +},
|
| +valueForProperties: function (property, props) {
|
| +var parts = property.split(';');
|
| +for (var i = 0, p, m; i < parts.length; i++) {
|
| +if (p = parts[i]) {
|
| +m = p.match(this.rx.MIXIN_MATCH);
|
| +if (m) {
|
| +p = this.valueForProperty(props[m[1]], props);
|
| +} else {
|
| +var colon = p.indexOf(':');
|
| +if (colon !== -1) {
|
| +var pp = p.substring(colon);
|
| +pp = pp.trim();
|
| +pp = this.valueForProperty(pp, props) || pp;
|
| +p = p.substring(0, colon) + pp;
|
| +}
|
| +}
|
| +parts[i] = p && p.lastIndexOf(';') === p.length - 1 ? p.slice(0, -1) : p || '';
|
| +}
|
| +}
|
| +return parts.join(';');
|
| +},
|
| +applyProperties: function (rule, props) {
|
| +var output = '';
|
| +if (!rule.propertyInfo) {
|
| +this.decorateRule(rule);
|
| +}
|
| +if (rule.propertyInfo.cssText) {
|
| +output = this.valueForProperties(rule.propertyInfo.cssText, props);
|
| +}
|
| +rule.cssText = output;
|
| +},
|
| +applyKeyframeTransforms: function (rule, keyframeTransforms) {
|
| +var input = rule.cssText;
|
| +var output = rule.cssText;
|
| +if (rule.hasAnimations == null) {
|
| +rule.hasAnimations = this.rx.ANIMATION_MATCH.test(input);
|
| +}
|
| +if (rule.hasAnimations) {
|
| +var transform;
|
| +if (rule.keyframeNamesToTransform == null) {
|
| +rule.keyframeNamesToTransform = [];
|
| +for (var keyframe in keyframeTransforms) {
|
| +transform = keyframeTransforms[keyframe];
|
| +output = transform(input);
|
| +if (input !== output) {
|
| +input = output;
|
| +rule.keyframeNamesToTransform.push(keyframe);
|
| +}
|
| +}
|
| +} else {
|
| +for (var i = 0; i < rule.keyframeNamesToTransform.length; ++i) {
|
| +transform = keyframeTransforms[rule.keyframeNamesToTransform[i]];
|
| +input = transform(input);
|
| +}
|
| +output = input;
|
| +}
|
| +}
|
| +rule.cssText = output;
|
| +},
|
| +propertyDataFromStyles: function (styles, element) {
|
| +var props = {}, self = this;
|
| +var o = [], i = 0;
|
| +styleUtil.forRulesInStyles(styles, function (rule) {
|
| +if (!rule.propertyInfo) {
|
| +self.decorateRule(rule);
|
| +}
|
| +if (element && rule.propertyInfo.properties && matchesSelector.call(element, rule.transformedSelector || rule.parsedSelector)) {
|
| +self.collectProperties(rule, props);
|
| +addToBitMask(i, o);
|
| +}
|
| +i++;
|
| +});
|
| +return {
|
| +properties: props,
|
| +key: o
|
| +};
|
| +},
|
| +scopePropertiesFromStyles: function (styles) {
|
| +if (!styles._scopeStyleProperties) {
|
| +styles._scopeStyleProperties = this.selectedPropertiesFromStyles(styles, this.SCOPE_SELECTORS);
|
| +}
|
| +return styles._scopeStyleProperties;
|
| +},
|
| +hostPropertiesFromStyles: function (styles) {
|
| +if (!styles._hostStyleProperties) {
|
| +styles._hostStyleProperties = this.selectedPropertiesFromStyles(styles, this.HOST_SELECTORS);
|
| +}
|
| +return styles._hostStyleProperties;
|
| +},
|
| +selectedPropertiesFromStyles: function (styles, selectors) {
|
| +var props = {}, self = this;
|
| +styleUtil.forRulesInStyles(styles, function (rule) {
|
| +if (!rule.propertyInfo) {
|
| +self.decorateRule(rule);
|
| +}
|
| +for (var i = 0; i < selectors.length; i++) {
|
| +if (rule.parsedSelector === selectors[i]) {
|
| +self.collectProperties(rule, props);
|
| +return;
|
| +}
|
| +}
|
| +});
|
| +return props;
|
| +},
|
| +transformStyles: function (element, properties, scopeSelector) {
|
| +var self = this;
|
| +var hostSelector = styleTransformer._calcHostScope(element.is, element.extends);
|
| +var rxHostSelector = element.extends ? '\\' + hostSelector.slice(0, -1) + '\\]' : hostSelector;
|
| +var hostRx = new RegExp(this.rx.HOST_PREFIX + rxHostSelector + this.rx.HOST_SUFFIX);
|
| +var keyframeTransforms = this._elementKeyframeTransforms(element, scopeSelector);
|
| +return styleTransformer.elementStyles(element, function (rule) {
|
| +self.applyProperties(rule, properties);
|
| +if (!nativeShadow && !Polymer.StyleUtil.isKeyframesSelector(rule) && rule.cssText) {
|
| +self.applyKeyframeTransforms(rule, keyframeTransforms);
|
| +self._scopeSelector(rule, hostRx, hostSelector, element._scopeCssViaAttr, scopeSelector);
|
| +}
|
| +});
|
| +},
|
| +_elementKeyframeTransforms: function (element, scopeSelector) {
|
| +var keyframesRules = element._styles._keyframes;
|
| +var keyframeTransforms = {};
|
| +if (!nativeShadow && keyframesRules) {
|
| +for (var i = 0, keyframesRule = keyframesRules[i]; i < keyframesRules.length; keyframesRule = keyframesRules[++i]) {
|
| +this._scopeKeyframes(keyframesRule, scopeSelector);
|
| +keyframeTransforms[keyframesRule.keyframesName] = this._keyframesRuleTransformer(keyframesRule);
|
| +}
|
| +}
|
| +return keyframeTransforms;
|
| +},
|
| +_keyframesRuleTransformer: function (keyframesRule) {
|
| +return function (cssText) {
|
| +return cssText.replace(keyframesRule.keyframesNameRx, keyframesRule.transformedKeyframesName);
|
| +};
|
| +},
|
| +_scopeKeyframes: function (rule, scopeId) {
|
| +rule.keyframesNameRx = new RegExp(rule.keyframesName, 'g');
|
| +rule.transformedKeyframesName = rule.keyframesName + '-' + scopeId;
|
| +rule.transformedSelector = rule.transformedSelector || rule.selector;
|
| +rule.selector = rule.transformedSelector.replace(rule.keyframesName, rule.transformedKeyframesName);
|
| +},
|
| +_scopeSelector: function (rule, hostRx, hostSelector, viaAttr, scopeId) {
|
| +rule.transformedSelector = rule.transformedSelector || rule.selector;
|
| +var selector = rule.transformedSelector;
|
| +var scope = viaAttr ? '[' + styleTransformer.SCOPE_NAME + '~=' + scopeId + ']' : '.' + scopeId;
|
| +var parts = selector.split(',');
|
| +for (var i = 0, l = parts.length, p; i < l && (p = parts[i]); i++) {
|
| +parts[i] = p.match(hostRx) ? p.replace(hostSelector, scope) : scope + ' ' + p;
|
| +}
|
| +rule.selector = parts.join(',');
|
| +},
|
| +applyElementScopeSelector: function (element, selector, old, viaAttr) {
|
| +var c = viaAttr ? element.getAttribute(styleTransformer.SCOPE_NAME) : element.getAttribute('class') || '';
|
| +var v = old ? c.replace(old, selector) : (c ? c + ' ' : '') + this.XSCOPE_NAME + ' ' + selector;
|
| +if (c !== v) {
|
| +if (viaAttr) {
|
| +element.setAttribute(styleTransformer.SCOPE_NAME, v);
|
| +} else {
|
| +element.setAttribute('class', v);
|
| +}
|
| +}
|
| +},
|
| +applyElementStyle: function (element, properties, selector, style) {
|
| +var cssText = style ? style.textContent || '' : this.transformStyles(element, properties, selector);
|
| +var s = element._customStyle;
|
| +if (s && !nativeShadow && s !== style) {
|
| +s._useCount--;
|
| +if (s._useCount <= 0 && s.parentNode) {
|
| +s.parentNode.removeChild(s);
|
| +}
|
| +}
|
| +if (nativeShadow || (!style || !style.parentNode)) {
|
| +if (nativeShadow && element._customStyle) {
|
| +element._customStyle.textContent = cssText;
|
| +style = element._customStyle;
|
| +} else if (cssText) {
|
| +style = styleUtil.applyCss(cssText, selector, nativeShadow ? element.root : null, element._scopeStyle);
|
| +}
|
| +}
|
| +if (style) {
|
| +style._useCount = style._useCount || 0;
|
| +if (element._customStyle != style) {
|
| +style._useCount++;
|
| +}
|
| +element._customStyle = style;
|
| +}
|
| +return style;
|
| +},
|
| +mixinCustomStyle: function (props, customStyle) {
|
| +var v;
|
| +for (var i in customStyle) {
|
| +v = customStyle[i];
|
| +if (v || v === 0) {
|
| +props[i] = v;
|
| +}
|
| +}
|
| +},
|
| +rx: {
|
| +VAR_ASSIGN: /(?:^|[;\s{]\s*)(--[\w-]*?)\s*:\s*(?:([^;{]*)|{([^}]*)})(?:(?=[;\s}])|$)/gi,
|
| +MIXIN_MATCH: /(?:^|\W+)@apply[\s]*\(([^)]*)\)/i,
|
| +VAR_MATCH: /(^|\W+)var\([\s]*([^,)]*)[\s]*,?[\s]*((?:[^,()]*)|(?:[^;()]*\([^;)]*\)))[\s]*?\)/gi,
|
| +VAR_CAPTURE: /\([\s]*(--[^,\s)]*)(?:,[\s]*(--[^,\s)]*))?(?:\)|,)/gi,
|
| +ANIMATION_MATCH: /(animation\s*:)|(animation-name\s*:)/,
|
| +IS_VAR: /^--/,
|
| +BRACKETED: /\{[^}]*\}/g,
|
| +HOST_PREFIX: '(?:^|[^.#[:])',
|
| +HOST_SUFFIX: '($|[.:[\\s>+~])'
|
| +},
|
| +HOST_SELECTORS: [':host'],
|
| +SCOPE_SELECTORS: [':root'],
|
| +XSCOPE_NAME: 'x-scope'
|
| +};
|
| +function addToBitMask(n, bits) {
|
| +var o = parseInt(n / 32);
|
| +var v = 1 << n % 32;
|
| +bits[o] = (bits[o] || 0) | v;
|
| +}
|
| +}();
|
| +(function () {
|
| +Polymer.StyleCache = function () {
|
| +this.cache = {};
|
| +};
|
| +Polymer.StyleCache.prototype = {
|
| +MAX: 100,
|
| +store: function (is, data, keyValues, keyStyles) {
|
| +data.keyValues = keyValues;
|
| +data.styles = keyStyles;
|
| +var s$ = this.cache[is] = this.cache[is] || [];
|
| +s$.push(data);
|
| +if (s$.length > this.MAX) {
|
| +s$.shift();
|
| +}
|
| +},
|
| +retrieve: function (is, keyValues, keyStyles) {
|
| +var cache = this.cache[is];
|
| +if (cache) {
|
| +for (var i = cache.length - 1, data; i >= 0; i--) {
|
| +data = cache[i];
|
| +if (keyStyles === data.styles && this._objectsEqual(keyValues, data.keyValues)) {
|
| +return data;
|
| +}
|
| +}
|
| +}
|
| +},
|
| +clear: function () {
|
| +this.cache = {};
|
| +},
|
| +_objectsEqual: function (target, source) {
|
| +var t, s;
|
| +for (var i in target) {
|
| +t = target[i], s = source[i];
|
| +if (!(typeof t === 'object' && t ? this._objectsStrictlyEqual(t, s) : t === s)) {
|
| +return false;
|
| +}
|
| +}
|
| +if (Array.isArray(target)) {
|
| +return target.length === source.length;
|
| +}
|
| +return true;
|
| +},
|
| +_objectsStrictlyEqual: function (target, source) {
|
| +return this._objectsEqual(target, source) && this._objectsEqual(source, target);
|
| +}
|
| +};
|
| +}());
|
| +Polymer.StyleDefaults = function () {
|
| +var styleProperties = Polymer.StyleProperties;
|
| +var StyleCache = Polymer.StyleCache;
|
| +var api = {
|
| +_styles: [],
|
| +_properties: null,
|
| +customStyle: {},
|
| +_styleCache: new StyleCache(),
|
| +addStyle: function (style) {
|
| +this._styles.push(style);
|
| +this._properties = null;
|
| +},
|
| +get _styleProperties() {
|
| +if (!this._properties) {
|
| +styleProperties.decorateStyles(this._styles);
|
| +this._styles._scopeStyleProperties = null;
|
| +this._properties = styleProperties.scopePropertiesFromStyles(this._styles);
|
| +styleProperties.mixinCustomStyle(this._properties, this.customStyle);
|
| +styleProperties.reify(this._properties);
|
| +}
|
| +return this._properties;
|
| +},
|
| +_needsStyleProperties: function () {
|
| +},
|
| +_computeStyleProperties: function () {
|
| +return this._styleProperties;
|
| +},
|
| +updateStyles: function (properties) {
|
| +this._properties = null;
|
| +if (properties) {
|
| +Polymer.Base.mixin(this.customStyle, properties);
|
| +}
|
| +this._styleCache.clear();
|
| +for (var i = 0, s; i < this._styles.length; i++) {
|
| +s = this._styles[i];
|
| +s = s.__importElement || s;
|
| +s._apply();
|
| +}
|
| +}
|
| +};
|
| +return api;
|
| +}();
|
| +(function () {
|
| +'use strict';
|
| +var serializeValueToAttribute = Polymer.Base.serializeValueToAttribute;
|
| +var propertyUtils = Polymer.StyleProperties;
|
| +var styleTransformer = Polymer.StyleTransformer;
|
| +var styleDefaults = Polymer.StyleDefaults;
|
| +var nativeShadow = Polymer.Settings.useNativeShadow;
|
| +Polymer.Base._addFeature({
|
| +_prepStyleProperties: function () {
|
| +this._ownStylePropertyNames = this._styles && this._styles.length ? propertyUtils.decorateStyles(this._styles) : null;
|
| +},
|
| +customStyle: null,
|
| +getComputedStyleValue: function (property) {
|
| +return this._styleProperties && this._styleProperties[property] || getComputedStyle(this).getPropertyValue(property);
|
| +},
|
| +_setupStyleProperties: function () {
|
| +this.customStyle = {};
|
| +this._styleCache = null;
|
| +this._styleProperties = null;
|
| +this._scopeSelector = null;
|
| +this._ownStyleProperties = null;
|
| +this._customStyle = null;
|
| +},
|
| +_needsStyleProperties: function () {
|
| +return Boolean(this._ownStylePropertyNames && this._ownStylePropertyNames.length);
|
| +},
|
| +_beforeAttached: function () {
|
| +if (!this._scopeSelector && this._needsStyleProperties()) {
|
| +this._updateStyleProperties();
|
| +}
|
| +},
|
| +_findStyleHost: function () {
|
| +var e = this, root;
|
| +while (root = Polymer.dom(e).getOwnerRoot()) {
|
| +if (Polymer.isInstance(root.host)) {
|
| +return root.host;
|
| +}
|
| +e = root.host;
|
| +}
|
| +return styleDefaults;
|
| +},
|
| +_updateStyleProperties: function () {
|
| +var info, scope = this._findStyleHost();
|
| +if (!scope._styleCache) {
|
| +scope._styleCache = new Polymer.StyleCache();
|
| +}
|
| +var scopeData = propertyUtils.propertyDataFromStyles(scope._styles, this);
|
| +scopeData.key.customStyle = this.customStyle;
|
| +info = scope._styleCache.retrieve(this.is, scopeData.key, this._styles);
|
| +var scopeCached = Boolean(info);
|
| +if (scopeCached) {
|
| +this._styleProperties = info._styleProperties;
|
| +} else {
|
| +this._computeStyleProperties(scopeData.properties);
|
| +}
|
| +this._computeOwnStyleProperties();
|
| +if (!scopeCached) {
|
| +info = styleCache.retrieve(this.is, this._ownStyleProperties, this._styles);
|
| +}
|
| +var globalCached = Boolean(info) && !scopeCached;
|
| +var style = this._applyStyleProperties(info);
|
| +if (!scopeCached) {
|
| +style = style && nativeShadow ? style.cloneNode(true) : style;
|
| +info = {
|
| +style: style,
|
| +_scopeSelector: this._scopeSelector,
|
| +_styleProperties: this._styleProperties
|
| +};
|
| +scopeData.key.customStyle = {};
|
| +this.mixin(scopeData.key.customStyle, this.customStyle);
|
| +scope._styleCache.store(this.is, info, scopeData.key, this._styles);
|
| +if (!globalCached) {
|
| +styleCache.store(this.is, Object.create(info), this._ownStyleProperties, this._styles);
|
| +}
|
| +}
|
| +},
|
| +_computeStyleProperties: function (scopeProps) {
|
| +var scope = this._findStyleHost();
|
| +if (!scope._styleProperties) {
|
| +scope._computeStyleProperties();
|
| +}
|
| +var props = Object.create(scope._styleProperties);
|
| +this.mixin(props, propertyUtils.hostPropertiesFromStyles(this._styles));
|
| +scopeProps = scopeProps || propertyUtils.propertyDataFromStyles(scope._styles, this).properties;
|
| +this.mixin(props, scopeProps);
|
| +this.mixin(props, propertyUtils.scopePropertiesFromStyles(this._styles));
|
| +propertyUtils.mixinCustomStyle(props, this.customStyle);
|
| +propertyUtils.reify(props);
|
| +this._styleProperties = props;
|
| +},
|
| +_computeOwnStyleProperties: function () {
|
| +var props = {};
|
| +for (var i = 0, n; i < this._ownStylePropertyNames.length; i++) {
|
| +n = this._ownStylePropertyNames[i];
|
| +props[n] = this._styleProperties[n];
|
| +}
|
| +this._ownStyleProperties = props;
|
| +},
|
| +_scopeCount: 0,
|
| +_applyStyleProperties: function (info) {
|
| +var oldScopeSelector = this._scopeSelector;
|
| +this._scopeSelector = info ? info._scopeSelector : this.is + '-' + this.__proto__._scopeCount++;
|
| +var style = propertyUtils.applyElementStyle(this, this._styleProperties, this._scopeSelector, info && info.style);
|
| +if (!nativeShadow) {
|
| +propertyUtils.applyElementScopeSelector(this, this._scopeSelector, oldScopeSelector, this._scopeCssViaAttr);
|
| +}
|
| +return style;
|
| +},
|
| +serializeValueToAttribute: function (value, attribute, node) {
|
| +node = node || this;
|
| +if (attribute === 'class' && !nativeShadow) {
|
| +var host = node === this ? this.domHost || this.dataHost : this;
|
| +if (host) {
|
| +value = host._scopeElementClass(node, value);
|
| +}
|
| +}
|
| +node = this.shadyRoot && this.shadyRoot._hasDistributed ? Polymer.dom(node) : node;
|
| +serializeValueToAttribute.call(this, value, attribute, node);
|
| +},
|
| +_scopeElementClass: function (element, selector) {
|
| +if (!nativeShadow && !this._scopeCssViaAttr) {
|
| +selector = (selector ? selector + ' ' : '') + SCOPE_NAME + ' ' + this.is + (element._scopeSelector ? ' ' + XSCOPE_NAME + ' ' + element._scopeSelector : '');
|
| +}
|
| +return selector;
|
| +},
|
| +updateStyles: function (properties) {
|
| +if (this.isAttached) {
|
| +if (properties) {
|
| +this.mixin(this.customStyle, properties);
|
| +}
|
| +if (this._needsStyleProperties()) {
|
| +this._updateStyleProperties();
|
| +} else {
|
| +this._styleProperties = null;
|
| +}
|
| +if (this._styleCache) {
|
| +this._styleCache.clear();
|
| +}
|
| +this._updateRootStyles();
|
| +}
|
| +},
|
| +_updateRootStyles: function (root) {
|
| +root = root || this.root;
|
| +var c$ = Polymer.dom(root)._query(function (e) {
|
| +return e.shadyRoot || e.shadowRoot;
|
| +});
|
| +for (var i = 0, l = c$.length, c; i < l && (c = c$[i]); i++) {
|
| +if (c.updateStyles) {
|
| +c.updateStyles();
|
| +}
|
| +}
|
| +}
|
| +});
|
| +Polymer.updateStyles = function (properties) {
|
| +styleDefaults.updateStyles(properties);
|
| +Polymer.Base._updateRootStyles(document);
|
| +};
|
| +var styleCache = new Polymer.StyleCache();
|
| +Polymer.customStyleCache = styleCache;
|
| +var SCOPE_NAME = styleTransformer.SCOPE_NAME;
|
| +var XSCOPE_NAME = propertyUtils.XSCOPE_NAME;
|
| +}());
|
| +Polymer.Base._addFeature({
|
| +_registerFeatures: function () {
|
| +this._prepIs();
|
| +this._prepConstructor();
|
| +this._prepStyles();
|
| +},
|
| +_finishRegisterFeatures: function () {
|
| +this._prepTemplate();
|
| +this._prepShimStyles();
|
| +this._prepAnnotations();
|
| +this._prepEffects();
|
| +this._prepBehaviors();
|
| +this._prepPropertyInfo();
|
| +this._prepBindings();
|
| +this._prepShady();
|
| +},
|
| +_prepBehavior: function (b) {
|
| +this._addPropertyEffects(b.properties);
|
| +this._addComplexObserverEffects(b.observers);
|
| +this._addHostAttributes(b.hostAttributes);
|
| +},
|
| +_initFeatures: function () {
|
| +this._setupGestures();
|
| +this._setupConfigure();
|
| +this._setupStyleProperties();
|
| +this._setupDebouncers();
|
| +this._setupShady();
|
| +this._registerHost();
|
| +if (this._template) {
|
| +this._poolContent();
|
| +this._beginHosting();
|
| +this._stampTemplate();
|
| +this._endHosting();
|
| +this._marshalAnnotationReferences();
|
| +}
|
| +this._marshalInstanceEffects();
|
| +this._marshalBehaviors();
|
| +this._marshalHostAttributes();
|
| +this._marshalAttributes();
|
| +this._tryReady();
|
| +},
|
| +_marshalBehavior: function (b) {
|
| +if (b.listeners) {
|
| +this._listenListeners(b.listeners);
|
| +}
|
| +}
|
| +});
|
| +(function () {
|
| +var propertyUtils = Polymer.StyleProperties;
|
| +var styleUtil = Polymer.StyleUtil;
|
| +var cssParse = Polymer.CssParse;
|
| +var styleDefaults = Polymer.StyleDefaults;
|
| +var styleTransformer = Polymer.StyleTransformer;
|
| +Polymer({
|
| +is: 'custom-style',
|
| +extends: 'style',
|
| +_template: null,
|
| +properties: { include: String },
|
| +ready: function () {
|
| +this._tryApply();
|
| +},
|
| +attached: function () {
|
| +this._tryApply();
|
| +},
|
| +_tryApply: function () {
|
| +if (!this._appliesToDocument) {
|
| +if (this.parentNode && this.parentNode.localName !== 'dom-module') {
|
| +this._appliesToDocument = true;
|
| +var e = this.__appliedElement || this;
|
| +styleDefaults.addStyle(e);
|
| +if (e.textContent || this.include) {
|
| +this._apply(true);
|
| +} else {
|
| +var self = this;
|
| +var observer = new MutationObserver(function () {
|
| +observer.disconnect();
|
| +self._apply(true);
|
| +});
|
| +observer.observe(e, { childList: true });
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_apply: function (deferProperties) {
|
| +var e = this.__appliedElement || this;
|
| +if (this.include) {
|
| +e.textContent = styleUtil.cssFromModules(this.include, true) + e.textContent;
|
| +}
|
| +if (e.textContent) {
|
| +styleUtil.forEachRule(styleUtil.rulesForStyle(e), function (rule) {
|
| +styleTransformer.documentRule(rule);
|
| +});
|
| +var self = this;
|
| +var fn = function fn() {
|
| +self._applyCustomProperties(e);
|
| +};
|
| +if (this._pendingApplyProperties) {
|
| +cancelAnimationFrame(this._pendingApplyProperties);
|
| +this._pendingApplyProperties = null;
|
| +}
|
| +if (deferProperties) {
|
| +this._pendingApplyProperties = requestAnimationFrame(fn);
|
| +} else {
|
| +fn();
|
| +}
|
| +}
|
| +},
|
| +_applyCustomProperties: function (element) {
|
| +this._computeStyleProperties();
|
| +var props = this._styleProperties;
|
| +var rules = styleUtil.rulesForStyle(element);
|
| +element.textContent = styleUtil.toCssText(rules, function (rule) {
|
| +var css = rule.cssText = rule.parsedCssText;
|
| +if (rule.propertyInfo && rule.propertyInfo.cssText) {
|
| +css = cssParse.removeCustomPropAssignment(css);
|
| +rule.cssText = propertyUtils.valueForProperties(css, props);
|
| +}
|
| +});
|
| +}
|
| +});
|
| +}());
|
| +Polymer.Templatizer = {
|
| +properties: { __hideTemplateChildren__: { observer: '_showHideChildren' } },
|
| +_instanceProps: Polymer.nob,
|
| +_parentPropPrefix: '_parent_',
|
| +templatize: function (template) {
|
| +this._templatized = template;
|
| +if (!template._content) {
|
| +template._content = template.content;
|
| +}
|
| +if (template._content._ctor) {
|
| +this.ctor = template._content._ctor;
|
| +this._prepParentProperties(this.ctor.prototype, template);
|
| +return;
|
| +}
|
| +var archetype = Object.create(Polymer.Base);
|
| +this._customPrepAnnotations(archetype, template);
|
| +this._prepParentProperties(archetype, template);
|
| +archetype._prepEffects();
|
| +this._customPrepEffects(archetype);
|
| +archetype._prepBehaviors();
|
| +archetype._prepPropertyInfo();
|
| +archetype._prepBindings();
|
| +archetype._notifyPathUp = this._notifyPathUpImpl;
|
| +archetype._scopeElementClass = this._scopeElementClassImpl;
|
| +archetype.listen = this._listenImpl;
|
| +archetype._showHideChildren = this._showHideChildrenImpl;
|
| +archetype.__setPropertyOrig = this.__setProperty;
|
| +archetype.__setProperty = this.__setPropertyImpl;
|
| +var _constructor = this._constructorImpl;
|
| +var ctor = function TemplateInstance(model, host) {
|
| +_constructor.call(this, model, host);
|
| +};
|
| +ctor.prototype = archetype;
|
| +archetype.constructor = ctor;
|
| +template._content._ctor = ctor;
|
| +this.ctor = ctor;
|
| +},
|
| +_getRootDataHost: function () {
|
| +return this.dataHost && this.dataHost._rootDataHost || this.dataHost;
|
| +},
|
| +_showHideChildrenImpl: function (hide) {
|
| +var c = this._children;
|
| +for (var i = 0; i < c.length; i++) {
|
| +var n = c[i];
|
| +if (Boolean(hide) != Boolean(n.__hideTemplateChildren__)) {
|
| +if (n.nodeType === Node.TEXT_NODE) {
|
| +if (hide) {
|
| +n.__polymerTextContent__ = n.textContent;
|
| +n.textContent = '';
|
| +} else {
|
| +n.textContent = n.__polymerTextContent__;
|
| +}
|
| +} else if (n.style) {
|
| +if (hide) {
|
| +n.__polymerDisplay__ = n.style.display;
|
| +n.style.display = 'none';
|
| +} else {
|
| +n.style.display = n.__polymerDisplay__;
|
| +}
|
| +}
|
| +}
|
| +n.__hideTemplateChildren__ = hide;
|
| +}
|
| +},
|
| +__setPropertyImpl: function (property, value, fromAbove, node) {
|
| +if (node && node.__hideTemplateChildren__ && property == 'textContent') {
|
| +property = '__polymerTextContent__';
|
| +}
|
| +this.__setPropertyOrig(property, value, fromAbove, node);
|
| +},
|
| +_debounceTemplate: function (fn) {
|
| +Polymer.dom.addDebouncer(this.debounce('_debounceTemplate', fn));
|
| +},
|
| +_flushTemplates: function () {
|
| +Polymer.dom.flush();
|
| +},
|
| +_customPrepEffects: function (archetype) {
|
| +var parentProps = archetype._parentProps;
|
| +for (var prop in parentProps) {
|
| +archetype._addPropertyEffect(prop, 'function', this._createHostPropEffector(prop));
|
| +}
|
| +for (prop in this._instanceProps) {
|
| +archetype._addPropertyEffect(prop, 'function', this._createInstancePropEffector(prop));
|
| +}
|
| +},
|
| +_customPrepAnnotations: function (archetype, template) {
|
| +archetype._template = template;
|
| +var c = template._content;
|
| +if (!c._notes) {
|
| +var rootDataHost = archetype._rootDataHost;
|
| +if (rootDataHost) {
|
| +Polymer.Annotations.prepElement = function () {
|
| +rootDataHost._prepElement();
|
| +};
|
| +}
|
| +c._notes = Polymer.Annotations.parseAnnotations(template);
|
| +Polymer.Annotations.prepElement = null;
|
| +this._processAnnotations(c._notes);
|
| +}
|
| +archetype._notes = c._notes;
|
| +archetype._parentProps = c._parentProps;
|
| +},
|
| +_prepParentProperties: function (archetype, template) {
|
| +var parentProps = this._parentProps = archetype._parentProps;
|
| +if (this._forwardParentProp && parentProps) {
|
| +var proto = archetype._parentPropProto;
|
| +var prop;
|
| +if (!proto) {
|
| +for (prop in this._instanceProps) {
|
| +delete parentProps[prop];
|
| +}
|
| +proto = archetype._parentPropProto = Object.create(null);
|
| +if (template != this) {
|
| +Polymer.Bind.prepareModel(proto);
|
| +Polymer.Base.prepareModelNotifyPath(proto);
|
| +}
|
| +for (prop in parentProps) {
|
| +var parentProp = this._parentPropPrefix + prop;
|
| +var effects = [
|
| +{
|
| +kind: 'function',
|
| +effect: this._createForwardPropEffector(prop),
|
| +fn: Polymer.Bind._functionEffect
|
| +},
|
| +{
|
| +kind: 'notify',
|
| +fn: Polymer.Bind._notifyEffect,
|
| +effect: { event: Polymer.CaseMap.camelToDashCase(parentProp) + '-changed' }
|
| +}
|
| +];
|
| +Polymer.Bind._createAccessors(proto, parentProp, effects);
|
| +}
|
| +}
|
| +var self = this;
|
| +if (template != this) {
|
| +Polymer.Bind.prepareInstance(template);
|
| +template._forwardParentProp = function (source, value) {
|
| +self._forwardParentProp(source, value);
|
| +};
|
| +}
|
| +this._extendTemplate(template, proto);
|
| +template._pathEffector = function (path, value, fromAbove) {
|
| +return self._pathEffectorImpl(path, value, fromAbove);
|
| +};
|
| +}
|
| +},
|
| +_createForwardPropEffector: function (prop) {
|
| +return function (source, value) {
|
| +this._forwardParentProp(prop, value);
|
| +};
|
| +},
|
| +_createHostPropEffector: function (prop) {
|
| +var prefix = this._parentPropPrefix;
|
| +return function (source, value) {
|
| +this.dataHost._templatized[prefix + prop] = value;
|
| +};
|
| +},
|
| +_createInstancePropEffector: function (prop) {
|
| +return function (source, value, old, fromAbove) {
|
| +if (!fromAbove) {
|
| +this.dataHost._forwardInstanceProp(this, prop, value);
|
| +}
|
| +};
|
| +},
|
| +_extendTemplate: function (template, proto) {
|
| +var n$ = Object.getOwnPropertyNames(proto);
|
| +if (proto._propertySetter) {
|
| +template._propertySetter = proto._propertySetter;
|
| +}
|
| +for (var i = 0, n; i < n$.length && (n = n$[i]); i++) {
|
| +var val = template[n];
|
| +var pd = Object.getOwnPropertyDescriptor(proto, n);
|
| +Object.defineProperty(template, n, pd);
|
| +if (val !== undefined) {
|
| +template._propertySetter(n, val);
|
| +}
|
| +}
|
| +},
|
| +_showHideChildren: function (hidden) {
|
| +},
|
| +_forwardInstancePath: function (inst, path, value) {
|
| +},
|
| +_forwardInstanceProp: function (inst, prop, value) {
|
| +},
|
| +_notifyPathUpImpl: function (path, value) {
|
| +var dataHost = this.dataHost;
|
| +var dot = path.indexOf('.');
|
| +var root = dot < 0 ? path : path.slice(0, dot);
|
| +dataHost._forwardInstancePath.call(dataHost, this, path, value);
|
| +if (root in dataHost._parentProps) {
|
| +dataHost._templatized.notifyPath(dataHost._parentPropPrefix + path, value);
|
| +}
|
| +},
|
| +_pathEffectorImpl: function (path, value, fromAbove) {
|
| +if (this._forwardParentPath) {
|
| +if (path.indexOf(this._parentPropPrefix) === 0) {
|
| +var subPath = path.substring(this._parentPropPrefix.length);
|
| +var model = this._modelForPath(subPath);
|
| +if (model in this._parentProps) {
|
| +this._forwardParentPath(subPath, value);
|
| +}
|
| +}
|
| +}
|
| +Polymer.Base._pathEffector.call(this._templatized, path, value, fromAbove);
|
| +},
|
| +_constructorImpl: function (model, host) {
|
| +this._rootDataHost = host._getRootDataHost();
|
| +this._setupConfigure(model);
|
| +this._registerHost(host);
|
| +this._beginHosting();
|
| +this.root = this.instanceTemplate(this._template);
|
| +this.root.__noContent = !this._notes._hasContent;
|
| +this.root.__styleScoped = true;
|
| +this._endHosting();
|
| +this._marshalAnnotatedNodes();
|
| +this._marshalInstanceEffects();
|
| +this._marshalAnnotatedListeners();
|
| +var children = [];
|
| +for (var n = this.root.firstChild; n; n = n.nextSibling) {
|
| +children.push(n);
|
| +n._templateInstance = this;
|
| +}
|
| +this._children = children;
|
| +if (host.__hideTemplateChildren__) {
|
| +this._showHideChildren(true);
|
| +}
|
| +this._tryReady();
|
| +},
|
| +_listenImpl: function (node, eventName, methodName) {
|
| +var model = this;
|
| +var host = this._rootDataHost;
|
| +var handler = host._createEventHandler(node, eventName, methodName);
|
| +var decorated = function (e) {
|
| +e.model = model;
|
| +handler(e);
|
| +};
|
| +host._listen(node, eventName, decorated);
|
| +},
|
| +_scopeElementClassImpl: function (node, value) {
|
| +var host = this._rootDataHost;
|
| +if (host) {
|
| +return host._scopeElementClass(node, value);
|
| +}
|
| +},
|
| +stamp: function (model) {
|
| +model = model || {};
|
| +if (this._parentProps) {
|
| +var templatized = this._templatized;
|
| +for (var prop in this._parentProps) {
|
| +if (model[prop] === undefined) {
|
| +model[prop] = templatized[this._parentPropPrefix + prop];
|
| +}
|
| +}
|
| +}
|
| +return new this.ctor(model, this);
|
| +},
|
| +modelForElement: function (el) {
|
| +var model;
|
| +while (el) {
|
| +if (model = el._templateInstance) {
|
| +if (model.dataHost != this) {
|
| +el = model.dataHost;
|
| +} else {
|
| +return model;
|
| +}
|
| +} else {
|
| +el = el.parentNode;
|
| +}
|
| +}
|
| +}
|
| +};
|
| +Polymer({
|
| +is: 'dom-template',
|
| +extends: 'template',
|
| +_template: null,
|
| +behaviors: [Polymer.Templatizer],
|
| +ready: function () {
|
| +this.templatize(this);
|
| +}
|
| +});
|
| +Polymer._collections = new WeakMap();
|
| +Polymer.Collection = function (userArray) {
|
| +Polymer._collections.set(userArray, this);
|
| +this.userArray = userArray;
|
| +this.store = userArray.slice();
|
| +this.initMap();
|
| +};
|
| +Polymer.Collection.prototype = {
|
| +constructor: Polymer.Collection,
|
| +initMap: function () {
|
| +var omap = this.omap = new WeakMap();
|
| +var pmap = this.pmap = {};
|
| +var s = this.store;
|
| +for (var i = 0; i < s.length; i++) {
|
| +var item = s[i];
|
| +if (item && typeof item == 'object') {
|
| +omap.set(item, i);
|
| +} else {
|
| +pmap[item] = i;
|
| +}
|
| +}
|
| +},
|
| +add: function (item) {
|
| +var key = this.store.push(item) - 1;
|
| +if (item && typeof item == 'object') {
|
| +this.omap.set(item, key);
|
| +} else {
|
| +this.pmap[item] = key;
|
| +}
|
| +return '#' + key;
|
| +},
|
| +removeKey: function (key) {
|
| +if (key = this._parseKey(key)) {
|
| +this._removeFromMap(this.store[key]);
|
| +delete this.store[key];
|
| +}
|
| +},
|
| +_removeFromMap: function (item) {
|
| +if (item && typeof item == 'object') {
|
| +this.omap.delete(item);
|
| +} else {
|
| +delete this.pmap[item];
|
| +}
|
| +},
|
| +remove: function (item) {
|
| +var key = this.getKey(item);
|
| +this.removeKey(key);
|
| +return key;
|
| +},
|
| +getKey: function (item) {
|
| +var key;
|
| +if (item && typeof item == 'object') {
|
| +key = this.omap.get(item);
|
| +} else {
|
| +key = this.pmap[item];
|
| +}
|
| +if (key != undefined) {
|
| +return '#' + key;
|
| +}
|
| +},
|
| +getKeys: function () {
|
| +return Object.keys(this.store).map(function (key) {
|
| +return '#' + key;
|
| +});
|
| +},
|
| +_parseKey: function (key) {
|
| +if (key && key[0] == '#') {
|
| +return key.slice(1);
|
| +}
|
| +},
|
| +setItem: function (key, item) {
|
| +if (key = this._parseKey(key)) {
|
| +var old = this.store[key];
|
| +if (old) {
|
| +this._removeFromMap(old);
|
| +}
|
| +if (item && typeof item == 'object') {
|
| +this.omap.set(item, key);
|
| +} else {
|
| +this.pmap[item] = key;
|
| +}
|
| +this.store[key] = item;
|
| +}
|
| +},
|
| +getItem: function (key) {
|
| +if (key = this._parseKey(key)) {
|
| +return this.store[key];
|
| +}
|
| +},
|
| +getItems: function () {
|
| +var items = [], store = this.store;
|
| +for (var key in store) {
|
| +items.push(store[key]);
|
| +}
|
| +return items;
|
| +},
|
| +_applySplices: function (splices) {
|
| +var keyMap = {}, key;
|
| +for (var i = 0, s; i < splices.length && (s = splices[i]); i++) {
|
| +s.addedKeys = [];
|
| +for (var j = 0; j < s.removed.length; j++) {
|
| +key = this.getKey(s.removed[j]);
|
| +keyMap[key] = keyMap[key] ? null : -1;
|
| +}
|
| +for (j = 0; j < s.addedCount; j++) {
|
| +var item = this.userArray[s.index + j];
|
| +key = this.getKey(item);
|
| +key = key === undefined ? this.add(item) : key;
|
| +keyMap[key] = keyMap[key] ? null : 1;
|
| +s.addedKeys.push(key);
|
| +}
|
| +}
|
| +var removed = [];
|
| +var added = [];
|
| +for (key in keyMap) {
|
| +if (keyMap[key] < 0) {
|
| +this.removeKey(key);
|
| +removed.push(key);
|
| +}
|
| +if (keyMap[key] > 0) {
|
| +added.push(key);
|
| +}
|
| +}
|
| +return [{
|
| +removed: removed,
|
| +added: added
|
| +}];
|
| +}
|
| +};
|
| +Polymer.Collection.get = function (userArray) {
|
| +return Polymer._collections.get(userArray) || new Polymer.Collection(userArray);
|
| +};
|
| +Polymer.Collection.applySplices = function (userArray, splices) {
|
| +var coll = Polymer._collections.get(userArray);
|
| +return coll ? coll._applySplices(splices) : null;
|
| +};
|
| +Polymer({
|
| +is: 'dom-repeat',
|
| +extends: 'template',
|
| +_template: null,
|
| +properties: {
|
| +items: { type: Array },
|
| +as: {
|
| +type: String,
|
| +value: 'item'
|
| +},
|
| +indexAs: {
|
| +type: String,
|
| +value: 'index'
|
| +},
|
| +sort: {
|
| +type: Function,
|
| +observer: '_sortChanged'
|
| +},
|
| +filter: {
|
| +type: Function,
|
| +observer: '_filterChanged'
|
| +},
|
| +observe: {
|
| +type: String,
|
| +observer: '_observeChanged'
|
| +},
|
| +delay: Number,
|
| +renderedItemCount: {
|
| +type: Number,
|
| +notify: true,
|
| +readOnly: true
|
| +},
|
| +initialCount: {
|
| +type: Number,
|
| +observer: '_initializeChunking'
|
| +},
|
| +targetFramerate: {
|
| +type: Number,
|
| +value: 20
|
| +},
|
| +_targetFrameTime: {
|
| +type: Number,
|
| +computed: '_computeFrameTime(targetFramerate)'
|
| +}
|
| +},
|
| +behaviors: [Polymer.Templatizer],
|
| +observers: ['_itemsChanged(items.*)'],
|
| +created: function () {
|
| +this._instances = [];
|
| +this._pool = [];
|
| +this._limit = Infinity;
|
| +var self = this;
|
| +this._boundRenderChunk = function () {
|
| +self._renderChunk();
|
| +};
|
| +},
|
| +detached: function () {
|
| +this.__isDetached = true;
|
| +for (var i = 0; i < this._instances.length; i++) {
|
| +this._detachInstance(i);
|
| +}
|
| +},
|
| +attached: function () {
|
| +if (this.__isDetached) {
|
| +this.__isDetached = false;
|
| +var parent = Polymer.dom(Polymer.dom(this).parentNode);
|
| +for (var i = 0; i < this._instances.length; i++) {
|
| +this._attachInstance(i, parent);
|
| +}
|
| +}
|
| +},
|
| +ready: function () {
|
| +this._instanceProps = { __key__: true };
|
| +this._instanceProps[this.as] = true;
|
| +this._instanceProps[this.indexAs] = true;
|
| +if (!this.ctor) {
|
| +this.templatize(this);
|
| +}
|
| +},
|
| +_sortChanged: function (sort) {
|
| +var dataHost = this._getRootDataHost();
|
| +this._sortFn = sort && (typeof sort == 'function' ? sort : function () {
|
| +return dataHost[sort].apply(dataHost, arguments);
|
| +});
|
| +this._needFullRefresh = true;
|
| +if (this.items) {
|
| +this._debounceTemplate(this._render);
|
| +}
|
| +},
|
| +_filterChanged: function (filter) {
|
| +var dataHost = this._getRootDataHost();
|
| +this._filterFn = filter && (typeof filter == 'function' ? filter : function () {
|
| +return dataHost[filter].apply(dataHost, arguments);
|
| +});
|
| +this._needFullRefresh = true;
|
| +if (this.items) {
|
| +this._debounceTemplate(this._render);
|
| +}
|
| +},
|
| +_computeFrameTime: function (rate) {
|
| +return Math.ceil(1000 / rate);
|
| +},
|
| +_initializeChunking: function () {
|
| +if (this.initialCount) {
|
| +this._limit = this.initialCount;
|
| +this._chunkCount = this.initialCount;
|
| +this._lastChunkTime = performance.now();
|
| +}
|
| +},
|
| +_tryRenderChunk: function () {
|
| +if (this.items && this._limit < this.items.length) {
|
| +this.debounce('renderChunk', this._requestRenderChunk);
|
| +}
|
| +},
|
| +_requestRenderChunk: function () {
|
| +requestAnimationFrame(this._boundRenderChunk);
|
| +},
|
| +_renderChunk: function () {
|
| +var currChunkTime = performance.now();
|
| +var ratio = this._targetFrameTime / (currChunkTime - this._lastChunkTime);
|
| +this._chunkCount = Math.round(this._chunkCount * ratio) || 1;
|
| +this._limit += this._chunkCount;
|
| +this._lastChunkTime = currChunkTime;
|
| +this._debounceTemplate(this._render);
|
| +},
|
| +_observeChanged: function () {
|
| +this._observePaths = this.observe && this.observe.replace('.*', '.').split(' ');
|
| +},
|
| +_itemsChanged: function (change) {
|
| +if (change.path == 'items') {
|
| +if (Array.isArray(this.items)) {
|
| +this.collection = Polymer.Collection.get(this.items);
|
| +} else if (!this.items) {
|
| +this.collection = null;
|
| +} else {
|
| +this._error(this._logf('dom-repeat', 'expected array for `items`,' + ' found', this.items));
|
| +}
|
| +this._keySplices = [];
|
| +this._indexSplices = [];
|
| +this._needFullRefresh = true;
|
| +this._initializeChunking();
|
| +this._debounceTemplate(this._render);
|
| +} else if (change.path == 'items.splices') {
|
| +this._keySplices = this._keySplices.concat(change.value.keySplices);
|
| +this._indexSplices = this._indexSplices.concat(change.value.indexSplices);
|
| +this._debounceTemplate(this._render);
|
| +} else {
|
| +var subpath = change.path.slice(6);
|
| +this._forwardItemPath(subpath, change.value);
|
| +this._checkObservedPaths(subpath);
|
| +}
|
| +},
|
| +_checkObservedPaths: function (path) {
|
| +if (this._observePaths) {
|
| +path = path.substring(path.indexOf('.') + 1);
|
| +var paths = this._observePaths;
|
| +for (var i = 0; i < paths.length; i++) {
|
| +if (path.indexOf(paths[i]) === 0) {
|
| +this._needFullRefresh = true;
|
| +if (this.delay) {
|
| +this.debounce('render', this._render, this.delay);
|
| +} else {
|
| +this._debounceTemplate(this._render);
|
| +}
|
| +return;
|
| +}
|
| +}
|
| +}
|
| +},
|
| +render: function () {
|
| +this._needFullRefresh = true;
|
| +this._debounceTemplate(this._render);
|
| +this._flushTemplates();
|
| +},
|
| +_render: function () {
|
| +if (this._needFullRefresh) {
|
| +this._applyFullRefresh();
|
| +this._needFullRefresh = false;
|
| +} else if (this._keySplices.length) {
|
| +if (this._sortFn) {
|
| +this._applySplicesUserSort(this._keySplices);
|
| +} else {
|
| +if (this._filterFn) {
|
| +this._applyFullRefresh();
|
| +} else {
|
| +this._applySplicesArrayOrder(this._indexSplices);
|
| +}
|
| +}
|
| +} else {
|
| +}
|
| +this._keySplices = [];
|
| +this._indexSplices = [];
|
| +var keyToIdx = this._keyToInstIdx = {};
|
| +for (var i = this._instances.length - 1; i >= 0; i--) {
|
| +var inst = this._instances[i];
|
| +if (inst.isPlaceholder && i < this._limit) {
|
| +inst = this._insertInstance(i, inst.__key__);
|
| +} else if (!inst.isPlaceholder && i >= this._limit) {
|
| +inst = this._downgradeInstance(i, inst.__key__);
|
| +}
|
| +keyToIdx[inst.__key__] = i;
|
| +if (!inst.isPlaceholder) {
|
| +inst.__setProperty(this.indexAs, i, true);
|
| +}
|
| +}
|
| +this._pool.length = 0;
|
| +this._setRenderedItemCount(this._instances.length);
|
| +this.fire('dom-change');
|
| +this._tryRenderChunk();
|
| +},
|
| +_applyFullRefresh: function () {
|
| +var c = this.collection;
|
| +var keys;
|
| +if (this._sortFn) {
|
| +keys = c ? c.getKeys() : [];
|
| +} else {
|
| +keys = [];
|
| +var items = this.items;
|
| +if (items) {
|
| +for (var i = 0; i < items.length; i++) {
|
| +keys.push(c.getKey(items[i]));
|
| +}
|
| +}
|
| +}
|
| +var self = this;
|
| +if (this._filterFn) {
|
| +keys = keys.filter(function (a) {
|
| +return self._filterFn(c.getItem(a));
|
| +});
|
| +}
|
| +if (this._sortFn) {
|
| +keys.sort(function (a, b) {
|
| +return self._sortFn(c.getItem(a), c.getItem(b));
|
| +});
|
| +}
|
| +for (i = 0; i < keys.length; i++) {
|
| +var key = keys[i];
|
| +var inst = this._instances[i];
|
| +if (inst) {
|
| +inst.__key__ = key;
|
| +if (!inst.isPlaceholder && i < this._limit) {
|
| +inst.__setProperty(this.as, c.getItem(key), true);
|
| +}
|
| +} else if (i < this._limit) {
|
| +this._insertInstance(i, key);
|
| +} else {
|
| +this._insertPlaceholder(i, key);
|
| +}
|
| +}
|
| +for (var j = this._instances.length - 1; j >= i; j--) {
|
| +this._detachAndRemoveInstance(j);
|
| +}
|
| +},
|
| +_numericSort: function (a, b) {
|
| +return a - b;
|
| +},
|
| +_applySplicesUserSort: function (splices) {
|
| +var c = this.collection;
|
| +var keyMap = {};
|
| +var key;
|
| +for (var i = 0, s; i < splices.length && (s = splices[i]); i++) {
|
| +for (var j = 0; j < s.removed.length; j++) {
|
| +key = s.removed[j];
|
| +keyMap[key] = keyMap[key] ? null : -1;
|
| +}
|
| +for (j = 0; j < s.added.length; j++) {
|
| +key = s.added[j];
|
| +keyMap[key] = keyMap[key] ? null : 1;
|
| +}
|
| +}
|
| +var removedIdxs = [];
|
| +var addedKeys = [];
|
| +for (key in keyMap) {
|
| +if (keyMap[key] === -1) {
|
| +removedIdxs.push(this._keyToInstIdx[key]);
|
| +}
|
| +if (keyMap[key] === 1) {
|
| +addedKeys.push(key);
|
| +}
|
| +}
|
| +if (removedIdxs.length) {
|
| +removedIdxs.sort(this._numericSort);
|
| +for (i = removedIdxs.length - 1; i >= 0; i--) {
|
| +var idx = removedIdxs[i];
|
| +if (idx !== undefined) {
|
| +this._detachAndRemoveInstance(idx);
|
| +}
|
| +}
|
| +}
|
| +var self = this;
|
| +if (addedKeys.length) {
|
| +if (this._filterFn) {
|
| +addedKeys = addedKeys.filter(function (a) {
|
| +return self._filterFn(c.getItem(a));
|
| +});
|
| +}
|
| +addedKeys.sort(function (a, b) {
|
| +return self._sortFn(c.getItem(a), c.getItem(b));
|
| +});
|
| +var start = 0;
|
| +for (i = 0; i < addedKeys.length; i++) {
|
| +start = this._insertRowUserSort(start, addedKeys[i]);
|
| +}
|
| +}
|
| +},
|
| +_insertRowUserSort: function (start, key) {
|
| +var c = this.collection;
|
| +var item = c.getItem(key);
|
| +var end = this._instances.length - 1;
|
| +var idx = -1;
|
| +while (start <= end) {
|
| +var mid = start + end >> 1;
|
| +var midKey = this._instances[mid].__key__;
|
| +var cmp = this._sortFn(c.getItem(midKey), item);
|
| +if (cmp < 0) {
|
| +start = mid + 1;
|
| +} else if (cmp > 0) {
|
| +end = mid - 1;
|
| +} else {
|
| +idx = mid;
|
| +break;
|
| +}
|
| +}
|
| +if (idx < 0) {
|
| +idx = end + 1;
|
| +}
|
| +this._insertPlaceholder(idx, key);
|
| +return idx;
|
| +},
|
| +_applySplicesArrayOrder: function (splices) {
|
| +for (var i = 0, s; i < splices.length && (s = splices[i]); i++) {
|
| +for (var j = 0; j < s.removed.length; j++) {
|
| +this._detachAndRemoveInstance(s.index);
|
| +}
|
| +for (j = 0; j < s.addedKeys.length; j++) {
|
| +this._insertPlaceholder(s.index + j, s.addedKeys[j]);
|
| +}
|
| +}
|
| +},
|
| +_detachInstance: function (idx) {
|
| +var inst = this._instances[idx];
|
| +if (!inst.isPlaceholder) {
|
| +for (var i = 0; i < inst._children.length; i++) {
|
| +var el = inst._children[i];
|
| +Polymer.dom(inst.root).appendChild(el);
|
| +}
|
| +return inst;
|
| +}
|
| +},
|
| +_attachInstance: function (idx, parent) {
|
| +var inst = this._instances[idx];
|
| +if (!inst.isPlaceholder) {
|
| +parent.insertBefore(inst.root, this);
|
| +}
|
| +},
|
| +_detachAndRemoveInstance: function (idx) {
|
| +var inst = this._detachInstance(idx);
|
| +if (inst) {
|
| +this._pool.push(inst);
|
| +}
|
| +this._instances.splice(idx, 1);
|
| +},
|
| +_insertPlaceholder: function (idx, key) {
|
| +this._instances.splice(idx, 0, {
|
| +isPlaceholder: true,
|
| +__key__: key
|
| +});
|
| +},
|
| +_stampInstance: function (idx, key) {
|
| +var model = { __key__: key };
|
| +model[this.as] = this.collection.getItem(key);
|
| +model[this.indexAs] = idx;
|
| +return this.stamp(model);
|
| +},
|
| +_insertInstance: function (idx, key) {
|
| +var inst = this._pool.pop();
|
| +if (inst) {
|
| +inst.__setProperty(this.as, this.collection.getItem(key), true);
|
| +inst.__setProperty('__key__', key, true);
|
| +} else {
|
| +inst = this._stampInstance(idx, key);
|
| +}
|
| +var beforeRow = this._instances[idx + 1];
|
| +var beforeNode = beforeRow && !beforeRow.isPlaceholder ? beforeRow._children[0] : this;
|
| +var parentNode = Polymer.dom(this).parentNode;
|
| +Polymer.dom(parentNode).insertBefore(inst.root, beforeNode);
|
| +this._instances[idx] = inst;
|
| +return inst;
|
| +},
|
| +_downgradeInstance: function (idx, key) {
|
| +var inst = this._detachInstance(idx);
|
| +if (inst) {
|
| +this._pool.push(inst);
|
| +}
|
| +inst = {
|
| +isPlaceholder: true,
|
| +__key__: key
|
| +};
|
| +this._instances[idx] = inst;
|
| +return inst;
|
| +},
|
| +_showHideChildren: function (hidden) {
|
| +for (var i = 0; i < this._instances.length; i++) {
|
| +this._instances[i]._showHideChildren(hidden);
|
| +}
|
| +},
|
| +_forwardInstanceProp: function (inst, prop, value) {
|
| +if (prop == this.as) {
|
| +var idx;
|
| +if (this._sortFn || this._filterFn) {
|
| +idx = this.items.indexOf(this.collection.getItem(inst.__key__));
|
| +} else {
|
| +idx = inst[this.indexAs];
|
| +}
|
| +this.set('items.' + idx, value);
|
| +}
|
| +},
|
| +_forwardInstancePath: function (inst, path, value) {
|
| +if (path.indexOf(this.as + '.') === 0) {
|
| +this._notifyPath('items.' + inst.__key__ + '.' + path.slice(this.as.length + 1), value);
|
| +}
|
| +},
|
| +_forwardParentProp: function (prop, value) {
|
| +var i$ = this._instances;
|
| +for (var i = 0, inst; i < i$.length && (inst = i$[i]); i++) {
|
| +if (!inst.isPlaceholder) {
|
| +inst.__setProperty(prop, value, true);
|
| +}
|
| +}
|
| +},
|
| +_forwardParentPath: function (path, value) {
|
| +var i$ = this._instances;
|
| +for (var i = 0, inst; i < i$.length && (inst = i$[i]); i++) {
|
| +if (!inst.isPlaceholder) {
|
| +inst._notifyPath(path, value, true);
|
| +}
|
| +}
|
| +},
|
| +_forwardItemPath: function (path, value) {
|
| +if (this._keyToInstIdx) {
|
| +var dot = path.indexOf('.');
|
| +var key = path.substring(0, dot < 0 ? path.length : dot);
|
| +var idx = this._keyToInstIdx[key];
|
| +var inst = this._instances[idx];
|
| +if (inst && !inst.isPlaceholder) {
|
| +if (dot >= 0) {
|
| +path = this.as + '.' + path.substring(dot + 1);
|
| +inst._notifyPath(path, value, true);
|
| +} else {
|
| +inst.__setProperty(this.as, value, true);
|
| +}
|
| +}
|
| +}
|
| +},
|
| +itemForElement: function (el) {
|
| +var instance = this.modelForElement(el);
|
| +return instance && instance[this.as];
|
| +},
|
| +keyForElement: function (el) {
|
| +var instance = this.modelForElement(el);
|
| +return instance && instance.__key__;
|
| +},
|
| +indexForElement: function (el) {
|
| +var instance = this.modelForElement(el);
|
| +return instance && instance[this.indexAs];
|
| +}
|
| +});
|
| +Polymer({
|
| +is: 'array-selector',
|
| +_template: null,
|
| +properties: {
|
| +items: {
|
| +type: Array,
|
| +observer: 'clearSelection'
|
| +},
|
| +multi: {
|
| +type: Boolean,
|
| +value: false,
|
| +observer: 'clearSelection'
|
| +},
|
| +selected: {
|
| +type: Object,
|
| +notify: true
|
| +},
|
| +selectedItem: {
|
| +type: Object,
|
| +notify: true
|
| +},
|
| +toggle: {
|
| +type: Boolean,
|
| +value: false
|
| +}
|
| +},
|
| +clearSelection: function () {
|
| +if (Array.isArray(this.selected)) {
|
| +for (var i = 0; i < this.selected.length; i++) {
|
| +this.unlinkPaths('selected.' + i);
|
| +}
|
| +} else {
|
| +this.unlinkPaths('selected');
|
| +this.unlinkPaths('selectedItem');
|
| +}
|
| +if (this.multi) {
|
| +if (!this.selected || this.selected.length) {
|
| +this.selected = [];
|
| +this._selectedColl = Polymer.Collection.get(this.selected);
|
| +}
|
| +} else {
|
| +this.selected = null;
|
| +this._selectedColl = null;
|
| +}
|
| +this.selectedItem = null;
|
| +},
|
| +isSelected: function (item) {
|
| +if (this.multi) {
|
| +return this._selectedColl.getKey(item) !== undefined;
|
| +} else {
|
| +return this.selected == item;
|
| +}
|
| +},
|
| +deselect: function (item) {
|
| +if (this.multi) {
|
| +if (this.isSelected(item)) {
|
| +var skey = this._selectedColl.getKey(item);
|
| +this.arrayDelete('selected', item);
|
| +this.unlinkPaths('selected.' + skey);
|
| +}
|
| +} else {
|
| +this.selected = null;
|
| +this.selectedItem = null;
|
| +this.unlinkPaths('selected');
|
| +this.unlinkPaths('selectedItem');
|
| +}
|
| +},
|
| +select: function (item) {
|
| +var icol = Polymer.Collection.get(this.items);
|
| +var key = icol.getKey(item);
|
| +if (this.multi) {
|
| +if (this.isSelected(item)) {
|
| +if (this.toggle) {
|
| +this.deselect(item);
|
| +}
|
| +} else {
|
| +this.push('selected', item);
|
| +var skey = this._selectedColl.getKey(item);
|
| +this.linkPaths('selected.' + skey, 'items.' + key);
|
| +}
|
| +} else {
|
| +if (this.toggle && item == this.selected) {
|
| +this.deselect();
|
| +} else {
|
| +this.selected = item;
|
| +this.selectedItem = item;
|
| +this.linkPaths('selected', 'items.' + key);
|
| +this.linkPaths('selectedItem', 'items.' + key);
|
| +}
|
| +}
|
| +}
|
| +});
|
| +Polymer({
|
| +is: 'dom-if',
|
| +extends: 'template',
|
| +_template: null,
|
| +properties: {
|
| +'if': {
|
| +type: Boolean,
|
| +value: false,
|
| +observer: '_queueRender'
|
| +},
|
| +restamp: {
|
| +type: Boolean,
|
| +value: false,
|
| +observer: '_queueRender'
|
| +}
|
| +},
|
| +behaviors: [Polymer.Templatizer],
|
| +_queueRender: function () {
|
| +this._debounceTemplate(this._render);
|
| +},
|
| +detached: function () {
|
| +if (!this.parentNode || this.parentNode.nodeType == Node.DOCUMENT_FRAGMENT_NODE && (!Polymer.Settings.hasShadow || !(this.parentNode instanceof ShadowRoot))) {
|
| +this._teardownInstance();
|
| +}
|
| +},
|
| +attached: function () {
|
| +if (this.if && this.ctor) {
|
| +this.async(this._ensureInstance);
|
| +}
|
| +},
|
| +render: function () {
|
| +this._flushTemplates();
|
| +},
|
| +_render: function () {
|
| +if (this.if) {
|
| +if (!this.ctor) {
|
| +this.templatize(this);
|
| +}
|
| +this._ensureInstance();
|
| +this._showHideChildren();
|
| +} else if (this.restamp) {
|
| +this._teardownInstance();
|
| +}
|
| +if (!this.restamp && this._instance) {
|
| +this._showHideChildren();
|
| +}
|
| +if (this.if != this._lastIf) {
|
| +this.fire('dom-change');
|
| +this._lastIf = this.if;
|
| +}
|
| +},
|
| +_ensureInstance: function () {
|
| +var parentNode = Polymer.dom(this).parentNode;
|
| +if (parentNode) {
|
| +var parent = Polymer.dom(parentNode);
|
| +if (!this._instance) {
|
| +this._instance = this.stamp();
|
| +var root = this._instance.root;
|
| +parent.insertBefore(root, this);
|
| +} else {
|
| +var c$ = this._instance._children;
|
| +if (c$ && c$.length) {
|
| +var lastChild = Polymer.dom(this).previousSibling;
|
| +if (lastChild !== c$[c$.length - 1]) {
|
| +for (var i = 0, n; i < c$.length && (n = c$[i]); i++) {
|
| +parent.insertBefore(n, this);
|
| +}
|
| +}
|
| +}
|
| +}
|
| +}
|
| +},
|
| +_teardownInstance: function () {
|
| +if (this._instance) {
|
| +var c$ = this._instance._children;
|
| +if (c$ && c$.length) {
|
| +var parent = Polymer.dom(Polymer.dom(c$[0]).parentNode);
|
| +for (var i = 0, n; i < c$.length && (n = c$[i]); i++) {
|
| +parent.removeChild(n);
|
| +}
|
| +}
|
| +this._instance = null;
|
| +}
|
| +},
|
| +_showHideChildren: function () {
|
| +var hidden = this.__hideTemplateChildren__ || !this.if;
|
| +if (this._instance) {
|
| +this._instance._showHideChildren(hidden);
|
| +}
|
| +},
|
| +_forwardParentProp: function (prop, value) {
|
| +if (this._instance) {
|
| +this._instance[prop] = value;
|
| +}
|
| +},
|
| +_forwardParentPath: function (path, value) {
|
| +if (this._instance) {
|
| +this._instance._notifyPath(path, value, true);
|
| +}
|
| +}
|
| +});
|
| +Polymer({
|
| +is: 'dom-bind',
|
| +extends: 'template',
|
| +_template: null,
|
| +created: function () {
|
| +var self = this;
|
| +Polymer.RenderStatus.whenReady(function () {
|
| +if (document.readyState == 'loading') {
|
| +document.addEventListener('DOMContentLoaded', function () {
|
| +self._markImportsReady();
|
| +});
|
| +} else {
|
| +self._markImportsReady();
|
| +}
|
| +});
|
| +},
|
| +_ensureReady: function () {
|
| +if (!this._readied) {
|
| +this._readySelf();
|
| +}
|
| +},
|
| +_markImportsReady: function () {
|
| +this._importsReady = true;
|
| +this._ensureReady();
|
| +},
|
| +_registerFeatures: function () {
|
| +this._prepConstructor();
|
| +},
|
| +_insertChildren: function () {
|
| +var parentDom = Polymer.dom(Polymer.dom(this).parentNode);
|
| +parentDom.insertBefore(this.root, this);
|
| +},
|
| +_removeChildren: function () {
|
| +if (this._children) {
|
| +for (var i = 0; i < this._children.length; i++) {
|
| +this.root.appendChild(this._children[i]);
|
| +}
|
| +}
|
| +},
|
| +_initFeatures: function () {
|
| +},
|
| +_scopeElementClass: function (element, selector) {
|
| +if (this.dataHost) {
|
| +return this.dataHost._scopeElementClass(element, selector);
|
| +} else {
|
| +return selector;
|
| +}
|
| +},
|
| +_prepConfigure: function () {
|
| +var config = {};
|
| +for (var prop in this._propertyEffects) {
|
| +config[prop] = this[prop];
|
| +}
|
| +var setupConfigure = this._setupConfigure;
|
| +this._setupConfigure = function () {
|
| +setupConfigure.call(this, config);
|
| +};
|
| +},
|
| +attached: function () {
|
| +if (this._importsReady) {
|
| +this.render();
|
| +}
|
| +},
|
| +detached: function () {
|
| +this._removeChildren();
|
| +},
|
| +render: function () {
|
| +this._ensureReady();
|
| +if (!this._children) {
|
| +this._template = this;
|
| +this._prepAnnotations();
|
| +this._prepEffects();
|
| +this._prepBehaviors();
|
| +this._prepConfigure();
|
| +this._prepBindings();
|
| +this._prepPropertyInfo();
|
| +Polymer.Base._initFeatures.call(this);
|
| +this._children = Polymer.TreeApi.arrayCopyChildNodes(this.root);
|
| +}
|
| +this._insertChildren();
|
| +this.fire('dom-change');
|
| +}
|
| +});</script>
|
| +<script>function MakePromise (asap) {
|
| + function Promise(fn) {
|
| + if (typeof this !== 'object' || typeof fn !== 'function') throw new TypeError();
|
| + this._state = null;
|
| + this._value = null;
|
| + this._deferreds = []
|
| +
|
| + doResolve(fn, resolve.bind(this), reject.bind(this));
|
| + }
|
| +
|
| + function handle(deferred) {
|
| + var me = this;
|
| + if (this._state === null) {
|
| + this._deferreds.push(deferred);
|
| + return
|
| + }
|
| + asap(function() {
|
| + var cb = me._state ? deferred.onFulfilled : deferred.onRejected
|
| + if (typeof cb !== 'function') {
|
| + (me._state ? deferred.resolve : deferred.reject)(me._value);
|
| + return;
|
| + }
|
| + var ret;
|
| + try {
|
| + ret = cb(me._value);
|
| + }
|
| + catch (e) {
|
| + deferred.reject(e);
|
| + return;
|
| + }
|
| + deferred.resolve(ret);
|
| + })
|
| + }
|
| +
|
| + function resolve(newValue) {
|
| + try { //Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure
|
| + if (newValue === this) throw new TypeError();
|
| + if (newValue && (typeof newValue === 'object' || typeof newValue === 'function')) {
|
| + var then = newValue.then;
|
| + if (typeof then === 'function') {
|
| + doResolve(then.bind(newValue), resolve.bind(this), reject.bind(this));
|
| + return;
|
| + }
|
| + }
|
| + this._state = true;
|
| + this._value = newValue;
|
| + finale.call(this);
|
| + } catch (e) { reject.call(this, e); }
|
| + }
|
| +
|
| + function reject(newValue) {
|
| + this._state = false;
|
| + this._value = newValue;
|
| + finale.call(this);
|
| + }
|
| +
|
| + function finale() {
|
| + for (var i = 0, len = this._deferreds.length; i < len; i++) {
|
| + handle.call(this, this._deferreds[i]);
|
| + }
|
| + this._deferreds = null;
|
| + }
|
| +
|
| + /**
|
| + * Take a potentially misbehaving resolver function and make sure
|
| + * onFulfilled and onRejected are only called once.
|
| + *
|
| + * Makes no guarantees about asynchrony.
|
| + */
|
| + function doResolve(fn, onFulfilled, onRejected) {
|
| + var done = false;
|
| + try {
|
| + fn(function (value) {
|
| + if (done) return;
|
| + done = true;
|
| + onFulfilled(value);
|
| + }, function (reason) {
|
| + if (done) return;
|
| + done = true;
|
| + onRejected(reason);
|
| + })
|
| + } catch (ex) {
|
| + if (done) return;
|
| + done = true;
|
| + onRejected(ex);
|
| + }
|
| + }
|
| +
|
| + Promise.prototype['catch'] = function (onRejected) {
|
| + return this.then(null, onRejected);
|
| + };
|
| +
|
| + Promise.prototype.then = function(onFulfilled, onRejected) {
|
| + var me = this;
|
| + return new Promise(function(resolve, reject) {
|
| + handle.call(me, {
|
| + onFulfilled: onFulfilled,
|
| + onRejected: onRejected,
|
| + resolve: resolve,
|
| + reject: reject
|
| + });
|
| + })
|
| + };
|
| +
|
| + Promise.resolve = function (value) {
|
| + if (value && typeof value === 'object' && value.constructor === Promise) {
|
| + return value;
|
| + }
|
| +
|
| + return new Promise(function (resolve) {
|
| + resolve(value);
|
| + });
|
| + };
|
| +
|
| + Promise.reject = function (value) {
|
| + return new Promise(function (resolve, reject) {
|
| + reject(value);
|
| + });
|
| + };
|
| +
|
| +
|
| + return Promise;
|
| +}
|
| +
|
| +if (typeof module !== 'undefined') {
|
| + module.exports = MakePromise;
|
| +}
|
| +
|
| +</script>
|
| +<script>
|
| +if (!window.Promise) {
|
| + window.Promise = MakePromise(Polymer.Base.async);
|
| +}
|
| +</script>
|
| +<script>
|
| + 'use strict';
|
| +
|
| + Polymer({
|
| + is: 'iron-request',
|
| +
|
| + hostAttributes: {
|
| + hidden: true
|
| + },
|
| +
|
| + properties: {
|
| +
|
| + /**
|
| + * A reference to the XMLHttpRequest instance used to generate the
|
| + * network request.
|
| + *
|
| + * @type {XMLHttpRequest}
|
| + */
|
| + xhr: {
|
| + type: Object,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: function() {
|
| + return new XMLHttpRequest();
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * A reference to the parsed response body, if the `xhr` has completely
|
| + * resolved.
|
| + *
|
| + * @type {*}
|
| + * @default null
|
| + */
|
| + response: {
|
| + type: Object,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: function() {
|
| + return null;
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * A reference to the status code, if the `xhr` has completely resolved.
|
| + */
|
| + status: {
|
| + type: Number,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: 0
|
| + },
|
| +
|
| + /**
|
| + * A reference to the status text, if the `xhr` has completely resolved.
|
| + */
|
| + statusText: {
|
| + type: String,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: ''
|
| + },
|
| +
|
| + /**
|
| + * A promise that resolves when the `xhr` response comes back, or rejects
|
| + * if there is an error before the `xhr` completes.
|
| + *
|
| + * @type {Promise}
|
| + */
|
| + completes: {
|
| + type: Object,
|
| + readOnly: true,
|
| + notify: true,
|
| + value: function() {
|
| + return new Promise(function (resolve, reject) {
|
| + this.resolveCompletes = resolve;
|
| + this.rejectCompletes = reject;
|
| + }.bind(this));
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * An object that contains progress information emitted by the XHR if
|
| + * available.
|
| + *
|
| + * @default {}
|
| + */
|
| + progress: {
|
| + type: Object,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: function() {
|
| + return {};
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * Aborted will be true if an abort of the request is attempted.
|
| + */
|
| + aborted: {
|
| + type: Boolean,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: false,
|
| + },
|
| +
|
| + /**
|
| + * Errored will be true if the browser fired an error event from the
|
| + * XHR object (mainly network errors).
|
| + */
|
| + errored: {
|
| + type: Boolean,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: false
|
| + },
|
| +
|
| + /**
|
| + * TimedOut will be true if the XHR threw a timeout event.
|
| + */
|
| + timedOut: {
|
| + type: Boolean,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: false
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * Succeeded is true if the request succeeded. The request succeeded if it
|
| + * loaded without error, wasn't aborted, and the status code is ≥ 200, and
|
| + * < 300, or if the status code is 0.
|
| + *
|
| + * The status code 0 is accepted as a success because some schemes - e.g.
|
| + * file:// - don't provide status codes.
|
| + *
|
| + * @return {boolean}
|
| + */
|
| + get succeeded() {
|
| + if (this.errored || this.aborted || this.timedOut) {
|
| + return false;
|
| + }
|
| + var status = this.xhr.status || 0;
|
| +
|
| + // Note: if we are using the file:// protocol, the status code will be 0
|
| + // for all outcomes (successful or otherwise).
|
| + return status === 0 ||
|
| + (status >= 200 && status < 300);
|
| + },
|
| +
|
| + /**
|
| + * Sends an HTTP request to the server and returns the XHR object.
|
| + *
|
| + * The handling of the `body` parameter will vary based on the Content-Type
|
| + * header. See the docs for iron-ajax's `body` param for details.
|
| + *
|
| + * @param {{
|
| + * url: string,
|
| + * method: (string|undefined),
|
| + * async: (boolean|undefined),
|
| + * body: (ArrayBuffer|ArrayBufferView|Blob|Document|FormData|null|string|undefined|Object),
|
| + * headers: (Object|undefined),
|
| + * handleAs: (string|undefined),
|
| + * jsonPrefix: (string|undefined),
|
| + * withCredentials: (boolean|undefined)}} options -
|
| + * url The url to which the request is sent.
|
| + * method The HTTP method to use, default is GET.
|
| + * async By default, all requests are sent asynchronously. To send synchronous requests,
|
| + * set to true.
|
| + * body The content for the request body for POST method.
|
| + * headers HTTP request headers.
|
| + * handleAs The response type. Default is 'text'.
|
| + * withCredentials Whether or not to send credentials on the request. Default is false.
|
| + * timeout: (Number|undefined)
|
| + * @return {Promise}
|
| + */
|
| + send: function (options) {
|
| + var xhr = this.xhr;
|
| +
|
| + if (xhr.readyState > 0) {
|
| + return null;
|
| + }
|
| +
|
| + xhr.addEventListener('progress', function (progress) {
|
| + this._setProgress({
|
| + lengthComputable: progress.lengthComputable,
|
| + loaded: progress.loaded,
|
| + total: progress.total
|
| + });
|
| + }.bind(this))
|
| +
|
| + xhr.addEventListener('error', function (error) {
|
| + this._setErrored(true);
|
| + this._updateStatus();
|
| + this.rejectCompletes(error);
|
| + }.bind(this));
|
| +
|
| + xhr.addEventListener('timeout', function (error) {
|
| + this._setTimedOut(true);
|
| + this._updateStatus();
|
| + this.rejectCompletes(error);
|
| + }.bind(this));
|
| +
|
| + xhr.addEventListener('abort', function () {
|
| + this._updateStatus();
|
| + this.rejectCompletes(new Error('Request aborted.'));
|
| + }.bind(this));
|
| +
|
| +
|
| + // Called after all of the above.
|
| + xhr.addEventListener('loadend', function () {
|
| + this._updateStatus();
|
| +
|
| + if (!this.succeeded) {
|
| + this.rejectCompletes(new Error('The request failed with status code: ' + this.xhr.status));
|
| + return;
|
| + }
|
| +
|
| + this._setResponse(this.parseResponse());
|
| + this.resolveCompletes(this);
|
| + }.bind(this));
|
| +
|
| + this.url = options.url;
|
| + xhr.open(
|
| + options.method || 'GET',
|
| + options.url,
|
| + options.async !== false
|
| + );
|
| +
|
| + var acceptType = {
|
| + 'json': 'application/json',
|
| + 'text': 'text/plain',
|
| + 'html': 'text/html',
|
| + 'xml': 'application/xml',
|
| + 'arraybuffer': 'application/octet-stream'
|
| + }[options.handleAs];
|
| + var headers = options.headers || Object.create(null);
|
| + var newHeaders = Object.create(null);
|
| + for (var key in headers) {
|
| + newHeaders[key.toLowerCase()] = headers[key];
|
| + }
|
| + headers = newHeaders;
|
| +
|
| + if (acceptType && !headers['accept']) {
|
| + headers['accept'] = acceptType;
|
| + }
|
| + Object.keys(headers).forEach(function (requestHeader) {
|
| + if (/[A-Z]/.test(requestHeader)) {
|
| + console.error('Headers must be lower case, got', requestHeader);
|
| + }
|
| + xhr.setRequestHeader(
|
| + requestHeader,
|
| + headers[requestHeader]
|
| + );
|
| + }, this);
|
| +
|
| + if (options.async !== false) {
|
| + var handleAs = options.handleAs;
|
| +
|
| + // If a JSON prefix is present, the responseType must be 'text' or the
|
| + // browser won’t be able to parse the response.
|
| + if (!!options.jsonPrefix || !handleAs) {
|
| + handleAs = 'text';
|
| + }
|
| +
|
| + // In IE, `xhr.responseType` is an empty string when the response
|
| + // returns. Hence, caching it as `xhr._responseType`.
|
| + xhr.responseType = xhr._responseType = handleAs;
|
| +
|
| + // Cache the JSON prefix, if it exists.
|
| + if (!!options.jsonPrefix) {
|
| + xhr._jsonPrefix = options.jsonPrefix;
|
| + }
|
| + }
|
| +
|
| + xhr.withCredentials = !!options.withCredentials;
|
| + xhr.timeout = options.timeout;
|
| +
|
| + var body = this._encodeBodyObject(options.body, headers['content-type']);
|
| +
|
| + xhr.send(
|
| + /** @type {ArrayBuffer|ArrayBufferView|Blob|Document|FormData|
|
| + null|string|undefined} */
|
| + (body));
|
| +
|
| + return this.completes;
|
| + },
|
| +
|
| + /**
|
| + * Attempts to parse the response body of the XHR. If parsing succeeds,
|
| + * the value returned will be deserialized based on the `responseType`
|
| + * set on the XHR.
|
| + *
|
| + * @return {*} The parsed response,
|
| + * or undefined if there was an empty response or parsing failed.
|
| + */
|
| + parseResponse: function () {
|
| + var xhr = this.xhr;
|
| + var responseType = xhr.responseType || xhr._responseType;
|
| + var preferResponseText = !this.xhr.responseType;
|
| + var prefixLen = (xhr._jsonPrefix && xhr._jsonPrefix.length) || 0;
|
| +
|
| + try {
|
| + switch (responseType) {
|
| + case 'json':
|
| + // If the xhr object doesn't have a natural `xhr.responseType`,
|
| + // we can assume that the browser hasn't parsed the response for us,
|
| + // and so parsing is our responsibility. Likewise if response is
|
| + // undefined, as there's no way to encode undefined in JSON.
|
| + if (preferResponseText || xhr.response === undefined) {
|
| + // Try to emulate the JSON section of the response body section of
|
| + // the spec: https://xhr.spec.whatwg.org/#response-body
|
| + // That is to say, we try to parse as JSON, but if anything goes
|
| + // wrong return null.
|
| + try {
|
| + return JSON.parse(xhr.responseText);
|
| + } catch (_) {
|
| + return null;
|
| + }
|
| + }
|
| +
|
| + return xhr.response;
|
| + case 'xml':
|
| + return xhr.responseXML;
|
| + case 'blob':
|
| + case 'document':
|
| + case 'arraybuffer':
|
| + return xhr.response;
|
| + case 'text':
|
| + default: {
|
| + // If `prefixLen` is set, it implies the response should be parsed
|
| + // as JSON once the prefix of length `prefixLen` is stripped from
|
| + // it. Emulate the behavior above where null is returned on failure
|
| + // to parse.
|
| + if (prefixLen) {
|
| + try {
|
| + return JSON.parse(xhr.responseText.substring(prefixLen));
|
| + } catch (_) {
|
| + return null;
|
| + }
|
| + }
|
| + return xhr.responseText;
|
| + }
|
| + }
|
| + } catch (e) {
|
| + this.rejectCompletes(new Error('Could not parse response. ' + e.message));
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * Aborts the request.
|
| + */
|
| + abort: function () {
|
| + this._setAborted(true);
|
| + this.xhr.abort();
|
| + },
|
| +
|
| + /**
|
| + * @param {*} body The given body of the request to try and encode.
|
| + * @param {?string} contentType The given content type, to infer an encoding
|
| + * from.
|
| + * @return {*} Either the encoded body as a string, if successful,
|
| + * or the unaltered body object if no encoding could be inferred.
|
| + */
|
| + _encodeBodyObject: function(body, contentType) {
|
| + if (typeof body == 'string') {
|
| + return body; // Already encoded.
|
| + }
|
| + var bodyObj = /** @type {Object} */ (body);
|
| + switch(contentType) {
|
| + case('application/json'):
|
| + return JSON.stringify(bodyObj);
|
| + case('application/x-www-form-urlencoded'):
|
| + return this._wwwFormUrlEncode(bodyObj);
|
| + }
|
| + return body;
|
| + },
|
| +
|
| + /**
|
| + * @param {Object} object The object to encode as x-www-form-urlencoded.
|
| + * @return {string} .
|
| + */
|
| + _wwwFormUrlEncode: function(object) {
|
| + if (!object) {
|
| + return '';
|
| + }
|
| + var pieces = [];
|
| + Object.keys(object).forEach(function(key) {
|
| + // TODO(rictic): handle array values here, in a consistent way with
|
| + // iron-ajax params.
|
| + pieces.push(
|
| + this._wwwFormUrlEncodePiece(key) + '=' +
|
| + this._wwwFormUrlEncodePiece(object[key]));
|
| + }, this);
|
| + return pieces.join('&');
|
| + },
|
| +
|
| + /**
|
| + * @param {*} str A key or value to encode as x-www-form-urlencoded.
|
| + * @return {string} .
|
| + */
|
| + _wwwFormUrlEncodePiece: function(str) {
|
| + // Spec says to normalize newlines to \r\n and replace %20 spaces with +.
|
| + // jQuery does this as well, so this is likely to be widely compatible.
|
| + return encodeURIComponent(str.toString().replace(/\r?\n/g, '\r\n'))
|
| + .replace(/%20/g, '+');
|
| + },
|
| +
|
| + /**
|
| + * Updates the status code and status text.
|
| + */
|
| + _updateStatus: function() {
|
| + this._setStatus(this.xhr.status);
|
| + this._setStatusText((this.xhr.statusText === undefined) ? '' : this.xhr.statusText);
|
| + }
|
| + });
|
| +</script>
|
| +
|
| +<script>
|
| + 'use strict';
|
| +
|
| + Polymer({
|
| +
|
| + is: 'iron-ajax',
|
| +
|
| + /**
|
| + * Fired when a request is sent.
|
| + *
|
| + * @event request
|
| + */
|
| +
|
| + /**
|
| + * Fired when a response is received.
|
| + *
|
| + * @event response
|
| + */
|
| +
|
| + /**
|
| + * Fired when an error is received.
|
| + *
|
| + * @event error
|
| + */
|
| +
|
| + hostAttributes: {
|
| + hidden: true
|
| + },
|
| +
|
| + properties: {
|
| + /**
|
| + * The URL target of the request.
|
| + */
|
| + url: {
|
| + type: String
|
| + },
|
| +
|
| + /**
|
| + * An object that contains query parameters to be appended to the
|
| + * specified `url` when generating a request. If you wish to set the body
|
| + * content when making a POST request, you should use the `body` property
|
| + * instead.
|
| + */
|
| + params: {
|
| + type: Object,
|
| + value: function() {
|
| + return {};
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * The HTTP method to use such as 'GET', 'POST', 'PUT', or 'DELETE'.
|
| + * Default is 'GET'.
|
| + */
|
| + method: {
|
| + type: String,
|
| + value: 'GET'
|
| + },
|
| +
|
| + /**
|
| + * HTTP request headers to send.
|
| + *
|
| + * Example:
|
| + *
|
| + * <iron-ajax
|
| + * auto
|
| + * url="http://somesite.com"
|
| + * headers='{"X-Requested-With": "XMLHttpRequest"}'
|
| + * handle-as="json"></iron-ajax>
|
| + *
|
| + * Note: setting a `Content-Type` header here will override the value
|
| + * specified by the `contentType` property of this element.
|
| + */
|
| + headers: {
|
| + type: Object,
|
| + value: function() {
|
| + return {};
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * Content type to use when sending data. If the `contentType` property
|
| + * is set and a `Content-Type` header is specified in the `headers`
|
| + * property, the `headers` property value will take precedence.
|
| + *
|
| + * Varies the handling of the `body` param.
|
| + */
|
| + contentType: {
|
| + type: String,
|
| + value: null
|
| + },
|
| +
|
| + /**
|
| + * Body content to send with the request, typically used with "POST"
|
| + * requests.
|
| + *
|
| + * If body is a string it will be sent unmodified.
|
| + *
|
| + * If Content-Type is set to a value listed below, then
|
| + * the body will be encoded accordingly.
|
| + *
|
| + * * `content-type="application/json"`
|
| + * * body is encoded like `{"foo":"bar baz","x":1}`
|
| + * * `content-type="application/x-www-form-urlencoded"`
|
| + * * body is encoded like `foo=bar+baz&x=1`
|
| + *
|
| + * Otherwise the body will be passed to the browser unmodified, and it
|
| + * will handle any encoding (e.g. for FormData, Blob, ArrayBuffer).
|
| + *
|
| + * @type (ArrayBuffer|ArrayBufferView|Blob|Document|FormData|null|string|undefined|Object)
|
| + */
|
| + body: {
|
| + type: Object,
|
| + value: null
|
| + },
|
| +
|
| + /**
|
| + * Toggle whether XHR is synchronous or asynchronous. Don't change this
|
| + * to true unless You Know What You Are Doing™.
|
| + */
|
| + sync: {
|
| + type: Boolean,
|
| + value: false
|
| + },
|
| +
|
| + /**
|
| + * Specifies what data to store in the `response` property, and
|
| + * to deliver as `event.detail.response` in `response` events.
|
| + *
|
| + * One of:
|
| + *
|
| + * `text`: uses `XHR.responseText`.
|
| + *
|
| + * `xml`: uses `XHR.responseXML`.
|
| + *
|
| + * `json`: uses `XHR.responseText` parsed as JSON.
|
| + *
|
| + * `arraybuffer`: uses `XHR.response`.
|
| + *
|
| + * `blob`: uses `XHR.response`.
|
| + *
|
| + * `document`: uses `XHR.response`.
|
| + */
|
| + handleAs: {
|
| + type: String,
|
| + value: 'json'
|
| + },
|
| +
|
| + /**
|
| + * Set the withCredentials flag on the request.
|
| + */
|
| + withCredentials: {
|
| + type: Boolean,
|
| + value: false
|
| + },
|
| +
|
| + /**
|
| + * Set the timeout flag on the request.
|
| + */
|
| + timeout: {
|
| + type: Number,
|
| + value: 0
|
| + },
|
| +
|
| + /**
|
| + * If true, automatically performs an Ajax request when either `url` or
|
| + * `params` changes.
|
| + */
|
| + auto: {
|
| + type: Boolean,
|
| + value: false
|
| + },
|
| +
|
| + /**
|
| + * If true, error messages will automatically be logged to the console.
|
| + */
|
| + verbose: {
|
| + type: Boolean,
|
| + value: false
|
| + },
|
| +
|
| + /**
|
| + * The most recent request made by this iron-ajax element.
|
| + */
|
| + lastRequest: {
|
| + type: Object,
|
| + notify: true,
|
| + readOnly: true
|
| + },
|
| +
|
| + /**
|
| + * True while lastRequest is in flight.
|
| + */
|
| + loading: {
|
| + type: Boolean,
|
| + notify: true,
|
| + readOnly: true
|
| + },
|
| +
|
| + /**
|
| + * lastRequest's response.
|
| + *
|
| + * Note that lastResponse and lastError are set when lastRequest finishes,
|
| + * so if loading is true, then lastResponse and lastError will correspond
|
| + * to the result of the previous request.
|
| + *
|
| + * The type of the response is determined by the value of `handleAs` at
|
| + * the time that the request was generated.
|
| + *
|
| + * @type {Object}
|
| + */
|
| + lastResponse: {
|
| + type: Object,
|
| + notify: true,
|
| + readOnly: true
|
| + },
|
| +
|
| + /**
|
| + * lastRequest's error, if any.
|
| + *
|
| + * @type {Object}
|
| + */
|
| + lastError: {
|
| + type: Object,
|
| + notify: true,
|
| + readOnly: true
|
| + },
|
| +
|
| + /**
|
| + * An Array of all in-flight requests originating from this iron-ajax
|
| + * element.
|
| + */
|
| + activeRequests: {
|
| + type: Array,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: function() {
|
| + return [];
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * Length of time in milliseconds to debounce multiple automatically generated requests.
|
| + */
|
| + debounceDuration: {
|
| + type: Number,
|
| + value: 0,
|
| + notify: true
|
| + },
|
| +
|
| + /**
|
| + * Prefix to be stripped from a JSON response before parsing it.
|
| + *
|
| + * In order to prevent an attack using CSRF with Array responses
|
| + * (http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx/)
|
| + * many backends will mitigate this by prefixing all JSON response bodies
|
| + * with a string that would be nonsensical to a JavaScript parser.
|
| + *
|
| + */
|
| + jsonPrefix: {
|
| + type: String,
|
| + value: ''
|
| + },
|
| +
|
| + /**
|
| + * By default, these events do not bubble largely because the `error` event has special
|
| + * meaning in the window object. Setting this attribute will cause iron-ajax's request,
|
| + * response, and error events to bubble to the window object.
|
| + */
|
| + bubbles: {
|
| + type: Boolean,
|
| + value: false
|
| + },
|
| +
|
| + _boundHandleResponse: {
|
| + type: Function,
|
| + value: function() {
|
| + return this._handleResponse.bind(this);
|
| + }
|
| + }
|
| + },
|
| +
|
| + observers: [
|
| + '_requestOptionsChanged(url, method, params.*, headers, contentType, ' +
|
| + 'body, sync, handleAs, jsonPrefix, withCredentials, timeout, auto)'
|
| + ],
|
| +
|
| + /**
|
| + * The query string that should be appended to the `url`, serialized from
|
| + * the current value of `params`.
|
| + *
|
| + * @return {string}
|
| + */
|
| + get queryString () {
|
| + var queryParts = [];
|
| + var param;
|
| + var value;
|
| +
|
| + for (param in this.params) {
|
| + value = this.params[param];
|
| + param = window.encodeURIComponent(param);
|
| +
|
| + if (Array.isArray(value)) {
|
| + for (var i = 0; i < value.length; i++) {
|
| + queryParts.push(param + '=' + window.encodeURIComponent(value[i]));
|
| + }
|
| + } else if (value !== null) {
|
| + queryParts.push(param + '=' + window.encodeURIComponent(value));
|
| + } else {
|
| + queryParts.push(param);
|
| + }
|
| + }
|
| +
|
| + return queryParts.join('&');
|
| + },
|
| +
|
| + /**
|
| + * The `url` with query string (if `params` are specified), suitable for
|
| + * providing to an `iron-request` instance.
|
| + *
|
| + * @return {string}
|
| + */
|
| + get requestUrl() {
|
| + var queryString = this.queryString;
|
| +
|
| + if (queryString) {
|
| + var bindingChar = this.url.indexOf('?') >= 0 ? '&' : '?';
|
| + return this.url + bindingChar + queryString;
|
| + }
|
| +
|
| + return this.url;
|
| + },
|
| +
|
| + /**
|
| + * An object that maps header names to header values, first applying the
|
| + * the value of `Content-Type` and then overlaying the headers specified
|
| + * in the `headers` property.
|
| + *
|
| + * @return {Object}
|
| + */
|
| + get requestHeaders() {
|
| + var headers = {};
|
| + var contentType = this.contentType;
|
| + if (contentType == null && (typeof this.body === 'string')) {
|
| + contentType = 'application/x-www-form-urlencoded';
|
| + }
|
| + if (contentType) {
|
| + headers['content-type'] = contentType;
|
| + }
|
| + var header;
|
| +
|
| + if (this.headers instanceof Object) {
|
| + for (header in this.headers) {
|
| + headers[header] = this.headers[header].toString();
|
| + }
|
| + }
|
| +
|
| + return headers;
|
| + },
|
| +
|
| + /**
|
| + * Request options suitable for generating an `iron-request` instance based
|
| + * on the current state of the `iron-ajax` instance's properties.
|
| + *
|
| + * @return {{
|
| + * url: string,
|
| + * method: (string|undefined),
|
| + * async: (boolean|undefined),
|
| + * body: (ArrayBuffer|ArrayBufferView|Blob|Document|FormData|null|string|undefined|Object),
|
| + * headers: (Object|undefined),
|
| + * handleAs: (string|undefined),
|
| + * jsonPrefix: (string|undefined),
|
| + * withCredentials: (boolean|undefined)}}
|
| + */
|
| + toRequestOptions: function() {
|
| + return {
|
| + url: this.requestUrl || '',
|
| + method: this.method,
|
| + headers: this.requestHeaders,
|
| + body: this.body,
|
| + async: !this.sync,
|
| + handleAs: this.handleAs,
|
| + jsonPrefix: this.jsonPrefix,
|
| + withCredentials: this.withCredentials,
|
| + timeout: this.timeout
|
| + };
|
| + },
|
| +
|
| + /**
|
| + * Performs an AJAX request to the specified URL.
|
| + *
|
| + * @return {!IronRequestElement}
|
| + */
|
| + generateRequest: function() {
|
| + var request = /** @type {!IronRequestElement} */ (document.createElement('iron-request'));
|
| + var requestOptions = this.toRequestOptions();
|
| +
|
| + this.activeRequests.push(request);
|
| +
|
| + request.completes.then(
|
| + this._boundHandleResponse
|
| + ).catch(
|
| + this._handleError.bind(this, request)
|
| + ).then(
|
| + this._discardRequest.bind(this, request)
|
| + );
|
| +
|
| + request.send(requestOptions);
|
| +
|
| + this._setLastRequest(request);
|
| + this._setLoading(true);
|
| +
|
| + this.fire('request', {
|
| + request: request,
|
| + options: requestOptions
|
| + }, {bubbles: this.bubbles});
|
| +
|
| + return request;
|
| + },
|
| +
|
| + _handleResponse: function(request) {
|
| + if (request === this.lastRequest) {
|
| + this._setLastResponse(request.response);
|
| + this._setLastError(null);
|
| + this._setLoading(false);
|
| + }
|
| + this.fire('response', request, {bubbles: this.bubbles});
|
| + },
|
| +
|
| + _handleError: function(request, error) {
|
| + if (this.verbose) {
|
| + console.error(error);
|
| + }
|
| +
|
| + if (request === this.lastRequest) {
|
| + this._setLastError({
|
| + request: request,
|
| + error: error
|
| + });
|
| + this._setLastResponse(null);
|
| + this._setLoading(false);
|
| + }
|
| + this.fire('error', {
|
| + request: request,
|
| + error: error
|
| + }, {bubbles: this.bubbles});
|
| + },
|
| +
|
| + _discardRequest: function(request) {
|
| + var requestIndex = this.activeRequests.indexOf(request);
|
| +
|
| + if (requestIndex > -1) {
|
| + this.activeRequests.splice(requestIndex, 1);
|
| + }
|
| + },
|
| +
|
| + _requestOptionsChanged: function() {
|
| + this.debounce('generate-request', function() {
|
| + if (this.url == null) {
|
| + return;
|
| + }
|
| +
|
| + if (this.auto) {
|
| + this.generateRequest();
|
| + }
|
| + }, this.debounceDuration);
|
| + },
|
| +
|
| + });
|
| +</script>
|
| +
|
| +
|
| +<script>
|
| +(function() {
|
| + "use strict";
|
| + /**
|
| + `Polymer.IronJsonpLibraryBehavior` loads a jsonp library.
|
| + Multiple components can request same library, only one copy will load.
|
| +
|
| + Some libraries require a specific global function be defined.
|
| + If this is the case, specify the `callbackName` property.
|
| +
|
| + You should use an HTML Import to load library dependencies
|
| + when possible instead of using this element.
|
| +
|
| + @hero hero.svg
|
| + @demo demo/index.html
|
| + @polymerBehavior
|
| + */
|
| + Polymer.IronJsonpLibraryBehavior = {
|
| +
|
| + properties: {
|
| + /**
|
| + * True if library has been successfully loaded
|
| + */
|
| + libraryLoaded: {
|
| + type: Boolean,
|
| + value: false,
|
| + notify: true,
|
| + readOnly: true
|
| + },
|
| + /**
|
| + * Not null if library has failed to load
|
| + */
|
| + libraryErrorMessage: {
|
| + type: String,
|
| + value: null,
|
| + notify: true,
|
| + readOnly: true
|
| + }
|
| + // Following properties are to be set by behavior users
|
| + /**
|
| + * Library url. Must contain string `%%callback%%`.
|
| + *
|
| + * `%%callback%%` is a placeholder for jsonp wrapper function name
|
| + *
|
| + * Ex: https://maps.googleapis.com/maps/api/js?callback=%%callback%%
|
| + * @property libraryUrl
|
| + */
|
| + /**
|
| + * Set if library requires specific callback name.
|
| + * Name will be automatically generated if not set.
|
| + * @property callbackName
|
| + */
|
| + /**
|
| + * name of event to be emitted when library loads. Standard is `api-load`
|
| + * @property notifyEvent
|
| + */
|
| + /**
|
| + * event with name specified in `notifyEvent` attribute
|
| + * will fire upon successful load2
|
| + * @event `notifyEvent`
|
| + */
|
| + },
|
| +
|
| + observers: [
|
| + '_libraryUrlChanged(libraryUrl)'
|
| + ],
|
| +
|
| + _libraryUrlChanged: function(libraryUrl) {
|
| + // can't load before ready because notifyEvent might not be set
|
| + if (this._isReady && this.libraryUrl)
|
| + this._loadLibrary();
|
| + },
|
| +
|
| + _libraryLoadCallback: function(err, result) {
|
| + if (err) {
|
| + console.warn("Library load failed:", err.message);
|
| + this._setLibraryErrorMessage(err.message);
|
| + }
|
| + else {
|
| + this._setLibraryErrorMessage(null);
|
| + this._setLibraryLoaded(true);
|
| + if (this.notifyEvent)
|
| + this.fire(this.notifyEvent, result);
|
| + }
|
| + },
|
| +
|
| + /** loads the library, and fires this.notifyEvent upon completion */
|
| + _loadLibrary: function() {
|
| + LoaderMap.require(
|
| + this.libraryUrl,
|
| + this._libraryLoadCallback.bind(this),
|
| + this.callbackName
|
| + );
|
| + },
|
| +
|
| + ready: function() {
|
| + this._isReady = true;
|
| + if (this.libraryUrl)
|
| + this._loadLibrary();
|
| + }
|
| + };
|
| +
|
| + /**
|
| + * LoaderMap keeps track of all Loaders
|
| + */
|
| + var LoaderMap = {
|
| + apiMap: {}, // { hash -> Loader }
|
| +
|
| + /**
|
| + * @param {Function} notifyCallback loaded callback fn(result)
|
| + * @param {string} jsonpCallbackName name of jsonpcallback. If API does not provide it, leave empty. Optional.
|
| + */
|
| + require: function(url, notifyCallback, jsonpCallbackName) {
|
| +
|
| + // make hashable string form url
|
| + var name = this.nameFromUrl(url);
|
| +
|
| + // create a loader as needed
|
| + if (!this.apiMap[name])
|
| + this.apiMap[name] = new Loader(name, url, jsonpCallbackName);
|
| +
|
| + // ask for notification
|
| + this.apiMap[name].requestNotify(notifyCallback);
|
| + },
|
| +
|
| + nameFromUrl: function(url) {
|
| + return url.replace(/[\:\/\%\?\&\.\=\-\,]/g, '_') + '_api';
|
| + }
|
| + };
|
| +
|
| + /** @constructor */
|
| + var Loader = function(name, url, callbackName) {
|
| + this.notifiers = []; // array of notifyFn [ notifyFn* ]
|
| +
|
| + // callback is specified either as callback name
|
| + // or computed dynamically if url has callbackMacro in it
|
| + if (!callbackName) {
|
| + if (url.indexOf(this.callbackMacro) >= 0) {
|
| + callbackName = name + '_loaded';
|
| + url = url.replace(this.callbackMacro, callbackName);
|
| + } else {
|
| + this.error = new Error('IronJsonpLibraryBehavior a %%callback%% parameter is required in libraryUrl');
|
| + // TODO(sjmiles): we should probably fallback to listening to script.load
|
| + return;
|
| + }
|
| + }
|
| + this.callbackName = callbackName;
|
| + window[this.callbackName] = this.success.bind(this);
|
| + this.addScript(url);
|
| + };
|
| +
|
| + Loader.prototype = {
|
| +
|
| + callbackMacro: '%%callback%%',
|
| + loaded: false,
|
| +
|
| + addScript: function(src) {
|
| + var script = document.createElement('script');
|
| + script.src = src;
|
| + script.onerror = this.handleError.bind(this);
|
| + var s = document.querySelector('script') || document.body;
|
| + s.parentNode.insertBefore(script, s);
|
| + this.script = script;
|
| + },
|
| +
|
| + removeScript: function() {
|
| + if (this.script.parentNode) {
|
| + this.script.parentNode.removeChild(this.script);
|
| + }
|
| + this.script = null;
|
| + },
|
| +
|
| + handleError: function(ev) {
|
| + this.error = new Error("Library failed to load");
|
| + this.notifyAll();
|
| + this.cleanup();
|
| + },
|
| +
|
| + success: function() {
|
| + this.loaded = true;
|
| + this.result = Array.prototype.slice.call(arguments);
|
| + this.notifyAll();
|
| + this.cleanup();
|
| + },
|
| +
|
| + cleanup: function() {
|
| + delete window[this.callbackName];
|
| + },
|
| +
|
| + notifyAll: function() {
|
| + this.notifiers.forEach( function(notifyCallback) {
|
| + notifyCallback(this.error, this.result);
|
| + }.bind(this));
|
| + this.notifiers = [];
|
| + },
|
| +
|
| + requestNotify: function(notifyCallback) {
|
| + if (this.loaded || this.error) {
|
| + notifyCallback( this.error, this.result);
|
| + } else {
|
| + this.notifiers.push(notifyCallback);
|
| + }
|
| + }
|
| + };
|
| +})();
|
| +</script>
|
| +
|
| +
|
| +<script>
|
| + Polymer({
|
| +
|
| + is: 'iron-jsonp-library',
|
| +
|
| + behaviors: [ Polymer.IronJsonpLibraryBehavior ],
|
| +
|
| + properties: {
|
| + /**
|
| + * Library url. Must contain string `%%callback%%`.
|
| + *
|
| + * `%%callback%%` is a placeholder for jsonp wrapper function name
|
| + *
|
| + * Ex: https://maps.googleapis.com/maps/api/js?callback=%%callback%%
|
| + */
|
| + libraryUrl: String,
|
| + /**
|
| + * Set if library requires specific callback name.
|
| + * Name will be automatically generated if not set.
|
| + */
|
| + callbackName: String,
|
| + /**
|
| + * event with name specified in 'notifyEvent' attribute
|
| + * will fire upon successful load
|
| + */
|
| + notifyEvent: String
|
| + /**
|
| + * event with name specified in 'notifyEvent' attribute
|
| + * will fire upon successful load
|
| + * @event `notifyEvent`
|
| + */
|
| +
|
| + }
|
| + });
|
| +
|
| +</script>
|
| +<script>
|
| + Polymer({
|
| +
|
| + is: 'google-js-api',
|
| +
|
| + behaviors: [
|
| + Polymer.IronJsonpLibraryBehavior
|
| + ],
|
| +
|
| + properties: {
|
| +
|
| + /** @private */
|
| + libraryUrl: {
|
| + type: String,
|
| + value: 'https://apis.google.com/js/api.js?onload=%%callback%%'
|
| + },
|
| +
|
| + /**
|
| + * Fired when the API library is loaded and available.
|
| + * @event js-api-load
|
| + */
|
| + /**
|
| + * Name of event fired when library is loaded and available.
|
| + */
|
| + notifyEvent: {
|
| + type: String,
|
| + value: 'js-api-load'
|
| + },
|
| + },
|
| +
|
| + get api() {
|
| + return gapi;
|
| + }
|
| +
|
| + });
|
| +</script>
|
| +
|
| +<script>
|
| + (function() {
|
| +
|
| + /**
|
| + * Enum of attributes to be passed through to the login API call.
|
| + * @readonly
|
| + * @enum {string}
|
| + */
|
| + var ProxyLoginAttributes = {
|
| + 'appPackageName': 'apppackagename',
|
| + 'clientId': 'clientid',
|
| + 'cookiePolicy': 'cookiepolicy',
|
| + 'hostedDomain': 'hostedDomain',
|
| + 'openidPrompt': 'prompt',
|
| + 'requestVisibleActions': 'requestvisibleactions'
|
| + };
|
| +
|
| + /**
|
| + * AuthEngine does all interactions with gapi.auth2
|
| + *
|
| + * It is tightly coupled with <google-signin-aware> element
|
| + * The elements configure AuthEngine.
|
| + * AuthEngine propagates all authentication events to all google-signin-aware elements
|
| + *
|
| + * API used: https://developers.google.com/identity/sign-in/web/reference
|
| + *
|
| + */
|
| + var AuthEngine = {
|
| +
|
| + /**
|
| + * oauth2 argument, set by google-signin-aware
|
| + */
|
| + _clientId: null,
|
| +
|
| + get clientId() {
|
| + return this._clientId;
|
| + },
|
| +
|
| + set clientId(val) {
|
| + if (this._clientId && val && val != this._clientId) {
|
| + throw new Error('clientId cannot change. Values do not match. New: ' + val + ' Old:' + this._clientId);
|
| + }
|
| + if (val && val != this._clientId) {
|
| + this._clientId = val;
|
| + this.initAuth2();
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * oauth2 argument, set by google-signin-aware
|
| + */
|
| + _cookiePolicy: 'single_host_origin',
|
| +
|
| + get cookiePolicy() {
|
| + return this._cookiePolicy;
|
| + },
|
| +
|
| + set cookiePolicy(val) {
|
| + if (val) {
|
| + this._cookiePolicy = val;
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * oauth2 argument, set by google-signin-aware
|
| + */
|
| + _appPackageName: '',
|
| +
|
| + get appPackageName() {
|
| + return this._appPackageName;
|
| + },
|
| +
|
| + set appPackageName(val) {
|
| + if (this._appPackageName && val && val != this._appPackageName) {
|
| + throw new Error('appPackageName cannot change. Values do not match. New: ' + val + ' Old: ' + this._appPackageName);
|
| + }
|
| + if (val) {
|
| + this._appPackageName = val;
|
| + }
|
| + },
|
| +
|
| + /**
|
| + * oauth2 argument, set by google-signin-aware
|
| + */
|
| + _requestVisibleActions: '',
|
| +
|
| + get requestVisibleactions() {
|
| + return this._requestVisibleActions;
|
| + },
|
| +
|
| + set requestVisibleactions(val) {
|
| + if (this._requestVisibleActions && val && val != this._requestVisibleActions) {
|
| + throw new Error('requestVisibleactions cannot change. Values do not match. New: ' + val + ' Old: ' + this._requestVisibleActions);
|
| + }
|
| + if (val)
|
| + this._requestVisibleActions = val;
|
| + },
|
| +
|
| + /**
|
| + * oauth2 argument, set by google-signin-aware
|
| + */
|
| + _hostedDomain: '',
|
| +
|
| + get hostedDomain() {
|
| + return this._hostedDomain;
|
| + },
|
| +
|
| + set hostedDomain(val) {
|
| + if (this._hostedDomain && val && val != this._hostedDomain) {
|
| + throw new Error('hostedDomain cannot change. Values do not match. New: ' + val + ' Old: ' + this._hostedDomain);
|
| + }
|
| + if (val)
|
| + this._hostedDomain = val;
|
| + },
|
| +
|
| + /**
|
| + * oauth2 argument, set by google-signin-aware
|
| + */
|
| + _openidPrompt: '',
|
| +
|
| + get openidPrompt() {
|
| + return this._openidPrompt;
|
| + },
|
| +
|
| + set openidPrompt(val) {
|
| + if (typeof val !== 'string') {
|
| + throw new Error(
|
| + 'openidPrompt must be a string. Received ' + typeof val);
|
| + }
|
| + if (val) {
|
| + var values = val.split(' ');
|
| + values = values.map(function(v) {
|
| + return v.trim();
|
| + });
|
| + values = values.filter(function(v) {
|
| + return v;
|
| + });
|
| + var validValues = {none: 0, login: 0, consent: 0, select_account: 0};
|
| + values.forEach(function(v) {
|
| + if (v == 'none' && values.length > 1) {
|
| + throw new Error(
|
| + 'none cannot be combined with other openidPrompt values');
|
| + }
|
| + if (!(v in validValues)) {
|
| + throw new Error(
|
| + 'invalid openidPrompt value ' + v +
|
| + '. Valid values: ' + Object.keys(validValues).join(', '));
|
| + }
|
| + });
|
| + }
|
| + this._openidPrompt = val;
|
| + },
|
| +
|
| + /** Is offline access currently enabled in the google-signin-aware element? */
|
| + _offline: false,
|
| +
|
| + get offline() {
|
| + return this._offline;
|
| + },
|
| +
|
| + set offline(val) {
|
| + this._offline = val;
|
| + this.updateAdditionalAuth();
|
| + },
|
| +
|
| + /** Should we force a re-prompt for offline access? */
|
| + _offlineAlwaysPrompt: false,
|
| +
|
| + get offlineAlwaysPrompt() {
|
| + return this._offlineAlwaysPrompt;
|
| + },
|
| +
|
| + set offlineAlwaysPrompt(val) {
|
| + this._offlineAlwaysPrompt = val;
|
| + this.updateAdditionalAuth();
|
| + },
|
| +
|
| + /** Have we already gotten offline access from Google during this session? */
|
| + offlineGranted: false,
|
| +
|
| + /** <google-js-api> */
|
| + _apiLoader: null,
|
| +
|
| + /** an array of wanted scopes. oauth2 argument */
|
| + _requestedScopeArray: [],
|
| +
|
| + /** _requestedScopeArray as string */
|
| + get requestedScopes() {
|
| + return this._requestedScopeArray.join(' ');
|
| + },
|
| +
|
| + /** Is user signed in? */
|
| + _signedIn: false,
|
| +
|
| + /** Currently granted scopes */
|
| + _grantedScopeArray: [],
|
| +
|
| + /** True if additional authorization is required */
|
| + _needAdditionalAuth: true,
|
| +
|
| + /** True if have google+ scopes */
|
| + _hasPlusScopes: false,
|
| +
|
| + /**
|
| + * array of <google-signin-aware>
|
| + * state changes are broadcast to them
|
| + */
|
| + signinAwares: [],
|
| +
|
| + init: function() {
|
| + this._apiLoader = document.createElement('google-js-api');
|
| + this._apiLoader.addEventListener('js-api-load', this.loadAuth2.bind(this));
|
| + },
|
| +
|
| + loadAuth2: function() {
|
| + gapi.load('auth2', this.initAuth2.bind(this));
|
| + },
|
| +
|
| + initAuth2: function() {
|
| + if (!('gapi' in window) || !('auth2' in window.gapi) || !this.clientId) {
|
| + return;
|
| + }
|
| + var auth = gapi.auth2.init({
|
| + 'client_id': this.clientId,
|
| + 'cookie_policy': this.cookiePolicy,
|
| + 'scope': this.requestedScopes,
|
| + 'hosted_domain': this.hostedDomain
|
| + });
|
| +
|
| + auth['currentUser'].listen(this.handleUserUpdate.bind(this));
|
| +
|
| + auth.then(
|
| + function onFulfilled() {
|
| + // Let the current user listener trigger the changes.
|
| + },
|
| + function onRejected(error) {
|
| + console.error(error);
|
| + }
|
| + );
|
| + },
|
| +
|
| + handleUserUpdate: function(newPrimaryUser) {
|
| + // update and broadcast currentUser
|
| + var isSignedIn = newPrimaryUser.isSignedIn();
|
| + if (isSignedIn != this._signedIn) {
|
| + this._signedIn = isSignedIn;
|
| + for (var i=0; i<this.signinAwares.length; i++) {
|
| + this.signinAwares[i]._setSignedIn(isSignedIn);
|
| + }
|
| + }
|
| +
|
| + // update granted scopes
|
| + this._grantedScopeArray = this.strToScopeArray(
|
| + newPrimaryUser.getGrantedScopes());
|
| + // console.log(this._grantedScopeArray);
|
| + this.updateAdditionalAuth();
|
| +
|
| + var response = newPrimaryUser.getAuthResponse();
|
| + for (var i=0; i<this.signinAwares.length; i++) {
|
| + this.signinAwares[i]._updateScopeStatus(response);
|
| + }
|
| + },
|
| +
|
| + setOfflineCode: function(code) {
|
| + for (var i=0; i<this.signinAwares.length; i++) {
|
| + this.signinAwares[i]._updateOfflineCode(code);
|
| + }
|
| + },
|
| +
|
| + /** convert scope string to scope array */
|
| + strToScopeArray: function(str) {
|
| + if (!str) {
|
| + return [];
|
| + }
|
| + // remove extra spaces, then split
|
| + var scopes = str.replace(/\ +/g, ' ').trim().split(' ');
|
| + for (var i=0; i<scopes.length; i++) {
|
| + scopes[i] = scopes[i].toLowerCase();
|
| + // Handle scopes that will be deprecated but are still returned with their old value
|
| + if (scopes[i] === 'https://www.googleapis.com/auth/userinfo.profile') {
|
| + scopes[i] = 'profile';
|
| + }
|
| + if (scopes[i] === 'https://www.googleapis.com/auth/userinfo.email') {
|
| + scopes[i] = 'email';
|
| + }
|
| + }
|
| + // return with duplicates filtered out
|
| + return scopes.filter( function(value, index, self) {
|
| + return self.indexOf(value) === index;
|
| + });
|
| + },
|
| +
|
| + /** true if scopes have google+ scopes */
|
| + isPlusScope: function(scope) {
|
| + return (scope.indexOf('/auth/games') > -1)
|
| + || (scope.indexOf('auth/plus.') > -1 && scope.indexOf('auth/plus.me') < 0);
|
| + },
|
| +
|
| + /** true if scopes have been granted */
|
| + hasGrantedScopes: function(scopeStr) {
|
| + var scopes = this.strToScopeArray(scopeStr);
|
| + for (var i=0; i< scopes.length; i++) {
|
| + if (this._grantedScopeArray.indexOf(scopes[i]) === -1)
|
| + return false;
|
| + }
|
| + return true;
|
| + },
|
| +
|
| + /** request additional scopes */
|
| + requestScopes: function(newScopeStr) {
|
| + var newScopes = this.strToScopeArray(newScopeStr);
|
| + var scopesUpdated = false;
|
| + for (var i=0; i<newScopes.length; i++) {
|
| + if (this._requestedScopeArray.indexOf(newScopes[i]) === -1) {
|
| + this._requestedScopeArray.push(newScopes[i]);
|
| + scopesUpdated = true;
|
| + }
|
| + }
|
| + if (scopesUpdated) {
|
| + this.updateAdditionalAuth();
|
| + this.updatePlusScopes();
|
| + }
|
| + },
|
| +
|
| + /** update status of _needAdditionalAuth */
|
| + updateAdditionalAuth: function() {
|
| + var needMoreAuth = false;
|
| + if ((this.offlineAlwaysPrompt || this.offline ) && !this.offlineGranted) {
|
| + needMoreAuth = true;
|
| + } else {
|
| + for (var i=0; i<this._requestedScopeArray.length; i++) {
|
| + if (this._grantedScopeArray.indexOf(this._requestedScopeArray[i]) === -1) {
|
| + needMoreAuth = true;
|
| + break;
|
| + }
|
| + }
|
| + }
|
| + if (this._needAdditionalAuth != needMoreAuth) {
|
| + this._needAdditionalAuth = needMoreAuth;
|
| + // broadcast new value
|
| + for (var i=0; i<this.signinAwares.length; i++) {
|
| + this.signinAwares[i]._setNeedAdditionalAuth(needMoreAuth);
|
| + }
|
| + }
|
| + },
|
| +
|
| + updatePlusScopes: function() {
|
| + var hasPlusScopes = false;
|
| + for (var i = 0; i < this._requestedScopeArray.length; i++) {
|
| + if (this.isPlusScope(this._requestedScopeArray[i])) {
|
| + hasPlusScopes = true;
|
| + break;
|
| + }
|
| + }
|
| + if (this._hasPlusScopes != hasPlusScopes) {
|
| + this._hasPlusScopes = hasPlusScopes;
|
| + for (var i=0; i<this.signinAwares.length; i++) {
|
| + this.signinAwares[i]._setHasPlusScopes(hasPlusScopes);
|
| + }
|
| + }
|
| + },
|
| + /**
|
| + * attached <google-signin-aware>
|
| + * @param {!GoogleSigninAwareElement} aware element to add
|
| + */
|
| + attachSigninAware: function(aware) {
|
| + if (this.signinAwares.indexOf(aware) == -1) {
|
| + this.signinAwares.push(aware);
|
| + // Initialize aware properties
|
| + aware._setNeedAdditionalAuth(this._needAdditionalAuth);
|
| + aware._setSignedIn(this._signedIn);
|
| + aware._setHasPlusScopes(this._hasPlusScopes);
|
| + } else {
|
| + console.warn('signinAware attached more than once', aware);
|
| + }
|
| + },
|
| +
|
| + detachSigninAware: function(aware) {
|
| + var index = this.signinAwares.indexOf(aware);
|
| + if (index != -1) {
|
| + this.signinAwares.splice(index, 1);
|
| + } else {
|
| + console.warn('Trying to detach unattached signin-aware');
|
| + }
|
| + },
|
| +
|
| + /** returns scopes not granted */
|
| + getMissingScopes: function() {
|
| + return this._requestedScopeArray.filter( function(scope) {
|
| + return this._grantedScopeArray.indexOf(scope) === -1;
|
| + }.bind(this)).join(' ');
|
| + },
|
| +
|
| + assertAuthInitialized: function() {
|
| + if (!this.clientId) {
|
| + throw new Error("AuthEngine not initialized. clientId has not been configured.");
|
| + }
|
| + if (!('gapi' in window)) {
|
| + throw new Error("AuthEngine not initialized. gapi has not loaded.");
|
| + }
|
| + if (!('auth2' in window.gapi)) {
|
| + throw new Error("AuthEngine not initialized. auth2 not loaded.");
|
| + }
|
| + },
|
| +
|
| + /** pops up sign-in dialog */
|
| + signIn: function() {
|
| + this.assertAuthInitialized();
|
| + var params = {
|
| + 'scope': this.getMissingScopes()
|
| + };
|
| +
|
| + // Proxy specific attributes through to the signIn options.
|
| + Object.keys(ProxyLoginAttributes).forEach(function(key) {
|
| + if (this[key] && this[key] !== '') {
|
| + params[ProxyLoginAttributes[key]] = this[key];
|
| + }
|
| + }, this);
|
| +
|
| + var promise;
|
| + var user = gapi.auth2.getAuthInstance()['currentUser'].get();
|
| + if (!(this.offline || this.offlineAlwaysPrompt)) {
|
| + if (user.getGrantedScopes()) {
|
| + // additional auth, skip multiple account dialog
|
| + promise = user.grant(params);
|
| + } else {
|
| + // initial signin
|
| + promise = gapi.auth2.getAuthInstance().signIn(params);
|
| + }
|
| + } else {
|
| + params.redirect_uri = 'postmessage';
|
| + if (this.offlineAlwaysPrompt) {
|
| + params.approval_prompt = 'force';
|
| + }
|
| +
|
| + // Despite being documented at https://goo.gl/tiO0Bk
|
| + // It doesn't seem like user.grantOfflineAccess() actually exists in
|
| + // the current version of the Google Sign-In JS client we're using
|
| + // through GoogleWebComponents. So in the offline case, we will not
|
| + // distinguish between a first auth and an additional one.
|
| + promise = gapi.auth2.getAuthInstance().grantOfflineAccess(params);
|
| + }
|
| + promise.then(
|
| + function onFulfilled(response) {
|
| + // If login was offline, response contains one string "code"
|
| + // Otherwise it contains the user object already
|
| + var newUser;
|
| + if (response.code) {
|
| + AuthEngine.offlineGranted = true;
|
| + newUser = gapi.auth2.getAuthInstance()['currentUser'].get();
|
| + AuthEngine.setOfflineCode(response.code);
|
| + } else {
|
| + newUser = response;
|
| + }
|
| +
|
| + var authResponse = newUser.getAuthResponse();
|
| + // Let the current user listener trigger the changes.
|
| + },
|
| + function onRejected(error) {
|
| + // Access denied is not an error, user hit cancel
|
| + if ("Access denied." !== error.reason) {
|
| + this.signinAwares.forEach(function(awareInstance) {
|
| + awareInstance.errorNotify(error);
|
| + });
|
| + }
|
| + }.bind(this)
|
| + );
|
| + },
|
| +
|
| + /** signs user out */
|
| + signOut: function() {
|
| + this.assertAuthInitialized();
|
| + gapi.auth2.getAuthInstance().signOut().then(
|
| + function onFulfilled() {
|
| + // Let the current user listener trigger the changes.
|
| + },
|
| + function onRejected(error) {
|
| + console.error(error);
|
| + }
|
| + );
|
| + }
|
| + };
|
| +
|
| + AuthEngine.init();
|
| +
|
| +/**
|
| +`google-signin-aware` is used to enable authentication in custom elements by
|
| +interacting with a google-signin element that needs to be present somewhere
|
| +on the page.
|
| +
|
| +The `scopes` attribute allows you to specify which scope permissions are required
|
| +(e.g do you want to allow interaction with the Google Drive API).
|
| +
|
| +The `google-signin-aware-success` event is triggered when a user successfully
|
| +authenticates. If either `offline` or `offlineAlwaysPrompt` is set to true, successful
|
| +authentication will also trigger the `google-signin-offline-success`event.
|
| +The `google-signin-aware-signed-out` event is triggered when a user explicitly
|
| +signs out via the google-signin element.
|
| +
|
| +You can bind to `isAuthorized` property to monitor authorization state.
|
| +##### Example
|
| +
|
| + <google-signin-aware scopes="https://www.googleapis.com/auth/drive"></google-signin-aware>
|
| +
|
| +
|
| +##### Example with offline
|
| + <template id="awareness" is="dom-bind">
|
| + <google-signin-aware
|
| + scopes="https://www.googleapis.com/auth/drive"
|
| + offline
|
| + on-google-signin-aware-success="handleSignin"
|
| + on-google-signin-offline-success="handleOffline"></google-signin-aware>
|
| + <\/template>
|
| + <script>
|
| + var aware = document.querySelector('#awareness');
|
| + aware.handleSignin = function(response) {
|
| + var user = gapi.auth2.getAuthInstance()['currentUser'].get();
|
| + console.log('User name: ' + user.getBasicProfile().getName());
|
| + };
|
| + aware.handleOffline = function(response) {
|
| + console.log('Offline code received: ' + response.detail.code);
|
| + // Here you would POST response.detail.code to your webserver, which can
|
| + // exchange the authorization code for an access token. More info at:
|
| + // https://developers.google.com/identity/protocols/OAuth2WebServer
|
| + };
|
| + <\/script>
|
| +*/
|
| + Polymer({
|
| +
|
| + is: 'google-signin-aware',
|
| +
|
| + /**
|
| + * Fired when this scope has been authorized
|
| + * @param {Object} result Authorization result.
|
| + * @event google-signin-aware-success
|
| + */
|
| +
|
| + /**
|
| + * Fired when an offline authorization is successful.
|
| + * @param {{code: string}} detail -
|
| + * code: The one-time authorization code from Google.
|
| + * Your application can exchange this for an `access_token` and `refresh_token`
|
| + * @event google-signin-offline-success
|
| + */
|
| +
|
| + /**
|
| + * Fired when this scope is not authorized
|
| + * @event google-signin-aware-signed-out
|
| + */
|
| +
|
| + /**
|
| + * Fired when there is an error during the signin flow.
|
| + * @param {Object} detail The error object returned from the OAuth 2 flow.
|
| + * @event google-signin-aware-error
|
| + */
|
| +
|
| + /**
|
| + * This block is needed so the previous @param is not assigned to the next property.
|
| + */
|
| +
|
| + properties: {
|
| + /**
|
| + * App package name for android over-the-air installs.
|
| + * See the relevant [docs](https://developers.google.com/+/web/signin/android-app-installs)
|
| + */
|
| + appPackageName: {
|
| + type: String,
|
| + observer: '_appPackageNameChanged'
|
| + },
|
| +
|
| + /**
|
| + * a Google Developers clientId reference
|
| + */
|
| + clientId: {
|
| + type: String,
|
| + observer: '_clientIdChanged'
|
| + },
|
| +
|
| + /**
|
| + * The cookie policy defines what URIs have access to the session cookie
|
| + * remembering the user's sign-in state.
|
| + * See the relevant [docs](https://developers.google.com/+/web/signin/reference#determining_a_value_for_cookie_policy) for more information.
|
| + * @default 'single_host_origin'
|
| + */
|
| + cookiePolicy: {
|
| + type: String,
|
| + observer: '_cookiePolicyChanged'
|
| + },
|
| +
|
| + /**
|
| + * The app activity types you want to write on behalf of the user
|
| + * (e.g http://schemas.google.com/AddActivity)
|
| + *
|
| + */
|
| + requestVisibleActions: {
|
| + type: String,
|
| + observer: '_requestVisibleActionsChanged'
|
| + },
|
| +
|
| + /**
|
| + * The Google Apps domain to which users must belong to sign in.
|
| + * See the relevant [docs](https://developers.google.com/identity/sign-in/web/reference) for more information.
|
| + */
|
| + hostedDomain: {
|
| + type: String,
|
| + observer: '_hostedDomainChanged'
|
| + },
|
| +
|
| + /**
|
| + * Allows for offline `access_token` retrieval during the signin process.
|
| + * See also `offlineAlwaysPrompt`. You only need to set one of the two; if both
|
| + * are set, the behavior of `offlineAlwaysPrompt` will override `offline`.
|
| + */
|
| + offline: {
|
| + type: Boolean,
|
| + value: false,
|
| + observer: '_offlineChanged'
|
| + },
|
| +
|
| + /**
|
| + * Works the same as `offline` with the addition that it will always
|
| + * force a re-prompt to the user, guaranteeing that you will get a
|
| + * refresh_token even if the user has already granted offline access to
|
| + * this application. You only need to set one of `offline` or
|
| + * `offlineAlwaysPrompt`, not both.
|
| + */
|
| + offlineAlwaysPrompt: {
|
| + type: Boolean,
|
| + value: false,
|
| + observer: '_offlineAlwaysPromptChanged'
|
| + },
|
| +
|
| + /**
|
| + * The scopes to provide access to (e.g https://www.googleapis.com/auth/drive)
|
| + * and should be space-delimited.
|
| + */
|
| + scopes: {
|
| + type: String,
|
| + value: 'profile',
|
| + observer: '_scopesChanged'
|
| + },
|
| +
|
| + /**
|
| + * Space-delimited, case-sensitive list of strings that
|
| + * specifies whether the the user is prompted for reauthentication
|
| + * and/or consent. The defined values are:
|
| + * none: do not display authentication or consent pages.
|
| + * This value is mutually exclusive with the rest.
|
| + * login: always prompt the user for reauthentication.
|
| + * consent: always show consent screen.
|
| + * select_account: always show account selection page.
|
| + * This enables a user who has multiple accounts to select amongst
|
| + * the multiple accounts that they might have current sessions for.
|
| + * For more information, see "prompt" parameter description in
|
| + * https://openid.net/specs/openid-connect-basic-1_0.html#RequestParameters
|
| + */
|
| + openidPrompt: {
|
| + type: String,
|
| + value: '',
|
| + observer: '_openidPromptChanged'
|
| + },
|
| +
|
| + /**
|
| + * True if user is signed in
|
| + */
|
| + signedIn: {
|
| + type: Boolean,
|
| + notify: true,
|
| + readOnly: true
|
| + },
|
| +
|
| + /**
|
| + * True if authorizations for *this* element have been granted
|
| + */
|
| + isAuthorized: {
|
| + type: Boolean,
|
| + notify: true,
|
| + readOnly: true,
|
| + value: false
|
| + },
|
| +
|
| + /**
|
| + * True if additional authorizations for *any* element are required
|
| + */
|
| + needAdditionalAuth: {
|
| + type: Boolean,
|
| + notify: true,
|
| + readOnly: true
|
| + },
|
| +
|
| + /**
|
| + * True if *any* element has google+ scopes
|
| + */
|
| + hasPlusScopes: {
|
| + type: Boolean,
|
| + value: false,
|
| + notify: true,
|
| + readOnly: true
|
| + }
|
| + },
|
| +
|
| + attached: function() {
|
| + AuthEngine.attachSigninAware(this);
|
| + },
|
| +
|
| + detached: function() {
|
| + AuthEngine.detachSigninAware(this);
|
| + },
|
| +
|
| + /** pops up the authorization dialog */
|
| + signIn: function() {
|
| + AuthEngine.signIn();
|
| + },
|
| +
|
| + /** signs user out */
|
| + signOut: function() {
|
| + AuthEngine.signOut();
|
| + },
|
| +
|
| + errorNotify: function(error) {
|
| + this.fire('google-signin-aware-error', error);
|
| + },
|
| +
|
| + _appPackageNameChanged: function(newName, oldName) {
|
| + AuthEngine.appPackageName = newName;
|
| + },
|
| +
|
| + _clientIdChanged: function(newId, oldId) {
|
| + AuthEngine.clientId = newId;
|
| + },
|
| +
|
| + _cookiePolicyChanged: function(newPolicy, oldPolicy) {
|
| + AuthEngine.cookiePolicy = newPolicy;
|
| + },
|
| +
|
| + _requestVisibleActionsChanged: function(newVal, oldVal) {
|
| + AuthEngine.requestVisibleActions = newVal;
|
| + },
|
| +
|
| + _hostedDomainChanged: function(newVal, oldVal) {
|
| + AuthEngine.hostedDomain = newVal;
|
| + },
|
| +
|
| + _offlineChanged: function(newVal, oldVal) {
|
| + AuthEngine.offline = newVal;
|
| + },
|
| +
|
| + _offlineAlwaysPromptChanged: function(newVal, oldVal) {
|
| + AuthEngine.offlineAlwaysPrompt = newVal;
|
| + },
|
| +
|
| + _scopesChanged: function(newVal, oldVal) {
|
| + AuthEngine.requestScopes(newVal);
|
| + this._updateScopeStatus(undefined);
|
| + },
|
| +
|
| + _openidPromptChanged: function(newVal, oldVal) {
|
| + AuthEngine.openidPrompt = newVal;
|
| + },
|
| +
|
| + _updateScopeStatus: function(user) {
|
| + var newAuthorized = this.signedIn && AuthEngine.hasGrantedScopes(this.scopes);
|
| + if (newAuthorized !== this.isAuthorized) {
|
| + this._setIsAuthorized(newAuthorized);
|
| + if (newAuthorized) {
|
| + this.fire('google-signin-aware-success', user);
|
| + }
|
| + else {
|
| + this.fire('google-signin-aware-signed-out', user);
|
| + }
|
| + }
|
| + },
|
| +
|
| + _updateOfflineCode: function(code) {
|
| + if (code) {
|
| + this.fire('google-signin-offline-success', {code: code});
|
| + }
|
| + }
|
| + });
|
| + })();
|
| +</script>
|
| +
|
| +<dom-module id="auth-signin" assetpath="common/">
|
| + <template>
|
| + <style>
|
| + #avatar {
|
| + border-radius: 5px;
|
| + }
|
| + #signinContainer {
|
| + margin-top: 14px;
|
| + }
|
| + </style>
|
| +
|
| + <google-signin-aware id="aware" client-id="[[clientId]]" scopes="email" on-google-signin-aware-success="_onSignin" on-google-signin-aware-signed-out="_onSignout"></google-signin-aware>
|
| +
|
| + <template is="dom-if" if="[[!signedIn]]">
|
| + <div id="signinContainer">
|
| + <a on-tap="signIn" href="#">Sign in</a>
|
| + </div>
|
| + </template>
|
| +
|
| + <template is="dom-if" if="[[signedIn]]">
|
| + <img id="avatar" src="[[profile.imageUrl]]" width="30" height="30">
|
| + <span>[[profile.email]]</span>
|
| + <span>|</span>
|
| + <a on-tap="signOut" href="#">Sign out</a>
|
| + </template>
|
| + </template>
|
| + <script>
|
| + 'use strict';
|
| + Polymer({
|
| + is: 'auth-signin',
|
| + properties: {
|
| + authHeaders: {
|
| + type: Object,
|
| + computed: "_makeHeader(authResponse)",
|
| + notify: true,
|
| + },
|
| + authResponse: {
|
| + type: Object,
|
| + },
|
| + clientId: {
|
| + type: String,
|
| + },
|
| + profile: {
|
| + type: Object,
|
| + readOnly: true
|
| + },
|
| + signedIn: {
|
| + type: Boolean,
|
| + readOnly: true,
|
| + value: false
|
| + }
|
| + },
|
| + _onSignin: function(e) {
|
| + this._setSignedIn(true);
|
| + var user = gapi.auth2.getAuthInstance().currentUser.get();
|
| + var profile = user.getBasicProfile();
|
| + this._setProfile({
|
| + email: profile.getEmail(),
|
| + imageUrl: profile.getImageUrl()
|
| + });
|
| + this.set("authResponse", user.getAuthResponse());
|
| + this.fire("auth-signin");
|
| + },
|
| + _onSignout: function(e) {
|
| + this._setSignedIn(false);
|
| + this._setProfile(null);
|
| + },
|
| + _makeHeader: function(authResponse) {
|
| + if (!authResponse) {
|
| + return {};
|
| + }
|
| + return {
|
| + "authorization": authResponse.token_type + " " + authResponse.access_token
|
| +
|
| + };
|
| + },
|
| + signIn: function() {
|
| + this.$.aware.signIn();
|
| + },
|
| + signOut: function() {
|
| + this.$.aware.signOut();
|
| + }
|
| + });
|
| + </script>
|
| +</dom-module><dom-module id="swarming-index" assetpath="index/">
|
| + <template>
|
| + <style>
|
| + :host {
|
| + display: block;
|
| + }
|
| + </style>
|
| +
|
| + <h1>HELLO WORLD 2</h1><h1>
|
| +
|
| + <auth-signin auth-headers="{{auth}}" client-id="20770472288-t5smpbpjptka4nd888fv0ctd23ftba2o.apps.googleusercontent.com" on-auth-signin="signIn">
|
| + </auth-signin>
|
| +
|
| + <iron-ajax id="request" url="/_ah/api/swarming/v1/server/details" headers="[[auth]]" handle-as="json" on-response="handleResponse"></iron-ajax>
|
| +
|
| + </h1></template>
|
| + <script>
|
| + Polymer({
|
| + is: 'swarming-index',
|
| +
|
| + signIn: function(){
|
| + console.log("Hello signin");
|
| + this.$.request.generateRequest();
|
| + },
|
| +
|
| + handleResponse: function(a,b){
|
| + console.log("handle response", a, b);
|
| + console.log(this.$.request.lastResponse);
|
| + }
|
| + });
|
| + </script>
|
| +</dom-module></div>
|
| +
|
| + <swarming-index></swarming-index>
|
| +
|
| +
|
| +
|
| +</body></html>
|
|
|
Chromium Code Reviews
Issue 2174903002:
Add stub pages and oauth-blessed request to /newui (Closed)
Base URL: https://chromium.googlesource.com/external/github.com/luci/luci-py@master