# Polymer seems to need static getters for 'observers' and

# can even tell the difference.

#

# This workaround is to use names like '@getter_properties' in the

# 

# Also see http://coffeescript.org/#unsupported-get-set

window.coffeeElementSetup = (cls) ->

    val = cls['getter_' + attr]

    if val?

      do (val) ->

  @getter_observers: [

    'updateAllCoords(adjs)'

  ]

    @adjs = {}

    @ctx = @$.canvas.getContext('2d')

  @is: 'light9-cursor-canvas'

  @getter_properties:

    viewState: { type: Object, notify: true, observer: "onViewState" }

    @mouseX = 0

    @mouseY = 0

    @cursorPath = null

    @ctx = @$.canvas.getContext('2d')

  onViewState: ->

    ko.computed(@redrawCursor.bind(@))

  redrawCursor: ->

    vs = @viewState

      mid2: $V([xZoomedOut - 1, vs.audioY() + vs.audioH()])

      mid3: $V([xZoomedOut + 1, vs.audioY() + vs.audioH()])

      bot0: $V([xZoomedIn, vs.zoomedTimeY() + vs.zoomedTimeH()])

    }

    @redraw()

    '_onSongDuration(songDuration, viewState)',

    '_onSongTime(songTime, viewState)',

  ]

    ko.options.deferUpdates = true;

         backgroundColor: 0xff6060,

    })

    @addEventListener('iron-resize', @update.bind(@))

    @update()

  constructor: (@graph, @selection, @dia, @uri, @setAdjuster, @song, @zoomInX)->0

  @is: 'light9-timeline-note'

  @behaviors: [ Polymer.IronResizableBehavior ]

  @properties:

    graph: { type: Object, notify: true }

    selection: { type: Object, notify: true }

    ]

  ready: ->

    @adjusterIds = {} # id : true

  detached: ->

    log('detatch', @uri)

  @getter_properties: {

    selection: {type: Object, notify: true}

  }

    @elemById = {}