@openui5/sap.ui.integration 1.113.0 → 1.114.1

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.113.0
+	 * @version 1.114.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -109,7 +109,8 @@ sap.ui.define([
 	};
 
 	Settings.prototype.open = function (oField, oReferrer, oPreview, oHost, oParent, fnApply, fnCancel) {
-		var oCurrentData = this.getModel("currentSettings").getData();
+		var oCurrentData = this.getModel("currentSettings").getData(),
+			sParameterId = oParent.getParameterId();
 		//prepare fields in key
 		if (oCurrentData.values) {
 			this.prepareFieldsInKey(oCurrentData);
@@ -125,7 +126,7 @@ sap.ui.define([
 		oField.addDependent(this);
 		//adjust page admin values table height
 		if (!oCurrentData.allowDynamicValues && oCurrentData.values) {
-			Core.byId("settings_scroll_container").setHeight("155px");
+			Core.byId(sParameterId + "_settings_popover_scroll_container").setHeight("155px");
 		}
 		//force update of all bindings
 		this.getModel("currentSettings").checkUpdate(true, true);
@@ -149,13 +150,13 @@ sap.ui.define([
 		}
 		oCurrentModel = this.getModel("currentSettings");
 		if (oCurrentModel.getProperty("/_hasDynamicValue")) {
-			selectDynamic();
+			selectDynamic(sParameterId);
 		} else if (oCurrentModel.getProperty("/_hasSettings")) {
-			selectSettings();
+			selectSettings(sParameterId);
 		} else if (oCurrentModel.getProperty("/allowDynamicValues")) {
-			selectDynamic();
+			selectDynamic(sParameterId);
 		} else if (oCurrentModel.getProperty("/allowSettings")) {
-			selectSettings();
+			selectSettings(sParameterId);
 		}
 	};
 
@@ -173,13 +174,14 @@ sap.ui.define([
 	};
 
 	function createPopover(oData, oField) {
-		var oHeader = createHeader(),
-		    oResetToDefaultButton = createResetBtn(oData),
-		    oDynamicPanel = createDynamicPanel(),
-			oCurrentValue = createCurrentValuesBox(),
+		var sParameterId = oField.getParameterId(),
+			oHeader = createHeader(sParameterId),
+		    oResetToDefaultButton = createResetBtn(oData, sParameterId),
+		    oDynamicPanel = createDynamicPanel(sParameterId),
+			oCurrentValue = createCurrentValuesBox(sParameterId),
 		    oSettingsPanel = createSettingPanel(oData, oField),
 		    oPopover = new Popover({
-			id: "settings_popover",
+			id: sParameterId + "_settings_popover",
 			showArrow: true,
 			contentWidth: "400px",
 			showHeader: false,
@@ -190,13 +192,13 @@ sap.ui.define([
 				content: [
 					oResetToDefaultButton,
 					new ToolbarSpacer(),
-					new Button({
+					new Button(sParameterId + "_settings_popover_ok_btn", {
 						text: oResourceBundle.getText("EDITOR_MORE_OK"),
 						type: "Emphasized",
 						press: function () {
 							//handle page admin values
 							if (oData.values) {
-								var oTable = Core.byId("settings_pav_table"),
+								var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
 								selectedContexts = oTable.getSelectedContexts(),
 								selectedKeys = [];
 								if (oCurrentModel.getProperty("/selectedValues") === "Partion") {
@@ -215,7 +217,7 @@ sap.ui.define([
 							oPopover.close();
 						}
 					}),
-					new Button({
+					new Button(sParameterId + "_settings_popover_cancel_btn", {
 						text: oResourceBundle.getText("EDITOR_MORE_CANCEL"),
 						press: function () {
 							oPopover.close();
@@ -237,7 +239,7 @@ sap.ui.define([
 
 				//handle page admin values selection
 				if (oData.values) {
-					var oTable = Core.byId("settings_pav_table"),
+					var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
 					paValues = oCurrentModel.getProperty("/_next/pageAdminValues");
 					if (paValues !== undefined && paValues.length > 0) {
 						oTable.removeSelections();
@@ -270,22 +272,24 @@ sap.ui.define([
 		return oPopover;
 	}
 
-	function createSettingsButton() {
+	function createSettingsButton(sParameterId) {
 		oSettingsButton = new SegmentedButtonItem({
 			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS"),
 			tooltip: oResourceBundle.getText("EDITOR_MORE_SETTINGS"),
 			key: "settings",
 			icon: "sap-icon://action-settings",
 			width: "50%",
-			press: selectSettings
+			press: function(oEvent) {
+				selectSettings(sParameterId);
+			}
 		}).addStyleClass("setbtn");
 
 		return oSettingsButton;
 	}
 
-	function createSegmentedButton() {
-		oSettingsButton = createSettingsButton();
-		oSegmentedButton = new SegmentedButton("settings_Segment_btn", {
+	function createSegmentedButton(sParameterId) {
+		oSettingsButton = createSettingsButton(sParameterId);
+		oSegmentedButton = new SegmentedButton(sParameterId + "_settings_popover_segmented_btn", {
 			width: "100%",
 			visible: "{= ${currentSettings>allowDynamicValues} && ${currentSettings>allowSettings}}",
 			items: [
@@ -295,7 +299,9 @@ sap.ui.define([
 					key: "dynamic",
 					icon: "{= ${currentSettings>_hasDynamicValue} ? 'sap-icon://display-more' : 'sap-icon://enter-more'}",
 					width: "50%",
-					press: selectDynamic
+					press: function(oEvent) {
+						selectDynamic(sParameterId);
+					}
 				}).addStyleClass("dynbtn sel"),
 				oSettingsButton
 			]
@@ -304,14 +310,14 @@ sap.ui.define([
 		return oSegmentedButton;
 	}
 
-	function createHeader() {
-		oSegmentedButton = createSegmentedButton();
-		var oDynamicValueText = new Text({
+	function createHeader(sParameterId) {
+		oSegmentedButton = createSegmentedButton(sParameterId);
+		var oDynamicValueText = new Text(sParameterId + "_settings_popover_dynamicvalue_txt", {
 			text: oResourceBundle.getText("EDITOR_MORE_DYNAMICVALUES"),
 			tooltip: oResourceBundle.getText("EDITOR_MORE_DYNAMICVALUES"),
 			visible: "{= ${currentSettings>allowDynamicValues} && !${currentSettings>allowSettings}}"
 		}).addStyleClass("sapUiTinyMagin");
-		var oSettingsText = new Text({
+		var oSettingsText = new Text(sParameterId + "_settings_popover_settings_txt", {
 			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS"),
 			visible: "{= !${currentSettings>allowDynamicValues} && ${currentSettings>allowSettings}}"
 		}).addStyleClass("sapUiTinyMagin");
@@ -326,8 +332,8 @@ sap.ui.define([
 		return oTitle;
 	}
 
-	function createResetBtn(oData) {
-	    oResetToDefaultButton = new Button("settings_reset_to_default_btn", {
+	function createResetBtn(oData, sParameterId) {
+	    oResetToDefaultButton = new Button(sParameterId + "_settings_popover_reset_btn", {
 			type: "Transparent",
 			text: oResourceBundle.getText("EDITOR_MORE_RESET"),
 			enabled: "{= ${currentSettings>_next/visible} === (typeof(${currentSettings>visibleToUser}) === 'undefined' ? false : !${currentSettings>visibleToUser}) || ${currentSettings>_next/editable} === (typeof(${currentSettings>editableToUser}) === 'undefined' ? false : !${currentSettings>editableToUser}) || ${currentSettings>_next/allowDynamicValues} === (typeof(${currentSettings>allowDynamicValues}) === 'undefined' ? false : !${currentSettings>allowDynamicValues}) || ${currentSettings>_beforeValue} !== ${currentSettings>value}}",
@@ -336,7 +342,7 @@ sap.ui.define([
 				var bVisibleDefault = typeof (oCurrentModel.getProperty("/visibleToUser")) === 'undefined' ? true : oCurrentModel.getProperty("/visibleToUser");
 				var bEditableDefault = typeof (oCurrentModel.getProperty("/editableToUser")) === 'undefined' ? true : oCurrentModel.getProperty("/editableToUser");
 				var bAllowDynamicValuesDefault = typeof (oCurrentModel.getProperty("/allowDynamicValues")) === 'undefined' ? true : oCurrentModel.getProperty("/allowDynamicValues");
-				var oPopover = Core.byId("settings_popover");
+				var oPopover = Core.byId(sParameterId + "_settings_popover");
 				setNextSetting("visible", bVisibleDefault);
 				setNextSetting("editable", bEditableDefault);
 				setNextSetting("allowDynamicValues", bAllowDynamicValuesDefault);
@@ -353,7 +359,7 @@ sap.ui.define([
 
 				//reset table selection
 				if (oData.values) {
-					var oTable = Core.byId("settings_pav_table"),
+					var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
 						sItems = oCurrentModel.getProperty("/_next/pageAdminValues"),
 						aItems = oTable.getItems();
 					// 	pavItemKey = oCurrentModel.getData().values.item.key;
@@ -382,18 +388,18 @@ sap.ui.define([
 		return oResetToDefaultButton;
 	}
 
-	function selectSettings() {
+	function selectSettings(sParameterId) {
 		oSettingsPanel.setVisible(true);
 		oDynamicPanel.setVisible(false);
-		Core.byId("settings_Segment_btn").setSelectedKey("settings");
-		var oCurrentValue = Core.byId("settings_current_value");
+		Core.byId(sParameterId + "_settings_popover_segmented_btn").setSelectedKey("settings");
+		var oCurrentValue = Core.byId(sParameterId + "_settings_popover_currentvalue");
 		oCurrentValue.setVisible(false);
 	}
 
-	function selectDynamic() {
+	function selectDynamic(sParameterId) {
 		oSettingsPanel.setVisible(false);
 		oDynamicPanel.setVisible(true);
-		Core.byId("settings_Segment_btn").setSelectedKey("dynamic");
+		Core.byId(sParameterId + "_settings_popover_segmented_btn").setSelectedKey("dynamic");
 		var oFlat = oCurrentInstance.getModel("contextflat"),
 			o = oFlat._getValueObject(oCurrentModel.getProperty("/value"));
 		if (o && o.object.label) {
@@ -405,7 +411,7 @@ sap.ui.define([
 			updateCurrentValue(o);
 		}
 		//visible current value field
-		var oCurrentValue = Core.byId("settings_current_value");
+		var oCurrentValue = Core.byId(sParameterId + "_settings_popover_currentvalue");
 		oCurrentValue.setVisible(true);
 	}
 
@@ -471,10 +477,10 @@ sap.ui.define([
 		}
 	];
 
-	function createDynamicPanel() {
+	function createDynamicPanel(sParameterId) {
 		oDynamicPanel = new VBox({ visible: true });
 		oDynamicPanel.addStyleClass("sapUiSmallMargin");
-		oDynamicValueField = new Input({
+		oDynamicValueField = new Input(sParameterId + "_settings_popover_dynamicvalue_input", {
 			width: "100%",
 			showValueHelp: true,
 			valueHelpOnly: true,
@@ -504,7 +510,7 @@ sap.ui.define([
 
 		oDynamicValueField.addStyleClass("selectvariable");
 
-		var selectDynamicValueLabel = new Label({
+		var selectDynamicValueLabel = new Label(sParameterId + "_settings_popover_dynamicvalue_label", {
 			text: "Select a dynamic value"
 		});
 		oDynamicValueField.addAriaLabelledBy(selectDynamicValueLabel);
@@ -516,7 +522,7 @@ sap.ui.define([
 		});
 		oDynamicPanel.addItem(oVBox);
 
-		oDescriptionLabel = new Text({ text: "", maxLines: 6, renderWhitespace: true });
+		oDescriptionLabel = new Text(sParameterId + "_settings_popover_dynamicvalue_desc_txt", { text: "", maxLines: 6, renderWhitespace: true });
 		oVBox = new VBox({
 			width: "100%",
 			items: [
@@ -527,7 +533,7 @@ sap.ui.define([
 		oDynamicPanel.addItem(oVBox);
 		if (aFormatters.length === -1) {
 			//not applicable right now
-			oSelectFormat = new Select({
+			oSelectFormat = new Select(sParameterId + "_settings_popover_dynamicvalue_format_select", {
 				width: "100%",
 				enabled: true,
 				change: function () {
@@ -542,7 +548,7 @@ sap.ui.define([
 				]
 			});
 			oDynamicPanel.addItem(oVBox);
-			oFormatDescriptionLabel = new Text({ text: "", maxLines: 4, renderWhitespace: true });
+			oFormatDescriptionLabel = new Text(sParameterId + "_settings_popover_dynamicvalue_format_label", { text: "", maxLines: 4, renderWhitespace: true });
 			oFormatDescriptionLabel.addStyleClass("description");
 			oVBox = new VBox({
 				width: "100%",
@@ -558,18 +564,18 @@ sap.ui.define([
 		return oDynamicPanel;
 	}
 
-	function createCurrentValuesBox() {
-		var settingsActualValueTxt = new Text({
+	function createCurrentValuesBox(sParameterId) {
+		var settingsActualValueTxt = new Text(sParameterId + "_settings_popover_actualvalue_label", {
 			text: oResourceBundle.getText("EDITOR_ACTUAL_VALUE")
 		});
-		var settingsActualValueInput = new Input({
+		var settingsActualValueInput = new Input(sParameterId + "_settings_popover_actualvalue_input", {
 			value: {
 				path: "currentSettings>_currentContextValue"
 			},
 			editable: false
 		});
 		settingsActualValueInput.addAriaLabelledBy(settingsActualValueTxt);
-		var oCurrentValue = new VBox("settings_current_value", {
+		var oCurrentValue = new VBox(sParameterId + "_settings_popover_currentvalue", {
 			width: "100%",
 			items: [
 				settingsActualValueTxt,
@@ -581,6 +587,7 @@ sap.ui.define([
 	}
 
 	function createSettingPanel(oData, oField) {
+		var sParameterId = oField.getParameterId();
 		oSettingsPanel = new VBox({ visible: false });
 		var oBox = new VBox().addStyleClass("commonSettings");
 		oSettingsPanel.addItem(oBox);
@@ -588,11 +595,11 @@ sap.ui.define([
 			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN"),
 			wrapping: true
 		}).addStyleClass("stitle"));
-		var settingsAdminVisibleLabel = new Label({
+		var settingsAdminVisibleLabel = new Label(sParameterId + "_settings_popover_adminvisible_label", {
 			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_VISIBLE"),
 			wrapping: true
 		});
-		var settingsAdminVisibleCKB = new CheckBox({
+		var settingsAdminVisibleCKB = new CheckBox(sParameterId + "_settings_popover_adminvisible_checkbox", {
 			selected: "{= ${currentSettings>_next/visible} !== false}",
 			select: function (oEvent) {
 				setNextSetting("visible", oEvent.getParameter("selected"));
@@ -605,11 +612,11 @@ sap.ui.define([
 				settingsAdminVisibleCKB
 			]
 		}).addStyleClass("cbrow"));
-		var settingsAdminEditLabel = new Label({
+		var settingsAdminEditLabel = new Label(sParameterId + "_settings_popover_admineditable_label", {
 			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_EDIT"),
 			wrapping: true
 		});
-		var settingsAdminEditCKB = new CheckBox({
+		var settingsAdminEditCKB = new CheckBox(sParameterId + "_settings_popover_admineditable_checkbox", {
 			selected: "{= ${currentSettings>_next/editable} !== false}",
 			enabled: "{= ${currentSettings>_next/visible} !== false}",
 			select: function (oEvent) {
@@ -623,11 +630,11 @@ sap.ui.define([
 				settingsAdminEditCKB
 			]
 		}).addStyleClass("cbrow"));
-		var settingsAdminDYNLabel = new Label({
+		var settingsAdminDYNLabel = new Label(sParameterId + "_settings_popover_allowdynamicvalues_label", {
 			text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_DYN"),
 			wrapping: true
 		});
-		var settingsAdminDYNCKB = new CheckBox({
+		var settingsAdminDYNCKB = new CheckBox(sParameterId + "_settings_popover_allowdynamicvalues_checkbox", {
 			selected: "{= ${currentSettings>_next/allowDynamicValues} !== false}",
 			enabled: "{= ${currentSettings>_next/visible} !== false && ${currentSettings>_next/editable} !== false}",
 			select: function (oEvent) {
@@ -671,12 +678,12 @@ sap.ui.define([
 			oBox.addItem(new HBox({
 				visible: "{= ${currentSettings>_next/visible} !== false && ${currentSettings>_next/editable} !== false}",
 				items: [
-					new Label({
+					new Label(sParameterId + "_settings_popover_allowselectedvalues_label", {
 						text: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_VALUES_LIST"),
 						tooltip: oResourceBundle.getText("EDITOR_MORE_SETTINGS_P_ADMIN_VALUES_LIST_TOOLTIPS"),
 						wrapping: false
 					}),
-					new Button({
+					new Button(sParameterId + "_settings_popover_allowselectedvalues_all_btn", {
 						type: "Transparent",
 						enabled: vData !== undefined,
 						icon: {
@@ -701,15 +708,19 @@ sap.ui.define([
 								}
 							}
 						},
-						press: onMultiSelectionClick
+						press: function () {
+							onMultiSelectionClick(sParameterId);
+						}
 					})
 				]
 			}).addStyleClass("cbrow"));
 			var pavTable = new Table({
-				id: "settings_pav_table",
+				id: sParameterId + "_settings_popover_pav_table",
 				mode: "MultiSelect",
 				width: "84%",
-				select: onTableSelection,
+				select: function (oEvent) {
+					onTableSelection(oEvent, sParameterId);
+				},
 				columns: [
 					new Column()
 				]
@@ -731,7 +742,7 @@ sap.ui.define([
 			}
 			pavTable.bindItems("/", oTemplate);
 			var oScrollContainer = new ScrollContainer({
-				id: "settings_scroll_container",
+				id: sParameterId + "_settings_popover_scroll_container",
 				height: "125px",
 				width: "94%",
 				vertical: true,
@@ -745,9 +756,9 @@ sap.ui.define([
 		return oSettingsPanel;
 	}
 
-	function onMultiSelectionClick() {
-		var oTable = Core.byId("settings_pav_table"),
-		    oResetBtn = Core.byId("settings_reset_to_default_btn"),
+	function onMultiSelectionClick(sParameterId) {
+		var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
+		    oResetBtn = Core.byId(sParameterId + "_settings_popover_reset_btn"),
 		    selectedValues = oCurrentModel.getProperty("/selectedValues");
 		if (selectedValues === "All") {
 			oTable.removeSelections();
@@ -761,11 +772,11 @@ sap.ui.define([
 		}
 	}
 
-	function onTableSelection(oEvent) {
+	function onTableSelection(oEvent, sParameterId) {
 		var oTable = oEvent.getSource(),
 		    selectedItems = oTable.getSelectedItems(),
 		    allItems = oTable.getItems(),
-			oResetBtn = Core.byId("settings_reset_to_default_btn");
+			oResetBtn = Core.byId(sParameterId + "_settings_popover_reset_btn");
 		if (selectedItems.length === allItems.length) {
 			oCurrentModel.setProperty("/selectedValues", "All");
 		} else if (selectedItems.length < allItems.length && selectedItems.length > 0) {

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.113.0
+	 * @version 1.114.1
 	 * @private
 	 * @ui5-restricted
 	 * @experimental since 1.83.0
@@ -62,6 +62,9 @@ sap.ui.define([
 				visible: {
 					type: "boolean",
 					defaultValue: true
+				},
+				parameterId: {
+					type: "string"
 				}
 			},
 			aggregations: {
@@ -547,7 +550,7 @@ sap.ui.define([
 				}.bind(this));
 				return;
 			}
-			oControl = new this._visualization.type(this._visualization.settings || {});
+			oControl = new this._visualization.type(this.getParameterId() + "_control", this._visualization.settings || {});
 		} else if (this._visualization.fragment) {
 			if (typeof this._visualization.fragment === "string") {
 				if (!this._visualization.controller) {
@@ -682,7 +685,7 @@ sap.ui.define([
 	BaseField.prototype._getDynamicField = function () {
 		var oField = this.getAggregation("_dynamicField");
 		if (!oField) {
-			var oField = new MultiInput({
+			var oField = new MultiInput(this.getParameterId() + "_dynamic_control", {
 				showValueHelp: false
 			});
 			this.setAggregation("_dynamicField", oField);

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

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

@@ -5,9 +5,10 @@
  */
 sap.ui.define([
 	"sap/ui/integration/editor/fields/BaseField",
-	"sap/m/DatePicker"
+	"sap/m/DatePicker",
+	"sap/ui/core/date/UI5Date"
 ], function (
-	BaseField, DatePicker
+	BaseField, DatePicker, UI5Date
 ) {
 	"use strict";
 
@@ -17,7 +18,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.DateField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -33,7 +34,7 @@ sap.ui.define([
 		var oVisualization = oConfig.visualization;
 		var oformatter = oConfig.formatter;
 		if (oConfig.value !== "") {
-			oConfig.value = new Date(oConfig.value);
+			oConfig.value = UI5Date.getInstance(oConfig.value);
 		}
 		if (!oVisualization) {
 			oVisualization = {

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

@@ -5,9 +5,10 @@
  */
 sap.ui.define([
 	"sap/ui/integration/editor/fields/BaseField",
-	"sap/m/DateTimePicker"
+	"sap/m/DateTimePicker",
+	"sap/ui/core/date/UI5Date"
 ], function (
-	BaseField, DateTimePicker
+	BaseField, DateTimePicker, UI5Date
 ) {
 	"use strict";
 
@@ -17,7 +18,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.DateTimeField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.113.0
+	 * @version 1.114.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -33,7 +34,7 @@ sap.ui.define([
 		var oVisualization = oConfig.visualization;
 		var oformatter = oConfig.formatter;
 		if (oConfig.value !== "") {
-			oConfig.value = new Date(oConfig.value);
+			oConfig.value = UI5Date.getInstance(oConfig.value);
 		}
 		if (!oVisualization) {
 			oVisualization = {

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.113.0
+	 * @version 1.114.1
 	 * @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.113.0
+	 * @version 1.114.1
 	 * @private
 	 * @experimental since 1.106.0
 	 * @ui5-restricted
@@ -113,7 +113,7 @@ sap.ui.define([
 			if (this.getMode() !== "translation") {
 				var oResourceBundle = this.getResourceBundle();
 				var oMessageStripOfPanel = new MessageStrip({
-					id: oControl.getId() + "_strip",
+					id: this.getParameterId() + "_strip",
 					showIcon: false,
 					visible: "{= !${currentSettings>expanded} && ${currentSettings>hasError} === true}",
 					text: {
@@ -181,7 +181,7 @@ sap.ui.define([
 			};
 			oControl.addEventDelegate(oDelegate);
 		} else if (oControl instanceof IconTabBar) {
-			var oIconTabFilter = new IconTabFilter({
+			var oIconTabFilter = new IconTabFilter(this.getParameterId() + "_control_icontabfilter", {
 				text: oConfig.label,
 				visible: oConfig.visible,
 				objectBindings: {
@@ -205,7 +205,7 @@ sap.ui.define([
 			// handle messageStrip for tab filter
 			if (this.getMode() !== "translation") {
 				var oMessageStripOfTab = new MessageStrip({
-					id: oControl.getId() + "_strip",
+					id: this.getParameterId() + "_strip",
 					showIcon: false,
 					visible: false,
 					objectBindings: {
@@ -324,8 +324,7 @@ sap.ui.define([
 			});
 			expandBTN.setEnabled(false);
 			expandBTN.addStyleClass("errorBTN").addStyleClass("errorBTNDisabled");
-			var iITBar = expandBTN.getParent().getParent().getParent();
-			var iMessageStrip = Core.byId(iITBar.getId() + "_strip");
+			var iMessageStrip = Core.byId(this.getParameterId() + "_strip");
 			expandBTN.addEventDelegate({
 				onmouseover: function() {
 					iMessageStrip.setVisible(true);

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.113.0
+	 * @version 1.114.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.113.0
+	 * @version 1.114.1
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted