change color picker event type

editor/js/Sidebar.Material.js

@@ -152,7 +152,7 @@ function SidebarMaterial( editor ) {
 	// color
 
 	var materialColorRow = new UIRow();
-	var materialColor = new UIColor().onChange( update );
+	var materialColor = new UIColor().onInput( update );
 
 	materialColorRow.add( new UIText( strings.getKey( 'sidebar/material/color' ) ).setWidth( '90px' ) );
 	materialColorRow.add( materialColor );
@@ -184,7 +184,7 @@ function SidebarMaterial( editor ) {
 
 	var materialSheenRow = new UIRow();
 	var materialSheenEnabled = new UICheckbox( false ).onChange( update );
-	var materialSheen = new UIColor().setHexValue( 0x000000 ).onChange( update );
+	var materialSheen = new UIColor().setHexValue( 0x000000 ).onInput( update );
 
 	materialSheenRow.add( new UIText( strings.getKey( 'sidebar/material/sheen' ) ).setWidth( '90px' ) )
 	materialSheenRow.add( materialSheenEnabled );
@@ -196,7 +196,7 @@ function SidebarMaterial( editor ) {
 	// emissive
 
 	var materialEmissiveRow = new UIRow();
-	var materialEmissive = new UIColor().setHexValue( 0x000000 ).onChange( update );
+	var materialEmissive = new UIColor().setHexValue( 0x000000 ).onInput( update );
 	var materialEmissiveIntensity = new UINumber( 1 ).setWidth( '30px' ).onChange( update );
 
 	materialEmissiveRow.add( new UIText( strings.getKey( 'sidebar/material/emissive' ) ).setWidth( '90px' ) );
@@ -208,7 +208,7 @@ function SidebarMaterial( editor ) {
 	// specular
 
 	var materialSpecularRow = new UIRow();
-	var materialSpecular = new UIColor().setHexValue( 0x111111 ).onChange( update );
+	var materialSpecular = new UIColor().setHexValue( 0x111111 ).onInput( update );
 
 	materialSpecularRow.add( new UIText( strings.getKey( 'sidebar/material/specular' ) ).setWidth( '90px' ) );
 	materialSpecularRow.add( materialSpecular );

editor/js/Sidebar.Object.js

@@ -225,7 +225,7 @@ function SidebarObject( editor ) {
 	// color
 
 	var objectColorRow = new UIRow();
-	var objectColor = new UIColor().onChange( update );
+	var objectColor = new UIColor().onInput( update );
 
 	objectColorRow.add( new UIText( strings.getKey( 'sidebar/object/color' ) ).setWidth( '90px' ) );
 	objectColorRow.add( objectColor );
@@ -235,7 +235,7 @@ function SidebarObject( editor ) {
 	// ground color
 
 	var objectGroundColorRow = new UIRow();
-	var objectGroundColor = new UIColor().onChange( update );
+	var objectGroundColor = new UIColor().onInput( update );
 
 	objectGroundColorRow.add( new UIText( strings.getKey( 'sidebar/object/groundcolor' ) ).setWidth( '90px' ) );
 	objectGroundColorRow.add( objectGroundColor );

editor/js/Sidebar.Scene.js

@@ -183,7 +183,7 @@ function SidebarScene( editor ) {
 	backgroundRow.add( new UIText( strings.getKey( 'sidebar/scene/background' ) ).setWidth( '90px' ) );
 	backgroundRow.add( backgroundType );
 
-	var backgroundColor = new UIColor().setValue( '#000000' ).setMarginLeft( '8px' ).onChange( onBackgroundChanged );
+	var backgroundColor = new UIColor().setValue( '#000000' ).setMarginLeft( '8px' ).onInput( onBackgroundChanged );
 	backgroundRow.add( backgroundColor );
 
 	var backgroundTexture = new UITexture().setMarginLeft( '8px' ).onChange( onBackgroundChanged );
@@ -285,7 +285,7 @@ function SidebarScene( editor ) {
 	container.add( fogPropertiesRow );
 
 	var fogColor = new UIColor().setValue( '#aaaaaa' );
-	fogColor.onChange( onFogSettingsChanged );
+	fogColor.onInput( onFogSettingsChanged );
 	fogPropertiesRow.add( fogColor );
 
 	// fog near

editor/js/libs/ui.js

@@ -150,7 +150,7 @@ properties.forEach( function ( property ) {
 
 // events
 
-var events = [ 'KeyUp', 'KeyDown', 'MouseOver', 'MouseOut', 'Click', 'DblClick', 'Change' ];
+var events = [ 'KeyUp', 'KeyDown', 'MouseOver', 'MouseOut', 'Click', 'DblClick', 'Change', 'Input' ];
 
 events.forEach( function ( event ) {