@widgetic/editor 3.11.4 → 4.0.2

package/src/core/controls/scale.coffee

@@ -1,78 +0,0 @@
-Control 	= require './index'
-Container 	= window.require 'spine/controller/container'
-Spinner		= require './stepper'
-Composition = window.require 'core/models/composition'
-
-class Scale extends Control
-	@include Container
-	template  : 'core/views/scale'
-	className : 'control-scale'
-
-	elements:
-		'.input-scale-width' : 'widthEl'
-		'.input-scale-height': 'heightEl'
-		'.input-scale-scaler' : 'scaleEl'
-	events:
-		'change:stepper':'updateValues'
-
-	spinnerOptions: (attr) =>
-		attribute: attr
-		options:
-			label: ''
-			unit: ' px'
-			min: parseInt(@options[attr]) * (parseInt(@options.min)/100)
-			max: parseInt(@options[attr]) * (parseInt(@options.max)/100)
-			default: @options[attr]
-
-	constructor: ->
-		super
-		@getProp()
-
-		@widthStepper  = new Spinner @spinnerOptions 'width'
-		@heightStepper = new Spinner @spinnerOptions 'height'
-
-		@scalerStepper  = new Spinner
-			attribute: 'scale'
-			options:
-				label: ''
-				unit: ' %'
-				min: parseInt(@options.min)
-				max: parseInt(@options.max)
-				default: 100
-		@steppers = [@widthStepper, @heightStepper, @scalerStepper]
-
-	getProp: =>
-		@dw = parseInt(@options.width)
-		@dh = parseInt(@options.height)
-		@ratio = @dw / @dh
-
-	render: =>
-		super
-		for c in @steppers
-			@[c.attribute+'El'].append c.render().el
-		@
-
-	updateValues: (e, o={}) =>
-		e?.stopPropagation()
-		@[o.attribute+'Updated'](o.val)
-
-	widthUpdated: (w) => @updateSteppers w/@dw
-	heightUpdated: (h) => @updateSteppers h/@dh
-	scaleUpdated: (s) => @updateSteppers s/100
-	updateSteppers: (scale, options) =>
-		@height = @dh*scale
-		@width = @dw*scale
-		@scale = scale*100
-
-		@change(options)
-
-	change: (options) =>
-		for c in @steppers
-			c.change @[c.attribute], silent: true
-		super {width: @width, height: @height}, options
-
-	update : (item,type,options={})=>
-		return if options.from and options.from is @
-		@updateSteppers @item?[@attribute].width/@dw, silent:true
-
-module.exports = Scale

package/src/core/controls/slider.coffee

@@ -1,122 +0,0 @@
-Control 	= require './index'
-Container 	= window.require 'spine/controller/container'
-
-limit = (value, min, max) -> Math.max Math.min(max, Number value), min
-$body = $ 'body'
-
-class Slider extends Control
-	@include Container
-	template  : 'core/views/slider'
-
-	className : 'control-slider'
-
-	elements :
-		'.input-slider-thumb':      'thumb'
-		'.input-slider':            'input'
-		'.input-slider-value':      'text'
-		'.input-slider-container':  'container'
-
-	events:
-		'mousedown .input-slider-thumb':  'startDrag'
-		'mousedown .input-slider':        'trackClick'
-		'focus input':                    'focus'
-		'keydown input':                  'keydown'
-	
-	pageX: 0
-	isMouseDown: false
-
-	constructor: ->
-		super
-		@options.min  or= 0
-		@options.max  or= 1
-		@options.unit or= ''
-
-		@text.bind 'blur', @blur
-
-	mouseEnterBody: (e) =>
-		return unless @isMouseDown
-		@stopDrag e if (e.buttons || e.which) isnt 1
-
-	update: (item,type,options={}) =>
-		return if options.from and options.from is @
-
-		val = if item[@attribute]? then item[@attribute] else @options.default
-		@thumb.css left: @_valToPos val
-		@value parseInt limit val, @options.min, @options.max
-
-	startDrag: (e) =>
-		@isMouseDown = true
-		e.stopPropagation()
-		e.preventDefault()
-
-		@input.focus()
-		#Cache 
-		@tw = @thumb.width()
-		
-		($body = $ @el[0].ownerDocument.body).bind('mousemove', @drag)
-			.bind('mouseup', @stopDrag)
-			.addClass('thumb-dragging')
-			.unbind('mouseenter', @mouseEnterBody)
-			.bind 'mouseenter', @mouseEnterBody
-
-		clearInterval @interval
-		@interval = setInterval @liveUpdate, 100
-
-	stopDrag: (e) =>
-		$body.unbind('mousemove', @drag)
-			.unbind('mouseup',@stopDrag)
-			.removeClass 'thumb-dragging'
-
-		clearInterval(@interval)
-		@liveUpdate()
-		@isMouseDown = false
-
-	drag: (e) =>
-		e.preventDefault()
-		@pageX = e.pageX
-		@thumb.css left: @mouseToLocal()
-
-	mouseToLocal: =>
-		limit @pageX - @container.offset().left - @tw/2, 0, @container.width()-@tw
-
-	liveUpdate: =>
-		val = @_posToVal()
-		@value parseInt val
-		@item.updateAttribute @attribute,val, {@attribute, from:@}
-		@
-
-	trackClick: (e) =>
-		e.preventDefault()
-		@tw = @thumb.width()
-		@pageX = e.pageX
-		@thumb.animate left: @mouseToLocal(), 300, @liveUpdate
-
-	_posToVal: =>
-		(@options.max-@options.min)*(@thumb.position().left)/(@container.width()-@tw) + Number(@options.min)
-
-	_valToPos:(val)=>
-		cw = @container.width()-@thumb.width()
-		pos = (((val-@options.min)*100/(@options.max-@options.min))/100)
-		pos = if cw then limit cw*pos, 0, cw else limit(pos*100, 0, 100)+'%'
-	
-	focus: ->
-		@text.val @lastValue
-
-	value: (val) ->
-		return @text.val (@lastValue = val)+@options.unit if val?
-		if isNaN v=parseInt @text.val() then +@lastValue else v
-
-	blur: =>
-		val = limit @value(), @options.min, @options.max
-		@thumb.css left: @_valToPos(val)
-		@value parseInt val
-		@item.updateAttribute @attribute, val, {@attribute, from: @}
-
-	keydown: (e) ->
-		@blur() if e.keyCode is 13
-
-	release: ->
-		clearInterval @interval
-		super
-
-module.exports = Slider

package/src/core/controls/stepper.coffee

@@ -1,97 +0,0 @@
-Control = require './'
-
-min = Math.min
-max = Math.max
-round = Math.round
-limiter = (v,minimum,maximum)-> max minimum, min(maximum, +v)
-$body = $ 'body'
-
-class Stepper extends Control
-	className   : 'control control-stepper'
-	template    : 'core/views/stepper'
-	type 		: 'stepper'
-	elements:
-		'.control-input' : 'input'
-	events:
-		'mousedown .spinner-button'	: 'mousedown'
-		'keydown input' 			: 'keydown'
-
-	isMouseDown: false
-
-	constructor : ->
-		super
-
-		@options.step    or= 1
-		@options.max     or= 10
-		@options.min     or= 0
-		@options.default or= 0
-		@options.unit    or= ''
-
-		@change (@item?[@attribute] or @options.default or 0), silent:true
-
-	mouseEnterBody: (e) =>
-		return unless @isMouseDown
-		@stopoinc e if (e.buttons || e.which) isnt 1
-
-	limit: (value) ->
-		limiter parseInt(value), @options.min, @options.max
-
-	update: (item,type,options={})=>
-		return if options.from and options.from is @
-		value = parseInt(if item[@attribute]? then item[@attribute] else @options.default) or 0
-		@change value, silent: true
-
-	value: (val) ->
-		return @input.val val if val?
-		if isNaN v=parseInt @input.val() then +@lastValue else v
-
-	change: (val, args...) ->
-		@lastValue = @limit val
-		super @lastValue, args...
-
-		@value round(@lastValue) + @options.unit
-
-	render:->
-		@input.unbind('blur').unbind 'focus'
-		super
-		@input.bind 'blur': @blur, 'focus': @focus
-		@change (@item?[@attribute] or @options.default or 0), silent:true
-		@
-
-	focus: =>
-		@value parseInt @value()
-
-	blur: =>
-		@change v = @limit(parseFloat @value()), silent: @lastValue is v
-
-	keydown: (e)-> @blur() if e.keyCode is 13
-
-	incdec: (inc) ->
-		@change @limit parseInt(@value()) + inc
-
-	mousedown: (e) =>
-		e.preventDefault()
-		@isMouseDown = true
-		clearInterval @interval
-		($body = $ @el[0].ownerDocument.body)
-			.one('mouseup', @stopoinc)
-			.unbind('mouseenter', @mouseEnterBody)
-			.bind 'mouseenter', @mouseEnterBody
-
-		inc =  if $(e.target).hasClass('spinner-up') then 1  else -1
-		inc *= @options.step
-		@incdec inc
-
-		incf = =>
-			@incdec(inc)
-			clearTimeout(@timeout)
-			@interval = setInterval (=>@incdec inc), 100
-
-		@timeout  = setTimeout(incf,300)
-
-	stopoinc: (e)=>
-		@isMouseDown = false
-		clearInterval @interval
-		clearTimeout @timeout
-
-module.exports = Stepper

package/src/core/controls/text.coffee

@@ -1,54 +0,0 @@
-Control = require './index'
-Content = window.require 'core/models/content'
-###
-  Initialize with {item:{skin instance},attribute:'attribute',options:{options from meta}}
-###
-class Text extends Control
-  template : 'core/views/text'
-  className: 'control-text'
-
-  elements:
-    'input[type=text]': 'input'
-
-  constructor: ->
-    super
-    @lengthLimit = @options.lengthLimit or 1000
-    if @options.readonly
-      @input.attr('readonly', true)
-      return
-    @input.bind 'input', @_change
-    @input.bind 'blur', @onBlur
-
-  render:=>
-    super
-    @update @item if @item
-    @
-
-  update: (item, type, options={}) =>
-    value = if item[@attribute]? then item[@attribute] else @options.default
-    escaped = @unescapeHtmlEntities value or ''
-    return if escaped is @input.val()
-    @input.val @unescapeHtmlEntities value or ''
-
-  _change: =>
-    @change @htmlEntities @input.val()[...@lengthLimit]
-
-  onBlur: =>
-    return if @isDetailInput
-    @destroy() if @isContentItem() and !@isNew() and @isEmpty()
-
-  isNew: =>
-    return false unless @item
-    !@item[@attribute]?
-
-  isEmpty: =>
-    return false unless @item
-    !@item[@attribute]
-
-  destroy: =>
-    @item.destroy()
-
-  isContentItem: =>
-    @item instanceof Content
-
-module.exports = Text

package/src/core/controls/textarea.coffee

@@ -1,78 +0,0 @@
-Control = require './index'
-###
-Initialize with {item:{skin instance},attribute:'attribute',options:{options from meta}}
-###
-class TextArea extends Control
-	className: 'control-textarea loading'
-	template: 'core/views/textarea'
-	parserRules:
-		tags:
-			b:{}, i:{}, u:{}, br: {}
-			a:
-				set_attributes:
-					target: "_blank",
-					rel:    "nofollow"
-				check_attributes:
-					href:   "url"
-
-	elements:
-		'textarea':'textarea'
-		'.toolbar':'toolbar'
-
-	update: (item, type, options={}) =>
-		value = if item[@attribute]? then item[@attribute] else @options.default
-		# console.log('TextArea update:', value)
-
-		# return if no value or if wysihtml5 editor is not loaded
-		return if !value or @loaded and (value is @editor.getValue())
- 		# console.log('TextArea update:', value)
- 		
-		# set value in editor
-		if @editor then @editor.setValue value
-
-
-	render: =>
-		@el.addClass 'loading'
-		super
-
-		return unless (_editor = @_editor())?
-		@editor = new _editor @textarea[0], {
-			@parserRules,
-			placeholderText: @options.placeholder
-			toolbar: @toolbar[0]
-			style: true
-		}
-			.on('load',@_load)
-			.on('change',@_change)
-
-		@editor.on 'focus', (e) =>
-			return if @el.is '.focused'
-			@el.addClass 'focused'
-			@editor.currentView.element.style.overflow = 'auto'
-
-		@editor.on 'blur', (e) =>
-			return unless @el.is '.focused'
-			@el.removeClass 'focused'
-			@editor.currentView.element.scrollTop = 0
-			@editor.currentView.element.style.overflow = 'hidden'
-		@
-
-	onDrop: ->
-		@editor?.stopObserving()
-		@render()
-
-	_load: =>
-		@loaded = true
-		@el.removeClass 'loading'
-
-	_change: =>
-		@change @editor.getValue()
-
-	release: =>
-		@editor?.stopObserving()
-		super
-
-	_editor: =>
-		window.wysihtml5?.Editor
-
-module.exports = TextArea

package/src/core/controls/toggle.coffee

@@ -1,29 +0,0 @@
-Controller 	= require './index'
-Container 	= window.require 'spine/controller/container'
-
-class Toggle extends Controller
-	@include Container
-	template  : 'core/views/toggle'
-	className : 'control-toggle'
-
-	elements  :
-		'.input-toggle-true' : 'true'
-		'.input-toggle-false': 'false'
-		'.input-toggle':'input'
-
-	events:
-		'click .input-toggle':'toggle'
-
-	update:(item)=>
-		value = if item[@attribute]? then item[@attribute] else @options.default
-		@input.attr 'data-value', String value
-	
-	toggle: (e) =>
-		e?.stopPropagation()
-		@item.updateAttribute @attribute, !(@input.attr('data-value') is 'true'), { @attribute, from:@}
-
-	render: =>
-		@labels = @options.values_labels or []
-		super
-
-module.exports = Toggle

package/src/core/controls/url.coffee

@@ -1,88 +0,0 @@
-TextControl = require './text'
-###
-	Initialize with {item:{skin instance},attribute:'attribute',options:{options from meta}}
-###
-cls                 = 'validate invalid valid'
-urlRegex            = /^((https?|ftp):\/\/)?((\w+|\*)\.)?[0-9a-z\-]+(\.([a-z]+|\*))?\.([a-z]+|\*)/i
-emailRegex          = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
-
-class URL extends TextControl
-	className: 'control control-url'
-	type 	 : null
-	lastURL  : null
-	events:
-		'input  input' : 'onInput'
-		'keyup  input' : 'onInput'
-		'focus  input' : 'onFocus'
-		'invalid'      : 'onInvalidURL'
-		'valid'        : 'onValidURL'
-
-	elements:
-		'input': 'input'
-
-	constructor: ->
-		super
-		urlRegex = @options.regex if @options.regex
-		@input.bind 'blur', @onBlur
-		@checkURL @lastURL, silent: true if @lastURL
-
-	onInput: (e) =>
-		@onBlur e if e.which is 13
-
-	checkURL: (url, @opts = {}) =>
-		if not url?.length and @options.allowEmpty
-			@lastURL = url
-			@_onValidationComplete true
-			return @
-
-		@el.removeClass cls
-
-		@lastURL = url
-
-		return @_onValidationComplete !url.length or @testURLisValid url if !@type
-		return @_onValidationComplete false unless @testURLisValid url
-		@$addClass('validate')
-		@_checkURL(url).then(=> @_onValidationComplete true).fail => @_onValidationComplete false
-		@
-
-	_checkURL: (url) =>
-		def = Widgetic.Aye.defer()
-		def.resolve()
-		def.promise
-
-	_onValidationComplete: (isValid) =>
-		@$trigger @updateState isValid
-		# don't trigger the change if it's the same url
-		@onURL isValid if !@silent and (!@item or @item[@attribute] isnt @lastURL)
-
-	updateState: (valid) =>
-		@state = if valid then 'valid' else 'invalid'
-
-	onURL: (exists, options={}) ->
-		@onValidURL() if !@silent and exists
-		@change @lastURL, $.extend @opts, options if exists
-		@
-
-	onBlur: (e) =>
-		return @$trigger @state if (@lastURL is (currentURL = ($ e.target).val())) and @state
-		if !(@options.allow_email and /@/.test currentURL) and currentURL and !(/^(https?|ftp):\/\//i.test currentURL)
-			currentURL = "http://#{currentURL}"
-		@checkURL currentURL unless @isNew() and !currentURL
-		super
-
-	onFocus: -> @$removeClass 'invalid'
-
-	_change: ->
-
-	onInvalidURL: =>
-		@$removeClass(cls).$addClass 'invalid'
-		@onURL false unless @silent
-
-	onValidURL: =>
-		@$removeClass(cls).$addClass 'valid'
-
-	testURLisValid: (url) =>
-		return urlRegex.test url unless @options.allow_email
-		urlRegex.test(url) or emailRegex.test url
-
-module.exports = URL

package/src/core/controls/video.coffee

@@ -1,9 +0,0 @@
-URL = require './url'
-
-class Video extends URL
-	className : 'control-video'
-	template  : 'core/views/video'
-	elements  : 'input': 'input'
-	type      : 'video'
-
-module.exports = Video