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

package/src/sap/ui/webc/main/thirdparty/ResponsivePopover.js

@@ -1,12 +1,8 @@
 sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/PopupUtils', './generated/i18n/i18n-defaults', './generated/templates/ResponsivePopoverTemplate.lit', './Popover', './Dialog', './Button', './Title', 'sap/ui/webc/common/thirdparty/icons/decline', './generated/themes/ResponsivePopover.css'], function (Device, i18nBundle, PopupUtils, i18nDefaults, ResponsivePopoverTemplate_lit, Popover, Dialog, Button, Title, decline, ResponsivePopover_css) { 'use strict';
 
-	const POPOVER_MIN_WIDTH = 100;
 	const metadata = {
 		tag: "ui5-responsive-popover",
 		properties:  {
-			noStretch: {
-				type: Boolean,
-			},
 			withPadding: {
 				type: Boolean,
 			},
@@ -24,7 +20,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 	class ResponsivePopover extends Popover {
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		static get metadata() {
 			return metadata;
@@ -45,31 +40,26 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 		}
 		static get dependencies() {
 			return [
+				...Popover.dependencies,
 				Button,
 				Dialog,
 				Title,
 			];
 		}
 		async showAt(opener, preventInitialFocus = false) {
-			this.style.display = this._isPhone ? "contents" : "";
-			if (this.isOpen() || (this._dialog && this._dialog.isOpen())) {
-				return;
-			}
 			if (!Device.isPhone()) {
-				if (!this.noStretch) {
-					this._minWidth = Math.max(POPOVER_MIN_WIDTH, opener.getBoundingClientRect().width);
-				}
 				await super.showAt(opener, preventInitialFocus);
 			} else {
+				this.style.display = "contents";
 				this.style.zIndex = PopupUtils.getNextZIndex();
-				await this._dialog.show();
+				await this._dialog.show(preventInitialFocus);
 			}
 		}
 		close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {
 			if (!Device.isPhone()) {
 				super.close(escPressed, preventRegistryUpdate, preventFocusRestore);
 			} else {
-				this._dialog.close();
+				this._dialog.close(escPressed, preventRegistryUpdate, preventFocusRestore);
 			}
 		}
 		toggle(opener) {
@@ -81,13 +71,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 		isOpen() {
 			return Device.isPhone() ? this._dialog.isOpen() : super.isOpen();
 		}
-		get styles() {
-			const popoverStyles = super.styles;
-			popoverStyles.root = {
-				"min-width": `${this._minWidth}px`,
-			};
-			return popoverStyles;
-		}
 		get _dialog() {
 			return this.shadowRoot.querySelector("[ui5-dialog]");
 		}
@@ -101,7 +84,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			return this._isPhone || !this.contentOnlyOnDesktop;
 		}
 		get _closeDialogAriaLabel() {
-			return this.i18nBundle.getText(i18nDefaults.RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON);
+			return ResponsivePopover.i18nBundle.getText(i18nDefaults.RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON);
 		}
 		_afterDialogOpen(event) {
 			this.opened = true;
@@ -116,7 +99,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			this.fireEvent(type, event.detail);
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			ResponsivePopover.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	ResponsivePopover.define();

package/src/sap/ui/webc/main/thirdparty/SegmentedButton.js

@@ -11,7 +11,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		tag: "ui5-segmented-button",
 		altTag: "ui5-segmentedbutton",
 		languageAware: true,
-		properties:   {},
+		properties:   {
+			 accessibleName: {
+				type: String,
+				defaultValue: undefined,
+			},
+		},
 		managedSlots: true,
 		slots:  {
 			"default": {
@@ -44,7 +49,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [SegmentedButtonItem];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			SegmentedButton.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		constructor() {
 			super();
@@ -55,7 +60,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.percentageWidthSet = false;
 			this.hasPreviouslyFocusedItem = false;
 			this._handleResizeBound = this._doLayout.bind(this);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onEnterDOM() {
 			ResizeHandler__default.register(this.parentNode, this._handleResizeBound);
@@ -121,6 +125,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_onclick(event) {
 			this._selectItem(event);
+			this.selectedItem.focus();
 		}
 		_onkeydown(event) {
 			if (Keys.isEnter(event)) {
@@ -167,10 +172,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this._selectedItem;
 		}
 		get ariaDescribedBy() {
-			return this.i18nBundle.getText(i18nDefaults.SEGMENTEDBUTTON_ARIA_DESCRIBEDBY);
+			return SegmentedButton.i18nBundle.getText(i18nDefaults.SEGMENTEDBUTTON_ARIA_DESCRIBEDBY);
 		}
 		get ariaDescription() {
-			return this.i18nBundle.getText(i18nDefaults.SEGMENTEDBUTTON_ARIA_DESCRIPTION);
+			return SegmentedButton.i18nBundle.getText(i18nDefaults.SEGMENTEDBUTTON_ARIA_DESCRIPTION);
 		}
 	}
 	SegmentedButton.define();

package/src/sap/ui/webc/main/thirdparty/SegmentedButtonItem.js

@@ -29,7 +29,7 @@ sap.ui.define(['./generated/templates/SegmentedButtonItemTemplate.lit', './Toggl
 			return SegmentedButtonItemTemplate_lit;
 		}
 		get ariaDescription() {
-			return this.i18nBundle.getText(i18nDefaults.SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION);
+			return SegmentedButtonItem.i18nBundle.getText(i18nDefaults.SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION);
 		}
 	}
 	SegmentedButtonItem.define();

package/src/sap/ui/webc/main/thirdparty/Select.js

@@ -1,9 +1,10 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/decline', './generated/i18n/i18n-defaults', './Option', './Label', './ResponsivePopover', './Popover', './List', './StandardListItem', './Icon', './Button', './generated/templates/SelectTemplate.lit', './generated/templates/SelectPopoverTemplate.lit', './generated/themes/Select.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/SelectPopover.css'], function (UI5Element, litRender, Keys, Integer, FeaturesRegistry, AriaLabelHelper, ValueState, slimArrowDown, Device, i18nBundle, decline, i18nDefaults, Option, Label, ResponsivePopover, Popover, List, StandardListItem, Icon, Button, SelectTemplate_lit, SelectPopoverTemplate_lit, Select_css, ResponsivePopoverCommon_css, ValueStateMessage_css, SelectPopover_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/util/InvisibleMessage', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/icons/decline', './generated/i18n/i18n-defaults', './Option', './Label', './ResponsivePopover', './Popover', './List', './StandardListItem', './Icon', './Button', './generated/templates/SelectTemplate.lit', './generated/templates/SelectPopoverTemplate.lit', './generated/themes/Select.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/SelectPopover.css'], function (UI5Element, litRender, Keys, announce, Integer, FeaturesRegistry, AriaLabelHelper, ValueState, slimArrowDown, Device, i18nBundle, decline, i18nDefaults, Option, Label, ResponsivePopover, Popover, List, StandardListItem, Icon, Button, SelectTemplate_lit, SelectPopoverTemplate_lit, Select_css, ResponsivePopoverCommon_css, ValueStateMessage_css, SelectPopover_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
 	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
 	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
+	var announce__default = /*#__PURE__*/_interopDefaultLegacy(announce);
 	var Integer__default = /*#__PURE__*/_interopDefaultLegacy(Integer);
 	var ValueState__default = /*#__PURE__*/_interopDefaultLegacy(ValueState);
 
@@ -101,7 +102,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._lastSelectedOption = null;
 			this._typedChars = "";
 			this._typingTimeoutID = -1;
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onBeforeRendering() {
 			this._syncSelection();
@@ -114,13 +114,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					this._listWidth = this.responsivePopover.offsetWidth;
 				}
 			}
+			this._attachRealDomRefs();
 		}
 		_onfocusin() {
 			this.focused = true;
 		}
 		_onfocusout() {
 			this.focused = false;
-			this.itemSelectionAnnounce();
 		}
 		get _isPickerOpen() {
 			return !!this.responsivePopover && this.responsivePopover.opened;
@@ -130,7 +130,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return staticAreaItem.querySelector("[ui5-responsive-popover]");
 		}
 		get selectedOption() {
-			return this.options.find(option => option.selected);
+			return this._filteredItems.find(option => option.selected);
 		}
 		async _toggleRespPopover() {
 			this._iconPressed = true;
@@ -144,14 +144,21 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.responsivePopover.showAt(this);
 			}
 		}
+		async _attachRealDomRefs() {
+			this.responsivePopover = await this._respPopover();
+			this.options.forEach(option => {
+				option._getRealDomRef = () => this.responsivePopover.querySelector(`*[data-ui5-stable=${option.stableDomRef}]`);
+			});
+		}
 		_syncSelection() {
 			let lastSelectedOptionIndex = -1,
 				firstEnabledOptionIndex = -1;
-			const opts = this.options.map((opt, index) => {
+			const options = this._filteredItems;
+			const syncOpts = options.map((opt, index) => {
 				if (opt.selected || opt.textContent === this.value) {
 					lastSelectedOptionIndex = index;
 				}
-				if (!opt.disabled && (firstEnabledOptionIndex === -1)) {
+				if (firstEnabledOptionIndex === -1) {
 					firstEnabledOptionIndex = index;
 				}
 				opt.selected = false;
@@ -159,34 +166,34 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				return {
 					selected: false,
 					_focused: false,
-					disabled: opt.disabled,
 					icon: opt.icon,
 					value: opt.value,
 					textContent: opt.textContent,
+					title: opt.title,
 					id: opt._id,
 					stableDomRef: opt.stableDomRef,
 				};
 			});
-			if (lastSelectedOptionIndex > -1 && !opts[lastSelectedOptionIndex].disabled) {
-				opts[lastSelectedOptionIndex].selected = true;
-				opts[lastSelectedOptionIndex]._focused = true;
-				this.options[lastSelectedOptionIndex].selected = true;
-				this.options[lastSelectedOptionIndex]._focused = true;
-				this._text = opts[lastSelectedOptionIndex].textContent;
+			if (lastSelectedOptionIndex > -1 && !syncOpts[lastSelectedOptionIndex].disabled) {
+				syncOpts[lastSelectedOptionIndex].selected = true;
+				syncOpts[lastSelectedOptionIndex]._focused = true;
+				options[lastSelectedOptionIndex].selected = true;
+				options[lastSelectedOptionIndex]._focused = true;
+				this._text = syncOpts[lastSelectedOptionIndex].textContent;
 				this._selectedIndex = lastSelectedOptionIndex;
 			} else {
 				this._text = "";
 				this._selectedIndex = -1;
-				if (opts[firstEnabledOptionIndex]) {
-					opts[firstEnabledOptionIndex].selected = true;
-					opts[firstEnabledOptionIndex]._focused = true;
-					this.options[firstEnabledOptionIndex].selected = true;
-					this.options[firstEnabledOptionIndex]._focused = true;
+				if (syncOpts[firstEnabledOptionIndex]) {
+					syncOpts[firstEnabledOptionIndex].selected = true;
+					syncOpts[firstEnabledOptionIndex]._focused = true;
+					options[firstEnabledOptionIndex].selected = true;
+					options[firstEnabledOptionIndex]._focused = true;
 					this._selectedIndex = firstEnabledOptionIndex;
-					this._text = this.options[firstEnabledOptionIndex].textContent;
+					this._text = options[firstEnabledOptionIndex].textContent;
 				}
 			}
-			this._syncedOptions = opts;
+			this._syncedOptions = syncOpts;
 		}
 		_enableFormSupport() {
 			const FormSupport = FeaturesRegistry.getFeature("FormSupport");
@@ -247,7 +254,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 		}
 		_searchNextItemByText(text) {
-			let orderedOptions = this.options.slice(0);
+			let orderedOptions = this._filteredItems.slice(0);
 			const optionsAfterSelected = orderedOptions.splice(this._selectedIndex + 1, orderedOptions.length - this._selectedIndex);
 			const optionsBeforeSelected = orderedOptions.splice(0, orderedOptions.length - 1);
 			orderedOptions = optionsAfterSelected.concat(optionsBeforeSelected);
@@ -258,7 +265,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._changeSelectedItem(this._selectedIndex, 0);
 		}
 		_handleEndKey(event) {
-			const lastIndex = this.options.length - 1;
+			const lastIndex = this._filteredItems.length - 1;
 			event.preventDefault();
 			this._changeSelectedItem(this._selectedIndex, lastIndex);
 		}
@@ -275,12 +282,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [].indexOf.call(item.parentElement.children, item);
 		}
 		_select(index) {
-			this.options[this._selectedIndex].selected = false;
+			this._filteredItems[this._selectedIndex].selected = false;
 			this._selectedIndex = index;
-			this.options[index].selected = true;
+			this._filteredItems[index].selected = true;
 		}
 		_handleItemPress(event) {
-			const item = event.detail.item;
+			const item = event.detail.selectedItems[0];
 			const selectedItemIndex = this._getSelectedItemIndex(item);
 			this._handleSelectionChange(selectedItemIndex);
 		}
@@ -311,13 +318,14 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 		}
 		_changeSelectedItem(oldIndex, newIndex) {
-			this.options[oldIndex].selected = false;
-			this.options[oldIndex]._focused = false;
-			this.options[newIndex].selected = true;
-			this.options[newIndex]._focused = true;
+			const options = this._filteredItems;
+			options[oldIndex].selected = false;
+			options[oldIndex]._focused = false;
+			options[newIndex].selected = true;
+			options[newIndex]._focused = true;
 			this._selectedIndex = newIndex;
 			if (!this._isPickerOpen) {
-				this._fireChangeEvent(this.options[newIndex]);
+				this._fireChangeEvent(options[newIndex]);
 			}
 		}
 		_getNextOptionIndex() {
@@ -328,7 +336,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_beforeOpen() {
 			this._selectedIndexBeforeOpen = this._selectedIndex;
-			this._lastSelectedOption = this.options[this._selectedIndex];
+			this._lastSelectedOption = this._filteredItems[this._selectedIndex];
 		}
 		_afterOpen() {
 			this.opened = true;
@@ -340,9 +348,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (this._escapePressed) {
 				this._select(this._selectedIndexBeforeOpen);
 				this._escapePressed = false;
-			} else if (this._lastSelectedOption !== this.options[this._selectedIndex]) {
-				this._fireChangeEvent(this.options[this._selectedIndex]);
-				this._lastSelectedOption = this.options[this._selectedIndex];
+			} else if (this._lastSelectedOption !== this._filteredItems[this._selectedIndex]) {
+				this._fireChangeEvent(this._filteredItems[this._selectedIndex]);
+				this._lastSelectedOption = this._filteredItems[this._selectedIndex];
 			}
 		}
 		_fireChangeEvent(selectedOption) {
@@ -351,12 +359,11 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.fireEvent("selected-item-changed");
 		}
 		get valueStateTextMappings() {
-			const i18nBundle = this.i18nBundle;
 			return {
-				"Success": i18nBundle.getText(i18nDefaults.VALUE_STATE_SUCCESS),
-				"Information": i18nBundle.getText(i18nDefaults.VALUE_STATE_INFORMATION),
-				"Error": i18nBundle.getText(i18nDefaults.VALUE_STATE_ERROR),
-				"Warning": i18nBundle.getText(i18nDefaults.VALUE_STATE_WARNING),
+				"Success": Select.i18nBundle.getText(i18nDefaults.VALUE_STATE_SUCCESS),
+				"Information": Select.i18nBundle.getText(i18nDefaults.VALUE_STATE_INFORMATION),
+				"Error": Select.i18nBundle.getText(i18nDefaults.VALUE_STATE_ERROR),
+				"Warning": Select.i18nBundle.getText(i18nDefaults.VALUE_STATE_WARNING),
 			};
 		}
 		get valueStateText() {
@@ -372,19 +379,28 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.disabled || undefined;
 		}
 		get _headerTitleText() {
-			return this.i18nBundle.getText(i18nDefaults.INPUT_SUGGESTIONS_TITLE);
+			return Select.i18nBundle.getText(i18nDefaults.INPUT_SUGGESTIONS_TITLE);
 		}
 		get _currentSelectedItem() {
-			return this.shadowRoot.querySelector(`#${this.options[this._selectedIndex]._id}-li`);
+			return this.shadowRoot.querySelector(`#${this._filteredItems[this._selectedIndex]._id}-li`);
 		}
 		get _currentlySelectedOption() {
-			return this.options[this._selectedIndex];
+			return this._filteredItems[this._selectedIndex];
 		}
 		get tabIndex() {
 			return this.disabled
 			|| (this.responsivePopover
 			&& this.responsivePopover.opened) ? "-1" : "0";
 		}
+		get _valueStateMessageInputIcon() {
+			const iconPerValueState = {
+				Error: "error",
+				Warning: "alert",
+				Success: "sys-enter-2",
+				Information: "information",
+			};
+			return this.valueState !== ValueState__default.None ? iconPerValueState[this.valueState] : "";
+		}
 		get classes() {
 			return {
 				popoverValueState: {
@@ -394,6 +410,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					"ui5-valuestatemessage--warning": this.valueState === ValueState__default.Warning,
 					"ui5-valuestatemessage--information": this.valueState === ValueState__default.Information,
 				},
+				popover: {
+					"ui5-select-popover-valuestate": this.hasValueState,
+				},
 			};
 		}
 		get styles() {
@@ -402,8 +421,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					"max-width": `${this.offsetWidth}px`,
 				},
 				responsivePopoverHeader: {
-					"display": this.options.length && this._listWidth === 0 ? "none" : "inline-block",
-					"width": `${this.options.length ? this._listWidth : this.offsetWidth}px`,
+					"display": this._filteredItems.length && this._listWidth === 0 ? "none" : "inline-block",
+					"width": `${this._filteredItems.length ? this._listWidth : this.offsetWidth}px`,
 				},
 			};
 		}
@@ -426,12 +445,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get _isPhone() {
 			return Device.isPhone();
 		}
+		get _filteredItems() {
+			return this.options.filter(option => !option.disabled);
+		}
 		itemSelectionAnnounce() {
-			const invisibleText = this.shadowRoot.querySelector(`#${this._id}-selectionText`);
+			let text;
+			const optionsCount = this._filteredItems.length;
+			const itemPositionText = Select.i18nBundle.getText(i18nDefaults.LIST_ITEM_POSITION, this._selectedIndex + 1, optionsCount);
 			if (this.focused && this._currentlySelectedOption) {
-				invisibleText.textContent = this._currentlySelectedOption.textContent;
-			} else {
-				invisibleText.textContent = "";
+				text = `${this._currentlySelectedOption.textContent} ${this._isPickerOpen ? itemPositionText : ""}`;
+				announce__default(text, "Polite");
 			}
 		}
 		async openValueStatePopover() {
@@ -469,6 +492,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				Button,
 			];
 		}
+		static async onDefine() {
+			Select.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
+		}
 	}
 	Select.define();
 

package/src/sap/ui/webc/main/thirdparty/Slider.js

@@ -26,7 +26,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Float', 'sap/ui/webc/co
 			super();
 			this._stateStorage.value = null;
 			this._setInitialValue("value", null);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onBeforeRendering() {
 			if (!this.isCurrentStateOutdated()) {
@@ -142,10 +141,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Float', 'sap/ui/webc/co
 			return this.disabled || undefined;
 		}
 		get _ariaLabelledByText() {
-			return this.i18nBundle.getText(i18nDefaults.SLIDER_ARIA_DESCRIPTION);
+			return Slider.i18nBundle.getText(i18nDefaults.SLIDER_ARIA_DESCRIPTION);
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Slider.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	Slider.define();

package/src/sap/ui/webc/main/thirdparty/SliderBase.js

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/types/Float', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/config/Theme', './generated/themes/SliderBase.css'], function (UI5Element, litRender, Float, Integer, ResizeHandler, Device, Keys, Theme, SliderBase_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/types/Float', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/icons/source-code', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/config/Theme', './generated/themes/SliderBase.css'], function (UI5Element, litRender, Float, Integer, ResizeHandler, Device, sourceCode, Keys, Theme, SliderBase_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -82,6 +82,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				sap_belize: "#bfbfbf",
 				sap_belize_hcw: "#000000",
 				sap_belize_hcb: "#ffffff",
+				sap_horizon: "#89919a",
 			};
 		}
 		static get UP_EVENTS() {
@@ -123,6 +124,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		get classes() {
 			return {
+				root: {
+					"ui5-slider-root-phone": Device.isPhone(),
+				},
 				labelContainer: {
 					"ui5-slider-hidden-labels": this._labelsOverlapping,
 				},
@@ -211,9 +215,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const directionStart = this.directionStart;
 			const step = this._effectiveStep;
 			const newValue = SliderBase.getValueFromInteraction(event, step, min, max, domRect, directionStart);
-			if (Device.isPhone() && this.showTooltip) {
-				this._tooltipVisibility = SliderBase.TOOLTIP_VISIBILITY.VISIBLE;
-			}
 			this._isUserInteraction = true;
 			this._moveEventType = !this._moveEventType ? SliderBase.MOVE_EVENT_MAP[event.type] : this._moveEventType;
 			SliderBase.UP_EVENTS.forEach(upEventType => window.addEventListener(upEventType, this._upHandler));
@@ -229,9 +230,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 		}
 		handleUpBase(valueType) {
-			if (Device.isPhone() && this.showTooltip) {
-				this._tooltipVisibility = SliderBase.TOOLTIP_VISIBILITY.HIDDEN;
-			}
 			SliderBase.UP_EVENTS.forEach(upEventType => window.removeEventListener(upEventType, this._upHandler));
 			window.removeEventListener(this._moveEventType, this._moveHandler);
 			this._moveEventType = null;
@@ -332,8 +330,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const maxStr = String(this._effectiveMax);
 			const minStr = String(this._effectiveMin);
 			const stepStr = String(this._effectiveStep);
-			const tickmarkWidth = "1px";
 			const currentTheme = Theme.getTheme();
+			const tickmarkWidth = "1px";
 			const currentColor = SliderBase.TICKMARK_COLOR_MAP[currentTheme];
 			this._tickmarksAmount = `${maxStr - minStr} / ${stepStr}`;
 			this._hiddenTickmarks = false;
@@ -366,7 +364,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const currentValue = this[affectedValue];
 			const min = this._effectiveMin;
 			const max = this._effectiveMax;
-			let step = this._effectiveStep;
+			let step = this.effectiveDir === "rtl" ? -this._effectiveStep : this._effectiveStep;
 			step = isBigStep && ((max - min) / step > 10) ? (max - min) / 10 : step;
 			if (Keys.isEnd(event)) {
 				return max - currentValue;