@openui5/sap.ui.webc.fiori 1.96.5 → 1.99.0

package/src/sap/ui/webc/fiori/ShellBar.js

@@ -39,13 +39,6 @@ sap.ui.define([
 	 *     <li>product-switch</li>
 	 * </ul>
 	 *
-	 * In the context of <code>sap.ui.webc.fiori.ShellBar</code>, you can provide a custom stable DOM refs for:
-	 * <ul>
-	 *     <li>Every <code>sap.ui.webc.fiori.ShellBarItem</code> that you provide. Example: <code>
-	 *             <ui5-shellbar-item stable-dom-ref="messages"></ui5-shellbar-item>
-	 *         </code></li>
-	 * </ul>
-	 *
 	 * <h3>CSS Shadow Parts</h3>
 	 *
 	 * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br>
@@ -54,8 +47,10 @@ sap.ui.define([
 	 *     <li>root - Used to style the outermost wrapper of the <code>sap.ui.webc.fiori.ShellBar</code></li>
 	 * </ul>
 	 *
+	 * <h3>Keyboard Handling</h3>
+	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -70,6 +65,16 @@ sap.ui.define([
 			tag: "ui5-shellbar-ui5",
 			properties: {
 
+				/**
+				 * An object of strings that defines several additional accessibility texts for even further customization.
+				 *
+				 * It supports the following fields: - <code>profileButtonTitle</code>: defines the tooltip for the profile button - <code>logoTitle</code>: defines the tooltip for the logo
+				 */
+				accessibilityTexts: {
+					type: "object",
+					defaultValue: {}
+				},
+
 				/**
 				 * Defines the <code>notificationsCount</code>, displayed in the notification icon top-right corner.
 				 */
@@ -216,7 +221,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Fired, when a menu item is activated <b>Note:</b> You can prevent closing of oveflow popover by calling <code>event.preventDefault()</code>.
+				 * Fired, when a menu item is activated <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>.
 				 */
 				menuItemClick: {
 					parameters: {
@@ -245,7 +250,7 @@ sap.ui.define([
 				},
 
 				/**
-				 * Fired, when the product switch icon is activated. <b>Note:</b> You can prevent closing of oveflow popover by calling <code>event.preventDefault()</code>.
+				 * Fired, when the product switch icon is activated. <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>.
 				 */
 				productSwitchClick: {
 					allowPreventDefault: true,
@@ -273,7 +278,8 @@ sap.ui.define([
 					}
 				}
 			},
-			methods: ["closeOverflow"]
+			methods: ["closeOverflow"],
+			getters: ["copilotDomRef", "logoDomRef", "notificationsDomRef", "overflowDomRef", "productSwitchDomRef", "profileDomRef"]
 		}
 	});
 
@@ -284,5 +290,50 @@ sap.ui.define([
 	 * @function
 	 */
 
+	/**
+	 * Returns the <code>copilot</code> DOM ref.
+	 * @public
+	 * @name sap.ui.webc.fiori.ShellBar#getCopilotDomRef
+	 * @function
+	 */
+
+	/**
+	 * Returns the <code>logo</code> DOM ref.
+	 * @public
+	 * @name sap.ui.webc.fiori.ShellBar#getLogoDomRef
+	 * @function
+	 */
+
+	/**
+	 * Returns the <code>notifications</code> icon DOM ref.
+	 * @public
+	 * @name sap.ui.webc.fiori.ShellBar#getNotificationsDomRef
+	 * @function
+	 */
+
+	/**
+	 * Returns the <code>overflow</code> icon DOM ref.
+	 * @public
+	 * @name sap.ui.webc.fiori.ShellBar#getOverflowDomRef
+	 * @function
+	 */
+
+	/**
+	 * Returns the <code>product-switch</code> icon DOM ref.
+	 * @public
+	 * @name sap.ui.webc.fiori.ShellBar#getProductSwitchDomRef
+	 * @function
+	 */
+
+	/**
+	 * Returns the <code>profile</code> icon DOM ref.
+	 * @public
+	 * @name sap.ui.webc.fiori.ShellBar#getProfileDomRef
+	 * @function
+	 */
+
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return ShellBar;
 });

package/src/sap/ui/webc/fiori/ShellBarItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -72,7 +72,7 @@ sap.ui.define([
 				/**
 				 * Fired, when the item is pressed.
 				 */
-				itemClick: {
+				click: {
 					allowPreventDefault: true,
 					parameters: {
 						/**
@@ -87,5 +87,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return ShellBarItem;
 });

package/src/sap/ui/webc/fiori/SideNavigation.js

@@ -34,8 +34,10 @@ sap.ui.define([
 	 *
 	 * Use the available <code>sap.ui.webc.fiori.SideNavigationItem</code> and <code>sap.ui.webc.fiori.SideNavigationSubItem</code> components to build your menu. The items can consist of text only or an icon with text. The use or non-use of icons must be consistent for all items on one level. You must not combine entries with and without icons on the same level. We strongly recommend that you do not use icons on the second level.
 	 *
+	 * <h3>Keyboard Handling</h3>
+	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -112,5 +114,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return SideNavigation;
 });

package/src/sap/ui/webc/fiori/SideNavigationItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.fiori.SideNavigationItem</code> is used within <code>sap.ui.webc.fiori.SideNavigation</code> only. Via the <code>sap.ui.webc.fiori.SideNavigationItem</code> you control the content of the <code>SideNavigation</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -104,5 +104,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return SideNavigationItem;
 });

package/src/sap/ui/webc/fiori/SideNavigationSubItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.fiori.SideNavigationSubItem</code> is intended to be used inside a <code>sap.ui.webc.fiori.SideNavigationItem</code> only.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -77,5 +77,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return SideNavigationSubItem;
 });

package/src/sap/ui/webc/fiori/SortItem.js

@@ -0,0 +1,71 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+// Provides control sap.ui.webc.fiori.SortItem.
+sap.ui.define([
+	"sap/ui/webc/common/WebComponent",
+	"./library",
+	"./thirdparty/SortItem"
+], function(WebComponent, library) {
+	"use strict";
+
+	/**
+	 * Constructor for a new <code>SortItem</code>.
+	 *
+	 * @param {string} [sId] ID for the new control, generated automatically if no ID is given
+	 * @param {object} [mSettings] Initial settings for the new control
+	 *
+	 * @extends sap.ui.webc.common.WebComponent
+	 * @class
+	 *
+	 * <h3>Overview</h3>
+	 *
+	 * <h3>Usage</h3>
+	 *
+	 * @author SAP SE
+	 * @version 1.99.0
+	 *
+	 * @constructor
+	 * @public
+	 * @since 1.97.0
+	 * @experimental Since 1.97.0 This control is experimental and its API might change significantly.
+	 * @alias sap.ui.webc.fiori.SortItem
+	 * @implements sap.ui.webc.fiori.ISortItem
+	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
+	 */
+	var SortItem = WebComponent.extend("sap.ui.webc.fiori.SortItem", {
+		metadata: {
+			library: "sap.ui.webc.fiori",
+			tag: "ui5-sort-item-ui5",
+			interfaces: [
+				"sap.ui.webc.fiori.ISortItem"
+			],
+			properties: {
+
+				/**
+				 * Defines if the component is selected.
+				 */
+				selected: {
+					type: "boolean",
+					defaultValue: false
+				},
+
+				/**
+				 * Defines the text of the component.
+				 */
+				text: {
+					type: "string",
+					defaultValue: ""
+				}
+			}
+		}
+	});
+
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
+	return SortItem;
+});

package/src/sap/ui/webc/fiori/Timeline.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.fiori.Timeline</code> component shows entries (such as objects, events, or posts) in chronological order. A common use case is to provide information about changes to an object, or events related to an object. These entries can be generated by the system (for example, value XY changed from A to B), or added manually. There are two distinct variants of the timeline: basic and social. The basic timeline is read-only, while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -91,5 +91,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return Timeline;
 });

package/src/sap/ui/webc/fiori/TimelineItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * An entry posted on the timeline.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -114,5 +114,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return TimelineItem;
 });

package/src/sap/ui/webc/fiori/UploadCollection.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * <h3>Overview</h3> This component allows you to represent files before uploading them to a server, with the help of <code>sap.ui.webc.fiori.UploadCollectionItem</code>. It also allows you to show already uploaded files.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -42,6 +42,14 @@ sap.ui.define([
 			tag: "ui5-upload-collection-ui5",
 			properties: {
 
+				/**
+				 * Sets the accessible aria name of the component.
+				 */
+				accessibleName: {
+					type: "string",
+					defaultValue: ""
+				},
+
 				/**
 				 * Defines the height of the control
 				 */
@@ -108,7 +116,9 @@ sap.ui.define([
 			aggregations: {
 
 				/**
-				 * Defines the <code>sap.ui.webc.fiori.UploadCollection</code> header.
+				 * Defines the <code>sap.ui.webc.fiori.UploadCollection</code> header. <br>
+				 * <br>
+				 * <b>Note:</b> If <code>header</code> slot is provided, the labelling of the <code>UploadCollection</code> is a responsibility of the application developer. <code>accessibleName</code> should be used.
 				 */
 				header: {
 					type: "sap.ui.core.Control",
@@ -176,5 +186,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return UploadCollection;
 });

package/src/sap/ui/webc/fiori/UploadCollectionItem.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * <h3>Overview</h3> A component to be used within the <code>sap.ui.webc.fiori.UploadCollection</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -174,5 +174,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return UploadCollectionItem;
 });

package/src/sap/ui/webc/fiori/ViewSettingsDialog.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.webc.common.WebComponent
 	 * @class
 	 *
-	 * <h3>Overview</h3> The <code>sap.ui.webc.fiori.ViewSettingsDialog</code> component helps the user to sort data within a list or a table. It consists of several lists like <code>Sort order</code> which is built-in and <code>Sort By</code> which must be provided by the developer. The selected options can be used to create sorters for the table.
+	 * <h3>Overview</h3> The <code>sap.ui.webc.fiori.ViewSettingsDialog</code> component helps the user to sort data within a list or a table. It consists of several lists like <code>Sort order</code> which is built-in and <code>Sort By</code> and <code>Filter By</code> lists, for which you must be provide items(<code>sap.ui.webc.fiori.SortItem</code> & <code>sap.ui.webc.fiori.FilterItem</code> respectively) These options can be used to create sorters for a table.
 	 *
 	 * The <code>sap.ui.webc.fiori.ViewSettingsDialog</code> interrupts the current application processing as it is the only focused UI element and the main screen is dimmed/blocked. The <code>sap.ui.webc.fiori.ViewSettingsDialog</code> is modal, which means that user action is required before returning to the parent window is possible.
 	 *
@@ -30,12 +30,12 @@ sap.ui.define([
 	 * <h3>Responsive Behavior</h3> <code>sap.ui.webc.fiori.ViewSettingsDialog</code> stretches on full screen on phones.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
-	 * @since 1.92.0
-	 * @experimental Since 1.92.0 This control is experimental and its API might change significantly.
+	 * @since 1.95.0
+	 * @experimental Since 1.95.0 This control is experimental and its API might change significantly.
 	 * @alias sap.ui.webc.fiori.ViewSettingsDialog
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
@@ -56,10 +56,19 @@ sap.ui.define([
 			aggregations: {
 
 				/**
-				 * Defines the <code>sortItems</code> list.
+				 *
+				 */
+				filterItems: {
+					type: "sap.ui.webc.fiori.IFilterItem",
+					multiple: true,
+					slot: "filterItems"
+				},
+
+				/**
+				 *
 				 */
 				sortItems: {
-					type: "sap.ui.webc.main.IListItem",
+					type: "sap.ui.webc.fiori.ISortItem",
 					multiple: true,
 					slot: "sortItems"
 				}
@@ -79,7 +88,7 @@ sap.ui.define([
 						},
 
 						/**
-						 * The current sort by selected.
+						 * The currently selected <code>sap.ui.webc.fiori.SortItem</code> text attribute.
 						 */
 						sortBy: {
 							type: "string"
@@ -100,7 +109,7 @@ sap.ui.define([
 						},
 
 						/**
-						 * The current sort by selected.
+						 * The currently selected <code>sap.ui.webc.fiori.SortItem</code> text attribute.
 						 */
 						sortBy: {
 							type: "string"
@@ -119,5 +128,8 @@ sap.ui.define([
 	 * @function
 	 */
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return ViewSettingsDialog;
 });

package/src/sap/ui/webc/fiori/Wizard.js

@@ -23,19 +23,32 @@ sap.ui.define([
 	 *
 	 * <h3>Overview</h3>
 	 *
-	 * The <code>sap.ui.webc.fiori.Wizard</code> helps users complete a complex task by dividing it into sections and guiding the user through it. It has two main areas - a navigation area at the top showing the step sequence and a content area below it.
+	 * The <code>sap.ui.webc.fiori.Wizard</code> helps users to complete a complex task by dividing it into sections and guiding them through it. It has two main areas - a navigation area at the top showing the step sequence and a content area below it.
 	 *
 	 * <h3>Structure</h3>
 	 * <h4>Navigation area</h4> The top most area of the <code>sap.ui.webc.fiori.Wizard</code> is occupied by the navigation area. It shows the sequence of steps, where the recommended number of steps is between 3 and 8 steps.
 	 * <ul>
 	 *     <li> Steps can have different visual representations - numbers or icons.
 	 *     <li> Steps might have labels for better readability - titleText and subTitleText.</li>
-	 *     <li> Steps are defined by using the <code>sap.ui.webc.fiori.WizardStep</code> as slotted element within the <code>sap.ui.webc.fiori.Wizard</code></li>
+	 *     <li> Steps are defined by using the <code>sap.ui.webc.fiori.WizardStep</code> as slotted element within the <code>sap.ui.webc.fiori.Wizard</code>.</li>
 	 * </ul>
 	 *
 	 * <b>Note:</b> If no selected step is defined, the first step will be auto selected. <br>
 	 * <b>Note:</b> If multiple selected steps are defined, the last step will be selected.
 	 *
+	 * <h3>Keyboard Handling</h3> The user can navigate using the following keyboard shortcuts: <br>
+	 *
+	 *
+	 * <h4>Wizard Progress Navigation</h4>
+	 * <ul>
+	 *     <li>[LEFT], [DOWN] - Focus moves backward to the WizardProgressNavAnchors.</li>
+	 *     <li>[UP], [RIGHT] - Focus moves forward to the WizardProgressNavAnchor.</li>
+	 *     <li>[SPACE] or [ENTER], [RETURN] - Selects an active step</li>
+	 *     <li>[HOME] or [PAGE UP] - Focus goes to the first step</li>
+	 *     <li>[END] or [PAGE DOWN] - Focus goes to the last step</li>
+	 * </ul>
+	 *
+	 *
 	 * <h4>Content</h4> The content occupies the main part of the page. It can hold any type of HTML elements. It's defined by using the <code>sap.ui.webc.fiori.WizardStep</code> as slotted element within the <code>sap.ui.webc.fiori.Wizard</code>.
 	 *
 	 * <h3>Scrolling</h3> The component handles user scrolling by selecting the closest step, based on the current scroll position and scrolls to particular place, when the user clicks on the step within the navigation area. <br>
@@ -50,21 +63,21 @@ sap.ui.define([
 	 * </code> <code>&#9;&lt;ui5-wizard&gt;&lt;/ui5-wizard&gt;<br>
 	 * </code> <code>&lt;/ui5-dialog&gt;</code>
 	 *
-	 * <h4>Moving to next step</h4> The <code>sap.ui.webc.fiori.WizardStep</code> provides the necessary API and it's up to the user of the component to use it to move to the next step. You have to set its <code>selected</code> property (and remove the <code>disabled</code> one if set) to <code>true</code>. And, the <code>sap.ui.webc.fiori.Wizard</code> will automatically scroll to the content of the newly selected step. <br>
+	 * <h4>Moving to next step</h4> The <code>sap.ui.webc.fiori.WizardStep</code> provides the necessary API and it's up to the user of the component to use it to move to the next step. You have to set its <code>selected</code> property (and remove the <code>disabled</code> one if set) to <code>true</code>. The <code>sap.ui.webc.fiori.Wizard</code> will automatically scroll to the content of the newly selected step. <br>
 	 * <br>
 	 *
 	 *
 	 * The Fiori 3 guidelines recommends having a "nextStep" button in the content area. You can place a button, or any other type of element to trigger step change, inside the <code>sap.ui.webc.fiori.WizardStep</code>, and show/hide it when certain fields are filled or user defined criteria is met.
 	 *
 	 * <h3>Usage</h3>
-	 * <h4>When to use:</h4> When the user has to accomplish a long set of tasks.
+	 * <h4>When to use:</h4> When the user has to accomplish a long or unfamiliar task.
 	 *
 	 * <h4>When not to use:</h4> When the task has less than 3 steps.
 	 *
-	 * <h3>Responsive Behavior</h3> On small widths the step's titleText, subtitleText and separators in the navigation area will start truncate and shrink and from particular point they will hide to free as much space as possible.
+	 * <h3>Responsive Behavior</h3> On small widths the step's titleText, subtitleText and separators in the navigation area shrink and from particular point the steps are grouped together and overlap. Tapping on them will show a popover to select the step to navigate to. On mobile device, the grouped steps are presented within a dialog.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -79,14 +92,6 @@ sap.ui.define([
 			tag: "ui5-wizard-ui5",
 			properties: {
 
-				/**
-				 * Sets the accessible aria name of the component.
-				 */
-				accessibleName: {
-					type: "string",
-					defaultValue: undefined
-				},
-
 				/**
 				 * Defines the height of the control
 				 */
@@ -117,21 +122,21 @@ sap.ui.define([
 				stepChange: {
 					parameters: {
 						/**
-						 * the new step
+						 * The new step.
 						 */
 						step: {
 							type: "HTMLElement"
 						},
 
 						/**
-						 * the previous step
+						 * The previous step.
 						 */
 						previousStep: {
 							type: "HTMLElement"
 						},
 
 						/**
-						 * the step change occurs due to user's click or 'Enter'/'Space' key press on step within the navigation
+						 * The step change occurs due to user's click or 'Enter'/'Space' key press on step within the navigation.
 						 */
 						changeWithClick: {
 							type: "boolean"
@@ -142,5 +147,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return Wizard;
 });

package/src/sap/ui/webc/fiori/WizardStep.js

@@ -23,20 +23,20 @@ sap.ui.define([
 	 *
 	 * <h3>Overview</h3>
 	 *
-	 * A component that represents a logical step as part of the <code>sap.ui.webc.fiori.Wizard</code>. It is meant to aggregate arbitrary HTML elements that forms the content of a single step.
+	 * A component that represents a logical step as part of the <code>sap.ui.webc.fiori.Wizard</code>. It is meant to aggregate arbitrary HTML elements that form the content of a single step.
 	 *
 	 * <h3>Structure</h3>
 	 * <ul>
-	 *     <li>Each wizard step has arbitrary content</li>
-	 *     <li>Each wizard step might have texts - defined by the <code>titleText</code> and <code>subtitleText</code> properties</li>
-	 *     <li>Each wizard step might have an icon - defined by the <code>icon</code> property</li>
-	 *     <li>Each wizard step might display a number in place of the <code>icon</code>, when it's missing</li>
+	 *     <li>Each wizard step has arbitrary content.</li>
+	 *     <li>Each wizard step might have texts - defined by the <code>titleText</code> and <code>subtitleText</code> properties.</li>
+	 *     <li>Each wizard step might have an icon - defined by the <code>icon</code> property.</li>
+	 *     <li>Each wizard step might display a number in place of the <code>icon</code>, when it's missing.</li>
 	 * </ul>
 	 *
 	 * <h3>Usage</h3> The <code>sap.ui.webc.fiori.WizardStep</code> component should be used only as slot of the <code>sap.ui.webc.fiori.Wizard</code> component and should not be used standalone.
 	 *
 	 * @author SAP SE
-	 * @version 1.96.5
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -55,22 +55,6 @@ sap.ui.define([
 			],
 			properties: {
 
-				/**
-				 * Sets the accessible aria name of the component.
-				 */
-				accessibleName: {
-					type: "string",
-					defaultValue: ""
-				},
-
-				/**
-				 * Defines the aria-labelledby of the step.
-				 */
-				accessibleNameRef: {
-					type: "string",
-					defaultValue: ""
-				},
-
 				/**
 				 * When <code>branching</code> is enabled a dashed line would be displayed after the step, meant to indicate that the next step is not yet known and depends on user choice in the current step. <br>
 				 * <br>
@@ -100,7 +84,7 @@ sap.ui.define([
 				 * <br>
 				 *
 				 *
-				 * <b>Note:</b> the icon is displayed in the <code>sap.ui.webc.fiori.Wizard</code> navigation header. <br>
+				 * <b>Note:</b> The icon is displayed in the <code>sap.ui.webc.fiori.Wizard</code> navigation header. <br>
 				 * <br>
 				 *
 				 *
@@ -128,8 +112,7 @@ sap.ui.define([
 				 * <br>
 				 *
 				 *
-				 * <b>Note:</b> the text is displayed in the <code>sap.ui.webc.fiori.Wizard</code> navigation header. <br>
-				 * <b>Note:</b> the text will hide on small sizes (about 559 px).
+				 * <b>Note:</b> the text is displayed in the <code>sap.ui.webc.fiori.Wizard</code> navigation header.
 				 */
 				subtitleText: {
 					type: "string",
@@ -141,8 +124,7 @@ sap.ui.define([
 				 * <br>
 				 *
 				 *
-				 * <b>Note:</b> the text is displayed in the <code>sap.ui.webc.fiori.Wizard</code> navigation header. <br>
-				 * <b>Note:</b> the text will hide on small sizes (about 559 px).
+				 * <b>Note:</b> The text is displayed in the <code>sap.ui.webc.fiori.Wizard</code> navigation header.
 				 */
 				titleText: {
 					type: "string",
@@ -163,5 +145,8 @@ sap.ui.define([
 		}
 	});
 
+	/* CUSTOM CODE START */
+	/* CUSTOM CODE END */
+
 	return WizardStep;
 });

package/src/sap/ui/webc/fiori/designtime/messagebundle_ar.properties

@@ -0,0 +1,4 @@
+
+PAGE_NAME=\u0627\u0644\u0635\u0641\u062D\u0629
+
+PAGE_NAME_PLURAL=\u0627\u0644\u0635\u0641\u062D\u0627\u062A

package/src/sap/ui/webc/fiori/designtime/messagebundle_bg.properties

@@ -0,0 +1,4 @@
+
+PAGE_NAME=\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0430
+
+PAGE_NAME_PLURAL=\u0421\u0442\u0440\u0430\u043D\u0438\u0446\u0438

package/src/sap/ui/webc/fiori/designtime/messagebundle_ca.properties

@@ -0,0 +1,4 @@
+
+PAGE_NAME=P\u00E0gina
+
+PAGE_NAME_PLURAL=P\u00E0gines

package/src/sap/ui/webc/fiori/designtime/messagebundle_cs.properties

@@ -0,0 +1,4 @@
+
+PAGE_NAME=Str\u00E1nka
+
+PAGE_NAME_PLURAL=Str\u00E1nky

package/src/sap/ui/webc/fiori/designtime/messagebundle_cy.properties

@@ -0,0 +1,4 @@
+
+PAGE_NAME=Tudalen
+
+PAGE_NAME_PLURAL=Tudalennau