@openui5/sap.m/src/sap/m/WizardStepRenderer.js

OpenUI5 UI Library sap.m

/*!
 * OpenUI5
 * (c) Copyright 2026 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

sap.ui.define(function () {

	"use strict";

	var WizardStepRenderer = {
		apiVersion: 2
	};

	WizardStepRenderer.render = function (oRm, oStep) {
		this.startWizardStep(oRm, oStep);
		this.renderWizardStepTitle(oRm, oStep);
		this.renderContent(oRm, oStep);
		this.endWizardStep(oRm);
	};

	WizardStepRenderer.startWizardStep = function (oRm, oStep) {
		oRm.openStart("div", oStep)
			.accessibilityState(oStep, {
				labelledby: oStep._getNumberInvisibleText().getId(),
				role: "region"
			})
			.class("sapMWizardStep")
			.attr("data-sap-ui-fastnavgroup", true)
			.openEnd();
	};

	WizardStepRenderer.renderWizardStepTitle = function (oRm, oStep) {
		var sStepTitleLevel = oStep.getProperty("_titleLevel").toLowerCase();

		oRm.openStart(sStepTitleLevel, oStep.getId() + "-Title")
			.class("sapMWizardStepTitle")
			.openEnd()
			.text(this._resolveOrder(oStep))
			.text(oStep.getTitle())
			.close(sStepTitleLevel);
	};

	WizardStepRenderer.renderContent = function (oRm, oStep) {
		oStep.getContent().forEach(oRm.renderControl, oRm);
		oRm.renderControl(oStep.getAggregation("_nextButton"));
	};

	WizardStepRenderer.endWizardStep = function (oRm) {
		oRm.close("div");
	};

	WizardStepRenderer._resolveOrder = function (oStep) {
		var oData = oStep.getCustomData()
			.filter(function (oCustomData) {
				return oCustomData.getKey() === "stepIndex";
			})[0];

		return oData ? (oData.getValue() + ". ") : "";
	};

	return WizardStepRenderer;

}, /* bExport= */ true);