awt2542

###
ViewController transitions (https://github.com/awt2542/ViewController-for-Framer) ported to FlowComponent by @myvo

Usage:
Transitions = require "Transitions"

a = new Layer size: Screen.size, html: "A"
b = new Layer size: Screen.size, html: "B"
flow = new FlowComponent
flow.showNext a

awt2542

class PageIndicator extends Layer
	constructor: (options = {} )->
		_.defaults options,
			width: 50
			height: 10
			backgroundColor: ""
			borderRadius: "50%"
		super options
		
		for i in [0...@amount] 

awt2542

convertToTextLayer = (layer) ->
	t = new TextLayer
		name: layer.name
		frame: layer.frame
		parent: layer.parent
	
	cssObj = {}
	css = layer._info.metadata.css
	css.forEach (rule) ->
		return if _.includes rule, '/*'

awt2542

fadeIn = (nav, layerA, layerB, background) ->
	layerA:
		show: {opacity: 1, x: 0, y: 0}
		hide: {opacity: 0, x: 0, y: 0}
	layerB:
		show: {opacity: 1, x: 0, y: 0}
		hide: {opacity: 0, x: 0, y: 0}
		
zoomIn = (nav, layerA, layerB, background) ->
	layerB:

awt2542

# Shortcut to bring a layer into view. Nice for tweaking properties.
# Usage: btn.centerStage()

Layer::centerStage = (opacity = 1) ->
	bg = new Layer size: Screen.size, backgroundColor: 'black', opacity: opacity
	@parent = null
	@bringToFront()
	@midX = Screen.midX
	@midY = Screen.midY

awt2542

Layer::isOverlapping = (targetLayer, offset = 0) ->
	if @screenFrame.x + @width + offset >= targetLayer.screenFrame.x &&
	@screenFrame.x - offset <= targetLayer.screenFrame.x + targetLayer.width &&
	@screenFrame.y + @height + offset >= targetLayer.screenFrame.y &&
	@screenFrame.y - offset <= targetLayer.screenFrame.y + targetLayer.height
		true
	else
		false
		
Layer::isInside = (targetLayer, offset = 0) ->

awt2542

# Create some boxes with the same name
for i in [0..5]
	b = new Layer
		name: "box"
		y: i*120

# A function to find and loop through layer names matching your keyword
selectAll = (s, f) ->
	for l in Framer.CurrentContext.getLayers()
		f.apply(l) if l.name.match(s)