neft

'use strict' utils = require 'src/utils' PIXI = require '../pixi.lib.js' module.exports = (impl) -> {round} = Math {pixelRatio} = impl cssUtils = require '../../css/utils' updateTextStyle = (item) -> data = item._impl {textStyle} = data textStyle.font = "#{textStyle.pixelSize}px #{textStyle.fontFamily}" data.textElem.style = textStyle return updateSize = do -> pending = false queue = [] update = (item) -> {textElem} = item._impl textElem.updateText() item.contentWidth = textElem.canvas.width / textElem.resolution item.contentHeight = textElem.canvas.height / textElem.resolution updateAlignment item impl._dirty = true return updateAll = (item) -> while item = queue.pop() item._impl.sizeUpdatePending = false update item pending = false return (item) -> if item._impl.sizeUpdatePending return item._impl.sizeUpdatePending = true queue.push item unless pending setImmediate updateAll pending = true return updateAlignment = (item) -> {textElem, textElemData} = item._impl if alignment = item._alignment textElemData.x = item.width - textElem.canvas.width / textElem.resolution switch alignment.horizontal when 'left' textElemData.x = 0 when 'center' textElemData.x *= 0.5 textElemData.y = item.height - textElem.canvas.height / textElem.resolution switch alignment.vertical when 'top' textElemData.y = 0 when 'center' textElemData.y *= 0.5 impl._dirty = true return onFontLoaded = (font) -> if font is @_impl.textStyle.fontFamily updateSize @ impl._dirty = true return onWidthChange = -> @_impl.textStyle.wordWrapWidth = @_width if not @_autoWidth and @_alignment and @_alignment.horizontal isnt 'left' updateSize @ updateAlignment @ return onHeightChange = -> updateAlignment @ return DATA = sizeUpdatePending: false autoWidth: true autoHeight: true textStyle: pixelSize: 13 fontFamily: 'sans-serif' font: '13px sans-serif' fill: 'black' align: 'left' wordWrap: false wordWrapWidth: 100 textElemData: width: 0 height: 0 x: 0 y: 0 scale: 1 textElem: null DATA: DATA createData: impl.utils.createDataCloner 'Item', DATA create: (data) -> impl.Types.Item.create.call @, data data.textElem = new PIXI.Text ' ', data.textStyle data.textElem._data = data.textElemData # BUG in pixi.js: width and height getters updates text, but resolution is set # while rendering only if text is dirty data.textElem.resolution = pixelRatio data.elem.addChild data.textElem # reload on font loaded unless impl.utils.loadedFonts[data.textStyle.fontFamily] impl.utils.onFontLoaded onFontLoaded, @ # update autoWidth/autoHeight @onWidthChange onWidthChange @onHeightChange onHeightChange return setText: (val) -> val = val.replace ///<[bB][rR]\s?\/?>///g, "\n" # remove html tags # TODO: add simple html support val = val.replace ///<([^>]+)>///g, "" @_impl.textElem.text = val updateSize @ return setTextWrap: (val) -> @_impl.textStyle.wordWrap = val @_impl.textStyle.wordWrapWidth = @_width updateSize @ return updateTextContentSize: -> updateSize @ return setTextColor: (val) -> @_impl.textStyle.fill = val updateTextStyle @ return setTextLinkColor: (val) -> setTextLineHeight: (val) -> # @_impl.textStyle.lineHeight = val * @font.pixelSize # updateSize @ return setTextFontFamily: (val) -> unless impl.utils.loadedFonts[val] impl.utils.onFontLoaded onFontLoaded, @ @_impl.textStyle.fontFamily = val updateTextStyle @ updateSize @ return setTextFontPixelSize: (val) -> {textStyle} = @_impl textStyle.pixelSize = val # textStyle.lineHeight = @lineHeight * val updateTextStyle @ updateSize @ return setTextFontWordSpacing: (val) -> setTextFontLetterSpacing: (val) -> setTextAlignmentHorizontal: (val) -> @_impl.textStyle.align = val return setTextAlignmentVertical: (val) ->