getStepsInfo() {
      const lastEnabledStepIndex = this.getLastEnabledStepIndex();
      const stepsCount = this.stepsCount;
      const selectedStepIndex = this.getSelectedStepIndex();
      let inintialZIndex = this.steps.length + 10;
      let accInfo;
      this._adjustHeaderOverflow();
      return this.steps.map((step, idx) => {
        const pos = idx + 1;
        // Hide separator if it's the last step and it's not a branching one
        const hideSeparator = idx === stepsCount - 1 && !step.branching;
        const isOptional = step.subtitleText ? this.optionalStepText : "";
        const stepStateText = step.disabled ? this.inactiveStepText : this.activeStepText;
        const ariaLabel = (step.titleText ? `${pos} ${step.titleText} ${stepStateText} ${isOptional}` : `${this.navStepDefaultHeading} ${pos} ${stepStateText} ${isOptional}`).trim();
        const isAfterCurrent = idx > selectedStepIndex;
        accInfo = {
          "ariaSetsize": stepsCount,
          "ariaPosinset": pos,
          "ariaLabel": this.getStepAriaLabelText(step, ariaLabel)
        };
        const stepInfo = {
          icon: step.icon,
          titleText: step.titleText,
          subtitleText: step.subtitleText,
          number: pos,
          selected: step.selected,
          disabled: step.disabled,
          hideSeparator,
          activeSeparator: idx < lastEnabledStepIndex && !step.disabled,
          branchingSeparator: step.branching,
          pos,
          accInfo,
          refStepId: step._id,
          tabIndex: this.selectedStepIndex === idx ? "0" : "-1",
          styles: {
            zIndex: isAfterCurrent ? --inintialZIndex : 1
          }
        };
        return stepInfo;
      });
    }
Returns an array of data objects, based on the user defined steps
to later build the steps (tabs) within the header.
@returns {Array<StepInfo>}
@private