@openui5/sap.ui.integration 1.96.2 → 1.98.0

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -19,7 +19,6 @@ sap.ui.define([
 	"sap/m/List",
 	"sap/m/CustomListItem",
 	"sap/m/VBox",
-	"./viz/IconSelect",
 	"sap/base/util/each",
 	"sap/base/util/restricted/_debounce",
 	"sap/ui/core/Core",
@@ -29,10 +28,9 @@ sap.ui.define([
 	"sap/ui/model/Sorter",
 	"sap/ui/core/SeparatorItem",
 	"sap/base/util/includes",
-	"sap/base/util/merge",
 	"sap/ui/core/CustomData"
 ], function (
-	BaseField, Input, Text, Title, Select, ComboBox, Popover, Button, OverflowToolbar, ToolbarSpacer, ListItem, List, CustomListItem, VBox, IconSelect, each, _debounce, Core, JSONModel, EditorResourceBundles, deepClone, Sorter, SeparatorItem, includes, merge, CustomData
+	BaseField, Input, Text, Title, Select, ComboBox, Popover, Button, OverflowToolbar, ToolbarSpacer, ListItem, List, CustomListItem, VBox, each, _debounce, Core, JSONModel, EditorResourceBundles, deepClone, Sorter, SeparatorItem, includes, CustomData
 ) {
 	"use strict";
 	var REGEXP_PARAMETERS = /parameters\.([^\}\}]+)/g;
@@ -48,7 +46,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.StringField
 	 * @author SAP SE
 	 * @since 1.83.0
-	 * @version 1.96.2
+	 * @version 1.98.0
 	 * @private
 	 * @experimental since 1.83.0
 	 * @ui5-restricted
@@ -100,11 +98,10 @@ sap.ui.define([
 				fnChange = function (oEvent) {
 					var sValue = oEvent.getSource().getValue();
 					var sSettingspath = this.getBindingContext("currentSettings").sPath;
-					var oSettingsModel = this.getModel("currentSettings");
 					//clean the value in data model
-					oSettingsModel.setProperty(sSettingspath + "/value", sValue);
+					this._settingsModel.setProperty(sSettingspath + "/value", sValue);
 					//update the dependent fields via bindings
-					var aBindings = oSettingsModel.getBindings();
+					var aBindings = this._settingsModel.getBindings();
 					var sParameter = sSettingspath.substring(sSettingspath.lastIndexOf("/") + 1);
 					each(aBindings, function(iIndex, oBinding) {
 						if (oBinding.sPath === "/form/items/" + sParameter + "/value") {
@@ -208,7 +205,6 @@ sap.ui.define([
 						}
 					};
 				}
-			/* hide multi language function since there has a translation issue in Portal
 			} else if (this.getMode() !== "translation" && oConfig.translatable) {
 				//use value help function of input to show the multi language popup
 				oVisualization = {
@@ -226,20 +222,23 @@ sap.ui.define([
 						valueHelpIconSrc: "sap-icon://translate",
 						showValueHelp: true,
 						valueHelpRequest: this.openTranslationListPopup,
-						liveChange: function(oEvent) {
-							//add current change into valueTranslations
-							if (!oConfig.valueTranslations) {
-								oConfig.valueTranslations = {};
-							}
+						change: function(oEvent) {
+							//add current change into translation texts
 							var oControl = oEvent.getSource();
 							var sValue = oControl.getValue();
 							var sLanguage =  Core.getConfiguration().getLanguage().replaceAll('_', '-');
-							var oValueTranslations = deepClone(oConfig.valueTranslations, 500);
-							oValueTranslations[sLanguage] = sValue;
-							oConfig.valueTranslations = oValueTranslations;
+							oControl.getParent().setTranslationValueInTexts(sLanguage, oConfig.manifestpath, sValue);
 						}
 					}
-				};*/
+				};
+				if (aParts) {
+					delete oVisualization.settings.tooltip;
+					oVisualization.settings.value = oValue;
+					oVisualization.settings.change = fnChange;
+					//if value contains {{parameters.XX}} syntax, do not show the translation button and popup
+					oVisualization.settings.showValueHelp = false;
+					delete oVisualization.settings.valueHelpRequest;
+				}
 			} else {
 				oVisualization = {
 					type: Input,
@@ -277,14 +276,14 @@ sap.ui.define([
 				oControl.attachSelectionChange(this.onSelectionChange);
 			}
 		}
+		this._settingsModel = this.getModel("currentSettings");
 	};
 
 	StringField.prototype.onSelectionChange = function(oEvent) {
 		var oSelectedItem = oEvent.getParameter("selectedItem") || {};
 		var sKey = oSelectedItem.getKey();
 		var sSettingspath = this.getBindingContext("currentSettings").sPath;
-		var oSettingsModel = this.getModel("currentSettings");
-		oSettingsModel.setProperty(sSettingspath + "/value", sKey);
+		this._settingsModel.setProperty(sSettingspath + "/value", sKey);
 		//oSettingsModel.setProperty(sSettingspath + "/suggestValue", "");
 	};
 
@@ -292,14 +291,13 @@ sap.ui.define([
 		//get the suggestion value in the input field of the ComoboBox
 		var sTerm = oEvent.target.value;
 		var sSettingspath = this.getBindingContext("currentSettings").sPath;
-		var oSettingsModel = this.getModel("currentSettings");
 		//set the suggestion value into data model property "suggestValue" for filter backend
-		oSettingsModel.setProperty(sSettingspath + "/suggestValue", sTerm.replaceAll("'", "\'\'"));
-		oSettingsModel.setProperty(sSettingspath + "/_loading", true);
+		this._settingsModel.setProperty(sSettingspath + "/suggestValue", sTerm.replaceAll("'", "\'\'"));
+		this._settingsModel.setProperty(sSettingspath + "/_loading", true);
 		//clean the value in data model
-		oSettingsModel.setProperty(sSettingspath + "/value", "");
+		this._settingsModel.setProperty(sSettingspath + "/value", "");
 		//update the dependent fields via bindings
-		var aBindings = oSettingsModel.getBindings();
+		var aBindings = this._settingsModel.getBindings();
 		var sParameter = sSettingspath.substring(sSettingspath.lastIndexOf("/") + 1);
 		each(aBindings, function(iIndex, oBinding) {
 			if (oBinding.sPath === "/form/items/" + sParameter + "/value") {
@@ -318,29 +316,33 @@ sap.ui.define([
 	//get origin values in i18n files
 	StringField.prototype.getOriginTranslatedValues = function(oConfig) {
 		var aOriginTranslatedValues = [];
-		var aEditorResourceBundles = EditorResourceBundles.getInstance(oConfig._resourceBundleURL);
+		var aEditorResourceBundles = EditorResourceBundles.getInstance();
+		//get translation key of the value
+		var sKey;
+		if (oConfig._translatedDefaultPlaceholder && oConfig._translatedDefaultPlaceholder.startsWith("{i18n>") && oConfig._translatedDefaultPlaceholder.endsWith("}")) {
+			sKey = oConfig._translatedDefaultPlaceholder.substring(6, oConfig._translatedDefaultPlaceholder.length - 1);
+		} else if (oConfig._translatedDefaultPlaceholder && oConfig._translatedDefaultPlaceholder.startsWith("{{") && oConfig._translatedDefaultPlaceholder.endsWith("}}")) {
+			sKey = oConfig._translatedDefaultPlaceholder.substring(2, oConfig._translatedDefaultPlaceholder.length - 2);
+		}
 		for (var p in aEditorResourceBundles) {
 			var oResourceBundleTemp = aEditorResourceBundles[p];
-			//get translation key of the value
-			var sKey;
-			if (oConfig._translatedDefaultPlaceholder.startsWith("{i18n>") && oConfig._translatedDefaultPlaceholder.endsWith("}")) {
-				sKey = oConfig._translatedDefaultPlaceholder.substring(6, oConfig._translatedDefaultPlaceholder.length - 1);
-			} else if (oConfig._translatedDefaultPlaceholder.startsWith("{{") && oConfig._translatedDefaultPlaceholder.endsWith("}}")) {
-				sKey = oConfig._translatedDefaultPlaceholder.substring(2, oConfig._translatedDefaultPlaceholder.length - 2);
-			}
 			var sTranslatedValue = "";
 			var sOriginValue = "";
 			if (sKey && oResourceBundleTemp) {
-				var sText = oResourceBundleTemp.resourceBundle.getText(sKey, [], true);
+				var sText = oResourceBundleTemp.resourceBundle && oResourceBundleTemp.resourceBundle.getText(sKey, [], true);
 				if (sText !== undefined) {
 					sTranslatedValue = sText;
 					sOriginValue = sText;
+				} else {
+					//no value in resource bundle means the i18n setting is not correct
+					sTranslatedValue = oConfig._translatedValue || "";
+					sOriginValue = oConfig._translatedValue || "";
 				}
 			} else {
 				//if no translation key which means item defined as string value directly.
 				//set the sTranslatedValue and sOriginValue for each language with item manifest value or default value.
-				sTranslatedValue = oConfig._translatedDefaultPlaceholder;
-				sOriginValue = oConfig._translatedDefaultPlaceholder;
+				sTranslatedValue = oConfig._translatedDefaultPlaceholder || "";
+				sOriginValue = oConfig._translatedDefaultPlaceholder || "";
 			}
 			var oLanguage = {
 				"key": p,
@@ -354,6 +356,36 @@ sap.ui.define([
 		return aOriginTranslatedValues;
 	};
 
+	StringField.prototype.getTranslationValueInTexts = function (sLanguage, sKey) {
+		var sTranslationPath = "/texts/" + sLanguage;
+		var oProperty = this._settingsModel.getProperty(sTranslationPath) || {};
+		return oProperty[sKey];
+	};
+
+	StringField.prototype.setTranslationValueInTexts = function (sLanguage, sKey, sValue) {
+		var sTranslationPath = "/texts";
+		var oData = this._settingsModel.getData();
+		if (!oData) {
+			return;
+		}
+		if (!oData.hasOwnProperty("texts")) {
+			var oTexts = {};
+			oTexts[sLanguage] = {};
+			oTexts[sLanguage][sKey] = sValue;
+			this._settingsModel.setProperty(sTranslationPath, oTexts);
+		} else {
+			sTranslationPath = "/texts/" + sLanguage;
+			var oLanguage;
+			if (!oData.texts.hasOwnProperty(sLanguage)) {
+				oLanguage = {};
+			} else {
+				oLanguage = oData.texts[sLanguage];
+			}
+			oLanguage[sKey] = sValue;
+			this._settingsModel.setProperty(sTranslationPath, oLanguage);
+		}
+	};
+
 	//open the translation popup
 	StringField.prototype.openTranslationListPopup = function(oEvent) {
 		var that = this;
@@ -367,16 +399,22 @@ sap.ui.define([
 		}
 		var aTempTranslatedLanguages = deepClone(that._aOriginTranslatedValues, 500);
 		var oResourceBundle = Core.getLibraryResourceBundle("sap.ui.integration");
-		//merge the value in config.valueTranslations into the value list of i18n files
+		//merge the value in texts or beforeLayerChange into the value list of i18n files
 		aTempTranslatedLanguages.forEach(function (translatedValue) {
-			if (oConfig.valueTranslations && oConfig.valueTranslations[translatedValue.key]) {
-				translatedValue.value = oConfig.valueTranslations[translatedValue.key];
+			var sTranslateText = oField.getTranslationValueInTexts(translatedValue.key, oConfig.manifestpath);
+			if (sTranslateText) {
+				translatedValue.value = sTranslateText;
+				if (!includes(that._aUpdatedLanguages, translatedValue.key)) {
+					translatedValue.originValue = translatedValue.value;
+				}
+			} else if (oConfig._beforeLayerChange) {
+				translatedValue.value = oConfig._beforeLayerChange;
 				if (!includes(that._aUpdatedLanguages, translatedValue.key)) {
 					translatedValue.originValue = translatedValue.value;
 				}
 			}
 			translatedValue.status = oResourceBundle.getText("EDITOR_FIELD_TRANSLATION_LIST_POPOVER_LISTITEM_GROUP_NOTUPDATED");
-			if (translatedValue.key === oResourceBundle.sLocale) {
+			if (translatedValue.key === oResourceBundle.sLocale.replaceAll('_', '-')) {
 				translatedValue.editable = false;
 			}
 		});
@@ -391,10 +429,10 @@ sap.ui.define([
 			//check the updated language list, update the data model
 			aTempTranslatedLanguages.forEach(function (translatedValue) {
 				if (includes(that._aUpdatedLanguages, translatedValue.key)) {
-					translatedValue.value = oConfig.valueTranslations[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) {
+				if (translatedValue.key === oResourceBundle.sLocale.replaceAll('_', '-')) {
 					translatedValue.value = oControl.getValue();
 					aTranslatedValues.currentLanguage = translatedValue;
 				} else {
@@ -436,8 +474,9 @@ sap.ui.define([
 					groupHeaderFactory: that.getGroupHeader
 				}
 			});
+			var sPlacement = oField._previewPostion === "right" ? "Right" : "Left";
 			that._oTranslationPopover = new Popover({
-				placement: "Right",
+				placement: sPlacement,
 				contentWidth: "300px",
 				contentHeight: "345px",
 				customHeader: new VBox({
@@ -474,25 +513,18 @@ sap.ui.define([
 							enabled: "{languages>/isUpdated}",
 							press: function () {
 								var aLanguages = that._oTranslationPopover.getModel("languages").getData();
-								var oCurrentValueTranslations = deepClone(oConfig.valueTranslations, 500);
 								//get changes in the popup
-								var oValueTranslations = {};
 								var aUpdatedLanguages = [];
 								aLanguages.translatedLanguages.forEach(function(oLanguage) {
 									if (oLanguage.value !== oLanguage.originValue) {
-										oValueTranslations[oLanguage.key] = oLanguage.value;
+										oField.setTranslationValueInTexts(oLanguage.key, oConfig.manifestpath, oLanguage.value);
 										aUpdatedLanguages.push(oLanguage.key);
 									}
 								});
 								if (aLanguages.currentLanguage.value != aLanguages.currentLanguage.originValue) {
-									oValueTranslations[aLanguages.currentLanguage.key] = aLanguages.currentLanguage.value;
+									oField.setTranslationValueInTexts(aLanguages.currentLanguage.key, oConfig.manifestpath, aLanguages.currentLanguage.value);
 									aUpdatedLanguages.push(aLanguages.currentLanguage.key);
 								}
-								//merge the chanegs with existing translations
-								if (oValueTranslations !== {}) {
-									oConfig.valueTranslations = merge(oCurrentValueTranslations, oValueTranslations);
-									oConfig._changed = true;
-								}
 								if (aUpdatedLanguages.length > 0) {
 									that._aUpdatedLanguages = aUpdatedLanguages;
 								}
@@ -534,7 +566,7 @@ sap.ui.define([
 			oModel.setData(aTranslatedValues);
 			oModel.checkUpdate(true);
 		}
-		that._oTranslationPopover.openBy(oControl);
+		that._oTranslationPopover.openBy(oControl._oValueHelpIcon);
 	};
 
 	StringField.prototype.getGroupHeader = function(oGroup) {

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.ColorSelect
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.96.2
+	 * @version 1.98.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted
@@ -72,8 +72,14 @@ sap.ui.define([
 			var oButton = oControl.getAggregation("_button");
 			oRm.openStart("div");
 			oRm.addClass("sapUiIntegrationColorSelect");
-			oRm.writeClasses();
-			oRm.writeStyles();
+			if (!oControl._colorValue || oControl._colorValue === "transparent") {
+				oRm.addClass("noColorValueOrTransparentValue");
+			} else {
+				oRm.addClass("hasColorValue");
+			}
+			if (oControl._colorValue) {
+				oRm.addStyle("--colorValue", oControl._colorValue);
+			}
 			oRm.writeElementData(oControl);
 			oRm.openEnd();
 			oRm.renderControl(oButton);
@@ -148,32 +154,6 @@ sap.ui.define([
 		this._colorValue = "transparent";
 		this.setAggregation("_button", this._oButton);
 	};
-	ColorSelect.prototype.onBeforeRendering = function () {
-		if (!this._oStyle) {
-			this._oStyle = document.createElement("style");
-			this._oStyle.innerHTML = "#" + this.getId() + " .sapUiIcon::before { color: " + this._colorValue + " !important}";
-			document.body.appendChild(this._oStyle);
-		}
-		var oRule = this._oStyle.sheet.rules[0];
-		if (!this._colorValue || this._colorValue === "transparent") {
-			oRule.style.opacity = "0.5";
-			oRule.style.color = "transparent";
-			oRule.style.backgroundSize = "10px 10px";
-			oRule.style.backgroundPosition = "0px 0px, 0px 10px, 10px -10px, -10px 10px";
-			oRule.style.border = "1px dashed #808080";
-			oRule.style.padding = "0px 0px";
-			oRule.style.backgroundImage = "linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #ddd 75%), linear-gradient(-45deg, transparent 75%, #ddd 75%)";
-		} else {
-			oRule.style.textShadow = "unset";
-			oRule.style.opacity = "unset";
-			oRule.style.backgroundSize = "unset";
-			oRule.style.backgroundPosition = "unset";
-			oRule.style.border = "unset";
-			oRule.style.padding = "unset";
-			oRule.style.backgroundImage = "unset";
-			oRule.style.color = this._colorValue;
-		}
-	};
 
 	ColorSelect.prototype._openPalette = function () {
 		oCurrentInstance = this;

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.IconSelect
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.96.2
+	 * @version 1.98.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted
@@ -67,8 +67,6 @@ sap.ui.define([
 			if (oSelect && oControl.getWidth) {
 				oRm.addStyle("width", oSelect.getWidth());
 			}
-			oRm.writeClasses();
-			oRm.writeStyles();
 			oRm.writeElementData(oControl);
 			oRm.openEnd();
 			oRm.renderControl(oSelect);

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @alias sap.ui.integration.editor.fields.viz.ShapeSelect
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.96.2
+	 * @version 1.98.0
 	 * @private
 	 * @experimental since 1.84.0
 	 * @ui5-restricted
@@ -51,8 +51,6 @@ sap.ui.define([
 			var oSegmentedButton = oControl.getAggregation("_segmentedbutton");
 			oRm.openStart("div");
 			oRm.addClass("sapUiIntegrationShapeSelect");
-			oRm.writeClasses();
-			oRm.writeStyles();
 			oRm.writeElementData(oControl);
 			oRm.openEnd();
 			oRm.renderControl(oSegmentedButton);

package/src/sap/ui/integration/editor/languages.json

@@ -7,7 +7,7 @@
 	"cy-GB": "Cymraeg",
 	"da": "Dansk",
 	"de": "Deutsch",
-	"de-CH": "Deutsch (Schweiz)‎",
+	"de-CH": "Deutsch (Schweiz)",
 	"de-DE": "Deutsch (Deutschland)",
 	"el-GR": "Ελληνικά",
 	"en-GB": "English UK",
@@ -16,7 +16,7 @@
 	"es-MX": "Español de México",
 	"fi-FI": "Suomi",
 	"fr": "Français",
-	"fr-CA": "Français (Canada)‎",
+	"fr-CA": "Français (Canada)",
 	"fr-FR": "Français (France)",
 	"he-IL": "עברית",
 	"hi": "हिन्दी",

package/src/sap/ui/integration/formatters/DateTimeFormatter.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/integration/formatters/IconFormatter.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/integration/formatters/NumberFormatter.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

package/src/sap/ui/integration/formatters/TextFormatter.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 (function (window) {

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

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2021 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 /**
@@ -19,7 +19,7 @@ sap.ui.define([
 	// delegate further initialization of this library to the Core
 	sap.ui.getCore().initLibrary({
 		name: "sap.ui.integration",
-		version: "1.96.2",
+		version: "1.98.0",
 		dependencies: ["sap.ui.core", "sap.f", "sap.m"],
 		types: [
 			"sap.ui.integration.CardActionType",
@@ -28,6 +28,7 @@ sap.ui.define([
 		],
 		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"
@@ -48,7 +49,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.integration
 	 * @author SAP SE
-	 * @version 1.96.2
+	 * @version 1.98.0
 	 * @since 1.62
 	 * @public
 	 */
@@ -69,17 +70,33 @@ sap.ui.define([
 		 * @public
 		 */
 		Navigation: "Navigation",
+
 		/**
 		 * Used for submit actions
 		 * @public
 		 */
 		Submit: "Submit",
+
 		/**
 		 * Used for custom actions
 		 * @public
 		 * @experimental Since 1.76
 		 */
-		Custom: 'Custom'
+		Custom: "Custom",
+
+		/**
+		 * Date selection. Available only for Calendar cards.
+		 * @public
+		 * @experimental Since 1.87
+		 */
+		DateChange: "DateChange",
+
+		/**
+		 * Month selection. Available only for Calendar cards.
+		 * @public
+		 * @experimental Since 1.87
+		 */
+		MonthChange: "MonthChange"
 	};
 
 	/**

package/src/sap/ui/integration/messagebundle_ar.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=\u0627\u0644\u0648\u062C\u0647\u0627\u062A
 
 EDITOR_PARAMETERS_GENERALSETTINGS=\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0639\u0627\u0645\u0629
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=\u0627\u0644\u0644\u063A\u0629 \u0627\u0644\u0623\u0635\u0644\u064A\u0629
 
 EDITOR_CONTEXT_EMPTY_VAL=\u0644\u0627 \u0634\u064A\u0621

package/src/sap/ui/integration/messagebundle_bg.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=\u041C\u0435\u0441\u0442\u043E\u043D\u0430\u0437\u043D\u0430
 
 EDITOR_PARAMETERS_GENERALSETTINGS=\u041E\u0431\u0449\u0438 \u043D\u0430\u0441\u0442\u0440\u043E\u0439\u043A\u0438
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=\u041E\u0440\u0438\u0433\u0438\u043D\u0430\u043B\u0435\u043D \u0435\u0437\u0438\u043A
 
 EDITOR_CONTEXT_EMPTY_VAL=\u041D\u044F\u043C\u0430

package/src/sap/ui/integration/messagebundle_ca.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=Destinacions
 
 EDITOR_PARAMETERS_GENERALSETTINGS=Configuracions generals
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=Idioma original
 
 EDITOR_CONTEXT_EMPTY_VAL=Cap

package/src/sap/ui/integration/messagebundle_cs.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=C\u00EDle
 
 EDITOR_PARAMETERS_GENERALSETTINGS=V\u0161eobecn\u00E1 nastaven\u00ED
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=Origin\u00E1ln\u00ED jazyk
 
 EDITOR_CONTEXT_EMPTY_VAL=\u017D\u00E1dn\u00E9

package/src/sap/ui/integration/messagebundle_cy.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=Cyrchfannau
 
 EDITOR_PARAMETERS_GENERALSETTINGS=Gosodiadau Cyffredinol
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=Iaith Wreiddiol
 
 EDITOR_CONTEXT_EMPTY_VAL=Dim

package/src/sap/ui/integration/messagebundle_da.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=Destinationer
 
 EDITOR_PARAMETERS_GENERALSETTINGS=Generelle indstillinger
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=Originalsprog
 
 EDITOR_CONTEXT_EMPTY_VAL=Ingen

package/src/sap/ui/integration/messagebundle_de.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=Destinationen
 
 EDITOR_PARAMETERS_GENERALSETTINGS=Allgemeine Einstellungen
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=Originalsprache
 
 EDITOR_CONTEXT_EMPTY_VAL=Keine

package/src/sap/ui/integration/messagebundle_el.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=\u03A0\u03C1\u03BF\u03BF\u03C1\u03B9\u03C3\u03BC\u03BF\u03AF
 
 EDITOR_PARAMETERS_GENERALSETTINGS=\u0393\u03B5\u03BD\u03B9\u03BA\u03AD\u03C2 \u03A1\u03C5\u03B8\u03BC\u03AF\u03C3\u03B5\u03B9\u03C2
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=\u0391\u03C1\u03C7\u03B9\u03BA\u03AE \u0393\u03BB\u03CE\u03C3\u03C3\u03B1
 
 EDITOR_CONTEXT_EMPTY_VAL=\u039A\u03B1\u03BC\u03AF\u03B1

package/src/sap/ui/integration/messagebundle_en.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=Destinations
 
 EDITOR_PARAMETERS_GENERALSETTINGS=General Settings
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=Original Language
 
 EDITOR_CONTEXT_EMPTY_VAL=None

package/src/sap/ui/integration/messagebundle_en_GB.properties

@@ -23,6 +23,10 @@ EDITOR_DESTINATIONS=Destinations
 
 EDITOR_PARAMETERS_GENERALSETTINGS=General Settings
 
+EDITOR_GROUP_ERRORS=Errors exist, please check.
+
+EDITOR_GROUP_WARNINGS=Warnings exist, please check.
+
 EDITOR_ORIGINALLANG=Original Language
 
 EDITOR_CONTEXT_EMPTY_VAL=None