@openui5/sap.ui.integration 1.117.1 → 1.119.0

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

@@ -11,7 +11,8 @@ sap.ui.define([
 	"sap/m/CheckBox",
 	"sap/base/util/deepEqual",
 	"sap/base/util/deepClone",
-	"sap/ui/integration/util/Utils"
+	"sap/ui/integration/util/Utils",
+	"sap/m/table/columnmenu/Menu"
 ], function (
 	ObjectField,
 	JSONModel,
@@ -19,7 +20,8 @@ sap.ui.define([
 	CheckBox,
 	deepEqual,
 	deepClone,
-	Utils
+	Utils,
+	Menu
 ) {
 	"use strict";
 
@@ -29,7 +31,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.ObjectListField
 	 * @author SAP SE
 	 * @since 1.100.0
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @experimental since 1.100.0
 	 * @ui5-restricted
@@ -71,6 +73,15 @@ sap.ui.define([
 		var oControl = that.getAggregation("_field");
 		if (oControl instanceof Table) {
 			oControl.addStyleClass("sapUiIntegrationEditorItemObjectListFieldTable");
+			// create a column header menu
+			that._oMenu = new Menu();
+			var aColumns = oControl.getColumns();
+			for (var i = 0; i < aColumns.length; i++) {
+				// if column supports filter or sort, add menu as header menu for it
+				if (aColumns[i].getFilterProperty() || aColumns[i].getSortProperty()) {
+					aColumns[i].setHeaderMenu(that._oMenu.getId());
+				}
+			}
 			var oConfig = that.getConfiguration();
 			// select all the results come from config.value
 			if (!oConfig.values){
@@ -140,13 +151,6 @@ sap.ui.define([
 		});
 	};
 
-	ObjectListField.prototype.addNewObject = function (oEvent) {
-		var that = this;
-		var oControl = oEvent.getSource();
-		that._newObjectTemplate._dt._uuid = Utils.generateUuidV4();
-		that.openObjectDetailsPopover(that._newObjectTemplate, oControl, "add");
-	};
-
 	ObjectListField.prototype.onSelectionColumnClick = function(oEvent) {
 		var that = this;
 		var bIsSelected = oEvent.getParameter("selected");
@@ -245,9 +249,9 @@ sap.ui.define([
 		var oConfig = that.getConfiguration();
 		var oTable = that.getAggregation("_field");
 		var oModel = oTable.getModel();
+		var sPath = oTable.getBinding("rows").getPath();
 		if (Array.isArray(oConfig.value) && oConfig.value.length > 0) {
-			var aValues = deepClone(oConfig.value, 500),
-				sPath = oTable.getBinding("rows").getPath();
+			var aValues = deepClone(oConfig.value, 500);
 			if (Array.isArray(tResult) && tResult.length > 0) {
 				that._positionCount = oConfig.value.length + 1;
 				var aUUIDs = [];
@@ -315,6 +319,8 @@ sap.ui.define([
 					oResult._dt._position = that._positionCount;
 					that._positionCount++;
 				});
+			} else {
+				oModel.setProperty(sPath, []);
 			}
 			oModel.setProperty("/_allSelected", false);
 		}

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

@@ -16,17 +16,11 @@ sap.ui.define([
 	"sap/m/OverflowToolbar",
 	"sap/m/ToolbarSpacer",
 	"sap/ui/core/ListItem",
-	"sap/m/List",
-	"sap/m/CustomListItem",
 	"sap/m/VBox",
 	"sap/base/util/each",
 	"sap/base/util/restricted/_debounce",
 	"sap/ui/core/Core",
-	"sap/ui/model/json/JSONModel",
-	"sap/base/util/deepClone",
-	"sap/ui/model/Sorter",
-	"sap/m/GroupHeaderListItem",
-	"sap/ui/core/CustomData"
+	"sap/base/util/deepClone"
 ], function (
 	BaseField,
 	Input,
@@ -39,17 +33,11 @@ sap.ui.define([
 	OverflowToolbar,
 	ToolbarSpacer,
 	ListItem,
-	List,
-	CustomListItem,
 	VBox,
 	each,
 	_debounce,
 	Core,
-	JSONModel,
-	deepClone,
-	Sorter,
-	GroupHeaderListItem,
-	CustomData
+	deepClone
 ) {
 	"use strict";
 	var REGEXP_PARAMETERS = /parameters\.([^\}\}]+)/g;
@@ -65,7 +53,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.StringField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -437,89 +425,12 @@ sap.ui.define([
 		var oField = oControl.getParent();
 		var sParameterId = oField.getParameterId();
 		var oConfig = oField.getConfiguration();
-
-		if (!that._aOriginTranslatedValues) {
-			//init the origin translation value list in card i18n files
-			that._aOriginTranslatedValues = oField.getOriginTranslatedValues(oConfig);
-		}
-		var aTempTranslatedLanguages = deepClone(that._aOriginTranslatedValues, 500);
 		var oResourceBundle = oField.getResourceBundle();
-		//merge the value in texts or beforeLayerChange into the value list of i18n files
-		aTempTranslatedLanguages.forEach(function (translatedValue) {
-			var sTranslateText = oField.getTranslationValueInTexts(translatedValue.key, oConfig.manifestpath);
-			if (sTranslateText) {
-				translatedValue.value = sTranslateText;
-				if (Array.isArray(that._aUpdatedLanguages) && !that._aUpdatedLanguages.includes(translatedValue.key)) {
-					translatedValue.originValue = translatedValue.value;
-				}
-			} else if (oConfig._beforeLayerChange) {
-				translatedValue.value = oConfig._beforeLayerChange;
-				if (Array.isArray(that._aUpdatedLanguages) && !that._aUpdatedLanguages.includes(translatedValue.key)) {
-					translatedValue.originValue = translatedValue.value;
-				}
-			}
-			translatedValue.status = oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_LISTITEM_GROUP_NOTUPDATED");
-			if (translatedValue.key === oResourceBundle.sLocale.replaceAll('_', '-')) {
-				translatedValue.editable = false;
-			}
-		});
-
-		var aTranslatedValues = {
-			"currentLanguage": {},
-			"isUpdated": false,
-			"translatedLanguages": []
-		};
-		var oModel;
-		if (aTempTranslatedLanguages) {
-			//check the updated language list, update the data model
-			aTempTranslatedLanguages.forEach(function (translatedValue) {
-				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");
-				}
-				if (translatedValue.key === oResourceBundle.sLocale.replaceAll('_', '-')) {
-					translatedValue.value = oControl.getValue();
-					aTranslatedValues.currentLanguage = translatedValue;
-				} else {
-					aTranslatedValues.translatedLanguages.push(translatedValue);
-				}
-			});
-		}
+		var oTranslatedValues = that.buildTranslationsData(oField, oControl);
+		var oTranslatonsModel;
 		var sPlacement = oField.getPopoverPlacement(oControl._oValueHelpIcon);
 		if (!that._oTranslationPopover) {
-			var oList = new List(sParameterId + "_translation_popover_value_list", {
-				//mode: "Delete",
-				items: {
-					path: "languages>/translatedLanguages",
-					template: new CustomListItem({
-						content: [
-							new VBox({
-								items: [
-									new Text({
-										text: "{languages>description}"
-									}),
-									new Input({
-										value: "{languages>value}",
-										editable: "{languages>editable}"
-									})
-								]
-							})
-						],
-						customData: [
-							new CustomData({
-								key: "{languages>key}",
-								value: "{languages>description}"
-							})
-						]
-					}),
-					sorter: [new Sorter({
-						path: 'status',
-						descending: true,
-						group: true
-					})],
-					groupHeaderFactory: oField.getGroupHeader
-				}
-			});
+			var oList = that.buildTranslationsList(sParameterId + "_translation_popover_value_list");
 			that._oTranslationPopover = new Popover(sParameterId + "_translation_popover", {
 				placement: sPlacement,
 				contentWidth: "300px",
@@ -585,41 +496,67 @@ sap.ui.define([
 					]
 				})
 			}).addStyleClass("sapUiIntegrationFieldTranslation");
-			oModel = new JSONModel(aTranslatedValues);
-			oModel.attachPropertyChange(function(oEvent) {
-				//update the status of each translation for grouping
-				//update the isUpdated property
-				var oData = oModel.getData();
-				var sUpdatedStr = oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_LISTITEM_GROUP_UPDATED");
-				var sNotUpdatedStr = oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_LISTITEM_GROUP_NOTUPDATED");
-				var bIsUpdated = false;
-				oData.translatedLanguages.forEach(function(oLanguage) {
-					if (oLanguage.value !== oLanguage.originValue) {
-						oLanguage.status = sUpdatedStr;
-						bIsUpdated = true;
-					} else {
-						oLanguage.status = sNotUpdatedStr;
-					}
-				});
-				oData.isUpdated = bIsUpdated;
-				oModel.setData(oData);
-				oModel.checkUpdate(true);
-			});
-			that._oTranslationPopover.setModel(oModel, "languages");
+			oTranslatonsModel = that.buildTranslationsModel(oTranslatedValues);
+			that._oTranslationPopover.setModel(oTranslatonsModel, "languages");
 		} else {
 			that._oTranslationPopover.setPlacement(sPlacement);
-			oModel = that._oTranslationPopover.getModel("languages");
-			oModel.setData(aTranslatedValues);
-			oModel.checkUpdate(true);
+			oTranslatonsModel = that._oTranslationPopover.getModel("languages");
+			oTranslatonsModel.setData(oTranslatedValues);
+			oTranslatonsModel.checkUpdate(true);
 		}
 		that._oTranslationPopover.openBy(oControl._oValueHelpIcon);
 	};
 
-	StringField.prototype.getGroupHeader = function(oGroup) {
-		return new GroupHeaderListItem({
-			title: oGroup.key,
-			upperCase: false
+	StringField.prototype.buildTranslationsData = function(oField, oControl) {
+		var that = this;
+		var oConfig = oField.getConfiguration();
+		if (!that._aOriginTranslatedValues) {
+			//init the origin translation value list in card i18n files
+			that._aOriginTranslatedValues = oField.getOriginTranslatedValues(oConfig);
+		}
+		var aTempTranslatedLanguages = deepClone(that._aOriginTranslatedValues, 500);
+		var oResourceBundle = oField.getResourceBundle();
+		//merge the value in texts or beforeLayerChange into the value list of i18n files
+		aTempTranslatedLanguages.forEach(function (translatedValue) {
+			var sTranslateText = oField.getTranslationValueInTexts(translatedValue.key, oConfig.manifestpath);
+			if (sTranslateText) {
+				translatedValue.value = sTranslateText;
+				if (Array.isArray(that._aUpdatedLanguages) && !that._aUpdatedLanguages.includes(translatedValue.key)) {
+					translatedValue.originValue = translatedValue.value;
+				}
+			} else if (oConfig._beforeLayerChange) {
+				translatedValue.value = oConfig._beforeLayerChange;
+				if (Array.isArray(that._aUpdatedLanguages) && !that._aUpdatedLanguages.includes(translatedValue.key)) {
+					translatedValue.originValue = translatedValue.value;
+				}
+			}
+			translatedValue.status = oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_LISTITEM_GROUP_NOTUPDATED");
+			if (translatedValue.key === oResourceBundle.sLocale.replaceAll('_', '-')) {
+				translatedValue.editable = false;
+			}
 		});
+
+		var oTranslatedValues = {
+			"currentLanguage": {},
+			"isUpdated": false,
+			"translatedLanguages": []
+		};
+		if (aTempTranslatedLanguages) {
+			//check the updated language list, update the data model
+			aTempTranslatedLanguages.forEach(function (translatedValue) {
+				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");
+				}
+				if (translatedValue.key === oResourceBundle.sLocale.replaceAll('_', '-')) {
+					translatedValue.value = oControl.getValue();
+					oTranslatedValues.currentLanguage = translatedValue;
+				} else {
+					oTranslatedValues.translatedLanguages.push(translatedValue);
+				}
+			});
+		}
+		return oTranslatedValues;
 	};
 
 	return StringField;

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.117.1
+	 * @version 1.119.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.117.1
+	 * @version 1.119.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.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted

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

@@ -12,9 +12,11 @@ sap.ui.define([
 	"sap/base/util/merge",
 	"sap/ui/core/Core",
 	"sap/base/util/deepClone",
-	"sap/ui/integration/formatters/IconFormatter"
+	"sap/ui/integration/formatters/IconFormatter",
+	"sap/m/Popover",
+	"sap/m/Image"
 ], function (
-	VizBase, Select, ListItem, JSONModel, IconPool, merge, Core, deepClone, IconFormatter
+	VizBase, Select, ListItem, JSONModel, IconPool, merge, Core, deepClone, IconFormatter, Popover, Image
 ) {
 	"use strict";
 
@@ -27,7 +29,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.IconSelect
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted
@@ -47,6 +49,14 @@ sap.ui.define([
 				allowNone: {
 					type: "boolean",
 					defaultValue: true
+				},
+				/**
+				 * Specifies whether or not to allow Default Icons (SAP Icons).
+				 * @since 1.119
+				 */
+				allowDefaultIcons: {
+					type: "boolean",
+					defaultValue: true
 				}
 			}
 		},
@@ -55,30 +65,28 @@ sap.ui.define([
 		}
 	});
 
-	IconSelect.prototype._initIconModel = function () {
+	IconSelect.prototype._initDefaultIcons = function () {
+		aDefaultIcons = [];
 		var aIconNames = IconPool.getIconNames();
 		aIconNames = aIconNames.sort(function (a, b) {
 			return a.toLowerCase().localeCompare(b.toLowerCase());
 		});
-		var aIcons = [];
-		if (!aDefaultIcons) {
-			aIconNames.filter(function (s) {
-				var text = IconPool.getIconInfo(s).text || ("-" + s).replace(/-(.)/ig, function (sMatch, sChar) {
-					return " " + sChar.toUpperCase();
-				}).substring(1);
-				aIcons.push({
-					icon: "sap-icon://" + s,
-					key: "sap-icon://" + s,
-					text: text,
-					tooltip: text,
-					enabled: true
-				});
+		aIconNames.filter(function (s) {
+			var text = IconPool.getIconInfo(s).text || ("-" + s).replace(/-(.)/ig, function (sMatch, sChar) {
+				return " " + sChar.toUpperCase();
+			}).substring(1);
+			aDefaultIcons.push({
+				icon: "sap-icon://" + s,
+				key: "sap-icon://" + s,
+				text: text,
+				tooltip: text,
+				enabled: true
 			});
-			aDefaultIcons = deepClone(aIcons, 500);
-		} else {
-			aIcons = deepClone(aDefaultIcons, 500);
-		}
-		aIcons = [{
+		});
+	};
+
+	IconSelect.prototype._initIconModel = function () {
+		var aIcons = [{
 			icon: "",
 			text: oResourceBundle.getText("EDITOR_ICON_NONE"),
 			tooltip: "",
@@ -96,7 +104,10 @@ sap.ui.define([
 			tooltip: "",
 			key: "selected",
 			enabled: false
-		}].concat(aIcons);
+		}];
+		if (this.getAllowDefaultIcons()) {
+			aIcons = aIcons.concat(deepClone(aDefaultIcons, 500));
+		}
 		this._oIconModel = new JSONModel(aIcons);
 		this._oIconModel.setSizeLimit(aIcons.length);
 	};
@@ -105,6 +116,9 @@ sap.ui.define([
 		if (oResourceBundle && oResourceBundle.sLocale !== Core.getConfiguration().getLanguage()) {
 			oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration");
 		}
+		if (!aDefaultIcons) {
+			this._initDefaultIcons();
+		}
 		if (!this._oIconModel) {
 			this._initIconModel();
 		}
@@ -145,28 +159,18 @@ sap.ui.define([
 		this._oControl.setModel(this._oIconModel, "iconlist");
 
 		//add style class and height on open
-		var fnOpen = this._oControl.open;
-		this._oControl.open = function () {
-			fnOpen && fnOpen.apply(this, arguments);
-			this.getPicker().addStyleClass("sapUiIntegrationIconSelectList");
-			this.getPicker().setContentHeight("400px");
-		};
+		this._oControl._fnOpen = this._oControl.open;
+		if (this.getAllowDefaultIcons()) {
+			this._oControl.open = function () {
+				this._fnOpen && this._fnOpen.apply(this, arguments);
+				this.getPicker().addStyleClass("sapUiIntegrationIconSelectList");
+				this.getPicker().setContentHeight("400px");
+			};
+		}
 
 		//show file image before the label
 		this._oControl.addDelegate({
-			onAfterRendering: function () {
-				var oIconDomRef = this._oControl.getDomRef("labelIcon");
-				if (oIconDomRef) {
-					var sCustomImage = this._oControl._customImage;
-					if (sCustomImage) {
-						oIconDomRef.style.backgroundImage = "url('" + sCustomImage + "')";
-						oIconDomRef.classList.add("sapMSelectListItemIconCustom");
-					} else {
-						oIconDomRef.style.backgroundImage = "unset";
-						oIconDomRef.classList.remove("sapMSelectListItemIconCustom");
-					}
-				}
-			}.bind(this)
+			onAfterRendering: this.onAfterRenderingSelect.bind(this)
 		});
 
 		//keyboard handling only if the list is open
@@ -293,5 +297,59 @@ sap.ui.define([
 		return this;
 	};
 
+	IconSelect.prototype.onAfterRenderingSelect = function () {
+		var oIconDomRef = this._oControl.getDomRef("labelIcon");
+		if (oIconDomRef) {
+			var sCustomImage = this._oControl._customImage;
+			var oIcon = Core.byId(oIconDomRef.id);
+			if (sCustomImage) {
+				oIconDomRef.style.backgroundImage = "url('" + sCustomImage + "')";
+				oIconDomRef.classList.add("sapMSelectListItemIconCustom");
+				oIconDomRef.children[0].title = oResourceBundle.getText("EDITOR_IMAGE_CUSTOMICON_TOOLTIP");
+				oIcon.onclick = function(oEvent) {
+					oEvent.stopImmediatePropagation();
+					oIcon._oImagePopover = new Popover(oIcon.getId() + "-imagePopover", {
+						placement: "Right",
+						showHeader: false,
+						content: new Image(oIcon.getId() + "-imagePopover-image", {
+							src: sCustomImage
+						}).addStyleClass("image")
+					}).addStyleClass("sapUiIntegrationImageSelect");
+					oIcon._oImagePopover.openBy(oIcon);
+				};
+			} else {
+				oIconDomRef.style.backgroundImage = "unset";
+				oIconDomRef.classList.remove("sapMSelectListItemIconCustom");
+				oIcon.onclick = undefined;
+			}
+		}
+	};
+
+	IconSelect.prototype.setAllowDefaultIcons = function (bAllowDefaultIcons) {
+		if (typeof bAllowDefaultIcons === "boolean" && this.getAllowDefaultIcons() !== bAllowDefaultIcons) {
+			var aIcons = this._oIconModel.getData();
+			if (bAllowDefaultIcons) {
+				//add default icons
+				aIcons = aIcons.concat(deepClone(aDefaultIcons, 500));
+				//add style class and height on open
+				this._oControl.open = function () {
+					this._fnOpen && this._fnOpen.apply(this, arguments);
+					this.getPicker().addStyleClass("sapUiIntegrationIconSelectList");
+					this.getPicker().setContentHeight("400px");
+				};
+			} else {
+				//remove default icons
+				aIcons = aIcons.slice(0, 3);
+				//remove style class on open
+				this._oControl.open = function () {
+					this._fnOpen && this._fnOpen.apply(this, arguments);
+					this.getPicker().removeStyleClass("sapUiIntegrationIconSelectList");
+				};
+			}
+			this._oIconModel.setData(aIcons);
+			this._oIconModel.setSizeLimit(aIcons.length);
+		}
+	};
+
 	return IconSelect;
 });

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

@@ -0,0 +1,40 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"sap/ui/integration/editor/fields/viz/IconSelect"
+], function (
+	IconSelect
+) {
+	"use strict";
+
+	/**
+	 * @class Image Select
+	 * @extends sap.ui.integration.editor.fields.viz.IconSelect
+	 * @alias sap.ui.integration.editor.fields.viz.ImageSelect
+	 * @author SAP SE
+	 * @since 1.119.0
+	 * @version 1.119.0
+	 * @private
+	 * @experimental since 1.119.0
+	 * @ui5-restricted
+	 */
+	var ImageSelect = IconSelect.extend("sap.ui.integration.editor.fields.viz.ImageSelect", {
+		metadata: {
+			library: "sap.ui.integration",
+			properties: {
+				allowDefaultIcons: {
+					type: "boolean",
+					defaultValue: false
+				}
+			}
+		},
+		renderer: {
+			apiVersion: 2
+		}
+	});
+
+	return ImageSelect;
+});

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.117.1
+	 * @version 1.119.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.117.1
+	 * @version 1.119.0
 	 * @private
 	 * @experimental since 1.105.0
 	 * @ui5-restricted
@@ -84,14 +84,6 @@ sap.ui.define([
 
 	// bind propety to this._oControl
 	VizBase.prototype.bindPropertyToControl = function (sProperty, oBindingInfo) {
-		if (sProperty === "value") {
-			var oControlBindingInfo = merge({}, oBindingInfo);
-			this._oControl.bindProperty("value", oControlBindingInfo);
-		}
-		if (sProperty === "editable") {
-			var oControlBindingInfo = merge({}, oBindingInfo);
-			this._oControl.bindProperty("editable", oControlBindingInfo);
-		}
 	};
 
 	return VizBase;

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

@@ -27,10 +27,11 @@
 	}
 
 	function registerLibraryTags(sLibrary) {
-		var oLibrary = coreInstance.getLoadedLibraries()[sLibrary];
-		//collect the prefix and the relevant tags
-		var	aTags = Object.keys(oLibrary.customElements),
+		var oLibrary = coreInstance.getLoadedLibraries()[sLibrary],
+			mCustomElements = oLibrary.extensions["sap.ui.integration"].customElements,
+			aTags = Object.keys(mCustomElements),
 			sTags = scriptTag.getAttribute("tags");
+
 		if (sTags) {
 			aTags = sTags.split(",");
 		}
@@ -38,7 +39,7 @@
 		window.sap.ui.require(
 			aTags.map(
 				function (o, i) {
-					return oLibrary.customElements[aTags[i]];
+					return mCustomElements[aTags[i]];
 				}
 			)
 		);