@openui5/sap.ui.webc.fiori 1.97.1 → 1.100.0

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/types/AnimationMode', 'sap/ui/webc/common/thirdparty/base/config/AnimationMode', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/Popover', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/search', 'sap/ui/webc/common/thirdparty/icons/bell', 'sap/ui/webc/common/thirdparty/icons/overflow', 'sap/ui/webc/common/thirdparty/icons/grid', './generated/i18n/i18n-defaults', './generated/templates/ShellBarTemplate.lit', './generated/templates/ShellBarPopoverTemplate.lit', './generated/themes/ShellBar.css'], function (UI5Element, litRender, ResizeHandler, FeaturesRegistry, AnimationMode$1, AnimationMode, Keys, StandardListItem, List, Popover, Button, i18nBundle, search, bell, overflow, grid, i18nDefaults, ShellBarTemplate_lit, ShellBarPopoverTemplate_lit, ShellBar_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/types/AnimationMode', 'sap/ui/webc/common/thirdparty/base/config/AnimationMode', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/Popover', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/types/HasPopup', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/search', 'sap/ui/webc/common/thirdparty/icons/bell', 'sap/ui/webc/common/thirdparty/icons/overflow', 'sap/ui/webc/common/thirdparty/icons/grid', './generated/i18n/i18n-defaults', './generated/templates/ShellBarTemplate.lit', './generated/templates/ShellBarPopoverTemplate.lit', './generated/themes/ShellBar.css'], function (UI5Element, litRender, ResizeHandler, FeaturesRegistry, AnimationMode$1, AnimationMode, Keys, Render, StandardListItem, List, Popover, Button, HasPopup, i18nBundle, search, bell, overflow, grid, i18nDefaults, ShellBarTemplate_lit, ShellBarPopoverTemplate_lit, ShellBar_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -10,11 +10,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
 	var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
 	var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+	var HasPopup__default = /*#__PURE__*/_interopDefaultLegacy(HasPopup);
 
 	const HANDLE_RESIZE_DEBOUNCE_RATE = 200;
 	const metadata = {
 		tag: "ui5-shellbar",
 		languageAware: true,
+		fastNavigation: true,
 		properties:  {
 			primaryTitle: {
 				type: String,
@@ -33,6 +35,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			},
 			showCoPilot: {
 				type: Boolean,
+			},
+			 accessibilityTexts: {
+				type: Object,
 			},
 			breakpointSize: {
 				type: String,
@@ -49,9 +54,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			_itemsInfo: {
 				type: Object,
 			},
-			_actionList: {
-				type: Object,
-			},
 			_header: {
 				type: Object,
 			},
@@ -168,14 +170,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._isInitialRendering = true;
 			this._focusedItem = null;
 			this._defaultItemPressPrevented = false;
-			this._actionList = {
-				itemPress: event => {
-					if (!this._defaultItemPressPrevented) {
-						this.overflowPopover.close();
-					}
-					this._defaultItemPressPrevented = false;
-				},
-			};
 			this.menuItemsObserver = new MutationObserver(() => {
 				this._updateClonedMenuItems();
 			});
@@ -206,7 +200,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		_menuItemPress(event) {
 			this.menuPopover.close();
 			this.fireEvent("menu-item-click", {
-				item: event.detail.item,
+				item: event.detail.selectedItems[0],
 			}, true);
 		}
 		_logoPress() {
@@ -359,9 +353,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const newItems = this._handleActionsOverflow();
 			this._updateItemsInfo(newItems);
 		}
-		_toggleActionPopover() {
+		async _toggleActionPopover() {
 			const overflowButton = this.shadowRoot.querySelector(".ui5-shellbar-overflow-button");
-			this.overflowPopover.showAt(overflowButton);
+			const overflowPopover = await this._getOverflowPopover();
+			overflowPopover.showAt(overflowButton);
 		}
 		onEnterDOM() {
 			ResizeHandler__default.register(this, this._handleResize);
@@ -387,13 +382,20 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				}
 			}, 100);
 		}
+		async _handleActionListClick(event) {
+			if (!this._defaultItemPressPrevented) {
+				this.closeOverflow();
+				await Render.renderFinished();
+			}
+			this._defaultItemPressPrevented = false;
+		}
 		_handleCustomActionPress(event) {
 			const refItemId = event.target.getAttribute("data-ui5-external-action-item-id");
 			if (refItemId) {
 				const shellbarItem = this.items.find(item => {
-					return item.shadowRoot.querySelector(`#${refItemId}`);
+					return item._id === refItemId;
 				});
-				const prevented = !shellbarItem.fireEvent("item-click", { targetRef: event.target }, true);
+				const prevented = !shellbarItem.fireEvent("click", { targetRef: event.target }, true);
 				this._defaultItemPressPrevented = prevented;
 			}
 		}
@@ -420,6 +422,24 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				targetRef: buttonRef.classList.contains("ui5-shellbar-hidden-button") ? event.target : buttonRef,
 			}, true);
 		}
+		get logoDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="logo"]`);
+		}
+		get copilotDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="copilot"]`);
+		}
+		get notificationsDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="notifications"]`);
+		}
+		get overflowDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="overflow"]`);
+		}
+		get profileDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="profile"]`);
+		}
+		get productSwitchDomRef() {
+			return this.shadowRoot.querySelector(`*[data-ui5-stable="product-switch"]`);
+		}
 		_getAllItems(showOverflowButton) {
 			let domOrder = -1;
 			const items = [
@@ -437,6 +457,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					show: !!this.searchField.length,
 				},
 				...this.items.map((item, index) => {
+					item._getRealDomRef = () => this.getDomRef().querySelector(`*[data-ui5-stable=${item.stableDomRef}]`);
 					return {
 						icon: item.icon,
 						id: item._id,
@@ -541,6 +562,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.overflowPopover = staticAreaItem.querySelector(".ui5-shellbar-overflow-popover");
 			this.menuPopover = staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
 		}
+		async _getOverflowPopover() {
+			const staticAreaItem = await this.getStaticAreaItemDomRef();
+			return staticAreaItem.querySelector(".ui5-shellbar-overflow-popover");
+		}
 		async _getMenuPopover() {
 			const staticAreaItem = await this.getStaticAreaItemDomRef();
 			return staticAreaItem.querySelector(".ui5-shellbar-menu-popover");
@@ -557,13 +582,11 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				wrapper: {
 					"ui5-shellbar-root": true,
 					"ui5-shellbar-with-searchfield": this.searchField.length,
-					"ui5-shellbar-with-coPilot": this.showCoPilot,
 				},
 				button: {
 					"ui5-shellbar-menu-button--interactive": this.hasMenuItems,
 					"ui5-shellbar-menu-button": true,
 				},
-				title: {},
 				items: {
 					notification: {
 						"ui5-shellbar-hidden-button": this.isIconHidden("bell"),
@@ -641,7 +664,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.menuItems.length > 0;
 		}
 		get menuBtnHasPopup() {
-			return this.hasMenuItems ? true : undefined;
+			return this.hasMenuItems ? HasPopup__default.Menu : undefined;
 		}
 		get menuBtnTabindex() {
 			return this.hasMenuItems ? "0" : "-1";
@@ -653,7 +676,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_LABEL);
 		}
 		get _logoText() {
-			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_LOGO);
+			return this.accessibilityTexts.logoTitle || ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_LOGO);
 		}
 		get _copilotText() {
 			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_COPILOT);
@@ -670,7 +693,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return ((size === "S") || searchBtnHidden);
 		}
 		get _profileText() {
-			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_PROFILE);
+			return this.accessibilityTexts.profileButtonTitle || ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_PROFILE);
 		}
 		get _productsText() {
 			return ShellBar.i18nBundle.getText(i18nDefaults.SHELLBAR_PRODUCTS);
@@ -693,13 +716,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					"title": this._productsText,
 				},
 				search: {
-					"ariaExpanded": this.showSearchField,
 					"title": this._searchText,
+					"accessibilityAttributes": {
+						expanded: this.showSearchField,
+					},
 				},
 				overflow: {
 					"title": this._overflowText,
-					"ariaHaspopup": true,
-					"ariaExpanded": this._overflowPopoverExpanded,
+					"accessibilityAttributes": {
+						hasPopup: HasPopup__default.Menu,
+						expanded: this._overflowPopoverExpanded,
+					},
 				},
 			};
 		}

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', './generated/templates/ShellBarItemTemplate.lit'], function (UI5Element, litRender, ShellBarItemTemplate_lit) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer'], function (UI5Element, litRender) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -17,12 +17,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			count: {
 				type: String,
 			},
-			stableDomRef: {
-				type: String,
-			},
 		},
 		events:  {
-			"item-click": {
+			"click": {
 				detail: {
 					targetRef: { type: HTMLElement },
 				},
@@ -36,8 +33,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get render() {
 			return litRender__default;
 		}
-		static get template() {
-			return ShellBarItemTemplate_lit;
+		get stableDomRef() {
+			return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;
 		}
 	}
 	ShellBarItem.define();

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/main/thirdparty/ResponsivePopover', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/Tree', 'sap/ui/webc/main/thirdparty/TreeItem', './generated/templates/SideNavigationTemplate.lit', './generated/templates/SideNavigationItemPopoverContentTemplate.lit', './generated/themes/SideNavigation.css'], function (UI5Element, litRender, ResponsivePopover, List, StandardListItem, Tree, TreeItem, SideNavigationTemplate_lit, SideNavigationItemPopoverContentTemplate_lit, SideNavigation_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/main/thirdparty/ResponsivePopover', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/Tree', 'sap/ui/webc/main/thirdparty/TreeItem', './generated/templates/SideNavigationTemplate.lit', './generated/templates/SideNavigationItemPopoverContentTemplate.lit', './generated/themes/SideNavigation.css', './generated/themes/SideNavigationPopover.css'], function (UI5Element, litRender, ResponsivePopover, List, StandardListItem, Tree, TreeItem, SideNavigationTemplate_lit, SideNavigationItemPopoverContentTemplate_lit, SideNavigation_css, SideNavigationPopover_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -13,6 +13,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	const metadata = {
 		tag: "ui5-side-navigation",
 		managedSlots: true,
+		fastNavigation: true,
 		properties:  {
 			collapsed: {
 				type: Boolean,
@@ -49,6 +50,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get metadata() {
 			return metadata;
 		}
+		static get staticAreaStyles() {
+			return [SideNavigationPopover_css];
+		}
 		static get render() {
 			return litRender__default;
 		}
@@ -85,11 +89,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			});
 		}
 		_setSelectedItem(item) {
+			if (!this.fireEvent("selection-change", { item }, true)) {
+				return;
+			}
 			this._walk(current => {
 				current.selected = false;
 			});
 			item.selected = true;
-			this.fireEvent("selection-change", { item });
 		}
 		_buildPopoverContent(item) {
 			this._popoverContent = {

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/types/NavigationMode', './generated/templates/TimelineTemplate.lit', './generated/i18n/i18n-defaults', './TimelineItem', './generated/themes/Timeline.css', './types/TimelineLayout'], function (UI5Element, i18nBundle, litRender, Keys, ItemNavigation, NavigationMode, TimelineTemplate_lit, i18nDefaults, TimelineItem, Timeline_css, TimelineLayout) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/types/NavigationMode', './generated/i18n/i18n-defaults', './generated/templates/TimelineTemplate.lit', './TimelineItem', './generated/themes/Timeline.css', './types/TimelineLayout'], function (UI5Element, i18nBundle, litRender, Keys, ItemNavigation, NavigationMode, i18nDefaults, TimelineTemplate_lit, TimelineItem, Timeline_css, TimelineLayout) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -18,6 +18,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				type: TimelineLayout,
 				defaultValue: TimelineLayout.Vertical,
 			},
+			accessibleName: {
+				type: String,
+			},
 		},
 		slots:  {
 			"default": {
@@ -53,7 +56,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			Timeline.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		get ariaLabel() {
-			return Timeline.i18nBundle.getText(i18nDefaults.TIMELINE_ARIA_LABEL);
+			return this.accessibleName
+				? `${Timeline.i18nBundle.getText(i18nDefaults.TIMELINE_ARIA_LABEL)} ${this.accessibleName}`
+				: Timeline.i18nBundle.getText(i18nDefaults.TIMELINE_ARIA_LABEL);
 		}
 		_onfocusin(event) {
 			const target = event.target;

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

@@ -92,6 +92,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 				super.onDefine(),
 			]);
 		}
+		onBeforeRendering() {
+		}
 		async _initInputField() {
 			await Render.renderFinished();
 			const inp = this.shadowRoot.getElementById("ui5-uci-edit-input");

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/main/thirdparty/Dialog', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/Label', 'sap/ui/webc/main/thirdparty/GroupHeaderListItem', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/SegmentedButton', 'sap/ui/webc/main/thirdparty/SegmentedButtonItem', './Bar', './types/ViewSettingsDialogMode', 'sap/ui/webc/common/thirdparty/icons/sort', 'sap/ui/webc/common/thirdparty/icons/filter', 'sap/ui/webc/common/thirdparty/icons/nav-back', './generated/i18n/i18n-defaults', './generated/templates/ViewSettingsDialogTemplate.lit', './generated/themes/ViewSettingsDialog.css'], function (i18nBundle, Device, litRender, UI5Element, Dialog, Button, Label, GroupHeaderListItem, List, StandardListItem, SegmentedButton, SegmentedButtonItem, Bar, ViewSettingsDialogMode, sort, filter, navBack, i18nDefaults, ViewSettingsDialogTemplate_lit, ViewSettingsDialog_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/main/thirdparty/Dialog', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/Label', 'sap/ui/webc/main/thirdparty/GroupHeaderListItem', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/StandardListItem', 'sap/ui/webc/main/thirdparty/Title', 'sap/ui/webc/main/thirdparty/SegmentedButton', 'sap/ui/webc/main/thirdparty/SegmentedButtonItem', './Bar', './types/ViewSettingsDialogMode', 'sap/ui/webc/common/thirdparty/icons/sort', 'sap/ui/webc/common/thirdparty/icons/filter', 'sap/ui/webc/common/thirdparty/icons/nav-back', './generated/i18n/i18n-defaults', './generated/templates/ViewSettingsDialogTemplate.lit', './generated/themes/ViewSettingsDialog.css'], function (i18nBundle, Device, litRender, UI5Element, Dialog, Button, Label, GroupHeaderListItem, List, StandardListItem, Title, SegmentedButton, SegmentedButtonItem, Bar, ViewSettingsDialogMode, sort, filter, navBack, i18nDefaults, ViewSettingsDialogTemplate_lit, ViewSettingsDialog_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -10,6 +10,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 	var GroupHeaderListItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupHeaderListItem);
 	var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
 	var StandardListItem__default = /*#__PURE__*/_interopDefaultLegacy(StandardListItem);
+	var Title__default = /*#__PURE__*/_interopDefaultLegacy(Title);
 	var SegmentedButton__default = /*#__PURE__*/_interopDefaultLegacy(SegmentedButton);
 	var SegmentedButtonItem__default = /*#__PURE__*/_interopDefaultLegacy(SegmentedButtonItem);
 
@@ -53,6 +54,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 				detail: {
 					sortOrder: { type: String },
 					sortBy: { type: String },
+					sortByItem: { type: HTMLElement },
+					sortDescending: { type: Boolean },
 					filters: { type: Array },
 				},
 			},
@@ -60,6 +63,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 				detail: {
 					sortOrder: { type: String },
 					sortBy: { type: String },
+					sortByItem: { type: HTMLElement },
+					sortDescending: { type: Boolean },
 					filters: { type: Array },
 				},
 			},
@@ -78,6 +83,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			if (this._currentSettings.filters && this._currentSettings.filters.length) {
 				this._setAdditionalTexts();
 			}
+			if (!this.shouldBuildSort && this.shouldBuildFilter) {
+				this._currentMode = ViewSettingsDialogMode.Filter;
+			}
 		}
 		_setAdditionalTexts() {
 			this.filterItems.forEach((filter, index) => {
@@ -100,6 +108,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			return [
 				Bar,
 				Button__default,
+				Title__default,
 				Dialog__default,
 				Label__default,
 				List__default,
@@ -126,6 +135,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			}
 			return "";
 		}
+		get shouldBuildSort() {
+			return !!this.sortItems.length;
+		}
+		get shouldBuildFilter() {
+			return !!this.filterItems.length;
+		}
+		get hasPagination() {
+			return this.shouldBuildSort && this.shouldBuildFilter;
+		}
 		get _filterByTitle() {
 			return `${ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_FILTER_BY)}: ${this._selectedFilter.text}`;
 		}
@@ -207,10 +225,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			};
 		}
 		get initSortByItems() {
-			return this.sortItems.map(item => {
+			return this.sortItems.map((item, index) => {
 				return {
 					text: item.text,
 					selected: item.selected,
+					associatedItem: item,
+					index,
 				};
 			});
 		}
@@ -218,11 +238,11 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			return [
 				{
 					text: this._ascendingLabel,
-					selected: true,
+					selected: !this.sortDescending,
 				},
 				{
 					text: this._descendingLabel,
-					selected: false,
+					selected: this.sortDescending,
 				},
 			];
 		}
@@ -287,7 +307,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			this._dialog && this._dialog.close();
 		}
 		_focusRecentlyUsedControl() {
-			if (!Object.keys(this._recentlyFocused).length) {
+			if (!this._recentlyFocused || !Object.keys(this._recentlyFocused).length) {
 				return;
 			}
 			const recentlyFocusedSelectedItems = this._recentlyFocused.getSelectedItems(),
@@ -313,10 +333,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			const _currentSortOrderSelected = this._currentSettings.sortOrder.filter(item => item.selected)[0],
 				_currentSortBySelected = this._currentSettings.sortBy.filter(item => item.selected)[0],
 				sortOrder = _currentSortOrderSelected && _currentSortOrderSelected.text,
-				sortBy = _currentSortBySelected && _currentSortBySelected.text;
+				sortDescending = !this._currentSettings.sortOrder[0].selected,
+				sortBy = _currentSortBySelected && _currentSortBySelected.text,
+				sortByElementIndex = _currentSortBySelected && _currentSortBySelected.index,
+				initSortIByItem = this.initSortByItems.find((item, index) => index === sortByElementIndex),
+				sortByItem = initSortIByItem && initSortIByItem.associatedItem;
 			return {
 				sortOrder,
+				sortDescending,
 				sortBy,
+				sortByItem,
 				filters: this.selectedFilters,
 			};
 		}
@@ -361,9 +387,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
 		}
 		 _onSortByChange(event) {
+			const selectedItemIndex = Number(event.detail.item.getAttribute("data-ui5-external-action-item-index"));
 			this._recentlyFocused = this._sortBy;
-			this._currentSettings.sortBy = this.initSortByItems.map(item => {
-				item.selected = item.text === event.detail.item.innerText;
+			this._currentSettings.sortBy = this.initSortByItems.map((item, index) => {
+				item.selected = index === selectedItemIndex;
 				return item;
 			});
 			this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));

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

@@ -27,11 +27,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	const metadata = {
 		tag: "ui5-wizard",
 		managedSlots: true,
+		fastNavigation: true,
 		properties:  {
-			accessibleName: {
-				type: String,
-				defaultValue: undefined,
-			},
 			width: {
 				type: Float__default,
 			},
@@ -77,7 +74,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._prevContentHeight = 0;
 			this.selectionRequestedByScroll = false;
 			this._itemNavigation = new ItemNavigation__default(this, {
-				navigationMode: NavigationMode__default.Horizontal,
+				navigationMode: NavigationMode__default.Auto,
 				getItemsCallback: () => this.enabledStepsInHeaderDOM,
 			});
 			this._onStepResize = this.onStepResize.bind(this);
@@ -123,9 +120,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get SCROLL_DEBOUNCE_RATE() {
 			return 25;
 		}
-		static get CONTENT_TOP_OFFSET() {
-			return 32;
-		}
 		static get staticAreaTemplate() {
 			return WizardPopoverTemplate_lit;
 		}
@@ -181,7 +175,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		storeStepScrollOffsets() {
 			this.stepScrollOffsets = this.slottedSteps.map(step => {
 				const contentItem = this.getStepWrapperByRefId(step._id);
-				return contentItem.offsetTop + contentItem.offsetHeight - Wizard.CONTENT_TOP_OFFSET;
+				return contentItem.offsetTop + contentItem.offsetHeight;
 			});
 		}
 		onSelectionChangeRequested(event) {
@@ -363,8 +357,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		get _steps() {
 			const lastEnabledStepIndex = this.getLastEnabledStepIndex();
+			const stepsInfo = this.getStepsInfo();
 			return this.steps.map((step, idx) => {
 				step.stretch = idx === lastEnabledStepIndex;
+				step.stepContentAriaLabel = `${this.navStepDefaultHeading} ${stepsInfo[idx].number} ${stepsInfo[idx].titleText}`;
 				return step;
 			});
 		}
@@ -402,7 +398,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return Array.from(this.shadowRoot.querySelectorAll("[ui5-wizard-tab]"));
 		}
 		get enabledStepsInHeaderDOM() {
-			return this.stepsInHeaderDOM.filter(step => !step.disabled);
+			return this.stepsInHeaderDOM;
 		}
 		get phoneMode() {
 			if (Device.isPhone()) {
@@ -438,7 +434,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_STEP_INACTIVE);
 		}
 		get ariaLabelText() {
-			return this.accessibleName || Wizard.i18nBundle.getText(i18nDefaults.WIZARD_NAV_ARIA_ROLE_DESCRIPTION);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_NAV_ARIA_ROLE_DESCRIPTION);
 		}
 		get effectiveStepSwitchThreshold() {
 			return clamp__default(this.stepSwitchThreshold, STEP_SWITCH_THRESHOLDS.MIN, STEP_SWITCH_THRESHOLDS.MAX);
@@ -542,8 +538,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		switchSelectionFromOldToNewStep(selectedStep, stepToSelect, stepToSelectIndex, changeWithClick) {
 			if (selectedStep && stepToSelect) {
-				selectedStep.selected = false;
-				stepToSelect.selected = true;
+				if (!stepToSelect.disabled) {
+					selectedStep.selected = false;
+					stepToSelect.selected = true;
+				}
 				this.fireEvent("step-change", {
 					step: stepToSelect,
 					previousStep: selectedStep,

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

@@ -25,12 +25,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5El
 			branching: {
 				type: Boolean,
 			},
-			accessibleName: {
-				type: String,
-			},
-			accessibleNameRef: {
-				type: String,
-			},
 		},
 		slots:  {
 			"default": {

package/src/sap/ui/webc/fiori/thirdparty/WizardTab.js

@@ -71,31 +71,20 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.fireEvent("selection-change-requested");
 			}
 		}
-		_onkeydown(event) {
-			if (this.disabled) {
-				return;
-			}
-			if (Keys.isSpace(event) || Keys.isEnter(event)) {
-				event.preventDefault();
-				this.fireEvent("selection-change-requested");
-			}
-		}
 		_onkeyup(event) {
 			if (this.disabled) {
 				return;
 			}
-			if (Keys.isSpace(event)) {
+			if ((Keys.isSpace(event) || Keys.isEnter(event)) && !Keys.isSpaceShift(event)) {
+				event.preventDefault();
 				this.fireEvent("selection-change-requested");
 			}
 		}
 		_onfocusin() {
-			if (this.disabled) {
-				return;
-			}
 			this.fireEvent("focused");
 		}
 		get tabIndex() {
-			return this.disabled ? undefined : this._tabIndex;
+			return this._tabIndex;
 		}
 		get hasTexts() {
 			return this.titleText || this.subtitleText;

package/src/sap/ui/webc/fiori/thirdparty/{messagebundle_ar-f55bd0d9.js → _chunks/messagebundle_ar.js}

@@ -88,8 +88,35 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 		IM_SUBTITLE_NOTASKS: "عندما تكون لديك مهام، ستظهر هنا.",
 		IM_TITLE_UNABLETOLOAD: "يتعذر تحميل البيانات",
 		IM_SUBTITLE_UNABLETOLOAD: "تحقق من اتصالك بالإنترنت. إذا لم يكن هذا مفيدًا، فحاول إعادة التحميل. إذا لم لم يكن هذا مفيدًا أيضًا، يرجى الرجوع إلى المسؤول لديك.",
+		IM_TITLE_UNABLETOLOADIMAGE: "يتعذر تحميل الصورة",
+		IM_SUBTITLE_UNABLETOLOADIMAGE: "تعذر العثور على الصورة بالموقع المحدد أو أن الخادم لا يستجيب.",
 		IM_TITLE_UNABLETOUPLOAD: "يتعذر تحميل البيانات",
-		IM_SUBTITLE_UNABLETOUPLOAD: "تحقق من الاتصال بالإنترنت لديك، إذا لم يكن هذا مفيدًا، تحقق من تنسيق الملف وحجم الملف. إذا لم يساعدك هذا الأمر أيضًا، يُرجى التحقق من المسؤول لديك."
+		IM_SUBTITLE_UNABLETOUPLOAD: "تحقق من الاتصال بالإنترنت لديك، إذا لم يكن هذا مفيدًا، تحقق من تنسيق الملف وحجم الملف. إذا لم يساعدك هذا الأمر أيضًا، يُرجى التحقق من المسؤول لديك.",
+		IM_TITLE_ADDCOLUMN: "يبدو أن هناك مساحة متوفرة",
+		IM_SUBTITLE_ADDCOLUMN: "يمكنك إضافة المزيد من الأعمدة في إعدادات الجدول.",
+		IM_TITLE_ADDPEOPLE: "لم تقم بإضافة أي شخص إلى التقويم حتى الآن",
+		IM_SUBTITLE_ADDPEOPLE: "هل تريد إضافة شخص ما الآن؟",
+		IM_TITLE_BALLOONSKY: "لقد كنت موضع تقدير!",
+		IM_SUBTITLE_BALLOONSKY: "استمروا في العمل بجد!",
+		IM_TITLE_EMPTYPLANNINGCALENDAR: "لا شيء مخطط له حتى الآن",
+		IM_SUBTITLE_EMPTYPLANNINGCALENDAR: "لا توجد أنشطة في هذا الإطار الزمني.",
+		IM_TITLE_FILTERTABLE: "خيارات التصفية متوفرة",
+		IM_SUBTITLE_FILTERTABLE: "تساعدك عوامل التصفية على التركيز على ما هو أكثر ملاءمة لك.",
+		IM_TITLE_GROUPTABLE: "حاول تجميع البنود للحصول على نظرة عامة أفضل",
+		IM_SUBTITLE_GROUPTABLE: "يمكنك اختيار فئات التجميع في إعدادات المجموعة.",
+		IM_TITLE_NOFILTERRESULTS: "لم يتم العثور على أي نتائج",
+		IM_SUBTITLE_NOFILTERRESULTS: "حاول تعديل معايير التصفية.",
+		IM_TITLE_PAGENOTFOUND: "عذرًا، لا يمكننا العثور على هذه الصفحة",
+		IM_SUBTITLE_PAGENOTFOUND: "يُرجى مراجعة الرابط الذي تستخدمه لاستدعاء التطبيق.",
+		IM_TITLE_RESIZECOLUMN: "اختيار عرض العمود الخاص بك",
+		IM_SUBTITLE_RESIZECOLUMN: "يمكنك تغيير حجم الأعمدة عن طريق سحب حدود العمود.",
+		IM_TITLE_SORTCOLUMN: "ألا ترى أهم البنود أولاً؟",
+		IM_SUBTITLE_SORTCOLUMN: "اختر معايير الترتيب في إعدادات الترتيب.",
+		IM_TITLE_SUCCESSSCREEN: "عمل رائع!",
+		IM_SUBTITLE_SUCCESSSCREEN: "لقد أكملت جميع تعيينات التدريب الخاصة بك.",
+		IM_TITLE_UPLOADCOLLECTION: "أسقط الملفات هنا",
+		IM_SUBTITLE_UPLOADCOLLECTION: "يمكنك أيضًا تحميل عدة ملفات مرة واحدة.",
+		DSC_SIDE_ARIA_LABEL: "محتوى جانبي"
 	};
 
 	exports.default = messagebundle_ar;