@openui5/sap.ui.webc.main 1.93.3 → 1.96.1

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

@@ -10,6 +10,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 			active: {
 				type: Boolean,
 			},
+			title: {
+				type: String,
+			},
 			actionable: {
 				type: Boolean,
 			},
@@ -175,6 +178,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		get modeDelete() {
 			return this._mode === ListMode.Delete;
 		}
+		get renderDeleteButton() {
+			return this.modeDelete;
+		}
 		get disableDeleteButton() {
 			return false;
 		}

package/src/sap/ui/webc/main/thirdparty/MultiComboBox.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/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', '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', 'sap/ui/webc/common/thirdparty/icons/multiselect-all', './MultiComboBoxItem', './Tokenizer', './Token', './Icon', './ResponsivePopover', './List', './StandardListItem', './ToggleButton', './ComboBoxFilters-f59100bd', './Button', './generated/i18n/i18n-defaults', './generated/templates/MultiComboBoxTemplate.lit', './generated/templates/MultiComboBoxPopoverTemplate.lit', './generated/themes/MultiComboBox.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css'], function (UI5Element, litRender, ResizeHandler, ValueState, Keys, Integer, slimArrowDown, Device, i18nBundle, decline, multiselectAll, MultiComboBoxItem, Tokenizer, Token, Icon, ResponsivePopover, List, StandardListItem, ToggleButton, ComboBoxFilters, Button, i18nDefaults, MultiComboBoxTemplate_lit, MultiComboBoxPopoverTemplate_lit, MultiComboBox_css, ResponsivePopoverCommon_css, ValueStateMessage_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/delegate/ResizeHandler', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', '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', 'sap/ui/webc/common/thirdparty/icons/multiselect-all', './MultiComboBoxItem', './Tokenizer', './Token', './Icon', './Popover', './ResponsivePopover', './List', './StandardListItem', './ToggleButton', './ComboBoxFilters-f59100bd', './Button', './generated/i18n/i18n-defaults', './generated/templates/MultiComboBoxTemplate.lit', './generated/templates/MultiComboBoxPopoverTemplate.lit', './generated/themes/MultiComboBox.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css'], function (UI5Element, litRender, ResizeHandler, ValueState, Keys, Integer, slimArrowDown, Device, i18nBundle, decline, multiselectAll, MultiComboBoxItem, Tokenizer, Token, Icon, Popover, ResponsivePopover, List, StandardListItem, ToggleButton, ComboBoxFilters, Button, i18nDefaults, MultiComboBoxTemplate_lit, MultiComboBoxPopoverTemplate_lit, MultiComboBox_css, ResponsivePopoverCommon_css, ValueStateMessage_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -120,6 +120,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				Token,
 				Icon,
 				ResponsivePopover,
+				Popover,
 				List,
 				StandardListItem,
 				ToggleButton,
@@ -204,7 +205,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				if (filteredItems.length === 0) {
 					this.allItemsPopover.close();
 				} else {
-					this.allItemsPopover.open(this);
+					this.allItemsPopover.showAt(this);
 				}
 			}
 			this.fireEvent("input");
@@ -328,7 +329,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_click(event) {
 			if (Device.isPhone() && !this.readonly && !this._showMorePressed) {
-				this.allItemsPopover.open(this);
+				this.allItemsPopover.showAt(this);
 			}
 			this._showMorePressed = false;
 		}
@@ -378,7 +379,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		async openPopover() {
 			const popover = await this._getPopover();
 			if (popover) {
-				popover.openBy(this);
+				popover.showAt(this);
 			}
 		}
 		async closePopover() {

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

@@ -17,7 +17,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/u
 		slots:  {
 			tokens: {
 				type: HTMLElement,
-				multiple: true,
 			},
 		},
 		events:  {

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

@@ -29,6 +29,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			},
 			collapsed: {
 				type: Boolean,
+			},
+			 noAnimation: {
+				type: Boolean,
 			},
 			accessibleRole: {
 				type: PanelAccessibleRole,
@@ -97,8 +100,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 			return true;
 		}
-		shouldAnimate() {
-			return AnimationMode.getAnimationMode() !== AnimationMode__default.None;
+		shouldNotAnimate() {
+			return this.noAnimation || AnimationMode.getAnimationMode() === AnimationMode__default.None;
 		}
 		_headerClick(event) {
 			if (!this.shouldToggle(event.target)) {
@@ -135,7 +138,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				return;
 			}
 			this.collapsed = !this.collapsed;
-			if (!this.shouldAnimate()) {
+			if (this.shouldNotAnimate()) {
 				this.fireEvent("toggle");
 				return;
 			}
@@ -165,7 +168,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get classes() {
 			return {
 				headerBtn: {
-					"ui5-panel-header-button-animated": this.shouldAnimate(),
+					"ui5-panel-header-button-animated": !this.shouldNotAnimate(),
 				},
 			};
 		}

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

@@ -95,13 +95,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/
 			const target = event.target;
 			return target === this._opener || (target.getFocusDomRef && target.getFocusDomRef() === this._opener) || event.composedPath().indexOf(this._opener) > -1;
 		}
-		async openBy(opener, preventInitialFocus = false) {
+		async showAt(opener, preventInitialFocus = false) {
 			if (!opener || this.opened) {
 				return;
 			}
 			this._opener = opener;
 			this._openerRect = opener.getBoundingClientRect();
-			await super.open(preventInitialFocus);
+			await super._open(preventInitialFocus);
 		}
 		_addOpenedPopup() {
 			PopoverRegistry.addOpenedPopover(this);
@@ -120,7 +120,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/
 			const closedPopupParent = PopupUtils.getClosedPopupParent(this._opener);
 			let overflowsBottom = false;
 			let overflowsTop = false;
-			if (closedPopupParent.openBy) {
+			if (closedPopupParent.showAt) {
 				const contentRect = closedPopupParent.contentDOM.getBoundingClientRect();
 				overflowsBottom = openerRect.top > (contentRect.top + contentRect.height);
 				overflowsTop = (openerRect.top + openerRect.height) < contentRect.top;
@@ -139,9 +139,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/
 			}
 		}
 		reposition() {
-			this.show();
+			this._show();
 		}
-		show() {
+		_show() {
 			let placement;
 			const popoverSize = this.getPopoverSize();
 			if (popoverSize.width === 0 || popoverSize.height === 0) {
@@ -160,7 +160,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/
 				return this.close();
 			}
 			if (this._oldPlacement && (this._oldPlacement.left === placement.left) && (this._oldPlacement.top === placement.top) && stretching) {
-				super.show();
+				super._show();
 				this.style.width = this._width;
 				return;
 			}
@@ -197,7 +197,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/
 				top: `${top}px`,
 				left: `${left}px`,
 			});
-			super.show();
+			super._show();
 			if (stretching && this._width) {
 				this.style.width = this._width;
 			}
@@ -416,7 +416,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/
 			return this.hideBackdrop;
 		}
 		get _ariaLabelledBy() {
-			return this.ariaLabel ? undefined : "ui5-popup-header";
+			return this.accessibleName ? undefined : "ui5-popup-header";
 		}
 		get _ariaModal() {
 			return true;

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/util/FocusableElements', 'sap/ui/webc/common/thirdparty/base/util/createStyleInHead', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/util/PopupUtils', './generated/templates/PopupTemplate.lit', './generated/templates/PopupBlockLayerTemplate.lit', './popup-utils/OpenedPopupsRegistry', './generated/themes/Popup.css', './generated/themes/PopupStaticAreaStyles.css'], function (Render, litRender, UI5Element, FocusableElements, createStyleInHead, Keys, PopupUtils, PopupTemplate_lit, PopupBlockLayerTemplate_lit, OpenedPopupsRegistry, Popup_css, PopupStaticAreaStyles_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/util/FocusableElements', 'sap/ui/webc/common/thirdparty/base/util/createStyleInHead', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/util/PopupUtils', './generated/templates/PopupTemplate.lit', './generated/templates/PopupBlockLayerTemplate.lit', './popup-utils/OpenedPopupsRegistry', './generated/themes/Popup.css', './generated/themes/PopupStaticAreaStyles.css'], function (Render, litRender, UI5Element, Device, FocusableElements, createStyleInHead, Keys, PopupUtils, PopupTemplate_lit, PopupBlockLayerTemplate_lit, OpenedPopupsRegistry, Popup_css, PopupStaticAreaStyles_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -24,7 +24,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 			opened: {
 				type: Boolean,
 			},
-			ariaLabel: {
+			accessibleName: {
 				type: String,
 				defaultValue: undefined,
 			},
@@ -63,6 +63,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 		customBlockingStyleInserted = true;
 	};
 	createBlockingStyle();
+	let bodyScrollingBlockers = 0;
 	class Popup extends UI5Element__default {
 		static get metadata() {
 			return metadata;
@@ -100,10 +101,20 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 			event.preventDefault();
 		}
 		static blockBodyScrolling() {
-			document.body.style.top = `-${window.pageYOffset}px`;
+			bodyScrollingBlockers++;
+			if (bodyScrollingBlockers !== 1) {
+				return;
+			}
+			if (window.pageYOffset > 0) {
+				document.body.style.top = `-${window.pageYOffset}px`;
+			}
 			document.body.classList.add("ui5-popup-scroll-blocker");
 		}
 		static unblockBodyScrolling() {
+			bodyScrollingBlockers--;
+			if (bodyScrollingBlockers !== 0) {
+				return;
+			}
 			document.body.classList.remove("ui5-popup-scroll-blocker");
 			window.scrollTo(0, -parseFloat(document.body.style.top));
 			document.body.style.top = "";
@@ -121,7 +132,24 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 		}
 		_onfocusout(e) {
 			if (!e.relatedTarget) {
-				this._root.focus();
+				this._shouldFocusRoot = true;
+			}
+		}
+		_onmousedown(e) {
+			this._root.removeAttribute("tabindex");
+			if (this.shadowRoot.contains(e.target)) {
+				this._shouldFocusRoot = true;
+			} else {
+				this._shouldFocusRoot = false;
+			}
+		}
+		_onmouseup() {
+			this._root.tabIndex = -1;
+			if (this._shouldFocusRoot) {
+				if (Device.isChrome()) {
+					this._root.focus();
+				}
+				this._shouldFocusRoot = false;
 			}
 		}
 		async forwardToFirst() {
@@ -150,6 +178,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 				|| await FocusableElements.getFirstFocusableElement(this)
 				|| this._root;
 			if (element) {
+				if (element === this._root) {
+					element.tabIndex = -1;
+				}
 				element.focus();
 			}
 		}
@@ -159,7 +190,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 		isFocusWithin() {
 			return PopupUtils.isFocusedElementWithinNode(this.shadowRoot.querySelector(".ui5-popup-root"));
 		}
-		async open(preventInitialFocus) {
+		async _open(preventInitialFocus) {
 			const prevented = !this.fireEvent("before-open", {}, true, false);
 			if (prevented) {
 				return;
@@ -172,7 +203,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 			this._zIndex = PopupUtils.getNextZIndex();
 			this.style.zIndex = this._zIndex;
 			this._focusedElementBeforeOpen = PopupUtils.getFocusedElement();
-			this.show();
+			this._show();
 			if (!this._disableInitialFocus && !preventInitialFocus) {
 				this.applyInitialFocus();
 			}
@@ -216,7 +247,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 			this._focusedElementBeforeOpen.focus();
 			this._focusedElementBeforeOpen = null;
 		}
-		show() {
+		_show() {
 			this.style.display = this._displayProp;
 		}
 		hide() {
@@ -227,7 +258,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/
 		get _ariaLabelledBy() {}
 		get _ariaModal() {}
 		get _ariaLabel() {
-			return this.ariaLabel || undefined;
+			return this.accessibleName || undefined;
 		}
 		get _root() {
 			return this.shadowRoot.querySelector(".ui5-popup-root");

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

@@ -1,4 +1,4 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/Keys', './Label', './types/WrappingType', './RadioButtonGroup', './generated/templates/RadioButtonTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/RadioButton.css'], function (Device, FeaturesRegistry, UI5Element, litRender, i18nBundle, ValueState, Keys, Label, WrappingType, RadioButtonGroup, RadioButtonTemplate_lit, i18nDefaults, RadioButton_css) { 'use strict';
+sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/Keys', './Label', './RadioButtonGroup', './types/WrappingType', './generated/templates/RadioButtonTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/RadioButton.css'], function (Device, FeaturesRegistry, UI5Element, litRender, i18nBundle, ValueState, Keys, Label, RadioButtonGroup, WrappingType, RadioButtonTemplate_lit, i18nDefaults, RadioButton_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -7,7 +7,8 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 	var ValueState__default = /*#__PURE__*/_interopDefaultLegacy(ValueState);
 
 	const metadata = {
-		tag: "ui5-radiobutton",
+		tag: "ui5-radio-button",
+		altTag: "ui5-radiobutton",
 		languageAware: true,
 		properties:  {
 			disabled: {
@@ -16,7 +17,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			readonly: {
 				type: Boolean,
 			},
-			selected: {
+			checked: {
 				type: Boolean,
 			},
 			text: {
@@ -32,8 +33,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			value: {
 				type: String,
 			},
-			wrap: {
-				type: Boolean,
+			wrappingType: {
+				type: WrappingType,
+				defaultValue: WrappingType.None,
 			},
 			_tabIndex: {
 				type: String,
@@ -47,7 +49,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			},
 		},
 		events:  {
-			select: {},
+			change: {},
 		},
 	};
 	class RadioButton extends UI5Element__default {
@@ -75,14 +77,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 		}
 		onBeforeRendering() {
 			this.syncGroup();
-			this._wrappingType = this.wrap ? WrappingType.Normal : WrappingType.None;
 			this._enableFormSupport();
 		}
 		syncGroup() {
 			const oldGroup = this._name;
 			const currentGroup = this.name;
-			const oldSelected = this._selected;
-			const currentSelected = this.selected;
+			const oldChecked = this._checked;
+			const currentChecked = this.checked;
 			if (currentGroup !== oldGroup) {
 				if (oldGroup) {
 					RadioButtonGroup.removeFromGroup(this, oldGroup);
@@ -93,18 +94,18 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			} else if (currentGroup) {
 				RadioButtonGroup.enforceSingleSelection(this, currentGroup);
 			}
-			if (this.name && currentSelected !== oldSelected) {
+			if (this.name && currentChecked !== oldChecked) {
 				RadioButtonGroup.updateTabOrder(this.name);
 			}
 			this._name = this.name;
-			this._selected = this.selected;
+			this._checked = this.checked;
 		}
 		_enableFormSupport() {
 			const FormSupport = FeaturesRegistry.getFeature("FormSupport");
 			if (FormSupport) {
 				FormSupport.syncNativeHiddenInput(this, (element, nativeInput) => {
-					nativeInput.disabled = element.disabled || !element.selected;
-					nativeInput.value = element.selected ? element.value : "";
+					nativeInput.disabled = element.disabled || !element.checked;
+					nativeInput.value = element.checked ? element.value : "";
 				});
 			} else if (this.value) {
 				console.warn(`In order for the "value" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`);
@@ -153,15 +154,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 				return this;
 			}
 			if (!this.name) {
-				this.selected = !this.selected;
-				this.fireEvent("select");
+				this.checked = !this.checked;
+				this.fireEvent("change");
 				return this;
 			}
 			RadioButtonGroup.selectItem(this, this.name);
 			return this;
 		}
 		canToggle() {
-			return !(this.disabled || this.readonly || this.selected);
+			return !(this.disabled || this.readonly || this.checked);
 		}
 		valueStateTextMappings() {
 			const i18nBundle = this.i18nBundle;
@@ -172,6 +173,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 		}
 		get classes() {
 			return {
+				main: {},
 				inner: {
 					"ui5-radio-inner--hoverable": !this.disabled && !this.readonly && Device.isDesktop(),
 				},

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

@@ -7,11 +7,11 @@ sap.ui.define(function () { 'use strict';
 		static getGroup(groupName) {
 			return this.groups.get(groupName);
 		}
-		static getSelectedRadioFromGroup(groupName) {
-			return this.selectedRadios.get(groupName);
+		static getCheckedRadioFromGroup(groupName) {
+			return this.checkedRadios.get(groupName);
 		}
 		static removeGroup(groupName) {
-			this.selectedRadios.delete(groupName);
+			this.checkedRadios.delete(groupName);
 			return this.groups.delete(groupName);
 		}
 		static addToGroup(radioBtn, groupName) {
@@ -28,14 +28,14 @@ sap.ui.define(function () { 'use strict';
 				return;
 			}
 			const group = this.getGroup(groupName);
-			const selectedRadio = this.getSelectedRadioFromGroup(groupName);
+			const checkedRadio = this.getCheckedRadioFromGroup(groupName);
 			group.forEach((_radioBtn, idx, arr) => {
 				if (radioBtn._id === _radioBtn._id) {
 					return arr.splice(idx, 1);
 				}
 			});
-			if (selectedRadio === radioBtn) {
-				this.selectedRadios.set(groupName, null);
+			if (checkedRadio === radioBtn) {
+				this.checkedRadios.set(groupName, null);
 			}
 			if (!group.length) {
 				this.removeGroup(groupName);
@@ -43,8 +43,8 @@ sap.ui.define(function () { 'use strict';
 			this.updateTabOrder(groupName);
 		}
 		static createGroup(radioBtn, groupName) {
-			if (radioBtn.selected) {
-				this.selectedRadios.set(groupName, radioBtn);
+			if (radioBtn.checked) {
+				this.checkedRadios.set(groupName, radioBtn);
 			}
 			this.groups.set(groupName, [radioBtn]);
 		}
@@ -63,10 +63,10 @@ sap.ui.define(function () { 'use strict';
 				return;
 			}
 			const group = this.getGroup(groupName);
-			const hasSelectedRadio = group.some(radioBtn => radioBtn.selected);
+			const hasCheckedRadio = group.some(radioBtn => radioBtn.checked);
 			group.filter(radioBtn => !radioBtn.disabled).forEach((radioBtn, idx) => {
-				if (hasSelectedRadio) {
-					radioBtn._tabIndex = radioBtn.selected ? "0" : "-1";
+				if (hasCheckedRadio) {
+					radioBtn._tabIndex = radioBtn.checked ? "0" : "-1";
 				} else {
 					radioBtn._tabIndex = idx === 0 ? "0" : "-1";
 				}
@@ -87,22 +87,22 @@ sap.ui.define(function () { 'use strict';
 			this.updateTabOrder(groupName);
 		}
 		static updateSelectionInGroup(radioBtnToSelect, groupName) {
-			const selectedRadio = this.getSelectedRadioFromGroup(groupName);
-			this._deselectRadio(selectedRadio);
+			const checkedRadio = this.getCheckedRadioFromGroup(groupName);
+			this._deselectRadio(checkedRadio);
 			this._selectRadio(radioBtnToSelect);
-			this.selectedRadios.set(groupName, radioBtnToSelect);
+			this.checkedRadios.set(groupName, radioBtnToSelect);
 		}
 		static _deselectRadio(radioBtn) {
 			if (radioBtn) {
-				radioBtn.selected = false;
+				radioBtn.checked = false;
 			}
 		}
 		static _selectRadio(radioBtn) {
 			if (radioBtn) {
 				radioBtn.focus();
-				radioBtn.selected = true;
-				radioBtn._selected = true;
-				radioBtn.fireEvent("select");
+				radioBtn.checked = true;
+				radioBtn._checked = true;
+				radioBtn.fireEvent("change");
 			}
 		}
 		static _nextSelectable(pos, group) {
@@ -136,16 +136,16 @@ sap.ui.define(function () { 'use strict';
 			return previousRadioToSelect;
 		}
 		static enforceSingleSelection(radioBtn, groupName) {
-			const selectedRadio = this.getSelectedRadioFromGroup(groupName);
-			if (radioBtn.selected) {
-				if (!selectedRadio) {
-					this.selectedRadios.set(groupName, radioBtn);
-				} else if (radioBtn !== selectedRadio) {
-					this._deselectRadio(selectedRadio);
-					this.selectedRadios.set(groupName, radioBtn);
+			const checkedRadio = this.getCheckedRadioFromGroup(groupName);
+			if (radioBtn.checked) {
+				if (!checkedRadio) {
+					this.checkedRadios.set(groupName, radioBtn);
+				} else if (radioBtn !== checkedRadio) {
+					this._deselectRadio(checkedRadio);
+					this.checkedRadios.set(groupName, radioBtn);
 				}
-			} else if (radioBtn === selectedRadio) {
-				this.selectedRadios.set(groupName, null);
+			} else if (radioBtn === checkedRadio) {
+				this.checkedRadios.set(groupName, null);
 			}
 			this.updateTabOrder(groupName);
 		}
@@ -155,11 +155,11 @@ sap.ui.define(function () { 'use strict';
 			}
 			return this._groups;
 		}
-		static get selectedRadios() {
-			if (!this._selectedRadios) {
-				this._selectedRadios = new Map();
+		static get checkedRadios() {
+			if (!this._checkedRadios) {
+				this._checkedRadios = new Map();
 			}
-			return this._selectedRadios;
+			return this._checkedRadios;
 		}
 	}
 

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

@@ -15,7 +15,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				type: Float__default,
 				defaultValue: 0,
 			},
-			maxValue: {
+			max: {
 				type: Integer__default,
 				defaultValue: 5,
 			},
@@ -25,7 +25,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			readonly: {
 				type: Boolean,
 			},
-			ariaLabel: {
+			accessibleName: {
 				type: String,
 				defaultValue: undefined,
 			},
@@ -69,7 +69,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		calcState() {
 			this._stars = [];
-			for (let i = 1; i < this.maxValue + 1; i++) {
+			for (let i = 1; i < this.max + 1; i++) {
 				const remainder = Math.round((this.value - Math.floor(this.value)) * 10);
 				let halfStar = false,
 					tempValue = this.value;
@@ -111,7 +111,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				if (down && this.value > 0) {
 					this.value = Math.round(this.value - 1);
 					this.fireEvent("change");
-				} else if (up && this.value < this.maxValue) {
+				} else if (up && this.value < this.max) {
 					this.value = Math.round(this.value + 1);
 					this.fireEvent("change");
 				}

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

@@ -16,6 +16,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			_hideHeader: {
 				type: Boolean,
 			},
+			_hideCloseButton: {
+				type: Boolean,
+			},
 		},
 	};
 	class ResponsivePopover extends Popover {
@@ -47,7 +50,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 				Title,
 			];
 		}
-		async open(opener) {
+		async showAt(opener, preventInitialFocus = false) {
 			this.style.display = this._isPhone ? "contents" : "";
 			if (this.isOpen() || (this._dialog && this._dialog.isOpen())) {
 				return;
@@ -56,10 +59,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 				if (!this.noStretch) {
 					this._minWidth = Math.max(POPOVER_MIN_WIDTH, opener.getBoundingClientRect().width);
 				}
-				await this.openBy(opener);
+				await super.showAt(opener, preventInitialFocus);
 			} else {
 				this.style.zIndex = PopupUtils.getNextZIndex();
-				await this._dialog.open();
+				await this._dialog.show();
 			}
 		}
 		close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {
@@ -73,7 +76,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			if (this.isOpen()) {
 				return this.close();
 			}
-			this.open(opener);
+			this.showAt(opener);
 		}
 		isOpen() {
 			return Device.isPhone() ? this._dialog.isOpen() : super.isOpen();