@openui5/sap.ui.integration 1.108.1 → 1.109.0

package/src/sap/ui/integration/designtime/editor/CardPreview.js

@@ -5,6 +5,7 @@
  */
 
 sap.ui.define([
+	"sap/ui/integration/library",
 	"sap/ui/core/Control",
 	"sap/m/HBox",
 	"sap/m/Image",
@@ -14,10 +15,12 @@ sap.ui.define([
 	"sap/ui/dom/includeStylesheet",
 	"sap/ui/integration/util/CardMerger"
 ], function (
-	Control, HBox, Image, ToggleButton, Card, Core, includeStylesheet, CardMerger
+	library, Control, HBox, Image, ToggleButton, Card, Core, includeStylesheet, CardMerger
 ) {
 	"use strict";
 
+	var CardDataMode = library.CardDataMode;
+
 	/**
 	 * Constructor for a new <code>Preview</code> that show a image, abstract live preview
 	 *
@@ -26,7 +29,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.editor.CardPreview
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -56,6 +59,7 @@ sap.ui.define([
 				if (oControl._getCurrentMode() === "None") {
 					oRm.openStart("div", oControl);
 					oRm.openEnd();
+					oRm.close("div");
 					return;
 				}
 				oRm.openStart("div", oControl);
@@ -74,9 +78,11 @@ sap.ui.define([
 				}
 				oRm.openEnd();
 				oRm.openStart("div", oControl.getId() + "-before");
-				oRm.class("before");
 				oRm.attr("tabindex", "-1");
-				oRm.style("z-index", oControl.getParent()._iZIndex + 1);
+				if (!oControl.getSettings().preview.interactive) {
+					oRm.class("before");
+					oRm.style("z-index", oControl.getParent()._iZIndex + 1);
+				}
 				oRm.openEnd();
 				oRm.close("div");
 				oRm.renderControl(oControl._getCardPreview());
@@ -85,9 +91,11 @@ sap.ui.define([
 				oRm.openEnd();
 				oRm.close("div");
 				// TODO unsupported DOM structure: button is not a child of the root element
-				if (oControl._getModes().indexOf("Live") > -1 && oControl._getModes().indexOf("Abstract") > -1) {
+				if ((oControl._getModes().indexOf("Live") > -1 && oControl._getModes().indexOf("Abstract") > -1)
+				|| (oControl._getModes().indexOf("Mock") > -1 && oControl._getModes().indexOf("Abstract") > -1)) {
 					oRm.renderControl(oControl._getModeToggleButton());
 				}
+				oRm.close("div");
 			}
 		}
 	});
@@ -134,7 +142,7 @@ sap.ui.define([
 	CardPreview.prototype.onAfterRendering = function () {
 		var oPreview = this.getAggregation("cardPreview"),
 		    sModes = this._getModes();
-		if (sModes.indexOf("Live") > -1 && oPreview && oPreview.getDomRef() && oPreview.getDomRef().getElementsByClassName("sapVizFrame")) {
+		if ((sModes.indexOf("Live") > -1 || sModes.indexOf("Mock") > -1) && oPreview && oPreview.getDomRef() && oPreview.getDomRef().getElementsByClassName("sapVizFrame")) {
 			window.setTimeout(function() {
 				try {
 					var vizFrameId = oPreview.getDomRef().getElementsByClassName("sapVizFrame")[0].id;
@@ -160,7 +168,7 @@ sap.ui.define([
 			} else {
 				oPreview = this._getCardPlaceholderPreview();
 			}
-		} else if (this._getCurrentMode() === "Live") {
+		} else if (this._getCurrentMode() === "Live" || this._getCurrentMode() === "Mock") {
 			oPreview = this._getCardRealPreview();
 		}
 		if (oPreview) {
@@ -260,7 +268,7 @@ sap.ui.define([
 		};
 
 		if (!this._oCardPlaceholder) {
-			this._oCardPlaceholder = new Card();
+			this._oCardPlaceholder = new Card({dataMode: CardDataMode.Active});
 			this._oCardPlaceholder._setPreviewMode(true);
 		}
 		this._oCardPlaceholder.setManifest(placeholder);
@@ -274,11 +282,11 @@ sap.ui.define([
 	 */
 	CardPreview.prototype.getTransformContentInfo = function () {
 		return {
-			transformStyle: "scale3d(0.4, 0.4, 1)",
-			transformFactor: 0.4,
+			transformStyle: "scale3d(0.45, 0.45, 1)",
+			transformFactor: 0.45,
 			transformOriginStyle: "0 0",
-			widthStyle: "500px",
-			heightStyle: "600px",
+			widthStyle: "400px + 10rem",
+			heightStyle: "700px - 1.5rem",
 			zIndex: this.getParent()._iZIndex
 		};
 	};
@@ -288,8 +296,11 @@ sap.ui.define([
 	 */
 	CardPreview.prototype._getCardRealPreview = function () {
 		if (!this._oCardPreview) {
-			this._oCardPreview = new Card();
+			this._oCardPreview = new Card({dataMode: CardDataMode.Active});
 			this._oCardPreview.setBaseUrl(this.getCard().getBaseUrl());
+			if (this._currentMode === "Mock") {
+				this._oCardPreview.setProperty("useMockData", true);
+			}
 		}
 		this._initalChanges = this._initalChanges || this._oCardPreview.getManifestChanges() || [];
 		var aChanges = this._initalChanges.concat([this.getParent().getCurrentSettings()]);
@@ -334,25 +345,34 @@ sap.ui.define([
 	 */
 	CardPreview.prototype._getModes = function () {
 		var mSettings = this.getSettings();
-		//default setting - live preview
+		//default setting - abstract preview
 		mSettings.preview = mSettings.preview || {};
 		mSettings.preview.modes = mSettings.preview.modes || "Abstract";
+		// Mock mode is only used for Component Card now, replace it with "Live" for other Cards
+		var sType = this.getCard().getManifestEntry("/sap.card/type");
+		if (sType !== "Component") {
+			mSettings.preview.modes = mSettings.preview.modes.replace("Mock", "Live");
+		}
 		return mSettings.preview.modes;
 	};
 
 	/**
-	 * returns the current mode of the preview, "Abstract" or "Live"
+	 * returns the current mode of the preview, "Abstract" or "Live" or "Mock"
 	 */
 	CardPreview.prototype._getCurrentMode = function () {
 		var sModes = this._getModes();
 		if (!this._currentMode) {
 			switch (sModes) {
-				case "AbstractLive":
 				case "Abstract":
+				case "AbstractLive":
+				case "AbstractMock":
 					this._currentMode = "Abstract"; break;
-				case "LiveAbstract":
 				case "Live":
+				case "LiveAbstract":
 					this._currentMode = "Live"; break;
+				case "Mock":
+				case "MockAbstract":
+					this._currentMode = "Mock"; break;
 				default: this._currentMode = "None";
 			}
 		}
@@ -360,17 +380,19 @@ sap.ui.define([
 	};
 
 	/**
-	 * toggles the current mode from "Abstract" to "Live" and vice versa
+	 * toggles the current mode from "Abstract" to "Live" or "Mock" and vice versa
 	 */
 	CardPreview.prototype._toggleCurrentMode = function () {
 		var sModes = this._getModes();
 		if (sModes.indexOf("Live") > -1 && sModes.indexOf("Abstract") > -1) {
 			this._currentMode = this._getCurrentMode() === "Abstract" ? "Live" : "Abstract";
+		} else if (sModes.indexOf("Mock") > -1 && sModes.indexOf("Abstract") > -1) {
+			this._currentMode = this._getCurrentMode() === "Abstract" ? "Mock" : "Abstract";
 		}
 	};
 
 	/**
-	 * toggles the current mode from "Abstract" to "Live" and vice versa
+	 * toggles the current mode from "Abstract" to "Live" or "Mock" and vice versa
 	 * @returns {sap.m.ToggleButton}
 	 */
 	CardPreview.prototype._getModeToggleButton = function () {
@@ -401,9 +423,12 @@ sap.ui.define([
 		if (currentMode === "Abstract") {
 			tb.setIcon("sap-icon://media-play");
 			tb.setPressed(false);
-			tb.setTooltip(oBundle.getText("CARDEDITOR_PREVIEW_BTN_LIVEPREVIEW"));
-
-		} else if (currentMode === "Live") {
+			if (this._getModes().indexOf("Mock") > -1) {
+				tb.setTooltip(oBundle.getText("CARDEDITOR_PREVIEW_BTN_MOCKPREVIEW"));
+			} else {
+				tb.setTooltip(oBundle.getText("CARDEDITOR_PREVIEW_BTN_LIVEPREVIEW"));
+			}
+		} else if (currentMode === "Live" || currentMode === "Mock") {
 			tb.setIcon("sap-icon://media-pause");
 			tb.setPressed(true);
 			tb.setTooltip(oBundle.getText("CARDEDITOR_PREVIEW_BTN_SAMPLEPREVIEW"));
@@ -430,15 +455,34 @@ sap.ui.define([
 			yiq = (r * 299 + g * 587 + b * 114) / 1000;
 		return (yiq <= 128);
 	}
+
+	CardPreview.prototype.onfocusin = function (oEvent) {
+		if (!this.getSettings().preview.interactive) {
+			if (!this._focusinByTabPrevious && oEvent.srcControl !== this._oModeToggleButton) {
+				if (this._oModeToggleButton) {
+					this._oModeToggleButton.focus();
+				} else {
+					this.getDomRef("after").focus();
+				}
+			}
+			this._focusinByTabPrevious = false;
+		}
+	};
+
 	CardPreview.prototype.onsaptabnext = function (oEvent) {
-		if (oEvent.target === this.getDomRef("before")) {
-			this.getDomRef("after").focus();
+		if (!this.getSettings().preview.interactive) {
+			if (oEvent.srcControl !== this._oModeToggleButton) {
+				this.getDomRef("after").focus();
+			}
 		}
 	};
 
 	CardPreview.prototype.onsaptabprevious = function (oEvent) {
-		if (oEvent.target === this.getDomRef("after")) {
-			this.getDomRef("before").focus();
+		if (!this.getSettings().preview.interactive) {
+			this._focusinByTabPrevious = true;
+			if (!this._oModeToggleButton || oEvent.srcControl === this._oModeToggleButton) {
+				this.getDomRef("before").focus();
+			}
 		}
 	};
 

package/src/sap/ui/integration/designtime/editor/css/CardPreview.css

@@ -1,5 +1,5 @@
 .sapUiIntegrationDTPreview {
-	padding: 2rem;
+	padding: 0.5rem;
 	overflow: hidden;
 	min-width: calc(190px + 5rem);
 	width: calc(190px + 5rem);
@@ -24,10 +24,10 @@
 .sapUiIntegrationDTPreview>.before {
 	position: absolute;
 	min-width: calc(190px + 5rem);
-	height: calc(350px - 3.5rem);
+	height: calc(350px - 2.2rem);
 	background-color: rgba(222, 222, 222, 0.5); /* background-color needed for blocking */
 	opacity: 0.01;
-	margin: -2rem
+	margin: -0.5rem;
 }
 
 .sapUiIntegrationDTPreview.sapUiIntegrationDTPreviewDark {
@@ -44,27 +44,27 @@
 }
 
 .sapUiIntegrationDTPreview .sapFCard.sapUiIntegrationDTPreviewScale {
-	transform: scale3d(0.4, 0.4, 1);
+	transform: scale3d(0.45, 0.45, 1);
 	transform-origin: 0 0;
-	width: 500px !important;
-	height: 600px !important;
-	position: absolute
+	width: calc(400px + 10rem) !important;
+	height: calc(700px - 1.5rem) !important;
+	position: absolute;
 }
 
 .sapUiIntegrationDTPreview .sapFCard.sapUiIntegrationDTPreviewScaleSpec {
-	transform: scale3d(0.4, 0.4, 1);
+	transform: scale3d(0.45, 0.45, 1);
 	transform-origin: 100% 0;
-	width: 500px !important;
-	height: 600px !important;
+	width: calc(400px + 10rem) !important;
+	height: calc(700px - 1.5rem) !important;
 	position: absolute
 }
 
 .sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewButton {
 	position: absolute !important;
-	margin: calc(260px + 0.3rem) 0 0 calc(95px - 0.5rem) !important;
+	margin: calc(350px - 2.8rem) 0 0 calc(95px + 1rem) !important;
 }
 
 .sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewButtonSpec {
 	position: absolute !important;
-	margin: calc(260px + 0.3rem) calc(95px - 0.5rem) 0 0 !important
+	margin:calc(350px - 2.8rem) calc(95px + 1rem) 0 0 !important
 }

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

@@ -37,7 +37,6 @@ sap.ui.define([
 	"sap/m/FormattedText",
 	"sap/m/MessageStrip",
 	"sap/m/ToolbarSpacer",
-	"sap/base/util/includes",
 	"sap/ui/model/resource/ResourceModel",
 	"./Manifest",
 	"./Merger",
@@ -81,7 +80,6 @@ sap.ui.define([
 	FormattedText,
 	MessageStrip,
 	Separator,
-	includes,
 	ResourceModel,
 	EditorManifest,
 	Merger,
@@ -139,7 +137,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 * @constructor
 	 * @since 1.94
 	 * @private
@@ -237,14 +235,12 @@ sap.ui.define([
 				var oPreview = oControl.getAggregation("_preview");
 				var bShowPreview = oControl.getMode() !== "translation" && oControl.hasPreview();
 				var sPreviewPosition = oControl.getPreviewPosition();
-				if (bShowPreview
-					&& (sPreviewPosition === "top" || sPreviewPosition === "bottom")) {
+				if (bShowPreview && (sPreviewPosition === "top" || sPreviewPosition === "bottom")) {
 					oRm.openStart("div", oControl);
 					oRm.openEnd();
 					//render the additional content if alignment of it is "top"
 					if (oControl.isReady() && sPreviewPosition === "top") {
 						oRm.renderControl(oPreview);
-						oRm.close("div");
 					}
 				}
 				if (bShowPreview && sPreviewPosition === "left") {
@@ -253,10 +249,8 @@ sap.ui.define([
 					oRm.openEnd();
 					if (oControl.isReady()){
 						oRm.renderControl(oPreview);
-						oRm.close("div");
 					}
-				} else if (bShowPreview
-					&& (sPreviewPosition === "bottom" || sPreviewPosition === "top")) {
+				} else if (bShowPreview && (sPreviewPosition === "top" || sPreviewPosition === "bottom")) {
 					oRm.openStart("div");
 					oRm.class("sapUiIntegrationEditor");
 					oRm.openEnd();
@@ -861,9 +855,11 @@ sap.ui.define([
 					}
 				}
 				oRm.close("div");
-				//render the additional content if alignment of it is "right"
-				if (oControl.isReady() && bShowPreview && sPreviewPosition === "bottom") {
-					oRm.renderControl(oPreview);
+				if (bShowPreview && (sPreviewPosition === "top" || sPreviewPosition === "bottom")) {
+					//render the additional content if alignment of it is "bottom"
+					if (sPreviewPosition === "bottom") {
+						oRm.renderControl(oPreview);
+					}
 					oRm.close("div");
 				}
 			}
@@ -893,7 +889,7 @@ sap.ui.define([
 		 * @experimental since 1.94
 		 * @public
 		 * @author SAP SE
-		 * @version 1.108.1
+		 * @version 1.109.0
 		 * @borrows sap.ui.integration.editor.Editor#getParameters as getParameters
 		 * @borrows sap.ui.integration.editor.Editor#resolveDestination as resolveDestination
 		 * @borrows sap.ui.integration.editor.Editor#request as request
@@ -1570,7 +1566,7 @@ sap.ui.define([
 							});
 							// delete translation texts if uuid not included in value list
 							for (var uuid in mResult.texts[language][key]) {
-								if (!includes(aUUIDs, uuid)) {
+								if (!aUUIDs.includes(uuid)) {
 									delete mResult.texts[language][key][uuid];
 								}
 							}
@@ -2219,7 +2215,7 @@ sap.ui.define([
 					if (Array.isArray(oResult)) {
 						for (var n in oResult) {
 							var sKey = oField.getKeyFromItem(oResult[n]);
-							if (Array.isArray(oFieldConfig.value) && oFieldConfig.value.length > 0 && includes(oFieldConfig.value, sKey)) {
+							if (Array.isArray(oFieldConfig.value) && oFieldConfig.value.length > 0 && oFieldConfig.value.includes(sKey)) {
 								oResult[n].Selected = this._oResourceBundle.getText("EDITOR_ITEM_SELECTED");
 							} else {
 								oResult[n].Selected = this._oResourceBundle.getText("EDITOR_ITEM_UNSELECTED");
@@ -2230,7 +2226,7 @@ sap.ui.define([
 				} else if (Array.isArray(oData)) {
 					for (var n in oData) {
 						var sKey = oField.getKeyFromItem(oData[n]);
-						if (Array.isArray(oFieldConfig.value) && oFieldConfig.value.length > 0 && includes(oFieldConfig.value, sKey)) {
+						if (Array.isArray(oFieldConfig.value) && oFieldConfig.value.length > 0 && oFieldConfig.value.includes(sKey)) {
 							oData[n].Selected = this._oResourceBundle.getText("EDITOR_ITEM_SELECTED");
 						} else {
 							oData[n].Selected = this._oResourceBundle.getText("EDITOR_ITEM_UNSELECTED");
@@ -2714,7 +2710,7 @@ sap.ui.define([
 				aFallbacks.push(sLanguage.substring(0, sLanguage.indexOf("-")));
 			}
 			//add en into fallbacks
-			if (!includes(aFallbacks, "en")) {
+			if (!aFallbacks.includes("en")) {
 				aFallbacks.push("en");
 			}
 			// load the ResourceBundle relative to the manifest

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

@@ -6,9 +6,8 @@
 
 sap.ui.define([
 	"sap/base/util/LoaderExtensions",
-	"sap/base/i18n/ResourceBundle",
-	"sap/base/util/includes"
-], function (LoaderExtensions, ResourceBundle, includes) {
+	"sap/base/i18n/ResourceBundle"
+], function (LoaderExtensions, ResourceBundle) {
 	"use strict";
 
 	/**
@@ -16,7 +15,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.EditorResourceBundles
 	 * @author SAP SE
 	 * @since 1.94.0
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.94.0
 	 * @ui5-restricted
@@ -45,7 +44,7 @@ sap.ui.define([
 						aFallbacks.push(p.substring(0, p.indexOf("-")));
 					}
 					//add en into fallbacks
-					if (!includes(aFallbacks, "en")) {
+					if (!aFallbacks.includes("en")) {
 						aFallbacks.push("en");
 					}
 					oResourceBundleTemp = ResourceBundle.create({

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

@@ -22,7 +22,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.Extension
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public

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.108.1
+	 * @version 1.109.0
 	 *
 	 * @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.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

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.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	 * @experimental since 1.83.0

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.108.1
+	 * @version 1.109.0
 	 * @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.108.1
+	 * @version 1.109.0
 	 * @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.108.1
+	 * @version 1.109.0
 	 * @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.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

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

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.GroupField
 	 * @author SAP SE
 	 * @since 1.106.0
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.106.0
 	 * @ui5-restricted

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.108.1
+	 * @version 1.109.0
 	 * @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.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

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

@@ -37,7 +37,6 @@ sap.ui.define([
 	"sap/ui/model/Sorter",
 	"sap/ui/core/CustomData",
 	"sap/ui/integration/editor/EditorResourceBundles",
-	"sap/base/util/includes",
 	"sap/ui/integration/util/Utils"
 ], function (
 	BaseField,
@@ -72,7 +71,6 @@ sap.ui.define([
 	Sorter,
 	CustomData,
 	EditorResourceBundles,
-	includes,
 	Utils
 ) {
 	"use strict";
@@ -84,7 +82,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.ObjectField
 	 * @author SAP SE
 	 * @since 1.100.0
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.100.0
 	 * @ui5-restricted
@@ -1504,7 +1502,7 @@ sap.ui.define([
 			var sTranslateText = that.getTranslationValueInTexts(oTempTranslatedValue.key, sUUID, sProperty);
 			if (sTranslateText) {
 				oTempTranslatedValue.value = sTranslateText;
-				if (includes(that._oUpdatedTranslations[sTranslationKey], oTempTranslatedValue.key)) {
+				if (Array.isArray(that._oUpdatedTranslations[sTranslationKey]) && that._oUpdatedTranslations[sTranslationKey].includes(oTempTranslatedValue.key)) {
 					oTempTranslatedValue.value = that.getTranslationValueInTexts(oTempTranslatedValue.key, sUUID, sProperty);
 					oTempTranslatedValue.status = oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_LISTITEM_GROUP_UPDATED");
 				} else {
@@ -1628,7 +1626,7 @@ sap.ui.define([
 				if (aUpdatedLanguages.length > 0) {
 					that._oUpdatedTranslations = that._oUpdatedTranslations || {};
 					that._oUpdatedTranslations[sTranslationKey] = aUpdatedLanguages;
-					if (includes(aUpdatedLanguages, sCurrentLanugae)) {
+					if (aUpdatedLanguages.includes(sCurrentLanugae)) {
 						bUpdateDependentFieldsAndPreview = true;
 					}
 				}
@@ -1824,7 +1822,7 @@ sap.ui.define([
 					var oData = oModel.getProperty(sPath);
 					var oNewData = [];
 					for (var i = 0; i < oData.length; i++) {
-						if (includes(aSelectedIndexs, i + "")) {
+						if (aSelectedIndexs.includes(i + "")) {
 							that.deleteTranslationValueInTexts(undefined, oData[i]._dt._uuid);
 						} else {
 							oNewData.push(oData[i]);

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.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.100.0
 	 * @ui5-restricted

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

@@ -26,8 +26,7 @@ sap.ui.define([
 	"sap/ui/integration/editor/EditorResourceBundles",
 	"sap/base/util/deepClone",
 	"sap/ui/model/Sorter",
-	'sap/m/GroupHeaderListItem',
-	"sap/base/util/includes",
+	"sap/m/GroupHeaderListItem",
 	"sap/ui/core/CustomData"
 ], function (
 	BaseField,
@@ -52,7 +51,6 @@ sap.ui.define([
 	deepClone,
 	Sorter,
 	GroupHeaderListItem,
-	includes,
 	CustomData
 ) {
 	"use strict";
@@ -69,7 +67,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.StringField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -93,7 +91,7 @@ sap.ui.define([
 				// filter out TODAY_ISO NOW_ISO LOCALE
 				aResult = aResult.filter(function (oResult) {
 					var oParameter = oResult.substring(11);
-					return !includes(aSpecParameters, oParameter);
+					return !aSpecParameters.includes(oParameter);
 				});
 			}
 			if (aResult && aResult.length > 0) {
@@ -428,12 +426,12 @@ sap.ui.define([
 			var sTranslateText = oField.getTranslationValueInTexts(translatedValue.key, oConfig.manifestpath);
 			if (sTranslateText) {
 				translatedValue.value = sTranslateText;
-				if (!includes(that._aUpdatedLanguages, translatedValue.key)) {
+				if (Array.isArray(that._aUpdatedLanguages) && !that._aUpdatedLanguages.includes(translatedValue.key)) {
 					translatedValue.originValue = translatedValue.value;
 				}
 			} else if (oConfig._beforeLayerChange) {
 				translatedValue.value = oConfig._beforeLayerChange;
-				if (!includes(that._aUpdatedLanguages, translatedValue.key)) {
+				if (Array.isArray(that._aUpdatedLanguages) && !that._aUpdatedLanguages.includes(translatedValue.key)) {
 					translatedValue.originValue = translatedValue.value;
 				}
 			}
@@ -452,7 +450,7 @@ sap.ui.define([
 		if (aTempTranslatedLanguages) {
 			//check the updated language list, update the data model
 			aTempTranslatedLanguages.forEach(function (translatedValue) {
-				if (includes(that._aUpdatedLanguages, translatedValue.key)) {
+				if (Array.isArray(that._aUpdatedLanguages) && that._aUpdatedLanguages.includes(translatedValue.key)) {
 					translatedValue.value = oField.getTranslationValueInTexts(translatedValue.key, oConfig.manifestpath);
 					translatedValue.status = oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_LISTITEM_GROUP_UPDATED");
 				}