Method render

lit_nlp/client/modules/dive_module.ts:612–702

()

  // special case where the render pass here is just a set up for the containers
  // and the true rendering happens in reactions.
  override render() {
    const select = (event: MouseEvent) => {
      const {mouseDown, mouseMoved} = this;

      // If the mouse has not moved while down, then this is a
      // selection-altering click.
      if (mouseDown === mouseMoved) {
        const {offsetX: x, offsetY: y} = event;
        const selected = this.selections.points?.hitTest({x, y});
        if (selected?.length) {
          const primary = selected[0].id;
          const ids = selected.map(d => d.id);

          // Hold down Alt/Option key to pin a datapoint.
          if (event.altKey) {
            this.pinnedSelectionService.selectIds([]);
            this.pinnedSelectionService.setPrimarySelection(primary);
            return;
          }

          // Hold down Ctrl or Cmd to preserve current selection.
          if (event.metaKey || event.ctrlKey) {
            ids.unshift(...this.selectionService.selectedIds);
          }

          this.selectionService.selectIds(ids);
          this.selectionService.setPrimarySelection(primary);
        } else {
          this.selectionService.selectIds([]);
        }
      }

      this.mouseDown = undefined;
      this.mouseMoved = undefined;
    };

    const mousedown = (event: MouseEvent) => {
      this.mouseDown = {x: event.offsetX, y: event.offsetY};
      this.mouseMoved = this.mouseDown;
    };

    const mousemove = (event: MouseEvent) => {
      event.stopPropagation();
      event.preventDefault();

      const {offsetX: x, offsetY: y} = event;

      if (this.mouseMoved != null) {   // This is a pan interaction
        if (this.scene == null) return;
        this.focusService.clearFocus();
        this.scene.offset.x -= this.mouseMoved.x - x;
        this.scene.offset.y -= this.mouseMoved.y - y;
        this.mouseMoved = {x, y};
      } else {  // This is a hover interaction
        const hovered = this.selections.points?.hitTest({x, y});
        if (hovered?.length) {
          this.focusService.setFocusedDatapoint(hovered[0].id);
        } else {