@openui5/sap.ui.rta 1.108.0 → 1.109.0

package/src/sap/ui/rta/plugin/LocalReset.js

@@ -8,6 +8,7 @@ sap.ui.define([
 	"sap/ui/rta/plugin/Plugin",
 	"sap/ui/dt/Util",
 	"sap/ui/fl/Utils",
+	"sap/ui/fl/apply/api/ControlVariantApplyAPI",
 	"sap/ui/fl/write/api/LocalResetAPI",
 	"sap/ui/rta/command/CompositeCommand",
 	"sap/m/MessageToast",
@@ -16,6 +17,7 @@ sap.ui.define([
 	Plugin,
 	DtUtil,
 	FlUtils,
+	ControlVariantApplyAPI,
 	LocalResetAPI,
 	CompositeCommand,
 	MessageToast,
@@ -35,7 +37,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.90
@@ -85,7 +87,7 @@ sap.ui.define([
 		var oRelevantElement = oAction.changeOnRelevantContainer ? oElementOverlay.getRelevantContainer() : oElement;
 		var oRelevantOverlay = OverlayRegistry.getOverlay(oRelevantElement);
 		var oAppComponent = FlUtils.getAppComponentForControl(oRelevantElement);
-		var oVariantModel = oAppComponent.getModel(FlUtils.VARIANT_MODEL_NAME);
+		var oVariantModel = oAppComponent.getModel(ControlVariantApplyAPI.getVariantModelName());
 		var sCurrentVariant = getCurrentVariant(oVariantModel, this.getVariantManagementReference(oRelevantOverlay));
 		return (
 			bIsActionEnabled
@@ -122,7 +124,7 @@ sap.ui.define([
 		var oDesignTimeMetadata = oOverlay.getDesignTimeMetadata();
 		var sVariantManagementReference = this.getVariantManagementReference(oOverlay);
 		var oAppComponent = FlUtils.getAppComponentForControl(oElement);
-		var oVariantModel = oAppComponent.getModel(FlUtils.VARIANT_MODEL_NAME);
+		var oVariantModel = oAppComponent.getModel(ControlVariantApplyAPI.getVariantModelName());
 		var sCurrentVariant = getCurrentVariant(oVariantModel, sVariantManagementReference);
 		var bHasVariant = !!sCurrentVariant;
 		var oVariantManagementControl = bHasVariant

package/src/sap/ui/rta/plugin/Plugin.js

@@ -69,7 +69,7 @@ function(
 	 * @extends sap.ui.dt.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/plugin/RTAElementMover.js

@@ -35,7 +35,7 @@ function(
 	 * The RTAElementMover is responsible for the RTA specific adaptation of element movements.
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/plugin/Remove.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @class The Remove allows trigger remove operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.34

package/src/sap/ui/rta/plugin/Rename.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.plugin.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/plugin/RenameHandler.js

@@ -57,7 +57,7 @@ sap.ui.define([
 	 * Provides Rename handling functionality
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private
@@ -187,7 +187,7 @@ sap.ui.define([
 
 			this.setOldValue(RenameHandler._getCurrentEditableFieldText.call(this));
 
-			DOMUtil.copyComputedStyle(this._$oEditableControlDomRef, this._$editableField);
+			DOMUtil.copyComputedStyle(this._$oEditableControlDomRef.get(0), this._$editableField.get(0));
 			this._$editableField.children().remove();
 			this._$editableField.css("visibility", "hidden");
 

package/src/sap/ui/rta/plugin/Resize.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.101

package/src/sap/ui/rta/plugin/Selection.js

@@ -30,7 +30,7 @@ function (
 	 * @class The Selection plugin allows you to select or focus overlays with mouse or keyboard and navigate to others.
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.34

package/src/sap/ui/rta/plugin/Settings.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @class The Settings allows trigger change of settings operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.44

package/src/sap/ui/rta/plugin/Split.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.46

package/src/sap/ui/rta/plugin/Stretch.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.plugin.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/plugin/additionalElements/ActionExtractor.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * handled by the AdditionalElements Plugin (Reveal, Add Via Delegate, Add Custom)
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @since 1.94
 	 * @experimental Since 1.94. This class is experimental and provides only limited functionality. Also the API might be changed in future.

package/src/sap/ui/rta/plugin/additionalElements/AddElementsDialog.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @class Context - Dialog for available Fields in Runtime Authoring
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.44

package/src/sap/ui/rta/plugin/additionalElements/AdditionalElementsPlugin.js

@@ -75,7 +75,7 @@ sap.ui.define([
 	 * @class The plugin allows to add additional elements that exist either hidden in the UI or in the OData service
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.44

package/src/sap/ui/rta/plugin/additionalElements/AdditionalElementsUtils.js

@@ -15,7 +15,7 @@ sap.ui.define([
 	 * Helper object containing methods for the AdditionalElements plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @since 1.94
 	 * @experimental Since 1.94. This class is experimental and provides only limited functionality. Also the API might be changed in future.

package/src/sap/ui/rta/plugin/additionalElements/CommandBuilder.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * Helper object to build the RTA commands resulting from the AdditionalElements Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @since 1.94
 	 * @experimental Since 1.94. This class is experimental and provides only limited functionality. Also the API might be changed in future.

package/src/sap/ui/rta/plugin/iframe/AddIFrame.js

@@ -110,7 +110,7 @@ sap.ui.define([
 	 * @class The AddIFrame allows trigger AddIFrame operations on the overlay.
 	 * @extends sap.ui.rta.plugin.BaseCreate
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.75

package/src/sap/ui/rta/plugin/iframe/AddIFrameDialog.js

@@ -113,7 +113,7 @@ sap.ui.define([
 	 * @class Context - Dialog for IFrame settings in Runtime Authoring
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.78

package/src/sap/ui/rta/service/Action.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	 *

package/src/sap/ui/rta/service/ControllerExtension.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	*/
@@ -117,7 +117,7 @@ sap.ui.define([
 				 *
 				 * @method sap.ui.rta.service.ControllerExtension.getTemplate
 				 * @param {string} sViewId - ID of the view whose template should be retrieved
-				 * @return {Promise} Promise that resolves with the template as string or rejects when the file was not found
+				 * @return {Promise<string>} Promise that resolves with the template as string or rejects when the file was not found
 				 * @public
 				 */
 				getTemplate: function(sViewId) {

package/src/sap/ui/rta/service/Outline.js

@@ -44,7 +44,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.56
 	 * @since 1.56
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	 */

package/src/sap/ui/rta/service/Property.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	*/

package/src/sap/ui/rta/service/Selection.js

@@ -15,7 +15,7 @@ sap.ui.define(function () {
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	*/

package/src/sap/ui/rta/service/SupportTools.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.106
 	 * @since 1.106
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	 */

package/src/sap/ui/rta/themes/base/Toolbar.adaptation.less

@@ -2,6 +2,7 @@
 	Style of the RTA Toolbar (type: adaptation) - base Theme
 *******************************************************************/
 @_sap_ui_rta_Toolbar_Adaptation_BaseColor: darken(desaturate(@sapUiChart1, 48%), 14%); //#435060
+@_sap_ui_rta_Toolbar_Adaptation_BaseColorLight: lighten(@_sap_ui_rta_Toolbar_Adaptation_BaseColor, 5%); //#4d5d6f
 @_sap_ui_rta_Toolbar_Adaptation_TextColor: @sapUiTextInverted; //#fff
 @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiTextInverted; //#fff
 @_sap_ui_rta_Toolbar_Adaptation_BtnHoverBG: @sapUiSegmentedButtonHoverBackground; //#ec8b46
@@ -164,12 +165,10 @@
 
 	.sapUiRtaVersionHistory {
 		background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
-		border: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_TextColor; //2px
-		border-image: repeating-linear-gradient(-45deg, @_sap_ui_rta_Toolbar_Adaptation_BaseColor, @_sap_ui_rta_Toolbar_Adaptation_BaseColor 0.25rem, @_sap_ui_rta_Toolbar_Adaptation_TextColor 0.25rem, @_sap_ui_rta_Toolbar_Adaptation_TextColor 0.375rem) 4;
-		box-shadow: 0 0.625rem 1.25rem fade(@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 19),
-		0 0.375rem 0.375rem fade(@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 23),
+		box-shadow: 0.375rem 0.625rem 2rem fade(@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 30),
+		0.125rem 0.375rem 1rem fade(@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor, 60),
 		0 0 0 0.0625rem fade(@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor, 20),
-		0 0.0625rem 0 0 fade(@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor, 20);
+		0 0.0625rem 0 0 fade(@_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor, 20); //10px 20px 6px 6px 1px 1px
 
 		.sapMGHLITitle {
 			color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
@@ -192,9 +191,24 @@
 		}
 
 		.sapUiRtaVersionsList {
-			border-bottom: 0.05rem solid @_sap_ui_rta_Toolbar_Adaptation_TextColor;
-			ul > li:first-child.sapMLIBFocusable:focus {
-				outline: none;
+			border-bottom: 0.125rem solid @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+			.sapMLIBTypeInactive {
+				&.sapMLIBFocusable:focus {
+					outline: none;
+				}
+				.sapMLIBContent {
+					margin-top: -1rem;
+				}
+				.sapMGHLITitle {
+					cursor: default;
+					text-align: center;
+					width: 100%;
+				}
+			}
+			.sapMListUl .sapMLIB.sapMGHLI {
+				border-bottom: 0.0625rem solid @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+				background: @_sap_ui_rta_Toolbar_Adaptation_BaseColorLight;
+				box-shadow: none;
 			}
 		}
 
@@ -219,13 +233,16 @@
 			cursor: pointer;
 		}
 
-		.sapMPopoverArr:after,
 		.sapMFeedListShowSeparatorsAll.sapMLIB,
 		.sapMListTblCell,
 		.sapMListTblNavCol {
 			background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
 			border: 0;
 		}
+		.sapMPopoverArr:after {
+			background-color: lighten(@_sap_ui_rta_Toolbar_Adaptation_BaseColor, 10%);
+			border: 0;
+		}
 
 		.sapMLIBFocusable:focus {
 			outline: 0.0625rem dotted @_sap_ui_rta_Toolbar_Adaptation_TextColor;

package/src/sap/ui/rta/toolbar/Adaptation.fragment.xml

@@ -149,17 +149,6 @@
 						<OverflowToolbarLayoutData priority="NeverOverflow" />
 					</layoutData>
 				</Button>
-				<toolbar:OverflowToolbarButton
-						id="sapUiRta_publish"
-						enabled="{controls>/publishEnabled}"
-						visible="{= (${controls>/publishVisible} &amp;&amp; !${versions>/versioningEnabled} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
-						press=".publish"
-						type="Transparent"
-						text="{i18n>BTN_PUBLISH}" >
-					<toolbar:layoutData>
-						<OverflowToolbarLayoutData priority="High" />
-					</toolbar:layoutData>
-				</toolbar:OverflowToolbarButton>
 				<toolbar:OverflowToolbarButton
 						id="sapUiRta_restore"
 						enabled="{controls>/restoreEnabled}"

package/src/sap/ui/rta/toolbar/Adaptation.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.toolbar.Base
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private
@@ -57,7 +57,6 @@ sap.ui.define([
 				exit: {},
 				save: {},
 				restore: {},
-				transport: {},
 				publishVersion: {},
 				modeChange: {},
 				activate: {},
@@ -213,7 +212,6 @@ sap.ui.define([
 				saveAsContextBasedAdaptation: onSaveAsContextBasedAdaptation.bind(this),
 				formatSaveAsEnabled: formatSaveAsEnabled,
 				restore: this.eventHandler.bind(this, "Restore"),
-				publish: this.eventHandler.bind(this, "Transport"),
 				publishVersion: this.eventHandler.bind(this, "PublishVersion"),
 				exit: this.eventHandler.bind(this, "Exit"),
 				formatVersionButtonText: this.formatVersionButtonText.bind(this),

package/src/sap/ui/rta/toolbar/Base.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.HBox
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/Fiori.js

@@ -32,7 +32,7 @@ function(
 	 * @extends sap.ui.rta.toolbar.Adaptation
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/FioriLike.js

@@ -20,7 +20,7 @@ function(
 	 * @extends sap.ui.rta.toolbar.Adaptation
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/OverflowToolbarButton.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.OverflowToolbarButton
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/Personalization.js

@@ -22,7 +22,7 @@ function(
 	 * @extends sap.ui.rta.toolbar.Base
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/Standalone.js

@@ -20,7 +20,7 @@ function(
 	 * @extends sap.ui.rta.toolbar.Adaptation
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/contextBased/SaveAsContextBasedAdaptation.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @class
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/translation/Translation.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @class
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/toolbar/versioning/Versioning.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @class
 	 *
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/util/PluginManager.js

@@ -68,7 +68,7 @@ sap.ui.define([
 	 * Constructor for a new sap.ui.rta.util.PluginManager
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.86

package/src/sap/ui/rta/util/PopupManager.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * Constructor for a new sap.ui.rta.util.PopupManager
 	 * @extends sap.ui.base.ManagedObject
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @constructor
 	 * @private
 	 * @since 1.48

package/src/sap/ui/rta/util/ReloadManager.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @namespace sap.ui.rta.util.ReloadManager
 	 * @alias sap.ui.rta.util.ReloadManager
 	 * @since 1.104
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @ui5-restricted
 	 */

package/src/sap/ui/rta/util/ServiceEventBus.js

@@ -19,7 +19,7 @@ function(
 	 *
 	 * @extends sap.ui.core.EventBus
 	 * @author SAP SE
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 * @since 1.56.0
 	 * @alias sap.ui.rta.util.ServiceEventBus

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicator.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeIndicator
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 */
 	var ChangeIndicator = Control.extend("sap.ui.rta.util.changeVisualization.ChangeIndicator", {
@@ -372,6 +372,7 @@ sap.ui.define([
 			this._iOldTabIndex = this.getDomRef().getAttribute("tabindex");
 			Fragment.load({
 				name: "sap.ui.rta.util.changeVisualization.ChangeIndicatorPopover",
+				id: this.sId + "Info",
 				controller: this
 			}).then(function(oPopover) {
 				oPopover._bOpenedByChangeIndicator = true;

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicatorCategorySelection.fragment.xml

@@ -4,20 +4,21 @@
 	xmlns:l="sap.ui.layout">
 	<Popover
 		showHeader="false"
-		placement="Bottom">
+		placement="Bottom"
+		id="popover">
 		<SegmentedButton selectedKey="satellite" width="420px" selectionChange=".onVersioningCategoryChange">
 			<items>
-				<SegmentedButtonItem 
-					text="{i18n>BUT_CHANGEVISUALIZATION_VERSIONING_ALL}" 
+				<SegmentedButtonItem
+					text="{i18n>BUT_CHANGEVISUALIZATION_VERSIONING_ALL}"
 					key="all"/>
-				<SegmentedButtonItem 
-					text="{i18n>BUT_CHANGEVISUALIZATION_VERSIONING_DRAFT}" 
-					key="draft" 
-					visible="{visualizationModel>/versioningAvailable}" 
+				<SegmentedButtonItem
+					text="{i18n>BUT_CHANGEVISUALIZATION_VERSIONING_DRAFT}"
+					key="draft"
+					visible="{visualizationModel>/versioningAvailable}"
 					enabled="{= ${visualizationModel>/hasDraftChanges} ||  ${visualizationModel>/hasDirtyChanges}}"/>
-				<SegmentedButtonItem 
+				<SegmentedButtonItem
 					text="{i18n>BUT_CHANGEVISUALIZATION_VERSIONING_DIRTY}"
-					key="dirty" 
+					key="dirty"
 					enabled="{visualizationModel>/hasDirtyChanges}"/>
 			</items>
 		</SegmentedButton>

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicatorPopover.fragment.xml

@@ -5,6 +5,7 @@
 	<Popover
 		showHeader="false"
 		placement="PreferredTopOrFlip"
+		id="popover"
 		class="sapUiRtaPopover sapUiRtaChangeVisualizationPopover">
 		<Table
 			ariaLabelledBy="Changes"

package/src/sap/ui/rta/util/changeVisualization/ChangeIndicatorRegistry.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeIndicatorRegistry
 	 * @author SAP SE
 	 * @since 1.86.0
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 */
 	var ChangeIndicatorRegistry = ManagedObject.extend("sap.ui.rta.util.changeVisualization.ChangeIndicatorRegistry", {
@@ -196,7 +196,7 @@ sap.ui.define([
 
 			if (oChange.getState() === "NEW") {
 				aChangeStates = [ChangeStates.DIRTY, ChangeStates.DRAFT];
-			} else if (aDraftChangesList && aDraftChangesList.includes(oChange.getFileName())) {
+			} else if (aDraftChangesList && aDraftChangesList.includes(oChange.getId())) {
 				aChangeStates = [ChangeStates.DRAFT];
 			} else {
 				aChangeStates = [ChangeStates.ACTIVATED];

package/src/sap/ui/rta/util/changeVisualization/ChangeVisualization.js

@@ -59,7 +59,7 @@ sap.ui.define([
 	 * @alias sap.ui.rta.util.changeVisualization.ChangeVisualization
 	 * @author SAP SE
 	 * @since 1.84.0
-	 * @version 1.108.0
+	 * @version 1.109.0
 	 * @private
 	 */
 	var ChangeVisualization = Control.extend("sap.ui.rta.util.changeVisualization.ChangeVisualization", {
@@ -228,7 +228,7 @@ sap.ui.define([
 		if (!oPopover) {
 			Fragment.load({
 				name: "sap.ui.rta.util.changeVisualization.ChangeIndicatorCategorySelection",
-				id: this._getComponent().createId("changeVisualization_changesListPopover"),
+				id: this._getComponent().createId("changeVisualization_changesList"),
 				controller: this
 			})
 				.then(function(oPopover) {