wrong in the case of notes?)

   -->

<dom-module id="light9-timeline-diagram-layer">

  <template>

    <style>

     :host {

     }

     svg {

         width: 100%;

         height: 100%;

     }

    </style>

    <svg xmlns="http://www.w3.org/2000/svg"

         xmlns:svg="http://www.w3.org/2000/svg"

         xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" >

      <g id="layer1">

    @dia = @$.dia

    ko.computed(@zoomOrLayoutChanged.bind(@))

    ko.computed(@songTimeChanged.bind(@))

    @trackMouse()

    @bindKeys()

    @forwardMouseEventsToAdjustersCanvas()

    @makeZoomAdjs()

  zoomOrLayoutChanged: ->

    # not for cursor updates

      @$.vidrefTime.generateRequest()

      @$.vidrefLastSent = now

  latestMouseTime: ->

    @zoomInX.invert(@viewState.mouse.pos().e(1))

      zs = @viewState.zoomSpec

      center = @latestMouseTime()

      left = center - zs.t1()

      right = zs.t2() - center

      scale = Math.pow(1.005, ev.deltaY)

  # note boxes

  is: 'light9-timeline-diagram-layer'

  properties: {}

  ready: ->

    @elemById = {}

  setTimeAxis: (width, yTop, scale) ->

    pxPerTick = 50

    axis = d3.axisTop(scale).ticks(width / pxPerTick)

    d3.select(@$.timeAxis).attr('transform', 'translate(0,'+yTop+')').call(axis)

  getOrCreateElem: (uri, groupId, tag, attrs) ->