@openui5/sap.ui.integration 1.112.2 → 1.114.0

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

@@ -36,7 +36,6 @@ sap.ui.define([
 	"sap/m/CustomListItem",
 	"sap/ui/model/Sorter",
 	"sap/ui/core/CustomData",
-	"sap/ui/integration/editor/EditorResourceBundles",
 	"sap/ui/integration/util/Utils"
 ], function (
 	BaseField,
@@ -70,7 +69,6 @@ sap.ui.define([
 	CustomListItem,
 	Sorter,
 	CustomData,
-	EditorResourceBundles,
 	Utils
 ) {
 	"use strict";
@@ -82,7 +80,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.ObjectField
 	 * @author SAP SE
 	 * @since 1.100.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.100.0
 	 * @ui5-restricted
@@ -206,6 +204,7 @@ sap.ui.define([
 
 	ObjectField.prototype.createSimpleFormVisualization = function(oConfig) {
 		var that = this;
+		var sParameterId = that.getParameterId();
 		var oResourceBundle = that.getResourceBundle();
 		var fnChange = function() {
 			var oModel = this.getAggregation("_field").getModel();
@@ -223,7 +222,7 @@ sap.ui.define([
 			this.setValue(oValue);
 		}.bind(that);
 		var aObjectPropertyFormContents = that.createFormContents(fnChange, "/value/", false, that.openTranslationPopup);
-		var oEditModeButton = new Button({
+		var oEditModeButton = new Button(sParameterId + "_control_form_editmode_btn", {
 			icon: {
 				path: '/editMode',
 				formatter: function(oEditMode) {
@@ -254,7 +253,7 @@ sap.ui.define([
 				}
 			}
 		});
-		var oDeleteButon = new Button({
+		var oDeleteButon = new Button(sParameterId + "_control_form_delete_btn", {
 			icon: "sap-icon://delete",
 			tooltip: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DELETE"),
 			visible: oConfig.enabled,
@@ -341,11 +340,11 @@ sap.ui.define([
 		return oVisualization;
 	};
 
-	ObjectField.prototype.buildSelectionColumnLables = function() {
+	ObjectField.prototype.buildSelectionColumnLabels = function() {
 		var that = this;
 		var oConfig = that.getConfiguration();
 		var oResourceBundle = that.getResourceBundle();
-		return new Button({
+		return new Button(that.getParameterId() + "_control_table_column_selection_label_clearall_btn", {
 			icon: "sap-icon://clear-all",
 			type: "Transparent",
 			enabled: typeof oConfig.values === "undefined" ? false : "{/_hasSelected}",
@@ -356,13 +355,14 @@ sap.ui.define([
 
 	ObjectField.prototype.buildTableColumns = function() {
 		var that = this;
+		var sParameterId = that.getParameterId();
 		var oConfig = that.getConfiguration();
 		var aColumns = [];
 		var aKeys = Object.keys(oConfig.properties);
 		if (aKeys.length > 0) {
 			var oResourceBundle = that.getResourceBundle();
-			var oSelectionColumnLabels = that.buildSelectionColumnLables();
-			var oSelectionColumn = new Column({
+			var oSelectionColumnLabels = that.buildSelectionColumnLabels();
+			var oSelectionColumn = new Column(sParameterId + "_control_table_column_selection", {
 				width: "3.2rem",
 				hAlign: "Center",
 				// hide selection column for object list field with properties defined only
@@ -394,6 +394,7 @@ sap.ui.define([
 			});
 			aColumns.push(oSelectionColumn);
 			for (var n in oConfig.properties) {
+				var sPropertyId = sParameterId + "_control_table_column_property_" + n;
 				var oProperty = oConfig.properties[n];
 				var sDefaultLabel = oProperty.label || n;
 				var sDefaultValue = "{" + n + "}";
@@ -513,7 +514,7 @@ sap.ui.define([
 						break;
 				}
 				oColumnSettings.template = oCellTemplate;
-				var oColumn = new Column(oColumnSettings);
+				var oColumn = new Column(sPropertyId, oColumnSettings);
 				aColumns.push(oColumn);
 			}
 		}
@@ -533,6 +534,7 @@ sap.ui.define([
 
 	ObjectField.prototype.createTableToolbar = function(oConfig) {
 		var that = this;
+		var sParameterId = that.getParameterId();
 		var oResourceBundle = that.getResourceBundle();
 		// check if has filterProperty defined in each column of config.properties
 		var bHasFilterDefined = that.checkHasFilterDefined(oConfig);
@@ -543,39 +545,39 @@ sap.ui.define([
 		}
 		var oContents = [
 			new ToolbarSpacer(),
-			new Button({
+			new Button(sParameterId + "_control_table_add_btn", {
 				icon: "sap-icon://add",
 				visible: bAddButtonVisible,
 				tooltip: sAddButtonTooltip,
 				press: that.addNewObject.bind(that)
 			}),
-			new Button({
+			new Button(sParameterId + "_control_table_edit_btn", {
 				icon: "sap-icon://edit",
 				tooltip: oResourceBundle.getText("EDITOR_FIELD_OBJECT_TABLE_BUTTON_EDIT_TOOLTIP"),
 				enabled: "{= !!${/_hasTableSelected}}",
 				press: that.onEditOrViewDetail.bind(that)
 			}),
-			new Button({
+			new Button(sParameterId + "_control_table_delete_btn", {
 				icon: "sap-icon://delete",
 				tooltip: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DELETE"),
 				enabled: "{= !!${/_canDelete}}",
 				press: that.onDelete.bind(that)
 			}),
-			new Button({
+			new Button(sParameterId + "_control_table_filter_btn", {
 				icon: "sap-icon://clear-filter",
 				visible: bHasFilterDefined,
 				enabled: "{= !!${/_hasFilter}}",
 				tooltip: oResourceBundle.getText("EDITOR_FIELD_OBJECT_TABLE_BUTTON_CLEAR_ALL_FILTERS_TOOLTIP"),
 				press: that.clearAllFilters.bind(that)
 			}),
-			new Button({
+			new Button(sParameterId + "_control_table_multiselect_all_btn", {
 				icon: "sap-icon://multiselect-all",
 				visible: false,
 				enabled: "{= !${/_hasTableAllSelected}}",
 				tooltip: oResourceBundle.getText("EDITOR_FIELD_OBJECT_TABLE_BUTTON_SELECT_ALL_SELETIONS_TOOLTIP"),
 				press: that.selectAllTableSelections.bind(that)
 			}),
-			new Button({
+			new Button(sParameterId + "_control_table_multiselect_none_btn", {
 				icon: "sap-icon://multiselect-none",
 				visible: false,
 				enabled: "{= !!${/_hasTableSelected}}",
@@ -585,13 +587,13 @@ sap.ui.define([
 		];
 		if (oConfig.type === "object[]") {
 			oContents = oContents.concat([
-				new Button({
+				new Button(sParameterId + "_control_table_navigationup_btn", {
 					icon: "sap-icon://navigation-up-arrow",
 					enabled: "{= !!${/_hasOnlyOneRowSelected}}",
 					tooltip: oResourceBundle.getText("EDITOR_FIELD_OBJECT_TABLE_BUTTON_MOVE_UP_TOOLTIP"),
 					press: that.moveRowUp.bind(that)
 				}),
-				new Button({
+				new Button(sParameterId + "_control_table_navigationdown_btn", {
 					icon: "sap-icon://navigation-down-arrow",
 					enabled: "{= !!${/_hasOnlyOneRowSelected}}",
 					tooltip: oResourceBundle.getText("EDITOR_FIELD_OBJECT_TABLE_BUTTON_MOVE_DOWN_TOOLTIP"),
@@ -933,11 +935,12 @@ sap.ui.define([
 	ObjectField.prototype.createFormContents = function (fnChange, sPathPrefix, bIsInPopover, fnNavToTranslation) {
 		var that = this;
 		var oConfig = that.getConfiguration();
-		var aContentList = that.createPropertyContents(fnChange, sPathPrefix, fnNavToTranslation);
+		var aContentList = that.createPropertyContents(fnChange, sPathPrefix, bIsInPopover, fnNavToTranslation);
 		aContentList.push(new Label({
 			visible: false
 		}).addStyleClass("sapFormLabel"));
-		aContentList.push(new TextArea({
+		var sTextAreaId = bIsInPopover ? that.getParameterId() + "_control_objectdetails_popover_form_textarea" : that.getParameterId() + "_control_form_textarea";
+		aContentList.push(new TextArea(sTextAreaId, {
 			value: {
 				path: sPathPrefix,
 				formatter: function(vValue) {
@@ -966,8 +969,10 @@ sap.ui.define([
 		return aContentList;
 	};
 
-	ObjectField.prototype.createPropertyContents = function (fnChange, sPathPrefix, fnNavToTranslation) {
+	ObjectField.prototype.createPropertyContents = function (fnChange, sPathPrefix, bIsInPopover, fnNavToTranslation) {
 		var that = this;
+		var sParameterId = that.getParameterId();
+		var sPropertyIdPrefix = bIsInPopover ? sParameterId + "_control_objectdetails_popover_form_property_" : sParameterId + "_control_form_property_";
 		var oConfig = that.getConfiguration();
 		var aPropertyContentList = [];
 		if (!sPathPrefix) {
@@ -1014,7 +1019,9 @@ sap.ui.define([
 				var sLabelKey = sLabelText.substring(2, sLabelText.length - 2);
 				sLabelText = "{i18n>" + sLabelKey + "}";
 			}
-			var oLable = new Label({
+			var sPropertyLabelId = sPropertyIdPrefix + n + "_label";
+			var sPropertyControlId = sPropertyIdPrefix + n + "_control";
+			var oLable = new Label(sPropertyLabelId, {
 				text: sLabelText,
 				visible: "{= ${/editMode} === 'Properties'}",
 				required: oProperty.required || false
@@ -1047,7 +1054,7 @@ sap.ui.define([
 							oSettings.customTextOff = oProperty.cell.customTextOff;
 						}
 						oSettings = merge(oSettings, oPropertySettings);
-						oValueControl = new Switch(oSettings);
+						oValueControl = new Switch(sPropertyControlId, oSettings);
 					} else {
 						oSettings = {
 							selected: "{" + sPathPrefix + n + "}",
@@ -1056,7 +1063,7 @@ sap.ui.define([
 							select: fnChange
 						};
 						oSettings = merge(oSettings, oPropertySettings);
-						oValueControl = new CheckBox(oSettings);
+						oValueControl = new CheckBox(sPropertyControlId, oSettings);
 					}
 					break;
 				case "int":
@@ -1073,7 +1080,7 @@ sap.ui.define([
 						change: fnChange
 					};
 					oSettings = merge(oSettings, oPropertySettings);
-					oValueControl = new Input(oSettings);
+					oValueControl = new Input(sPropertyControlId, oSettings);
 					break;
 				case "number":
 					oSettings = {
@@ -1088,7 +1095,7 @@ sap.ui.define([
 						change: fnChange
 					};
 					oSettings = merge(oSettings, oPropertySettings);
-					oValueControl = new Input(oSettings);
+					oValueControl = new Input(sPropertyControlId, oSettings);
 					break;
 				case "object":
 					oSettings = {
@@ -1113,7 +1120,7 @@ sap.ui.define([
 						rows: 3
 					};
 					oSettings = merge(oSettings, oPropertySettings);
-					oValueControl = new TextArea(oSettings);
+					oValueControl = new TextArea(sPropertyControlId, oSettings);
 					break;
 				default:
 					var oTextSettingsModel = new JSONModel({
@@ -1171,7 +1178,7 @@ sap.ui.define([
 							};
 						}
 					}
-					oValueControl = new Input(oSettings);
+					oValueControl = new Input(sPropertyControlId, oSettings);
 					oValueControl.setModel(oTextSettingsModel,"settings");
 			}
 			aPropertyContentList.push(oValueControl);
@@ -1226,7 +1233,7 @@ sap.ui.define([
 	// get origin values in i18n files
 	ObjectField.prototype.getOriginTranslatedValues = function(sKey) {
 		var aOriginTranslatedValues = [];
-		var aEditorResourceBundles = EditorResourceBundles.getInstance();
+		var aEditorResourceBundles = this._oEditorResourceBundles.getResourceBundles();
 		for (var p in aEditorResourceBundles) {
 			var oResourceBundleTemp = aEditorResourceBundles[p];
 			var sTranslatedValue = "";
@@ -1256,7 +1263,7 @@ sap.ui.define([
 	// build origin translation values if translation type is "property"
 	ObjectField.prototype.buildPropertyTranslationValues = function(sKey) {
 		var aOriginTranslatedValues = [];
-		var aEditorResourceBundles = EditorResourceBundles.getInstance();
+		var aEditorResourceBundles = this._oEditorResourceBundles.getResourceBundles();
 		for (var p in aEditorResourceBundles) {
 			aOriginTranslatedValues.push({
 				"key": p,
@@ -1271,6 +1278,7 @@ sap.ui.define([
 
 	ObjectField.prototype.openObjectDetailsPopover = function (oItem, oControl, sMode) {
 		var that = this;
+		var sParameterId = that.getParameterId();
 		var oResourceBundle = that.getResourceBundle();
 		var oItemCloned = deepClone(oItem, 500);
 		var oModel;
@@ -1279,7 +1287,7 @@ sap.ui.define([
 			sPlacement = this.getPopoverPlacement(oControl);
 		}
 		if (!that._oObjectDetailsPopover) {
-			var oAddButton = new Button({
+			var oAddButton = new Button(sParameterId + "_control_objectdetails_popover_add_btn", {
 				text: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DETAILS_POPOVER_BUTTON_ADD"),
 				visible: sMode === "add",
 				enabled: {
@@ -1299,7 +1307,7 @@ sap.ui.define([
 				},
 				press: that.onAdd.bind(that)
 			});
-			var oUpdateButton = new Button({
+			var oUpdateButton = new Button(sParameterId + "_control_objectdetails_popover_update_btn", {
 				text: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DETAILS_POPOVER_BUTTON_UPDATE"),
 				visible: sMode === "update",
 				enabled: {
@@ -1313,7 +1321,7 @@ sap.ui.define([
 				},
 				press: that.onUpdate.bind(that)
 			});
-			var oCancelButton = new Button({
+			var oCancelButton = new Button(sParameterId + "_control_objectdetails_popover_cancel_btn", {
 				text: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DETAILS_POPOVER_BUTTON_CANCEL"),
 				visible: sMode !== "view",
 				press: function () {
@@ -1325,14 +1333,14 @@ sap.ui.define([
 					that._oObjectDetailsPopover.close();
 				}
 			});
-			var oCloseButton = new Button({
+			var oCloseButton = new Button(sParameterId + "_control_objectdetails_popover_close_btn", {
 				text: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DETAILS_POPOVER_BUTTON_CLOSE"),
 				visible: sMode === "view",
 				press: function () {
 					that._oObjectDetailsPopover.close();
 				}
 			});
-			var oEditModeButton = new Button({
+			var oEditModeButton = new Button(sParameterId + "_control_objectdetails_popover_editmode_btn", {
 				icon: {
 					path: '/editMode',
 					formatter: function(oEditMode) {
@@ -1383,7 +1391,7 @@ sap.ui.define([
 				that._oNavContainer.back();
 				that._oObjectDetailsPage.focus();
 			};
-			var oList = that.buildTranslationsList();
+			var oList = that.buildTranslationsList(false);
 			var oTranslationsFooter = that.buildTranslationsFooter(oList, false);
 			that._oTranslationListPage = new Page({
 				title: oResourceBundle.getText("EDITOR_FIELD_OBJECT_TRANSLATION_LIST_TITLE", "{languages>/property}"),
@@ -1430,7 +1438,7 @@ sap.ui.define([
 			_oTranslationListPage.addContent();
 			*/
 			that._oNavContainer.addPage(that._oTranslationListPage);
-			that._oObjectDetailsPopover = new Popover({
+			that._oObjectDetailsPopover = new Popover(sParameterId + "_control_objectdetails_popover", {
 				placement: sPlacement,
 				showHeader: false,
 				contentWidth: "300px",
@@ -1564,8 +1572,11 @@ sap.ui.define([
 		return oTranslatonsModel;
 	};
 
-	ObjectField.prototype.buildTranslationsList = function () {
-		return new List({
+	ObjectField.prototype.buildTranslationsList = function (bIsInTranslationPopover) {
+		var that = this;
+		var sParameterId = that.getParameterId();
+		var sIdPrefix = bIsInTranslationPopover ? sParameterId + "_control_translation_popover" : sParameterId + "_control_objectdetails_popover_translation_page";
+		return new List(sIdPrefix + "_value_list", {
 			items: {
 				path: "languages>/translatedLanguages",
 				template: new CustomListItem({
@@ -1600,9 +1611,11 @@ sap.ui.define([
 
 	ObjectField.prototype.buildTranslationsFooter = function (oList, bIsInTranslationPopover) {
 		var that = this;
+		var sParameterId = that.getParameterId();
 		var oResourceBundle = that.getResourceBundle();
 		var sCurrentLanugae = oResourceBundle.sLocale.replaceAll('_', '-');
-		var oSaveTranslationButton = new Button({
+		var sIdPrefix = bIsInTranslationPopover ? sParameterId + "_control_translation_popover" : sParameterId + "_control_objectdetails_popover_translation_page";
+		var oSaveTranslationButton = new Button(sIdPrefix + "_save_btn", {
 			type: "Emphasized",
 			text: oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_BUTTON_SAVE"),
 			enabled: "{languages>/isUpdated}",
@@ -1644,7 +1657,7 @@ sap.ui.define([
 				}
 			}
 		});
-		var oResetTranslationButton = new Button({
+		var oResetTranslationButton = new Button(sIdPrefix + "_reset_btn", {
 			text: oResourceBundle.getText("EDITOR_FIELD_OBJECT_DETAILS_POPOVER_BUTTON_RESET"),
 			enabled: "{languages>/isUpdated}",
 			press: function(oEvent) {
@@ -1660,7 +1673,7 @@ sap.ui.define([
 				oTranslationModel.checkUpdate(true);
 			}
 		});
-		var oCancelButton = new Button({
+		var oCancelButton = new Button(sIdPrefix + "_cancel_btn", {
 			text: oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_BUTTON_CANCEL"),
 			visible: bIsInTranslationPopover,
 			press: function () {
@@ -1702,9 +1715,9 @@ sap.ui.define([
 		var oTranslatonsModel;
 		var sPlacement = this.getPopoverPlacement(oControl._oValueHelpIcon);
 		if (!that._oTranslationPopover) {
-			var oList = that.buildTranslationsList();
+			var oList = that.buildTranslationsList(true);
 			var oTranslationsFooter = that.buildTranslationsFooter(oList, true);
-			that._oTranslationPopover = new Popover({
+			that._oTranslationPopover = new Popover(that.getParameterId() + "_control_translation_popover", {
 				placement: sPlacement,
 				contentWidth: "300px",
 				contentHeight: "345px",

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.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.100.0
 	 * @ui5-restricted
@@ -119,11 +119,11 @@ sap.ui.define([
 		}
 	};
 
-	ObjectListField.prototype.buildSelectionColumnLables = function() {
+	ObjectListField.prototype.buildSelectionColumnLabels = function() {
 		var that = this;
 		var oConfig = that.getConfiguration();
 		var oResourceBundle = that.getResourceBundle();
-		return new CheckBox({
+		return new CheckBox(that.getParameterId() + "_control_table_column_selection_label_all_checkbox",{
 			selected: "{/_allSelected}",
 			visible: typeof oConfig.values !== "undefined",
 			tooltip: {

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

@@ -23,7 +23,6 @@ sap.ui.define([
 	"sap/base/util/restricted/_debounce",
 	"sap/ui/core/Core",
 	"sap/ui/model/json/JSONModel",
-	"sap/ui/integration/editor/EditorResourceBundles",
 	"sap/base/util/deepClone",
 	"sap/ui/model/Sorter",
 	"sap/m/GroupHeaderListItem",
@@ -47,7 +46,6 @@ sap.ui.define([
 	_debounce,
 	Core,
 	JSONModel,
-	EditorResourceBundles,
 	deepClone,
 	Sorter,
 	GroupHeaderListItem,
@@ -67,7 +65,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.StringField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -144,6 +142,7 @@ sap.ui.define([
 							},
 							editable: oConfig.editable,
 							visible: oConfig.visible,
+							maxLength: oConfig.maxLength,
 							placeholder: oConfig.placeholder
 						}
 					};
@@ -239,10 +238,11 @@ sap.ui.define([
 						},
 						editable: oConfig.editable,
 						visible: oConfig.visible,
+						maxLength: oConfig.maxLength,
 						placeholder: oConfig.placeholder,
 						valueHelpIconSrc: "sap-icon://translate",
 						showValueHelp: true,
-						valueHelpRequest: this.openTranslationListPopup,
+						valueHelpRequest: this.openTranslationListPopup.bind(this),
 						change: function(oEvent) {
 							//add current change into translation texts
 							var oControl = oEvent.getSource();
@@ -272,6 +272,7 @@ sap.ui.define([
 						},
 						editable: oConfig.editable,
 						visible: oConfig.visible,
+						maxLength: oConfig.maxLength,
 						placeholder: oConfig.placeholder
 					}
 				};
@@ -338,7 +339,7 @@ sap.ui.define([
 	//get origin values in i18n files
 	StringField.prototype.getOriginTranslatedValues = function(oConfig) {
 		var aOriginTranslatedValues = [];
-		var aEditorResourceBundles = EditorResourceBundles.getInstance();
+		var aEditorResourceBundles = this._oEditorResourceBundles.getResourceBundles();
 		//get translation key of the value
 		var sKey;
 		if (oConfig._translatedDefaultPlaceholder && oConfig._translatedDefaultPlaceholder.startsWith("{i18n>") && oConfig._translatedDefaultPlaceholder.endsWith("}")) {
@@ -413,6 +414,7 @@ sap.ui.define([
 		var that = this;
 		var oControl = oEvent.getSource();
 		var oField = oControl.getParent();
+		var sParameterId = oField.getParameterId();
 		var oConfig = oField.getConfiguration();
 
 		if (!that._aOriginTranslatedValues) {
@@ -464,7 +466,7 @@ sap.ui.define([
 		}
 		var sPlacement = oField.getPopoverPlacement(oControl._oValueHelpIcon);
 		if (!that._oTranslationPopover) {
-			var oList = new List({
+			var oList = new List(sParameterId + "_translation_popover_value_list", {
 				//mode: "Delete",
 				items: {
 					path: "languages>/translatedLanguages",
@@ -497,7 +499,7 @@ sap.ui.define([
 					groupHeaderFactory: oField.getGroupHeader
 				}
 			});
-			that._oTranslationPopover = new Popover({
+			that._oTranslationPopover = new Popover(sParameterId + "_translation_popover", {
 				placement: sPlacement,
 				contentWidth: "300px",
 				contentHeight: "345px",
@@ -511,10 +513,10 @@ sap.ui.define([
 						}).addStyleClass("sapMHeaderTitle"),
 						new VBox({
 							items: [
-								new Text({
+								new Text(sParameterId + "_translation_popover_currentlanguage_desription_label", {
 									text: "{languages>/currentLanguage/desription}"
 								}),
-								new Input({
+								new Input(sParameterId + "_translation_popover_currentlanguage_value_input", {
 									value: "{languages>/currentLanguage/value}",
 									editable: false
 								})
@@ -529,7 +531,7 @@ sap.ui.define([
 				footer: new OverflowToolbar({
 					content: [
 						new ToolbarSpacer(),
-						new Button({
+						new Button(sParameterId + "_translation_popover_save_btn", {
 							type: "Emphasized",
 							text: oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_BUTTON_SAVE"),
 							enabled: "{languages>/isUpdated}",
@@ -553,7 +555,7 @@ sap.ui.define([
 								that._oTranslationPopover.close();
 							}
 						}),
-						new Button({
+						new Button(sParameterId + "_translation_popover_cancel_btn", {
 							text: oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_BUTTON_CANCEL"),
 							press: function () {
 								that._oTranslationPopover.close();

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

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.StringListField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/fragment/Controller.js

@@ -15,7 +15,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.fragment.Controller
 	 * @author SAP SE
 	 * @since 1.105.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.105.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/viz/ColorSelect.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.ColorSelect
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/viz/IconSelect.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.IconSelect
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/viz/ShapeSelect.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.ShapeSelect
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted

package/src/sap/ui/integration/editor/fields/viz/VizBase.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.VizBase
 	 * @author SAP SE
 	 * @since 1.105.0
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @private
 	 * @experimental since 1.105.0
 	 * @ui5-restricted

package/src/sap/ui/integration/library.js

@@ -24,13 +24,13 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.integration
 	 * @author SAP SE
-	 * @version 1.112.2
+	 * @version 1.114.0
 	 * @since 1.62
 	 * @public
 	 */
 	var thisLib = sap.ui.getCore().initLibrary({
 		name: "sap.ui.integration",
-		version: "1.112.2",
+		version: "1.114.0",
 		dependencies: [
 			"sap.ui.core",
 			"sap.f",
@@ -42,14 +42,16 @@ sap.ui.define([
 			"sap.ui.integration.CardActionType",
 			"sap.ui.integration.CardDataMode",
 			"sap.ui.integration.CardMenuAction",
-			"sap.ui.integration.CardDesign"
+			"sap.ui.integration.CardDesign",
+			"sap.ui.integration.CardBlockingMessageType"
 		],
 		controls: [
 			"sap.ui.integration.widgets.Card",
 			"sap.ui.integration.cards.filters.FilterBar",
 			"sap.ui.integration.cards.Header",
 			"sap.ui.integration.cards.NumericHeader",
-			"sap.ui.integration.controls.ListContentItem"
+			"sap.ui.integration.controls.ListContentItem",
+			"sap.ui.integration.controls.BlockingMessage"
 		],
 		elements: [
 			"sap.ui.integration.ActionDefinition",
@@ -180,6 +182,33 @@ sap.ui.define([
 		Header: "Header"
 	};
 
+	/**
+	 * Card blocking message types.
+	 *
+	 * @enum {string}
+	 * @public
+	 * @experimental since 1.114
+	 */
+	thisLib.CardBlockingMessageType = {
+		/**
+		 * An error ocurred in the card.
+		 * @public
+		 */
+		Error: "Error",
+
+		/**
+		 * There is no data to be displayed.
+		 * @public
+		 */
+		NoData: "NoData",
+
+		/**
+		 * Information message.
+		 * @public
+		 */
+		Information: "Information"
+	};
+
 	/**
 	 * Defines the areas in a card.
 	 * @enum {string}