log = debug('timeline')
debug.enable('*')

Drawing = window.Drawing
ROW_COUNT = 7




@customElement("light9-timeline-time-axis")
class TimeAxis extends LitElement
  @getter_properties:
    viewState: { type: Object, notify: true, observer: "onViewState" }
  onViewState: ->
    ko.computed =>
      dependOn = [@viewState.zoomSpec.t1(), @viewState.zoomSpec.t2()]
      pxPerTick = 50
      axis = d3.axisTop(@viewState.zoomInX).ticks(@viewState.width() / pxPerTick)
      d3.select(@$.axis).call(axis)