@openui5/sap.ui.webc.main 1.96.2 → 1.97.0

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();
@@ -120,7 +120,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_onfocusout() {
 			this.focused = false;
-			this.itemSelectionAnnounce();
 		}
 		get _isPickerOpen() {
 			return !!this.responsivePopover && this.responsivePopover.opened;
@@ -130,7 +129,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;
@@ -147,11 +146,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		_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,7 +159,6 @@ 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,
@@ -167,26 +166,26 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					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 +246,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 +257,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,9 +274,9 @@ 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;
@@ -311,13 +310,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 +328,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 +340,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 +351,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,13 +371,13 @@ 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
@@ -402,8 +401,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 +425,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 +472,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/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, 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: "#d5dadd",
 			};
 		}
 		static get UP_EVENTS() {
@@ -211,9 +212,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 +227,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 +327,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 +361,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;

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

@@ -122,7 +122,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	class StepInput extends UI5Element__default {
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		static get metadata() {
 			return metadata;
@@ -143,19 +142,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			StepInput.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get type() {
 			return InputType.Number;
 		}
 		get decIconTitle() {
-			return this.i18nBundle.getText(i18nDefaults.STEPINPUT_DEC_ICON_TITLE);
+			return StepInput.i18nBundle.getText(i18nDefaults.STEPINPUT_DEC_ICON_TITLE);
 		}
 		get decIconName() {
 			return "less";
 		}
 		get incIconTitle() {
-			return this.i18nBundle.getText(i18nDefaults.STEPINPUT_INC_ICON_TITLE);
+			return StepInput.i18nBundle.getText(i18nDefaults.STEPINPUT_INC_ICON_TITLE);
 		}
 		get incIconName() {
 			return "add";

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

@@ -43,9 +43,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get template() {
 			return SwitchTemplate_lit;
 		}
-		constructor() {
-			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
+		get sapNextIcon() {
+			return this.checked ? "accept" : "less";
 		}
 		_onclick(event) {
 			this.toggle();
@@ -98,10 +97,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this.disabled ? "true" : undefined;
 		}
 		get accessibilityOnText() {
-			return this._textOn || this.i18nBundle.getText(i18nDefaults.SWITCH_ON);
+			return this._textOn || Switch.i18nBundle.getText(i18nDefaults.SWITCH_ON);
 		}
 		get accessibilityOffText() {
-			return this._textOff || this.i18nBundle.getText(i18nDefaults.SWITCH_OFF);
+			return this._textOff || Switch.i18nBundle.getText(i18nDefaults.SWITCH_OFF);
 		}
 		get hiddenText() {
 			return this.checked ? this.accessibilityOnText : this.accessibilityOffText;
@@ -110,7 +109,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [Icon];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Switch.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	Switch.define();

package/src/sap/ui/webc/main/thirdparty/Tab.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/renderer/executeTemplate', './types/SemanticColor', './types/TabLayout', './TabContainer', './Icon', './CustomListItem', './generated/templates/TabTemplate.lit', './generated/templates/TabInStripTemplate.lit', './generated/templates/TabInOverflowTemplate.lit', './generated/themes/Tab.css', './generated/themes/TabInStrip.css', './generated/themes/TabInOverflow.css'], function (UI5Element, litRender, executeTemplate, SemanticColor, TabLayout, TabContainer, Icon, CustomListItem, TabTemplate_lit, TabInStripTemplate_lit, TabInOverflowTemplate_lit, Tab_css, TabInStrip_css, TabInOverflow_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/renderer/executeTemplate', './types/SemanticColor', './TabContainer', './Icon', './CustomListItem', './generated/templates/TabTemplate.lit', './generated/templates/TabInStripTemplate.lit', './generated/templates/TabInOverflowTemplate.lit', './generated/themes/Tab.css', './generated/themes/TabInStrip.css', './generated/themes/TabInOverflow.css'], function (UI5Element, litRender, executeTemplate, SemanticColor, TabContainer, Icon, CustomListItem, TabTemplate_lit, TabInStripTemplate_lit, TabInOverflowTemplate_lit, Tab_css, TabInStrip_css, TabInOverflow_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -70,6 +70,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				CustomListItem,
 			];
 		}
+		get displayText() {
+			let text = this.text;
+			if (this._isInline && this.additionalText) {
+				text += ` (${this.additionalText})`;
+			}
+			return text;
+		}
 		get isSeparator() {
 			return false;
 		}
@@ -125,9 +132,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (this.disabled) {
 				classes.push("ui5-tab-strip-item--disabled");
 			}
-			if (this.tabLayout === TabLayout.Inline) {
+			if (this._isInline) {
 				classes.push("ui5-tab-strip-item--inline");
 			}
+			if (this.additionalText) {
+				classes.push("ui5-tab-strip-item--withAddionalText");
+			}
 			if (!this.icon && !this._mixedMode) {
 				classes.push("ui5-tab-strip-item--textOnly");
 			}

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

@@ -120,7 +120,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._itemNavigation = new ItemNavigation__default(this, {
 				getItemsCallback: () => this._getTabs(),
 			});
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		onBeforeRendering() {
 			this.items.filter(item => !item.isSeparator).forEach((item, index, arr) => {
@@ -322,6 +321,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				root: {
 					"ui5-tc-root": true,
 					"ui5-tc--textOnly": this.textOnly,
+					"ui5-tc--withAdditonalText": this.withAdditonalText,
+					"ui5-tc--standardTabLayout": this.standardTabLayout,
 				},
 				header: {
 					"ui5-tc__header": true,
@@ -361,14 +362,20 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get textOnly() {
 			return this.items.every(item => !item.icon);
 		}
+		get withAdditonalText() {
+			return this.items.some(item => !!item.additionalText);
+		}
+		get standardTabLayout() {
+			return this.tabLayout === TabLayout.Standard;
+		}
 		get previousIconACCName() {
-			return this.i18nBundle.getText(i18nDefaults.TABCONTAINER_PREVIOUS_ICON_ACC_NAME);
+			return TabContainer.i18nBundle.getText(i18nDefaults.TABCONTAINER_PREVIOUS_ICON_ACC_NAME);
 		}
 		get nextIconACCName() {
-			return this.i18nBundle.getText(i18nDefaults.TABCONTAINER_NEXT_ICON_ACC_NAME);
+			return TabContainer.i18nBundle.getText(i18nDefaults.TABCONTAINER_NEXT_ICON_ACC_NAME);
 		}
 		get overflowMenuTitle() {
-			return this.i18nBundle.getText(i18nDefaults.TABCONTAINER_OVERFLOW_MENU_TITLE);
+			return TabContainer.i18nBundle.getText(i18nDefaults.TABCONTAINER_OVERFLOW_MENU_TITLE);
 		}
 		get tabsAtTheBottom() {
 			return this.tabsPlacement === TabContainerTabsPlacement.Bottom;
@@ -388,7 +395,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			TabContainer.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	const isTabLi = el => el.localName === "li" && el.getAttribute("role") === "tab";

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

@@ -118,7 +118,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return [BusyIndicator];
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			Table.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		constructor() {
 			super();
@@ -133,7 +133,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			});
 			this.fnOnRowFocused = this.onRowFocused.bind(this);
 			this._handleResize = this.popinContent.bind(this);
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 			this.tableEndObserved = false;
 			this.addEventListener("ui5-selection-requested", this._handleSelect.bind(this));
 		}
@@ -146,7 +145,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					row._columnsInfo = columnSettings;
 					row._columnsInfoString = JSON.stringify(row._columnsInfo);
 				}
-				row._ariaPosition = this.i18nBundle.getText(i18nDefaults.TABLE_ROW_POSITION, index + 1, rowsCount);
+				row._ariaPosition = Table.i18nBundle.getText(i18nDefaults.TABLE_ROW_POSITION, index + 1, rowsCount);
 				row._busy = this.busy;
 				row.removeEventListener("ui5-_focused", this.fnOnRowFocused);
 				row.addEventListener("ui5-_focused", this.fnOnRowFocused);
@@ -341,6 +340,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		get styles() {
 			return {
+				table: {
+					height: "48px",
+				},
 				busy: {
 					position: this.busyIndPosition,
 				},
@@ -356,17 +358,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return !Device.isIE() && this.growing === TableGrowingMode.Scroll;
 		}
 		get _growingButtonText() {
-			return this.growingButtonText || this.i18nBundle.getText(i18nDefaults.LOAD_MORE_TEXT);
+			return this.growingButtonText || Table.i18nBundle.getText(i18nDefaults.LOAD_MORE_TEXT);
 		}
 		get ariaLabelText() {
-			const headerRowText = this.i18nBundle.getText(i18nDefaults.TABLE_HEADER_ROW_TEXT);
+			const headerRowText = Table.i18nBundle.getText(i18nDefaults.TABLE_HEADER_ROW_TEXT);
 			const columnsTitle = this.columns.map(column => {
 				return column.textContent.trim();
 			}).join(" ");
 			return `${headerRowText} ${columnsTitle}`;
 		}
 		get ariaLabelSelectAllText() {
-			return this.i18nBundle.getText(i18nDefaults.ARIA_LABEL_SELECT_ALL_CHECKBOX);
+			return Table.i18nBundle.getText(i18nDefaults.ARIA_LABEL_SELECT_ALL_CHECKBOX);
 		}
 		get loadMoreAriaLabelledBy() {
 			if (this.moreDataText) {

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

@@ -55,13 +55,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		constructor() {
 			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 		get colSpan() {
 			return this._colSpan;
 		}
 		get ariaLabelText() {
-			return `${this.i18nBundle.getText(i18nDefaults.TABLE_GROUP_ROW_ARIA_LABEL)} ${this.innerText}. ${this._ariaPosition}`;
+			return `${TableGroupRow.i18nBundle.getText(i18nDefaults.TABLE_GROUP_ROW_ARIA_LABEL)} ${this.innerText}. ${this._ariaPosition}`;
 		}
 		visibleColCount() {
 			let count = this._columnsInfo.reduce((acc, column) => {
@@ -79,7 +78,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._colSpan = this.visibleColCount();
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			TableGroupRow.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	TableGroupRow.define();

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

@@ -66,10 +66,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		static get template() {
 			return TableRowTemplate_lit;
 		}
-		constructor() {
-			super();
-			this.i18nBundle = i18nBundle.getI18nBundle("@ui5/webcomponents");
-		}
 		_onmouseup() {
 			this.deactivate();
 		}
@@ -120,7 +116,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (event.isMarked === "button") {
 				return;
 			}
-			if (!this.contains(document.activeElement)) {
+			if (!this.contains(this.getRootNode().activeElement)) {
 				this._onfocusin(event, true );
 				this.deactivate();
 			}
@@ -137,7 +133,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.fireEvent("selection-requested", { row: this });
 		}
 		_getActiveElementTagName() {
-			return document.activeElement.localName.toLocaleLowerCase();
+			return this.getRootNode().activeElement.localName.toLocaleLowerCase();
 		}
 		activate() {
 			if (this.type === TableRowType.Active) {
@@ -208,7 +204,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return `${ariaLabel}. ${this._ariaPosition}`;
 		}
 		get ariaLabelRowSelection() {
-			return this.i18nBundle.getText(i18nDefaults.ARIA_LABEL_ROW_SELECTION);
+			return TableRow.i18nBundle.getText(i18nDefaults.ARIA_LABEL_ROW_SELECTION);
 		}
 		get isSingleSelect() {
 			return this.mode === "SingleSelect";
@@ -230,7 +226,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return textContent.replace(/[\n\r\t]/g, "").trim();
 		}
 		static async onDefine() {
-			await i18nBundle.fetchI18nBundle("@ui5/webcomponents");
+			TableRow.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
 		}
 	}
 	TableRow.define();