@openui5/sap.ui.integration 1.120.6 → 1.121.0

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

@@ -5,6 +5,9 @@
  */
 
 sap.ui.define([
+	"sap/base/i18n/Localization",
+	"sap/ui/core/Element",
+	"sap/ui/core/Lib",
 	"sap/ui/integration/library",
 	"sap/ui/core/Control",
 	"sap/m/HBox",
@@ -13,8 +16,18 @@ sap.ui.define([
 	"./Card",
 	"sap/ui/core/Core",
 	"sap/ui/dom/includeStylesheet"
-], function (
-	library, Control, HBox, Image, ToggleButton, Card, Core, includeStylesheet
+], function(
+	Localization,
+	Element,
+	Library,
+	library,
+	Control,
+	HBox,
+	Image,
+	ToggleButton,
+	Card,
+	Core,
+	includeStylesheet
 ) {
 	"use strict";
 
@@ -29,7 +42,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.designtime.editor.CardPreview
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -77,6 +90,9 @@ sap.ui.define([
 				}
 				oRm.openStart("div", oControl);
 				oRm.class("sapUiIntegrationDTPreview");
+				if ((!oControl.getSettings().preview || oControl.getSettings().preview.scaled !== false) && oControl._getCurrentSize() !== "Full") {
+					oRm.class("sapUiIntegrationDTPreviewScaleBackground");
+				}
 				if (isDark()) {
 					oRm.class("sapUiIntegrationDTPreviewDark");
 				}
@@ -91,7 +107,7 @@ sap.ui.define([
 				if (!oControl.getSettings().preview || oControl.getSettings().preview.scaled !== false) {
 					if (oControl._getCurrentSize() !== "Full") {
 						oRm.class("sapUiIntegrationDTPreviewScale");
-						var sLanguge = Core.getConfiguration().getLanguage().replaceAll('_', '-');
+						var sLanguge = Localization.getLanguage().replaceAll('_', '-');
 						if (sLanguge.startsWith("ar") || sLanguge.startsWith("he")) {
 							// for the languages "ar-SA"(Arabic) and "he-IL"(Hebrew) which write from right to left, use spec style
 							oRm.class("withSpec");
@@ -138,7 +154,7 @@ sap.ui.define([
 	 */
 	CardPreview.prototype.init = function () {
 		//load translations
-		this._oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration");
+		this._oResourceBundle = Library.getResourceBundleFor("sap.ui.integration");
 		//if the theme changes we should toggle the class
 		Core.attachThemeChanged(function () {
 			if (this.getDomRef()) {
@@ -182,7 +198,7 @@ sap.ui.define([
 			window.setTimeout(function() {
 				try {
 					var vizFrameId = oPreview.getDomRef().getElementsByClassName("sapVizFrame")[0].id;
-					var oVizFrame = Core.byId(vizFrameId);
+					var oVizFrame = Element.getElementById(vizFrameId);
 					if (oVizFrame.getVizProperties() && oVizFrame.getVizProperties().legendGroup.layout.position === "bottom" && oVizFrame.getVizProperties().legendGroup.layout.alignment === "center") {
 						oPreview.getDomRef().getElementsByClassName("v-m-legend")[0].transform.baseVal[0].matrix.e = 110;
 					}
@@ -195,7 +211,7 @@ sap.ui.define([
 
 	CardPreview.prototype.getEditor = function () {
 		var sEditorId = this.getAssociation("_editor");
-		return Core.byId(sEditorId);
+		return Element.getElementById(sEditorId);
 	};
 
 	/**
@@ -396,7 +412,7 @@ sap.ui.define([
 	 * @returns {sap.m.ToggleButton}
 	 */
 	 CardPreview.prototype._getModeToggleButton = function () {
-		var oBundle = Core.getLibraryResourceBundle("sap.ui.integration");
+		var oBundle = Library.getResourceBundleFor("sap.ui.integration");
 
 		if (!this._oModeToggleButton) {
 			this._oModeToggleButton = new ToggleButton();
@@ -412,7 +428,7 @@ sap.ui.define([
 		this._oModeToggleButton.removeStyleClass("sapUiIntegrationDTPreviewModeButtonFullSpec");
 		this._oModeToggleButton.removeStyleClass("sapUiIntegrationDTPreviewModeButtonVerticalFull");
 		this._oModeToggleButton.removeStyleClass("sapUiIntegrationDTPreviewModeButtonVerticalFullSpec");
-		var sLanguge = Core.getConfiguration().getLanguage().replaceAll('_', '-');
+		var sLanguge = Localization.getLanguage().replaceAll('_', '-');
 		if (this._getCurrentSize() === "Full") {
 			var sPreviewPosition = this.getSettings().preview.position;
 			if (sLanguge.startsWith("ar") || sLanguge.startsWith("he")) {
@@ -485,7 +501,7 @@ sap.ui.define([
 	 * @returns {sap.m.ToggleButton}
 	 */
 	 CardPreview.prototype._getResizeToggleButton = function () {
-		var oBundle = Core.getLibraryResourceBundle("sap.ui.integration");
+		var oBundle = Library.getResourceBundleFor("sap.ui.integration");
 
 		if (!this._oSizeToggleButton) {
 			this._oSizeToggleButton = new ToggleButton();
@@ -504,7 +520,7 @@ sap.ui.define([
 		this._oSizeToggleButton.removeStyleClass("sapUiIntegrationDTPreviewResizeButtonOnlySpec");
 		this._oSizeToggleButton.removeStyleClass("sapUiIntegrationDTPreviewResizeButtonOnlyFull");
 		this._oSizeToggleButton.removeStyleClass("sapUiIntegrationDTPreviewResizeButtonOnlyFullSpec");
-		var sLanguge = Core.getConfiguration().getLanguage().replaceAll('_', '-');
+		var sLanguge = Localization.getLanguage().replaceAll('_', '-');
 		if (this._getModes() === "MockData" || this._getModes() === "Live") {
 			if (this._getCurrentSize() === "Full") {
 				if (sLanguge.startsWith("ar") || sLanguge.startsWith("he")) {

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

@@ -7,9 +7,12 @@
 	max-height: var(--sapUiIntegrationEditorPreviewHeight, 350px) !important;
 	box-sizing: border-box;
 	display: inline-block;
+	border-radius: 2px;
+}
+
+.sapUiIntegrationDTPreview.sapUiIntegrationDTPreviewScaleBackground{
 	background-color: rgba(222, 222, 222, 0.3) !important;
 	border: 1px solid rgba(222, 222, 222, 0.5) !important;
-	border-radius: 2px;
 }
 
 .sapUiIntegrationDTPreview.sapUiIntegrationDTPreviewSeparate {
@@ -18,21 +21,6 @@
 	display: block;
 }
 
-.sapUiIntegrationDTPreview::-webkit-scrollbar {
-	width: 7px !important;
-	background-color: transparent !important	;
-	transition: all 0.5s ease-in;
-}
-
-.sapUiIntegrationDTPreview::-webkit-scrollbar-thumb {
-	background-color: transparent !important;
-	width: 7px;
-}
-
-.sapUiIntegrationDTPreview:hover::-webkit-scrollbar-thumb {
-	background-color: var(--sapUiChartScrollbarBorderColor, rgba(148, 148, 148, 0.4))!important;
-}
-
 .sapUiIntegrationDTPreview.sapUiIntegrationDTPreviewDark {
 	background-color: rgba(0, 0, 0, 0.2) !important;
 	border: 1px solid rgba(222, 222, 222, 0.15) !important;
@@ -61,6 +49,7 @@
     max-height: calc((var(--sapUiIntegrationEditorPreviewHeight, 350px) - 4rem) / 0.45) !important;
 	overflow-y: auto;
     width: calc(400px + 10rem) !important;
+	padding: 0.1rem;
 }
 
 .sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewScale.withSpec {
@@ -75,12 +64,36 @@
 	overflow: auto;
 	min-height: calc(350px - 4rem) !important;
 	max-height: calc(var(--sapUiIntegrationEditorPreviewHeight, 350px) - 4rem) !important;
+	padding: 0.1rem;
 }
 
 .sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewNoScale .sapUiIntegrationDTPreviewCard {
 	min-height: calc(350px - 4rem) !important;
 }
 
+.sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewScale::-webkit-scrollbar {
+	width: 12px !important;
+	background-color: transparent !important;
+	transition: all 0.5s ease-in;
+}
+
+.sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewNoScale::-webkit-scrollbar {
+	width: 7px !important;
+	background-color: transparent !important;
+	transition: all 0.5s ease-in;
+}
+
+.sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewScale::-webkit-scrollbar-thumb,
+.sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewNoScale::-webkit-scrollbar-thumb {
+	background-color: transparent !important;
+	width: 7px;
+}
+
+.sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewScale:hover::-webkit-scrollbar-thumb,
+.sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewNoScale:hover::-webkit-scrollbar-thumb {
+	background-color: var(--sapUiChartScrollbarBorderColor, rgba(148, 148, 148, 0.4))!important;
+}
+
 .sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewScale .sapUiIntegrationDTPreviewCard {
 	min-height: calc((350px - 4rem) / 0.45) !important;
 }
@@ -88,7 +101,7 @@
 .sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewModeButton {
 	position: absolute !important;
 	margin: calc(min(var(--sapUiIntegrationEditorPreviewCardHeight, calc(350px - 4rem)), calc(var(--sapUiIntegrationEditorPreviewHeight, 350px) - 4rem)) + 0.5rem) 0 0 calc(var(--sapUiIntegrationEditorPreviewWidth, calc(190px + 15.5rem))/2 - 8rem) !important
-	}
+}
 
 .sapUiIntegrationDTPreview .sapUiIntegrationDTPreviewModeButtonSpec {
 	position: absolute !important;

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

@@ -5,12 +5,15 @@
  */
 
 sap.ui.define([
+	"sap/base/i18n/Localization",
 	"sap/ui/core/Control",
 	"sap/ui/core/Core",
 	"sap/base/util/deepClone",
 	"sap/base/util/deepEqual",
 	"sap/base/util/merge",
 	"sap/ui/base/Interface",
+	"sap/ui/core/Element",
+	"sap/ui/core/Lib",
 	"sap/ui/integration/Designtime",
 	"sap/ui/model/json/JSONModel",
 	"sap/ui/model/odata/v4/ODataModel",
@@ -42,13 +45,16 @@ sap.ui.define([
 	"sap/m/FlexItemData",
 	"sap/m/FlexBox",
 	"sap/m/Button"
-], function (
+], function(
+	Localization,
 	Control,
 	Core,
 	deepClone,
 	deepEqual,
 	merge,
 	Interface,
+	Element,
+	Library,
 	Designtime,
 	JSONModel,
 	ODataModel,
@@ -111,7 +117,7 @@ sap.ui.define([
 	var REGEXP_TRANSLATABLE = /\{\{(?!parameters.)(?!destinations.)([^\}\}]+)\}\}/g,
 		REGEXP_PARAMETERS = /\{\{parameters\.([^\}\}]+)/g,
 		CONTEXT_TIMEOUT = 5000,
-		oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration"),
+		oResourceBundle = Library.getResourceBundleFor("sap.ui.integration"),
 		MessageStripId = "_strip",
 		MODULE_PREFIX = "module:";
 
@@ -127,7 +133,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 * @constructor
 	 * @since 1.94
 	 * @private
@@ -402,7 +408,6 @@ sap.ui.define([
 										} else {
 											oSubGroup = oGroupControl;
 											oSubGroup._subItems = oSubGroup._subItems || [];
-											oSubGroup.addStyleClass("sapUiIntegrationEditorSubGroup");
 										}
 									} else {
 										if (oPanel) {
@@ -498,7 +503,7 @@ sap.ui.define([
 										aInfoHBox.addItem(oItem._descriptionIcon);
 										iInfoHBoxWidth += 0.9;
 									}
-									var oMessageIcon = Core.byId(oItem.getAssociation("_messageIcon"));
+									var oMessageIcon = Element.getElementById(oItem.getAssociation("_messageIcon"));
 									if (oItem.getAssociation("_messageIcon") && oMessageIcon) {
 										aInfoHBox.addItem(oMessageIcon);
 										iInfoHBoxWidth += 1.2;
@@ -777,7 +782,6 @@ sap.ui.define([
 											}
 										} else {
 											oSubGroup = oGroupControl;
-											oSubGroup.addStyleClass("sapUiIntegrationEditorSubGroup");
 										}
 									} else {
 										oSubGroup = null;
@@ -786,7 +790,6 @@ sap.ui.define([
 											oLanguagePanel.addContent(oPanel.getParent());
 										}
 										oPanel = oGroupControl;
-										oPanel.addStyleClass("sapUiIntegrationEditorSubGroup");
 									}
 									if (i === oItems.length - 1) {
 										//add current col fields to panel, then empty the col fields list
@@ -864,7 +867,7 @@ sap.ui.define([
 	Editor.prototype.init = function () {
 		this._ready = false;
 		this._aFieldReadyPromise = [];
-		this._oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration");
+		this._oResourceBundle = Library.getResourceBundleFor("sap.ui.integration");
 		this._appliedLayerManifestChanges = [];
 		this._currentLayerManifestChanges = {};
 		this._mDestinationDataProviders = {};
@@ -874,7 +877,7 @@ sap.ui.define([
 		oMessageStrip.addStyleClass("sapUiIntegrationEditorFieldMessageStrip");
 		this.setAggregation("_messageStrip", oMessageStrip);
 		MessageStripId = oMessageStrip.getId();
-		this.setLanguage(Core.getConfiguration().getLanguage());
+		this.setLanguage(Localization.getLanguage());
 		/**
 		 * Facade of the {@link sap.ui.integration.editor.Editor} control.
 		 * @interface
@@ -882,7 +885,7 @@ sap.ui.define([
 		 * @experimental since 1.94
 		 * @public
 		 * @author SAP SE
-		 * @version 1.120.6
+		 * @version 1.121.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
@@ -1103,7 +1106,7 @@ sap.ui.define([
 			return;
 		}
 
-		var oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration");
+		var oResourceBundle = Library.getResourceBundleFor("sap.ui.integration");
 		var oResourceModel = new ResourceModel({
 			bundle: oResourceBundle
 		});
@@ -1275,7 +1278,7 @@ sap.ui.define([
 		if (!sHost) {
 			return null;
 		}
-		return Core.byId(sHost);
+		return Element.getElementById(sHost);
 	};
 
 	/**
@@ -1334,7 +1337,7 @@ sap.ui.define([
 			if (iLayer === Merger.layers["translation"]) {
 				var sLanguage = that._language;
 				if (sLanguage === "") {
-					sLanguage = Core.getConfiguration().getLanguage().replaceAll('_', '-');
+					sLanguage = Localization.getLanguage().replaceAll('_', '-');
 				}
 				var oTranslationChange = {
 					"texts": {}
@@ -2493,10 +2496,7 @@ sap.ui.define([
 	 */
 	 Editor.prototype._addMetadataModel = function (oConfig, oField) {
 		if (oConfig.values && oConfig.values.metadata) {
-			var oRequestDefaultParameters = {
-				"synchronizationMode": "None"
-			};
-			oRequestDefaultParameters = merge(oRequestDefaultParameters, oConfig.values.metadata.request);
+			var oRequestDefaultParameters = merge({}, oConfig.values.metadata.request);
 
 			var oRequest = {
 				url: oRequestDefaultParameters.serviceUrl
@@ -2623,7 +2623,7 @@ sap.ui.define([
 			return;
 		}
 		var oNewLabel = null;
-		var sLanguage = Core.getConfiguration().getLanguage().replaceAll('_', '-');
+		var sLanguage = Localization.getLanguage().replaceAll('_', '-');
 		if (sMode === "translation") {
 			if (oConfig.type !== "string") {
 				return;
@@ -2908,7 +2908,7 @@ sap.ui.define([
 		if (oSettings.form && oSettings.form.items) {
 			oItems = oSettings.form.items;
 			//get current language
-			var sLanguage = this._language || this.getLanguage() || Core.getConfiguration().getLanguage().replaceAll('_', '-');
+			var sLanguage = this._language || this.getLanguage() || Localization.getLanguage().replaceAll('_', '-');
 			if (this.getMode() === "translation") {
 				//add top panel of translation editor
 				this._addItem({
@@ -3122,7 +3122,7 @@ sap.ui.define([
 		if (oPreview && oPreview.destroy) {
 			oPreview.destroy();
 		}
-		var oMessageStrip = Core.byId(MessageStripId);
+		var oMessageStrip = Element.getElementById(MessageStripId);
 		if (oMessageStrip) {
 			oMessageStrip.destroy();
 		}
@@ -3563,16 +3563,14 @@ sap.ui.define([
 
 		var sCssURL = sap.ui.require.toUrl("sap.ui.integration.editor.css.Editor".replace(/\./g, "/") + ".css");
 		includeStylesheet(sCssURL);
-		LoaderExtensions.loadResource("sap/ui/integration/editor/languages.json", {
+		Editor._oLanguages = LoaderExtensions.loadResource("sap/ui/integration/editor/languages.json", {
 			dataType: "json",
 			failOnError: false,
-			async: true
-		}).then(function (o) {
-			Editor._oLanguages = o;
+			async: false
 		});
 	};
 
 	Editor.init();
 
 	return Editor;
-});
+});

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

@@ -17,7 +17,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.EditorResourceBundles
 	 * @author SAP SE
 	 * @since 1.94.0
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 * @private
 	 */
 	var EditorResourceBundles = ManagedObject.extend("sap.ui.integration.editor.EditorResourceBundles", {

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

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.Extension
 	 *
 	 * @author SAP SE
-	 * @version 1.120.6
+	 * @version 1.121.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.120.6
+	 * @version 1.121.0
 	 *
 	 * @constructor
 	 * @since 1.94

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

@@ -6,6 +6,8 @@
 sap.ui.define([
 	"sap/ui/core/Control",
 	"sap/m/Popover",
+	"sap/ui/core/Element",
+	"sap/ui/core/Lib",
 	"sap/ui/model/json/JSONModel",
 	"sap/m/Button",
 	"sap/m/SegmentedButton",
@@ -25,7 +27,6 @@ sap.ui.define([
 	"sap/m/Input",
 	"sap/ui/integration/util/ParameterMap",
 	"sap/base/util/merge",
-	"sap/ui/core/Core",
 	"sap/m/Table",
 	"sap/m/Column",
 	"sap/m/ColumnListItem",
@@ -37,9 +38,11 @@ sap.ui.define([
 	"sap/ui/integration/util/Utils",
 	"sap/base/util/deepClone",
 	"sap/base/util/deepEqual"
-], function (
+], function(
 	Control,
 	Popover,
+	Element,
+	Library,
 	JSONModel,
 	Button,
 	SegmentedButton,
@@ -59,7 +62,6 @@ sap.ui.define([
 	Input,
 	ParameterMap,
 	merge,
-	Core,
 	Table,
 	Column,
 	ColumnListItem,
@@ -80,7 +82,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.Settings
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.120.6
+	 * @version 1.121.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -92,7 +94,7 @@ sap.ui.define([
 		renderer: null // Dialog-like control without renderer
 	});
 
-	var oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration"),
+	var oResourceBundle = Library.getResourceBundleFor("sap.ui.integration"),
 		oCurrentModel,
 		bCancel,
 		oCurrentInstance = null,
@@ -139,7 +141,7 @@ sap.ui.define([
 		oControl.addDependent(this);
 		//adjust page admin values table height
 		if (!oCurrentData.allowDynamicValues && oCurrentData.values && oCurrentData.values.item) {
-			Core.byId(sParameterId + "_settings_popover_scroll_container").setHeight("155px");
+			Element.getElementById(sParameterId + "_settings_popover_scroll_container").setHeight("155px");
 		}
 		//force update of all bindings
 		this.getModel("currentSettings").checkUpdate(true, true);
@@ -241,7 +243,7 @@ sap.ui.define([
 							} else {
 								//handle page admin values
 								if (oData.values && oData.values.item) {
-									var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
+									var oTable = Element.getElementById(sParameterId + "_settings_popover_pav_table"),
 									selectedContexts = oTable.getSelectedContexts(),
 									selectedKeys = [];
 									if (oCurrentModel.getProperty("/selectedValues") === "Partion") {
@@ -282,7 +284,7 @@ sap.ui.define([
 
 				//handle page admin values selection
 				if (oData.values && oData.values.item) {
-					var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
+					var oTable = Element.getElementById(sParameterId + "_settings_popover_pav_table"),
 					paValues = oCurrentModel.getProperty("/_next/pageAdminValues");
 					if (paValues !== undefined && paValues.length > 0) {
 						oTable.removeSelections();
@@ -416,7 +418,7 @@ sap.ui.define([
 
 					//reset table selection
 					if (oData.values && oData.values.item) {
-						var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
+						var oTable = Element.getElementById(sParameterId + "_settings_popover_pav_table"),
 							sItems = oCurrentModel.getProperty("/_next/pageAdminValues"),
 							aItems = oTable.getItems();
 						// 	pavItemKey = oCurrentModel.getData().values.item.key;
@@ -439,7 +441,7 @@ sap.ui.define([
 						}
 					}
 				}
-				var oPopover = Core.byId(sParameterId + "_settings_popover");
+				var oPopover = Element.getElementById(sParameterId + "_settings_popover");
 				oPopover.getFooter().getContent()[2].firePress();
 			}
 		}).addStyleClass("resetbutton");
@@ -450,8 +452,8 @@ sap.ui.define([
 		oSettingsPanel.setVisible(true);
 		oDynamicPanel.setVisible(false);
 		oTransformPanel.setVisible(false);
-		Core.byId(sParameterId + "_settings_popover_segmented_btn").setSelectedKey("settings");
-		var oCurrentValue = Core.byId(sParameterId + "_settings_popover_currentvalue");
+		Element.getElementById(sParameterId + "_settings_popover_segmented_btn").setSelectedKey("settings");
+		var oCurrentValue = Element.getElementById(sParameterId + "_settings_popover_currentvalue");
 		oCurrentValue.setVisible(false);
 	}
 
@@ -459,7 +461,7 @@ sap.ui.define([
 		oTransformPanel.setVisible(true);
 		oSettingsPanel.setVisible(false);
 		oDynamicPanel.setVisible(false);
-		var oCurrentValue = Core.byId(sParameterId + "_settings_popover_currentvalue");
+		var oCurrentValue = Element.getElementById(sParameterId + "_settings_popover_currentvalue");
 		oCurrentValue.setVisible(false);
 	}
 
@@ -467,7 +469,7 @@ sap.ui.define([
 		oSettingsPanel.setVisible(false);
 		oTransformPanel.setVisible(false);
 		oDynamicPanel.setVisible(true);
-		Core.byId(sParameterId + "_settings_popover_segmented_btn").setSelectedKey("dynamic");
+		Element.getElementById(sParameterId + "_settings_popover_segmented_btn").setSelectedKey("dynamic");
 		var oFlat = oCurrentInstance.getModel("contextflat"),
 			o = oFlat._getValueObject(oCurrentModel.getProperty("/value"));
 		if (o && o.object.label) {
@@ -479,7 +481,7 @@ sap.ui.define([
 			updateCurrentValue(o);
 		}
 		//visible current value field
-		var oCurrentValue = Core.byId(sParameterId + "_settings_popover_currentvalue");
+		var oCurrentValue = Element.getElementById(sParameterId + "_settings_popover_currentvalue");
 		oCurrentValue.setVisible(true);
 	}
 
@@ -927,6 +929,7 @@ sap.ui.define([
 					},
 					"cell": {
 						"type": "string",
+						"editable": true,
 						"values": {
 							"data": {
 								"json": oDestinationList,
@@ -1024,8 +1027,8 @@ sap.ui.define([
 	}
 
 	function onMultiSelectionClick(sParameterId) {
-		var oTable = Core.byId(sParameterId + "_settings_popover_pav_table"),
-		    oResetBtn = Core.byId(sParameterId + "_settings_popover_reset_btn"),
+		var oTable = Element.getElementById(sParameterId + "_settings_popover_pav_table"),
+		    oResetBtn = Element.getElementById(sParameterId + "_settings_popover_reset_btn"),
 		    selectedValues = oCurrentModel.getProperty("/selectedValues");
 		if (selectedValues === "All") {
 			oTable.removeSelections();
@@ -1043,7 +1046,7 @@ sap.ui.define([
 		var oTable = oEvent.getSource(),
 		    selectedItems = oTable.getSelectedItems(),
 		    allItems = oTable.getItems(),
-			oResetBtn = Core.byId(sParameterId + "_settings_popover_reset_btn");
+			oResetBtn = Element.getElementById(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/css/Editor.css

@@ -9,7 +9,7 @@
 	height: var(--sapUiIntegrationEditorFormHeight, 350px);;
 	width: var(--sapUiIntegrationEditorFormWidth, 100%);
 	box-sizing: border-box;
-	margin:0 0.5rem;
+	/* margin:0 0.5rem;*/
 	overflow-y: auto;
 	overflow-x: hidden;
 	padding: 0;
@@ -20,8 +20,7 @@
 	min-height: 2.1rem;
 }
 .sapUiIntegrationEditor .sapMPanelContent {
-	padding-top: 0;
-	padding-bottom: 0.625rem;
+	padding: 0rem 1.7rem 0.625rem 1.7rem
 }
 .sapUiIntegrationEditor .sapUiIntegrationEditorTranslationPanel .sapMPanelContent {
 	padding: 0.625rem 1rem 1.375rem 0rem;
@@ -31,12 +30,15 @@
 	margin-top: 0.625rem;
 }
 
-.sapUiIntegrationEditor .sapUiIntegrationEditorSubPanel .sapMPanelContent {
-	padding: 0.625rem 1rem 0rem 1rem;
-}
 .sapUiIntegrationEditor .sapMPanel > .sapMPanelHdr, .sapUiIntegrationEditor .sapMPanelWrappingDiv, .sapUiIntegrationEditor .sapMPanelWrappingDivTb {
 	border: none;
 }
+.sapUiIntegrationEditor .sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr, .sapUiIntegrationEditor .sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
+    margin-left: 1.7rem;
+}
+.sapUiIntegrationEditor .sapMPanel .sapMPanelWrappingDiv .sapUiIcon {
+    margin-left: -0.3rem;
+}
 
 .sapUiIntegrationEditor.sapUiIntegrationEditorTranslation .sapUiIntegrationEditorForm{
 	height: 210px;
@@ -44,7 +46,7 @@
 
 .sapUiIntegrationEditor .sapUiIntegrationEditorForm::-webkit-scrollbar {
 	width: 7px !important;
-	background-color: transparent !important	;
+	background-color: transparent !important;
 	transition: all 0.5s ease-in;
 }