generateOptionPanel() {
      const options = document.createElement("div");
      const button = document.createElement("button");
      const dropdown = document.createElement("ul");

      button.setAttribute("type", "button");
      button.setAttribute("data-label", "Graph Menu");
      button.setAttribute("data-value", "Click to select an option.");
      button.setAttribute("data-type", "Button");
      button.addEventListener("mouseover", this.utility.showToolTips);
      button.addEventListener("mouseout", this.utility.hideToolTips);
      button.innerHTML = "&Congruent;";

      this.dropdownOptions.forEach((item) => {
        const dropdownItem = document.createElement("li");
        dropdownItem.innerHTML = item.label;
        dropdownItem.addEventListener("click", item.action);
        dropdown.appendChild(dropdownItem);
      });

      options.setAttribute("class", "graph-panel-options");
      options.appendChild(button);
      if (this.dropdownOptions.length >= 1) options.appendChild(dropdown);
      return options;
    }
/**
     * Generate the graph dropdown HTML element based on the provided option.
     * @returns {HTMLDivElement}
     */
Generate the graph dropdown HTML element based on the provided option.
Generate the graph dropdown HTML element based on the provided option .
generateOptionPanel() {
      const options = document.createElement("div");
      const button = document.createElement("button");
      const dropdown = document.createElement("ul");
      button.setAttribute("type", "button");
      button.setAttribute("data-label", "Graph Menu");
      button.setAttribute("data-value", "Click to select an option.");
      button.setAttribute("data-type", "Button");
      button.addEventListener("mouseover", this.utility.showToolTips);
      button.addEventListener("mouseout", this.utility.hideToolTips);
      button.innerHTML = "&Congruent;";
      this.dropdownOptions.forEach((item) => {
        const dropdownItem = document.createElement("li");
        dropdownItem.innerHTML = item.label;
        dropdownItem.addEventListener("click", item.action);
        dropdown.appendChild(dropdownItem);
      });
      options.setAttribute("class", "graph-panel-options");
      options.appendChild(button);
      if (this.dropdownOptions.length >= 1) options.appendChild(dropdown);
      return options;
    }
generateOptionPanel ( ) { const options = document . createElement ( "div" ) ; const button = document . createElement ( "button" ) ; const dropdown = document . createElement ( "ul" ) ; button . setAttribute ( "type" , "button" ) ; button . setAttribute ( "data-label" , "Graph Menu" ) ; button . setAttribute ( "data-value" , "Click to select an option." ) ; button . setAttribute ( "data-type" , "Button" ) ; button . addEventListener ( "mouseover" , this . utility . showToolTips ) ; button . addEventListener ( "mouseout" , this . utility . hideToolTips ) ; button . innerHTML = "&Congruent;" ; this . dropdownOptions . forEach ( ( item ) => { const dropdownItem = document . createElement ( "li" ) ; dropdownItem . innerHTML = item . label ; dropdownItem . addEventListener ( "click" , item . action ) ; dropdown . appendChild ( dropdownItem ) ; } ) ; options . setAttribute ( "class" , "graph-panel-options" ) ; options . appendChild ( button ) ; if ( this . dropdownOptions . length >= 1 ) options . appendChild ( dropdown ) ; return options ; }
Generate the graph dropdown HTML element based on the provided option.
Generate the graph dropdown HTML element based on the provided option .