@openui5/sap.ui.integration 1.106.0 → 1.107.1

package/src/sap/ui/integration/editor/EditorResourceBundles.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.EditorResourceBundles
 	 * @author SAP SE
 	 * @since 1.94.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.94.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/Extension.js

@@ -22,13 +22,12 @@ sap.ui.define([
 	 * @extends sap.ui.integration.Extension
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.94
 	 * @alias sap.ui.integration.editor.Extension
-	 * @ui5-metamodel This control/element will also be described in the UI5 (legacy) designtime metamodel
 	 */
 	var Extension = BaseExtension.extend("sap.ui.integration.editor.Extension");
 

package/src/sap/ui/integration/editor/Manifest.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.util.Manifest
 	 *
 	 * @author SAP SE
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 *
 	 * @constructor
 	 * @since 1.94

package/src/sap/ui/integration/editor/Settings.js

@@ -70,7 +70,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.Settings
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -135,11 +135,13 @@ sap.ui.define([
 			var iOffsetHeight = (!oPreview || oPreview.getDomRef() === null || oPreview.getDomRef().offsetHeight === 0) ? 350 : oPreview.getDomRef().offsetHeight;
 			oPopover.setContentWidth(iOffsetWidth + "px");
 			oPopover.setContentHeight((iOffsetHeight - 50) + "px");
-			if (oParent.getPreviewPosition() === "right") {
-				oPopover.setPlacement("Right");
-			} else {
-				oPopover.setPlacement("Left");
+			var sPlacement = "Right";
+			var iX = oField.getDomRef().getBoundingClientRect().x;
+			var iWidth = document.body.offsetWidth;
+			if ( 2 * iX > iWidth) {
+				sPlacement = "Left";
 			}
+			oPopover.setPlacement(sPlacement);
 			oDynamicValueField.setValue(oField._label);
 			oPopover.openBy(oField);
 		} else {

package/src/sap/ui/integration/editor/css/Editor.css

@@ -188,6 +188,10 @@
 	padding-right: 10px;
 }
 
+.sapUiIntegrationEditor .sapUiIntegrationEditorItem .sapUiIntegrationEditorItemLabelWithRequired .sapMLabelTextWrapper {
+	max-width: 100% !important;
+}
+
 .sapUiIntegrationEditor .sapUiIntegrationEditorDescriptionIcon {
 	vertical-align: top;
 	padding-top: 9px;

package/src/sap/ui/integration/editor/fields/BaseField.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.BaseField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @ui5-restricted
 	 * @experimental since 1.83.0
@@ -98,54 +98,53 @@ sap.ui.define([
 				validateFailed: {}
 			}
 		},
-		renderer: function (oRm, oControl) {
-			var oField = oControl.getAggregation("_field"),
-				oDynamicField = oControl._getDynamicField();
-			oRm.openStart("div");
-			oRm.addClass("sapUiIntegrationEditorItemField");
-			if (oField && oField.getWidth) {
-				//oRm.addStyle("width", oField.getWidth());
-			}
-			if (!oControl.getVisible()) {
-				oRm.addStyle("display", "none");
-			}
-			oRm.writeElementData(oControl);
-			oRm.openEnd();
-			if (oControl.getVisible()) {
-				oRm.openStart("span");
-				oRm.openEnd();
-				oRm.openStart("span");
-				oRm.addClass("sapUiIntegrationEditorEditor");
-				if (oControl._hasDynamicValue()) {
-					oRm.addStyle("width", "1px");
-					oRm.addStyle("opacity", "0");
-				} else {
-					oRm.addStyle("width", "100%");
+		renderer: {
+			apiVersion: 2,
+			render: function (oRm, oControl) {
+				var oField = oControl.getAggregation("_field"),
+					oDynamicField = oControl._getDynamicField();
+				oRm.openStart("div", oControl);
+				oRm.class("sapUiIntegrationEditorItemField");
+				if (oField && oField.getWidth) {
+					//oRm.style("width", oField.getWidth());
+				}
+				if (!oControl.getVisible()) {
+					oRm.style("display", "none");
 				}
 				oRm.openEnd();
-				oRm.renderControl(oField);
-				oRm.close("span");
-				oRm.close("span");
-				if (oControl._hasDynamicValue()) {
-					oRm.openStart("span");
-					oRm.addClass("sapUiIntegrationEditorSettings");
-					oRm.openEnd();
+				if (oControl.getVisible()) {
 					oRm.openStart("span");
-					oRm.addClass("sapUiIntegrationEditorSettingsField");
-					oRm.addStyle("width", "100%");
-					oRm.addStyle("opacity", "1");
+					oRm.class("sapUiIntegrationEditorEditor");
+					if (oControl._hasDynamicValue()) {
+						oRm.style("width", "1px");
+						oRm.style("opacity", "0");
+					} else {
+						oRm.style("width", "100%");
+					}
 					oRm.openEnd();
-					oRm.renderControl(oDynamicField);
+					oRm.renderControl(oField);
 					oRm.close("span");
+					if (oControl._hasDynamicValue()) {
+						oRm.openStart("span");
+						oRm.class("sapUiIntegrationEditorSettings");
+						oRm.openEnd();
+						oRm.openStart("span");
+						oRm.class("sapUiIntegrationEditorSettingsField");
+						oRm.style("width", "100%");
+						oRm.style("opacity", "1");
+						oRm.openEnd();
+						oRm.renderControl(oDynamicField);
+						oRm.close("span");
+						oRm.close("span");
+					}
+					oRm.openStart("div", oControl.getId() + "-ms");
+					oRm.style("height", "0");
+					oRm.openEnd();
+					oRm.close("div");
 				}
-				oRm.openStart("div");
-				oRm.writeAttribute("id", oControl.getId() + "-ms");
-				oRm.addStyle("height", "0");
-				oRm.openEnd();
 				oRm.close("div");
-			}
-			oRm.close("div");
 
+			}
 		}
 	});
 
@@ -831,8 +830,14 @@ sap.ui.define([
 		return oItem;
 	};
 
-	BaseField.prototype.getPreviewPosition = function () {
-		return this._settingsModel.getProperty("/preview/position");
+	BaseField.prototype.getPopoverPlacement = function (oControl) {
+		var sPlacement = "Right";
+		var iX = oControl.getDomRef().getBoundingClientRect().x;
+		var iWidth = document.body.offsetWidth;
+		if ( 2 * iX > iWidth) {
+			sPlacement = "Left";
+		}
+		return sPlacement;
 	};
 
 	return BaseField;

package/src/sap/ui/integration/editor/fields/BooleanField.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.BooleanField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/DateField.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.DateField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/DateTimeField.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.DateTimeField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/DestinationField.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.DestinationField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/GroupField.js

@@ -0,0 +1,353 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"sap/ui/integration/editor/fields/BaseField",
+	"sap/m/Panel",
+	"sap/m/IconTabBar",
+	"sap/m/IconTabFilter",
+	"sap/m/MessageStrip",
+	"sap/ui/core/Core"
+], function (
+	BaseField,
+	Panel,
+	IconTabBar,
+	IconTabFilter,
+	MessageStrip,
+	Core
+) {
+	"use strict";
+
+	/**
+	 * @class Group Field which will contains multi parameters via Panel/Tab
+	 * @extends sap.ui.integration.editor.fields.BaseField
+	 * @alias sap.ui.integration.editor.fields.GroupField
+	 * @author SAP SE
+	 * @since 1.106.0
+	 * @version 1.107.1
+	 * @private
+	 * @experimental since 1.106.0
+	 * @ui5-restricted
+	 */
+	var GroupField = BaseField.extend("sap.ui.integration.editor.fields.GroupField", {
+		metadata: {
+			library: "sap.ui.integration"
+		},
+		renderer: BaseField.getMetadata().getRenderer()
+	});
+
+	GroupField.prototype.initVisualization = function (oConfig) {
+		var oVisualization = oConfig.visualization;
+		if (!oVisualization || oVisualization.type === "Panel") {
+			oVisualization = {
+				type: Panel,
+				settings: {
+					headerText: oConfig.label,
+					visible: oConfig.visible,
+					expandable: oConfig.expandable !== false,
+					expanded: "{currentSettings>expanded}",
+					width: "auto",
+					backgroundDesign: "Transparent",
+					objectBindings: {
+						currentSettings: {
+							path: "currentSettings>" + (oConfig._settingspath || "/form/items")
+						},
+						items: {
+							path: "items>/form/items"
+						},
+						context: {
+							path: "context>/"
+						}
+					},
+					expand: function (oEvent) {
+						var bExpand = oEvent.getParameter("expand");
+						if (bExpand) {
+							var oControl = oEvent.getSource();
+							// handle error message strip for field
+							var oConfig = this.getConfiguration();
+							if (!oControl._level) {
+								oControl._level = oConfig.level || 0;
+							}
+							var oMessageStrip = oControl._level === "1" && this.getParent().getParent() ? this.getParent().getParent().getAggregation("_messageStrip") : this.getParent().getAggregation("_messageStrip");
+							if (oMessageStrip === null) {
+								oMessageStrip = Core.byId(this.getAssociation("_messageStrip"));
+							}
+							oControl.addContent(oMessageStrip);
+							oControl.focus();
+						}
+					}.bind(this)
+				}
+			};
+		} else if (oVisualization.type === "Tab") {
+			oVisualization = {
+				type: IconTabBar,
+				settings: {
+					expandable: oConfig.expandable !== false,
+					visible: oConfig.visible,
+					expanded: "{currentSettings>expanded}",
+					objectBindings: {
+						currentSettings: {
+							path: "currentSettings>" + (oConfig._settingspath || "/form/items")
+						},
+						items: {
+							path: "items>/form/items"
+						},
+						context: {
+							path: "context>/"
+						}
+					},
+					select: this.checkErrorsInIconTabBar.bind(this)
+				}
+			};
+		}
+		this._visualization = oVisualization;
+		this.attachAfterInit(this._afterInit);
+	};
+
+	GroupField.prototype._afterInit = function () {
+		var oConfig = this.getConfiguration();
+		var oControl = this.getAggregation("_field");
+		if (oControl instanceof Panel) {
+			if (this.getMode() !== "translation") {
+				var oResourceBundle = this.getResourceBundle();
+				var oMessageStripOfPanel = new MessageStrip({
+					id: oControl.getId() + "_strip",
+					showIcon: false,
+					visible: "{= !${currentSettings>expanded} && ${currentSettings>hasError} === true}",
+					text: {
+						path: 'currentSettings>errorType',
+						formatter: function (errorType) {
+							var sPanelTitle = "";
+							switch (errorType) {
+								case "Error":
+									sPanelTitle = oResourceBundle.getText("EDITOR_GROUP_ERRORS");
+									break;
+								case "Warning":
+									sPanelTitle = oResourceBundle.getText("EDITOR_GROUP_WARNINGS");
+									break;
+								default:
+							}
+							return sPanelTitle;
+						}
+					},
+					type: "{currentSettings>errorType}",
+					objectBindings: {
+						currentSettings: {
+							path: "currentSettings>" + (oConfig._settingspath || "/form/items")
+						}
+					}
+				});
+				if (oConfig.level !== "1") {
+					oMessageStripOfPanel.setModel(this._settingsModel, "currentSettings");
+				}
+				oMessageStripOfPanel.addStyleClass("sapUiIntegrationEditorPanelMessageStrip");
+				oControl._messageStrip = oMessageStripOfPanel;
+			}
+
+			oControl._cols = oConfig.cols || 2; //by default 2 cols
+			oControl._level = oConfig.level || 0; //by default 0 level
+
+			//add "aria-label" for each panel to make the landmark uniquely
+			var oDelegate = {
+				onAfterRendering: function(oEvent) {
+					var oControl = oEvent.srcControl;
+					var ePanel = document.getElementById(oControl.getId());
+					ePanel.setAttribute("aria-label", oConfig.label);
+					// handle error message for panel
+					if (oControl._subItems && oControl._subItems.length > 0) {
+						this.checkErrorsInSubItems(this._settingsModel, oControl);
+					}
+					var oMessageStrip = oControl._messageStrip;
+					if (oControl._level !== "1" && oMessageStrip) {
+						oMessageStrip.rerender();
+					}
+					if (oControl.getExpanded()) {
+						// handle error message for sub panel/tab
+						var oItems = oControl.getContent();
+						oItems.forEach(function(oItem) {
+							if (oItem.isA("sap.ui.integration.editor.fields.GroupField")) {
+								var oItemControl = oItem.getAggregation("_field");
+								if (oItemControl instanceof Panel && oItemControl._subItems && oItemControl._subItems.length > 0) {
+									oItem.checkErrorsInSubItems(oItem._settingsModel, oItemControl);
+								} else if (oItemControl instanceof IconTabBar && oItemControl.getItems().length > 0) {
+									oItem.checkErrorsInIconTabBar();
+								}
+							}
+						});
+					}
+				}.bind(this)
+			};
+			oControl.addEventDelegate(oDelegate);
+		} else if (oControl instanceof IconTabBar) {
+			var oIconTabFilter = new IconTabFilter({
+				text: oConfig.label,
+				visible: oConfig.visible,
+				objectBindings: {
+					currentSettings: {
+						path: "currentSettings>" + (oConfig._settingspath || "/form/items")
+					},
+					items: {
+						path: "items>/form/items"
+					},
+					context: {
+						path: "context>/"
+					}
+				}
+			});
+			oControl.addItem(oIconTabFilter);
+			oControl.setBackgroundDesign("Transparent");
+			oControl.setHeaderBackgroundDesign("Transparent");
+			// oControl.setHeaderBackgroundDesign("Solid");
+			oControl.addStyleClass("sapUiIntegrationEditorSubGroup");
+			// oControl.addStyleClass("sapUiIntegrationEditorSubGroup").addStyleClass("cardEditorIconTabBarBG");
+			// handle messageStrip for tab filter
+			if (this.getMode() !== "translation") {
+				var oMessageStripOfTab = new MessageStrip({
+					id: oControl.getId() + "_strip",
+					showIcon: false,
+					visible: false,
+					objectBindings: {
+						currentSettings: {
+							path: "currentSettings>" + (oConfig._settingspath || "/form/items")
+						}
+					}
+				});
+				oMessageStripOfTab.addStyleClass("sapUiIntegrationEditorTabMessageStrip");
+				oControl._messageStrip = oMessageStripOfTab;
+			}
+			// oControl._cols = oConfig.cols || 2; //by default 2 cols
+			oControl._level = oConfig.level || 0; //by default 0 level
+		}
+	};
+
+	GroupField.prototype.checkErrorsInIconTabBar = function (oEvent) {
+		var oControl = this.getAggregation("_field"),
+		oSelectITFKey = oControl.getSelectedKey(),
+		aItems = oControl.getItems(),
+		vExpanded = oControl.getExpanded(),
+		vShowErrors = false;
+		for (var n = 0; n < aItems.length; n++) {
+			if (!vExpanded) {
+				vShowErrors = true;
+			} else if (aItems[n].getId() !== oSelectITFKey) {
+				vShowErrors = true;
+			} else if (aItems[n].getId() === oSelectITFKey) {
+				vShowErrors = false;
+			}
+			if (vShowErrors) {
+				var bHasError = false,
+				sErrorType = "None";
+				if (aItems[n]._subItems && aItems[n]._subItems.length > 0) {
+					var oCurrentSettingsModel = aItems[n].getModel("currentSettings");
+					var oResult = this.checkErrorsInSubItems(oCurrentSettingsModel, aItems[n]);
+					bHasError = oResult.hasError;
+					sErrorType = oResult.errorType;
+				}
+				if (bHasError) {
+					var vITF = new IconTabFilter(),
+					aItem = aItems[n];
+					if (aItem.getItems().length > 0) {
+						aItem.removeAllItems();
+					}
+					aItem.addItem(vITF);
+					this._handleITBValidation(aItem, sErrorType);
+					if (aItem._oExpandButton === undefined) {
+						this._delayHandleITBValidation(aItem, sErrorType);
+					} else {
+						this._handleITBValidation(aItem, sErrorType);
+					}
+				}
+			} else if (aItems[n].getItems().length > 0) {
+				aItems[n].removeItem(aItems[n].getItems()[0]);
+				if (aItems[n]._oExpandButton) {
+					aItems[n]._oExpandButton.visible = false;
+				}
+				//handle error message for fields
+				var tMessageStrip = this.getParent().getParent().getAggregation("_messageStrip");
+				if (tMessageStrip === null) {
+					tMessageStrip = Core.byId(this.getAssociation("_messageStrip"));
+				}
+				aItems[n].addContent(tMessageStrip);
+			}
+		}
+	};
+
+	GroupField.prototype.checkErrorsInSubItems = function (oModel, oControl) {
+		var bHasError = false;
+		var sErrorType = "None";
+		for (var i = 0; i < oControl._subItems.length; i++) {
+			var sSettingsPath = oControl._subItems[i].settingspath;
+			var oItem = Core.byId(oControl._subItems[i].itemId);
+			if (oModel.getProperty(sSettingsPath + "/hasError") === true && oItem.getVisible()) {
+				bHasError = true;
+				var sType = oModel.getProperty(sSettingsPath + "/errorType");
+				if (sType === "Error") {
+					sErrorType = "Error";
+					break;
+				} else if (sType === "Warning" && sErrorType !== "Error") {
+					sErrorType = "Warning";
+				}
+			}
+		}
+		oModel.setProperty("hasError", bHasError, this.getBindingContext("currentSettings"));
+		oModel.setProperty("errorType", sErrorType, this.getBindingContext("currentSettings"));
+		return {
+			hasError: bHasError,
+			errorType: sErrorType
+		};
+	};
+
+	GroupField.prototype._handleITBValidation = function (sItem, sErrorType) {
+		var oResourceBundle = this.getResourceBundle();
+		if (sItem.getItems().length > 0 && sItem._oExpandButton) {
+			var expandBTN = sItem._oExpandButton;
+			var errorMSG = null;
+			if (sErrorType === "Error") {
+				errorMSG = oResourceBundle.getText("EDITOR_GROUP_ERRORS");
+				expandBTN.setIcon("sap-icon://message-error");
+				expandBTN.addStyleClass("errorBTNImage");
+			} else if (sErrorType === "Warning") {
+				errorMSG = oResourceBundle.getText("EDITOR_GROUP_WARNINGS");
+				expandBTN.setIcon("sap-icon://message-warning");
+				expandBTN.addStyleClass("warningBTNImage");
+			}
+			//remove expandButton addtional information
+			expandBTN.setTooltip(null);
+			expandBTN.addEventDelegate({
+				onAfterRendering: function(oEvent) {
+					var eExpandBTN = document.getElementById(expandBTN.getId());
+					eExpandBTN.setAttribute("aria-label", "With validation errors");
+					eExpandBTN.setAttribute("title", "");
+				}
+			});
+			expandBTN.setEnabled(false);
+			expandBTN.addStyleClass("errorBTN").addStyleClass("errorBTNDisabled");
+			var iITBar = expandBTN.getParent().getParent().getParent();
+			var iMessageStrip = Core.byId(iITBar.getId() + "_strip");
+			expandBTN.addEventDelegate({
+				onmouseover: function() {
+					iMessageStrip.setVisible(true);
+					iMessageStrip.setType(sErrorType);
+					iMessageStrip.setText(errorMSG);
+				},
+				onmouseout: function() {
+					iMessageStrip.setVisible(false);
+				}
+			}, this);
+		}
+	};
+
+	GroupField.prototype._delayHandleITBValidation = function(oItem, sErrorType) {
+		var that = this;
+		var checkExpandBTNExist = setInterval(function() {
+			if (oItem._oExpandButton) {
+				that._handleITBValidation(oItem, sErrorType);
+				clearInterval(checkExpandBTNExist);
+			}
+		}, 50);
+	};
+
+	return GroupField;
+});

package/src/sap/ui/integration/editor/fields/IntegerField.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.IntegerField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/NumberField.js

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.NumberField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/ObjectField.js

@@ -84,7 +84,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.ObjectField
 	 * @author SAP SE
 	 * @since 1.100.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.100.0
 	 * @ui5-restricted
@@ -1276,7 +1276,10 @@ sap.ui.define([
 		var oResourceBundle = that.getResourceBundle();
 		var oItemCloned = deepClone(oItem, 500);
 		var oModel;
-		var sPlacement = sMode === "add" && that.getPreviewPosition() !== "right" ? "Left" : "Right";
+		var sPlacement = "Right";
+		if (sMode === "add") {
+			sPlacement = this.getPopoverPlacement(oControl);
+		}
 		if (!that._oObjectDetailsPopover) {
 			var oAddButton = new Button({
 				text: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DETAILS_POPOVER_BUTTON_ADD"),
@@ -1699,10 +1702,10 @@ sap.ui.define([
 		}
 		var oTranslatedValues = that.buildTranslationsData(sKey, sType, oNewObject._dt._uuid, sProperty);
 		var oTranslatonsModel;
+		var sPlacement = this.getPopoverPlacement(oControl._oValueHelpIcon);
 		if (!that._oTranslationPopover) {
 			var oList = that.buildTranslationsList();
 			var oTranslationsFooter = that.buildTranslationsFooter(oList, true);
-			var sPlacement = that.getPreviewPosition() === "right" ? "Right" : "Left";
 			that._oTranslationPopover = new Popover({
 				placement: sPlacement,
 				contentWidth: "300px",
@@ -1714,6 +1717,7 @@ sap.ui.define([
 			oTranslatonsModel = that.buildTranslationsModel(oTranslatedValues);
 			that._oTranslationPopover.setModel(oTranslatonsModel, "languages");
 		} else {
+			that._oTranslationPopover.setPlacement(sPlacement);
 			oTranslatonsModel = that._oTranslationPopover.getModel("languages");
 			oTranslatonsModel.setData(oTranslatedValues);
 			oTranslatonsModel.checkUpdate(true);

package/src/sap/ui/integration/editor/fields/ObjectListField.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.ObjectListField
 	 * @author SAP SE
 	 * @since 1.100.0
-	 * @version 1.106.0
+	 * @version 1.107.1
 	 * @private
 	 * @experimental since 1.100.0
 	 * @ui5-restricted