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

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/GroupHeaderListItem', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/StandardListItem', './Bar', './generated/i18n/i18n-defaults', './generated/templates/ViewSettingsDialogTemplate.lit', './generated/themes/ViewSettingsDialog.css'], function (i18nBundle, Device, litRender, UI5Element, Dialog, Button, GroupHeaderListItem, List, StandardListItem, Bar, 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/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';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -6,9 +6,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
 	var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+	var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 	var GroupHeaderListItem__default = /*#__PURE__*/_interopDefaultLegacy(GroupHeaderListItem);
 	var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
 	var StandardListItem__default = /*#__PURE__*/_interopDefaultLegacy(StandardListItem);
+	var SegmentedButton__default = /*#__PURE__*/_interopDefaultLegacy(SegmentedButton);
+	var SegmentedButtonItem__default = /*#__PURE__*/_interopDefaultLegacy(SegmentedButtonItem);
 
 	const metadata = {
 		tag: "ui5-view-settings-dialog",
@@ -29,9 +32,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			 _currentSettings: {
 				type: Object,
 			},
+			_currentMode: {
+				type: ViewSettingsDialogMode,
+				defaultValue: ViewSettingsDialogMode.Sort,
+			},
+			_filterStepTwo: {
+				type: Boolean,
+			},
 		},
 		slots:  {
-			 "sortItems": {
+			 sortItems: {
+				type: HTMLElement,
+			},
+			filterItems: {
 				type: HTMLElement,
 			},
 		},
@@ -40,12 +53,14 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 				detail: {
 					sortOrder: { type: String },
 					sortBy: { type: String },
+					filters: { type: Array },
 				},
 			},
 			cancel: {
 				detail: {
 					sortOrder: { type: String },
 					sortBy: { type: String },
+					filters: { type: Array },
 				},
 			},
 		},
@@ -53,7 +68,30 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 	class ViewSettingsDialog extends UI5Element__default {
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+			this._currentSettings = {
+				sortOrder: [],
+				sortBy: [],
+				filters: [],
+			};
+		}
+		onBeforeRendering() {
+			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) => {
+				let selectedCount = 0;
+				for (let i = 0; i < filter.values.length; i++) {
+					if (this._currentSettings.filters[index].filterOptions[i].selected) {
+						selectedCount++;
+					}
+				}
+				filter.additionalText = !selectedCount ? "" : selectedCount;
+			});
 		}
 		static get render() {
 			return litRender__default;
@@ -66,9 +104,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 				Bar,
 				Button__default,
 				Dialog__default,
+				Label__default,
 				List__default,
 				StandardListItem__default,
 				GroupHeaderListItem__default,
+				SegmentedButton__default,
+				SegmentedButtonItem__default,
 			];
 		}
 		static get template() {
@@ -78,31 +119,55 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			return ViewSettingsDialog_css;
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			ViewSettingsDialog.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+		}
+		get _selectedFilter() {
+			for (let i = 0; i < this._currentSettings.filters.length; i++) {
+				if (this._currentSettings.filters[i].selected) {
+					return this._currentSettings.filters[i];
+				}
+			}
+			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}`;
 		}
 		get _dialogTitle() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_DIALOG_TITLE_SORT);
+			const currentModeText = this._currentMode === ViewSettingsDialogMode.Sort ? i18nDefaults.VSD_DIALOG_TITLE_SORT : i18nDefaults.VSD_FILTER_BY;
+			return ViewSettingsDialog.i18nBundle.getText(currentModeText);
 		}
 		get _okButtonLabel() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_SUBMIT_BUTTON);
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_SUBMIT_BUTTON);
 		}
 		get _cancelButtonLabel() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_CANCEL_BUTTON);
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_CANCEL_BUTTON);
 		}
 		get _resetButtonLabel() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_RESET_BUTTON);
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_RESET_BUTTON);
 		}
 		get _ascendingLabel() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_ORDER_ASCENDING);
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_ORDER_ASCENDING);
 		}
 		get _descendingLabel() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_ORDER_DESCENDING);
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_ORDER_DESCENDING);
 		}
 		get _sortOrderLabel() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_SORT_ORDER);
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_SORT_ORDER);
+		}
+		get _filterByLabel() {
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_FILTER_BY);
 		}
 		get _sortByLabel() {
-			return this.i18nBundle.getText(i18nDefaults.VSD_SORT_BY);
+			return ViewSettingsDialog.i18nBundle.getText(i18nDefaults.VSD_SORT_BY);
 		}
 		get _isPhone() {
 			return Device.isPhone();
@@ -111,34 +176,130 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			return !this.sortDescending;
 		}
 		get _disableResetButton() {
-			return this._dialog && JSON.stringify(this._currentSettings) === JSON.stringify(this._initialSettings);
+			return this._dialog && this._sortSetttingsAreInitial && this._filteresAreInitial;
+		}
+		get _sortSetttingsAreInitial() {
+			let settingsAreInitial = true;
+			["sortBy", "sortOrder"].forEach(sortList => {
+				this._currentSettings[sortList].forEach((item, index) => {
+					if (item.selected !== this._initialSettings[sortList][index].selected) {
+						settingsAreInitial = false;
+					}
+				});
+			});
+			return settingsAreInitial;
+		}
+		get _filteresAreInitial() {
+			let filtersAreInitial = true;
+			this._currentSettings.filters.forEach((filter, index) => {
+				for (let i = 0; i < filter.filterOptions.length; i++) {
+					if (filter.filterOptions[i].selected !== this._initialSettings.filters[index].filterOptions[i].selected) {
+						filtersAreInitial = false;
+					}
+				}
+			});
+			return filtersAreInitial;
 		}
 		get _settings() {
-			const settings = {},
-				  sortOrderSelected = this._sortOrder.getSelectedItems(),
-				  sortBySelected = this._sortBy.getSelectedItems();
-			settings.sortOrder = sortOrderSelected.length ? sortOrderSelected[0] : undefined;
-			settings.sortBy = sortBySelected.length ? sortBySelected[0] : undefined;
-			return settings;
+			return {
+				sortOrder: JSON.parse(JSON.stringify(this.initSortOrderItems)),
+				sortBy: JSON.parse(JSON.stringify(this.initSortByItems)),
+				filters: this.filterItems.map(item => {
+					return {
+						text: item.text,
+						selected: false,
+						filterOptions: item.values.map(optionValue => {
+							return {
+								text: optionValue.text,
+								selected: optionValue.selected,
+							};
+						}),
+					};
+				}),
+			};
+		}
+		get initSortByItems() {
+			return this.sortItems.map(item => {
+				return {
+					text: item.text,
+					selected: item.selected,
+				};
+			});
+		}
+		get initSortOrderItems() {
+			return [
+				{
+					text: this._ascendingLabel,
+					selected: true,
+				},
+				{
+					text: this._descendingLabel,
+					selected: false,
+				},
+			];
+		}
+		get isModeSort() {
+			return this._currentMode === ViewSettingsDialogMode.Sort;
+		}
+		get isModeFilter() {
+			return this._currentMode === ViewSettingsDialogMode.Filter;
+		}
+		get showBackButton() {
+			return this.isModeFilter && this._filterStepTwo;
+		}
+		get _sortOrderListDomRef() {
+			return this.shadowRoot.querySelector("[ui5-list][sort-order]");
+		}
+		get _sortByList() {
+			return this.shadowRoot.querySelector("[ui5-list][sort-by]");
+		}
+		get _dialogDomRef() {
+			return this.shadowRoot.querySelector("[ui5-dialog]");
 		}
 		show() {
 			if (!this._dialog) {
-				this._sortOrder = this.shadowRoot.querySelector("[ui5-list][sort-order]");
-				this._sortBy = this.shadowRoot.querySelector("[ui5-list][sort-by]");
+				this._sortOrder = this._sortOrderListDomRef;
+				this._sortBy = this._sortByList;
 				this._initialSettings = this._settings;
-				this._currentSettings = this._initialSettings;
-				this._confirmedSettings = this._initialSettings;
-				this._dialog = this.shadowRoot.querySelector("[ui5-dialog]");
+				this._currentSettings = this._settings;
+				this._confirmedSettings = this._settings;
+				this._dialog = this._dialogDomRef;
 			} else {
 				this._restoreSettings(this._confirmedSettings);
 			}
 			this._dialog.show();
 		}
+		_handleModeChange(event) {
+			this._currentMode = ViewSettingsDialogMode[event.detail.selectedItem.getAttribute("mode")];
+		}
+		_handleFilterValueItemClick(event) {
+			this._currentSettings.filters = this._currentSettings.filters.map(filter => {
+				if (filter.selected) {
+					filter.filterOptions.forEach(option => {
+						if (option.text === event.detail.item.innerText) {
+							option.selected = !option.selected;
+						}
+					});
+				}
+				return filter;
+			});
+			this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
+		}
+		_navigateToFilters(event) {
+			this._filterStepTwo = false;
+		}
+		_changeCurrentFilter(event) {
+			this._filterStepTwo = true;
+			this._currentSettings.filters = this._currentSettings.filters.map(filter => {
+				filter.selected = filter.text === event.detail.item.text;
+				return filter;
+			});
+		}
 		close() {
 			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(),
@@ -151,45 +312,73 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/com
 			}
 		}
 		_confirmSettings() {
-			this._confirmedSettings = this._currentSettings;
-			this.fireEvent("confirm", {
-				sortOrder: this._confirmedSettings.sortOrder && this._confirmedSettings.sortOrder.innerText,
-				sortBy: this._confirmedSettings.sortBy ? this._confirmedSettings.sortBy.innerText : "",
-			});
 			this.close();
+			this._confirmedSettings = this._currentSettings;
+			this.fireEvent("confirm", this.eventsParams);
 		}
 		_cancelSettings() {
 			this._restoreSettings(this._confirmedSettings);
-			this.fireEvent("cancel", {
-				sortOrder: this._confirmedSettings.sortOrder && this._confirmedSettings.sortOrder.innerText,
-				sortBy: this._confirmedSettings.sortBy ? this._confirmedSettings.sortBy.innerText : "",
-			});
+			this.fireEvent("cancel", this.eventsParams);
 			this.close();
 		}
+		get eventsParams() {
+			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;
+			return {
+				sortOrder,
+				sortBy,
+				filters: this.selectedFilters,
+			};
+		}
+		get selectedFilters() {
+			const result = [];
+			this._currentSettings.filters.forEach(filter => {
+				const selectedOptions = [];
+				filter.filterOptions.forEach(option => {
+					if (option.selected) {
+						selectedOptions.push(option.text);
+					}
+				});
+				if (selectedOptions.length) {
+					result.push({});
+					result[result.length - 1][filter.text] = selectedOptions;
+				}
+			});
+			return result;
+		}
 		_restoreConfirmedOnEscape(evt) {
 			if (evt.detail.escPressed) {
 				this._cancelSettings();
+				this._currentMode = "Sort";
+				this._filterStepTwo = false;
 			}
 		}
 		_resetSettings() {
 			this._restoreSettings(this._initialSettings);
+			this._filterStepTwo = false;
 			this._recentlyFocused = this._sortOrder;
 			this._focusRecentlyUsedControl();
 		}
 		_restoreSettings(settings) {
-			const sortOrderSelected = settings.sortOrder && settings.sortOrder.innerText,
-				  sortBySelected = settings.sortBy && settings.sortBy.innerText;
-			this._sortOrder.items.forEach(item => { item.selected = sortOrderSelected === item.innerText; });
-			this._sortBy.items[1].assignedNodes().forEach(item => { item.selected = sortBySelected === item.innerText; });
-			this._currentSettings = settings;
+			this._currentSettings = JSON.parse(JSON.stringify(settings));
 		}
-		_onSortOrderChange() {
+		_onSortOrderChange(event) {
 			this._recentlyFocused = this._sortOrder;
-			this._currentSettings = this._settings;
+			this._currentSettings.sortOrder = this.initSortOrderItems.map(item => {
+				item.selected = item.text === event.detail.item.innerText;
+				return item;
+			});
+			this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
 		}
-		 _onSortByChange() {
+		 _onSortByChange(event) {
 			this._recentlyFocused = this._sortBy;
-			this._currentSettings = this._settings;
+			this._currentSettings.sortBy = this.initSortByItems.map(item => {
+				item.selected = item.text === event.detail.item.innerText;
+				return item;
+			});
+			this._currentSettings = JSON.parse(JSON.stringify(this._currentSettings));
 		}
 	}
 	ViewSettingsDialog.define();

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

@@ -27,15 +27,12 @@ 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,
 			},
-			 stepSwitchThreshold: {
+			stepSwitchThreshold: {
 				type: Float__default,
 				defaultValue: STEP_SWITCH_THRESHOLDS.DEFAULT,
 			},
@@ -77,11 +74,10 @@ 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);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		static get metadata() {
 			return metadata;
@@ -116,7 +112,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			Wizard.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		static get PHONE_BREAKPOINT() {
 			return 599;
@@ -124,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;
 		}
@@ -182,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) {
@@ -335,7 +328,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const bExpanded = stepInHeader.getAttribute(EXPANDED_STEP) === "true";
 			const newlySelectedIndex = this.slottedSteps.indexOf(stepToSelect);
 			const firstFocusableElement = await FocusableElements.getFirstFocusableElement(stepToSelect.firstElementChild);
-			firstFocusableElement.focus();
+			if (firstFocusableElement) {
+				firstFocusableElement.focus();
+			}
 			if (selectedStep === stepToSelect) {
 				this.scrollToContentItem(this.selectedStepIndex);
 				return;
@@ -352,7 +347,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return contentHeight;
 		}
 		getStepAriaLabelText(step, ariaLabel) {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_STEP_ARIA_LABEL, ariaLabel);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_STEP_ARIA_LABEL, ariaLabel);
 		}
 		get stepsDOM() {
 			return Array.from(this.shadowRoot.querySelectorAll(".ui5-wiz-content-item"));
@@ -362,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;
 			});
 		}
@@ -401,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()) {
@@ -410,34 +407,34 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.width <= Wizard.PHONE_BREAKPOINT;
 		}
 		get navAriaRoleDescription() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_NAV_ARIA_ROLE_DESCRIPTION);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_NAV_ARIA_ROLE_DESCRIPTION);
 		}
 		get navAriaLabelText() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_NAV_ARIA_LABEL);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_NAV_ARIA_LABEL);
 		}
 		get navAriaDescribedbyText() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_LIST_ARIA_DESCRIBEDBY);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_LIST_ARIA_DESCRIBEDBY);
 		}
 		get listAriaLabelText() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_LIST_ARIA_LABEL);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_LIST_ARIA_LABEL);
 		}
 		get actionSheetStepsText() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_ACTIONSHEET_STEPS_ARIA_LABEL);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_ACTIONSHEET_STEPS_ARIA_LABEL);
 		}
 		get navStepDefaultHeading() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_NAV_STEP_DEFAULT_HEADING);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_NAV_STEP_DEFAULT_HEADING);
 		}
 		get optionalStepText() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_OPTIONAL_STEP_ARIA_LABEL);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_OPTIONAL_STEP_ARIA_LABEL);
 		}
 		get activeStepText() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_STEP_ACTIVE);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_STEP_ACTIVE);
 		}
 		get inactiveStepText() {
-			return this.i18nBundle.getText(i18nDefaults.WIZARD_STEP_INACTIVE);
+			return Wizard.i18nBundle.getText(i18nDefaults.WIZARD_STEP_INACTIVE);
 		}
 		get ariaLabelText() {
-			return this.accessibleName || this.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);
@@ -475,7 +472,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					accInfo,
 					refStepId: step._id,
 					tabIndex: this.selectedStepIndex === idx ? "0" : "-1",
-					styles: `z-index: ${isAfterCurrent ? --inintialZIndex : 1}`,
+					styles: {
+						zIndex: isAfterCurrent ? --inintialZIndex : 1,
+					},
 				};
 			});
 		}
@@ -539,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

@@ -0,0 +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(.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/BarcodeScannerDialog.css

@@ -0,0 +1 @@
+.ui5-barcode-scanner-dialog-video,.ui5-barcode-scanner-dialog-video-wrapper{height:100%;width:100%}.ui5-barcode-scanner-dialog-video{object-fit:cover}.ui5-barcode-scanner-dialog-footer{display:flex;justify-content:flex-end;width:100%;padding:0 .5rem 0 0}[dir=rtl] .ui5-barcode-scanner-dialog-footer{padding:0 0 0 .5rem}.ui5-barcode-scanner-dialog-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}.ui5-barcode-scanner-dialog-busy:not([active]){display:none}

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/FilterItem.css

@@ -0,0 +1 @@
+.ui5-li-content{justify-content:space-between}

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

@@ -0,0 +1 @@
+.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}:host([_visible-columns="2"]) .ui5-fcl-column--start{border-right:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--start{border-right:var(--_ui5_fcl_column_border)}:host([_visible-columns="2"]) .ui5-fcl-column--middle{border-left:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--middle{border-left:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--middle{border-right:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--end{border-left:var(--_ui5_fcl_column_border)}.ui5-fcl-column--hidden{display:none}.ui5-fcl-arrow-container{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background)}.ui5-fcl-arrow{position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:1}.ui5-fcl-arrow:before{background-image:var(--_ui5_fcl_decoration_top);background-position-y:-.3125rem;bottom:100%}.ui5-fcl-arrow:after{background-image:var(--_ui5_fcl_decoration_bottom);background-position-y:.3125rem;top:100%}.ui5-fcl-arrow:after,.ui5-fcl-arrow:before{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-arrow:hover:after,.ui5-fcl-arrow:hover:before{height:7rem}.ui5-fcl--ie .ui5-fcl-arrow{margin:0 -.75rem}

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

@@ -0,0 +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_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)}

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

@@ -0,0 +1 @@
+.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}

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

@@ -0,0 +1 @@
+:host{height:100%}.ui5-media-gallery-display,.ui5-media-gallery-display-wrapper,:host{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align=Top]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout=Horizontal]) .ui5-media-gallery-root,:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-root[dir=rtl]{flex-direction:row-reverse}:host([effective-layout=Horizontal]) .ui5-media-gallery-root[dir=rtl],:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin:1rem 0 0 0}:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnails-wrapper{margin:0 0 1rem 0}:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnails-wrapper{margin:0 1rem 0 0}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnails-wrapper{margin:0 0 0 1rem}:host(:not([effective-layout=Horizontal])) [dir=rtl] .ui5-media-gallery-thumbnails-wrapper{margin-right:1rem}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout=Horizontal][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout=Horizontal]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=M]) ul{width:10rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=L]) ul{width:15rem}:host([effective-layout=Horizontal][show-all-thumbnails][media-range=XL]) ul{width:20rem}.ui5-media-gallery-overflow [ui5-button],.ui5-media-gallery-thumbnail{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5_media_gallery_overflow_btn_background);color:var(--_ui5_media_gallery_overflow_btn_color);border:var(--_ui5_media_gallery_overflow_btn_border)}.ui5-media-gallery-overflow,.ui5-media-gallery-thumbnail{margin:0 0 0 1rem}:host([menu-vertical-align=Top]) .ui5-media-gallery-overflow,:host([menu-vertical-align=Top]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal]) .ui5-media-gallery-thumbnail{margin:1rem 0 0 1rem}:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-overflow,:host([effective-layout=Horizontal][menu-horizontal-align=Right]) .ui5-media-gallery-thumbnail{margin:1rem 1rem 0 0}

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

@@ -0,0 +1 @@
+:host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout=Wide]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}:host([focused]) .ui5-media-gallery-item-root{outline:var(--_ui5_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout=Wide]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout=Wide]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;top:0;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout=Wide]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout=Wide]) ::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;margin:auto}