Method constructor

deps/v8/tools/turbolizer/src/resizer.ts:145–262

(panesUpdatedCallback: () => void, deadWidth: number, deadHeight: number)

  readonly RESIZER_SIZE = document.getElementById("resizer-ranges").offsetHeight;

  constructor(panesUpdatedCallback: () => void, deadWidth: number, deadHeight: number) {
    const resizer = this;
    resizer.panesUpdatedCallback = panesUpdatedCallback;
    resizer.deadWidth = deadWidth;
    resizer.deadHeight = deadHeight;
    resizer.left = document.getElementById(C.SOURCE_PANE_ID);
    resizer.right = document.getElementById(C.GENERATED_PANE_ID);
    resizer.ranges = document.getElementById(C.RANGES_PANE_ID);
    resizer.middle = document.getElementById(C.INTERMEDIATE_PANE_ID);
    resizer.resizerLeft = d3.select("#resizer-left");
    resizer.resizerRight = d3.select("#resizer-right");
    resizer.resizerRanges = d3.select("#resizer-ranges");
    // Set default sizes, if they weren't set.
    storageSetIfIsNotExist("source-pane-percent", C.SOURCE_PANE_DEFAULT_PERCENT);
    storageSetIfIsNotExist("disassembly-pane-percent", C.DISASSEMBLY_PANE_DEFAULT_PERCENT);
    storageSetIfIsNotExist("ranges-pane-height-percent", C.RANGES_PANE_HEIGHT_DEFAULT_PERCENT);
    storageSetIfIsNotExist("ranges-pane-width-percent", C.RANGES_PANE_WIDTH_DEFAULT_PERCENT);

    this.updateSizes();

    const dragResizeLeft = d3.drag()
      .on("drag", () => {
        const [x, _] = d3.mouse(document.body);
        resizer.sepLeft = Math.min(Math.max(0, x), resizer.sepRight);
        if (resizer.sepLeft > resizer.sepRangesX) {
          resizer.sepRangesX = resizer.sepLeft;
        }
        resizer.updatePanes();
      })
      .on("start", () => {
        resizer.rangesInLandscapeMode = resizer.isRangesInLandscapeMode();
        resizer.resizerLeft.classed("dragged", true);
      })
      .on("end", () => {
        // If the panel is close enough to the left, treat it as if it was pulled
        // all the way to the left.
        const [x, y] = d3.mouse(document.body);
        if (x <= deadWidth) {
          resizer.sepLeft = 0;
          resizer.updatePanes();
        }
        // Snap if dragged all the way to the left.
        resizer.resizerLeft.classed("snapped", resizer.sepLeft === 0);
        if (!resizer.isLeftSnapped()) {
          storageSetItem("source-pane-percent",
            resizer.sepLeft / document.body.getBoundingClientRect().width);
        }
        resizer.snapper.setSourceExpanded(!resizer.isLeftSnapped());
        resizer.resizerLeft.classed("dragged", false);
        if (!resizer.rangesInLandscapeMode) {
          resizer.dragRangesEnd(y, resizer.sepRangesX >= resizer.sepRight - deadWidth);
        }
      });
    resizer.resizerLeft.call(dragResizeLeft);

    const dragResizeRight = d3.drag()
      .on("drag", () => {
        const [x, _] = d3.mouse(document.body);