@openui5/sap.ui.webc.main 1.97.1 → 1.98.0

package/src/sap/ui/webc/main/MessageStrip.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * For the <code>sap.ui.webc.main.MessageStrip</code> component, you can define whether it displays an icon in the beginning and a close button. Moreover, its size and background can be controlled with CSS.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public
@@ -44,7 +44,7 @@ sap.ui.define([
 	var MessageStrip = WebComponent.extend("sap.ui.webc.main.MessageStrip", {
 		metadata: {
 			library: "sap.ui.webc.main",
-			tag: "ui5-messagestrip-ui5",
+			tag: "ui5-message-strip-ui5",
 			properties: {
 
 				/**

package/src/sap/ui/webc/main/MultiComboBox.js

@@ -49,11 +49,6 @@ sap.ui.define([
 	 *     <li> Backspace - deletes the token and focus the next token. </li>
 	 * </ul>
 	 *
-	 * In the context of <code>sap.ui.webc.main.MultiComboBox</code>, you can provide a custom stable DOM ref for:
-	 * <ul>
-	 *     <li>Every <code>sap.ui.webc.main.MultiComboBoxItem</code> that you provide. Example: <code>&lt;ui5-mcb-item stable-dom-ref="item1"&gt;&lt;/ui5-mcb-item&gt;</code></li>
-	 * </ul>
-	 *
 	 * <h3>CSS Shadow Parts</h3>
 	 *
 	 * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM. <br>
@@ -63,7 +58,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/MultiComboBoxItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.MultiComboBoxItem</code> represents the item for a <code>sap.ui.webc.main.MultiComboBox</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Option.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.Option</code> component defines the content of an option in the <code>sap.ui.webc.main.Select</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -58,7 +58,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * <b>Note:</b> The <code>sap.ui.webc.main.Popover</code> is closed when the user clicks or taps outside the popover or selects an action within the popover. You can prevent this with the <code>modal</code> property.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/ProgressIndicator.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * <h3>Responsive Behavior</h3> You can change the size of the Progress Indicator by changing its <code>width</code> or <code>height</code> CSS properties.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * <b>Note:</b> On entering radio button group, the focus goes to the currently selected radio button.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/RangeSlider.js

@@ -60,7 +60,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * Example: <code>&lt;ui5-rating-indicator style="font-size: 3rem;">&lt;/ui5-rating-indicator></code>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * <h3>Usage</h3> Use it when you want to make sure that all the content is visible on any device.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * <b>Note:</b> There can be just one selected <code>item</code> at a time.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * Clicking or tapping on a <code>sap.ui.webc.main.SegmentedButtonItem</code> changes its state to <code>pressed</code>. The item returns to its initial state when the user clicks or taps on it again. By applying additional custom CSS-styling classes, apps can give a different style to any <code>sap.ui.webc.main.SegmentedButtonItem</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public
@@ -132,4 +132,4 @@ sap.ui.define([
 	});
 
 	return SegmentedButtonItem;
-});
+});

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

@@ -37,18 +37,8 @@ sap.ui.define([
 	 *     <li>[END] - Navigates to the last option</li>
 	 * </ul> <br>
 	 *
-	 *
-	 * <h3>Stable DOM Refs</h3>
-	 *
-	 * In the context of <code>sap.ui.webc.main.Select</code>, you can provide a custom stable DOM ref for:
-	 * <ul>
-	 *     <li>Every <code>sap.ui.webc.main.Option</code> that you provide. Example: <code>
-	 *             <ui5-option stable-dom-ref="option1"></ui5-option>
-	 *         </code></li>
-	 * </ul>
-	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -70,7 +70,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/StandardListItem.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -50,7 +50,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/SuggestionGroupItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.SuggestionGroupItem</code> is type of suggestion item, that can be used to split the <code>sap.ui.webc.main.Input</code> suggestions into groups.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public
@@ -55,4 +55,4 @@ sap.ui.define([
 	});
 
 	return SuggestionGroupItem;
-});
+});

package/src/sap/ui/webc/main/SuggestionItem.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.SuggestionItem</code> represents the suggestion item of the <code>sap.ui.webc.main.Input</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Tab.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.Tab</code> represents a selectable item inside a <code>sap.ui.webc.main.TabContainer</code>. It defines both the item in the tab strip (top part of the <code>sap.ui.webc.main.TabContainer</code>) and the content that is presented to the user once the tab is selected.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public
@@ -118,9 +118,17 @@ sap.ui.define([
 					type: "sap.ui.core.Control",
 					multiple: true
 				}
-			}
+			},
+			methods: ["getTabInStripDomRef"]
 		}
 	});
 
+	/**
+	 * Returns the DOM reference of the tab that is placed in the header. <b>Note:</b> If you need a DOM ref to the tab content please use the <code>getDomRef</code> method.
+	 * @public
+	 * @name sap.ui.webc.main.Tab#getTabInStripDomRef
+	 * @function
+	 */
+
 	return Tab;
 });

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

@@ -35,17 +35,8 @@ sap.ui.define([
 	 *     <li><code>sap.ui.webc.main.TabSeparator</code> - used to separate tabs with a vertical line</li>
 	 * </ul>
 	 *
-	 * <h3>Stable DOM Refs</h3>
-	 *
-	 * In the context of <code>sap.ui.webc.main.TabContainer</code>, you can provide a custom stable DOM refs for:
-	 * <ul>
-	 *     <li>Each <code>sap.ui.webc.main.Tab</code> Example: <code>
-	 *             <ui5-tab stable-dom-ref="in-stock"></ui5-tab>
-	 *         </code></li>
-	 * </ul>
-	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/TabSeparator.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.TabSeparator</code> represents a vertical line to separate tabs inside a <code>sap.ui.webc.main.TabContainer</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * <b>Note:</b> Currently, when a column is shown as a pop-in, the visual indication for selection is not presented over it.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public
@@ -87,7 +87,7 @@ sap.ui.define([
 				 * <br>
 				 *
 				 *
-				 * <b>Limitations:</b> <code>growing="Scroll"</code> is not supported for Internet Explorer, and the component will fallback to <code>growing="Button"</code>.
+				 * <b>Restrictions:</b> <code>growing="Scroll"</code> is not supported for Internet Explorer, and the component will fallback to <code>growing="Button"</code>.
 				 */
 				growing: {
 					type: "sap.ui.webc.main.TableGrowingMode",
@@ -162,7 +162,7 @@ sap.ui.define([
 				/**
 				 * Determines whether the column headers remain fixed at the top of the page during vertical scrolling as long as the Web Component is in the viewport. <br>
 				 * <br>
-				 * <b>Limitations:</b>
+				 * <b>Restrictions:</b>
 				 * <ul>
 				 *     <li>Browsers that do not support this feature:
 				 *         <ul>
@@ -282,4 +282,4 @@ sap.ui.define([
 	});
 
 	return Table;
-});
+});

package/src/sap/ui/webc/main/TableCell.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/TableColumn.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

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

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public
@@ -66,4 +66,4 @@ sap.ui.define([
 	});
 
 	return TableGroupRow;
-});
+});

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

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/TextArea.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/TimePicker.js

@@ -62,7 +62,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Title.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * The <code>sap.ui.webc.main.Title</code> component is used to display titles inside a page. It is a simple, large-sized text with explicit header/title semantics.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Toast.js

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/ToggleButton.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * Clicking or tapping on a <code>sap.ui.webc.main.ToggleButton</code> changes its state to <code>pressed</code>. The button returns to its initial state when the user clicks or taps on it again. By applying additional custom CSS-styling classes, apps can give a different style to any <code>sap.ui.webc.main.ToggleButton</code>.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Token.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * Tokens are small items of information (similar to tags) that mainly serve to visualize previously selected items.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/Tree.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * </ul>
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/TreeItem.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * <h3>Usage</h3> <code>sap.ui.webc.main.TreeItem</code> is an abstract element, representing a node in a <code>sap.ui.webc.main.Tree</code>. The tree itself is rendered as a list, and each <code>sap.ui.webc.main.TreeItem</code> is represented by a list item(<code>sap.ui.webc.main.TreeListItem</code>) in that list. Therefore, you should only use <code>sap.ui.webc.main.TreeItem</code> directly in your apps. The <code>sap.ui.webc.main.TreeListItem</code> list item is internal for the list, and not intended for public use.
 	 *
 	 * @author SAP SE
-	 * @version 1.97.1
+	 * @version 1.98.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/ui/webc/main/library.js

@@ -19,7 +19,7 @@ sap.ui.define([
 		// delegate further initialization of this library to the Core
 		sap.ui.getCore().initLibrary({
 			name: "sap.ui.webc.main",
-			version: "1.97.1",
+			version: "1.98.0",
 			dependencies: ["sap.ui.core", "sap.ui.webc.common"],
 			noLibraryCSS: true,
 			designtime: "sap/ui/webc/main/designtime/library.designtime",
@@ -159,7 +159,7 @@ sap.ui.define([
 		 * @namespace
 		 * @alias sap.ui.webc.main
 		 * @author SAP SE
-		 * @version 1.97.1
+		 * @version 1.98.0
 		 * @public
 		 * @since 1.92.0
 		 * @experimental Since 1.92.0 This API is experimental and might change significantly.
@@ -1519,4 +1519,4 @@ sap.ui.define([
 
 		return thisLib;
 
-	});
+	});

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

@@ -90,6 +90,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 				}
 			}
 		}
+		onBeforeRendering() {
+			this._preprocessItems();
+		}
 		onAfterRendering() {
 			this._cacheWidths();
 			this._updateOverflow();
@@ -242,6 +245,11 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation', 'sa
 		_hasVisibleContent(item) {
 			return item.innerText || Array.from(item.children).some(child => !child.hidden);
 		}
+		_preprocessItems() {
+			this.items.forEach(item => {
+				item._getRealDomRef = () => this.getDomRef().querySelector(`[data-ui5-stable*=${item.stableDomRef}]`);
+			});
+		}
 		getCurrentLocationLabelWrapper() {
 			return this.shadowRoot.querySelector(".ui5-breadcrumbs-current-location > span");
 		}

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

@@ -18,9 +18,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5El
 			 accessibleName: {
 				type: String,
 			},
-			stableDomRef: {
-				type: String,
-			},
 		},
 		slots:  {
 			"default": {
@@ -33,6 +30,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5El
 		static get metadata() {
 			return metadata;
 		}
+		get stableDomRef() {
+			return `${this._id}-stable-dom-ref`;
+		}
 	}
 	BreadcrumbsItem.define();
 

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

@@ -126,6 +126,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (FormSupport) {
 				FormSupport.triggerFormSubmit(this);
 			}
+			if (Device.isSafari()) {
+				this.getDomRef().focus();
+			}
 		}
 		_onmousedown(event) {
 			if (this.nonInteractive || this._isTouch) {

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

@@ -94,6 +94,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/
 			this.toggle();
 		}
 		_onmousedown() {
+			if (this.readonly || this.disabled) {
+				return;
+			}
 			this.active = true;
 			activeCb = this;
 		}

package/src/sap/ui/webc/main/thirdparty/ComboBox.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/ValueState', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/util/InvisibleMessage', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', './ComboBoxFilters-f59100bd', './generated/i18n/i18n-defaults', './generated/templates/ComboBoxTemplate.lit', './generated/templates/ComboBoxPopoverTemplate.lit', './generated/themes/ComboBox.css', './generated/themes/ComboBoxPopover.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/Suggestions.css', './ComboBoxItem', './Icon', './Popover', './ResponsivePopover', './List', './BusyIndicator', './Button', './StandardListItem', './ComboBoxGroupItem'], function (UI5Element, litRender, ValueState, Device, Integer, AriaLabelHelper, announce, slimArrowDown, decline, i18nBundle, Keys, ComboBoxFilters, i18nDefaults, ComboBoxTemplate_lit, ComboBoxPopoverTemplate_lit, ComboBox_css, ComboBoxPopover_css, ResponsivePopoverCommon_css, ValueStateMessage_css, Suggestions_css, ComboBoxItem, Icon, Popover, ResponsivePopover, List, BusyIndicator, Button, StandardListItem, ComboBoxGroupItem) { '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/ValueState', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/util/InvisibleMessage', 'sap/ui/webc/common/thirdparty/icons/slim-arrow-down', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/not-editable', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', './ComboBoxFilters-f59100bd', './generated/i18n/i18n-defaults', './generated/templates/ComboBoxTemplate.lit', './generated/templates/ComboBoxPopoverTemplate.lit', './generated/themes/ComboBox.css', './generated/themes/ComboBoxPopover.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/Suggestions.css', './ComboBoxItem', './Icon', './Popover', './ResponsivePopover', './List', './BusyIndicator', './Button', './StandardListItem', './ComboBoxGroupItem'], function (UI5Element, litRender, ValueState, Device, Integer, AriaLabelHelper, announce, slimArrowDown, decline, notEditable, i18nBundle, Keys, ComboBoxFilters, i18nDefaults, ComboBoxTemplate_lit, ComboBoxPopoverTemplate_lit, ComboBox_css, ComboBoxPopover_css, ResponsivePopoverCommon_css, ValueStateMessage_css, Suggestions_css, ComboBoxItem, Icon, Popover, ResponsivePopover, List, BusyIndicator, Button, StandardListItem, ComboBoxGroupItem) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -225,6 +225,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._resetFilter();
 			this._toggleRespPopover();
 		}
+		_readonlyIconClick() {
+			this.inner.focus();
+		}
 		_input(event) {
 			const { value } = event.target;
 			if (event.target === this.inner) {
@@ -373,6 +376,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.value = !this.open ? this._lastValue : this.value;
 				this._isValueStateFocused = false;
 			}
+			if ((Keys.isTabNext(event) || Keys.isTabPrevious(event)) && this.open) {
+				this._closeRespPopover();
+			}
 			if (Keys.isShow(event) && !this.readonly && !this.disabled) {
 				event.preventDefault();
 				this._resetFilter();
@@ -542,6 +548,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		get shouldDisplayDefaultValueStateMessage() {
 			return !this.valueStateMessage.length && this.hasValueStateText;
 		}
+		get _valueStateMessageIcon() {
+			const iconPerValueState = {
+				Error: "error",
+				Warning: "alert",
+				Success: "sys-enter-2",
+				Information: "information",
+			};
+			return this.valueState !== ValueState__default.None ? iconPerValueState[this.valueState] : "";
+		}
 		get open() {
 			return this.responsivePopover ? this.responsivePopover.opened : false;
 		}

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

@@ -133,6 +133,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/locale/getLocale', 'sap/ui/we
 				if (isDisabled) {
 					day.classes += " ui5-dp-item--disabled";
 				}
+				if (this.hasSecondaryCalendarType) {
+					day.classes += " ui5-dp-item--withsecondtype";
+				}
 				week.push(day);
 				if (dayOfTheWeek === DAYS_IN_WEEK - 1) {
 					week.unshift({