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

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

@@ -31,6 +31,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				type: String,
 				defaultValue: UploadCollectionDnDMode.None,
 			},
+			accessibleName: {
+				type: String,
+			},
 		},
 		managedSlots: true,
 		slots:  {
@@ -78,11 +81,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
+			UploadCollection.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 			this._bodyDnDHandler = event => {
 				if (this._dndOverlayMode !== UploadCollectionDnDMode.Drop) {
 					this._dndOverlayMode = event.mode;
@@ -148,6 +150,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					"uc-drag-overlay": this._dndOverlayMode === UploadCollectionDnDMode.Drag,
 					"uc-drop-overlay": this._dndOverlayMode === UploadCollectionDnDMode.Drop,
 				},
+				noFiles: {
+					"uc-no-files": true,
+					"uc-no-files-dnd-overlay": this._showDndOverlay,
+				},
 			};
 		}
 		get _root() {
@@ -160,22 +166,22 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this._dndOverlayMode !== UploadCollectionDnDMode.None;
 		}
 		get _showNoData() {
-			return this.items.length === 0 && !this._showDndOverlay;
+			return this.items.length === 0;
 		}
 		get _noDataText() {
-			return this.noDataText || this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_TEXT);
+			return this.noDataText || UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_TEXT);
 		}
 		get _noDataDescription() {
-			return this.noDataDescription || this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_DESCRIPTION);
+			return this.noDataDescription || UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_NO_DATA_DESCRIPTION);
 		}
 		get _roleDescription() {
-			return this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);
+			return UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_ARIA_ROLE_DESCRIPTION);
 		}
 		get _dndOverlayText() {
 			if (this._dndOverlayMode === UploadCollectionDnDMode.Drag) {
-				return this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DRAG_FILE_INDICATOR);
+				return UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DRAG_FILE_INDICATOR);
 			}
-			return this.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DROP_FILE_INDICATOR);
+			return UploadCollection.i18nBundle.getText(i18nDefaults.UPLOADCOLLECTION_DROP_FILE_INDICATOR);
 		}
 	}
 	UploadCollection.define();

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

@@ -87,11 +87,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents-fiori");
-		}
-		constructor() {
-			super();
-			this.i18nFioriBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
+			[UploadCollectionItem.i18nFioriBundle] = await Promise.all([
+				i18nBundle.getI18nBundle("@ui5/webcomponents-fiori"),
+				super.onDefine(),
+			]);
 		}
 		async _initInputField() {
 			await Render.renderFinished();
@@ -207,22 +206,22 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 			return getFileExtension__default(this.fileName);
 		}
 		get _renameBtnText() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RENAMEBUTTON_TEXT);
 		}
 		get _cancelRenameBtnText() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_CANCELBUTTON_TEXT);
 		}
 		get _showProgressIndicator() {
 			return this.uploadState !== UploadState.Complete;
 		}
 		get _progressText() {
 			if (this.uploadState === UploadState.Uploading) {
-				return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_UPLOADING_STATE);
+				return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_UPLOADING_STATE);
 			}
 			if (this.uploadState === UploadState.Error) {
-				return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_ERROR_STATE);
+				return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_ERROR_STATE);
 			}
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_READY_STATE);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_READY_STATE);
 		}
 		get _showRetry() {
 			return !this.hideRetryButton && this.uploadState === UploadState.Error;
@@ -231,13 +230,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/mai
 			return !this.hideTerminateButton && this.uploadState === UploadState.Uploading;
 		}
 		get _retryButtonTooltip() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_RETRY_BUTTON_TEXT);
 		}
 		get _terminateButtonTooltip() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_TERMINATE_BUTTON_TEXT);
 		}
 		get _editButtonTooltip() {
-			return this.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);
+			return UploadCollectionItem.i18nFioriBundle.getText(i18nDefaults.UPLOADCOLLECTIONITEM_EDIT_BUTTON_TEXT);
 		}
 		get valueStateName() {
 			if (this.uploadState === UploadState.Error) {

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,27 @@ 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();
+			}
+		}
+		_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 +101,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 +116,46 @@ 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 _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,29 +164,125 @@ 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();
 		}
@@ -151,45 +300,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

@@ -35,7 +35,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			width: {
 				type: Float__default,
 			},
-			 stepSwitchThreshold: {
+			stepSwitchThreshold: {
 				type: Float__default,
 				defaultValue: STEP_SWITCH_THRESHOLDS.DEFAULT,
 			},
@@ -81,7 +81,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				getItemsCallback: () => this.enabledStepsInHeaderDOM,
 			});
 			this._onStepResize = this.onStepResize.bind(this);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents-fiori");
 		}
 		static get metadata() {
 			return metadata;
@@ -116,7 +115,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;
@@ -335,7 +334,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 +353,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"));
@@ -410,34 +411,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 this.accessibleName || 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 +476,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,
+					},
 				};
 			});
 		}

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(*){margin:0 .25rem}

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/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_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/NotifactionOverflowActionsPopover.css

@@ -0,0 +1 @@
+.ui5-notification-overflow-list{display:flex;flex-direction:column;padding:0 .5rem}

package/src/sap/ui/webc/fiori/thirdparty/css/themes/NotificationListGroupItem.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;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:"";border:var(--_ui5_listitembase_focus_width) dotted var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-right:.5rem}.ui5-nli-overflow-btn{margin-right:.5rem}[dir=rtl] .ui5-nli-group-action{margin-left:.5rem}[dir=rtl] .ui5-nli-overflow-btn{margin-left:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-right:.5rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}[dir=rtl] .ui5-prio-icon{padding-left:.5rem;padding-right:0}:host(:not([collapsed])) .ui5-nli-group-toggle-btn{transform:rotate(90deg)}:host([collapsed]) .ui5-nli-group-items{display:none}:host([read]) .ui5-nli-group-title-text{font-weight:400}.ui5-nli-group-root{display:flex;flex-direction:column;position:relative;width:100%;box-sizing:border-box}.ui5-nli-group-header{display:flex;align-items:center;padding:.75rem .5rem .25rem .75rem;width:100%;border-bottom:.0625rem solid var(--sapList_GroupHeaderBorderColor);box-sizing:border-box;cursor:default}.ui5-nli-group-toggle-btn{margin-right:.75rem;cursor:pointer}.ui5-nli-group-title-text{color:var(--sapGroup_TitleTextColor);font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader6Size);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-nli-group-divider{flex:1}.ui5-nli-group-counter{margin-left:.25rem;margin-right:1rem;color:var(--sapList_TableGroupHeaderTextColor);font-size:var(--sapFontHeader6Size);font-family:"72override",var(--sapFontHeaderFamily)}[dir=rtl] .ui5-nli-group-toggle-btn{margin-left:1rem}[dir=rtl] .ui5-nli-group-counter{margin-right:.25rem;margin-left:1rem}

package/src/sap/ui/webc/fiori/thirdparty/css/themes/NotificationListItem.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;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:"";border:var(--_ui5_listitembase_focus_width) dotted var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-right:.5rem}.ui5-nli-overflow-btn{margin-right:.5rem}[dir=rtl] .ui5-nli-group-action{margin-left:.5rem}[dir=rtl] .ui5-nli-overflow-btn{margin-left:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-right:.5rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}[dir=rtl] .ui5-prio-icon{padding-left:.5rem;padding-right:0}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host([wrapping-type=None]) .ui5-nli-content--ie .ui5-nli-description{max-height:32px}:host([wrapping-type=None]) .ui5-nli-content--ie .ui5-nli-title-text{max-height:32px}:host([_show-more-pressed]) .ui5-nli-content--ie .ui5-nli-title-text{max-height:inherit}:host([_show-more-pressed]) .ui5-nli-content--ie .ui5-nli-description{max-height:inherit}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding:1rem .5rem 1rem 1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding:0 1rem 0 .75rem;font-family:"72override",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap}.ui5-nli-footer-divider{position:relative;align-items:center;margin-left:.5rem;margin-right:.625rem}.ui5-nli-footer-divider:after{position:absolute;content:".";top:-20%}.ui5-nli-footer-showMore{margin-left:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}[dir=rtl] .ui5-nli-footer-divider{margin-right:.5rem;margin-left:.625rem}[dir=rtl] .ui5-nli-footer-showMore{margin-right:1rem}