async changeSelectionByStepAction(stepInHeader) {
      const stepRefId = stepInHeader.getAttribute("data-ui5-content-ref-id");
      const selectedStep = this.selectedStep;
      const stepToSelect = this.getStepByRefId(stepRefId);
      const bExpanded = stepInHeader.getAttribute(EXPANDED_STEP) === "true";
      const newlySelectedIndex = this.slottedSteps.indexOf(stepToSelect);
      const firstElementChild = stepToSelect.firstElementChild;
      const firstFocusableElement = await (0, _FocusableElements.getFirstFocusableElement)(firstElementChild);
      if (firstFocusableElement) {
        // Focus the first focusable element within the step content corresponding to the currently focused tab
        firstFocusableElement.focus();
      }
      // If the currently selected (active) step is clicked,
      // just scroll to its starting point and stop.
      if (selectedStep === stepToSelect) {
        this.scrollToContentItem(this.selectedStepIndex);
        return;
      }
      if (bExpanded || !bExpanded && (newlySelectedIndex === 0 || newlySelectedIndex === this.steps.length - 1)) {
        // Change selection and fire "step-change".
        this.switchSelectionFromOldToNewStep(selectedStep, stepToSelect, newlySelectedIndex, true);
      }
    }
Called upon <code>onSelectionChangeRequested</code>.
Selects the external step (ui5-wizard-step),
based on the clicked or activated via keyboard step in the header (ui5-wizard-tab).
@param {WizardTab} stepInHeader the step equivalent in the header
@private