BoundsLayer component: a layer that knows if a click is inside or outside itself

BoundsLayer.coffee

class BoundsLayer extends Layer
	constructor: (props) ->		
		super props
				
		@_origin = @convertPointToScreen({x: 0, y: 0})
		
		@background = new Layer
			parent: @
			size: Screen.size
			x: -@_origin.x
			y: -@_origin.y
			backgroundColor: null
		
		@background.sendToBack()
		
		@background.on Events.Click, (event, layer) =>
			bounds =
				x: 
					start: @_origin.x
					end: @x + @width
				y: 
					start: @_origin.y
					end: @y + @height
					
			inXBounds = _.inRange event.x, bounds.x.start, bounds.x.end
			inYBounds = _.inRange event.y, bounds.y.start, bounds.y.end
			
			@in = inXBounds && inYBounds
		
		
		
# Example
target = new BoundsLayer
	x: Align.center
	y: Align.center
	backgroundColor: 'blue'

target.onClick ->
	unless @in then @visible = false