@openui5/sap.ui.webc.fiori 1.96.2 → 1.97.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,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}

package/src/sap/ui/webc/fiori/thirdparty/css/themes/NotificationListItemBase.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}

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

@@ -0,0 +1 @@
+.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}

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

@@ -0,0 +1 @@
+:host(:not([hidden])){width:100%;height:100%;display:inline-block}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host([floating-footer]) .ui5-page-footer-root{opacity:1;bottom:.5rem}:host([media-range=S]) .ui5-page-content-root,:host([media-range=S][floating-footer]) .ui5-page-footer-root{padding:0 1rem}:host([media-range=S]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 .25rem}:host([media-range=L]) .ui5-page-content-root,:host([media-range=L][floating-footer]) .ui5-page-footer-root,:host([media-range=M]) .ui5-page-content-root,:host([media-range=M][floating-footer]) .ui5-page-footer-root{padding:0 2rem}:host([media-range=L]) ::slotted([ui5-bar][slot=header]),:host([media-range=M]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=XL]) .ui5-page-content-root,:host([media-range=XL][floating-footer]) .ui5-page-footer-root{padding:0 3rem}:host([media-range=XL]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 2.25rem}:host([disable-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root{display:none}:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s ease-in-out forwards}:host([floating-footer][hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s ease-in-out forwards}:host([background-design=Solid]){background-color:var(--sapBackgroundColor)}:host([background-design=Transparent]){background-color:transparent}:host([background-design=List]){background-color:var(--_ui5_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}

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

@@ -0,0 +1 @@
+:host{font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize)}.ui5-product-switch-root{display:flex;flex-wrap:wrap;width:752px;padding:1.25rem .75rem}:host([desktop-columns="3"]) .ui5-product-switch-root{width:564px}@media only screen and (max-width:900px){.ui5-product-switch-root{width:564px}}@media only screen and (max-width:600px){.ui5-product-switch-root,:host([desktop-columns="3"]) .ui5-product-switch-root{flex-direction:column;padding:0;width:100%}}

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

@@ -0,0 +1 @@
+:host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--_ui5_product_switch_item_outline);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;-ms-user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:"";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}

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

@@ -0,0 +1 @@
+:host(:not([hidden])){display:inline-block;width:100%}.ui5-shellbar-root{position:relative;display:flex;justify-content:space-between;align-items:center;background:var(--sapShellColor);height:2.75rem;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;box-sizing:border-box}.ui5-shellbar-button,.ui5-shellbar-image-button,.ui5-shellbar-menu-button,::slotted([ui5-button][slot=startButton]){height:2.25rem;padding:0;margin-left:.5rem;border:none;background:transparent;outline-color:var(--sapShell_TextColor);color:var(--sapShell_TextColor);box-sizing:border-box;cursor:pointer;border-radius:.25rem;position:relative;font-size:.75rem;font-weight:700;white-space:normal;overflow:initial;text-overflow:clip}.ui5-shellbar-button,.ui5-shellbar-menu-button,::slotted([ui5-button][slot=startButton]){outline:none}.ui5-shellbar-button:hover,.ui5-shellbar-image-button:hover,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:hover,::slotted([ui5-button][slot=startButton]:hover){background:var(--sapShell_Hover_Background)}.ui5-shellbar-button[active],.ui5-shellbar-image-button:active,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:active,::slotted([ui5-button][slot=startButton][active]){background:var(--sapShell_Active_Background);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-button[focused]:after,.ui5-shellbar-image-button:focus:after,.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive:focus:after,::slotted([ui5-button][slot=startButton][focused]):after{content:"";position:absolute;width:calc(100% - .375rem);height:calc(100% - .375rem);border:1px dotted var(--sapContent_ContrastFocusColor);pointer-events:none;left:2px;top:2px;z-index:1}slot[name=profile]{min-width:0}::slotted([ui5-avatar][slot=profile]){min-width:0;width:2rem;height:2rem;padding:.25rem;pointer-events:none}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive::-moz-focus-inner{border:none}.ui5-shellbar-menu-button-title{display:inline-block;font-family:"72override",var(--sapFontFamily);margin:0;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:auto}:host(:not([primary-title])) .ui5-shellbar-menu-button{min-width:2.25rem;justify-content:center}:host(:not([primary-title])) .ui5-shellbar-menu-button span{margin-left:0}:host([breakpoint-size=S]) .ui5-shellbar-menu-button span{margin-left:.5rem}.ui5-shellbar-secondary-title{display:inline-block;margin:0 .5rem;font-size:var(--sapFontSmallSize);color:var(--sapShell_TextColor);line-height:1rem;font-weight:400;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{display:inline-block;margin-left:.375rem;width:10px;height:10px;width:0;height:0;color:var(--sapShell_InteractiveTextColor);border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--sapShell_TextColor)}.ui5-shellbar-overflow-container{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.ui5-shellbar-overflow-container-middle{align-self:center;height:2.5rem;width:3rem;flex-shrink:0}@keyframes Behind_layer{0%{transform:rotate(1turn)}}@keyframes Top_layer{0%{transform:rotate(-1turn)}}:host([breakpoint-size=S]) .ui5-shellbar-root{padding:.25rem 1rem}:host([breakpoint-size=S]) .ui5-shellbar-search-full-width-wrapper{padding:.25rem 1rem}:host([breakpoint-size=S]) ::slotted([ui5-button][slot=startButton]){margin-right:0}:host([breakpoint-size=M]) .ui5-shellbar-root{padding:.25rem 2rem}:host([breakpoint-size=M]) .ui5-shellbar-search-full-width-wrapper{padding:.25rem 2rem}:host([breakpoint-size=L]) .ui5-shellbar-root{padding:.25rem 2rem}:host([breakpoint-size=XL]) .ui5-shellbar-root{padding:.25rem 3rem}:host([breakpoint-size=XXL]) .ui5-shellbar-root{padding:.25rem 3rem}.ui5-shellbar-logo{cursor:pointer;max-height:2rem}.ui5-shellbar-logo:focus{outline:1px dotted var(--sapContent_ContrastFocusColor);outline-offset:var(--_ui5_shellbar_logo_outline_offset)}.ui5-shellbar-button{width:2.5rem}.ui5-shellbar-image-buttonImage{border-radius:50%;width:1.75rem;height:1.75rem;display:flex;background-size:cover}.ui5-shellbar-image-button{display:flex;justify-content:center;align-items:center;min-width:2.25rem;height:2.25rem;display:inline-flex;padding:0}.ui5-shellbar-overflow-container-left{justify-content:flex-start;margin-right:.5rem}.ui5-shellbar-with-coPilot .ui5-shellbar-overflow-container-left{flex-basis:50%;max-width:calc(50% - 1.5rem)}.ui5-shellbar-menu-button{white-space:nowrap;overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui5-shellbar-menu-button.ui5-shellbar-menu-button--interactive{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}:host(:not([with-logo])) .ui5-shellbar-menu-button{margin-left:0}.ui5-shellbar-overflow-container-right{display:block;overflow:hidden;box-sizing:border-box;white-space:nowrap;flex:1}:host(:not([show-search-field])) .ui5-shellbar-overflow-container-right{margin-left:8rem}.ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{display:flex;justify-content:flex-end}.ui5-shellbar-overflow-button{display:none}:host([breakpoint-size=M]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-secondary-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-logo+.ui5-shellbar-menu-button-title,:host([breakpoint-size=S]) .ui5-shellbar-menu-button+.ui5-shellbar-menu-button-title{display:none}:host([breakpoint-size=S]) .ui5-shellbar-overflow-container-right{margin-left:0}.ui5-shellbar-overflow-button-shown{display:inline-block}.ui5-shellbar-hidden-button,.ui5-shellbar-invisible-button{visibility:hidden}.ui5-shellbar-coPilot{background-color:transparent;cursor:pointer}:host([breakpoint-size=L]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-left:1rem}:host([breakpoint-size=XL]) .ui5-shellbar-with-searchfield .ui5-shellbar-overflow-container-right{margin-left:1rem}:host(:not([notifications-count])) .ui5-shellbar-bell-button{position:relative}.ui5-shellbar-button[data-count]:before,:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before{position:absolute;width:auto;height:1rem;min-width:1rem;background:var(--sapContent_BadgeBackground);color:var(--sapShell_TextColor);top:.125rem;left:1.5rem;padding:.25rem;border-radius:1rem;display:flex;justify-content:center;align-items:center;font-size:var(--sapFontSmallSize);font-family:"72override",var(--sapFontFamily);z-index:2;box-sizing:border-box}:host([notifications-count]:not([notifications-count=""])) .ui5-shellbar-bell-button:before{content:attr(data-ui5-notifications-count)}.ui5-shellbar-button[data-count]:before{content:attr(data-count)}.ui5-shellbar-menu-button{margin-left:.5rem}.ui5-shellbar-search-field{flex-grow:1;min-width:240px;margin-left:.5rem;max-width:25rem}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-search-full-field{height:2.25rem;width:100%}.ui5-shellbar-search-full-width-wrapper{position:absolute;top:0;left:0;background:var(--sapShellColor);height:100%;width:100%;z-index:100;display:flex;align-items:center;box-sizing:border-box}.ui5-shellbar-search-full-width-wrapper .ui5-shellbar-button{width:auto}::slotted([ui5-input]){background-color:var(--sapShellColor);border:1px solid var(--sapShell_InteractiveBorderColor);color:var(--sapShell_TextColor);height:100%;width:100%}::slotted([ui5-input][focused]){outline:1px dotted var(--sapContent_ContrastFocusColor)}::slotted([slot=logo]){max-height:2rem;pointer-events:none}[ui5-input][value-state]:not([readonly]){background:var(--sapShellColor);border:1px solid var(--sapShell_InteractiveBorderColor)}[ui5-input]:not([value-state]):not([readonly]):hover,[ui5-input][value-state]:not([readonly]):hover{background:var(--sapShell_Hover_Background);border:1px solid var(--sapShell_InteractiveBorderColor)}[ui5-input][value-state]:not([value-state=None])[focused]{outline:1px dotted var(--sapContent_ContrastFocusColor)}.ui5-shellbar-copilot-wrapper{position:relative;outline:none;box-sizing:border-box}.ui5-shellbar-copilot-wrapper:hover{background:var(--sapShell_Hover_Background)}.ui5-shellbar-copilot-wrapper:active,.ui5-shellbar-copilot-wrapper[active]{background:var(--sapShell_Active_Background)}.ui5-shellbar-copilot-wrapper:focus:after{content:"";position:absolute;width:100%;height:calc(100% - .75rem);border:1px dotted var(--sapContent_ContrastFocusColor);pointer-events:none;left:0;top:.25rem;z-index:1}.ui5-shellbar-co-pilot-placeholder{width:2.75rem;height:2.75rem}.ui5-shellbar-co-pilot-circle{fill:var(--sapShellColor)}:host [dir=rtl] ::slotted([ui5-button][slot=startButton]){margin-left:.5rem;margin-right:0}:host [dir=rtl] .ui5-shellbar-menu-button{margin-right:.5rem;margin-left:0}[dir=rtl] .ui5-shellbar-menu-button--interactive .ui5-shellbar-menu-button-arrow{margin-right:.375rem;margin-left:0}:host(:not([show-search-field])) [dir=rtl] .ui5-shellbar-overflow-container-right{margin-right:8rem;margin-left:0}[dir=rtl] .ui5-shellbar-overflow-container-right{margin-left:0}[dir=rtl] .ui5-shellbar-overflow-container-right .ui5-shellbar-overflow-container-right-child{float:left}:host([breakpoint-size=S]) [dir=rtl] .ui5-shellbar-overflow-container-right{margin-right:0}::slotted([ui5-button][slot=startButton]){margin-right:.5rem;margin-left:0;justify-content:center;align-items:center}::slotted([ui5-button][profile-btn]){width:auto}

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

@@ -0,0 +1 @@
+:host(:not([hidden])){display:inline-block;width:15rem;height:100%;border-right:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor);transition:width .25s;--_ui5-tree-toggle-box-width:1rem}:host([collapsed]){width:3rem;min-width:3rem}.ui5-sn-bottom-content-border{width:100%;padding:0 .5rem;margin:.25rem 0;display:flex;justify-content:center;box-sizing:border-box}.ui5-sn-bottom-content-border>span{width:90%;height:.125rem;background:var(--sapList_GroupHeaderBorderColor)}.ui5-sn-root{height:100%;display:flex;flex-direction:column;background:var(--sapList_Background)}.ui5-sn-spacer{flex:auto;min-height:3rem}

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

@@ -0,0 +1 @@
+:host(:not([hidden])){display:block}.ui5-timeline-root{padding:var(--_ui5_tl_padding);box-sizing:border-box;overflow:hidden}.ui5-timeline-list{list-style:none;margin:0;padding:0}.ui5-timeline-list-item{margin-bottom:var(--_ui5_tl_li_margin_bottom)}.ui5-timeline-list-item:last-child{margin-bottom:0}:host([layout=Horizontal]) .ui5-timeline-list{white-space:nowrap;list-style:none;margin:0;padding:0}:host([layout=Horizontal]) .ui5-timeline-list-item{display:inline-block;margin-left:var(--_ui5_tl_li_margin_bottom)}:host([layout=Horizontal]) .ui5-timeline-scroll-container{overflow:auto;width:calc(100% + .5rem)}:host([layout=Horizontal]) [dir=rtl] .ui5-timeline-list-item{display:inline-block;margin-left:inherit;margin-right:var(--_ui5_tl_li_margin_bottom)}:host([layout=Horizontal]) [dir=rtl] .ui5-timeline-scroll-container{width:calc(100% - .5rem)}

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

@@ -0,0 +1 @@
+:host(:not([hidden])){display:block}.ui5-tli-root{display:flex}:host([layout=Horizontal]) .ui5-tli-root{flex-direction:column}:host([layout=Vertical]) .ui5-tli-indicator{position:relative;width:2rem}:host([layout=Horizontal]) .ui5-tli-indicator{position:relative;display:flex;height:2rem;align-items:center}:host([layout=Vertical]) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);width:1px;position:absolute;top:2.125rem;bottom:var(--_ui5_timeline_tli_indicator_before_bottom);left:50%}:host([layout=Horizontal]) .ui5-tli-indicator:before{content:"";display:inline-block;background-color:var(--sapContent_ForegroundBorderColor);height:1px;top:50%;position:absolute;left:2.0625rem;right:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Vertical]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom)}:host([layout=Horizontal]) .ui5-tli-indicator.ui5-tli-indicator-large-line:before{right:var(--_ui5_timeline_tli_indicator_before_without_icon_right)}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator:before{bottom:var(--_ui5_timeline_tli_indicator_before_without_icon_bottom);top:1.875rem}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:before{top:50%;right:var(--_ui5_timeline_tli_indicator_before_without_icon_right);left:1.6875rem}:host([layout=Vertical]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{bottom:var(--_ui5_timeline_tli_indicator_before_bottom)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator.ui5-tli-indicator-short-line:before{right:var(--_ui5_timeline_tli_indicator_before_right)}:host(:not([icon])) .ui5-tli-indicator:after{content:"";display:inline-block;box-sizing:border-box;border:1px solid var(--sapContent_NonInteractiveIconColor);background-color:var(--sapContent_NonInteractiveIconColor);border-radius:50%;width:.4375rem;height:.4375rem;position:absolute;top:.9375rem;left:50%;transform:translateX(-50%)}:host([layout=Horizontal]:not([icon])) .ui5-tli-indicator:after{top:.78125rem;left:.9625rem}:host(:last-child) .ui5-tli-indicator:before{display:none}.ui5-tli-icon-outer{display:flex;justify-content:center;align-items:center;margin-top:.25rem;height:1.625rem;width:2rem}:host([layout=Horizontal]) .ui5-tli-icon-outer{margin-top:0;height:1.3125rem}.ui5-tli-icon{color:var(--sapContent_NonInteractiveIconColor);height:1.375rem;width:1.375rem}:host([layout=Horizontal]) .ui5-tli-dummy-icon-container{height:1.375rem;width:1.375rem;display:inline-block;outline:none}.ui5-tli-bubble{background:var(--sapGroup_ContentBackground);border:1px solid var(--sapList_BorderColor);box-sizing:border-box;border-radius:.25rem;flex:1;position:relative;margin-left:.5rem;padding:var(--_ui5_tl_bubble_padding)}:host([layout=Horizontal]) .ui5-tli-bubble{margin-top:.5rem;margin-left:0}.ui5-tli-bubble:focus{outline:none}.ui5-tli-bubble:focus:after{content:"";border:var(--_ui5_TimelineItem_bubble_outline_width) dotted var(--sapContent_FocusColor);position:absolute;top:var(--_ui5_TimelineItem_bubble_outline_top);right:var(--_ui5_TimelineItem_bubble_outline_right);bottom:var(--_ui5_TimelineItem_bubble_outline_bottom);left:var(--_ui5_TimelineItem_bubble_outline_left);pointer-events:none}:host([layout=Horizontal]) .ui5-tli-bubble:focus:after{top:-.625rem;left:-.125rem}.ui5-tli-bubble-arrow{width:var(--_ui5_TimelineItem_arrow_size);padding-bottom:var(--_ui5_TimelineItem_arrow_size);position:absolute;pointer-events:none;top:0;left:0;overflow:hidden}.ui5-tli-bubble-arrow:before{content:"";background:var(--sapGroup_ContentBackground);border:1px solid var(--sapList_BorderColor);position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 100%;transform:rotate(45deg)}:host([layout=Horizontal]) .ui5-tli-bubble-arrow:before{transform:rotate(315deg)}.ui5-tli-bubble-arrow--left{left:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--top{top:calc(var(--_ui5_TimelineItem_arrow_size)*-1)}.ui5-tli-bubble-arrow--left:before{left:50%;width:50%;transform-origin:100% 100%}.ui5-tli-bubble-arrow--top:before{left:42%;width:75%;transform-origin:152% 104%}.ui5-tli-desc,.ui5-tli-title{color:var(--sapTextColor);font-family:"72override",var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSize)}.ui5-tli-title span{display:inline-block;vertical-align:top}.ui5-tli-subtitle{color:var(--sapContent_LabelColor);font-family:"72override",var(--sapFontFamily);font-weight:400;font-size:var(--sapFontSmallSize);padding-top:.375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui5-tli-desc{padding-top:.75rem}[dir=rtl] .ui5-tli-bubble-arrow--left{right:calc(var(--_ui5_TimelineItem_arrow_size)*-1);left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble-arrow--top{right:0;left:auto;transform:scaleX(-1)}[dir=rtl] .ui5-tli-bubble{margin-left:auto;margin-right:.5rem}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble{margin-right:0}[dir=rtl] .ui5-tli-bubble:focus:after{left:var(--_ui5_TimelineItem_bubble_rtl_left_offset);right:var(--_ui5_TimelineItem_bubble_rtl_right_offset)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-bubble:focus:after{right:0}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:after{right:.625rem}:host([layout=Horizontal]:not([icon])) [dir=rtl] .ui5-tli-indicator:before{right:1.9375rem;left:var(--_ui5_timeline_tli_indicator_before_right)}:host([layout=Horizontal]) [dir=rtl] .ui5-tli-indicator:before{left:var(--_ui5_timeline_tli_indicator_before_right);right:2.125rem}

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

@@ -0,0 +1 @@
+:host(:not([hidden])){display:block}.ui5-uc-content{position:relative}.uc-no-files{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background-color:var(--sapGroup_ContentBackground)}.uc-no-files .icon-container{display:flex;align-items:center;justify-content:center;width:100%;height:8rem}.uc-no-files .icon-container [ui5-icon]{width:6rem;height:6rem;color:var(--sapContent_NonInteractiveIconColor);opacity:.5}.uc-no-files .title{font-size:var(--sapFontHeader2Size);color:var(--sapGroup_TitleTextColor);margin:1rem 0}.uc-no-files .subtitle{font-size:var(--sapFontHeader5Size);color:var(--sapContent_LabelColor);margin-bottom:2rem}.uc-dnd-overlay{position:absolute;top:.5rem;right:.5rem;left:.5rem;bottom:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.uc-drag-overlay{border:var(--ui5_upload_collection_drag_overlay_border)}.uc-drop-overlay{border:var(--ui5_upload_collection_drop_overlay_border)}.uc-dnd-overlay:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--sapGroup_ContentBackground);opacity:.8}.uc-drop-overlay:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--ui5_upload_collection_drop_overlay_background);opacity:.05}.uc-dnd-overlay [ui5-icon]{width:4rem;height:4rem;margin-bottom:1rem;color:var(--sapContent_NonInteractiveIconColor)}.uc-dnd-overlay .dnd-overlay-text{font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontHeader4Size);color:var(--sapContent_NonInteractiveIconColor)}.uc-dnd-overlay .dnd-overlay-text,.uc-dnd-overlay [ui5-icon]{z-index:1;pointer-events:none}.uc-drop-overlay .dnd-overlay-text,.uc-drop-overlay [ui5-icon]{color:var(--sapContent_DragAndDropActiveColor)}.uc-no-files-dnd-overlay{visibility:hidden}

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

@@ -0,0 +1 @@
+:host{height:auto}:host(:not([hidden])){display:block}:host([active][actionable]) .ui5-li-deletebtn ui5-button,:host([active][actionable]) .ui5-uci-description,:host([active][actionable]) .ui5-uci-edit-buttons ui5-button,:host([active][actionable]) .ui5-uci-file-name,:host([active][actionable]) .ui5-uci-progress-labels ui5-label{color:var(--sapList_Active_TextColor)}.ui5-li-root.ui5-uci-root{padding:1rem}.ui5-uci-edit-buttons{display:flex}.ui5-uci-thumbnail{width:3rem;height:3rem;margin-right:.75rem}:host([active][actionable]) ::slotted([ui5-icon][slot=thumbnail]){color:var(--sapList_Active_TextColor)}::slotted([ui5-icon][slot=thumbnail]){width:3rem;height:3rem;font-size:2.5rem}::slotted(img[slot=thumbnail]){width:3rem;height:3rem}:host([actionable]) ::slotted([ui5-icon][slot=thumbnail]){color:var(--sapContent_IconColor)}.ui5-uci-content-and-edit-container{flex:1 1 auto;min-width:0;display:flex;align-items:center}.ui5-uci-content-and-progress{max-width:100%;min-width:0;display:flex;flex:1 1 auto}.ui5-uci-content{flex:1 1 auto;margin-right:.5rem;width:100%;min-width:0}.ui5-uci-file-name{width:100%;display:block;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontLargeSize);color:var(--sapTextColor);margin-bottom:.25rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}[ui5-link].ui5-uci-file-name{pointer-events:all}.ui5-uci-description{margin-top:.375rem;font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapContent_LabelColor);white-space:normal}.ui5-uci-edit-container [ui5-input]{width:60%;pointer-events:all;min-width:auto}.ui5-uci-file-extension{font-family:"72override",var(--sapFontFamily);font-size:var(--sapFontMediumSize);color:var(--sapTextColor);white-space:no-wrap;overflow:hidden;margin-left:.5rem;width:40%;display:inline-block;vertical-align:middle}.ui5-uci-root-editing .ui5-li-deletebtn,.ui5-uci-root-editing .ui5-li-detailbtn,.ui5-uci-root-uploading .ui5-li-deletebtn,.ui5-uci-root-uploading .ui5-li-detailbtn{display:none}.ui5-uci-edit-buttons{pointer-events:all;margin-left:1rem}.ui5-uci-edit-rename-btn{margin-right:.125rem}.ui5-uci-progress-box{width:20%;min-width:4rem}@media(max-width:30rem){.ui5-uci-content-and-edit-container{display:block}.ui5-uci-content-and-progress{flex-wrap:wrap}.ui5-uci-progress-box{width:100%;margin-top:.5rem}.ui5-uci-content{width:100%}.ui5-li-deletebtn,.ui5-li-detailbtn,.ui5-uci-edit-buttons{margin-top:.75rem}.ui5-uci-edit-buttons{margin-left:0}}.ui5-uci-progress-indicator{height:1.125rem;margin-bottom:.5rem;padding:5px 0;box-sizing:border-box}.ui5-uci-progress-labels{display:flex;justify-content:space-between}

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

@@ -0,0 +1 @@
+[on-desktop] .ui5-vsd-content{height:375px;min-width:350px}.ui5-vsd-header{width:100%}.ui5-vsd-header>ui5-bar{height:4rem}.ui5-vsd-title{margin-bottom:.3rem}.ui5-vsd-start{display:flex;justify-content:center;align-items:center}.ui5-vsd-bar-title{display:flex;flex-direction:column;margin-left:.5rem}.ui5-vsd-back-button{margin-right:.5rem}.ui5-vsd-footer{width:100%;display:flex;justify-content:flex-end;margin:.1875rem 1rem;margin-left:.5rem;margin-right:.5rem}.ui5-vsd-footer [ui5-button]:first-child{margin-right:.5rem;min-width:4rem}.ui5-vsd-sort{width:100%;height:100%}[ui5-li-groupheader]{overflow:hidden}