2011-11-07 21:29:37 +00:00
/ * *
* dat - gui JavaScript Controller Library
* http : //code.google.com/p/dat-gui
*
* Copyright 2011 Data Arts Team , Google Creative Lab
*
* Licensed under the Apache License , Version 2.0 ( the "License" ) ;
* you may not use this file except in compliance with the License .
* You may obtain a copy of the License at
*
* http : //www.apache.org/licenses/LICENSE-2.0
* /
var dat = dat || { } ; dat . gui = dat . gui || { } ; dat . utils = dat . utils || { } ; dat . controllers = dat . controllers || { } ; dat . dom = dat . dom || { } ; dat . color = dat . color || { } ; dat . utils . css = function ( ) { return { load : function ( e , a ) { var a = a || document , c = a . createElement ( "link" ) ; c . type = "text/css" ; c . rel = "stylesheet" ; c . href = e ; a . getElementsByTagName ( "head" ) [ 0 ] . appendChild ( c ) } , inject : function ( e , a ) { var a = a || document , c = document . createElement ( "style" ) ; c . type = "text/css" ; c . innerHTML = e ; a . getElementsByTagName ( "head" ) [ 0 ] . appendChild ( c ) } } } ( ) ;
dat . utils . common = function ( ) { var e = Array . prototype . forEach , a = Array . prototype . slice ; return { BREAK : { } , extend : function ( c ) { this . each ( a . call ( arguments , 1 ) , function ( a ) { for ( var f in a ) this . isUndefined ( a [ f ] ) || ( c [ f ] = a [ f ] ) } , this ) ; return c } , defaults : function ( c ) { this . each ( a . call ( arguments , 1 ) , function ( a ) { for ( var f in a ) this . isUndefined ( c [ f ] ) && ( c [ f ] = a [ f ] ) } , this ) ; return c } , compose : function ( ) { var c = a . call ( arguments ) ; return function ( ) { for ( var d = a . call ( arguments ) , f = c . length - 1 ; f >= 0 ; f -- ) d = [ c [ f ] . apply ( this , d ) ] ; return d [ 0 ] } } ,
each : function ( a , d , f ) { if ( e && a . forEach === e ) a . forEach ( d , f ) ; else if ( a . length === a . length + 0 ) for ( var b = 0 , o = a . length ; b < o ; b ++ ) { if ( b in a && d . call ( f , a [ b ] , b ) === this . BREAK ) break } else for ( b in a ) if ( d . call ( f , a [ b ] , b ) === this . BREAK ) break } , defer : function ( a ) { setTimeout ( a , 0 ) } , toArray : function ( c ) { return c . toArray ? c . toArray ( ) : a . call ( c ) } , isUndefined : function ( a ) { return a === void 0 } , isNull : function ( a ) { return a === null } , isNaN : function ( a ) { return a !== a } , isArray : Array . isArray || function ( a ) { return a . constructor === Array } , isObject : function ( a ) { return a ===
Object ( a ) } , isNumber : function ( a ) { return a === a + 0 } , isString : function ( a ) { return a === a + "" } , isBoolean : function ( a ) { return a === false || a === true } , isFunction : function ( a ) { return Object . prototype . toString . call ( a ) === "[object Function]" } } } ( ) ;
dat . controllers . Controller = function ( e ) { var a = function ( a , d ) { this . initialValue = a [ d ] ; this . domElement = document . createElement ( "div" ) ; this . object = a ; this . property = d ; this . _ _onFinishChange = this . _ _onChange = void 0 } ; e . extend ( a . prototype , { onChange : function ( a ) { this . _ _onChange = a ; return this } , onFinishChange : function ( a ) { this . _ _onFinishChange = a ; return this } , setValue : function ( a ) { this . object [ this . property ] = a ; this . _ _onChange && this . _ _onChange . call ( this , a ) ; this . updateDisplay ( ) ; return this } , getValue : function ( ) { return this . object [ this . property ] } ,
updateDisplay : function ( ) { return this } , isModified : function ( ) { return this . initialValue !== this . getValue ( ) } } ) ; return a } ( dat . utils . common ) ;
dat . dom . dom = function ( e ) { function a ( b ) { if ( b === "0" || e . isUndefined ( b ) ) return 0 ; b = b . match ( d ) ; return ! e . isNull ( b ) ? parseFloat ( b [ 1 ] ) : 0 } var c = { } ; e . each ( { HTMLEvents : [ "change" ] , MouseEvents : [ "click" , "mousemove" , "mousedown" , "mouseup" , "mouseover" ] , KeyboardEvents : [ "keydown" ] } , function ( b , a ) { e . each ( b , function ( b ) { c [ b ] = a } ) } ) ; var d = /(\d+(\.\d+)?)px/ , f = { makeSelectable : function ( b , a ) { if ( ! ( b === void 0 || b . style === void 0 ) ) b . onselectstart = a ? function ( ) { return false } : function ( ) { } , b . style . MozUserSelect = a ? "auto" : "none" , b . style . KhtmlUserSelect =
a ? "auto" : "none" , b . unselectable = a ? "on" : "off" } , makeFullscreen : function ( b , a , d ) { e . isUndefined ( a ) && ( a = true ) ; e . isUndefined ( d ) && ( d = true ) ; b . style . position = "absolute" ; if ( a ) b . style . left = 0 , b . style . right = 0 ; if ( d ) b . style . top = 0 , b . style . bottom = 0 } , fakeEvent : function ( b , a , d , f ) { var d = d || { } , l = c [ a ] ; if ( ! l ) throw Error ( "Event type " + a + " not supported." ) ; var k = document . createEvent ( l ) ; switch ( l ) { case "MouseEvents" : k . initMouseEvent ( a , d . bubbles || false , d . cancelable || true , window , d . clickCount || 1 , 0 , 0 , d . x || d . clientX || 0 , d . y || d . clientY ||
0 , false , false , false , false , 0 , null ) ; break ; case "KeyboardEvents" : l = k . initKeyboardEvent || k . initKeyEvent ; e . defaults ( d , { cancelable : true , ctrlKey : false , altKey : false , shiftKey : false , metaKey : false , keyCode : void 0 , charCode : void 0 } ) ; l ( a , d . bubbles || false , d . cancelable , window , d . ctrlKey , d . altKey , d . shiftKey , d . metaKey , d . keyCode , d . charCode ) ; break ; default : k . initEvent ( a , d . bubbles || false , d . cancelable || true ) } e . defaults ( k , f ) ; b . dispatchEvent ( k ) } , bind : function ( b , a , d , c ) { b . addEventListener ? b . addEventListener ( a , d , c || false ) : b . attachEvent &&
b . attachEvent ( "on" + a , d ) ; return f } , unbind : function ( b , a , d , c ) { b . removeEventListener ? b . removeEventListener ( a , d , c || false ) : b . detachEvent && b . detachEvent ( "on" + a , d ) ; return f } , addClass : function ( b , a ) { if ( b . className === void 0 ) b . className = a ; else if ( b . className !== a ) { var d = b . className . split ( / +/ ) ; if ( d . indexOf ( a ) == - 1 ) d . push ( a ) , b . className = d . join ( " " ) . replace ( /^\s+/ , "" ) . replace ( /\s+$/ , "" ) } return f } , removeClass : function ( b , a ) { if ( a ) { if ( b . className !== void 0 ) if ( b . className === a ) b . removeAttribute ( "class" ) ; else { var d = b . className . split ( / +/ ) ,
c = d . indexOf ( a ) ; if ( c != - 1 ) d . splice ( c , 1 ) , b . className = d . join ( " " ) } } else b . className = void 0 ; return f } , hasClass : function ( a , d ) { return RegExp ( "(?:^|\\s+)" + d + "(?:\\s+|$)" ) . test ( a . className ) || false } , getWidth : function ( b ) { b = getComputedStyle ( b ) ; return a ( b [ "border-left-width" ] ) + a ( b [ "border-right-width" ] ) + a ( b [ "padding-left" ] ) + a ( b [ "padding-right" ] ) + a ( b . width ) } , getHeight : function ( b ) { b = getComputedStyle ( b ) ; return a ( b [ "border-top-width" ] ) + a ( b [ "border-bottom-width" ] ) + a ( b [ "padding-top" ] ) + a ( b [ "padding-bottom" ] ) + a ( b . height ) } ,
getOffset : function ( a ) { var d = { left : 0 , top : 0 } ; if ( a . offsetParent ) { do d . left += a . offsetLeft , d . top += a . offsetTop ; while ( a = a . offsetParent ) } return d } , isActive : function ( a ) { return a === document . activeElement && ( a . type || a . href ) } } ; return f } ( dat . utils . common ) ;
dat . controllers . OptionController = function ( e , a , c ) { var d = function ( f , b , e ) { d . superclass . call ( this , f , b ) ; var h = this ; this . _ _select = document . createElement ( "select" ) ; if ( c . isArray ( e ) ) { var j = { } ; c . each ( e , function ( a ) { j [ a ] = a } ) ; e = j } c . each ( e , function ( a , b ) { var d = document . createElement ( "option" ) ; d . innerHTML = b ; d . setAttribute ( "value" , a ) ; h . _ _select . appendChild ( d ) } ) ; this . updateDisplay ( ) ; a . bind ( this . _ _select , "change" , function ( ) { h . setValue ( this . options [ this . selectedIndex ] . value ) } ) ; this . domElement . appendChild ( this . _ _select ) } ;
d . superclass = e ; c . extend ( d . prototype , e . prototype , { setValue : function ( a ) { a = d . superclass . prototype . setValue . call ( this , a ) ; this . _ _onFinishChange && this . _ _onFinishChange . call ( this , this . getValue ( ) ) ; return a } , updateDisplay : function ( ) { this . _ _select . value = this . getValue ( ) ; return d . superclass . prototype . updateDisplay . call ( this ) } } ) ; return d } ( dat . controllers . Controller , dat . dom . dom , dat . utils . common ) ;
dat . controllers . NumberController = function ( e , a ) { var c = function ( d , f , b ) { c . superclass . call ( this , d , f ) ; b = b || { } ; this . _ _min = b . min ; this . _ _max = b . max ; this . _ _step = b . step ; d = this . _ _impliedStep = a . isUndefined ( this . _ _step ) ? this . initialValue == 0 ? 1 : Math . pow ( 10 , Math . floor ( Math . log ( this . initialValue ) / Math . LN10 ) ) / 10 : this . _ _step ; d = d . toString ( ) ; this . _ _precision = d . indexOf ( "." ) > - 1 ? d . length - d . indexOf ( "." ) - 1 : 0 } ; c . superclass = e ; a . extend ( c . prototype , e . prototype , { setValue : function ( a ) { if ( this . _ _min !== void 0 && a < this . _ _min ) a = this . _ _min ;
else if ( this . _ _max !== void 0 && a > this . _ _max ) a = this . _ _max ; this . _ _step !== void 0 && a % this . _ _step != 0 && ( a = Math . round ( a / this . _ _step ) * this . _ _step ) ; return c . superclass . prototype . setValue . call ( this , a ) } , min : function ( a ) { this . _ _min = a ; return this } , max : function ( a ) { this . _ _max = a ; return this } , step : function ( a ) { this . _ _step = a ; return this } } ) ; return c } ( dat . controllers . Controller , dat . utils . common ) ;
dat . controllers . NumberControllerBox = function ( e , a , c ) { var d = function ( f , b , e ) { function h ( ) { var a = parseFloat ( k . _ _input . value ) ; c . isNaN ( a ) || k . setValue ( a ) } function j ( a ) { var b = m - a . clientY ; k . setValue ( k . getValue ( ) + b * k . _ _impliedStep ) ; m = a . clientY } function l ( ) { a . unbind ( window , "mousemove" , j ) ; a . unbind ( window , "mouseup" , l ) } this . _ _truncationSuspended = false ; d . superclass . call ( this , f , b , e ) ; var k = this , m ; this . _ _input = document . createElement ( "input" ) ; this . _ _input . setAttribute ( "type" , "text" ) ; a . bind ( this . _ _input , "change" , h ) ;
a . bind ( this . _ _input , "blur" , function ( ) { h ( ) ; k . _ _onFinishChange && k . _ _onFinishChange . call ( k , k . getValue ( ) ) } ) ; a . bind ( this . _ _input , "mousedown" , function ( b ) { a . bind ( window , "mousemove" , j ) ; a . bind ( window , "mouseup" , l ) ; m = b . clientY } ) ; a . bind ( this . _ _input , "keydown" , function ( a ) { if ( a . keyCode === 13 ) k . _ _truncationSuspended = true , this . blur ( ) , k . _ _truncationSuspended = false } ) ; this . updateDisplay ( ) ; this . domElement . appendChild ( this . _ _input ) } ; d . superclass = e ; c . extend ( d . prototype , e . prototype , { updateDisplay : function ( ) { var a = this . _ _input ,
b ; if ( this . _ _truncationSuspended ) b = this . getValue ( ) ; else { b = this . getValue ( ) ; var c = Math . pow ( 10 , this . _ _precision ) ; b = Math . round ( b * c ) / c } a . value = b ; return d . superclass . prototype . updateDisplay . call ( this ) } } ) ; return d } ( dat . controllers . NumberController , dat . dom . dom , dat . utils . common ) ;
dat . controllers . NumberControllerSlider = function ( e , a , c , d , f ) { var b = function ( d , c , f , e , k ) { function m ( b ) { b . preventDefault ( ) ; var d = a . getOffset ( g . _ _background ) , c = a . getWidth ( g . _ _background ) ; g . setValue ( g . _ _min + ( g . _ _max - g . _ _min ) * ( ( b . clientX - d . left ) / ( d . left + c - d . left ) ) ) ; return false } function y ( ) { a . unbind ( window , "mousemove" , m ) ; a . unbind ( window , "mouseup" , y ) ; g . _ _onFinishChange && g . _ _onFinishChange . call ( g , g . getValue ( ) ) } b . superclass . call ( this , d , c , { min : f , max : e , step : k } ) ; var g = this ; this . _ _background = document . createElement ( "div" ) ;
this . _ _foreground = document . createElement ( "div" ) ; a . bind ( this . _ _background , "mousedown" , function ( b ) { a . bind ( window , "mousemove" , m ) ; a . bind ( window , "mouseup" , y ) ; m ( b ) } ) ; a . addClass ( this . _ _background , "slider" ) ; a . addClass ( this . _ _foreground , "slider-fg" ) ; this . updateDisplay ( ) ; this . _ _background . appendChild ( this . _ _foreground ) ; this . domElement . appendChild ( this . _ _background ) } ; b . superclass = e ; b . useDefaultStyles = function ( ) { c . inject ( f ) } ; d . extend ( b . prototype , e . prototype , { updateDisplay : function ( ) { this . _ _foreground . style . width =
( this . getValue ( ) - this . _ _min ) / ( this . _ _max - this . _ _min ) * 100 + "%" ; return b . superclass . prototype . updateDisplay . call ( this ) } } ) ; return b } ( dat . controllers . NumberController , dat . dom . dom , dat . utils . css , dat . utils . common , ".slider {\n box-shadow: inset 0 2px 4px rgba(0,0,0,0.15);\n height: 1em;\n border-radius: 1em;\n background-color: #eee;\n padding: 0 0.5em;\n overflow: hidden;\n}\n\n.slider-fg {\n padding: 1px 0 2px 0;\n background-color: #aaa;\n height: 1em;\n margin-left: -0.5em;\n padding-right: 0.5em;\n border-radius: 1em 0 0 1em;\n}\n\n.slider-fg:after {\n display: inline-block;\n border-radius: 1em;\n background-color: #fff;\n border: 1px solid #aaa;\n content: '';\n float: right;\n margin-right: -1em;\n margin-top: -1px;\n height: 0.9em;\n width: 0.9em;\n}" ) ;
dat . controllers . FunctionController = function ( e , a , c ) { var d = function ( c , b , e ) { d . superclass . call ( this , c , b ) ; var h = this ; this . _ _button = document . createElement ( "div" ) ; this . _ _button . innerHTML = e === void 0 ? "Fire" : e ; a . bind ( this . _ _button , "click" , function ( ) { h . fire ( ) } ) ; a . addClass ( this . _ _button , "button" ) ; this . domElement . appendChild ( this . _ _button ) } ; d . superclass = e ; c . extend ( d . prototype , e . prototype , { fire : function ( ) { this . _ _onChange && this . _ _onChange . call ( this ) ; this . _ _onFinishChange && this . _ _onFinishChange . call ( this , this . getValue ( ) ) ;
this . getValue ( ) . call ( this . object ) } } ) ; return d } ( dat . controllers . Controller , dat . dom . dom , dat . utils . common ) ;
dat . controllers . BooleanController = function ( e , a , c ) { var d = function ( c , b ) { d . superclass . call ( this , c , b ) ; var e = this , h = this . getValue ( ) ; this . _ _checkbox = document . createElement ( "input" ) ; this . _ _checkbox . setAttribute ( "type" , "checkbox" ) ; a . bind ( this . _ _checkbox , "change" , function ( ) { var a = ! e . getValue ( ) ; a !== h ? e . setValue ( a ) : e . setValue ( ! a ) ; h = a } , false ) ; this . domElement . appendChild ( this . _ _checkbox ) ; this . updateDisplay ( ) } ; d . superclass = e ; c . extend ( d . prototype , e . prototype , { setValue : function ( a ) { a = d . superclass . prototype . setValue . call ( this ,
a ) ; this . _ _onFinishChange && this . _ _onFinishChange . call ( this , this . getValue ( ) ) ; this . _ _prev = this . getValue ( ) ; return a } , updateDisplay : function ( ) { this . getValue ( ) === true ? this . _ _checkbox . setAttribute ( "checked" , "checked" ) : this . _ _checkbox . removeAttribute ( "checked" ) ; return d . superclass . prototype . updateDisplay . call ( this ) } } ) ; return d } ( dat . controllers . Controller , dat . dom . dom , dat . utils . common ) ;
dat . color . toString = function ( e ) { return function ( a ) { if ( a . a == 1 || e . isUndefined ( a . a ) ) { for ( a = a . hex . toString ( 16 ) ; a . length < 6 ; ) a = "0" + a ; return "#" + a } else return "rgba(" + Math . round ( a . r ) + "," + Math . round ( a . g ) + "," + Math . round ( a . b ) + "," + a . a + ")" } } ( dat . utils . common ) ;
dat . color . interpret = function ( e , a ) { var c , d , f = [ { litmus : a . isString , conversions : { THREE _CHAR _HEX : { read : function ( a ) { a = a . match ( /^#([A-F0-9])([A-F0-9])([A-F0-9])$/i ) ; return a === null ? false : { space : "HEX" , hex : parseInt ( "0x" + a [ 1 ] . toString ( ) + a [ 1 ] . toString ( ) + a [ 2 ] . toString ( ) + a [ 2 ] . toString ( ) + a [ 3 ] . toString ( ) + a [ 3 ] . toString ( ) ) } } , write : e } , SIX _CHAR _HEX : { read : function ( a ) { a = a . match ( /^#([A-F0-9]{6})$/i ) ; return a === null ? false : { space : "HEX" , hex : parseInt ( "0x" + a [ 1 ] . toString ( ) ) } } , write : e } , CSS _RGB : { read : function ( a ) { a = a . match ( /^rgb\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/ ) ;
return a === null ? false : { space : "RGB" , r : parseFloat ( a [ 1 ] ) , g : parseFloat ( a [ 2 ] ) , b : parseFloat ( a [ 3 ] ) } } , write : e } , CSS _RGBA : { read : function ( a ) { a = a . match ( /^rgba\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\,\s*(.+)\s*\)/ ) ; return a === null ? false : { space : "RGB" , r : parseFloat ( a [ 1 ] ) , g : parseFloat ( a [ 2 ] ) , b : parseFloat ( a [ 3 ] ) , a : parseFloat ( a [ 4 ] ) } } , write : e } } } , { litmus : a . isNumber , conversions : { HEX : { read : function ( a ) { return { space : "HEX" , hex : a , conversionName : "HEX" } } , write : function ( a ) { return a . hex } } } } , { litmus : a . isArray , conversions : { RGB _ARRAY : { read : function ( a ) { return a . length !=
3 ? false : { space : "RGB" , r : a [ 0 ] , g : a [ 1 ] , b : a [ 2 ] } } , write : function ( a ) { return [ a . r , a . g , a . b ] } } , RGBA _ARRAY : { read : function ( a ) { return a . length != 4 ? false : { space : "RGB" , r : a [ 0 ] , g : a [ 1 ] , b : a [ 2 ] , a : a [ 3 ] } } , write : function ( a ) { return [ a . r , a . g , a . b , a . a ] } } } } , { litmus : a . isObject , conversions : { RGBA _OBJ : { read : function ( b ) { return a . isNumber ( b . r ) && a . isNumber ( b . g ) && a . isNumber ( b . b ) && a . isNumber ( b . a ) ? { space : "RGB" , r : b . r , g : b . g , b : b . b , a : b . a } : false } , write : function ( a ) { return { r : a . r , g : a . g , b : a . b , a : a . a } } } , RGB _OBJ : { read : function ( b ) { return a . isNumber ( b . r ) &&
a . isNumber ( b . g ) && a . isNumber ( b . b ) ? { space : "RGB" , r : b . r , g : b . g , b : b . b } : false } , write : function ( a ) { return { r : a . r , g : a . g , b : a . b } } } , HSVA _OBJ : { read : function ( b ) { return a . isNumber ( b . h ) && a . isNumber ( b . s ) && a . isNumber ( b . v ) && a . isNumber ( b . a ) ? { space : "HSV" , h : b . h , s : b . s , v : b . v , a : b . a } : false } , write : function ( a ) { return { h : a . h , s : a . s , v : a . v , a : a . a } } } , HSV _OBJ : { read : function ( b ) { return a . isNumber ( b . h ) && a . isNumber ( b . s ) && a . isNumber ( b . v ) ? { space : "HSV" , h : b . h , s : b . s , v : b . v } : false } , write : function ( a ) { return { h : a . h , s : a . s , v : a . v } } } } } ] ; return function ( ) { d =
false ; var b = arguments . length > 1 ? a . toArray ( arguments ) : arguments [ 0 ] ; a . each ( f , function ( e ) { if ( e . litmus ( b ) ) return a . each ( e . conversions , function ( e , f ) { c = e . read ( b ) ; if ( d === false && c !== false ) return d = c , c . conversionName = f , c . conversion = e , a . BREAK } ) , a . BREAK } ) ; return d } } ( dat . color . toString , dat . utils . common ) ;
dat . GUI = dat . gui . GUI = function ( e , a , c , d , f , b , o , h , j , l , k , m , y , g , i ) { function q ( a , b , r , c ) { if ( b [ r ] === void 0 ) throw Error ( "Object " + b + ' has no property "' + r + '"' ) ; c . color ? b = new k ( b , r ) : ( b = [ b , r ] . concat ( c . factoryArgs ) , b = d . apply ( a , b ) ) ; if ( c . before instanceof f ) c . before = c . before . _ _li ; t ( a , b ) ; g . addClass ( b . domElement , "c" ) ; r = document . createElement ( "span" ) ; g . addClass ( r , "property-name" ) ; r . innerHTML = b . property ; var e = document . createElement ( "div" ) ; e . appendChild ( r ) ; e . appendChild ( b . domElement ) ; c = s ( a , e , c . before ) ; g . addClass ( c , n . CLASS _CONTROLLER _ROW ) ;
g . addClass ( c , typeof b . getValue ( ) ) ; p ( a , c , b ) ; a . _ _controllers . push ( b ) ; return b } function s ( a , b , d ) { var c = document . createElement ( "li" ) ; b && c . appendChild ( b ) ; d ? a . _ _ul . insertBefore ( c , params . before ) : a . _ _ul . appendChild ( c ) ; a . onResize ( ) ; return c } function p ( a , d , c ) { c . _ _li = d ; c . _ _gui = a ; i . extend ( c , { options : function ( b ) { if ( arguments . length > 1 ) return c . remove ( ) , q ( a , c . object , c . property , { before : c . _ _li . nextElementSibling , factoryArgs : [ i . toArray ( arguments ) ] } ) ; if ( i . isArray ( b ) || i . isObject ( b ) ) return c . remove ( ) , q ( a , c . object , c . property ,
{ before : c . _ _li . nextElementSibling , factoryArgs : [ b ] } ) } , name : function ( a ) { c . _ _li . firstElementChild . firstElementChild . innerHTML = a ; return c } , listen : function ( ) { c . _ _gui . listen ( c ) ; return c } , remove : function ( ) { c . _ _gui . remove ( c ) ; return c } } ) ; if ( c instanceof j ) { var e = new h ( c . object , c . property , { min : c . _ _min , max : c . _ _max , step : c . _ _step } ) ; i . each ( [ "updateDisplay" , "onChange" , "onFinishChange" ] , function ( a ) { var b = c [ a ] , d = e [ a ] ; c [ a ] = e [ a ] = function ( ) { var a = Array . prototype . slice . call ( arguments ) ; b . apply ( c , a ) ; return d . apply ( e , a ) } } ) ;
g . addClass ( d , "has-slider" ) ; c . domElement . insertBefore ( e . domElement , c . domElement . firstElementChild ) } else if ( c instanceof h ) { var f = function ( b ) { return i . isNumber ( c . _ _min ) && i . isNumber ( c . _ _max ) ? ( c . remove ( ) , q ( a , c . object , c . property , { before : c . _ _li . nextElementSibling , factoryArgs : [ c . _ _min , c . _ _max , c . _ _step ] } ) ) : b } ; c . min = i . compose ( f , c . min ) ; c . max = i . compose ( f , c . max ) } else if ( c instanceof b ) g . bind ( d , "click" , function ( ) { g . fakeEvent ( c . _ _checkbox , "click" ) } ) , g . bind ( c . _ _checkbox , "click" , function ( a ) { a . stopPropagation ( ) } ) ;
else if ( c instanceof o ) g . bind ( d , "click" , function ( ) { g . fakeEvent ( c . _ _button , "click" ) } ) , g . bind ( d , "mouseover" , function ( ) { g . addClass ( c . _ _button , "hover" ) } ) , g . bind ( d , "mouseout" , function ( ) { g . removeClass ( c . _ _button , "hover" ) } ) ; else if ( c instanceof k ) g . addClass ( d , "color" ) , c . updateDisplay = i . compose ( function ( a ) { d . style . borderLeftColor = c . _ _color . toString ( ) ; return a } , c . updateDisplay ) , c . updateDisplay ( ) ; c . setValue = i . compose ( function ( b ) { a . getRoot ( ) . _ _preset _select && c . isModified ( ) && B ( a . getRoot ( ) , true ) ; return b } , c . setValue ) }
function t ( a , b ) { var c = a . getRoot ( ) , d = c . _ _rememberedObjects . indexOf ( b . object ) ; if ( d != - 1 ) { var e = c . _ _rememberedObjectIndecesToControllers [ d ] ; e === void 0 && ( e = { } , c . _ _rememberedObjectIndecesToControllers [ d ] = e ) ; e [ b . property ] = b ; if ( c . load && c . load . remembered ) { c = c . load . remembered ; if ( c [ a . preset ] ) c = c [ a . preset ] ; else if ( c [ w ] ) c = c [ w ] ; else return ; if ( c [ d ] && c [ d ] [ b . property ] !== void 0 ) d = c [ d ] [ b . property ] , b . initialValue = d , b . setValue ( d ) } } } function H ( a ) { var b = a . _ _save _row = document . createElement ( "li" ) ; g . addClass ( a . domElement ,
"has-save" ) ; a . _ _ul . insertBefore ( b , a . _ _ul . firstChild ) ; g . addClass ( b , "save-row" ) ; var c = document . createElement ( "span" ) ; c . innerHTML = " " ; g . addClass ( c , "button gears" ) ; var d = document . createElement ( "span" ) ; d . innerHTML = "Save" ; g . addClass ( d , "button" ) ; g . addClass ( d , "save" ) ; var e = document . createElement ( "span" ) ; e . innerHTML = "New" ; g . addClass ( e , "button" ) ; g . addClass ( e , "save-as" ) ; var f = document . createElement ( "span" ) ; f . innerHTML = "Revert" ; g . addClass ( f , "button" ) ; g . addClass ( f , "revert" ) ; var l = a . _ _preset _select = document . createElement ( "select" ) ;
a . load && a . load . remembered ? i . each ( a . load . remembered , function ( b , c ) { C ( a , c , c == a . preset ) } ) : C ( a , w , false ) ; g . bind ( l , "change" , function ( ) { for ( var b = 0 ; b < a . _ _preset _select . length ; b ++ ) a . _ _preset _select [ b ] . innerHTML = a . _ _preset _select [ b ] . value ; a . preset = this . value } ) ; b . appendChild ( l ) ; b . appendChild ( c ) ; b . appendChild ( d ) ; b . appendChild ( e ) ; b . appendChild ( f ) ; if ( u ) { var b = document . getElementById ( "dg-save-locally" ) , k = document . getElementById ( "dg-local-explain" ) ; b . style . display = "block" ; b = document . getElementById ( "dg-local-storage" ) ;
localStorage . getItem ( document . location . href + ".isLocal" ) === "true" && b . setAttribute ( "checked" , "checked" ) ; var h = function ( ) { k . style . display = a . useLocalStorage ? "block" : "none" } ; h ( ) ; g . bind ( b , "change" , function ( ) { a . useLocalStorage = ! a . useLocalStorage ; h ( ) } ) } var m = document . getElementById ( "dg-new-constructor" ) ; g . bind ( m , "keydown" , function ( a ) { a . metaKey && ( a . which === 67 || a . keyCode == 67 ) && x . hide ( ) } ) ; g . bind ( c , "click" , function ( ) { m . innerHTML = JSON . stringify ( a . getSaveObject ( ) , void 0 , 2 ) ; x . show ( ) ; m . focus ( ) ; m . select ( ) } ) ; g . bind ( d ,
"click" , function ( ) { a . save ( ) } ) ; g . bind ( e , "click" , function ( ) { var b = prompt ( "Enter a new preset name." ) ; b && a . saveAs ( b ) } ) ; g . bind ( f , "click" , function ( ) { a . revert ( ) } ) } function I ( a ) { function b ( c ) { c . preventDefault ( ) ; a . width += d - c . clientX ; d = c . clientX ; return false } function c ( ) { g . unbind ( window , "mousemove" , b ) ; g . unbind ( window , "mouseup" , c ) } a . _ _resize _handle = document . createElement ( "div" ) ; i . extend ( a . _ _resize _handle . style , { width : "6px" , marginLeft : "-3px" , height : "200px" , cursor : "ew-resize" , position : "absolute" } ) ; var d ; g . bind ( a . _ _resize _handle ,
"mousedown" , function ( a ) { a . preventDefault ( ) ; d = a . clientX ; g . bind ( window , "mousemove" , b ) ; g . bind ( window , "mouseup" , c ) ; return false } ) ; a . domElement . insertBefore ( a . _ _resize _handle , a . domElement . firstElementChild ) } function D ( a , b ) { a . domElement . style . width = b + "px" ; if ( a . _ _save _row && a . autoPlace ) a . _ _save _row . style . width = b + "px" } function z ( a , b ) { var c = { } ; i . each ( a . _ _rememberedObjects , function ( d , e ) { var f = { } ; i . each ( a . _ _rememberedObjectIndecesToControllers [ e ] , function ( a , c ) { f [ c ] = b ? a . initialValue : a . getValue ( ) } ) ; c [ e ] = f } ) ; return c }
function C ( a , b , c ) { var d = document . createElement ( "option" ) ; d . innerHTML = b ; d . value = b ; a . _ _preset _select . appendChild ( d ) ; if ( c ) a . _ _preset _select . selectedIndex = a . _ _preset _select . length - 1 } function B ( a , b ) { var c = a . _ _preset _select [ a . _ _preset _select . selectedIndex ] ; c . innerHTML = b ? c . value + "*" : c . value } function E ( a ) { a . length != 0 && m ( function ( ) { E ( a ) } ) ; i . each ( a , function ( a ) { a . updateDisplay ( ) } ) } e . inject ( c ) ; var w = "Default" , u ; try { u = "localStorage" in window && window . localStorage !== null } catch ( J ) { u = false } var x , F = true , v , A = false ,
G = [ ] , n = function ( a ) { function b ( ) { localStorage . setItem ( document . location . href + ".gui" , JSON . stringify ( d . getSaveObject ( ) ) ) } function c ( ) { var a = d . getRoot ( ) ; a . width += 1 ; i . defer ( function ( ) { a . width -= 1 } ) } var d = this ; this . domElement = document . createElement ( "div" ) ; this . _ _ul = document . createElement ( "ul" ) ; this . domElement . appendChild ( this . _ _ul ) ; g . addClass ( this . domElement , "dg" ) ; this . _ _folders = { } ; this . _ _controllers = [ ] ; this . _ _rememberedObjects = [ ] ; this . _ _rememberedObjectIndecesToControllers = [ ] ; this . _ _listening = [ ] ; a = a || { } ;
a = i . defaults ( a , { autoPlace : true , width : n . DEFAULT _WIDTH } ) ; a = i . defaults ( a , { resizable : a . autoPlace , hideable : a . autoPlace } ) ; if ( i . isUndefined ( a . load ) ) a . load = { preset : w } ; else if ( a . preset ) a . load . preset = a . preset ; i . isUndefined ( a . parent ) && a . hideable && G . push ( this ) ; a . resizable = i . isUndefined ( a . parent ) && a . resizable ; if ( a . autoPlace && i . isUndefined ( a . scrollable ) ) a . scrollable = true ; var e = u && localStorage . getItem ( document . location . href + ".isLocal" ) === "true" ; Object . defineProperties ( this , { parent : { get : function ( ) { return a . parent } } ,
scrollable : { get : function ( ) { return a . scrollable } } , autoPlace : { get : function ( ) { return a . autoPlace } } , preset : { get : function ( ) { return d . parent ? d . getRoot ( ) . preset : a . load . preset } , set : function ( b ) { d . parent ? d . getRoot ( ) . preset = b : a . load . preset = b ; for ( b = 0 ; b < this . _ _preset _select . length ; b ++ ) if ( this . _ _preset _select [ b ] . value == this . preset ) this . _ _preset _select . selectedIndex = b ; d . revert ( ) } } , width : { get : function ( ) { return a . width } , set : function ( b ) { a . width = b ; D ( d , b ) } } , name : { get : function ( ) { return a . name } , set : function ( b ) { a . name =
b ; if ( l ) l . innerHTML = a . name } } , closed : { get : function ( ) { return a . closed } , set : function ( b ) { a . closed = b ; a . closed ? g . addClass ( d . _ _ul , n . CLASS _CLOSED ) : g . removeClass ( d . _ _ul , n . CLASS _CLOSED ) ; this . onResize ( ) } } , load : { get : function ( ) { return a . load } } , useLocalStorage : { get : function ( ) { return e } , set : function ( a ) { u && ( ( e = a ) ? g . bind ( window , "unload" , b ) : g . unbind ( window , "unload" , b ) , localStorage . setItem ( document . location . href + ".isLocal" , a ) ) } } } ) ; if ( i . isUndefined ( a . parent ) ) { if ( a . closed = false , g . addClass ( this . domElement , n . CLASS _MAIN ) ,
g . makeSelectable ( this . domElement , false ) , u && e ) { d . useLocalStorage = true ; var f = localStorage . getItem ( document . location . href + ".gui" ) ; if ( f ) a . load = JSON . parse ( f ) } } else { if ( a . closed === void 0 ) a . closed = true ; var l = document . createTextNode ( a . name ) ; g . addClass ( l , "controller-name" ) ; f = s ( d , l ) ; g . addClass ( this . _ _ul , n . CLASS _CLOSED ) ; g . addClass ( f , "title" ) ; g . bind ( f , "click" , function ( a ) { a . preventDefault ( ) ; a . stopPropagation ( ) ; d . closed = ! d . closed ; return false } ) ; if ( ! a . closed ) this . closed = false } a . autoPlace && ( i . isUndefined ( a . parent ) &&
( F && ( v = document . createElement ( "div" ) , g . addClass ( v , "dg" ) , g . addClass ( v , n . CLASS _AUTO _PLACE _CONTAINER ) , document . body . appendChild ( v ) , F = false ) , v . appendChild ( this . domElement ) , g . addClass ( this . domElement , n . CLASS _AUTO _PLACE ) ) , this . parent || D ( d , a . width ) ) ; g . bind ( window , "resize" , function ( ) { d . onResize ( ) } ) ; g . bind ( this . _ _ul , "webkitTransitionEnd" , function ( ) { d . onResize ( ) } ) ; g . bind ( this . _ _ul , "transitionend" , function ( ) { d . onResize ( ) } ) ; g . bind ( this . _ _ul , "oTransitionEnd" , function ( ) { d . onResize ( ) } ) ; this . onResize ( ) ; a . resizable &&
I ( this ) ; a . parent || c ( ) } ; n . toggleHide = function ( ) { A = ! A ; i . each ( G , function ( a ) { a . domElement . style . zIndex = A ? - 999 : 999 ; a . domElement . style . opacity = A ? 0 : 1 } ) } ; n . CLASS _AUTO _PLACE = "a" ; n . CLASS _AUTO _PLACE _CONTAINER = "ac" ; n . CLASS _MAIN = "main" ; n . CLASS _CONTROLLER _ROW = "cr" ; n . CLASS _TOO _TALL = "taller-than-window" ; n . CLASS _CLOSED = "closed" ; n . DEFAULT _WIDTH = 245 ; g . bind ( window , "keydown" , function ( a ) { document . activeElement . type !== "text" && ( a . which === 72 || a . keyCode == 72 ) && n . toggleHide ( ) } , false ) ; i . extend ( n . prototype , { add : function ( a , b ) { return q ( this ,
a , b , { factoryArgs : Array . prototype . slice . call ( arguments , 2 ) } ) } , addColor : function ( a , b ) { return q ( this , a , b , { color : true } ) } , remove : function ( a ) { this . _ _ul . removeChild ( a . _ _li ) ; this . _ _controllers . slice ( this . _ _controllers . indexOf ( a ) , 1 ) ; var b = this ; i . defer ( function ( ) { b . onResize ( ) } ) } , destroy : function ( ) { this . autoPlace && v . removeChild ( this . domElement ) } , addFolder : function ( a ) { if ( this . _ _folders [ a ] !== void 0 ) throw Error ( 'You already have a folder in this GUI by the name "' + a + '"' ) ; var b = { name : a , parent : this } ; b . autoPlace = this . autoPlace ;
if ( this . load && this . load . folders && this . load . folders [ a ] ) b . closed = this . load . folders [ a ] . closed , b . load = this . load . folders [ a ] ; b = new n ( b ) ; this . _ _folders [ a ] = b ; a = s ( this , b . domElement ) ; g . addClass ( a , "folder" ) ; b . open = function ( ) { this . closed = false } ; b . close = function ( ) { this . closed = true } ; return b } , onResize : function ( ) { var a = this . getRoot ( ) ; if ( a . scrollable ) { var b = g . getOffset ( a . domElement ) . top , c = 0 ; i . each ( a . _ _ul . childNodes , function ( a ) { c += g . getHeight ( a ) } ) ; window . innerHeight < c ? ( g . addClass ( a . domElement , n . CLASS _TOO _TALL ) , a . _ _ul . style . height =
window . innerHeight - b + "px" ) : ( g . removeClass ( a . domElement , n . CLASS _TOO _TALL ) , a . _ _ul . style . height = "auto" ) } a . _ _resize _handle && i . defer ( function ( ) { a . _ _resize _handle . style . height = a . _ _ul . offsetHeight + "px" } ) } , remember : function ( ) { if ( i . isUndefined ( x ) ) x = new y , x . domElement . innerHTML = a ; if ( this . parent ) throw Error ( "You can only call remember on a top level GUI." ) ; var b = this ; i . each ( Array . prototype . slice . call ( arguments ) , function ( a ) { b . _ _rememberedObjects . length == 0 && H ( b ) ; b . _ _rememberedObjects . indexOf ( a ) == - 1 && b . _ _rememberedObjects . push ( a ) } ) ;
this . autoPlace && D ( this , this . width ) } , getRoot : function ( ) { for ( var a = this ; a . parent ; ) a = a . parent ; return a } , getSaveObject : function ( ) { var a = this . load ; a . closed = this . closed ; if ( this . _ _rememberedObjects . length > 0 ) { a . preset = this . preset ; if ( ! a . remembered ) a . remembered = { } ; a . remembered [ this . preset ] = z ( this ) } a . folders = { } ; i . each ( this . _ _folders , function ( b , c ) { a . folders [ c ] = b . getSaveObject ( ) } ) ; return a } , save : function ( ) { if ( ! this . load . remembered ) this . load . remembered = { } ; this . load . remembered [ this . preset ] = z ( this ) ; B ( this , false ) } ,
saveAs : function ( a ) { if ( ! this . load . remembered ) this . load . remembered = { } , this . load . remembered [ w ] = z ( this , true ) ; this . load . remembered [ a ] = z ( this ) ; this . preset = a ; C ( this , a , true ) } , revert : function ( a ) { i . each ( this . _ _controllers , function ( b ) { this . getRoot ( ) . load . remembered ? t ( a || this . getRoot ( ) , b ) : b . setValue ( b . initialValue ) } , this ) ; i . each ( this . _ _folders , function ( a ) { a . revert ( a ) } ) ; a || B ( this . getRoot ( ) , false ) } , listen : function ( a ) { var b = this . _ _listening . length == 0 ; this . _ _listening . push ( a ) ; b && E ( this . _ _listening ) } } ) ; return n } ( dat . utils . css ,
'<div id="dg-save" class="dg dialogue">\n\n Here\'s the new load parameter for your <code>GUI</code>\'s constructor:\n\n <textarea id="dg-new-constructor"></textarea>\n\n <div id="dg-save-locally">\n\n <input id="dg-local-storage" type="checkbox"/> Automatically save\n values to <code>localStorage</code> on exit.\n\n <div id="dg-local-explain">The values saved to <code>localStorage</code> will\n override those passed to <code>dat.GUI</code>\'s constructor. This makes it\n easier to work incrementally, but <code>localStorage</code> is fragile,\n and your friends may not see the same values you do.\n \n </div>\n \n </div>\n\n</div>' ,
2011-11-07 21:33:21 +00:00
" . dg ul { list - style : none ; margin : 0 ; padding : 0 ; width : 100 % ; clear : both } . dg . ac { position : fixed ; top : 0 ; left : 0 ; right : 0 ; height : 0 ; z - index : 0 } . dg . main { - webkit - transition : opacity 0.1 s linear ; - o - transition : opacity 0.1 s linear ; - moz - transition : opacity 0.1 s linear ; transition : opacity 0.1 s linear } . dg . main . taller - than - window { overflow - y : auto } . dg . a { float : right ; margin - right : 15 px ; overflow - x : hidden } . dg . a . has - save { margin - top : 27 px } . dg . a . save - row { position : fixed ; top : 0 ; z - index : 1002 } . dg li : not ( . folder ) { cursor : auto ; height : 27 px ; line - height : 27 px ; overflow : hidden ; padding : 0 4 px 0 5 px ; - webkit - transition : height 0.1 s ease - out ; - o - transition : height 0.1 s ease - out ; - moz - transition : height 0.1 s ease - out ; transition : height 0.1 s ease - out } . dg li . folder { padding : 0 ; border - left : 4 px solid rgba ( 0 , 0 , 0 , 0 ) } . dg li . title { cursor : pointer ; margin - left : - 4 px } . dg . closed li : not ( . title ) , . dg . closed ul li , . dg . closed ul li > * { height : 0 ; overflow : hidden ; border : 0 } . dg . cr { clear : both ; padding - left : 3 px ; height : 27 px } . dg . property - name { cursor : default ; float : left ; clear : left ; width : 40 % ; overflow : hidden ; text - overflow : ellipsis } . dg . c { float : left ; width : 60 % } . dg . c input [ type = text ] { border : 0 ; margin - top : 4 px ; padding : 3 px ; width : 100 % ; float : right } . dg . has - slider input [ type = text ] { width : 30 % ; margin - left : 0 } . dg . slider { float : left ; width : 66 % ; margin - left : - 5 px ; margin - right : 0 ; height : 19 px ; margin - top : 4 px } . dg . slider - fg { height : 100 % } . dg . c input [ type = checkbox ] { margin - top : 9 px } . dg . c select { margin - top : 5 px } . dg . cr . function , . dg . cr . function . property - name , . dg . cr . function * , . dg . cr . boolean , . dg . cr . boolean * { cursor : pointer } . dg . selector { display : none ; position : absolute ; margin - left : - 9 px ; margin - top : 23 px } . dg . c : hover . selector , . dg . selector . drag { display : block } . dg li . save - row { padding : 0 } . dg li . save - row . button { display : inline - block ; padding : 0 px 6 px } . dg . dialogue { background - color : # 222 ; width : 460 px ; padding : 15 px ; font - size : 13 px ; line - height : 15 px } # dg - new - constructor { padding : 10 px ; color : # 222 ; font - family : Monaco , monospace ; font - size : 10 px ; border : 0 ; resize : none ; box - shadow : inset 1 px 1 px 1 px # 888 ; word - wrap : break - word ; margin : 12 px 0 ; display : block ; width : 440 px ; overflow - y : scroll ; height : 100 px ; position : relative } # dg - local - explain { display : none ; font - size : 11 px ; line - height : 17 px ; border - radius : 3 px ; background - color : # 333 ; padding : 8 px ; margin - top : 10 px } # dg - local - explain code { font - size : 10 px } # dat - gui - save - locally { display : none } . dg { color : # eee ; font : 11 px 'Lucida Grande' , sans - serif ; text - shadow : 0 - 1 px 0 # 111 } . dg . main : : - webkit - scrollbar { width : 5 px ; background : # 1 a1a1a } . dg . main : : - webkit - scrollbar - corner { height : 0 ; display : none } . dg . main : : - webkit - scrollbar - thumb { border - radius : 5 px ; background : # 676767 } . dg li : not ( . folder ) { background : # 1 a1a1a ; border - bottom : 1 px solid # 2 c2c2c } . dg li . save - row { line - height : 25 px ; background : # dad5cb ; border : 0 } . dg li . save - row select { margin - left : 5 px ; width : 108 px } . dg li . save - row . button { margin - left : 5 px ; margin - top : 1 px ; border - radius : 2 px ; font - size : 9 px ; line - height : 7 px ; padding : 4 px 4 px 5 px 4 px ; background : # c5bdad ; color : # fff ; text - shadow : 0 1 px 0 # b0a58f ; box - shadow : 0 - 1 px 0 # b0a58f ; cursor : pointer } . dg li . save - row . button . gears { background : # c5bdad url ( data : image / png ; base64 , iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB / 9 ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU / P //PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #80678
2011-11-07 21:29:37 +00:00
dat . controllers . factory = function ( e , a , c , d , f , b , o ) { return function ( h , j , l , k ) { var m = h [ j ] ; if ( o . isArray ( l ) || o . isObject ( l ) ) return new e ( h , j , l ) ; if ( o . isNumber ( m ) ) return o . isNumber ( l ) && o . isNumber ( k ) ? new c ( h , j , l , k ) : new a ( h , j , { min : l , max : k } ) ; if ( o . isString ( m ) ) return new d ( h , j ) ; if ( o . isFunction ( m ) ) return new f ( h , j , "" ) ; if ( o . isBoolean ( m ) ) return new b ( h , j ) } } ( dat . controllers . OptionController , dat . controllers . NumberControllerBox , dat . controllers . NumberControllerSlider , dat . controllers . StringController = function ( e , a , c ) { var d =
function ( c , b ) { function e ( ) { h . setValue ( h . _ _input . value ) } d . superclass . call ( this , c , b ) ; var h = this ; this . _ _input = document . createElement ( "input" ) ; this . _ _input . setAttribute ( "type" , "text" ) ; a . bind ( this . _ _input , "keyup" , e ) ; a . bind ( this . _ _input , "change" , e ) ; a . bind ( this . _ _input , "blur" , function ( ) { h . _ _onFinishChange && h . _ _onFinishChange . call ( h , h . getValue ( ) ) } ) ; a . bind ( this . _ _input , "keydown" , function ( a ) { a . keyCode === 13 && this . blur ( ) } ) ; this . updateDisplay ( ) ; this . domElement . appendChild ( this . _ _input ) } ; d . superclass = e ; c . extend ( d . prototype ,
e . prototype , { updateDisplay : function ( ) { if ( ! a . isActive ( this . _ _input ) ) this . _ _input . value = this . getValue ( ) ; return d . superclass . prototype . updateDisplay . call ( this ) } } ) ; return d } ( dat . controllers . Controller , dat . dom . dom , dat . utils . common ) , dat . controllers . FunctionController , dat . controllers . BooleanController , dat . utils . common ) , dat . controllers . Controller , dat . controllers . BooleanController , dat . controllers . FunctionController , dat . controllers . NumberControllerBox , dat . controllers . NumberControllerSlider , dat . controllers . OptionController ,
dat . controllers . ColorController = function ( e , a , c , d , f ) { function b ( a , b , c , d ) { a . style . background = "" ; f . each ( j , function ( e ) { a . style . cssText += "background: " + e + "linear-gradient(" + b + ", " + c + " 0%, " + d + " 100%); " } ) } function o ( a ) { a . style . background = "" ; a . style . cssText += "background: -moz-linear-gradient(top, #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);" ; a . style . cssText += "background: -webkit-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);" ;
a . style . cssText += "background: -o-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);" ; a . style . cssText += "background: -ms-linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);" ; a . style . cssText += "background: linear-gradient(top, #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);" } var h = function ( e , k ) { function m ( b ) { q ( b ) ; a . bind ( window , "mousemove" , q ) ; a . bind ( window ,
"mouseup" , j ) } function j ( ) { a . unbind ( window , "mousemove" , q ) ; a . unbind ( window , "mouseup" , j ) } function g ( ) { var a = d ( this . value ) ; a !== false ? ( p . _ _color . _ _state = a , p . setValue ( p . _ _color . toOriginal ( ) ) ) : this . value = p . _ _color . toString ( ) } function i ( ) { a . unbind ( window , "mousemove" , s ) ; a . unbind ( window , "mouseup" , i ) } function q ( b ) { b . preventDefault ( ) ; var c = a . getWidth ( p . _ _saturation _field ) , d = a . getOffset ( p . _ _saturation _field ) , e = ( b . clientX - d . left + document . body . scrollLeft ) / c , b = 1 - ( b . clientY - d . top + document . body . scrollTop ) / c ; b > 1 ? b =
1 : b < 0 && ( b = 0 ) ; e > 1 ? e = 1 : e < 0 && ( e = 0 ) ; p . _ _color . v = b ; p . _ _color . s = e ; p . setValue ( p . _ _color . toOriginal ( ) ) ; return false } function s ( b ) { b . preventDefault ( ) ; var c = a . getHeight ( p . _ _hue _field ) , d = a . getOffset ( p . _ _hue _field ) , b = 1 - ( b . clientY - d . top + document . body . scrollTop ) / c ; b > 1 ? b = 1 : b < 0 && ( b = 0 ) ; p . _ _color . h = b * 360 ; p . setValue ( p . _ _color . toOriginal ( ) ) ; return false } h . superclass . call ( this , e , k ) ; this . _ _color = new c ( this . getValue ( ) ) ; this . _ _temp = new c ( 0 ) ; var p = this ; this . domElement = document . createElement ( "div" ) ; a . makeSelectable ( this . domElement ,
false ) ; this . _ _selector = document . createElement ( "div" ) ; this . _ _selector . className = "selector" ; this . _ _saturation _field = document . createElement ( "div" ) ; this . _ _saturation _field . className = "saturation-field" ; this . _ _field _knob = document . createElement ( "div" ) ; this . _ _field _knob . className = "field-knob" ; this . _ _field _knob _border = "2px solid " ; this . _ _hue _knob = document . createElement ( "div" ) ; this . _ _hue _knob . className = "hue-knob" ; this . _ _hue _field = document . createElement ( "div" ) ; this . _ _hue _field . className = "hue-field" ; this . _ _input =
document . createElement ( "input" ) ; this . _ _input . type = "text" ; this . _ _input _textShadow = "0 1px 1px " ; a . bind ( this . _ _input , "keydown" , function ( a ) { a . keyCode === 13 && g . call ( this ) } ) ; a . bind ( this . _ _input , "blur" , g ) ; a . bind ( this . _ _selector , "mousedown" , function ( ) { a . addClass ( this , "drag" ) . bind ( window , "mouseup" , function ( ) { a . removeClass ( p . _ _selector , "drag" ) } ) } ) ; var t = document . createElement ( "div" ) ; f . extend ( this . _ _selector . style , { width : "122px" , height : "102px" , padding : "3px" , backgroundColor : "#222" , boxShadow : "0px 1px 3px rgba(0,0,0,0.3)" } ) ;
f . extend ( this . _ _field _knob . style , { position : "absolute" , width : "12px" , height : "12px" , border : this . _ _field _knob _border + ( this . _ _color . v < 0.5 ? "#fff" : "#000" ) , boxShadow : "0px 1px 3px rgba(0,0,0,0.5)" , borderRadius : "12px" , zIndex : 1 } ) ; f . extend ( this . _ _hue _knob . style , { position : "absolute" , width : "15px" , height : "2px" , borderRight : "4px solid #fff" , zIndex : 1 } ) ; f . extend ( this . _ _saturation _field . style , { width : "100px" , height : "100px" , border : "1px solid #555" , marginRight : "3px" , display : "inline-block" , cursor : "pointer" } ) ; f . extend ( t . style ,
{ width : "100%" , height : "100%" , background : "none" } ) ; b ( t , "top" , "rgba(0,0,0,0)" , "#000" ) ; f . extend ( this . _ _hue _field . style , { width : "15px" , height : "100px" , display : "inline-block" , border : "1px solid #555" , cursor : "ns-resize" } ) ; o ( this . _ _hue _field ) ; f . extend ( this . _ _input . style , { outline : "none" , textAlign : "center" , color : "#fff" , border : 0 , fontWeight : "bold" , textShadow : this . _ _input _textShadow + "rgba(0,0,0,0.7)" } ) ; a . bind ( this . _ _saturation _field , "mousedown" , m ) ; a . bind ( this . _ _field _knob , "mousedown" , m ) ; a . bind ( this . _ _hue _field , "mousedown" ,
function ( b ) { s ( b ) ; a . bind ( window , "mousemove" , s ) ; a . bind ( window , "mouseup" , i ) } ) ; this . _ _saturation _field . appendChild ( t ) ; this . _ _selector . appendChild ( this . _ _field _knob ) ; this . _ _selector . appendChild ( this . _ _saturation _field ) ; this . _ _selector . appendChild ( this . _ _hue _field ) ; this . _ _hue _field . appendChild ( this . _ _hue _knob ) ; this . domElement . appendChild ( this . _ _input ) ; this . domElement . appendChild ( this . _ _selector ) ; this . updateDisplay ( ) } ; h . superclass = e ; f . extend ( h . prototype , e . prototype , { updateDisplay : function ( ) { var a = d ( this . getValue ( ) ) ;
if ( a !== false ) { var e = false ; f . each ( c . COMPONENTS , function ( b ) { if ( ! f . isUndefined ( a [ b ] ) && ! f . isUndefined ( this . _ _color . _ _state [ b ] ) && a [ b ] !== this . _ _color . _ _state [ b ] ) return e = true , { } } , this ) ; e && f . extend ( this . _ _color . _ _state , a ) } f . extend ( this . _ _temp . _ _state , this . _ _color . _ _state ) ; this . _ _temp . a = 1 ; var h = this . _ _color . v < 0.5 || this . _ _color . s > 0.5 ? 255 : 0 , j = 255 - h ; f . extend ( this . _ _field _knob . style , { marginLeft : 100 * this . _ _color . s - 7 + "px" , marginTop : 100 * ( 1 - this . _ _color . v ) - 7 + "px" , backgroundColor : this . _ _temp . toString ( ) , border : this . _ _field _knob _border +
"rgb(" + h + "," + h + "," + h + ")" } ) ; this . _ _hue _knob . style . marginTop = ( 1 - this . _ _color . h / 360 ) * 100 + "px" ; this . _ _temp . s = 1 ; this . _ _temp . v = 1 ; b ( this . _ _saturation _field , "left" , "#fff" , this . _ _temp . toString ( ) ) ; f . extend ( this . _ _input . style , { backgroundColor : this . _ _input . value = this . _ _color . toString ( ) , color : "rgb(" + h + "," + h + "," + h + ")" , textShadow : this . _ _input _textShadow + "rgba(" + j + "," + j + "," + j + ",.7)" } ) } } ) ; var j = [ "-moz-" , "-o-" , "-webkit-" , "-ms-" , "" ] ; return h } ( dat . controllers . Controller , dat . dom . dom , dat . color . Color = function ( e , a , c , d ) { function f ( a ,
b , c ) { Object . defineProperty ( a , b , { get : function ( ) { if ( this . _ _state . space === "RGB" ) return this . _ _state [ b ] ; o ( this , b , c ) ; return this . _ _state [ b ] } , set : function ( a ) { if ( this . _ _state . space !== "RGB" ) o ( this , b , c ) , this . _ _state . space = "RGB" ; this . _ _state [ b ] = a } } ) } function b ( a , b ) { Object . defineProperty ( a , b , { get : function ( ) { if ( this . _ _state . space === "HSV" ) return this . _ _state [ b ] ; h ( this ) ; return this . _ _state [ b ] } , set : function ( a ) { if ( this . _ _state . space !== "HSV" ) h ( this ) , this . _ _state . space = "HSV" ; this . _ _state [ b ] = a } } ) } function o ( b , c , e ) { if ( b . _ _state . space ===
"HEX" ) b . _ _state [ c ] = a . component _from _hex ( b . _ _state . hex , e ) ; else if ( b . _ _state . space === "HSV" ) d . extend ( b . _ _state , a . hsv _to _rgb ( b . _ _state . h , b . _ _state . s , b . _ _state . v ) ) ; else throw "Corrupted color state" ; } function h ( b ) { var c = a . rgb _to _hsv ( b . r , b . g , b . b ) ; d . extend ( b . _ _state , { s : c . s , v : c . v } ) ; if ( d . isNaN ( c . h ) ) { if ( d . isUndefined ( b . _ _state . h ) ) b . _ _state . h = 0 } else b . _ _state . h = c . h } var j = function ( ) { this . _ _state = e . apply ( this , arguments ) ; if ( this . _ _state === false ) throw "Failed to interpret color arguments" ; this . _ _state . a = this . _ _state . a ||
1 } ; j . COMPONENTS = "r,g,b,h,s,v,hex,a" . split ( "," ) ; d . extend ( j . prototype , { toString : function ( ) { return c ( this ) } , toOriginal : function ( ) { return this . _ _state . conversion . write ( this ) } } ) ; f ( j . prototype , "r" , 2 ) ; f ( j . prototype , "g" , 1 ) ; f ( j . prototype , "b" , 0 ) ; b ( j . prototype , "h" ) ; b ( j . prototype , "s" ) ; b ( j . prototype , "v" ) ; Object . defineProperty ( j . prototype , "a" , { get : function ( ) { return this . _ _state . a } , set : function ( a ) { this . _ _state . a = a } } ) ; Object . defineProperty ( j . prototype , "hex" , { get : function ( ) { if ( ! this . _ _state . space !== "HEX" ) this . _ _state . hex =
a . rgb _to _hex ( this . r , this . g , this . b ) ; return this . _ _state . hex } , set : function ( a ) { this . _ _state . space = "HEX" ; this . _ _state . hex = a } } ) ; return j } ( dat . color . interpret , dat . color . math = function ( ) { var e ; return { hsv _to _rgb : function ( a , c , d ) { var e = a / 60 - Math . floor ( a / 60 ) , b = d * ( 1 - c ) , o = d * ( 1 - e * c ) , c = d * ( 1 - ( 1 - e ) * c ) , a = [ [ d , c , b ] , [ o , d , b ] , [ b , d , c ] , [ b , o , d ] , [ c , b , d ] , [ d , b , o ] ] [ Math . floor ( a / 60 ) % 6 ] ; return { r : a [ 0 ] * 255 , g : a [ 1 ] * 255 , b : a [ 2 ] * 255 } } , rgb _to _hsv : function ( a , c , d ) { var e = Math . min ( a , c , d ) , b = Math . max ( a , c , d ) , e = b - e ; if ( b == 0 ) return { h : NaN , s : 0 , v : 0 } ;
a = a == b ? ( c - d ) / e : c == b ? 2 + ( d - a ) / e : 4 + ( a - c ) / e ; a /= 6 ; a < 0 && ( a += 1 ) ; return { h : a * 360 , s : e / b , v : b / 255 } } , rgb _to _hex : function ( a , c , d ) { a = this . hex _with _component ( 0 , 2 , a ) ; a = this . hex _with _component ( a , 1 , c ) ; return a = this . hex _with _component ( a , 0 , d ) } , component _from _hex : function ( a , c ) { return a >> c * 8 & 255 } , hex _with _component : function ( a , c , d ) { return d << ( e = c * 8 ) | a & ~ ( 255 << e ) } } } ( ) , dat . color . toString , dat . utils . common ) , dat . color . interpret , dat . utils . common ) , dat . utils . requestAnimationFrame = function ( ) { return window . webkitRequestAnimationFrame ||
window . mozRequestAnimationFrame || window . oRequestAnimationFrame || window . msRequestAnimationFrame || function ( e ) { window . setTimeout ( e , 1E3 / 60 ) } } ( ) , dat . dom . CenteredDiv = function ( e , a ) { var c = function ( ) { this . backgroundElement = document . createElement ( "div" ) ; a . extend ( this . backgroundElement . style , { backgroundColor : "rgba(0,0,0,0.5)" , display : "none" , zIndex : "1000" , opacity : 0 , WebkitTransition : "opacity 0.2s linear" } ) ; e . makeFullscreen ( this . backgroundElement ) ; this . domElement = document . createElement ( "div" ) ; a . extend ( this . domElement . style ,
{ position : "fixed" , display : "none" , left : "50%" , top : "50%" , zIndex : "1001" , opacity : 0 , WebkitTransition : "-webkit-transform 0.2s ease-out, opacity 0.2s linear" } ) ; document . body . appendChild ( this . backgroundElement ) ; document . body . appendChild ( this . domElement ) ; var c = this ; e . bind ( this . backgroundElement , "click" , function ( ) { c . hide ( ) } ) } ; c . prototype . show = function ( ) { var c = this ; this . backgroundElement . style . display = "block" ; this . domElement . style . display = "block" ; this . domElement . style . opacity = 0 ; this . domElement . style . webkitTransform =
"scale(1.1)" ; this . layout ( ) ; a . defer ( function ( ) { c . backgroundElement . style . opacity = 1 ; c . domElement . style . opacity = 1 ; c . domElement . style . webkitTransform = "scale(1)" } ) } ; c . prototype . hide = function ( ) { var a = this , c = function ( ) { a . domElement . style . display = "none" ; a . backgroundElement . style . display = "none" ; e . unbind ( a . domElement , "webkitTransitionEnd" , c ) ; e . unbind ( a . domElement , "transitionend" , c ) ; e . unbind ( a . domElement , "oTransitionEnd" , c ) } ; e . bind ( this . domElement , "webkitTransitionEnd" , c ) ; e . bind ( this . domElement , "transitionend" ,
c ) ; e . bind ( this . domElement , "oTransitionEnd" , c ) ; this . backgroundElement . style . opacity = 0 ; this . domElement . style . opacity = 0 ; this . domElement . style . webkitTransform = "scale(1.1)" } ; c . prototype . layout = function ( ) { this . domElement . style . marginLeft = - e . getWidth ( this . domElement ) / 2 + "px" ; this . domElement . style . marginTop = - e . getHeight ( this . domElement ) / 2 + "px" } ; return c } ( dat . dom . dom , dat . utils . common ) , dat . dom . dom , dat . utils . common ) ;
