v8/tools/system-analyzer/map-panel/map-details.mjs

// Copyright 2020 the V8 project authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
import { V8CustomElement, DOM} from "../helper.mjs";
import { FocusEvent } from "../events.mjs";

DOM.defineCustomElement(
  "./map-panel/map-details",
  (templateText) =>
    class MapDetails extends V8CustomElement {
      constructor() {
        super(templateText);
        this._filePositionNode.addEventListener("click", e =>
          this.handleFilePositionClick(e)
        );
        this.selectedMap = undefined;
      }
      get mapDetails() {
        return this.$("#mapDetails");
      }

      get _filePositionNode() {
        return this.$("#filePositionNode");
      }

      setSelectedMap(value) {
        this.selectedMap = value;
      }

      set mapDetails(map) {
        let details = "";
        let clickableDetails = "";
        if (map) {
          clickableDetails += "ID: " + map.id;
          clickableDetails += "\nSource location: " + map.filePosition;
          details += "\n" + map.description;
          this.setSelectedMap(map);
        }
        this._filePositionNode.innerText = clickableDetails;
        this._filePositionNode.classList.add("clickable");
        this.mapDetails.innerText = details;
      }

      handleFilePositionClick() {
        this.dispatchEvent(new FocusEvent(this.selectedMap.sourcePosition));
      }
    }
);