mirror of
https://github.com/dataarts/dat.gui.git
synced 2024-12-12 04:08:27 +00:00
1503 lines
96 KiB
HTML
1503 lines
96 KiB
HTML
<!-- <script src="../platform/platform.js"></script> -->
|
||
|
||
<!-- src -->
|
||
<script>(function( scope ) {
|
||
|
||
var Gui = function( params ) {
|
||
|
||
if ( !ready ) {
|
||
Gui.error( 'Gui not ready. Put your code inside Gui.ready()' );
|
||
}
|
||
|
||
params = params || {};
|
||
|
||
var panel = document.createElement( 'gui-panel' );
|
||
|
||
panel.autoPlace = params.autoPlace !== false;
|
||
|
||
if ( panel.autoPlace ) {
|
||
document.body.appendChild( panel );
|
||
}
|
||
|
||
return panel;
|
||
|
||
};
|
||
|
||
|
||
// Register custom controllers
|
||
// -------------------------------
|
||
|
||
var controllers = {};
|
||
|
||
Gui.register = function( elementName, test ) {
|
||
|
||
controllers[ elementName ] = test;
|
||
|
||
};
|
||
|
||
|
||
// Returns a controller based on a value
|
||
// -------------------------------
|
||
|
||
Gui.getController = function( value ) {
|
||
|
||
for ( var type in controllers ) {
|
||
|
||
var test = controllers[ type ];
|
||
|
||
if ( test( value ) ) {
|
||
|
||
return document.createElement( type );
|
||
|
||
}
|
||
|
||
}
|
||
|
||
};
|
||
|
||
|
||
// Gui ready handler ... * shakes fist at polymer *
|
||
// -------------------------------
|
||
|
||
var ready = false;
|
||
var readyHandlers = [];
|
||
|
||
document.addEventListener( 'polymer-ready', function() {
|
||
|
||
ready = true;
|
||
readyHandlers.forEach( function( fnc ) {
|
||
|
||
fnc();
|
||
|
||
} );
|
||
|
||
} );
|
||
|
||
Gui.ready = function( fnc ) {
|
||
|
||
ready ? fnc() : readyHandlers.push( fnc );
|
||
|
||
};
|
||
|
||
|
||
// Error
|
||
// -------------------------------
|
||
|
||
Gui.error = function() {
|
||
var args = Array.prototype.slice.apply( arguments );
|
||
args.unshift( 'dat-gui ::' );
|
||
console.error.apply( console, args );
|
||
}
|
||
|
||
Gui.warn = function() {
|
||
var args = Array.prototype.slice.apply( arguments );
|
||
args.unshift( 'dat-gui ::' );
|
||
console.warn.apply( console, args );
|
||
}
|
||
|
||
|
||
// Old namespaces
|
||
// -------------------------------
|
||
|
||
var dat = {};
|
||
|
||
dat.gui = {};
|
||
dat.gui.GUI = Gui;
|
||
dat.GUI = dat.gui.GUI;
|
||
|
||
dat.color = {};
|
||
dat.color.Color = function() {};
|
||
|
||
dat.dom = {};
|
||
dat.dom.dom = function() {};
|
||
|
||
dat.controllers = {};
|
||
dat.controllers.Controller = constructor( 'controller-base' );
|
||
dat.controllers.NumberController = constructor( 'controller-number' );
|
||
dat.controllers.FunctionController = constructor( 'controller-function' );
|
||
dat.controllers.ColorController = constructor( 'controller-color' );
|
||
dat.controllers.BooleanController = constructor( 'controller-boolean' );
|
||
dat.controllers.OptionController = constructor( 'controller-option' );
|
||
|
||
dat.controllers.NumberControllerBox = dat.controllers.NumberController;
|
||
dat.controllers.NumberControllerSlider = dat.controllers.NumberController;
|
||
|
||
function constructor( elementName ) {
|
||
|
||
return function( object, path ) {
|
||
var el = document.createElement( elementName );
|
||
el.watch( object, path );
|
||
return el;
|
||
};
|
||
|
||
}
|
||
|
||
|
||
// Export
|
||
// -------------------------------
|
||
|
||
scope.dat = dat;
|
||
scope.Gui = Gui;
|
||
|
||
|
||
})( this );
|
||
|
||
</script>
|
||
|
||
<!-- base elements -->
|
||
<div hidden><!--
|
||
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
|
||
-->
|
||
|
||
<!--
|
||
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
|
||
-->
|
||
<style shim-shadowdom="">
|
||
/*******************************
|
||
Flex Layout
|
||
*******************************/
|
||
|
||
html /deep/ [layout][horizontal], html /deep/ [layout][vertical] {
|
||
display: -ms-flexbox;
|
||
display: -webkit-flex;
|
||
display: flex;
|
||
}
|
||
|
||
html /deep/ [layout][horizontal][inline], html /deep/ [layout][vertical][inline] {
|
||
display: -ms-inline-flexbox;
|
||
display: -webkit-inline-flex;
|
||
display: inline-flex;
|
||
}
|
||
|
||
html /deep/ [layout][horizontal] {
|
||
-ms-flex-direction: row;
|
||
-webkit-flex-direction: row;
|
||
flex-direction: row;
|
||
}
|
||
|
||
html /deep/ [layout][horizontal][reverse] {
|
||
-ms-flex-direction: row-reverse;
|
||
-webkit-flex-direction: row-reverse;
|
||
flex-direction: row-reverse;
|
||
}
|
||
|
||
html /deep/ [layout][vertical] {
|
||
-ms-flex-direction: column;
|
||
-webkit-flex-direction: column;
|
||
flex-direction: column;
|
||
}
|
||
|
||
html /deep/ [layout][vertical][reverse] {
|
||
-ms-flex-direction: column-reverse;
|
||
-webkit-flex-direction: column-reverse;
|
||
flex-direction: column-reverse;
|
||
}
|
||
|
||
html /deep/ [layout][wrap] {
|
||
-ms-flex-wrap: wrap;
|
||
-webkit-flex-wrap: wrap;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
html /deep/ [layout][wrap-reverse] {
|
||
-ms-flex-wrap: wrap-reverse;
|
||
-webkit-flex-wrap: wrap-reverse;
|
||
flex-wrap: wrap-reverse;
|
||
}
|
||
|
||
html /deep/ [flex] {
|
||
-ms-flex: 1;
|
||
-webkit-flex: 1;
|
||
flex: 1;
|
||
}
|
||
|
||
html /deep/ [flex][auto] {
|
||
-ms-flex: 1 1 auto;
|
||
-webkit-flex: 1 1 auto;
|
||
flex: 1 1 auto;
|
||
}
|
||
|
||
html /deep/ [flex][none] {
|
||
-ms-flex: none;
|
||
-webkit-flex: none;
|
||
flex: none;
|
||
}
|
||
|
||
html /deep/ [flex][one] {
|
||
-ms-flex: 1;
|
||
-webkit-flex: 1;
|
||
flex: 1;
|
||
}
|
||
|
||
html /deep/ [flex][two] {
|
||
-ms-flex: 2;
|
||
-webkit-flex: 2;
|
||
flex: 2;
|
||
}
|
||
|
||
html /deep/ [flex][three] {
|
||
-ms-flex: 3;
|
||
-webkit-flex: 3;
|
||
flex: 3;
|
||
}
|
||
|
||
html /deep/ [flex][four] {
|
||
-ms-flex: 4;
|
||
-webkit-flex: 4;
|
||
flex: 4;
|
||
}
|
||
|
||
html /deep/ [flex][five] {
|
||
-ms-flex: 5;
|
||
-webkit-flex: 5;
|
||
flex: 5;
|
||
}
|
||
|
||
html /deep/ [flex][six] {
|
||
-ms-flex: 6;
|
||
-webkit-flex: 6;
|
||
flex: 6;
|
||
}
|
||
|
||
html /deep/ [flex][seven] {
|
||
-ms-flex: 7;
|
||
-webkit-flex: 7;
|
||
flex: 7;
|
||
}
|
||
|
||
html /deep/ [flex][eight] {
|
||
-ms-flex: 8;
|
||
-webkit-flex: 8;
|
||
flex: 8;
|
||
}
|
||
|
||
html /deep/ [flex][nine] {
|
||
-ms-flex: 9;
|
||
-webkit-flex: 9;
|
||
flex: 9;
|
||
}
|
||
|
||
html /deep/ [flex][ten] {
|
||
-ms-flex: 10;
|
||
-webkit-flex: 10;
|
||
flex: 10;
|
||
}
|
||
|
||
html /deep/ [flex][eleven] {
|
||
-ms-flex: 11;
|
||
-webkit-flex: 11;
|
||
flex: 11;
|
||
}
|
||
|
||
html /deep/ [flex][twelve] {
|
||
-ms-flex: 12;
|
||
-webkit-flex: 12;
|
||
flex: 12;
|
||
}
|
||
|
||
/* alignment in cross axis */
|
||
|
||
html /deep/ [layout][start] {
|
||
-ms-flex-align: start;
|
||
-webkit-align-items: flex-start;
|
||
align-items: flex-start;
|
||
}
|
||
|
||
html /deep/ [layout][center], html /deep/ [layout][center-center] {
|
||
-ms-flex-align: center;
|
||
-webkit-align-items: center;
|
||
align-items: center;
|
||
}
|
||
|
||
html /deep/ [layout][end] {
|
||
-ms-flex-align: end;
|
||
-webkit-align-items: flex-end;
|
||
align-items: flex-end;
|
||
}
|
||
|
||
/* alignment in main axis */
|
||
|
||
html /deep/ [layout][start-justified] {
|
||
-ms-flex-pack: start;
|
||
-webkit-justify-content: flex-start;
|
||
justify-content: flex-start;
|
||
}
|
||
|
||
html /deep/ [layout][center-justified], html /deep/ [layout][center-center] {
|
||
-ms-flex-pack: center;
|
||
-webkit-justify-content: center;
|
||
justify-content: center;
|
||
}
|
||
|
||
html /deep/ [layout][end-justified] {
|
||
-ms-flex-pack: end;
|
||
-webkit-justify-content: flex-end;
|
||
justify-content: flex-end;
|
||
}
|
||
|
||
html /deep/ [layout][around-justified] {
|
||
-ms-flex-pack: around;
|
||
-webkit-justify-content: space-around;
|
||
justify-content: space-around;
|
||
}
|
||
|
||
html /deep/ [layout][justified] {
|
||
-ms-flex-pack: justify;
|
||
-webkit-justify-content: space-between;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
/* self alignment */
|
||
|
||
html /deep/ [self-start] {
|
||
-ms-align-self: flex-start;
|
||
-webkit-align-self: flex-start;
|
||
align-self: flex-start;
|
||
}
|
||
|
||
html /deep/ [self-center] {
|
||
-ms-align-self: center;
|
||
-webkit-align-self: center;
|
||
align-self: center;
|
||
}
|
||
|
||
html /deep/ [self-end] {
|
||
-ms-align-self: flex-end;
|
||
-webkit-align-self: flex-end;
|
||
align-self: flex-end;
|
||
}
|
||
|
||
html /deep/ [self-stretch] {
|
||
-ms-align-self: stretch;
|
||
-webkit-align-self: stretch;
|
||
align-self: stretch;
|
||
}
|
||
|
||
/*******************************
|
||
Other Layout
|
||
*******************************/
|
||
|
||
html /deep/ [block] {
|
||
display: block;
|
||
}
|
||
|
||
/* ie support for hidden */
|
||
html /deep/ [hidden] {
|
||
display: none !important;
|
||
}
|
||
|
||
html /deep/ [relative] {
|
||
position: relative;
|
||
}
|
||
|
||
html /deep/ [fit] {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
left: 0;
|
||
}
|
||
|
||
body[fullbleed] {
|
||
margin: 0;
|
||
height: 100vh;
|
||
}
|
||
|
||
/*******************************
|
||
Other
|
||
*******************************/
|
||
|
||
html /deep/ [segment], html /deep/ segment {
|
||
display: block;
|
||
position: relative;
|
||
-webkit-box-sizing: border-box;
|
||
-ms-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
margin: 1em 0.5em;
|
||
padding: 1em;
|
||
background-color: white;
|
||
-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
|
||
box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1);
|
||
border-radius: 5px 5px 5px 5px;
|
||
}
|
||
|
||
</style>
|
||
|
||
<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.3.5
|
||
window.PolymerGestures={},function(a){var b=!1,c=document.createElement("meta");if(c.createShadowRoot){var d=c.createShadowRoot(),e=document.createElement("span");d.appendChild(e),c.addEventListener("testpath",function(a){a.path&&(b=a.path[0]===e),a.stopPropagation()});var f=new CustomEvent("testpath",{bubbles:!0});document.head.appendChild(c),e.dispatchEvent(f),c.parentNode.removeChild(c),d=e=null}c=null;var g={shadow:function(a){return a?a.shadowRoot||a.webkitShadowRoot:void 0},canTarget:function(a){return a&&Boolean(a.elementFromPoint)},targetingShadow:function(a){var b=this.shadow(a);return this.canTarget(b)?b:void 0},olderShadow:function(a){var b=a.olderShadowRoot;if(!b){var c=a.querySelector("shadow");c&&(b=c.olderShadowRoot)}return b},allShadows:function(a){for(var b=[],c=this.shadow(a);c;)b.push(c),c=this.olderShadow(c);return b},searchRoot:function(a,b,c){var d,e;return a?(d=a.elementFromPoint(b,c),d?e=this.targetingShadow(d):a!==document&&(e=this.olderShadow(a)),this.searchRoot(e,b,c)||d):void 0},owner:function(a){if(!a)return document;for(var b=a;b.parentNode;)b=b.parentNode;return b.nodeType!=Node.DOCUMENT_NODE&&b.nodeType!=Node.DOCUMENT_FRAGMENT_NODE&&(b=document),b},findTarget:function(a){if(b&&a.path)return a.path[0];var c=a.clientX,d=a.clientY,e=this.owner(a.target);return e.elementFromPoint(c,d)||(e=document),this.searchRoot(e,c,d)},findTouchAction:function(a){var c;if(b&&a.path){for(var d=a.path,e=0;e<d.length;e++)if(c=d[e],c.nodeType===Node.ELEMENT_NODE&&c.hasAttribute("touch-action"))return c.getAttribute("touch-action")}else for(c=a.target;c;){if(c.hasAttribute("touch-action"))return c.getAttribute("touch-action");c=c.parentNode||c.host}return"auto"},LCA:function(a,b){if(a===b)return a;if(a&&!b)return a;if(b&&!a)return b;if(!b&&!a)return document;if(a.contains&&a.contains(b))return a;if(b.contains&&b.contains(a))return b;var c=this.depth(a),d=this.depth(b),e=c-d;for(e>=0?a=this.walk(a,e):b=this.walk(b,-e);a&&b&&a!==b;)a=a.parentNode||a.host,b=b.parentNode||b.host;return a},walk:function(a,b){for(var c=0;a&&b>c;c++)a=a.parentNode||a.host;return a},depth:function(a){for(var b=0;a;)b++,a=a.parentNode||a.host;return b},deepContains:function(a,b){var c=this.LCA(a,b);return c===a},insideNode:function(a,b,c){var d=a.getBoundingClientRect();return d.left<=b&&b<=d.right&&d.top<=c&&c<=d.bottom}};a.targetFinding=g,a.findTarget=g.findTarget.bind(g),a.deepContains=g.deepContains.bind(g),a.insideNode=g.insideNode}(window.PolymerGestures),function(){function a(a){return"html /deep/ "+b(a)}function b(a){return'[touch-action="'+a+'"]'}function c(a){return"{ -ms-touch-action: "+a+"; touch-action: "+a+";}"}var d=["none","auto","pan-x","pan-y",{rule:"pan-x pan-y",selectors:["pan-x pan-y","pan-y pan-x"]},"manipulation"],e="",f="string"==typeof document.head.style.touchAction,g=!window.ShadowDOMPolyfill&&document.head.createShadowRoot;if(f){d.forEach(function(d){String(d)===d?(e+=b(d)+c(d)+"\n",g&&(e+=a(d)+c(d)+"\n")):(e+=d.selectors.map(b)+c(d.rule)+"\n",g&&(e+=d.selectors.map(a)+c(d.rule)+"\n"))});var h=document.createElement("style");h.textContent=e,document.head.appendChild(h)}}(),function(a){var b=["bubbles","cancelable","view","detail","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","pageX","pageY"],c=[!1,!1,null,null,0,0,0,0,!1,!1,!1,!1,0,null,0,0],d=function(){return function(){}},e={preventTap:d,makeBaseEvent:function(a,b){var c=document.createEvent("Event");return c.initEvent(a,b.bubbles||!1,b.cancelable||!1),c.preventTap=e.preventTap(c),c},makeGestureEvent:function(a,b){b=b||Object.create(null);for(var c,d=this.makeBaseEvent(a,b),e=0,f=Object.keys(b);e<f.length;e++)c=f[e],d[c]=b[c];return d},makePointerEvent:function(a,d){d=d||Object.create(null);for(var e,f=this.makeBaseEvent(a,d),g=0;g<b.length;g++)e=b[g],f[e]=d[e]||c[g];f.buttons=d.buttons||0;var h=0;return h=d.pressure?d.pressure:f.buttons?.5:0,f.x=f.clientX,f.y=f.clientY,f.pointerId=d.pointerId||0,f.width=d.width||0,f.height=d.height||0,f.pressure=h,f.tiltX=d.tiltX||0,f.tiltY=d.tiltY||0,f.pointerType=d.pointerType||"",f.hwTimestamp=d.hwTimestamp||0,f.isPrimary=d.isPrimary||!1,f._source=d._source||"",f}};a.eventFactory=e}(window.PolymerGestures),function(a){function b(){if(c){var a=new Map;return a.pointers=d,a}this.keys=[],this.values=[]}var c=window.Map&&window.Map.prototype.forEach,d=function(){return this.size};b.prototype={set:function(a,b){var c=this.keys.indexOf(a);c>-1?this.values[c]=b:(this.keys.push(a),this.values.push(b))},has:function(a){return this.keys.indexOf(a)>-1},"delete":function(a){var b=this.keys.indexOf(a);b>-1&&(this.keys.splice(b,1),this.values.splice(b,1))},get:function(a){var b=this.keys.indexOf(a);return this.values[b]},clear:function(){this.keys.length=0,this.values.length=0},forEach:function(a,b){this.values.forEach(function(c,d){a.call(b,c,this.keys[d],this)},this)},pointers:function(){return this.keys.length}},a.PointerMap=b}(window.PolymerGestures),function(a){var b=["bubbles","cancelable","view","detail","screenX","screenY","clientX","clientY","ctrlKey","altKey","shiftKey","metaKey","button","relatedTarget","buttons","pointerId","width","height","pressure","tiltX","tiltY","pointerType","hwTimestamp","isPrimary","type","target","currentTarget","which","pageX","pageY","timeStamp","preventTap","tapPrevented","_source"],c=[!1,!1,null,null,0,0,0,0,!1,!1,!1,!1,0,null,0,0,0,0,0,0,0,"",0,!1,"",null,null,0,0,0,0,function(){},!1],d="undefined"!=typeof SVGElementInstance,e=a.eventFactory,f={pointermap:new a.PointerMap,eventMap:Object.create(null),eventSources:Object.create(null),eventSourceList:[],gestures:[],dependencyMap:{down:{listeners:0,index:-1},up:{listeners:0,index:-1}},gestureQueue:[],registerSource:function(a,b){var c=b,d=c.events;d&&(d.forEach(function(a){c[a]&&(this.eventMap[a]=c[a].bind(c))},this),this.eventSources[a]=c,this.eventSourceList.push(c))},registerGesture:function(a,b){var c=Object.create(null);c.listeners=0,c.index=this.gestures.length;for(var d,e=0;e<b.exposes.length;e++)d=b.exposes[e].toLowerCase(),this.dependencyMap[d]=c;this.gestures.push(b)},register:function(a,b){for(var c,d=this.eventSourceList.length,e=0;d>e&&(c=this.eventSourceList[e]);e++)c.register.call(c,a,b)},unregister:function(a){for(var b,c=this.eventSourceList.length,d=0;c>d&&(b=this.eventSourceList[d]);d++)b.unregister.call(b,a)},down:function(a){this.fireEvent("down",a)},move:function(a){a.type="move",this.fillGestureQueue(a)},up:function(a){this.fireEvent("up",a)},cancel:function(a){a.tapPrevented=!0,this.fireEvent("up",a)},eventHandler:function(a){if(!a._handledByPG){var b=a.type,c=this.eventMap&&this.eventMap[b];c&&c(a),a._handledByPG=!0}},listen:function(a,b){for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.addEvent(a,c)},unlisten:function(a,b){for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.removeEvent(a,c)},addEvent:function(a,b){a.addEventListener(b,this.boundHandler)},removeEvent:function(a,b){a.removeEventListener(b,this.boundHandler)},makeEvent:function(a,b){var c=e.makePointerEvent(a,b);return c.preventDefault=b.preventDefault,c.tapPrevented=b.tapPrevented,c._target=c._target||b.target,c},fireEvent:function(a,b){var c=this.makeEvent(a,b);return this.dispatchEvent(c)},cloneEvent:function(a){for(var e,f=Object.create(null),g=0;g<b.length;g++)e=b[g],f[e]=a[e]||c[g],("target"===e||"relatedTarget"===e)&&d&&f[e]instanceof SVGElementInstance&&(f[e]=f[e].correspondingUseElement);return f.preventDefault=function(){a.preventDefault()},f},dispatchEvent:function(a){var b=a._target;if(b){b.dispatchEvent(a);var c=this.cloneEvent(a);c.target=b,this.fillGestureQueue(c)}},gestureTrigger:function(){for(var a,b=0;b<this.gestureQueue.length;b++){a=this.gestureQueue[b];for(var c,d,e=0;e<this.gestures.length;e++)c=this.gestures[e],d=c[a.type],c.enabled&&d&&d.call(c,a)}this.gestureQueue.length=0},fillGestureQueue:function(a){this.gestureQueue.length||requestAnimationFrame(this.boundGestureTrigger),this.gestureQueue.push(a)}};f.boundHandler=f.eventHandler.bind(f),f.boundGestureTrigger=f.gestureTrigger.bind(f),a.dispatcher=f,a.activateGesture=function(a,b){var c=b.toLowerCase(),d=f.dependencyMap[c];if(d){var e=f.gestures[d.index];if(0===d.listeners&&e&&(e.enabled=!0),d.listeners++,a._pgListeners||(f.register(a),a._pgListeners=0),e){var g,h=e.defaultActions&&e.defaultActions[c];switch(a.nodeType){case Node.ELEMENT_NODE:g=a;break;case Node.DOCUMENT_FRAGMENT_NODE:g=a.host;break;default:g=null}h&&g&&!g.hasAttribute("touch-action")&&g.setAttribute("touch-action",h)}a._pgListeners++}return Boolean(d)},a.addEventListener=function(b,c,d,e){d&&(a.activateGesture(b,c),b.addEventListener(c,d,e))},a.deactivateGesture=function(a,b){var c=b.toLowerCase(),d=f.dependencyMap[c];if(d){if(d.listeners>0&&d.listeners--,0===d.listeners){var e=f.gestures[d.index];e&&(e.enabled=!1)}a._pgListeners>0&&a._pgListeners--,0===a._pgListeners&&f.unregister(a)}return Boolean(d)},a.removeEventListener=function(b,c,d,e){d&&(a.deactivateGesture(b,c),b.removeEventListener(c,d,e))}}(window.PolymerGestures),function(a){var b=a.dispatcher,c=b.pointermap,d=25,e=[0,1,4,2],f=!1;try{f=1===new MouseEvent("test",{buttons:1}).buttons}catch(g){}var h={POINTER_ID:1,POINTER_TYPE:"mouse",events:["mousedown","mousemove","mouseup"],exposes:["down","up","move"],register:function(a){b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},lastTouches:[],isEventSimulatedFromTouch:function(a){for(var b,c=this.lastTouches,e=a.clientX,f=a.clientY,g=0,h=c.length;h>g&&(b=c[g]);g++){var i=Math.abs(e-b.x),j=Math.abs(f-b.y);if(d>=i&&d>=j)return!0}},prepareEvent:function(a){var c=b.cloneEvent(a);return c.pointerId=this.POINTER_ID,c.isPrimary=!0,c.pointerType=this.POINTER_TYPE,c._source="mouse",f||(c.buttons=e[c.which]||0),c},mousedown:function(d){if(!this.isEventSimulatedFromTouch(d)){var e=c.has(this.POINTER_ID);e&&this.mouseup(d);var f=this.prepareEvent(d);f.target=a.findTarget(d),c.set(this.POINTER_ID,f.target),b.down(f)}},mousemove:function(a){if(!this.isEventSimulatedFromTouch(a)){var d=c.get(this.POINTER_ID);if(d){var e=this.prepareEvent(a);e.target=d,0===e.buttons?(b.cancel(e),this.cleanupMouse()):b.move(e)}}},mouseup:function(d){if(!this.isEventSimulatedFromTouch(d)){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(this.POINTER_ID),b.up(e),this.cleanupMouse()}},cleanupMouse:function(){c["delete"](this.POINTER_ID)}};a.mouseEvents=h}(window.PolymerGestures),function(a){var b=a.dispatcher,c=(a.targetFinding.allShadows.bind(a.targetFinding),b.pointermap),d=(Array.prototype.map.call.bind(Array.prototype.map),2500),e=200,f=20,g=!1,h={events:["touchstart","touchmove","touchend","touchcancel"],exposes:["down","up","move"],register:function(a,c){c||b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},scrollTypes:{EMITTER:"none",XSCROLLER:"pan-x",YSCROLLER:"pan-y"},touchActionToScrollType:function(a){var b=a,c=this.scrollTypes;return b===c.EMITTER?"none":b===c.XSCROLLER?"X":b===c.YSCROLLER?"Y":"XY"},POINTER_TYPE:"touch",firstTouch:null,isPrimaryTouch:function(a){return this.firstTouch===a.identifier},setPrimaryTouch:function(a){(0===c.pointers()||1===c.pointers()&&c.has(1))&&(this.firstTouch=a.identifier,this.firstXY={X:a.clientX,Y:a.clientY},this.scrolling=null,this.cancelResetClickCount())},removePrimaryPointer:function(a){a.isPrimary&&(this.firstTouch=null,this.firstXY=null,this.resetClickCount())},clickCount:0,resetId:null,resetClickCount:function(){var a=function(){this.clickCount=0,this.resetId=null}.bind(this);this.resetId=setTimeout(a,e)},cancelResetClickCount:function(){this.resetId&&clearTimeout(this.resetId)},typeToButtons:function(a){var b=0;return("touchstart"===a||"touchmove"===a)&&(b=1),b},findTarget:function(b,d){if("touchstart"===this.currentTouchEvent.type){if(this.isPrimaryTouch(b)){var e={clientX:b.clientX,clientY:b.clientY,path:this.currentTouchEvent.path,target:this.currentTouchEvent.target};return a.findTarget(e)}return a.findTarget(b)}return c.get(d)},touchToPointer:function(a){var c=this.currentTouchEvent,d=b.cloneEvent(a),e=d.pointerId=a.identifier+2;d.target=this.findTarget(a,e),d.bubbles=!0,d.cancelable=!0,d.detail=this.clickCount,d.buttons=this.typeToButtons(c.type),d.width=a.webkitRadiusX||a.radiusX||0,d.height=a.webkitRadiusY||a.radiusY||0,d.pressure=a.webkitForce||a.force||.5,d.isPrimary=this.isPrimaryTouch(a),d.pointerType=this.POINTER_TYPE,d._source="touch";var f=this;return d.preventDefault=function(){f.scrolling=!1,f.firstXY=null,c.preventDefault()},d},processTouches:function(a,b){var d=a.changedTouches;this.currentTouchEvent=a;for(var e,f,g=0;g<d.length;g++)e=d[g],f=this.touchToPointer(e),"touchstart"===a.type&&c.set(f.pointerId,f.target),c.has(f.pointerId)&&b.call(this,f),("touchend"===a.type||a._cancel)&&this.cleanUpPointer(f)},shouldScroll:function(b){if(this.firstXY){var c,d=a.targetFinding.findTouchAction(b),e=this.touchActionToScrollType(d);if("none"===e)c=!1;else if("XY"===e)c=!0;else{var f=b.changedTouches[0],g=e,h="Y"===e?"X":"Y",i=Math.abs(f["client"+g]-this.firstXY[g]),j=Math.abs(f["client"+h]-this.firstXY[h]);c=i>=j}return c}},findTouch:function(a,b){for(var c,d=0,e=a.length;e>d&&(c=a[d]);d++)if(c.identifier===b)return!0},vacuumTouches:function(a){var b=a.touches;if(c.pointers()>=b.length){var d=[];c.forEach(function(a,c){if(1!==c&&!this.findTouch(b,c-2)){var e=a;d.push(e)}},this),d.forEach(function(a){this.cancel(a),c.delete(a.pointerId)})}},touchstart:function(a){this.vacuumTouches(a),this.setPrimaryTouch(a.changedTouches[0]),this.dedupSynthMouse(a),this.scrolling||(this.clickCount++,this.processTouches(a,this.down))},down:function(a){b.down(a)},touchmove:function(a){if(g)a.cancelable&&this.processTouches(a,this.move);else if(this.scrolling){if(this.firstXY){var b=a.changedTouches[0],c=b.clientX-this.firstXY.X,d=b.clientY-this.firstXY.Y,e=Math.sqrt(c*c+d*d);e>=f&&(this.touchcancel(a),this.scrolling=!0,this.firstXY=null)}}else null===this.scrolling&&this.shouldScroll(a)?this.scrolling=!0:(this.scrolling=!1,a.preventDefault(),this.processTouches(a,this.move))},move:function(a){b.move(a)},touchend:function(a){this.dedupSynthMouse(a),this.processTouches(a,this.up)},up:function(c){c.relatedTarget=a.findTarget(c),b.up(c)},cancel:function(a){b.cancel(a)},touchcancel:function(a){a._cancel=!0,this.processTouches(a,this.cancel)},cleanUpPointer:function(a){c["delete"](a.pointerId),this.removePrimaryPointer(a)},dedupSynthMouse:function(b){var c=a.mouseEvents.lastTouches,e=b.changedTouches[0];if(this.isPrimaryTouch(e)){var f={x:e.clientX,y:e.clientY};c.push(f);var g=function(a,b){var c=a.indexOf(b);c>-1&&a.splice(c,1)}.bind(null,c,f);setTimeout(g,d)}}};a.touchEvents=h}(window.PolymerGestures),function(a){var b=a.dispatcher,c=b.pointermap,d=window.MSPointerEvent&&"number"==typeof window.MSPointerEvent.MSPOINTER_TYPE_MOUSE,e={events:["MSPointerDown","MSPointerMove","MSPointerUp","MSPointerCancel"],register:function(a){a===document&&b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},POINTER_TYPES:["","unavailable","touch","pen","mouse"],prepareEvent:function(a){var c=a;return c=b.cloneEvent(a),d&&(c.pointerType=this.POINTER_TYPES[a.pointerType]),c._source="ms",c},cleanup:function(a){c["delete"](a)},MSPointerDown:function(d){var e=this.prepareEvent(d);e.target=a.findTarget(d),c.set(d.pointerId,e.target),b.down(e)},MSPointerMove:function(a){var d=this.prepareEvent(a);d.target=c.get(d.pointerId),b.move(d)},MSPointerUp:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.up(e),this.cleanup(d.pointerId)},MSPointerCancel:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.cancel(e),this.cleanup(d.pointerId)}};a.msEvents=e}(window.PolymerGestures),function(a){var b=a.dispatcher,c=b.pointermap,d={events:["pointerdown","pointermove","pointerup","pointercancel"],prepareEvent:function(a){var c=b.cloneEvent(a);return c._source="pointer",c},register:function(a){a===document&&b.listen(a,this.events)},unregister:function(a){b.unlisten(a,this.events)},cleanup:function(a){c["delete"](a)},pointerdown:function(d){var e=this.prepareEvent(d);e.target=a.findTarget(d),c.set(e.pointerId,e.target),b.down(e)},pointermove:function(a){var d=this.prepareEvent(a);d.target=c.get(d.pointerId),b.move(d)},pointerup:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.up(e),this.cleanup(d.pointerId)},pointercancel:function(d){var e=this.prepareEvent(d);e.relatedTarget=a.findTarget(d),e.target=c.get(e.pointerId),b.cancel(e),this.cleanup(d.pointerId)}};a.pointerEvents=d}(window.PolymerGestures),function(a){var b=a.dispatcher,c=window.navigator;if(window.PointerEvent)b.registerSource("pointer",a.pointerEvents);else if(c.msPointerEnabled)b.registerSource("ms",a.msEvents);else if(b.registerSource("mouse",a.mouseEvents),void 0!==window.ontouchstart){b.registerSource("touch",a.touchEvents);var d=c.userAgent.match("Safari")&&!c.userAgent.match("Chrome");d&&document.body.addEventListener("touchstart",function(){})}b.register(document,!0)}(window.PolymerGestures),function(a){var b=a.dispatcher,c=a.eventFactory,d=new a.PointerMap,e={events:["down","move","up"],exposes:["trackstart","track","trackx","tracky","trackend"],defaultActions:{track:"none",trackx:"pan-y",tracky:"pan-x"},WIGGLE_THRESHOLD:4,clampDir:function(a){return a>0?1:-1},calcPositionDelta:function(a,b){var c=0,d=0;return a&&b&&(c=b.pageX-a.pageX,d=b.pageY-a.pageY),{x:c,y:d}},fireTrack:function(a,b,d){var e=d,f=this.calcPositionDelta(e.downEvent,b),g=this.calcPositionDelta(e.lastMoveEvent,b);if(g.x)e.xDirection=this.clampDir(g.x);else if("trackx"===a)return;if(g.y)e.yDirection=this.clampDir(g.y);else if("tracky"===a)return;var h={bubbles:!0,cancelable:!0,trackInfo:e.trackInfo,relatedTarget:b.relatedTarget,pointerType:b.pointerType,pointerId:b.pointerId,_source:"track"};"tracky"!==a&&(h.x=b.x,h.dx=f.x,h.ddx=g.x,h.clientX=b.clientX,h.pageX=b.pageX,h.screenX=b.screenX,h.xDirection=e.xDirection),"trackx"!==a&&(h.dy=f.y,h.ddy=g.y,h.y=b.y,h.clientY=b.clientY,h.pageY=b.pageY,h.screenY=b.screenY,h.yDirection=e.yDirection);var i=c.makeGestureEvent(a,h);e.downTarget.dispatchEvent(i)},down:function(a){if(a.isPrimary&&("mouse"===a.pointerType?1===a.buttons:!0)){var b={downEvent:a,downTarget:a.target,trackInfo:{},lastMoveEvent:null,xDirection:0,yDirection:0,tracking:!1};d.set(a.pointerId,b)}},move:function(a){var b=d.get(a.pointerId);if(b){if(!b.tracking){var c=this.calcPositionDelta(b.downEvent,a),e=c.x*c.x+c.y*c.y;e>this.WIGGLE_THRESHOLD&&(b.tracking=!0,b.lastMoveEvent=b.downEvent,this.fireTrack("trackstart",a,b))}b.tracking&&(this.fireTrack("track",a,b),this.fireTrack("trackx",a,b),this.fireTrack("tracky",a,b)),b.lastMoveEvent=a}},up:function(a){var b=d.get(a.pointerId);b&&(b.tracking&&this.fireTrack("trackend",a,b),d.delete(a.pointerId))}};b.registerGesture("track",e)}(window.PolymerGestures),function(a){var b=a.dispatcher,c=a.eventFactory,d={HOLD_DELAY:200,WIGGLE_THRESHOLD:16,events:["down","move","up"],exposes:["hold","holdpulse","release"],heldPointer:null,holdJob:null,pulse:function(){var a=Date.now()-this.heldPointer.timeStamp,b=this.held?"holdpulse":"hold";this.fireHold(b,a),this.held=!0},cancel:function(){clearInterval(this.holdJob),this.held&&this.fireHold("release"),this.held=!1,this.heldPointer=null,this.target=null,this.holdJob=null},down:function(a){a.isPrimary&&!this.heldPointer&&(this.heldPointer=a,this.target=a.target,this.holdJob=setInterval(this.pulse.bind(this),this.HOLD_DELAY))},up:function(a){this.heldPointer&&this.heldPointer.pointerId===a.pointerId&&this.cancel()},move:function(a){if(this.heldPointer&&this.heldPointer.pointerId===a.pointerId){var b=a.clientX-this.heldPointer.clientX,c=a.clientY-this.heldPointer.clientY;b*b+c*c>this.WIGGLE_THRESHOLD&&this.cancel()}},fireHold:function(a,b){var d={bubbles:!0,cancelable:!0,pointerType:this.heldPointer.pointerType,pointerId:this.heldPointer.pointerId,x:this.heldPointer.clientX,y:this.heldPointer.clientY,_source:"hold"};b&&(d.holdTime=b);var e=c.makeGestureEvent(a,d);this.target.dispatchEvent(e)}};b.registerGesture("hold",d)}(window.PolymerGestures),function(a){var b=a.dispatcher,c=a.eventFactory,d=new a.PointerMap,e={events:["down","up"],exposes:["tap"],down:function(a){a.isPrimary&&!a.tapPrevented&&d.set(a.pointerId,{target:a.target,buttons:a.buttons,x:a.clientX,y:a.clientY})},shouldTap:function(a,b){return"mouse"===a.pointerType?1===b.buttons:!a.tapPrevented},up:function(b){var e=d.get(b.pointerId);if(e&&this.shouldTap(b,e)){var f=a.targetFinding.LCA(e.target,b.relatedTarget);if(f){var g=c.makeGestureEvent("tap",{bubbles:!0,cancelable:!0,x:b.clientX,y:b.clientY,detail:b.detail,pointerType:b.pointerType,pointerId:b.pointerId,altKey:b.altKey,ctrlKey:b.ctrlKey,metaKey:b.metaKey,shiftKey:b.shiftKey,_source:"tap"});f.dispatchEvent(g)}}d.delete(b.pointerId)}};c.preventTap=function(a){return function(){a.tapPrevented=!0,d.delete(a.pointerId)}},b.registerGesture("tap",e)}(window.PolymerGestures),function(a){"use strict";function b(a,b){if(!a)throw new Error("ASSERT: "+b)}function c(a){return a>=48&&57>=a}function d(a){return 32===a||9===a||11===a||12===a||160===a||a>=5760&&"\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\ufeff".indexOf(String.fromCharCode(a))>0}function e(a){return 10===a||13===a||8232===a||8233===a}function f(a){return 36===a||95===a||a>=65&&90>=a||a>=97&&122>=a}function g(a){return 36===a||95===a||a>=65&&90>=a||a>=97&&122>=a||a>=48&&57>=a}function h(a){return"this"===a}function i(){for(;Y>X&&d(W.charCodeAt(X));)++X}function j(){var a,b;for(a=X++;Y>X&&(b=W.charCodeAt(X),g(b));)++X;return W.slice(a,X)}function k(){var a,b,c;return a=X,b=j(),c=1===b.length?S.Identifier:h(b)?S.Keyword:"null"===b?S.NullLiteral:"true"===b||"false"===b?S.BooleanLiteral:S.Identifier,{type:c,value:b,range:[a,X]}}function l(){var a,b,c=X,d=W.charCodeAt(X),e=W[X];switch(d){case 46:case 40:case 41:case 59:case 44:case 123:case 125:case 91:case 93:case 58:case 63:return++X,{type:S.Punctuator,value:String.fromCharCode(d),range:[c,X]};default:if(a=W.charCodeAt(X+1),61===a)switch(d){case 37:case 38:case 42:case 43:case 45:case 47:case 60:case 62:case 124:return X+=2,{type:S.Punctuator,value:String.fromCharCode(d)+String.fromCharCode(a),range:[c,X]};case 33:case 61:return X+=2,61===W.charCodeAt(X)&&++X,{type:S.Punctuator,value:W.slice(c,X),range:[c,X]}}}return b=W[X+1],e===b&&"&|".indexOf(e)>=0?(X+=2,{type:S.Punctuator,value:e+b,range:[c,X]}):"<>=!+-*%&|^/".indexOf(e)>=0?(++X,{type:S.Punctuator,value:e,range:[c,X]}):void s({},V.UnexpectedToken,"ILLEGAL")}function m(){var a,d,e;if(e=W[X],b(c(e.charCodeAt(0))||"."===e,"Numeric literal must start with a decimal digit or a decimal point"),d=X,a="","."!==e){for(a=W[X++],e=W[X],"0"===a&&e&&c(e.charCodeAt(0))&&s({},V.UnexpectedToken,"ILLEGAL");c(W.charCodeAt(X));)a+=W[X++];e=W[X]}if("."===e){for(a+=W[X++];c(W.charCodeAt(X));)a+=W[X++];e=W[X]}if("e"===e||"E"===e)if(a+=W[X++],e=W[X],("+"===e||"-"===e)&&(a+=W[X++]),c(W.charCodeAt(X)))for(;c(W.charCodeAt(X));)a+=W[X++];else s({},V.UnexpectedToken,"ILLEGAL");return f(W.charCodeAt(X))&&s({},V.UnexpectedToken,"ILLEGAL"),{type:S.NumericLiteral,value:parseFloat(a),range:[d,X]}}function n(){var a,c,d,f="",g=!1;for(a=W[X],b("'"===a||'"'===a,"String literal must starts with a quote"),c=X,++X;Y>X;){if(d=W[X++],d===a){a="";break}if("\\"===d)if(d=W[X++],d&&e(d.charCodeAt(0)))"\r"===d&&"\n"===W[X]&&++X;else switch(d){case"n":f+="\n";break;case"r":f+="\r";break;case"t":f+=" ";break;case"b":f+="\b";break;case"f":f+="\f";break;case"v":f+=" ";break;default:f+=d}else{if(e(d.charCodeAt(0)))break;f+=d}}return""!==a&&s({},V.UnexpectedToken,"ILLEGAL"),{type:S.StringLiteral,value:f,octal:g,range:[c,X]}}function o(a){return a.type===S.Identifier||a.type===S.Keyword||a.type===S.BooleanLiteral||a.type===S.NullLiteral}function p(){var a;return i(),X>=Y?{type:S.EOF,range:[X,X]}:(a=W.charCodeAt(X),40===a||41===a||58===a?l():39===a||34===a?n():f(a)?k():46===a?c(W.charCodeAt(X+1))?m():l():c(a)?m():l())}function q(){var a;return a=$,X=a.range[1],$=p(),X=a.range[1],a}function r(){var a;a=X,$=p(),X=a}function s(a,c){var d,e=Array.prototype.slice.call(arguments,2),f=c.replace(/%(\d)/g,function(a,c){return b(c<e.length,"Message reference must be in range"),e[c]});throw d=new Error(f),d.index=X,d.description=f,d}function t(a){s(a,V.UnexpectedToken,a.value)}function u(a){var b=q();(b.type!==S.Punctuator||b.value!==a)&&t(b)}function v(a){return $.type===S.Punctuator&&$.value===a}function w(a){return $.type===S.Keyword&&$.value===a}function x(){var a=[];for(u("[");!v("]");)v(",")?(q(),a.push(null)):(a.push(bb()),v("]")||u(","));return u("]"),Z.createArrayExpression(a)}function y(){var a;return i(),a=q(),a.type===S.StringLiteral||a.type===S.NumericLiteral?Z.createLiteral(a):Z.createIdentifier(a.value)}function z(){var a,b;return a=$,i(),(a.type===S.EOF||a.type===S.Punctuator)&&t(a),b=y(),u(":"),Z.createProperty("init",b,bb())}function A(){var a=[];for(u("{");!v("}");)a.push(z()),v("}")||u(",");return u("}"),Z.createObjectExpression(a)}function B(){var a;return u("("),a=bb(),u(")"),a}function C(){var a,b,c;return v("(")?B():(a=$.type,a===S.Identifier?c=Z.createIdentifier(q().value):a===S.StringLiteral||a===S.NumericLiteral?c=Z.createLiteral(q()):a===S.Keyword?w("this")&&(q(),c=Z.createThisExpression()):a===S.BooleanLiteral?(b=q(),b.value="true"===b.value,c=Z.createLiteral(b)):a===S.NullLiteral?(b=q(),b.value=null,c=Z.createLiteral(b)):v("[")?c=x():v("{")&&(c=A()),c?c:void t(q()))}function D(){var a=[];if(u("("),!v(")"))for(;Y>X&&(a.push(bb()),!v(")"));)u(",");return u(")"),a}function E(){var a;return a=q(),o(a)||t(a),Z.createIdentifier(a.value)}function F(){return u("."),E()}function G(){var a;return u("["),a=bb(),u("]"),a}function H(){var a,b,c;for(a=C();;)if(v("["))c=G(),a=Z.createMemberExpression("[",a,c);else if(v("."))c=F(),a=Z.createMemberExpression(".",a,c);else{if(!v("("))break;b=D(),a=Z.createCallExpression(a,b)}return a}function I(){var a,b;return $.type!==S.Punctuator&&$.type!==S.Keyword?b=ab():v("+")||v("-")||v("!")?(a=q(),b=I(),b=Z.createUnaryExpression(a.value,b)):w("delete")||w("void")||w("typeof")?s({},V.UnexpectedToken):b=ab(),b}function J(a){var b=0;if(a.type!==S.Punctuator&&a.type!==S.Keyword)return 0;switch(a.value){case"||":b=1;break;case"&&":b=2;break;case"==":case"!=":case"===":case"!==":b=6;break;case"<":case">":case"<=":case">=":case"instanceof":b=7;break;case"in":b=7;break;case"+":case"-":b=9;break;case"*":case"/":case"%":b=11}return b}function K(){var a,b,c,d,e,f,g,h;if(g=I(),b=$,c=J(b),0===c)return g;for(b.prec=c,q(),e=I(),d=[g,b,e];(c=J($))>0;){for(;d.length>2&&c<=d[d.length-2].prec;)e=d.pop(),f=d.pop().value,g=d.pop(),a=Z.createBinaryExpression(f,g,e),d.push(a);b=q(),b.prec=c,d.push(b),a=I(),d.push(a)}for(h=d.length-1,a=d[h];h>1;)a=Z.createBinaryExpression(d[h-1].value,d[h-2],a),h-=2;return a}function L(){var a,b,c;return a=K(),v("?")&&(q(),b=L(),u(":"),c=L(),a=Z.createConditionalExpression(a,b,c)),a}function M(){var a,b;return a=q(),a.type!==S.Identifier&&t(a),b=v("(")?D():[],Z.createFilter(a.value,b)}function N(){for(;v("|");)q(),M()}function O(){i(),r();var a=bb();a&&(","===$.value||"in"==$.value&&a.type===U.Identifier?Q(a):(N(),"as"===$.value?P(a):Z.createTopLevel(a))),$.type!==S.EOF&&t($)}function P(a){q();var b=q().value;Z.createAsExpression(a,b)}function Q(a){var b;","===$.value&&(q(),$.type!==S.Identifier&&t($),b=q().value),q();var c=bb();N(),Z.createInExpression(a.name,b,c)}function R(a,b){return Z=b,W=a,X=0,Y=W.length,$=null,_={labelSet:{}},O()}var S,T,U,V,W,X,Y,Z,$,_;S={BooleanLiteral:1,EOF:2,Identifier:3,Keyword:4,NullLiteral:5,NumericLiteral:6,Punctuator:7,StringLiteral:8},T={},T[S.BooleanLiteral]="Boolean",T[S.EOF]="<end>",T[S.Identifier]="Identifier",T[S.Keyword]="Keyword",T[S.NullLiteral]="Null",T[S.NumericLiteral]="Numeric",T[S.Punctuator]="Punctuator",T[S.StringLiteral]="String",U={ArrayExpression:"ArrayExpression",BinaryExpression:"BinaryExpression",CallExpression:"CallExpression",ConditionalExpression:"ConditionalExpression",EmptyStatement:"EmptyStatement",ExpressionStatement:"ExpressionStatement",Identifier:"Identifier",Literal:"Literal",LabeledStatement:"LabeledStatement",LogicalExpression:"LogicalExpression",MemberExpression:"MemberExpression",ObjectExpression:"ObjectExpression",Program:"Program",Property:"Property",ThisExpression:"ThisExpression",UnaryExpression:"UnaryExpression"},V={UnexpectedToken:"Unexpected token %0",UnknownLabel:"Undefined label '%0'",Redeclaration:"%0 '%1' has already been declared"};var ab=H,bb=L;a.esprima={parse:R}}(this),function(a){"use strict";function b(a,b,d,e){var f;try{if(f=c(a),f.scopeIdent&&(d.nodeType!==Node.ELEMENT_NODE||"TEMPLATE"!==d.tagName||"bind"!==b&&"repeat"!==b))throw Error("as and in can only be used within <template bind/repeat>")}catch(g){return void console.error("Invalid expression syntax: "+a,g)}return function(a,b,c){var d=f.getBinding(a,e,c);return f.scopeIdent&&d&&(b.polymerExpressionScopeIdent_=f.scopeIdent,f.indexIdent&&(b.polymerExpressionIndexIdent_=f.indexIdent)),d}}function c(a){var b=q[a];if(!b){var c=new j;esprima.parse(a,c),b=new l(c),q[a]=b}return b}function d(a){this.value=a,this.valueFn_=void 0}function e(a){this.name=a,this.path=Path.get(a)}function f(a,b,c){this.computed="["==c,this.dynamicDeps="function"==typeof a||a.dynamicDeps||this.computed&&!(b instanceof d),this.simplePath=!this.dynamicDeps&&(b instanceof e||b instanceof d)&&(a instanceof f||a instanceof e),this.object=this.simplePath?a:i(a),this.property=!this.computed||this.simplePath?b:i(b)}function g(a,b){this.name=a,this.args=[];for(var c=0;c<b.length;c++)this.args[c]=i(b[c])}function h(){throw Error("Not Implemented")}function i(a){return"function"==typeof a?a:a.valueFn()}function j(){this.expression=null,this.filters=[],this.deps={},this.currentPath=void 0,this.scopeIdent=void 0,this.indexIdent=void 0,this.dynamicDeps=!1}function k(a){this.value_=a}function l(a){if(this.scopeIdent=a.scopeIdent,this.indexIdent=a.indexIdent,!a.expression)throw Error("No expression found.");this.expression=a.expression,i(this.expression),this.filters=a.filters,this.dynamicDeps=a.dynamicDeps}function m(a){return String(a).replace(/[A-Z]/g,function(a){return"-"+a.toLowerCase()})}function n(a,b){for(;a[t]&&!Object.prototype.hasOwnProperty.call(a,b);)a=a[t];return a}function o(a){switch(a){case"":return!1;case"false":case"null":case"true":return!0}return isNaN(Number(a))?!1:!0}function p(){}var q=Object.create(null);d.prototype={valueFn:function(){if(!this.valueFn_){var a=this.value;this.valueFn_=function(){return a}}return this.valueFn_}},e.prototype={valueFn:function(){if(!this.valueFn_){var a=(this.name,this.path);this.valueFn_=function(b,c){return c&&c.addPath(b,a),a.getValueFrom(b)}}return this.valueFn_},setValue:function(a,b){return 1==this.path.length,a=n(a,this.path[0]),this.path.setValueFrom(a,b)}},f.prototype={get fullPath(){if(!this.fullPath_){var a=this.object instanceof f?this.object.fullPath.slice():[this.object.name];a.push(this.property instanceof e?this.property.name:this.property.value),this.fullPath_=Path.get(a)}return this.fullPath_},valueFn:function(){if(!this.valueFn_){var a=this.object;if(this.simplePath){var b=this.fullPath;this.valueFn_=function(a,c){return c&&c.addPath(a,b),b.getValueFrom(a)}}else if(this.computed){var c=this.property;this.valueFn_=function(b,d,e){var f=a(b,d,e),g=c(b,d,e);return d&&d.addPath(f,[g]),f?f[g]:void 0}}else{var b=Path.get(this.property.name);this.valueFn_=function(c,d,e){var f=a(c,d,e);return d&&d.addPath(f,b),b.getValueFrom(f)}}}return this.valueFn_},setValue:function(a,b){if(this.simplePath)return this.fullPath.setValueFrom(a,b),b;var c=this.object(a),d=this.property instanceof e?this.property.name:this.property(a);return c[d]=b}},g.prototype={transform:function(a,b,c,d,e){var f=c[this.name],g=a;
|
||
if(f)g=void 0;else if(f=g[this.name],!f)return void console.error("Cannot find function or filter: "+this.name);if(d?f=f.toModel:"function"==typeof f.toDOM&&(f=f.toDOM),"function"!=typeof f)return void console.error("Cannot find function or filter: "+this.name);for(var h=e||[],j=0;j<this.args.length;j++)h.push(i(this.args[j])(a,b,c));return f.apply(g,h)}};var r={"+":function(a){return+a},"-":function(a){return-a},"!":function(a){return!a}},s={"+":function(a,b){return a+b},"-":function(a,b){return a-b},"*":function(a,b){return a*b},"/":function(a,b){return a/b},"%":function(a,b){return a%b},"<":function(a,b){return b>a},">":function(a,b){return a>b},"<=":function(a,b){return b>=a},">=":function(a,b){return a>=b},"==":function(a,b){return a==b},"!=":function(a,b){return a!=b},"===":function(a,b){return a===b},"!==":function(a,b){return a!==b},"&&":function(a,b){return a&&b},"||":function(a,b){return a||b}};j.prototype={createUnaryExpression:function(a,b){if(!r[a])throw Error("Disallowed operator: "+a);return b=i(b),function(c,d,e){return r[a](b(c,d,e))}},createBinaryExpression:function(a,b,c){if(!s[a])throw Error("Disallowed operator: "+a);switch(b=i(b),c=i(c),a){case"||":return this.dynamicDeps=!0,function(a,d,e){return b(a,d,e)||c(a,d,e)};case"&&":return this.dynamicDeps=!0,function(a,d,e){return b(a,d,e)&&c(a,d,e)}}return function(d,e,f){return s[a](b(d,e,f),c(d,e,f))}},createConditionalExpression:function(a,b,c){return a=i(a),b=i(b),c=i(c),this.dynamicDeps=!0,function(d,e,f){return a(d,e,f)?b(d,e,f):c(d,e,f)}},createIdentifier:function(a){var b=new e(a);return b.type="Identifier",b},createMemberExpression:function(a,b,c){var d=new f(b,c,a);return d.dynamicDeps&&(this.dynamicDeps=!0),d},createCallExpression:function(a,b){if(!(a instanceof e))throw Error("Only identifier function invocations are allowed");var c=new g(a.name,b);return function(a,b,d){return c.transform(a,b,d,!1)}},createLiteral:function(a){return new d(a.value)},createArrayExpression:function(a){for(var b=0;b<a.length;b++)a[b]=i(a[b]);return function(b,c,d){for(var e=[],f=0;f<a.length;f++)e.push(a[f](b,c,d));return e}},createProperty:function(a,b,c){return{key:b instanceof e?b.name:b.value,value:c}},createObjectExpression:function(a){for(var b=0;b<a.length;b++)a[b].value=i(a[b].value);return function(b,c,d){for(var e={},f=0;f<a.length;f++)e[a[f].key]=a[f].value(b,c,d);return e}},createFilter:function(a,b){this.filters.push(new g(a,b))},createAsExpression:function(a,b){this.expression=a,this.scopeIdent=b},createInExpression:function(a,b,c){this.expression=c,this.scopeIdent=a,this.indexIdent=b},createTopLevel:function(a){this.expression=a},createThisExpression:h},k.prototype={open:function(){return this.value_},discardChanges:function(){return this.value_},deliver:function(){},close:function(){}},l.prototype={getBinding:function(a,b,c){function d(){if(h)return h=!1,g;i.dynamicDeps&&f.startReset();var c=i.getValue(a,i.dynamicDeps?f:void 0,b);return i.dynamicDeps&&f.finishReset(),c}function e(c){return i.setValue(a,c,b),c}if(c)return this.getValue(a,void 0,b);var f=new CompoundObserver,g=this.getValue(a,f,b),h=!0,i=this;return new ObserverTransform(f,d,e,!0)},getValue:function(a,b,c){for(var d=i(this.expression)(a,b,c),e=0;e<this.filters.length;e++)d=this.filters[e].transform(a,b,c,!1,[d]);return d},setValue:function(a,b,c){for(var d=this.filters?this.filters.length:0;d-->0;)b=this.filters[d].transform(a,void 0,c,!0,[b]);return this.expression.setValue?this.expression.setValue(a,b):void 0}};var t="@"+Math.random().toString(36).slice(2);p.prototype={styleObject:function(a){var b=[];for(var c in a)b.push(m(c)+": "+a[c]);return b.join("; ")},tokenList:function(a){var b=[];for(var c in a)a[c]&&b.push(c);return b.join(" ")},prepareInstancePositionChanged:function(a){var b=a.polymerExpressionIndexIdent_;if(b)return function(a,c){a.model[b]=c}},prepareBinding:function(a,c,d){var e=Path.get(a);{if(o(a)||!e.valid)return b(a,c,d,this);if(1==e.length)return function(a,b,c){if(c)return e.getValueFrom(a);var d=n(a,e[0]);return new PathObserver(d,e)}}},prepareInstanceModel:function(a){var b=a.polymerExpressionScopeIdent_;if(b){var c=a.templateInstance?a.templateInstance.model:a.model,d=a.polymerExpressionIndexIdent_;return function(a){return u(c,a,b,d)}}}};var u="__proto__"in{}?function(a,b,c,d){var e={};return e[c]=b,e[d]=void 0,e[t]=a,e.__proto__=a,e}:function(a,b,c,d){var e=Object.create(a);return Object.defineProperty(e,c,{value:b,configurable:!0,writable:!0}),Object.defineProperty(e,d,{value:void 0,configurable:!0,writable:!0}),Object.defineProperty(e,t,{value:a,configurable:!0,writable:!0}),e};a.PolymerExpressions=p,p.getExpression=c}(this),Polymer={version:"0.3.5"},"function"==typeof window.Polymer&&(Polymer={}),function(a){function b(a,b){return a&&b&&Object.getOwnPropertyNames(b).forEach(function(c){var d=Object.getOwnPropertyDescriptor(b,c);d&&(Object.defineProperty(a,c,d),"function"==typeof d.value&&(d.value.nom=c))}),a}a.extend=b}(Polymer),function(a){function b(a,b,d){return a?a.stop():a=new c(this),a.go(b,d),a}var c=function(a){this.context=a,this.boundComplete=this.complete.bind(this)};c.prototype={go:function(a,b){this.callback=a;var c;b?(c=setTimeout(this.boundComplete,b),this.handle=function(){clearTimeout(c)}):(c=requestAnimationFrame(this.boundComplete),this.handle=function(){cancelAnimationFrame(c)})},stop:function(){this.handle&&(this.handle(),this.handle=null)},complete:function(){this.handle&&(this.stop(),this.callback.call(this.context))}},a.job=b}(Polymer),function(){var a={};HTMLElement.register=function(b,c){a[b]=c},HTMLElement.getPrototypeForTag=function(b){var c=b?a[b]:HTMLElement.prototype;return c||Object.getPrototypeOf(document.createElement(b))};var b=Event.prototype.stopPropagation;Event.prototype.stopPropagation=function(){this.cancelBubble=!0,b.apply(this,arguments)}}(Polymer),function(a){function b(a){var e=b.caller,g=e.nom,h=e._super;h||(g||(g=e.nom=c.call(this,e)),g||console.warn("called super() on a method not installed declaratively (has no .nom property)"),h=d(e,g,f(this)));var i=h[g];return i?(i._super||d(i,g,h),i.apply(this,a||[])):void 0}function c(a){for(var b=this.__proto__;b&&b!==HTMLElement.prototype;){for(var c,d=Object.getOwnPropertyNames(b),e=0,f=d.length;f>e&&(c=d[e]);e++){var g=Object.getOwnPropertyDescriptor(b,c);if("function"==typeof g.value&&g.value===a)return c}b=b.__proto__}}function d(a,b,c){var d=e(c,b,a);return d[b]&&(d[b].nom=b),a._super=d}function e(a,b,c){for(;a;){if(a[b]!==c&&a[b])return a;a=f(a)}return Object}function f(a){return a.__proto__}a.super=b}(Polymer),function(a){function b(a){return a}function c(a,b){var c=typeof b;return b instanceof Date&&(c="date"),d[c](a,b)}var d={string:b,undefined:b,date:function(a){return new Date(Date.parse(a)||Date.now())},"boolean":function(a){return""===a?!0:"false"===a?!1:!!a},number:function(a){var b=parseFloat(a);return 0===b&&(b=parseInt(a)),isNaN(b)?a:b},object:function(a,b){if(null===b)return a;try{return JSON.parse(a.replace(/'/g,'"'))}catch(c){return a}},"function":function(a,b){return b}};a.deserializeValue=c}(Polymer),function(a){var b=a.extend,c={};c.declaration={},c.instance={},c.publish=function(a,c){for(var d in a)b(c,a[d])},a.api=c}(Polymer),function(a){var b={async:function(a,b,c){Platform.flush(),b=b&&b.length?b:[b];var d=function(){(this[a]||a).apply(this,b)}.bind(this),e=c?setTimeout(d,c):requestAnimationFrame(d);return c?e:~e},cancelAsync:function(a){0>a?cancelAnimationFrame(~a):clearTimeout(a)},fire:function(a,b,c,d,e){var f=c||this,b=null===b||void 0===b?{}:b,g=new CustomEvent(a,{bubbles:void 0!==d?d:!0,cancelable:void 0!==e?e:!0,detail:b});return f.dispatchEvent(g),g},asyncFire:function(){this.async("fire",arguments)},classFollows:function(a,b,c){b&&b.classList.remove(c),a&&a.classList.add(c)},injectBoundHTML:function(a,b){var c=document.createElement("template");c.innerHTML=a;var d=this.instanceTemplate(c);return b&&(b.textContent="",b.appendChild(d)),d}},c=function(){},d={};b.asyncMethod=b.async,a.api.instance.utils=b,a.nop=c,a.nob=d}(Polymer),function(a){var b=window.logFlags||{},c="on-",d={EVENT_PREFIX:c,addHostListeners:function(){var a=this.eventDelegates;b.events&&Object.keys(a).length>0&&console.log("[%s] addHostListeners:",this.localName,a);for(var c in a){var d=a[c];PolymerGestures.addEventListener(this,c,this.element.getEventHandler(this,this,d))}},dispatchMethod:function(a,c,d){if(a){b.events&&console.group("[%s] dispatch [%s]",a.localName,c);var e="function"==typeof c?c:a[c];e&&e[d?"apply":"call"](a,d),b.events&&console.groupEnd(),Platform.flush()}}};a.api.instance.events=d,a.addEventListener=PolymerGestures.addEventListener,a.removeEventListener=PolymerGestures.removeEventListener}(Polymer),function(a){var b={copyInstanceAttributes:function(){var a=this._instanceAttributes;for(var b in a)this.hasAttribute(b)||this.setAttribute(b,a[b])},takeAttributes:function(){if(this._publishLC)for(var a,b=0,c=this.attributes,d=c.length;(a=c[b])&&d>b;b++)this.attributeToProperty(a.name,a.value)},attributeToProperty:function(b,c){var b=this.propertyForAttribute(b);if(b){if(c&&c.search(a.bindPattern)>=0)return;var d=this[b],c=this.deserializeValue(c,d);c!==d&&(this[b]=c)}},propertyForAttribute:function(a){var b=this._publishLC&&this._publishLC[a];return b},deserializeValue:function(b,c){return a.deserializeValue(b,c)},serializeValue:function(a,b){return"boolean"===b?a?"":void 0:"object"!==b&&"function"!==b&&void 0!==a?a:void 0},reflectPropertyToAttribute:function(a){var b=typeof this[a],c=this.serializeValue(this[a],b);void 0!==c?this.setAttribute(a,c):"boolean"===b&&this.removeAttribute(a)}};a.api.instance.attributes=b}(Polymer),function(a){function b(a,b){return a===b?0!==a||1/a===1/b:f(a)&&f(b)?!0:a!==a&&b!==b}function c(a,b){return void 0===b&&null===a?b:null===b||void 0===b?a:b}var d=window.logFlags||{},e={object:void 0,type:"update",name:void 0,oldValue:void 0},f=Number.isNaN||function(a){return"number"==typeof a&&isNaN(a)},g={createPropertyObserver:function(){var a=this._observeNames;if(a&&a.length){var b=this._propertyObserver=new CompoundObserver(!0);this.registerObserver(b);for(var c,d=0,e=a.length;e>d&&(c=a[d]);d++)b.addPath(this,c),this.observeArrayValue(c,this[c],null)}},openPropertyObserver:function(){this._propertyObserver&&this._propertyObserver.open(this.notifyPropertyChanges,this)},notifyPropertyChanges:function(a,b,c){var d,e,f={};for(var g in b)if(d=c[2*g+1],e=this.observe[d]){var h=b[g],i=a[g];this.observeArrayValue(d,i,h),f[e]||(void 0!==h&&null!==h||void 0!==i&&null!==i)&&(f[e]=!0,this.invokeMethod(e,[h,i,arguments]))}},deliverChanges:function(){this._propertyObserver&&this._propertyObserver.deliver()},propertyChanged_:function(a){this.reflect[a]&&this.reflectPropertyToAttribute(a)},observeArrayValue:function(a,b,c){var e=this.observe[a];if(e&&(Array.isArray(c)&&(d.observe&&console.log("[%s] observeArrayValue: unregister observer [%s]",this.localName,a),this.closeNamedObserver(a+"__array")),Array.isArray(b))){d.observe&&console.log("[%s] observeArrayValue: register observer [%s]",this.localName,a,b);var f=new ArrayObserver(b);f.open(function(a,b){this.invokeMethod(e,[b])},this),this.registerNamedObserver(a+"__array",f)}},emitPropertyChangeRecord:function(a,c,d){if(!b(c,d)&&(this.propertyChanged_(a,c,d),Observer.hasObjectObserve)){var f=this.notifier_;f||(f=this.notifier_=Object.getNotifier(this)),e.object=this,e.name=a,e.oldValue=d,f.notify(e)}},bindToAccessor:function(a,c,d){var e=a+"_",f=a+"Observable_";this[f]=c;var g=this[e],h=this,i=c.open(function(b,c){h[e]=b,h.emitPropertyChangeRecord(a,b,c)});if(d&&!b(g,i)){var j=d(g,i);b(i,j)||(i=j,c.setValue&&c.setValue(i))}this[e]=i,this.emitPropertyChangeRecord(a,i,g);var k={close:function(){c.close(),h[f]=void 0}};return this.registerObserver(k),k},createComputedProperties:function(){if(this._computedNames)for(var a=0;a<this._computedNames.length;a++){var b=this._computedNames[a],c=this.computed[b];try{var d=PolymerExpressions.getExpression(c),e=d.getBinding(this,this.element.syntax);this.bindToAccessor(b,e)}catch(f){console.error("Failed to create computed property",f)}}},bindProperty:function(a,b,d){return d?void(this[a]=b):this.bindToAccessor(a,b,c)},invokeMethod:function(a,b){var c=this[a]||a;"function"==typeof c&&c.apply(this,b)},registerObserver:function(a){return this._observers?void this._observers.push(a):void(this._observers=[a])},closeObservers:function(){if(this._observers){for(var a=this._observers,b=0;b<a.length;b++){var c=a[b];c&&"function"==typeof c.close&&c.close()}this._observers=[]}},registerNamedObserver:function(a,b){var c=this._namedObservers||(this._namedObservers={});c[a]=b},closeNamedObserver:function(a){var b=this._namedObservers;return b&&b[a]?(b[a].close(),b[a]=null,!0):void 0},closeNamedObservers:function(){if(this._namedObservers){for(var a in this._namedObservers)this.closeNamedObserver(a);this._namedObservers={}}}};a.api.instance.properties=g}(Polymer),function(a){var b=window.logFlags||0,c={instanceTemplate:function(a){for(var b=this.syntax||!a.bindingDelegate&&this.element.syntax,c=a.createInstance(this,b),d=c.bindings_,e=0;e<d.length;e++)this.registerObserver(d[e]);return c},bind:function(a,b,c){var d=this.propertyForAttribute(a);if(d){var e=this.bindProperty(d,b,c);return Platform.enableBindingsReflection&&e&&(e.path=b.path_,this._recordBinding(d,e)),this.reflect[d]&&this.reflectPropertyToAttribute(d),e}return this.mixinSuper(arguments)},bindFinished:function(){this.makeElementReady()},_recordBinding:function(a,b){this.bindings_=this.bindings_||{},this.bindings_[a]=b},asyncUnbindAll:function(){this._unbound||(b.unbind&&console.log("[%s] asyncUnbindAll",this.localName),this._unbindAllJob=this.job(this._unbindAllJob,this.unbindAll,0))},unbindAll:function(){this._unbound||(this.closeObservers(),this.closeNamedObservers(),this._unbound=!0)},cancelUnbindAll:function(){return this._unbound?void(b.unbind&&console.warn("[%s] already unbound, cannot cancel unbindAll",this.localName)):(b.unbind&&console.log("[%s] cancelUnbindAll",this.localName),void(this._unbindAllJob&&(this._unbindAllJob=this._unbindAllJob.stop())))}},d=/\{\{([^{}]*)}}/;a.bindPattern=d,a.api.instance.mdv=c}(Polymer),function(a){function b(a){return a.hasOwnProperty("PolymerBase")}function c(){}var d={PolymerBase:!0,job:function(a,b,c){if("string"!=typeof a)return Polymer.job.call(this,a,b,c);var d="___"+a;this[d]=Polymer.job.call(this,this[d],b,c)},"super":Polymer.super,created:function(){},ready:function(){},createdCallback:function(){this.templateInstance&&this.templateInstance.model&&console.warn("Attributes on "+this.localName+" were data bound prior to Polymer upgrading the element. This may result in incorrect binding types."),this.created(),this.prepareElement(),this.ownerDocument.isStagingDocument||this.makeElementReady()},prepareElement:function(){return this._elementPrepared?void console.warn("Element already prepared",this.localName):(this._elementPrepared=!0,this.shadowRoots={},this.createPropertyObserver(),this.openPropertyObserver(),this.copyInstanceAttributes(),this.takeAttributes(),void this.addHostListeners())},makeElementReady:function(){this._readied||(this._readied=!0,this.createComputedProperties(),this.parseDeclarations(this.__proto__),this.removeAttribute("unresolved"),this.ready())},attachedCallback:function(){this.cancelUnbindAll(),this.attached&&this.attached(),this.enteredView&&this.enteredView(),this.hasBeenAttached||(this.hasBeenAttached=!0,this.domReady&&this.async("domReady"))},detachedCallback:function(){this.preventDispose||this.asyncUnbindAll(),this.detached&&this.detached(),this.leftView&&this.leftView()},enteredViewCallback:function(){this.attachedCallback()},leftViewCallback:function(){this.detachedCallback()},enteredDocumentCallback:function(){this.attachedCallback()},leftDocumentCallback:function(){this.detachedCallback()},parseDeclarations:function(a){a&&a.element&&(this.parseDeclarations(a.__proto__),a.parseDeclaration.call(this,a.element))},parseDeclaration:function(a){var b=this.fetchTemplate(a);if(b){var c=this.shadowFromTemplate(b);this.shadowRoots[a.name]=c}},fetchTemplate:function(a){return a.querySelector("template")},shadowFromTemplate:function(a){if(a){var b=this.createShadowRoot(),c=this.instanceTemplate(a);return b.appendChild(c),this.shadowRootReady(b,a),b}},lightFromTemplate:function(a,b){if(a){this.eventController=this;var c=this.instanceTemplate(a);return b?this.insertBefore(c,b):this.appendChild(c),this.shadowRootReady(this),c}},shadowRootReady:function(a){this.marshalNodeReferences(a)},marshalNodeReferences:function(a){var b=this.$=this.$||{};if(a)for(var c,d=a.querySelectorAll("[id]"),e=0,f=d.length;f>e&&(c=d[e]);e++)b[c.id]=c},attributeChangedCallback:function(a){"class"!==a&&"style"!==a&&this.attributeToProperty(a,this.getAttribute(a)),this.attributeChanged&&this.attributeChanged.apply(this,arguments)},onMutation:function(a,b){var c=new MutationObserver(function(a){b.call(this,c,a),c.disconnect()}.bind(this));c.observe(a,{childList:!0,subtree:!0})}};c.prototype=d,d.constructor=c,a.Base=c,a.isBase=b,a.api.instance.base=d}(Polymer),function(a){function b(a){return a.__proto__}function c(a,b){var c="",d=!1;b&&(c=b.localName,d=b.hasAttribute("is"));var e=Platform.ShadowCSS.makeScopeSelector(c,d);return Platform.ShadowCSS.shimCssText(a,e)}var d=(window.logFlags||{},window.ShadowDOMPolyfill),e="element",f="controller",g={STYLE_SCOPE_ATTRIBUTE:e,installControllerStyles:function(){var a=this.findStyleScope();if(a&&!this.scopeHasNamedStyle(a,this.localName)){for(var c=b(this),d="";c&&c.element;)d+=c.element.cssTextForScope(f),c=b(c);d&&this.installScopeCssText(d,a)}},installScopeStyle:function(a,b,c){var c=c||this.findStyleScope(),b=b||"";if(c&&!this.scopeHasNamedStyle(c,this.localName+b)){var d="";if(a instanceof Array)for(var e,f=0,g=a.length;g>f&&(e=a[f]);f++)d+=e.textContent+"\n\n";else d=a.textContent;this.installScopeCssText(d,c,b)}},installScopeCssText:function(a,b,e){if(b=b||this.findStyleScope(),e=e||"",b){d&&(a=c(a,b.host));var g=this.element.cssTextToScopeStyle(a,f);Polymer.applyStyleToScope(g,b),this.styleCacheForScope(b)[this.localName+e]=!0}},findStyleScope:function(a){for(var b=a||this;b.parentNode;)b=b.parentNode;return b},scopeHasNamedStyle:function(a,b){var c=this.styleCacheForScope(a);return c[b]},styleCacheForScope:function(a){if(d){var b=a.host?a.host.localName:a.localName;return h[b]||(h[b]={})}return a._scopeStyles=a._scopeStyles||{}}},h={};a.api.instance.styles=g}(Polymer),function(a){function b(a,b){if(1===arguments.length&&"string"!=typeof arguments[0]){b=a;var c=document._currentScript;if(a=c&&c.parentNode&&c.parentNode.getAttribute?c.parentNode.getAttribute("name"):"",!a)throw"Element name could not be inferred."}if(f[a])throw"Already registered (Polymer) prototype for element "+a;e(a,b),d(a)}function c(a,b){h[a]=b}function d(a){h[a]&&(h[a].registerWhenReady(),delete h[a])}function e(a,b){return i[a]=b||{}}function f(a){return i[a]}var g=a.extend,h=(a.api,{}),i={};a.getRegisteredPrototype=f,a.waitingForPrototype=c,window.Polymer=b,g(Polymer,a);var j=Platform.deliverDeclarations();if(j)for(var k,l=0,m=j.length;m>l&&(k=j[l]);l++)b.apply(null,k)}(Polymer),function(a){var b={resolveElementPaths:function(a){Platform.urlResolver.resolveDom(a)},addResolvePathApi:function(){var a=this.getAttribute("assetpath")||"",b=new URL(a,this.ownerDocument.baseURI);this.prototype.resolvePath=function(a,c){var d=new URL(a,c||b);return d.href}}};a.api.declaration.path=b}(Polymer),function(a){function b(a,b){var c=new URL(a.getAttribute("href"),b).href;return"@import '"+c+"';"}function c(a,b){if(a){b===document&&(b=document.head),i&&(b=document.head);var c=d(a.textContent),e=a.getAttribute(h);e&&c.setAttribute(h,e);var f=b.firstElementChild;if(b===document.head){var g="style["+h+"]",j=document.head.querySelectorAll(g);j.length&&(f=j[j.length-1].nextElementSibling)}b.insertBefore(c,f)}}function d(a,b){b=b||document,b=b.createElement?b:b.ownerDocument;var c=b.createElement("style");return c.textContent=a,c}function e(a){return a&&a.__resource||""}function f(a,b){return q?q.call(a,b):void 0}var g=(window.logFlags||{},a.api.instance.styles),h=g.STYLE_SCOPE_ATTRIBUTE,i=window.ShadowDOMPolyfill,j="style",k="@import",l="link[rel=stylesheet]",m="global",n="polymer-scope",o={loadStyles:function(a){var b=this.fetchTemplate(),c=b&&this.templateContent();if(c){this.convertSheetsToStyles(c);var d=this.findLoadableStyles(c);if(d.length){var e=b.ownerDocument.baseURI;return Platform.styleResolver.loadStyles(d,e,a)}}a&&a()},convertSheetsToStyles:function(a){for(var c,e,f=a.querySelectorAll(l),g=0,h=f.length;h>g&&(c=f[g]);g++)e=d(b(c,this.ownerDocument.baseURI),this.ownerDocument),this.copySheetAttributes(e,c),c.parentNode.replaceChild(e,c)},copySheetAttributes:function(a,b){for(var c,d=0,e=b.attributes,f=e.length;(c=e[d])&&f>d;d++)"rel"!==c.name&&"href"!==c.name&&a.setAttribute(c.name,c.value)},findLoadableStyles:function(a){var b=[];if(a)for(var c,d=a.querySelectorAll(j),e=0,f=d.length;f>e&&(c=d[e]);e++)c.textContent.match(k)&&b.push(c);return b},installSheets:function(){this.cacheSheets(),this.cacheStyles(),this.installLocalSheets(),this.installGlobalStyles()},cacheSheets:function(){this.sheets=this.findNodes(l),this.sheets.forEach(function(a){a.parentNode&&a.parentNode.removeChild(a)})},cacheStyles:function(){this.styles=this.findNodes(j+"["+n+"]"),this.styles.forEach(function(a){a.parentNode&&a.parentNode.removeChild(a)})},installLocalSheets:function(){var a=this.sheets.filter(function(a){return!a.hasAttribute(n)}),b=this.templateContent();if(b){var c="";if(a.forEach(function(a){c+=e(a)+"\n"}),c){var f=d(c,this.ownerDocument);b.insertBefore(f,b.firstChild)}}},findNodes:function(a,b){var c=this.querySelectorAll(a).array(),d=this.templateContent();if(d){var e=d.querySelectorAll(a).array();c=c.concat(e)}return b?c.filter(b):c},installGlobalStyles:function(){var a=this.styleForScope(m);c(a,document.head)},cssTextForScope:function(a){var b="",c="["+n+"="+a+"]",d=function(a){return f(a,c)},g=this.sheets.filter(d);g.forEach(function(a){b+=e(a)+"\n\n"});var h=this.styles.filter(d);return h.forEach(function(a){b+=a.textContent+"\n\n"}),b},styleForScope:function(a){var b=this.cssTextForScope(a);return this.cssTextToScopeStyle(b,a)},cssTextToScopeStyle:function(a,b){if(a){var c=d(a);return c.setAttribute(h,this.getAttribute("name")+"-"+b),c}}},p=HTMLElement.prototype,q=p.matches||p.matchesSelector||p.webkitMatchesSelector||p.mozMatchesSelector;a.api.declaration.styles=o,a.applyStyleToScope=c}(Polymer),function(a){var b=(window.logFlags||{},a.api.instance.events),c=b.EVENT_PREFIX,d={};["webkitAnimationStart","webkitAnimationEnd","webkitTransitionEnd","DOMFocusOut","DOMFocusIn","DOMMouseScroll"].forEach(function(a){d[a.toLowerCase()]=a});var e={parseHostEvents:function(){var a=this.prototype.eventDelegates;this.addAttributeDelegates(a)},addAttributeDelegates:function(a){for(var b,c=0;b=this.attributes[c];c++)this.hasEventPrefix(b.name)&&(a[this.removeEventPrefix(b.name)]=b.value.replace("{{","").replace("}}","").trim())},hasEventPrefix:function(a){return a&&"o"===a[0]&&"n"===a[1]&&"-"===a[2]},removeEventPrefix:function(a){return a.slice(f)},findController:function(a){for(;a.parentNode;){if(a.eventController)return a.eventController;a=a.parentNode}return a.host},getEventHandler:function(a,b,c){var d=this;return function(e){a&&a.PolymerBase||(a=d.findController(b));var f=[e,e.detail,e.currentTarget];a.dispatchMethod(a,c,f)}},prepareEventBinding:function(a,b){if(this.hasEventPrefix(b)){var c=this.removeEventPrefix(b);c=d[c]||c;var e=this;return function(b,d,f){function g(){return"{{ "+a+" }}"}var h=e.getEventHandler(void 0,d,a);return PolymerGestures.addEventListener(d,c,h),f?void 0:{open:g,discardChanges:g,close:function(){PolymerGestures.removeEventListener(d,c,h)}}}}}},f=c.length;a.api.declaration.events=e}(Polymer),function(a){var b={inferObservers:function(a){var b,c=a.observe;for(var d in a)"Changed"===d.slice(-7)&&(c||(c=a.observe={}),b=d.slice(0,-7),c[b]=c[b]||d)},explodeObservers:function(a){var b=a.observe;if(b){var c={};for(var d in b)for(var e,f=d.split(" "),g=0;e=f[g];g++)c[e]=b[d];a.observe=c}},optimizePropertyMaps:function(a){if(a.observe){var b=a._observeNames=[];for(var c in a.observe)for(var d,e=c.split(" "),f=0;d=e[f];f++)b.push(d)}if(a.publish){var b=a._publishNames=[];for(var c in a.publish)b.push(c)}if(a.computed){var b=a._computedNames=[];for(var c in a.computed)b.push(c)}},publishProperties:function(a,b){var c=a.publish;c&&(this.requireProperties(c,a,b),a._publishLC=this.lowerCaseMap(c))},requireProperties:function(a,b){b.reflect=b.reflect||{};for(var c in a){var d=a[c];d&&void 0!==d.reflect&&(b.reflect[c]=Boolean(d.reflect),d=d.value),void 0!==d&&(b[c]=d)}},lowerCaseMap:function(a){var b={};for(var c in a)b[c.toLowerCase()]=c;return b},createPropertyAccessor:function(a){var b=this.prototype,c=a+"_",d=a+"Observable_";b[c]=b[a],Object.defineProperty(b,a,{get:function(){var a=this[d];return a&&a.deliver(),this[c]},set:function(b){var e=this[d];if(e)return void e.setValue(b);var f=this[c];return this[c]=b,this.emitPropertyChangeRecord(a,b,f),b},configurable:!0})},createPropertyAccessors:function(a){var b=a._publishNames;if(b&&b.length)for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.createPropertyAccessor(c);var b=a._computedNames;if(b&&b.length)for(var c,d=0,e=b.length;e>d&&(c=b[d]);d++)this.createPropertyAccessor(c)}};a.api.declaration.properties=b}(Polymer),function(a){var b="attributes",c=/\s|,/,d={inheritAttributesObjects:function(a){this.inheritObject(a,"publishLC"),this.inheritObject(a,"_instanceAttributes")},publishAttributes:function(a){var d=this.getAttribute(b);if(d)for(var e,f=a.publish||(a.publish={}),g=d.split(c),h=0,i=g.length;i>h;h++)e=g[h].trim(),e&&void 0===f[e]&&(f[e]=void 0)},accumulateInstanceAttributes:function(){for(var a,b=this.prototype._instanceAttributes,c=this.attributes,d=0,e=c.length;e>d&&(a=c[d]);d++)this.isInstanceAttribute(a.name)&&(b[a.name]=a.value)},isInstanceAttribute:function(a){return!this.blackList[a]&&"on-"!==a.slice(0,3)},blackList:{name:1,"extends":1,constructor:1,noscript:1,assetpath:1,"cache-csstext":1}};d.blackList[b]=1,a.api.declaration.attributes=d}(Polymer),function(a){var b=a.api.declaration.events,c=new PolymerExpressions,d=c.prepareBinding;c.prepareBinding=function(a,e,f){return b.prepareEventBinding(a,e,f)||d.call(c,a,e,f)};var e={syntax:c,fetchTemplate:function(){return this.querySelector("template")},templateContent:function(){var a=this.fetchTemplate();return a&&Platform.templateContent(a)},installBindingDelegate:function(a){a&&(a.bindingDelegate=this.syntax)}};a.api.declaration.mdv=e}(Polymer),function(a){function b(a){if(!Object.__proto__){var b=Object.getPrototypeOf(a);a.__proto__=b,d(b)&&(b.__proto__=Object.getPrototypeOf(b))}}var c=a.api,d=a.isBase,e=a.extend,f=window.ShadowDOMPolyfill,g={register:function(a,b){this.buildPrototype(a,b),this.registerPrototype(a,b),this.publishConstructor()},buildPrototype:function(b,c){var d=a.getRegisteredPrototype(b),e=this.generateBasePrototype(c);this.desugarBeforeChaining(d,e),this.prototype=this.chainPrototypes(d,e),this.desugarAfterChaining(b,c)},desugarBeforeChaining:function(a,b){a.element=this,this.publishAttributes(a,b),this.publishProperties(a,b),this.inferObservers(a),this.explodeObservers(a)},chainPrototypes:function(a,c){this.inheritMetaData(a,c);var d=this.chainObject(a,c);return b(d),d},inheritMetaData:function(a,b){this.inheritObject("observe",a,b),this.inheritObject("publish",a,b),this.inheritObject("reflect",a,b),this.inheritObject("_publishLC",a,b),this.inheritObject("_instanceAttributes",a,b),this.inheritObject("eventDelegates",a,b)},desugarAfterChaining:function(a,b){this.optimizePropertyMaps(this.prototype),this.createPropertyAccessors(this.prototype),this.installBindingDelegate(this.fetchTemplate()),this.installSheets(),this.resolveElementPaths(this),this.accumulateInstanceAttributes(),this.parseHostEvents(),this.addResolvePathApi(),f&&Platform.ShadowCSS.shimStyling(this.templateContent(),a,b),this.prototype.registerCallback&&this.prototype.registerCallback(this)},publishConstructor:function(){var a=this.getAttribute("constructor");a&&(window[a]=this.ctor)},generateBasePrototype:function(a){var b=this.findBasePrototype(a);if(!b){var b=HTMLElement.getPrototypeForTag(a);b=this.ensureBaseApi(b),h[a]=b}return b},findBasePrototype:function(a){return h[a]},ensureBaseApi:function(a){if(a.PolymerBase)return a;var b=Object.create(a);return c.publish(c.instance,b),this.mixinMethod(b,a,c.instance.mdv,"bind"),b},mixinMethod:function(a,b,c,d){var e=function(a){return b[d].apply(this,a)};a[d]=function(){return this.mixinSuper=e,c[d].apply(this,arguments)}},inheritObject:function(a,b,c){var d=b[a]||{};b[a]=this.chainObject(d,c[a])},registerPrototype:function(a,b){var c={prototype:this.prototype},d=this.findTypeExtension(b);d&&(c.extends=d),HTMLElement.register(a,this.prototype),this.ctor=document.registerElement(a,c)},findTypeExtension:function(a){if(a&&a.indexOf("-")<0)return a;var b=this.findBasePrototype(a);return b.element?this.findTypeExtension(b.element.extends):void 0}},h={};g.chainObject=Object.__proto__?function(a,b){return a&&b&&a!==b&&(a.__proto__=b),a}:function(a,b){if(a&&b&&a!==b){var c=Object.create(b);a=e(c,a)}return a},c.declaration.prototype=g}(Polymer),function(a){function b(a){return document.contains(a)?i:h}function c(){return h.length?h[0]:i[0]}function d(a){e.waitToReady=!0,CustomElements.ready=!1,HTMLImports.whenImportsReady(function(){e.addReadyCallback(a),e.waitToReady=!1,e.check()})}var e={wait:function(a){a.__queue||(a.__queue={},f.push(a))},enqueue:function(a,c,d){var e=a.__queue&&!a.__queue.check;return e&&(b(a).push(a),a.__queue.check=c,a.__queue.go=d),0!==this.indexOf(a)},indexOf:function(a){var c=b(a).indexOf(a);return c>=0&&document.contains(a)&&(c+=HTMLImports.useNative||HTMLImports.ready?h.length:1e9),c},go:function(a){var b=this.remove(a);b&&(a.__queue.flushable=!0,this.addToFlushQueue(b),this.check())},remove:function(a){var c=this.indexOf(a);if(0===c)return b(a).shift()},check:function(){var a=this.nextElement();return a&&a.__queue.check.call(a),this.canReady()?(this.ready(),!0):void 0},nextElement:function(){return c()},canReady:function(){return!this.waitToReady&&this.isEmpty()},isEmpty:function(){for(var a,b=0,c=f.length;c>b&&(a=f[b]);b++)if(a.__queue&&!a.__queue.flushable)return;return!0},addToFlushQueue:function(a){g.push(a)},flush:function(){if(!this.flushing){this.flushing=!0;for(var a;g.length;)a=g.shift(),a.__queue.go.call(a),a.__queue=null;this.flushing=!1}},ready:function(){this.flush(),CustomElements.ready===!1&&(CustomElements.upgradeDocumentTree(document),CustomElements.ready=!0),Platform.flush(),requestAnimationFrame(this.flushReadyCallbacks)},addReadyCallback:function(a){a&&j.push(a)},flushReadyCallbacks:function(){if(j)for(var a;j.length;)(a=j.shift())()},waitToReady:!0},f=[],g=[],h=[],i=[],j=[];document.addEventListener("WebComponentsReady",function(){CustomElements.ready=!1}),a.elements=f,a.queue=e,a.whenReady=a.whenPolymerReady=d}(Polymer),function(a){function b(a,b){a?(document.head.appendChild(a),d(b)):b&&b()}function c(a,c){if(a&&a.length){for(var d,e,f=document.createDocumentFragment(),g=0,h=a.length;h>g&&(d=a[g]);g++)e=document.createElement("link"),e.rel="import",e.href=d,f.appendChild(e);b(f,c)}else c&&c()}var d=a.whenPolymerReady;a.import=c,a.importElements=b}(Polymer),function(a){function b(a){return Boolean(HTMLElement.getPrototypeForTag(a))}function c(a){return a&&a.indexOf("-")>=0}var d=a.extend,e=a.api,f=a.queue,g=a.whenPolymerReady,h=a.getRegisteredPrototype,i=a.waitingForPrototype,j=d(Object.create(HTMLElement.prototype),{createdCallback:function(){this.getAttribute("name")&&this.init()},init:function(){this.name=this.getAttribute("name"),this.extends=this.getAttribute("extends"),f.wait(this),this.loadResources(),this.registerWhenReady()
|
||
},registerWhenReady:function(){this.registered||this.waitingForPrototype(this.name)||this.waitingForQueue()||this.waitingForResources()||f.go(this)},_register:function(){c(this.extends)&&!b(this.extends)&&console.warn("%s is attempting to extend %s, an unregistered element or one that was not registered with Polymer.",this.name,this.extends),this.register(this.name,this.extends),this.registered=!0},waitingForPrototype:function(a){return h(a)?void 0:(i(a,this),this.handleNoScript(a),!0)},handleNoScript:function(a){this.hasAttribute("noscript")&&!this.noscript&&(this.noscript=!0,Polymer(a))},waitingForResources:function(){return this._needsResources},waitingForQueue:function(){return f.enqueue(this,this.registerWhenReady,this._register)},loadResources:function(){this._needsResources=!0,this.loadStyles(function(){this._needsResources=!1,this.registerWhenReady()}.bind(this))}});e.publish(e.declaration,j),g(function(){document.body.removeAttribute("unresolved"),document.dispatchEvent(new CustomEvent("polymer-ready",{bubbles:!0}))}),document.registerElement("polymer-element",{prototype:j})}(Polymer),function(){var a=document.createElement("polymer-element");a.setAttribute("name","auto-binding"),a.setAttribute("extends","template"),a.init(),Polymer("auto-binding",{createdCallback:function(){this.syntax=this.bindingDelegate=this.makeSyntax(),Polymer.whenPolymerReady(function(){this.model=this,this.setAttribute("bind",""),this.async(function(){this.marshalNodeReferences(this.parentNode),this.fire("template-bound")})}.bind(this))},makeSyntax:function(){var a=Object.create(Polymer.api.declaration.events),b=this;a.findController=function(){return b.model};var c=new PolymerExpressions,d=c.prepareBinding;return c.prepareBinding=function(b,e,f){return a.prepareEventBinding(b,e,f)||d.call(c,b,e,f)},c}})}();
|
||
//# sourceMappingURL=polymer.js.map</script>
|
||
<!--<link rel="import" href="../polymer-dev/polymer.html">-->
|
||
|
||
|
||
<polymer-element name="gui-row" attributes="name comment" assetpath="../elements/gui-row/">
|
||
|
||
<template>
|
||
|
||
<div>
|
||
|
||
<style>:host {
|
||
font: 10px 'Lucida Grande', sans-serif;
|
||
color: #eee;
|
||
-webkit-font-smoothing: antialiased;
|
||
}
|
||
#row {
|
||
height: 30px;
|
||
-webkit-transition: background-color 0.2s linear;
|
||
-moz-transition: background-color 0.2s linear;
|
||
-o-transition: background-color 0.2s linear;
|
||
-ms-transition: background-color 0.2s linear;
|
||
transition: background-color 0.2s linear;
|
||
border-bottom: 1px solid rgba(255,255,255,0.05);
|
||
}
|
||
#controller {
|
||
height: 100%;
|
||
}
|
||
#name {
|
||
padding: 0 8px;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
width: 40%;
|
||
cursor: default;
|
||
}
|
||
.comment-true #name {
|
||
cursor: pointer;
|
||
}
|
||
#nameInner {
|
||
overflow: hidden;
|
||
-o-text-overflow: ellipsis;
|
||
text-overflow: ellipsis;
|
||
}
|
||
#comment {
|
||
line-height: 16px;
|
||
-webkit-user-select: text;
|
||
-moz-user-select: text;
|
||
-ms-user-select: text;
|
||
user-select: text;
|
||
background: #e0cf99;
|
||
color: #333;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
overflow: hidden;
|
||
-webkit-transition: height 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-moz-transition: height 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-o-transition: height 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-ms-transition: height 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
transition: height 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
position: absolute;
|
||
z-index: 999;
|
||
pointer-events: none;
|
||
opacity: 0;
|
||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
|
||
filter: alpha(opacity=0);
|
||
-webkit-transform: translate3d(0, 20px, 0);
|
||
-moz-transform: translate3d(0, 20px, 0);
|
||
-o-transform: translate3d(0, 20px, 0);
|
||
-ms-transform: translate3d(0, 20px, 0);
|
||
transform: translate3d(0, 20px, 0);
|
||
-webkit-transition: all 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-moz-transition: all 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-o-transition: all 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-ms-transition: all 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
transition: all 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
}
|
||
#comment.open-true {
|
||
opacity: 1;
|
||
-ms-filter: none;
|
||
filter: none;
|
||
-webkit-transition-delay: 200ms;
|
||
-moz-transition-delay: 200ms;
|
||
-o-transition-delay: 200ms;
|
||
-ms-transition-delay: 200ms;
|
||
transition-delay: 200ms;
|
||
-webkit-transform: translate3d(0, 0, 0);
|
||
-moz-transform: translate3d(0, 0, 0);
|
||
-o-transform: translate3d(0, 0, 0);
|
||
-ms-transform: translate3d(0, 0, 0);
|
||
transform: translate3d(0, 0, 0);
|
||
}
|
||
#commentInner {
|
||
padding: 8px;
|
||
}
|
||
.comment-true #nameInner {
|
||
display: inline-block;
|
||
border-bottom: 1px dotted rgba(255,255,255,0.25);
|
||
}
|
||
</style>
|
||
|
||
<div id="row" class="comment-{{ comment != null }}" layout="" horizontal="">
|
||
|
||
<div id="name" on-mouseover="{{ openComment }}" on-mouseout="{{ closeComment }}" layout="" horizontal="" center="">
|
||
|
||
<div id="nameInner">{{ name }}</div>
|
||
|
||
</div>
|
||
|
||
<div id="controller" flex="">
|
||
<content></content>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="comment" class="open-{{ commentOpen }}" hidden?="{{ comment == null }}">
|
||
|
||
<div id="commentInner">{{ comment }}</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</template>
|
||
|
||
<script>/*
|
||
|
||
[ ] comment hover behavior
|
||
|
||
*/
|
||
|
||
Polymer('gui-row', {
|
||
|
||
comment: null,
|
||
|
||
commentOpen: false,
|
||
|
||
ready: function() {
|
||
|
||
|
||
|
||
},
|
||
|
||
openComment: function() {
|
||
this.commentOpen = true;
|
||
},
|
||
|
||
closeComment: function() {
|
||
this.commentOpen = false;
|
||
}
|
||
|
||
});</script>
|
||
|
||
</polymer-element>
|
||
|
||
<polymer-element name="gui-panel" attributes="docked autoplace open" assetpath="../elements/gui-panel/">
|
||
|
||
<template>
|
||
|
||
<style>#controllers {
|
||
overflow: auto;
|
||
}
|
||
#container {
|
||
background: #1a1a1a;
|
||
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0, 0.8, 0, 1);
|
||
-moz-transition: -moz-transform 0.4s cubic-bezier(0, 0.8, 0, 1);
|
||
-o-transition: -o-transform 0.4s cubic-bezier(0, 0.8, 0, 1);
|
||
-ms-transition: -ms-transform 0.4s cubic-bezier(0, 0.8, 0, 1);
|
||
transition: transform 0.4s cubic-bezier(0, 0.8, 0, 1);
|
||
}
|
||
#container.autoplace-true {
|
||
width: 245px;
|
||
position: fixed;
|
||
top: 0;
|
||
}
|
||
#container.autoplace-true.docked-false {
|
||
right: 20px;
|
||
}
|
||
#container.autoplace-true.docked-true {
|
||
right: 0;
|
||
bottom: 0;
|
||
}
|
||
#container.autoplace-true.docked-true.open-false {
|
||
-webkit-transform: translate3d(245px, 0, 0);
|
||
-moz-transform: translate3d(245px, 0, 0);
|
||
-o-transform: translate3d(245px, 0, 0);
|
||
-ms-transform: translate3d(245px, 0, 0);
|
||
transform: translate3d(245px, 0, 0);
|
||
}
|
||
#closeButton {
|
||
font: 10px 'Lucida Grande', sans-serif;
|
||
color: #eee;
|
||
-webkit-font-smoothing: antialiased;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
cursor: pointer;
|
||
text-align: center;
|
||
padding: 6px 8px;
|
||
background: #000;
|
||
}
|
||
#closeButton:hover {
|
||
background: #1a1a1a;
|
||
}
|
||
#closeButtonDocked {
|
||
position: absolute;
|
||
right: 245px;
|
||
cursor: pointer;
|
||
top: 0;
|
||
color: #000;
|
||
width: 50px;
|
||
height: 50px;
|
||
padding: 10px;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
}
|
||
#closeButtonDockedInner {
|
||
-webkit-border-radius: 3px;
|
||
border-radius: 3px;
|
||
background: #fff;
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
</style>
|
||
|
||
<div id="container" class="docked-{{ docked }} autoplace-{{ autoPlace }} open-{{ open }}">
|
||
|
||
<div id="controllers">
|
||
<content></content>
|
||
</div>
|
||
|
||
<div id="closeButton" on-tap="{{ tapClose }}" hidden?="{{ docked }}">{{ open ? 'Close' : 'Open' }} Controls</div>
|
||
|
||
<div id="closeButtonDocked" on-tap="{{ tapClose }}" hidden?="{{ !docked }}">
|
||
<div id="closeButtonDockedInner"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</template>
|
||
|
||
<script>/*
|
||
|
||
[ ] kill horizontal scroll when docked
|
||
|
||
*/
|
||
|
||
Polymer('gui-panel', {
|
||
|
||
docked: false,
|
||
open: true,
|
||
|
||
ready: function() {
|
||
|
||
this.anon.values = {};
|
||
|
||
// window.addEventListener( 'resize', this.checkHeight.bind( this ) );
|
||
|
||
},
|
||
|
||
anon: function() {
|
||
|
||
if ( arguments.length == 1 ) {
|
||
var name = arguments[ 0 ];
|
||
return this.anon.values[ name ];
|
||
}
|
||
|
||
var initialValue = arguments[ 0 ];
|
||
var name = arguments[ 1 ];
|
||
|
||
var args = [ this.anon.values, name ];
|
||
args = args.concat( Array.prototype.slice.call( arguments, 2 ) );
|
||
|
||
this.anon.values[ name ] = initialValue;
|
||
|
||
return this.add.apply( this, args );
|
||
|
||
},
|
||
|
||
add: function( object, path ) {
|
||
|
||
// Make controller
|
||
|
||
var value = Path.get( path ).getValueFrom( object );
|
||
|
||
if ( value == null || value == undefined ) {
|
||
return Gui.error( object + ' doesn\'t have a value for path "' + path + '".' );
|
||
}
|
||
|
||
var args = Array.prototype.slice.call( arguments, 2 );
|
||
|
||
var controller = Gui.getController( value, args );
|
||
|
||
if ( !controller ) {
|
||
return Gui.error( 'Unrecognized type:', value );
|
||
}
|
||
|
||
controller.watch( object, path )
|
||
controller.init.apply( controller, args );
|
||
|
||
// Make row
|
||
|
||
var row = document.createElement( 'gui-row' );
|
||
row.name = path;
|
||
|
||
controller.row = row;
|
||
|
||
controller.name = function( name ) {
|
||
row.name = name;
|
||
};
|
||
|
||
controller.comment = function( comment ) {
|
||
row.comment = comment;
|
||
};
|
||
|
||
row.appendChild( controller );
|
||
this.appendChild( row );
|
||
|
||
return controller;
|
||
|
||
},
|
||
|
||
|
||
// Observers
|
||
// -------------------------------
|
||
|
||
openChanged: function() {
|
||
|
||
if ( this.open || this.docked ) {
|
||
|
||
// let the style sheet take care of things
|
||
|
||
this.$.container.style.transform = '';
|
||
|
||
} else {
|
||
|
||
// todo: need the rest of the vendor prefixes ...
|
||
// wish i could pipe javascript variables into styl.
|
||
|
||
var y = -this.$.controllers.offsetHeight + 'px';
|
||
this.$.container.style.transform = 'translate3d(0, ' + y + ', 0)';
|
||
|
||
}
|
||
|
||
|
||
},
|
||
|
||
dockedChanged: function() {
|
||
|
||
this.openChanged();
|
||
|
||
},
|
||
|
||
|
||
// Events
|
||
// -------------------------------
|
||
|
||
tapClose: function() {
|
||
this.open = !this.open;
|
||
},
|
||
|
||
// checkHeight: function() {
|
||
|
||
// if ( window.innerHeight < this.$.controllers.offsetHeight ) {
|
||
// this.docked = true;
|
||
// } else {
|
||
// this.docked = false;
|
||
// }
|
||
|
||
// },
|
||
|
||
|
||
// Legacy
|
||
// -------------------------------
|
||
|
||
listenAll: function() {
|
||
|
||
Gui.warn( 'controller.listenAll() is deprecated. All controllers are listened for free.' );
|
||
|
||
},
|
||
|
||
// todo: domElement
|
||
|
||
});</script>
|
||
|
||
</polymer-element></div>
|
||
<div hidden>undefined</div>
|
||
|
||
<!-- controllers -->
|
||
<div hidden>
|
||
|
||
|
||
<script>/*
|
||
|
||
[ ] onChange( )
|
||
[ ] onFinishChange( )
|
||
|
||
*/
|
||
|
||
Polymer('controller-base', {
|
||
|
||
ready: function() {
|
||
|
||
this.update();
|
||
|
||
},
|
||
|
||
update: function() {},
|
||
|
||
init: function() {},
|
||
|
||
|
||
// Observers
|
||
// -------------------------------
|
||
|
||
watch: function( object, path ) {
|
||
|
||
this.object = object;
|
||
this.path = path;
|
||
|
||
|
||
this.bind('value', new PathObserver(this.object, this.path));
|
||
|
||
// if ( this._observer ) {
|
||
// this._observer.close();
|
||
// delete this._observer;
|
||
// }
|
||
|
||
// var _this = this;
|
||
|
||
// this._observer = new PathObserver( this.object, this.path );
|
||
// this._observer.open( function( newValue ) {
|
||
|
||
// _this.value = newValue;
|
||
|
||
// } );
|
||
|
||
// this.value = this.object[ this.path ];
|
||
|
||
},
|
||
|
||
valueChanged: function() {
|
||
|
||
// if ( this._observer ) {
|
||
|
||
// Path.get( this.path ).setValueFrom( this.object, this.value );
|
||
|
||
// }
|
||
|
||
this.update();
|
||
|
||
},
|
||
|
||
|
||
// Helpers
|
||
// -------------------------------
|
||
|
||
map: function( x, a, b, c, d ) {
|
||
return ( x - a ) / ( b - a ) * ( d - c ) + c;
|
||
},
|
||
|
||
|
||
// Legacy
|
||
// -------------------------------
|
||
|
||
listen: function() {
|
||
|
||
Gui.warn( 'controller.listen() is deprecated. All controllers are listened for free.' );
|
||
return this;
|
||
|
||
},
|
||
|
||
getValue: function() {
|
||
|
||
return this.value;
|
||
|
||
},
|
||
|
||
setValue: function( v ) {
|
||
|
||
this.value = v;
|
||
|
||
}
|
||
|
||
|
||
});</script>
|
||
|
||
<polymer-element name="controller-base" attributes="object path value" assetpath="../elements/controller-base/"></polymer-element>
|
||
|
||
<script>/*
|
||
|
||
[ ] arrow keys
|
||
[ ] min( ) max( ) step( ) commands of yore
|
||
|
||
[x] only validate input box on blur, not on keydown
|
||
[x] enter key blurs
|
||
[x] decimals
|
||
[x] step
|
||
[x] dy to drag friction
|
||
[x] negative slider
|
||
[x] hover behavior
|
||
|
||
*/
|
||
|
||
Gui.register( 'controller-number', function( value ) {
|
||
|
||
return typeof value == 'number';
|
||
|
||
} );
|
||
|
||
Polymer( 'controller-number', {
|
||
|
||
value: 0,
|
||
decimals: 3,
|
||
computed: {
|
||
|
||
slider: 'min !== undefined && max !== undefined'
|
||
|
||
},
|
||
|
||
ready: function() {
|
||
|
||
var _this = this;
|
||
|
||
window.addEventListener( 'keydown', function( e ) {
|
||
if ( e.keyCode == 18 ) _this._alt = true;
|
||
}, false );
|
||
|
||
window.addEventListener( 'keyup', function( e ) {
|
||
if ( e.keyCode == 18 ) _this._alt = false;
|
||
}, false );
|
||
|
||
this.super();
|
||
|
||
},
|
||
|
||
init: function( min, max, step ) {
|
||
|
||
this.min = min;
|
||
this.max = max;
|
||
this.step = step;
|
||
|
||
},
|
||
|
||
// Observers
|
||
// -------------------------------
|
||
|
||
valueChanged: function( newValue ) {
|
||
|
||
if ( this.step !== undefined ) {
|
||
this.value = Math.round( this.value / this.step ) * this.step;
|
||
}
|
||
|
||
if ( this.min !== undefined ) {
|
||
this.value = Math.max( this.value, this.min );
|
||
}
|
||
|
||
if ( this.max !== undefined ) {
|
||
this.value = Math.min( this.value, this.max );
|
||
}
|
||
|
||
this.super();
|
||
},
|
||
|
||
minChanged: function() {
|
||
|
||
this.value = Math.max( this.value, this.min );
|
||
this.update();
|
||
|
||
},
|
||
|
||
maxChanged: function() {
|
||
|
||
this.value = Math.min( this.value, this.max );
|
||
this.update();
|
||
|
||
},
|
||
|
||
update: function() {
|
||
|
||
var ratio = this.map( this.value, this.min, this.max, 0, 1 );
|
||
|
||
if ( this.min < 0 && this.max > 0 ) {
|
||
|
||
this.$.container.classList.add( 'straddle-zero' );
|
||
|
||
var zero = this.map( 0, this.min, this.max, 0, 1 );
|
||
|
||
if ( this.value >= 0 ) {
|
||
|
||
this.$.fill.style.left = zero * 100 + '%';
|
||
this.$.fill.style.width = (ratio - zero) * 100 + '%';
|
||
this.$.fill.style.right = '';
|
||
|
||
} else {
|
||
|
||
this.$.fill.style.left = '';
|
||
this.$.fill.style.width = (zero - ratio) * 100 + '%';
|
||
this.$.fill.style.right = ( 1 - zero ) * 100 + '%';
|
||
|
||
}
|
||
|
||
} else {
|
||
|
||
this.$.container.classList.remove( 'straddle-zero' );
|
||
|
||
if ( this.max > 0 ) {
|
||
|
||
this.$.fill.style.left = 0;
|
||
this.$.fill.style.width = ratio * 100 + '%';
|
||
this.$.fill.style.right = '';
|
||
|
||
} else {
|
||
|
||
this.$.fill.style.left = '';
|
||
this.$.fill.style.width = ( 1 - ratio ) * 100 + '%';
|
||
this.$.fill.style.right = 0;
|
||
|
||
}
|
||
|
||
}
|
||
|
||
this.$.knob.style.left = ratio * 100 + '%';
|
||
|
||
this.$.container.classList.toggle( 'positive', this.value >= 0 );
|
||
this.$.container.classList.toggle( 'negative', this.value < 0 );
|
||
|
||
this.super();
|
||
|
||
},
|
||
|
||
|
||
// Events
|
||
// -------------------------------
|
||
|
||
click: function( e ) {
|
||
|
||
this.$.input.select();
|
||
|
||
},
|
||
|
||
down: function( e ) {
|
||
|
||
e.preventDefault();
|
||
this._rect = this.$.track.getBoundingClientRect();
|
||
if ( !this._alt ) this.value = this.valueFromX( e.x );
|
||
|
||
},
|
||
|
||
up: function( e ) {
|
||
|
||
// this.$.container.classList.add( 'transition' );
|
||
|
||
},
|
||
|
||
trackstart: function( e ) {
|
||
|
||
// this.$.container.classList.remove( 'transition' );
|
||
this._dragFriction = 1;
|
||
|
||
},
|
||
|
||
trackx: function( e ) {
|
||
|
||
if ( this.step === undefined ) {
|
||
|
||
var dv = this.valueFromDX( e.ddx );
|
||
|
||
if ( this._alt ) dv /= 10;
|
||
|
||
this.value += dv * this._dragFriction;
|
||
|
||
} else {
|
||
|
||
this.value = this.valueFromX( e.pageX );
|
||
|
||
}
|
||
},
|
||
|
||
tracky: function( e ) {
|
||
|
||
this._dragFriction = Math.max( 0.01, Math.min( 1, this.map( e.dy, 50, 300, 1, 0.1 ) ) );
|
||
|
||
},
|
||
|
||
blur: function( e ) {
|
||
|
||
var v = parseFloat( this.$.input.value );
|
||
|
||
if ( v === v ) {
|
||
this.value = v;
|
||
}
|
||
|
||
},
|
||
|
||
keydown: function( e ) {
|
||
|
||
if ( e.keyCode == 13 ) {
|
||
this.$.input.blur();
|
||
}
|
||
|
||
},
|
||
|
||
|
||
// Filters
|
||
// -------------------------------
|
||
|
||
truncate: function( v ) {
|
||
|
||
if ( v % 1 !== 0 && this.decimals !== undefined ) {
|
||
return this.limitDecimals( v, this.decimals );
|
||
} else {
|
||
return v;
|
||
}
|
||
|
||
},
|
||
|
||
|
||
// Helpers
|
||
// -------------------------------
|
||
|
||
limitDecimals: function( v, maxDecimals ) {
|
||
|
||
var str = v.toString();
|
||
var numDecimals = str.substring( str.indexOf( '.' ) + 1 ).length;
|
||
|
||
str = v.toFixed( Math.min( numDecimals, this.decimals ) );
|
||
|
||
for ( var z, i = 0, l = str.length; i < l; i++ ) {
|
||
if ( str.charAt( i ) !== '0' ) {
|
||
z = i;
|
||
}
|
||
}
|
||
|
||
return str.substring( 0, z+1 );
|
||
|
||
},
|
||
|
||
valueFromX: function( x ) {
|
||
|
||
return this.map( x, this._rect.left, this._rect.right, this.min, this.max );
|
||
|
||
},
|
||
|
||
valueFromDX: function( dx ) {
|
||
|
||
return this.map( dx, 0, this._rect.width, 0, this.max - this.min );
|
||
|
||
}
|
||
|
||
});
|
||
</script>
|
||
|
||
<polymer-element name="controller-number" attributes="min max value step" extends="controller-base" assetpath="../elements/controller-number/">
|
||
|
||
<template>
|
||
|
||
<style>#container {
|
||
height: 100%;
|
||
}
|
||
#track-container {
|
||
height: 100%;
|
||
padding: 0 8px;
|
||
}
|
||
#track {
|
||
width: 100%;
|
||
height: 1px;
|
||
-webkit-border-radius: 1px;
|
||
border-radius: 1px;
|
||
display: inline-block;
|
||
position: relative;
|
||
background: rgba(255,255,255,0.25);
|
||
}
|
||
#fill {
|
||
height: 1px;
|
||
margin-top: 0px;
|
||
margin-left: 1px;
|
||
-webkit-border-radius: 1px;
|
||
border-radius: 1px;
|
||
position: absolute;
|
||
background: #25a0d8;
|
||
pointer-events: none;
|
||
}
|
||
#knob {
|
||
width: 6px;
|
||
height: 6px;
|
||
margin-left: -3px;
|
||
margin-top: -3px;
|
||
-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-moz-transition: -moz-transform 0.1s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-o-transition: -o-transform 0.1s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-ms-transition: -ms-transform 0.1s cubic-bezier(0.25, 0.25, 0, 1);
|
||
transition: transform 0.1s cubic-bezier(0.25, 0.25, 0, 1);
|
||
pointer-events: none;
|
||
position: absolute;
|
||
background-color: #25a0d8;
|
||
-webkit-border-radius: 100%;
|
||
border-radius: 100%;
|
||
}
|
||
#track-container:hover #knob {
|
||
-webkit-transform: scale(2);
|
||
-moz-transform: scale(2);
|
||
-o-transform: scale(2);
|
||
-ms-transform: scale(2);
|
||
transform: scale(2);
|
||
}
|
||
#track-container:active #knob {
|
||
-webkit-transform: scale(1.5);
|
||
-moz-transform: scale(1.5);
|
||
-o-transform: scale(1.5);
|
||
-ms-transform: scale(1.5);
|
||
transform: scale(1.5);
|
||
}
|
||
input {
|
||
font: 10px 'Lucida Grande', sans-serif;
|
||
color: #25a0d8;
|
||
-webkit-font-smoothing: antialiased;
|
||
height: 100%;
|
||
display: inline-block;
|
||
background: transparent;
|
||
border: 0;
|
||
padding: 0;
|
||
outline: none;
|
||
-webkit-transition: background-color 0.15s linear;
|
||
-moz-transition: background-color 0.15s linear;
|
||
-o-transition: background-color 0.15s linear;
|
||
-ms-transition: background-color 0.15s linear;
|
||
transition: background-color 0.15s linear;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
}
|
||
input:hover,
|
||
input:focus {
|
||
background: rgba(255,255,255,0.05);
|
||
}
|
||
.slider-true input {
|
||
text-align: center;
|
||
width: 25%;
|
||
-webkit-transition: width 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-moz-transition: width 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-o-transition: width 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-ms-transition: width 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
transition: width 0.2s cubic-bezier(0.25, 0.25, 0, 1);
|
||
padding: 0;
|
||
}
|
||
.slider-true input:hover {
|
||
width: 33%;
|
||
}
|
||
.slider-true input:focus {
|
||
width: 50%;
|
||
}
|
||
.slider-false input {
|
||
padding-left: 8px;
|
||
width: 100%;
|
||
}
|
||
input::selection {
|
||
background-color: rgba(255,255,255,0.25);
|
||
}
|
||
</style>
|
||
|
||
<div id="container" class="transition slider-{{ slider }}" horizontal="" layout="" center="">
|
||
|
||
<div id="track-container" on-down="{{ down }}" on-up="{{ up }}" on-trackx="{{ trackx }}" on-tracky="{{ tracky }}" on-trackstart="{{ trackstart }}" horizontal="" layout="" center="" hidden?="{{ !slider }}" flex="">
|
||
|
||
<div id="track">
|
||
|
||
<div id="fill"></div>
|
||
<div id="knob"></div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<input type="text" value="{{ truncate( value ) }}" on-click="{{ click }}" on-keydown="{{ keydown }}" on-blur="{{ blur }}" id="input">
|
||
|
||
</div></template>
|
||
|
||
|
||
|
||
</polymer-element></div>
|
||
<div hidden>
|
||
|
||
|
||
<script>Gui.register( 'controller-string', function( value ) {
|
||
|
||
return typeof value == 'string';
|
||
|
||
} );
|
||
|
||
Polymer( 'controller-string', {
|
||
|
||
|
||
});</script>
|
||
|
||
<polymer-element name="controller-string" extends="controller-base" assetpath="../elements/controller-string/">
|
||
|
||
<template>
|
||
|
||
<style>:host {
|
||
height: 100%;
|
||
}
|
||
input {
|
||
font: 10px 'Lucida Grande', sans-serif;
|
||
color: #1ebd6e;
|
||
-webkit-font-smoothing: antialiased;
|
||
height: 100%;
|
||
display: inline-block;
|
||
background: transparent;
|
||
border: 0;
|
||
padding: 0;
|
||
outline: none;
|
||
-webkit-transition: background-color 0.15s linear;
|
||
-moz-transition: background-color 0.15s linear;
|
||
-o-transition: background-color 0.15s linear;
|
||
-ms-transition: background-color 0.15s linear;
|
||
transition: background-color 0.15s linear;
|
||
-webkit-box-sizing: border-box;
|
||
-moz-box-sizing: border-box;
|
||
box-sizing: border-box;
|
||
width: 100%;
|
||
height: 100%;
|
||
padding-left: 8px;
|
||
}
|
||
input:hover,
|
||
input:focus {
|
||
background: rgba(255,255,255,0.05);
|
||
}
|
||
</style>
|
||
|
||
<input id="input" type="text" value="{{ value }}">
|
||
|
||
</template>
|
||
|
||
</polymer-element></div>
|
||
<div hidden>
|
||
|
||
|
||
<script>Gui.register( 'controller-boolean', function( value ) {
|
||
|
||
return typeof value == 'boolean';
|
||
|
||
} );
|
||
|
||
Polymer( 'controller-boolean', {
|
||
|
||
ready: function() {
|
||
|
||
|
||
},
|
||
|
||
toggle: function() {
|
||
|
||
console.log( 'hi' );
|
||
this.value = !this.value;
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
});
|
||
</script>
|
||
|
||
<polymer-element name="controller-boolean" extends="controller-base" assetpath="../elements/controller-boolean/">
|
||
|
||
<template>
|
||
|
||
<style>#container {
|
||
height: 100%;
|
||
cursor: pointer;
|
||
padding-left: 8px;
|
||
}
|
||
#switch-track {
|
||
width: 20px;
|
||
height: 8px;
|
||
background: rgba(255,255,255,0.25);
|
||
border-radius: 8px;
|
||
-webkit-transition: background 0.1s linear;
|
||
-moz-transition: background 0.1s linear;
|
||
-o-transition: background 0.1s linear;
|
||
-ms-transition: background 0.1s linear;
|
||
transition: background 0.1s linear;
|
||
}
|
||
#switch-knob {
|
||
height: 8px;
|
||
width: 8px;
|
||
border-radius: 8px;
|
||
background: #fff;
|
||
-webkit-transition: -webkit-transform 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-moz-transition: -moz-transform 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-o-transition: -o-transform 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
-ms-transition: -ms-transform 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
transition: transform 0.15s cubic-bezier(0.25, 0.25, 0, 1);
|
||
}
|
||
.value-true #switch-track {
|
||
background: #864694;
|
||
}
|
||
.value-true #switch-knob {
|
||
-webkit-transform: translate3d(12px, 0, 0);
|
||
-moz-transform: translate3d(12px, 0, 0);
|
||
-o-transform: translate3d(12px, 0, 0);
|
||
-ms-transform: translate3d(12px, 0, 0);
|
||
transform: translate3d(12px, 0, 0);
|
||
}
|
||
#text {
|
||
margin-left: 8px;
|
||
}
|
||
.value-false #text {
|
||
color: rgba(255,255,255,0.25);
|
||
}
|
||
</style>
|
||
|
||
<div id="container" horizontal="" layout="" center="" on-tap="{{ toggle }}" class="value-{{ value }}">
|
||
|
||
<div id="switch-track">
|
||
<div id="switch-knob"></div>
|
||
</div>
|
||
|
||
<!-- <div id="text" >{{ value ? 'true' : 'false' }}</div> -->
|
||
|
||
</div>
|
||
|
||
</template>
|
||
|
||
</polymer-element></div>
|
||
<div hidden>
|
||
|
||
|
||
<script>Gui.register( 'controller-function', function( value ) {
|
||
|
||
return typeof value == 'function';
|
||
|
||
} );
|
||
|
||
Polymer( 'controller-function', {
|
||
|
||
} );
|
||
</script>
|
||
|
||
<polymer-element name="controller-function" extends="controller-base" assetpath="../elements/controller-function/">
|
||
|
||
<template>
|
||
|
||
<style></style>
|
||
|
||
<div id="container">
|
||
</div>
|
||
|
||
</template>
|
||
|
||
</polymer-element></div> |