Method render

js/src/PanZoom.ts:33–64

()

export class PanZoom extends interaction.Interaction {
  render() {
    super.render();
    const that = this;
    // chrome bug that requires a listener on the parent svg node
    // https://github.com/d3/d3-zoom/issues/231#issuecomment-802713799
    this.parent.svg.node().addEventListener('wheel', nop, { passive: false });
    this.d3el
      .style('cursor', 'move')
      .call(
        d3
          .drag()
          .on('start', () => {
            that.mousedown();
          })
          .on('drag', () => {
            that.mousemove();
          })
          .on('end', () => {
            that.mouseup();
          })
      )
      .on('wheel', () => {
        that.mousewheel();
      });
    this.active = false;

    this.update_scales();
    this.listenTo(this.model, 'change:scales', this.update_scales);

    this.set_ranges();
    this.listenTo(this.parent, 'margin_updated', this.set_ranges);
  }

  remove() {
    this.parent.svg.node().removeEventListener('wheel', nop);