@widgetic/editor 3.11.3 → 4.0.1

package/src/core/controls/orderPicker.coffee

@@ -1,93 +0,0 @@
-DropdownControl = require './dropdown'
-
-###
-	---------------------------------------------------
-	Meta
-	---------------------------------------------------
-	"default"   : {
-		"play"     : {"enabled": true, "order": 1},
-		"progress" : {"enabled": true, "order": 2},
-		"time"     : {"enabled": true, "order": 3},
-		"mute"     : {"enabled": true, "order": 4}
-	},
-	"options"   : [
-		{"label":"Play/Pause","value":"play"},
-		{"label":"Progress Bar","value":"progress"},
-		{"label":"Time","value":"time"},
-		{"label":"Mute/Unmute","value":"mute"}
-	]
-###
-class OrderPicker extends DropdownControl
-	template : 'core/views/order-picker'
-	itemsTmpl: window.require 'core/views/order-items'
-	className: 'order-picker'
-
-	init: =>
-		(@labels or= {})[opt.value] = opt.label for opt in @options.options
-
-	constructor: ->
-		super
-		@sortable @list,
-			itemSelector: ".list-item"
-			handle:       ".item-details-order"
-			onDragStart:  @onDragStart
-			onDrop:       @onDrop
-			onDrag:       @onDrag
-
-		@list.bind 'change', @_change
-
-	render:=>
-		super
-		@update @item if @item
-		@default.text "Arrange Items"
-		@
-
-	onDragStart: (item, container, _super) =>
-		@isDragging = true
-		_super item, container
-
-	onDrag: (item, position, _super) =>
-		_super item, position
-
-	onDrop: (item, container, _super) =>
-		@isDragging = false
-		_super item, container
-		@_change()
-
-	_change: =>
-		value = {}
-		@list.find('.list-item').each (i, o) ->
-			item = ($o = $ o).data 'value'
-			order = 1 + $o.index()
-			enabled = $o.find('.is-enabled').is ':checked'
-			value[item] = {order, enabled}
-
-		@change value
-
-	update: (item, type, options={}) =>
-		return if @isDragging
-		value = if item[@attribute]? then item[@attribute] else @options.default
-		options = []
-		for option in @options.options
-			if value[option.value]
-				order = value[option.value].order
-				options[order - 1] = $.extend {order}, option, enabled: value[option.value].enabled
-
-		# do a second pass for options that are not present in the skin
-		# in cases where the skin was created before this option was added to the meta
-		# include the new option but make it hidden
-		for option in @options.options
-			if !value[option.value]
-				options.push $.extend {order: options.length}, option, enabled: false
-
-
-		@list.html @itemsTmpl {options}
-
-	sortable: (el, opts...) ->
-		$(el).sortable opts...
-
-	blur: (e) =>
-		return if !e or e.type is 'click' and $(e.target).closest(@list).length
-		super
-
-module.exports = OrderPicker

package/src/core/controls/position/grid-panel.coffee

@@ -1,75 +0,0 @@
-Panel = require './panel'
-
-Activateable = window.require 'spine/controller/activateable'
-
-tr = $ '<tr>'; td = $ '<td>'
-class GridPanel extends Panel
-	@include Activateable
-
-	events:
-		'click .position-grid td': 'onCellClick'
-		'click .colP':'addCols'
-		'click .colM':'subCols'
-		'click .rowP':'addRows'
-		'click .rowM':'subRows'
-
-	elements:
-		'table.position-grid': 'grid'
-		'.position-grid td':'cells'
-		'.position-grid tr':'gridRows'
-
-	activeCell: {}
-
-	constructor: ->
-		super
-
-		@cols = @rows = 3
-		@drawTable @cols, @rows
-
-	onCellClick: (e) ->
-		@activeCell =
-			col: (target = $ e.target).index()
-			row: target.parent().index()
-
-		@activateCell target
-
-	activateCell: (target) =>
-		@cells.removeClass 'active'
-		target.addClass 'active'
-
-		x = target.offset().left - @offset.left + target.width()/2+1
-		y = target.offset().top - @offset.top + target.height()/2+1
-
-		x = Math.ceil(@maxX*x/@maxWidth)
-		y = Math.ceil(@maxY*y/@maxHeight)
-		@update {x, y, @reference}
-		@change()
-
-	deactivateCurentCell: =>
-		@cells.removeClass 'active'
-
-	updateSelf: (e, data={}) =>
-		super and @deactivateCurentCell() if data.from isnt @
-
-	drawTable: (cols, rows) ->
-		@grid.html ''
-
-		@rows = Math.max(1, Math.min(@rows, 10))
-		@cols = Math.max(1, Math.min(@cols, 10))
-
-		row = tr.clone()
-		for i in [1..@cols]
-			row.append td.clone()
-		for i in [1..@rows]
-			@grid.append row.clone()
-		@refreshElements()
-
-		if (target = @grid.find "tr:nth(#{@activeCell.row}) td:nth(#{@activeCell.col})").length
-			@activateCell target
-
-	addCols: => @drawTable ++@cols, @rows
-	subCols: => @drawTable --@cols, @rows
-	addRows: => @drawTable @cols, ++@rows
-	subRows: => @drawTable @cols, --@rows
-
-module.exports = GridPanel

package/src/core/controls/position/index.coffee

@@ -1,98 +0,0 @@
-Control 	= require '../index'
-Container 	= window.require 'spine/controller/container'
-
-Spinner		= require '../../controls/stepper'
-Composition = window.require 'core/models/composition'
-
-PanelsPopup = require './popup'
-
-__ = $.extend.bind null, {}
-
-class PositionControl extends Control
-	@include Container
-	template  : require '../../views/position'
-	className : 'control-position'
-
-	elements  :
-		'.input-position-x .control' : 'xPos'
-		'.input-position-y .control' : 'yPos'
-		'.input-position-panel':'positionPanel'
-
-	events:
-		'click .input-position-panel':'showPixelPanel'
-		'positionUpdate':'_change'
-
-	constructor: (data) ->
-		{@x, @y, @reference} = data.options.default
-
-		super
-
-		Composition.bind 'update', @compositionSizeUpdate
-		@compositionSizeUpdate null, attribute: true
-
-	getComposition: ->
-		return @composition if @composition
-		try
-			composition = @item.composition()
-		catch err
-			console.error err
-			return
-
-	compositionSizeUpdate: (_, e) =>
-		composition = @getComposition()
-		return unless composition
-
-		return unless e.attribute?
-		mx = composition.width
-		my = composition.height
-
-		@panelsPopup.pixel.updatePanelSize mx, my
-		@panelsPopup.grid.updatePanelSize mx, my
-
-	render: =>
-		super
-		opts = __ @options, {label: '', help_text: ''}
-		@_x = new Spinner el: @xPos, attribute: 'x', options: __ opts, default: @options.default.x
-		@_y = new Spinner el: @yPos, attribute: 'y', options: __ opts, default: @options.default.y
-
-		@listenTo @_x, 'change:stepper', @_change
-		@listenTo @_y, 'change:stepper', @_change
-
-		(@panelsPopup = new PanelsPopup {@x, @y, anchor: @positionPanel, options: @options}).render()
-		@listenTo @panelsPopup, 'change', @_change
-
-		@
-
-	showPixelPanel: =>
-		@panelsPopup.refreshGrids @panelsPopup.toggle()
-
-	_change : (options) =>
-		if options.attributes
-			@[attr] = val for attr, val of options.attributes
-
-		if options.attribute
-			@[options.attribute] = options.value
-
-		@change {@x, @y, @reference}
-
-	update : (item,type,options={})=>
-		opts = item[@attribute]
-		{@x, @y, @reference} = opts
-		@_x.update opts, type, options
-		@_y.update opts, type, options
-		@panelsPopup.update opts, type, options
-
-	deactivate: =>
-		@panelsPopup.hide()
-
-	release: ->
-		super
-		@panelsPopup.release()
-
-	setPopupCSS: (css) =>
-		@panelsPopup.setPopupCSS css
-
-	setPopupTargetWindow: (targetWindow) =>
-		@panelsPopup.setPopupTargetWindow targetWindow
-
-module.exports = PositionControl

package/src/core/controls/position/panel.coffee

@@ -1,68 +0,0 @@
-Controller = window.require 'spine/controller'
-
-class PositionPanel extends Controller
-	document: $ document
-	isTouch: 'ontouchstart' in window
-
-	elements:
-		'.positionPanelWrapper': 'positionPanel'
-		'.dragPanel'   : 'dragPanel'
-		'span.markDown': 'marker'
-		'.reference-input': 'referenceInput'
-
-	maxX: 100
-	maxY: 100
-
-	initW: 275
-	initH: 138
-
-	markerTop: 0
-	markerLeft: 0
-	reference: x: 'center', y: 'center'
-
-	constructor: ->
-		super
-		@refresh()
-
-	updatePanelSize: (maxX, maxY) =>
-		stageW = parseFloat @initW / (maxY/@initH)
-		stageH = parseFloat @initH / (maxX/@initW)
-
-		width = @initW*stageW/stageH
-		height = @initH
-		if width > @initW
-			height = @initH*stageH/stageW
-			width = @initW
-
-		@positionPanel.css {width, height}
-
-	prevent: (e) ->
-		e.stopPropagation() if e.stopPropagation()?
-		e.preventDefault() if e.preventDefault()?
-
-	update : (item, type, options={}) =>
-		return if !item or options.from is @
-		@[i] = v for i,v of item
-		do @updateMarker
-		@referenceInput.text "#{@reference.y} - #{@reference.x}"
-
-	change: =>
-		@el.trigger 'change', attributes: {@x, @y, @reference}, from: @
-
-	updateMarker: =>
-		@marker.css(left: @x+'%', top: @y+'%').attr 'reference', "#{@reference.x} #{@reference.y}"
-
-	refresh: ->
-		@refreshElements()
-		@getProperties()
-
-	setDocument: (@document) -> @
-
-	getProperties: =>
-		@maxHeight = @dragPanel.height()
-		@maxWidth = @dragPanel.width()
-		@markerWidth = @marker.outerWidth()/2
-		@markerHeight = @marker.outerHeight()/2
-		@offset = @dragPanel.offset()
-
-module.exports = PositionPanel

package/src/core/controls/position/pixel-panel.coffee

@@ -1,54 +0,0 @@
-Panel = require './panel'
-
-Activateable = window.require 'spine/controller/activateable'
-
-_throttle =  (fn, delay) -> t = 0; cancel = false; (args...) ->
-	return if cancel
-	cancel = true
-	fn args...
-	setTimeout (-> cancel = false), delay
-
-class PixelPanel extends Panel
-	@include Activateable
-
-	isMouseDown: false
-
-	constructor: ->
-		super
-		@dragMove = _throttle @dragMove, 15
-
-		@dragEvents =
-			if !@isTouch
-				'mousemove': @dragMove , 'mouseup': @stopDrag
-			else 'touchmove': @dragMove, 'touchend': @stopDrag
-
-	stopDrag: (e) =>
-		@isMouseDown = false
-		@document.unbind @dragEvents
-		@update()
-
-	startDrag: (e) =>
-		@isMouseDown = true
-		@prevent(e)
-		@dragMove(e)
-		@document.bind @dragEvents
-
-	dragMove: (e) =>
-		x = Math.max(0, Math.min(e.pageX - @offset.left, @maxWidth))
-		y = Math.max(0, Math.min(e.pageY - @offset.top, @maxHeight))
-
-		x = Math.ceil(@maxX*x/@maxWidth)
-		y = Math.ceil(@maxY*y/@maxHeight)
-		@update {x, y, @reference}
-		@change()
-
-	refresh: =>
-		super
-		@dragPanel.unbind 'mousedown', @startDrag
-		@dragPanel.bind 'mousedown', @startDrag
-
-	mouseEnterBody: (e) =>
-		return unless @isMouseDown
-		@stopDrag e if (e.buttons || e.which) isnt 1
-
-module.exports = PixelPanel

package/src/core/controls/position/popup.coffee

@@ -1,63 +0,0 @@
-PopupBase = require '../../controller/popup'
-
-PixelPanel = require './pixel-panel'
-GridPanel = require './grid-panel'
-ReferencePanel = require './reference-panel'
-
-class PositionPopup extends PopupBase
-	template: require '../../views/pixelpanel'
-	className: 'pixelPositionWrapper'
-
-	elements:
-		'.pixel-based': 'pixelPanel'
-		'.grid-based' : 'gridPanel'
-		'.reference-panel': 'referencePanelEl'
-
-	events:
-		'click .switch-positioning-type': 'toggleMode'
-		'change': 'change'
-		'click .currentPositionWrapper':'toggleReference'
-
-	mods: ['pixel','grid']
-
-	refreshGrids: =>
-		@pixel.refresh()
-		@grid.refresh()
-
-	toggleMode: =>
-		mod = @pixel.isActive()
-		@[@mods[Number !mod]].deactivate()
-		@[@mods[Number mod]].activate().refresh()
-
-	toggleReference: =>
-		mod = @referencePanel.isActive()
-		@referencePanel[['activate', 'deactivate'][Number mod]]()
-
-	release: ->
-		@pixel.release()
-		@grid.release()
-		@referencePanel.release()
-		super
-
-	_createPopup: ->
-		super.then =>
-			@pixel.setDocument($(@popup.document))
-			@refreshGrids()
-			$(@popup.document.body).bind 'mouseenter', @pixel.mouseEnterBody
-
-	render: ->
-		super
-
-		@referencePanel = new ReferencePanel el: @referencePanelEl
-		@grid = new GridPanel el: @gridPanel
-		(@pixel = new PixelPanel el: @pixelPanel, x: @x, y: @y).activate()
-
-	update: =>
-		@pixel.update arguments...
-		@grid.update arguments...
-		@referencePanel.update arguments...
-
-	change: (ev, data) =>
-		@trigger 'change', data
-
-module.exports = PositionPopup

package/src/core/controls/position/reference-panel.coffee

@@ -1,26 +0,0 @@
-Panel = require './panel'
-Activateable = window.require 'spine/controller/activateable'
-
-class ReferencePanel extends Panel
-	@include Activateable
-
-	events:
-		'click .options span': '_onClick'
-
-	elements:
-		'.options': 'options'
-
-	_onClick: (e) =>
-		target = $ e.target
-		@reference = y: (c = target.attr('class').split ' ')[0], x: c[1]
-		@change()
-
-	selectCurrent: =>
-		@options.find("span[class='#{@reference.y} #{@reference.x}']")
-			.addClass('active').siblings().removeClass 'active'
-
-	update : (item, type, options={}) =>
-		super
-		@selectCurrent() unless !item.reference? or options.from is @
-
-module.exports = ReferencePanel

package/src/core/controls/range.coffee

@@ -1,191 +0,0 @@
-Control 	= require './index'
-Container 	= window.require 'spine/controller/container'
-
-limit = (value, min, max) -> Math.max Math.min(max, parseInt value), min
-$document = $ document
-$body = $ 'body'
-class Range extends Control
-	@include Container
-	template: 'core/views/range'
-	className: 'control-range'
-
-	elements:
-		'.min-thumb' 			: 'minThumb'
-		'.max-thumb' 			: 'maxThumb'
-		'.min-value' 			: 'minInput'
-		'.max-value' 			: 'maxInput'
-		'.input-range-track'	: 'track'
-		'.input-range-thumbs'	: 'thumbs'
-		'.input-range'			: 'input' 
-
-	events:
-		'mousedown .input-range-thumb':'dragStart'
-		'keydown .min-value,.max-value':'onKeyDown'
-		'mousedown .input-range-track':'click'
-		
-	offsetX: 0
-	isMouseDown: false
-
-	position : 
-		left: (pageX) ->
-			limit pageX - @offsetX + 40, 0, @trackWidth() - @thumbsCss 'right'
-		right: (pageX)->
-			limit @width - (pageX - @offsetX), 0, @trackWidth() - @thumbsCss 'left'
-
-	constructor: ->
-		super
-		@options.min	or= 0
-		@options.max 	or= 1
-		@options.unit 	or= ''
-
-		#Bitwise shift
-		@options.min 	>>= 0
-		@options.max 	>>= 0
-
-		$body.bind 'mouseenter', @mouseEnterBody
-
-		@minInput.bind 'blur', @blurMin
-		@maxInput.bind 'blur', @blurMax
-
-		@el.find('input').bind 'focus', @focus
-		@el.find('.min-value, .max-value').bind 'focus', @minMaxFocus
-
-	mouseEnterBody: (e) =>
-		return unless @isMouseDown
-		@dragStop e if (e.buttons || e.which) isnt 1 
-
-	thumbsCss: (prop, val, forceRead) ->
-		@_ or= left: 0, right: 0
-		return forceRead? and @thumbs.css(prop) or @_[prop] unless val?
-
-		@thumbs.css prop, @_[prop] = val
-
-	thumbsEase: (prop, val, _clbk = ->) ->
-		props = {}
-		props[prop] = @_[prop] = val
-		@thumbs.animate props, 300, _clbk
-
-	added: =>
-		super
-		@trackWidth()
-
-		@
-
-	trackWidth: =>
-		return @_trackWidth if @width > 0
-
-		@width = @track.width()
-		@_trackWidth = @width - 2
-
-	dragStart: (e) ->
-		$target = $ e.target		
-		@current = if $target.data('thumb') is 'max' then 'right' else 'left'
-		@offsetX = @track.offset().left + (@eventX(e) - $target.offset().left)
-
-		@_onMouseDown e
-
-	click: (e) ->
-		@current = if @eventX(e)-(@thumbs.offset().left + @thumbs.width()/2) <= 0 then 'left' else 'right'
-		$target = @current is 'left' and @minThumb or @maxThumb
-		@offsetX = @track.offset().left + 20
-
-		@_onMouseDown e
-		@thumbsEase @current, @position[@current].call(@, @eventX(e)), @liveUpdate
-
-	_onMouseDown: (e) =>
-		@isMouseDown = true
-		e.preventDefault()
-		e.stopPropagation()
-		
-		@input.focus()
-		$body.addClass 'thumb-dragging'
-
-		$document.bind('mousemove', @drag).one 'mouseup', @dragStop
-		@liveUpdate()
-
-	drag: (e) =>
-		@thumbs.stop true, true
-		@thumbsCss @current, @position[@current].call @, @eventX(e)
-		@updateInputs()
-		@timeout = setTimeout @liveUpdate, 100
-
-	dragStop: =>
-		$document.unbind 'mousemove', @drag
-		clearTimeout @timeout
-
-		$body.removeClass 'thumb-dragging'
-		@liveUpdate()
-		@isMouseDown = false
-
-	update: (item, type, options={}) =>
-		return if options.from and options.from is @
-		val = item[@attribute] or {min:0,max:0}
-		val.min= parseInt(val.min or 0)>>0
-		val.max= parseInt(val.max or 0)>>0
-		@minInpVal val.min
-		@maxInpVal val.max
-
-		@thumbsCss 'left', ((val.min-@options.min)/(@options.max-@options.min))*@trackWidth()
-		@thumbsCss 'right', @trackWidth()-((val.max - @options.min)/(@options.max-@options.min))*@trackWidth()
-
-	focus: =>
-		@input.addClass 'active'
-
-	updateInputs: =>
-		min = (@thumbsCss('left')/@trackWidth()) * (@options.max - @options.min) + @options.min
-		max = (@trackWidth()-@thumbsCss('right'))/(@trackWidth()) * (@options.max - @options.min) + @options.min
-
-		@minInpVal Math.round min
-		@maxInpVal Math.round Math.min max, @options.max
-		{min, max}
-
-	liveUpdate: =>
-		@item.updateAttribute @attribute, @updateInputs(), {@attribute, from: @}
-
-	minMaxFocus: (e) =>
-		($input = $ e.target).val parseInt $input.val()
-
-	blurMin: =>
-		return @minInpVal @min if @min is val = parseInt @minInpVal null, true
-		val = Math.min @options.max,val
-		val = Math.max @options.min,val
-		val = Math.min val, parseInt @maxInpVal()
-
-		@thumbsCss 'left', ((val - @options.min)/(@options.max-@options.min))*@trackWidth()
-
-		@minInpVal parseInt(val)
-		@input.removeClass 'active'
-		@liveUpdate()
-
-	blurMax: =>
-		return @maxInpVal @max if @max is val = parseInt @maxInpVal null, true
-		val = Math.min @options.max,val
-		val = Math.max @options.min,val
-		val = Math.max val, parseInt @minInpVal()
-
-		@thumbsCss 'right', @trackWidth() - ((val - @options.min)/(@options.max-@options.min))*@trackWidth()
-
-		@maxInpVal parseInt(val)
-		@input.removeClass 'active'
-		@liveUpdate()
-
-	minInpVal: (val, forceRead) =>
-		return @minInput.val (@min = val) + @options.unit if val?
-		if forceRead? and !isNaN(v=parseInt(@minInput.val())) then v else @min
-
-	maxInpVal: (val, forceRead) =>
-		return @maxInput.val (@max = val) + @options.unit if val?
-		if forceRead? and !isNaN(v=parseInt(@maxInput.val())) then v else @max
-
-	onKeyDown: (e) ->
-		$(e.target).blur() if e.keyCode is 13
-
-	eventX: (e) => e.pageX || e.clientX
-
-	setWindow: ->
-		super
-
-		$document = $ @window.document
-		$body = $document.find 'body'
-
-module.exports = Range

package/src/core/controls/rss.coffee

@@ -1,16 +0,0 @@
-URL = require './url'
-
-checkFeedURL = (feedUrl) ->
-	$.ajax "//widgetic.com/feeds/?v=1.0&q=#{encodeURIComponent(feedUrl)}", dataType: 'jsonp'
-
-class RSS extends URL
-	type: 'rss'
-	className: 'control-rss'
-
-	_checkURL: =>
-		@req = checkFeedURL(@lastURL).done (data) =>
-			(data.responseStatus is 200) and @def.resolve() or @def.reject()
-
-		(@def = new $.Deferred).promise()
-
-module.exports = RSS