@widgetic/editor 3.11.4 → 4.0.1

package/src/core/controls/date-time/index.coffee

@@ -1,62 +0,0 @@
-Control     = require '../text'
-Container   = window.require 'spine/controller/container'
-
-Popup = require './popup'
-
-DateHelper = require './helper'
-
-class DateTimeControl extends Control
-	className: 'control control-date-time'
-	template : window.require 'core/views/date-time/input'
-	@include Container
-
-	elements:
-		'.input-icon': 'popupAnchor'
-
-	events:
-		'click .input-icon': 'toggle'
-		'click .control-input': 'toggle'
-		'focus .control-input': 'blur'
-
-	_format: 'd-m-Y H:i'
-
-	render: =>
-		super
-		(@popup = new Popup {anchor: @popupAnchor, @options}).render()
-		@listenTo @popup, 'change', @change
-
-	update: (item, type, options={}) =>
-		@value = if item[@attribute]? then item[@attribute] else @options.default
-
-		if @value
-			@input.val DateHelper.format @options.format, new Date(@value)
-
-		unless @value
-			@value = +(DateHelper.format 'U', (new Date).getTime()) * 1000
-
-		[date, time] = (DateHelper.format @_format, new Date(@value)).split ' '
-		@popup?.update {date, time}
-
-	change: (value) =>
-		value = +(DateHelper.format 'U', value) * 1000
-		super value
-
-	toggle: =>
-		return if (@_parent or= @parent())?.disabled
-
-		@blur()
-		do @popup.toggle
-
-	blur: =>
-		@input.blur()
-
-	deactivate: =>
-		@popup.hide()
-
-	setPopupCSS: (css) =>
-		@popup.setPopupCSS css
-
-	setPopupTargetWindow: (targetWindow) =>
-		@popup.setPopupTargetWindow targetWindow
-
-module.exports = DateTimeControl

package/src/core/controls/date-time/popup.coffee

@@ -1,56 +0,0 @@
-PopupBase = require '../../controller/popup'
-
-class Popup extends PopupBase
-	className: 'control-popup date-time-popup'
-	template: window.require 'core/views/date-time/popup'
-
-	popupOptions: topOffset: 3
-
-	events:
-		'change': '_change'
-		'resize:popup': 'resize'
-		'click .date_time-footer': 'toggleViews'
-
-	elements:
-		'.date_time-footer' : 'footer'
-
-	constructor: ->
-		@controllers = []
-		super
-
-	render: ->
-		super
-
-		unless @options.disable is 'date'
-			@controllers.push calendar = new (require './calendar')
-
-		unless @options.disable is 'time'
-			@controllers.push clock = new (require './clock')
-
-		@el.append ctrl.el for ctrl in @controllers
-
-		@refreshElements()
-		@footer.toggle @controllers.length > 1
-		@el.toggleClass 'clock', @options.disable is 'date'
-
-	toggle: =>
-		super.then =>
-			setTimeout @resize, 50
-			@controllers[@active = 0].activate() unless @active?
-
-	update: (value) ->
-		{@date, @time} = value
-		ctrl.update value for ctrl in @controllers
-
-	_change: (ev, data) ->
-		@[prop] = val for prop, val of data
-		@trigger 'change', {@date, @time}
-
-	resize: =>
-		@popup.resize()
-
-	toggleViews: =>
-		@controllers[@active].deactivate()
-		@controllers[@active = (@active+1)%@controllers.length].activate()
-
-module.exports = Popup

package/src/core/controls/details/audio.coffee

@@ -1,33 +0,0 @@
-Audio = require '../audio'
-$body = $ 'body'
-
-class DetailsAudio extends Audio
-	className: 'control control-url control-audio-details'
-	template:  'core/views/audio-details'
-	silent: true
-
-	elements:
-		'.audio-title': 'title'
-		'.audio-title, .icon': 'toggleTarget'
-
-	events:
-		'click .audio-title, .icon': 'toggle'
-
-	onInvalidURL: => 
-		@$removeClass 'invalid'
-		@title.text 'File missing.'
-
-	update: ->
-		super
-		(title = @item.path.split('/').pop().split('.')).pop()
-		@title.text (unescape title.join '.').trim() or 'No Title'
-
-	toggle: =>
-		super
-		@delay => $body.one 'click', @_forcePause
-
-	_forcePause: (e) =>
-		return if @toggleTarget.is e.target
-		@sound.pause()
-
-module.exports = DetailsAudio

package/src/core/controls/details/image.coffee

@@ -1,19 +0,0 @@
-Image = require '../image'
-
-class DetailsImage extends Image
-	className: 'control control-url control-image-details'
-	template:  'core/views/image-details'
-
-	elements: '.image-title': 'title'
-	silent: true
-
-	onInvalidURL: => 
-		@$removeClass 'invalid'
-		@title.text 'File missing.'
-
-	update: ->
-		super
-		(title = @item.image.split('/').pop().split('.')).pop()
-		@title.text (unescape title.join '.').trim() or @item.metadata?.name or 'No Title'
-
-module.exports = DetailsImage

package/src/core/controls/details/video.coffee

@@ -1,14 +0,0 @@
-Video = require '../video'
-
-class DetailsVideo extends Video
-	className: 'control control-url control-video-details'
-	template:  'core/views/video-details'
-
-	elements: '.video-title': 'title'
-
-	update: ->
-		super
-		(title = @item.path.split('/').pop().split '.').pop()
-		@title.text (unescape title.join '.').trim() or 'No Title'
-
-module.exports = DetailsVideo

package/src/core/controls/dropdown.coffee

@@ -1,100 +0,0 @@
-Control  = require './index'
-prevent = -> false
-
-class DropDown extends Control
-	className: 'control control-dropdown'
-	template : 'core/views/dropdown'
-	type: 'dropdown'
-
-	elements:
-		'.input-dropdown'             : 'input'
-		'.input-dropdown-default span': 'default'
-		'.input-dropdown-list'        : 'list'
-		'.input-dropdown-list li'     : 'items'
-
-	events:
-		'mousedown .input-dropdown'     : prevent
-		'mousedown .input-dropdown-list': prevent
-		'click .input-dropdown'         : '_onClick'
-
-	constructor: ->
-		super
-		@$window.bind('resize', @reposition).bind 'mousewheel scroll', @blur
-		@updateOptions @options
-
-	_onClick: =>
-		@[if @list.is ':visible' then '_onBlur' else '_onFocus']()
-
-	_onBlur: =>
-		@list.hide()
-
-	_onFocus: =>
-		@reposition().show()
-		@delay => $(@window.document).on 'click', @blur
-
-	render: ->
-		super
-
-		@items.bind 'mousedown', @click
-		@change @item?[@attribute] or @options.default, silent: true
-		@reposition()
-		(@body = $ @window.document.body).append @list
-
-		@
-
-	calculateDimensions: =>
-		@elHeight   = @el.height()
-		@listHeight = @list.height()
-		@inputWidth = @input.width()
-		@offset     = @el.offset()
-		@offset.bottom = @offset.top + @elHeight + @listHeight - @$window.scrollTop()
-
-	reposition: =>
-		@calculateDimensions()
-		top  = if @offset.bottom > @$window.height() then @input.offset().top - @listHeight else @offset.top + @elHeight - 1
-		left = @offset.left
-		width= @inputWidth - 2
-
-		@list.css {top, left, width}
-
-	update : (item, type, options={}) =>
-		return @ if options.from and options.from is @
-		@change @item?[@attribute], silent: true
-
-	change:	(value) ->
-		super
-		return unless value?
-
-		valRegEx = ///^#{value+''}$///ig
-		return unless selectedOption = @options.options.filter((i) -> valRegEx.test i.value+'')[0]
-		@default.text selectedOption.label
-		@list.find("[data-value='#{selectedOption.value}']").addClass('active').siblings().removeClass 'active'
-
-	click: (e) =>
-		($target = $ e.target).addClass('active').siblings().removeClass 'active'
-		@change $target.attr 'data-value'
-		@blur()
-		false
-
-	disable: =>
-		@$addClass('disabled').default.text @options.disabledText
-
-	enable: =>
-		@$removeClass('disabled').change @item?[@attribute] or @options.default or @options.options[0]?.value
-
-	deactivate: => @blur()
-
-	blur: =>
-		$(@window.document).unbind 'click', @blur
-		@_onBlur()
-
-	focus: => @_onFocus()
-
-	updateOptions: (options) =>
-		@options = $.extend {}, @options, options
-		@list.remove()
-		@render @_onBlur()
-		# set as disabled if only there's only 1
-		@el.toggleClass 'disabled', @options.options.length <= 1
-
-module.exports = DropDown

package/src/core/controls/font/font-item.coffee

@@ -1,22 +0,0 @@
-FontLoader = require '../../controller/font-loader'
-
-class FontItem
-	template: require '../../views/font/font-item'
-
-	constructor: (@font, @fontData) ->
-		@render()
-		@source = @fontData.source
-		@el.on 'change', 'input[type="radio"]', @loadFont
-
-	render: =>
-		@el = $ @template @
-
-	loadFont: =>
-		FontLoader
-			.load({families: [@font], text: @font, @source}, @el.get(0).ownerDocument.defaultView)
-			.then => @el.addClass 'loaded'
-
-	show: =>
-		do @loadFont
-
-module.exports = FontItem

package/src/core/controls/font/font-list.coffee

@@ -1,108 +0,0 @@
-Controller = window.require 'spine/controller'
-Scrollable = require '../../controller/scrollable'
-Lazyloader 		= require '../../controller/lazyload'
-
-FontItem   = require './font-item'
-FontLoader = require '../../controller/font-loader'
-
-class FontList extends Controller
-	@include Scrollable
-	@include Lazyloader
-	template: 'core/views/font/fonts-list'
-	className: 'font-list-wrapper'
-	scrollOptions: {}
-	offsetToPreLoad: 250
-
-	fonts: {}
-	fontCtrls: {}
-
-	elements:
-		'.search-input':'searchInput'
-		'.font-item': 'fontItems'
-		'.font-list': 'scrollContainer'
-		'.no-result': 'noResult'
-		'.clear'    : 'clearBtn'
-
-	events:
-		'change input[type="radio"]': 'onInput'
-		'keyup .search-input': 'onSearchInput'
-		'click .clear': 'clearSearch'
-
-	constructor: ->
-		@fontCtrls = {}
-
-		super
-		@ready().then (@fonts) => @refresh @render()
-
-	onInput: (e) =>
-		attributes = {}
-		attributes[@attribute] = font = $(e.target).val()
-		attributes.style       = @fonts[font].styles[0]
-		attributes.source      = @fonts[font].source
-		attributes.category    = @fonts[font].category
-		@trigger "change", {attributes}
-
-	update: (item, type, options = {}) => @ready().then =>
-		(opt = @el.find "[value=\"#{item[@attribute]}\"]").prop 'checked', true
-		@selected = @fonts[item[@attribute]]
-		# @scrollOnOpen opt
-
-	onSearchInput: =>
-		clearTimeout @int
-		@int = @delay (=> @filter @searchInput.val()), 150
-
-	filter: (filter) =>
-		filter = filter.toLowerCase().replace /\ /g, ''
-
-		unless filter
-			@clearBtn.hide()
-			@fontItems.show().first().hide()
-			return do @refresh
-
-		@clearBtn.show()
-		resCount = @fontItems
-			.filter(":not([data-tag*=#{filter}])").hide()
-			.end()
-			.filter("[data-tag*=#{filter}]").show()
-			.length
-
-		@noResult.toggle !resCount
-
-		do @refresh
-
-	clearSearch: =>
-		@searchInput.val ''
-		@onSearchInput()
-
-	render: =>
-		super
-		@scrollOptions.documentContext = @el.get(0).ownerDocument
-
-		for font, fontData of @fonts
-			@scrollContainer.append (@fontCtrls[font] or= new FontItem font, fontData).el
-
-		@refreshElements()
-
-	refresh: => @ready().then =>
-		do @scroll().update
-		@lazyContainer = @scrollContainer.find '.scroll-content'
-		do @lazyLoad
-
-	ready: =>
-		do FontLoader.loadFontList
-
-	scrollOnOpen: (item) =>
-		@refresh()
-		@scroll().scrollTo item.parent() unless @first
-		@first = true
-
-	whileScrolling: =>
-		do @lazyLoad
-
-	lazyItems: =>
-		@fontCtrls[_] for _, fontData of @fonts when @fontCtrls[_].el.is ':visible'
-
-	getFontData: (font) =>
-		@fonts[font]
-
-module.exports = FontList

package/src/core/controls/font/fonts-popup.coffee

@@ -1,91 +0,0 @@
-Controller  = window.require 'spine/controller'
-
-FontList    = require './font-list'
-Dropdown    = require '../dropdown'
-Stepper     = require '../stepper'
-
-{ createPopup } = require '../../utils/popup'
-
-class FontPopup extends Controller
-	template: 'core/views/font/fonts-popup'
-	elements:
-		'.font-list-wrapper': 'fontListEl'
-		'.font-size': 'fontSizeEl'
-		'.font-weight' : 'fontWeightEl'
-
-	constructor: ->
-		super
-		@el.hide()
-
-	render: ->
-		super
-		@el.toggleClass 'no-size-input', @disableSize
-		@fontList = new FontList
-			el: @fontListEl
-			attribute: 'family'
-			options: @options
-
-		@fontSizeControl = new Stepper
-			body: $ @popup.window.document.body
-			el: @fontSizeEl
-			attribute: 'size'
-			options: $.extend label: 'Size', @options.size
-
-		defaultStyle = @options.default?.style or @options.style
-		@fontWeightControl = new Dropdown
-			el: @fontWeightEl
-			attribute: 'style'
-			options:
-				label: 'Style'
-				default: defaultStyle
-				options:[label: defaultStyle, value: defaultStyle]
-
-		@listenTo @fontList, 'change', @_change
-		@listenTo @fontSizeControl, 'change:stepper', @_change
-		@listenTo @fontWeightControl, 'change:dropdown', @_change
-
-	_change: (options) =>
-		@trigger "change", options
-
-	update: (item, type, options={}) =>
-		@item = item if item
-		return unless @popupPromise
-		@fontList.update family: @item.family, type, options
-		@fontSizeControl.update size: @item.size, type, options
-
-		return if !@fontList.selected or @family is @item.family
-		fontData = @fontList.getFontData(@family = @item.family) or {styles: [@item.style]}
-		@fontWeightControl.updateOptions
-			default: fontData.styles[0]
-			options: fontData.styles[0...6].map (style) -> label:style, value:style
-
-	_createPopup: ->
-		return @popupPromise if @popupPromise
-		@popupPromise = createPopup
-				anchor: @popupReference
-			.then (@popup) =>
-				@el.show()
-				@popup.append @el
-				@render()
-				@update @item, null, silent: true
-
-			.catch (err) ->
-				console.error err
-
-	toggle: => @_createPopup().then =>
-		if @popup?.visible then @deactivate() else @activate()
-
-	activate: =>
-		@popup?.show()
-		@fontList.refresh()
-
-	deactivate: =>
-		@popup?.hide()
-
-	release: ->
-		@popup?.release()
-		super
-
-	setPopupTargetWindow: (@targetWindow) => @
-
-module.exports = FontPopup

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

@@ -1,66 +0,0 @@
-Control     = require '../index'
-Container   = window.require 'spine/controller/container'
-Stepper     = require '../stepper'
-
-FontsPopup  = require './fonts-popup'
-
-class FontControl extends Control
-	@include Container
-	template : 'core/views/font'
-	className: 'control-font'
-
-	elements:
-		'.font-size': 'fontSizeEl'
-		'.input-text': 'fontFamily'
-		'.font-family-icon':'icon'
-		'.font-popup':'popupEl'
-
-	events:
-		'click .font-family': 'toggle'
-
-	render: =>
-		super
-		@lastVal or= family: @options.family, size: (@options.size.default or 0), style: @options.style
-
-		@fontSizeControl = new Stepper
-			el: @fontSizeEl
-			attribute: 'size'
-			options: @options.size
-
-		@fontsPopup = new FontsPopup {el: @popupEl, @options, popupReference: @icon, default: @lastVal, disableSize: !@options.size}
-
-		@listenTo @fontSizeControl, 'change:stepper', @_change
-		@listenTo @fontsPopup, 'change', @_change
-
-		@el.toggleClass 'no-size-input', !@options.size
-		@delay => @update @item
-
-	update: (item, type, options={}) =>
-		return unless item[@attribute]
-		# get the attribute by value
-		@lastVal = $.extend {}, item[@attribute]
-
-		options = $.extend {}, options, silent: true
-		@fontsPopup.update @lastVal, type, options
-		@fontSizeControl.update size: @lastVal.size, type, options
-		@fontFamily.text @lastVal.family
-
-	_change: (options) =>
-		if options.attributes
-			@lastVal[attr] = val for attr, val of options.attributes
-
-		if options.attribute
-			@lastVal[options.attribute] = options.value
-
-		@change @lastVal
-
-	toggle: =>
-		@fontsPopup.toggle()
-
-	deactivate: =>
-		@fontsPopup.deactivate()
-
-	setPopupTargetWindow: (targetWindow) =>
-		@fontsPopup.setPopupTargetWindow targetWindow
-
-module.exports = FontControl

package/src/core/controls/image.coffee

@@ -1,37 +0,0 @@
-URL = require './url'
-$body = $ 'body'
-###
-	Initialize with {item:{skin instance},attribute:'attribute',options:{options from meta}}
-###
-class Image extends URL
-	className: 'control control-image'
-	template : 'core/views/image'
-	type     : 'photo'
-
-	elements: 
-		'input'     : 'input'
-		'.url-thumb': 'thumb'
-
-	update: (item='',t,options={}) =>
-		@lastURL =(if ( typeof item == 'string' or item instanceof String) then item else (item[@attribute] or ''))
-		@input.val @lastURL
-		@onURL true, silent: true
-
-	onInput: (e) ->
-		@thumb.css backgroundImage: 'none'
-		super
-
-	onValidURL: =>
-		super
-		@thumb.attr
-			'data-tooltip-image': @lastURL
-			'data-tooltip-position': 'center top'
-
-		@thumb.toggle(@lastURL.length > 0).css 
-			backgroundImage: "url(#{@attachedBackground = @lastURL})"
-
-	onInvalidURL: =>
-		super
-		@attachedBackground = null
-
-module.exports = Image

package/src/core/controls/index.coffee

@@ -1,88 +0,0 @@
-Controller = window.require 'spine/controller'
-textarea = document.createElement 'textarea'
-
-shouldShow = require 'Core/utils/should-show'
-
-class Control extends Controller
-  className: "control"
-  elements:
-    '.control-help': 'helpText'
-    '.control-edit-btn input': 'editBtnInput'
-
-  events:
-    'input .custom-checkbox-input': 'onEditStateChanged'
-    'click .control-upgrade': 'onUpgradeClick'
-
-  constructor: (options) ->
-    if !options.isAccesible? then options.isAccesible = true
-    super
-    @el.attr('data-label', @options.label) if @options.label
-    @el.toggleClass('control--restricted', !@isAccesible)
-    @render()
-    @item?.constructor.bind 'change', @_onChange
-    @_onChange @item if @item?
-    @initEditableState() if @options.editable
-
-  setItem: (@item) =>
-    @_onChange @item
-
-  update: ->
-
-  change: (val, options={}) ->
-    return if options.silent
-
-    @item?.updateAttribute @attribute, val, $.extend {@attribute, from: @}, options
-    @trigger "change:#{@type or 'control'}", {@attribute, val, value: val}
-
-  _onChange: (item, type, options={}) =>
-    return unless item and item.eql @item
-
-    # if the updated changed the item's ID, update the reference
-    @item = item if options.changedID
-    return @release() if type is 'destroy'
-    @el.toggleClass 'control--hidden', !@shouldShow()
-    return if options.attribute? and options.attribute isnt @attribute
-    @update item, type, options
-
-  shouldShow: -> shouldShow @conditions, @item
-
-  release: =>
-    clearTimeout @interval
-    @unbind().item?.constructor.unbind 'change', @_onChange
-    super
-    @
-
-  initEditableState: =>
-    @editBtnInput.prop 'checked', !!@item.editedMeta(@attribute)
-    @editBtnInput.bind 'change', @onEditStateChanged
-    @bind "change:#{@type or 'control'}", @toggleEditState
-
-  toggleEditState: (options) =>
-    # return unless options?.attribute is @attribute
-    @editBtnInput.prop 'checked', true
-    @onEditStateChanged()
-
-  onEditStateChanged: =>
-    @item.editedMeta @attribute, @editBtnInput.is ':checked'
-
-  onUpgradeClick: (ev) ->
-    ev.preventDefault()
-    @$trigger 'Control:upgrade', @options
-
-  render: ->
-    super
-    @setWindow() if @el.get(0)
-    @helpText.attr 'data-tooltip-position': '8% 3%', 'data-tooltip-text': @options.help_text
-
-  setWindow: (window) ->
-    @$window = $ @window = window or @el.get(0)?.ownerDocument.defaultView
-
-  htmlEntities: (txt) ->
-    textarea.innerHTML = txt
-    textarea.innerHTML
-
-  unescapeHtmlEntities: (txt) ->
-    textarea.innerHTML = txt
-    textarea.innerText || textarea.textContent
-
-module.exports = Control