@openui5/sap.ui.webc.main 1.100.0 → 1.102.1

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

@@ -109,7 +109,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const hueProgressSlider = hueSlider.querySelector(".ui5-slider-progress-container"),
 				hueHandle = hueSlider.querySelector(".ui5-slider-handle"),
 				alphaProgressSlider = alphaSlider.querySelector(".ui5-slider-progress-container"),
-				alphaHandle = alphaSlider.querySelector(".ui5-slider-handle");
+				alphaHandle = alphaSlider.querySelector(".ui5-slider-handle"),
+				linearGradientDirection = this.effectiveDir === "rtl" ? "right" : "left",
+				hueProgressSliderBackgroundImage = `${linearGradientDirection}, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00`,
+				alphaProgressSliderBackgroundImage = `${linearGradientDirection}, #fff, #979797`;
 			hueHandle.style.width = "11px";
 			hueHandle.style.height = "1.25rem";
 			hueHandle.style.background = "transparent";
@@ -133,15 +136,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			alphaProgressSlider.style.borderRadius = "0";
 			alphaProgressSlider.style.border = "1px solid #89919a";
 			hueProgressSlider.style.backgroundSize = "100%";
-			hueProgressSlider.style.backgroundImage = "-webkit-linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
-			hueProgressSlider.style.backgroundImage = "-moz-linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
-			hueProgressSlider.style.backgroundImage = "-ms-linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
-			hueProgressSlider.style.backgroundImage = "linear-gradient(left, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00)";
+			hueProgressSlider.style.backgroundImage = `-webkit-linear-gradient(${hueProgressSliderBackgroundImage}`;
+			hueProgressSlider.style.backgroundImage = `-moz-linear-gradient(${hueProgressSliderBackgroundImage}`;
+			hueProgressSlider.style.backgroundImage = `-ms-linear-gradient(${hueProgressSliderBackgroundImage}`;
+			hueProgressSlider.style.backgroundImage = `linear-gradient(${hueProgressSliderBackgroundImage}`;
 			hueProgressSlider.style.backgroundColor = "none";
-			alphaProgressSlider.style.backgroundImage = "-webkit-linear-gradient(left, #fff, #979797)";
-			alphaProgressSlider.style.backgroundImage = "-moz-linear-gradient(left, #fff, #979797)";
-			alphaProgressSlider.style.backgroundImage = "-ms-linear-gradient(left, #fff, #979797)";
-			alphaProgressSlider.style.backgroundImage = "linear-gradient(left, #fff, #979797)";
+			alphaProgressSlider.style.backgroundImage = `-webkit-linear-gradient(${alphaProgressSliderBackgroundImage})`;
+			alphaProgressSlider.style.backgroundImage = `-moz-linear-gradient(${alphaProgressSliderBackgroundImage})`;
+			alphaProgressSlider.style.backgroundImage = `-ms-linear-gradient(${alphaProgressSliderBackgroundImage})`;
+			alphaProgressSlider.style.backgroundImage = `linear-gradient(${alphaProgressSliderBackgroundImage})`;
 			alphaProgressSlider.style.backgroundColor = "none";
 			hueSlider.querySelector(".ui5-slider-progress").style.background = "Transparent";
 			alphaSlider.querySelector(".ui5-slider-progress").style.background = "Transparent";
@@ -355,6 +358,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return this._wrongHEX ? "Error" : undefined;
 		}
 		get styles() {
+			const linearGradientDirection = this.effectiveDir === "rtl" ? "right" : "left";
 			return {
 				mainColor: {
 					"background-color": `rgb(${this._mainColor.r}, ${this._mainColor.g}, ${this._mainColor.b})`,
@@ -364,7 +368,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 					top: `${this._selectedCoordinates.y}px`,
 				},
 				progressContainer: {
-					"background-image": `-webkit-linear-gradient(left, rgba(65, 120, 13, 0), ${this._mainColor}, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAF1V2h8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACTSURBVHjaYjhz5sz///8Z/v//f+bMGQAAAAD//2I4c+YM4////wEAAAD//2I8c+YMAwODsbExAAAA//9igMgzMUAARBkAAAD//4JKQ1UwMDD+//8fwj979iwDAwMAAAD//0LSzsDAwMAA0w0D6HyofohmLPIAAAAA//9C2IdsK07jsJsOB3BriNJNQBoAAAD//wMA+ew3HIMTh5IAAAAASUVORK5CYII=')`,
+					"background-image": `-webkit-linear-gradient(${linearGradientDirection}, rgba(65, 120, 13, 0), ${this._mainColor}, url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAF1V2h8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAEZ0FNQQAAsY58+1GTAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAACTSURBVHjaYjhz5sz///8Z/v//f+bMGQAAAAD//2I4c+YM4////wEAAAD//2I8c+YMAwODsbExAAAA//9igMgzMUAARBkAAAD//4JKQ1UwMDD+//8fwj979iwDAwMAAAD//0LSzsDAwMAA0w0D6HyofohmLPIAAAAA//9C2IdsK07jsJsOB3BriNJNQBoAAAD//wMA+ew3HIMTh5IAAAAASUVORK5CYII=')`,
 				},
 				colorSpan: {
 					"background-color": `rgba(${this._color.r}, ${this._color.g}, ${this._color.b}, ${this._alpha})`,

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/icons/not-editable', 'sap/ui/webc/common/thirdparty/icons/error', 'sap/ui/webc/common/thirdparty/icons/alert', 'sap/ui/webc/common/thirdparty/icons/sys-enter-2', 'sap/ui/webc/common/thirdparty/icons/information', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/Keys', './_chunks/ComboBoxFilters', './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', './GroupHeaderListItem'], function (UI5Element, litRender, ValueState, Device, Integer, AriaLabelHelper, announce, slimArrowDown, decline, notEditable, error, alert, sysEnter2, information, 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, GroupHeaderListItem) { '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/icons/error', 'sap/ui/webc/common/thirdparty/icons/alert', 'sap/ui/webc/common/thirdparty/icons/sys-enter-2', 'sap/ui/webc/common/thirdparty/icons/information', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/Keys', './_chunks/ComboBoxFilters', './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', './GroupHeaderListItem'], function (UI5Element, litRender, ValueState, Device, Integer, AriaLabelHelper, announce, slimArrowDown, decline, notEditable, error, alert, sysEnter2, information, i18nBundle, FeaturesRegistry, 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, GroupHeaderListItem) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -120,8 +120,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this._initialRendering = true;
 			this._itemFocused = false;
 			this._selectionChanged = false;
+			this.FormSupport = undefined;
 		}
 		onBeforeRendering() {
+			this.FormSupport = FeaturesRegistry.getFeature("FormSupport");
 			if (this._initialRendering) {
 				this._filteredItems = this.items;
 			}
@@ -227,9 +229,6 @@ 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) {
@@ -241,7 +240,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.value = value;
 			this.filterValue = value;
 			this._clearFocus();
-			if (this._autocomplete) {
+			if (this._autocomplete && !Device.isAndroid()) {
 				const item = this._getFirstMatchingItem(value);
 				this._applyAtomicValueAndSelection(item, value, true);
 				if (value !== "" && !this._selectionChanged && (item && !item.selected && !item.isGroupItem)) {
@@ -400,9 +399,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.handleNavKeyPress(event);
 			}
 			if (Keys.isEnter(event)) {
-				this._fireChangeEvent();
-				this._closeRespPopover();
-				this.focused = true;
+				if (this.responsivePopover.opened) {
+					this._fireChangeEvent();
+					this._closeRespPopover();
+					this.focused = true;
+				} else if (this.FormSupport) {
+					this.FormSupport.triggerFormSubmit(this);
+				}
 			}
 			if (Keys.isEscape(event)) {
 				this.focused = true;

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

@@ -105,6 +105,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 		static get staticAreaStyles() {
 			return [ResponsivePopoverCommon_css, DatePickerPopover_css];
 		}
+		constructor() {
+			super();
+			this.FormSupport = undefined;
+		}
 		onResponsivePopoverAfterClose() {
 			this._isPickerOpen = false;
 			if (Device.isPhone()) {
@@ -114,6 +118,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 			}
 		}
 		onBeforeRendering() {
+			this.FormSupport = FeaturesRegistry.getFeature("FormSupport");
 			["minDate", "maxDate"].forEach(prop => {
 				if (this[prop] && !this.isValid(this[prop])) {
 					console.warn(`Invalid value for property "${prop}": ${this[prop]} is not compatible with the configured format pattern: "${this._displayFormat}"`);
@@ -125,7 +130,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 			} else if (this.name) {
 				console.warn(`In order for the "name" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`);
 			}
-			this.value = this.normalizeValue(this.value);
+			this.value = this.normalizeValue(this.value) || this.value;
 			this.liveValue = this.value;
 		}
 		get _calendarSelectionMode() {
@@ -159,9 +164,10 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 				return;
 			}
 			if (Keys.isEnter(event)) {
-				this._updateValueAndFireEvents(event.target.value, true, ["change", "value-changed"]);
-			}
-			if (Keys.isPageUpShiftCtrl(event)) {
+				if (this.FormSupport) {
+					this.FormSupport.triggerFormSubmit(this);
+				}
+			} else if (Keys.isPageUpShiftCtrl(event)) {
 				event.preventDefault();
 				this._modifyDateValue(1, "year");
 			} else if (Keys.isPageUpShift(event)) {
@@ -291,8 +297,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/we
 				"ariaRoledescription": this.dateAriaDescription,
 				"ariaHasPopup": HasPopup.Grid,
 				"ariaAutoComplete": "none",
-				"ariaControls": `${this._id}-responsive-popover`,
-				"ariaExpanded": this.isOpen(),
 				"ariaRequired": this.required,
 				"ariaLabel": AriaLabelHelper.getEffectiveAriaLabelText(this),
 			};

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

@@ -80,6 +80,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler', 'sap
 					"ui5-dt-cal--hidden": this.phone && this.showTimeView,
 					"ui5-dt-time--hidden": this.phone && this.showDateView,
 				},
+				footer: {
+					"ui5-dt-picker-footer-time-hidden": (this.phone && this.showTimeView) || (this.phone && this.showDateView),
+				},
 			};
 		}
 		get _formatPattern() {

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

@@ -101,13 +101,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.fireEvent("click");
 		}
 		get _dir() {
-			if (!this.effectiveDir) {
-				return;
-			}
-			if (this.ltr) {
-				return "ltr";
-			}
-			return this.effectiveDir;
+			return this.ltr ? "ltr" : undefined;
 		}
 		get effectiveAriaHidden() {
 			if (this.ariaHidden === "") {

package/src/sap/ui/webc/main/thirdparty/Input.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/Device', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/util/Caret', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/not-editable', 'sap/ui/webc/common/thirdparty/icons/error', 'sap/ui/webc/common/thirdparty/icons/alert', 'sap/ui/webc/common/thirdparty/icons/sys-enter-2', 'sap/ui/webc/common/thirdparty/icons/information', './types/InputType', './Popover', './Icon', './generated/templates/InputTemplate.lit', './generated/templates/InputPopoverTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/Input.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/Suggestions.css'], function (UI5Element, litRender, ResizeHandler, Device, ValueState, FeaturesRegistry, Keys, Integer, i18nBundle, AriaLabelHelper, Caret, decline, notEditable, error, alert, sysEnter2, information, InputType, Popover, Icon, InputTemplate_lit, InputPopoverTemplate_lit, i18nDefaults, Input_css, ResponsivePopoverCommon_css, ValueStateMessage_css, Suggestions_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/Device', 'sap/ui/webc/common/thirdparty/base/types/ValueState', 'sap/ui/webc/common/thirdparty/base/FeaturesRegistry', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/util/Caret', 'sap/ui/webc/common/thirdparty/base/util/getActiveElement', 'sap/ui/webc/common/thirdparty/icons/decline', 'sap/ui/webc/common/thirdparty/icons/not-editable', 'sap/ui/webc/common/thirdparty/icons/error', 'sap/ui/webc/common/thirdparty/icons/alert', 'sap/ui/webc/common/thirdparty/icons/sys-enter-2', 'sap/ui/webc/common/thirdparty/icons/information', './types/InputType', './Popover', './Icon', './generated/templates/InputTemplate.lit', './generated/templates/InputPopoverTemplate.lit', './generated/i18n/i18n-defaults', './generated/themes/Input.css', './generated/themes/ResponsivePopoverCommon.css', './generated/themes/ValueStateMessage.css', './generated/themes/Suggestions.css'], function (UI5Element, litRender, ResizeHandler, Device, ValueState, FeaturesRegistry, Keys, Integer, i18nBundle, AriaLabelHelper, Caret, getActiveElement, decline, notEditable, error, alert, sysEnter2, information, InputType, Popover, Icon, InputTemplate_lit, InputPopoverTemplate_lit, i18nDefaults, Input_css, ResponsivePopoverCommon_css, ValueStateMessage_css, Suggestions_css) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -7,6 +7,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 	var ResizeHandler__default = /*#__PURE__*/_interopDefaultLegacy(ResizeHandler);
 	var ValueState__default = /*#__PURE__*/_interopDefaultLegacy(ValueState);
 	var Integer__default = /*#__PURE__*/_interopDefaultLegacy(Integer);
+	var getActiveElement__default = /*#__PURE__*/_interopDefaultLegacy(getActiveElement);
 
 	const rgxFloat = new RegExp(/(\+|-)?\d+(\.|,)\d+/);
 	const metadata = {
@@ -86,6 +87,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			open: {
 				type: Boolean,
 			},
+			_forceOpen: {
+				type: Boolean,
+			},
 			_isValueStateFocused: {
 				type: Boolean,
 			},
@@ -187,17 +191,19 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this.suggestionsTexts = this.Suggestions.defaultSlotProperties(this.highlightValue);
 			}
 			this.effectiveShowClearIcon = (this.showClearIcon && !!this.value && !this.readonly && !this.disabled);
-			const FormSupport = FeaturesRegistry.getFeature("FormSupport");
+			this.FormSupport = FeaturesRegistry.getFeature("FormSupport");
 			const hasItems = this.suggestionItems.length;
 			const hasValue = !!this.value;
-			const isFocused = this === document.activeElement;
+			const isFocused = this.shadowRoot.querySelector("input") === getActiveElement__default();
 			if (this._isPhone) {
 				this.open = this.openOnMobile;
+			} else if (this._forceOpen) {
+				this.open = true;
 			} else {
 				this.open = hasValue && hasItems && isFocused && this.isTyping;
 			}
-			if (FormSupport) {
-				FormSupport.syncNativeHiddenInput(this);
+			if (this.FormSupport) {
+				this.FormSupport.syncNativeHiddenInput(this);
 			} else if (this.name) {
 				console.warn(`In order for the "name" property to have effect, you should also: import "@ui5/webcomponents/dist/features/InputElementsFormSupport.js";`);
 			}
@@ -287,6 +293,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			if (!itemPressed) {
 				this.fireEventByAction(this.ACTION_ENTER);
 				this.lastConfirmedValue = this.value;
+				if (this.FormSupport) {
+					this.FormSupport.triggerFormSubmit(this);
+				}
 				return;
 			}
 			this.focused = true;
@@ -357,6 +366,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.lastConfirmedValue = "";
 			this.focused = false;
 			this.isTyping = false;
+			this._forceOpen = false;
 		}
 		_clearPopoverFocusAndSelection() {
 			if (!this.showSuggestions || !this.Suggestions) {
@@ -456,6 +466,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.isTyping = false;
 			this.openOnMobile = false;
 			this.open = false;
+			this._forceOpen = false;
 		}
 		isValueStateOpened() {
 			return !!this._isPopoverOpen;
@@ -475,6 +486,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			const staticAreaItem = await this.getStaticAreaItemDomRef();
 			return staticAreaItem && staticAreaItem.querySelector("[ui5-popover]");
 		}
+		openPicker() {
+			if (!this.suggestionItems.length || this.disabled || this.readonly) {
+				return;
+			}
+			this._forceOpen = true;
+		}
 		enableSuggestions() {
 			if (this.Suggestions) {
 				return;
@@ -506,6 +523,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.fireEvent(this.EVENT_SUGGESTION_ITEM_SELECT, { item });
 			this.isTyping = false;
 			this.openOnMobile = false;
+			this._forceOpen = false;
 		}
 		previewSuggestion(item) {
 			this.valueBeforeItemSelection = this.value;

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

@@ -10,6 +10,7 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	const IInput = "sap.ui.webcomponents.main.IInput";
 	const IInputSuggestionItem = "sap.ui.webcomponents.main.IInputSuggestionItem";
 	const IListItem = "sap.ui.webcomponents.main.IListItem";
+	const IMenuItem = "sap.ui.webcomponents.main.IMenuItem";
 	const IMultiComboBoxItem = "sap.ui.webcomponents.main.IMultiComboBoxItem";
 	const ISegmentedButtonItem = "sap.ui.webcomponents.main.ISegmentedButtonItem";
 	const ISelectOption = "sap.ui.webcomponents.main.ISelectOption";
@@ -30,6 +31,7 @@ sap.ui.define(['exports'], function (exports) { 'use strict';
 	exports.IInput = IInput;
 	exports.IInputSuggestionItem = IInputSuggestionItem;
 	exports.IListItem = IListItem;
+	exports.IMenuItem = IMenuItem;
 	exports.IMultiComboBoxItem = IMultiComboBoxItem;
 	exports.ISegmentedButtonItem = ISegmentedButtonItem;
 	exports.ISelectOption = ISelectOption;

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

@@ -131,9 +131,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		_onkeydown(event) {
 			if (Keys.isEnter(event)) {
+				event.preventDefault();
 				const executeEvent = this.fireEvent("click", null, true);
 				if (executeEvent) {
-					event.preventDefault();
 					this.href && window.open(this.href, this.target);
 				}
 			} else if (Keys.isSpace(event)) {

package/src/sap/ui/webc/main/thirdparty/List.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/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/util/TabbableElements', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/NavigationMode', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/debounce', 'sap/ui/webc/common/thirdparty/base/util/isElementInView', './types/ListMode', './types/ListGrowingMode', './types/ListSeparators', './BusyIndicator', './generated/templates/ListTemplate.lit', './generated/themes/List.css', './generated/i18n/i18n-defaults'], function (UI5Element, litRender, ResizeHandler, ItemNavigation, Device, Render, TabbableElements, Keys, Integer, NavigationMode, AriaLabelHelper, i18nBundle, debounce, isElementInView, ListMode, ListGrowingMode, ListSeparators, BusyIndicator, ListTemplate_lit, List_css, i18nDefaults) { '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/delegate/ItemNavigation', 'sap/ui/webc/common/thirdparty/base/Device', 'sap/ui/webc/common/thirdparty/base/Render', 'sap/ui/webc/common/thirdparty/base/util/TabbableElements', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/thirdparty/base/types/Integer', 'sap/ui/webc/common/thirdparty/base/types/NavigationMode', 'sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper', 'sap/ui/webc/common/thirdparty/base/i18nBundle', 'sap/ui/webc/common/thirdparty/base/util/debounce', 'sap/ui/webc/common/thirdparty/base/util/isElementInView', './types/ListMode', './types/ListGrowingMode', './types/ListSeparators', './BusyIndicator', './generated/templates/ListTemplate.lit', './generated/themes/List.css', './generated/themes/BrowserScrollbar.css', './generated/i18n/i18n-defaults'], function (UI5Element, litRender, ResizeHandler, ItemNavigation, Device, Render, TabbableElements, Keys, Integer, NavigationMode, AriaLabelHelper, i18nBundle, debounce, isElementInView, ListMode, ListGrowingMode, ListSeparators, BusyIndicator, ListTemplate_lit, List_css, BrowserScrollbar_css, i18nDefaults) { 'use strict';
 
 	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
 
@@ -118,7 +118,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			return ListTemplate_lit;
 		}
 		static get styles() {
-			return List_css;
+			return [BrowserScrollbar_css, List_css];
 		}
 		static async onDefine() {
 			List.i18nBundle = await i18nBundle.getI18nBundle("@ui5/webcomponents");
@@ -365,9 +365,16 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 				this._loadMoreActive = true;
 			}
 			if (Keys.isTabNext(event)) {
-				this.setPreviouslyFocusedItem(event.target);
 				this.focusAfterElement();
 			}
+			if (Keys.isTabPrevious(event)) {
+				if (this.getPreviouslyFocusedItem()) {
+					this.focusPreviouslyFocusedItem();
+				} else {
+					this.focusFirstItem();
+				}
+				event.preventDefault();
+			}
 		}
 		_onLoadMoreKeyup(event) {
 			if (Keys.isSpace(event)) {
@@ -412,16 +419,26 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			}
 		}
 		_onfocusin(event) {
-			if (!this.isForwardElement(this.getNormalizedTarget(event.target))) {
+			const target = this.getNormalizedTarget(event.target);
+			if (!this.isForwardElement(target)) {
 				event.stopImmediatePropagation();
 				return;
 			}
 			if (!this.getPreviouslyFocusedItem()) {
-				this.focusFirstItem();
+				if (this.growsWithButton && this.isForwardAfterElement(target)) {
+					this.focusGrowingButton();
+				} else {
+					this.focusFirstItem();
+				}
 				event.stopImmediatePropagation();
 				return;
 			}
 			if (!this.getForwardingFocus()) {
+				if (this.growsWithButton && this.isForwardAfterElement(target)) {
+					this.focusGrowingButton();
+					event.stopImmediatePropagation();
+					return;
+				}
 				this.focusPreviouslyFocusedItem();
 				event.stopImmediatePropagation();
 			}
@@ -429,11 +446,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 		}
 		isForwardElement(node) {
 			const nodeId = node.id;
-			const afterElement = this.getAfterElement();
 			const beforeElement = this.getBeforeElement();
 			if (this._id === nodeId || (beforeElement && beforeElement.id === nodeId)) {
 				return true;
 			}
+			return this.isForwardAfterElement(node);
+		}
+		isForwardAfterElement(node) {
+			const nodeId = node.id;
+			const afterElement = this.getAfterElement();
 			return afterElement && afterElement.id === nodeId;
 		}
 		onItemFocused(event) {
@@ -484,6 +505,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.setPreviouslyFocusedItem(event.target);
 			if (!this.growsWithButton) {
 				this.focusAfterElement();
+			} else {
+				this.focusGrowingButton();
+				event.preventDefault();
 			}
 		}
 		focusBeforeElement() {
@@ -494,6 +518,15 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/com
 			this.setForwardingFocus(true);
 			this.getAfterElement().focus();
 		}
+		focusGrowingButton() {
+			const growingBtn = this.getGrowingButton();
+			if (growingBtn) {
+				growingBtn.focus();
+			}
+		}
+		getGrowingButton() {
+			return this.shadowRoot.querySelector(`#${this._id}-growing-btn`);
+		}
 		focusFirstItem() {
 			const firstItem = this.getFirstItem(x => !x.disabled);
 			if (firstItem) {

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

@@ -20,10 +20,17 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 				type: String,
 				defaultValue: "listitem",
 			},
+			accessibleRole: {
+				type: String,
+			},
 			_mode: {
 				type: ListMode,
 				defaultValue: ListMode.None,
 			},
+			_ariaHasPopup: {
+				type: String,
+				noAttribute: true,
+			},
 		},
 		events:  {
 			"detail-click": {},
@@ -58,6 +65,12 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 					this.active = false;
 				}
 			};
+			this._ontouchstart = {
+				handleEvent(event) {
+					this._onmousedown(event);
+				},
+				passive: true,
+			};
 		}
 		onBeforeRendering(...params) {
 			this.actionable = (this.type === ListItemType.Active) && (this._mode !== ListMode.Delete);
@@ -108,9 +121,6 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 			}
 			this.deactivate();
 		}
-		_ontouchstart(event) {
-			this._onmousedown(event);
-		}
 		_ontouchend(event) {
 			this._onmouseup(event);
 		}
@@ -207,12 +217,13 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/common/th
 		}
 		get _accInfo() {
 			return {
-				role: this.role,
+				role: this.accessibleRole || this.role,
 				ariaExpanded: undefined,
 				ariaLevel: undefined,
 				ariaLabel: ListItem.i18nBundle.getText(i18nDefaults.ARIA_LABEL_LIST_ITEM_CHECKBOX),
 				ariaLabelRadioButton: ListItem.i18nBundle.getText(i18nDefaults.ARIA_LABEL_LIST_ITEM_RADIO_BUTTON),
 				ariaSelectedText: this.ariaSelectedText,
+				ariaHaspopup: this._ariaHasPopup || undefined,
 			};
 		}
 		static async onDefine() {

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

@@ -42,7 +42,7 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/u
 			return ListItemBase_css;
 		}
 		_onfocusin(event) {
-			if (event.isMarked === "button" || event.isMarked === "link") {
+			if (event.target !== this.getFocusDomRef()) {
 				return;
 			}
 			this.focused = true;
@@ -63,7 +63,9 @@ sap.ui.define(['sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/u
 		_handleTabNext(event) {
 			const target = event.target;
 			if (this.shouldForwardTabAfter(target)) {
-				this.fireEvent("_forward-after", { item: target });
+				if (!this.fireEvent("_forward-after", { item: target }, true)) {
+					event.preventDefault();
+				}
 			}
 		}
 		_handleTabPrevious(event) {