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

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

@@ -0,0 +1,194 @@
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/main/thirdparty/Icon', 'sap/ui/webc/common/thirdparty/icons/background', './types/MediaGalleryItemLayout', './generated/templates/MediaGalleryItemTemplate.lit', './generated/themes/MediaGalleryItem.css'], function (UI5Element, litRender, Keys, Device, Icon, background, MediaGalleryItemLayout, MediaGalleryItemTemplate_lit, MediaGalleryItem_css) { 'use strict';
+
+	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
+	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
+	var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
+
+	const metadata = {
+		tag: "ui5-media-gallery-item",
+		managedSlots: true,
+		properties:  {
+			selected: {
+				type: Boolean,
+			},
+			disabled: {
+				type: Boolean,
+			},
+			layout: {
+				type: MediaGalleryItemLayout,
+				defaultValue: MediaGalleryItemLayout.Square,
+			},
+			_interactive: {
+				type: Boolean,
+			},
+			_square: {
+				type: Boolean,
+			},
+			_contentImageNotFound: {
+				type: Boolean,
+			},
+			_thumbnailNotFound: {
+				type: Boolean,
+			},
+			_thumbnailDesign: {
+				type: Boolean,
+			},
+			focused: {
+				type: Boolean,
+			},
+			_tabIndex: {
+				type: String,
+				defaultValue: undefined,
+			},
+			contentHeight: {
+				type: String,
+				noAttribute: true,
+				defaultValue: "",
+			},
+		},
+		slots:  {
+			 "default": {
+				propertyName: "content",
+				type: HTMLElement,
+			},
+			 "thumbnail": {
+				propertyName: "thumbnail",
+				type: HTMLElement,
+			},
+		},
+	};
+	class MediaGalleryItem extends UI5Element__default {
+		constructor() {
+			super();
+			this._monitoredContent = null;
+			this._monitoredThumbnail = null;
+		}
+		onEnterDOM() {
+			this._thumbnailDesign = !Device.isPhone();
+			this._interactive = !Device.isPhone();
+			this._square = true;
+		}
+		static get metadata() {
+			return metadata;
+		}
+		static get render() {
+			return litRender__default;
+		}
+		static get styles() {
+			return MediaGalleryItem_css;
+		}
+		static get template() {
+			return MediaGalleryItemTemplate_lit;
+		}
+		get _thumbnail() {
+			return this.thumbnail.length && this.thumbnail[0];
+		}
+		get _content() {
+			return this.content.length && this.content[0];
+		}
+		get _isThubmnailAvailable() {
+			return this._thumbnail && !this._thumbnailNotFound;
+		}
+		get _isContentAvailable() {
+			return this._content && !this._contentImageNotFound;
+		}
+		get _useThumbnail() {
+			return this._thumbnailDesign && this._isThubmnailAvailable;
+		}
+		get _useContent() {
+			return !this._useThumbnail && this._isContentAvailable;
+		}
+		get tabIndex() {
+			return this.disabled ? undefined : this._tabIndex;
+		}
+		get _showBackgroundIcon() {
+			return this._thumbnailNotFound || this._contentImageNotFound;
+		}
+		get styles() {
+			return {
+				wrapper: {
+					height: this.contentHeight,
+				},
+			};
+		}
+		get _role() {
+			return this._interactive ? "button" : undefined;
+		}
+		onBeforeRendering() {
+			this._monitorLoadingError();
+		}
+		_monitorLoadingError() {
+			let callback,
+				success;
+			if (this._thumbnailDesign && this.thumbnail.length && (this._monitoredThumbnail !== this._thumbnail)) {
+				this._thumbnailNotFound = undefined;
+				callback = this._updateThumbnailLoaded;
+				success = this._attachListeners(this._thumbnail, callback);
+				success && (this._monitoredThumbnail = this._thumbnail);
+			}
+			if (!this._useThumbnail && this.content.length && (this._monitoredContent !== this._content)) {
+				this._contentImageNotFound = undefined;
+				callback = this._updateContentImageLoaded;
+				success = this._attachListeners(this._content, callback);
+				success && (this._monitoredContent = this._content);
+			}
+		}
+		_attachListeners(element, callback) {
+			const isImg = element.tagName === "IMG",
+				img = isImg ? element : element.querySelector("img");
+			if (img) {
+				callback.call(this, img);
+				img.addEventListener("error", () => {
+					if (this.contains(img)) {
+						callback.call(this, img);
+					}
+				});
+				img.addEventListener("load", () => {
+					if (this.contains(img)) {
+						callback.call(this, img);
+					}
+				});
+				return true;
+			}
+		}
+		_updateContentImageLoaded(image) {
+			this._contentImageNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;
+		}
+		_updateThumbnailLoaded(image) {
+			this._thumbnailNotFound = image.naturalHeight === 0 && image.naturalWidth === 0;
+		}
+		_onkeydown(event) {
+			if (Keys.isSpace(event)) {
+				event.preventDefault();
+			}
+			if (Keys.isEnter(event)) {
+				this._fireItemClick();
+			}
+		}
+		_onkeyup(event) {
+			if (Keys.isSpace(event)) {
+				this._fireItemClick();
+			}
+		}
+		_onfocusout() {
+			this.focused = false;
+		}
+		_onfocusin() {
+			this.focused = true;
+		}
+		_fireItemClick() {
+			this.fireEvent("click", { item: this });
+		}
+		static get dependencies() {
+			return [
+				Icon__default,
+			];
+		}
+	}
+	MediaGalleryItem.define();
+
+	return MediaGalleryItem;
+
+});

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;
 		}

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

@@ -78,6 +78,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) => {
@@ -126,6 +129,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}`;
 		}
@@ -287,7 +299,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(),

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/css/themes/Bar.css

@@ -1 +1 @@
-:host{background-color:var(--sapPageHeader_Background);height:var(--_ui5_bar_base_height);width:100%;box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:inherit;width:inherit;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-left:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(*){margin:0 .25rem}
+:host{background-color:var(--sapPageHeader_Background);height:var(--_ui5_bar_base_height);width:100%;box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:inherit;width:inherit;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-left:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(.ui5-bar-content){margin:0 .25rem}[dir=rtl] .ui5-bar-startcontent-container{padding-right:.5rem;padding-left:0}[dir=rtl] .ui5-bar-endcontent-container{padding-left:.5rem;padding-right:0}

package/src/sap/ui/webc/fiori/thirdparty/css/themes/DynamicSideContent.css

@@ -0,0 +1 @@
+:host{display:block;width:100%;height:100%;position:relative}.ui5-dsc-root{width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:auto;display:flex}.ui5-dsc-main,.ui5-dsc-side{display:inline;position:relative;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;flex:none}.ui5-dsc-root>aside[class^=ui5-dsc-span],.ui5-dsc-root>div[class^=ui5-dcs-span]{overflow:auto}.ui5-dsc-main.ui5-dsc-span-fixed{width:calc(100% - 21.25rem)}.ui5-dsc-side.ui5-dsc-span-fixed{width:21.25rem}.ui5-dsc-root>.ui5-dsc-span-0{display:none}.ui5-dsc-root>.ui5-dsc-span-3{width:25%}.ui5-dsc-root>.ui5-dsc-span-4{width:33.333%}.ui5-dsc-root>.ui5-dsc-span-6{width:50%}.ui5-dsc-root>.ui5-dsc-span-8{width:66.666%}.ui5-dsc-root>.ui5-dsc-span-9{width:75%}.ui5-dsc-root>.ui5-dsc-span-12{width:100%}

package/src/sap/ui/webc/fiori/thirdparty/css/themes/IllustratedMessage.css

@@ -1 +1 @@
-:host(:not([hidden])){display:block}:host{box-sizing:border-box;width:100%;padding:1rem}.ui5-illustrated-message-root{display:flex;flex-direction:column;align-items:center;justify-content:center}.ui5-illustrated-message-illustration{margin-bottom:2rem}.ui5-illustrated-message-title{text-align:center;margin-bottom:.5rem;line-height:1.3;max-width:30rem}.ui5-illustrated-message-subtitle{text-align:center;font-size:var(--sapFontLargeSize);font-family:var(--sapFontFamily);line-height:1.4;color:var(--sapContent_LabelColor);margin-bottom:2rem;max-width:30rem}.ui5-illustrated-message-actions{margin-bottom:2rem}:host([media=dialog]) .ui5-illustrated-message-illustration{margin-top:1rem;margin-bottom:2rem}:host([media=dialog]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader4Size);max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-actions{margin-bottom:0}:host([media=spot]) .ui5-illustrated-message-illustration{margin-top:.5rem;margin-bottom:.5rem}:host([media=spot]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);line-height:1.25rem;max-width:16rem}:host([media=spot]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:16rem;margin-bottom:1rem}:host([media=spot]) .ui5-illustrated-message-actions{margin-top:.5rem;margin-bottom:1rem}:host([media=base]) .ui5-illustrated-message-illustration{display:none}:host([media=base]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);line-height:1.25rem;max-width:10rem}:host([media=base]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:10rem;margin-bottom:0}.ui5-illustrated-message-util{position:absolute;top:-9999px;left:-9999px}:host([invalid]) .ui5-illustrated-message-illustration,:host([invalid]:not([subtitle-text])) .ui5-illustrated-message-subtitle,:host([invalid]:not([title-text])) .ui5-illustrated-message-title{display:none}.sapIllus_BackgroundColor{fill:var(--sapIllus_BackgroundColor)}.sapIllus_BrandColorPrimary{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_BrandColorSecondary{fill:var(--sapIllus_BrandColorSecondary)}.sapIllus_StrokeDetailColor{fill:var(--sapIllus_StrokeDetailColor)}.sapIllus_Layering1{fill:var(--sapIllus_Layering1)}.sapIllus_Layering2{fill:var(--sapIllus_Layering2)}.sapIllus_ObjectFillColor{fill:var(--sapIllus_ObjectFillColor)}.sapIllus_AccentColor{fill:var(--sapIllus_AccentColor)}.sapIllus_NoColor{fill:var(--sapIllus_NoColor)}.sapIllus_PatternShadow{fill:var(--sapIllus_PatternShadow)}.sapIllus_PatternHighlight{fill:var(--sapIllus_PatternHighlight)}.sapIllus_NoColor_Fill{fill:var(--sapIllus_NoColor)}.sapIllus_BrandColorPrimary_Fill{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_ObjectFillColor_Fill{fill:var(--sapIllus_ObjectFillColor)}
+:host(:not([hidden])){display:block}:host{box-sizing:border-box;width:100%;padding:1rem}.ui5-illustrated-message-root{display:flex;flex-direction:column;align-items:center;justify-content:center}.ui5-illustrated-message-illustration{margin-bottom:2rem}.ui5-illustrated-message-title{text-align:center;margin-bottom:.5rem;line-height:1.3;max-width:30rem}.ui5-illustrated-message-subtitle{text-align:center;font-size:var(--sapFontLargeSize);font-family:var(--sapFontFamily);line-height:1.4;color:var(--sapContent_LabelColor);margin-bottom:2rem;max-width:30rem}.ui5-illustrated-message-actions{margin-bottom:2rem}:host([media=dialog]) .ui5-illustrated-message-illustration{margin-top:1rem;margin-bottom:2rem}:host([media=dialog]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader4Size);max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:20rem}:host([media=dialog]) .ui5-illustrated-message-actions{margin-bottom:0}:host([media=spot]) .ui5-illustrated-message-illustration{margin-top:.5rem;margin-bottom:.5rem}:host([media=spot]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);line-height:1.25rem;max-width:16rem}:host([media=spot]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:16rem;margin-bottom:1rem}:host([media=spot]) .ui5-illustrated-message-actions{margin-top:.5rem;margin-bottom:1rem}:host([media=base]) .ui5-illustrated-message-illustration{display:none}:host([media=base]) .ui5-illustrated-message-title{margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);line-height:1.25rem;max-width:10rem}:host([media=base]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:10rem;margin-bottom:0}.ui5-illustrated-message-util{position:absolute;top:-9999px;left:-9999px}:host([invalid]) .ui5-illustrated-message-illustration,:host([invalid]:not([subtitle-text])) .ui5-illustrated-message-subtitle,:host([invalid]:not([title-text])) .ui5-illustrated-message-title{display:none}.sapIllus_MaskTypeAlpha{mask-type:alpha}.sapIllus_BackgroundColor{fill:var(--sapIllus_BackgroundColor)}.sapIllus_BrandColorPrimary{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_BrandColorSecondary{fill:var(--sapIllus_BrandColorSecondary)}.sapIllus_StrokeDetailColor{fill:var(--sapIllus_StrokeDetailColor)}.sapIllus_Layering1{fill:var(--sapIllus_Layering1)}.sapIllus_Layering2{fill:var(--sapIllus_Layering2)}.sapIllus_ObjectFillColor{fill:var(--sapIllus_ObjectFillColor)}.sapIllus_AccentColor{fill:var(--sapIllus_AccentColor)}.sapIllus_NoColor{fill:var(--sapIllus_NoColor)}.sapIllus_PatternShadow{fill:var(--sapIllus_PatternShadow)}.sapIllus_PatternHighlight{fill:var(--sapIllus_PatternHighlight)}.sapIllus_NoColor_Fill{fill:var(--sapIllus_NoColor)}.sapIllus_BrandColorPrimary_Fill{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_ObjectFillColor_Fill{fill:var(--sapIllus_ObjectFillColor)}