Method rangesUpdate

deps/v8/tools/turbolizer/src/resizer.ts:75–102

(isRangesExpanded: boolean)

  }

  public rangesUpdate(isRangesExpanded: boolean): void {
    storageSetItem("expandedState-ranges", isRangesExpanded);
    this.rangesShowHide.dataset.expanded = isRangesExpanded ? "1" : "0";
    const landscapeMode = this.resizer.isRangesInLandscapeMode();
    this.rangesExpandVert.classList.toggle("invisible", !landscapeMode || isRangesExpanded);
    this.rangesCollapseVert.classList.toggle("invisible", !landscapeMode || !isRangesExpanded);
    this.rangesExpandHor.classList.toggle("invisible", landscapeMode || isRangesExpanded);
    this.rangesCollapseHor.classList.toggle("invisible", landscapeMode || !isRangesExpanded);
    let left: number;
    if (landscapeMode) {
      left = this.resizer.sepLeft + this.resizer.RESIZER_SIZE;
    } else {
      left = isRangesExpanded
        ? this.resizer.sepRangesX + this.resizer.RESIZER_SIZE
        : (this.resizer.sepRangesX - this.rangesShowHide.clientWidth
          - (2 * this.resizer.RESIZER_SIZE));
    }
    const marginLeft = parseInt(window.getComputedStyle(this.rangesShowHide, null)
      .getPropertyValue("margin-left").slice(0, -2), 10);
    const marginRight = parseInt(window.getComputedStyle(this.rangesShowHide, null)
      .getPropertyValue("margin-right").slice(0, -2), 10);
    const width = this.rangesShowHide.clientWidth + marginLeft + marginRight;
    // The left value is bounded on both sides by another show/hide button of the same width. The
    // max value must also account for its own width. marginRight is subtracted from both sides to
    // reduce the separation between buttons.
    const maxLeft = document.body.getBoundingClientRect().width - (2 * width) + marginRight;
    this.rangesShowHide.style.left = `${Math.max(width - marginRight, Math.min(left, maxLeft))}px`;
  }

  public setRangesExpanded(isRangesExpanded: boolean): void {
    this.rangesUpdate(isRangesExpanded);