From 542517793f98a0caf3fd32566524babb513f7e17 Mon Sep 17 00:00:00 2001
From: George Michael Brower
 <georgebrower@georgebrower-macbookpro2.roam.corp.google.com>
Date: Tue, 2 Sep 2014 21:54:58 -0400
Subject: [PATCH] no message

---
 build/gui.html              | 4 ++--
 build/gui.js                | 4 ++--
 elements/gui-row/gui-row.js | 1 -
 elements/shared.styl        | 4 ++--
 4 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/build/gui.html b/build/gui.html
index 8fa7183..f4dd94c 100644
--- a/build/gui.html
+++ b/build/gui.html
@@ -14,7 +14,7 @@ if(d?f=f.toModel:"function"==typeof f.toDOM&&(f=f.toDOM),"function"!=typeof f)re
 <div hidden>undefined</div>
 
 <!-- controllers -->
-<div hidden><script>Polymer("controller-base",{ready:function(){this.update()},update:function(){},init:function(){},watch:function(object,path){this.object=object;this.path=path;this.bind("value",new PathObserver(this.object,this.path))},valueChanged:function(){this.update()},map:function(x,a,b,c,d){return(x-a)/(b-a)*(d-c)+c},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>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},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()},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){},trackstart:function(e){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(.01,Math.min(1,this.map(e.dy,50,300,1,.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()}},truncate:function(v){if(v%1!==0&&this.decimals!==undefined){return this.limitDecimals(v,this.decimals)}else{return v}},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,.25)}#fill{height:1px;margin-top:0;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 .1s cubic-bezier(0.25,.25,0,1);-moz-transition:-moz-transform .1s cubic-bezier(0.25,.25,0,1);-o-transition:-o-transform .1s cubic-bezier(0.25,.25,0,1);-ms-transition:-ms-transform .1s cubic-bezier(0.25,.25,0,1);transition:transform .1s cubic-bezier(0.25,.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:11px 'Lucida Grande',sans-serif;color:#25a0d8;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .15s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slider-true input{text-align:center;width:25%;-webkit-transition:width .2s cubic-bezier(0.25,.25,0,1);-moz-transition:width .2s cubic-bezier(0.25,.25,0,1);-o-transition:width .2s cubic-bezier(0.25,.25,0,1);-ms-transition:width .2s cubic-bezier(0.25,.25,0,1);transition:width .2s cubic-bezier(0.25,.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,.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:11px 'Lucida Grande',sans-serif;color:#1ebd6e;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .15s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-left:8px}</style><input id="input" type="text" value="{{ value }}"></template></polymer-element></div>
+<div hidden><script>Polymer("controller-base",{ready:function(){this.update()},update:function(){},init:function(){},watch:function(object,path){this.object=object;this.path=path;this.bind("value",new PathObserver(this.object,this.path))},valueChanged:function(){this.update()},map:function(x,a,b,c,d){return(x-a)/(b-a)*(d-c)+c},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>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},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()},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){},trackstart:function(e){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(.01,Math.min(1,this.map(e.dy,50,300,1,.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()}},truncate:function(v){if(v%1!==0&&this.decimals!==undefined){return this.limitDecimals(v,this.decimals)}else{return v}},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,.25)}#fill{height:1px;margin-top:0;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 .1s cubic-bezier(0.25,.25,0,1);-moz-transition:-moz-transform .1s cubic-bezier(0.25,.25,0,1);-o-transition:-o-transform .1s cubic-bezier(0.25,.25,0,1);-ms-transition:-ms-transform .1s cubic-bezier(0.25,.25,0,1);transition:transform .1s cubic-bezier(0.25,.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:11px 'Lucida Grande',sans-serif;color:#25a0d8;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .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,.05)}.slider-true input{text-align:center;width:25%;-webkit-transition:width .2s cubic-bezier(0.25,.25,0,1);-moz-transition:width .2s cubic-bezier(0.25,.25,0,1);-o-transition:width .2s cubic-bezier(0.25,.25,0,1);-ms-transition:width .2s cubic-bezier(0.25,.25,0,1);transition:width .2s cubic-bezier(0.25,.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,.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:11px 'Lucida Grande',sans-serif;color:#1ebd6e;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .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,.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(){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,.25);border-radius:8px;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}#switch-knob{height:8px;width:8px;border-radius:8px;background:#ecebe0;-webkit-transition:-webkit-transform .15s cubic-bezier(0.25,.25,0,1);-moz-transition:-moz-transform .15s cubic-bezier(0.25,.25,0,1);-o-transition:-o-transform .15s cubic-bezier(0.25,.25,0,1);-ms-transition:-ms-transform .15s cubic-bezier(0.25,.25,0,1);transition:transform .15s cubic-bezier(0.25,.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)}.value-true:hover #switch-knob{-webkit-transform:translate3d(12px,0,0) scale(1.5);-moz-transform:translate3d(12px,0,0) scale(1.5);-o-transform:translate3d(12px,0,0) scale(1.5);-ms-transform:translate3d(12px,0,0) scale(1.5);transform:translate3d(12px,0,0) scale(1.5)}.value-false:hover #switch-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)}#text{margin-left:8px}.value-false #text{color:rgba(255,255,255,.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></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>
\ No newline at end of file
diff --git a/build/gui.js b/build/gui.js
index cc314cd..18aa86b 100644
--- a/build/gui.js
+++ b/build/gui.js
@@ -14,7 +14,7 @@ document.write(['<script>window.Platform=window.Platform||{},window.logFlags=win
 '<div hidden>undefined</div>',
 '',
 '<!-- controllers -->',
-'<div hidden><script>Polymer("controller-base",{ready:function(){this.update()},update:function(){},init:function(){},watch:function(object,path){this.object=object;this.path=path;this.bind("value",new PathObserver(this.object,this.path))},valueChanged:function(){this.update()},map:function(x,a,b,c,d){return(x-a)/(b-a)*(d-c)+c},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>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},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()},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){},trackstart:function(e){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(.01,Math.min(1,this.map(e.dy,50,300,1,.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()}},truncate:function(v){if(v%1!==0&&this.decimals!==undefined){return this.limitDecimals(v,this.decimals)}else{return v}},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,.25)}#fill{height:1px;margin-top:0;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 .1s cubic-bezier(0.25,.25,0,1);-moz-transition:-moz-transform .1s cubic-bezier(0.25,.25,0,1);-o-transition:-o-transform .1s cubic-bezier(0.25,.25,0,1);-ms-transition:-ms-transform .1s cubic-bezier(0.25,.25,0,1);transition:transform .1s cubic-bezier(0.25,.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:11px \'Lucida Grande\',sans-serif;color:#25a0d8;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .15s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.slider-true input{text-align:center;width:25%;-webkit-transition:width .2s cubic-bezier(0.25,.25,0,1);-moz-transition:width .2s cubic-bezier(0.25,.25,0,1);-o-transition:width .2s cubic-bezier(0.25,.25,0,1);-ms-transition:width .2s cubic-bezier(0.25,.25,0,1);transition:width .2s cubic-bezier(0.25,.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,.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:11px \'Lucida Grande\',sans-serif;color:#1ebd6e;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .15s linear;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding-left:8px}</style><input id="input" type="text" value="{{ value }}"></template></polymer-element></div>',
+'<div hidden><script>Polymer("controller-base",{ready:function(){this.update()},update:function(){},init:function(){},watch:function(object,path){this.object=object;this.path=path;this.bind("value",new PathObserver(this.object,this.path))},valueChanged:function(){this.update()},map:function(x,a,b,c,d){return(x-a)/(b-a)*(d-c)+c},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>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},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()},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){},trackstart:function(e){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(.01,Math.min(1,this.map(e.dy,50,300,1,.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()}},truncate:function(v){if(v%1!==0&&this.decimals!==undefined){return this.limitDecimals(v,this.decimals)}else{return v}},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,.25)}#fill{height:1px;margin-top:0;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 .1s cubic-bezier(0.25,.25,0,1);-moz-transition:-moz-transform .1s cubic-bezier(0.25,.25,0,1);-o-transition:-o-transform .1s cubic-bezier(0.25,.25,0,1);-ms-transition:-ms-transform .1s cubic-bezier(0.25,.25,0,1);transition:transform .1s cubic-bezier(0.25,.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:11px \'Lucida Grande\',sans-serif;color:#25a0d8;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .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,.05)}.slider-true input{text-align:center;width:25%;-webkit-transition:width .2s cubic-bezier(0.25,.25,0,1);-moz-transition:width .2s cubic-bezier(0.25,.25,0,1);-o-transition:width .2s cubic-bezier(0.25,.25,0,1);-ms-transition:width .2s cubic-bezier(0.25,.25,0,1);transition:width .2s cubic-bezier(0.25,.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,.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:11px \'Lucida Grande\',sans-serif;color:#1ebd6e;height:100%;display:inline-block;background-color:transparent;border:0;padding:0;outline:0;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear;-o-transition:background-color .15s linear;-ms-transition:background-color .15s linear;transition:background-color .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,.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(){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,.25);border-radius:8px;-webkit-transition:background .1s linear;-moz-transition:background .1s linear;-o-transition:background .1s linear;-ms-transition:background .1s linear;transition:background .1s linear}#switch-knob{height:8px;width:8px;border-radius:8px;background:#ecebe0;-webkit-transition:-webkit-transform .15s cubic-bezier(0.25,.25,0,1);-moz-transition:-moz-transform .15s cubic-bezier(0.25,.25,0,1);-o-transition:-o-transform .15s cubic-bezier(0.25,.25,0,1);-ms-transition:-ms-transform .15s cubic-bezier(0.25,.25,0,1);transition:transform .15s cubic-bezier(0.25,.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)}.value-true:hover #switch-knob{-webkit-transform:translate3d(12px,0,0) scale(1.5);-moz-transform:translate3d(12px,0,0) scale(1.5);-o-transform:translate3d(12px,0,0) scale(1.5);-ms-transform:translate3d(12px,0,0) scale(1.5);transform:translate3d(12px,0,0) scale(1.5)}.value-false:hover #switch-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)}#text{margin-left:8px}.value-false #text{color:rgba(255,255,255,.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></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>',].join("\n"))
\ No newline at end of file
diff --git a/elements/gui-row/gui-row.js b/elements/gui-row/gui-row.js
index 43f080d..31fec8a 100644
--- a/elements/gui-row/gui-row.js
+++ b/elements/gui-row/gui-row.js
@@ -13,7 +13,6 @@ Polymer('gui-row', {
     ready: function() {
 
 
-
     },
 
     openComment: function() {
diff --git a/elements/shared.styl b/elements/shared.styl
index 7b78666..36c8e23 100644
--- a/elements/shared.styl
+++ b/elements/shared.styl
@@ -46,5 +46,5 @@ input( color )
     outline: none;
     transition: background-color 0.15s linear;
     box-sizing: border-box;
-    // &:hover, &:focus
-    //     background: lighter
\ No newline at end of file
+    &:hover, &:focus
+        background: lighter
\ No newline at end of file