SliderComponent: allow knobSize property to be set within class instance

framer/Components/SliderComponent.coffee

@@ -25,15 +25,22 @@ class exports.SliderComponent extends Layer
		options.clip ?= false
		options.width ?= 300
		options.height ?= 10
		super options
				
		@knob = new Layer
			backgroundColor: "#fff"
			superLayer: @
			shadowY: 1
			shadowBlur: 3
			shadowY: 1, shadowBlur: 3
			shadowColor: "rgba(0,0,0,0.35)"
		

		@fill = new Layer 
			backgroundColor: "#333"
			width: 0, borderRadius: 50
			force2d: true

		super options

		@knob.superLayer = @fill.superLayer = @
		@fill.height = @height

		@knob.draggable.enabled = true
		@knob.draggable.speedY = 0
		@knob.draggable.overdrag = false
@@ -42,15 +49,6 @@ class exports.SliderComponent extends Layer
		@knob.draggable.bounce = false
		@knob.draggable.propagateEvents = false
		@knob.borderRadius = @knob.width
		
		@fill = new Layer 
			backgroundColor: "#333"
			superLayer: @
			height: @height
			width: 0
			borderRadius: 50

		@fill.force2d = true
		@knob.placeBefore(@fill)
		
		@_updateFrame()
@@ -111,9 +109,12 @@ class exports.SliderComponent extends Layer
		set: (value) -> @_max = value
		
	@define "value",
		get: -> @valueForPoint(@knob.midX)
		set: (value) -> @knob.midX = @pointForValue(value)
	
		get: -> 
			@valueForPoint(@knob.midX)

		set: (value) -> 
			@knob.midX = @pointForValue(value)

	_updateValue: =>
		@emit("change:value", @value)
	
@@ -123,6 +124,6 @@ class exports.SliderComponent extends Layer
	valueForPoint: (value) ->
		return Utils.modulate(value, [0, @width], [@min, @max], true)
		
	animateToValue: (value, animationOptions={curve:"spring(400,30,0)"}) ->
	animateToValue: (value, animationOptions={curve:"spring(300,25,0)"}) ->
		animationOptions.properties = {x:@pointForValue(value)}
		@knob.animate(animationOptions)