@openui5/sap.ui.rta 1.103.1 → 1.106.0

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.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.0
 	 * @private
 	 * @ui5-restricted
 	*/
@@ -96,20 +96,19 @@ sap.ui.define([
 					sModuleName += "/changes/";
 					sModuleName += sCodeRef.replace(/\.js/g, "");
 					var oChangeSpecificData = {
-						content: {
-							codeRef: sCodeRef
-						},
-						selector: {
-							controllerName: sControllerName
-						},
+						codeRef: sCodeRef,
+						controllerName: sControllerName,
 						changeType: "codeExt",
+						layer: oFlexSettings.layer,
 						namespace: oFlexSettings.namespace,
-						moduleName: sModuleName
+						reference: sReference,
+						moduleName: sModuleName,
+						generator: "rta.service.ControllerExtension"
 					};
 
 					var oPreparedChange = ChangesWriteAPI.create({changeSpecificData: oChangeSpecificData, selector: oAppComponent});
 					PersistenceWriteAPI.add({change: oPreparedChange, selector: oAppComponent});
-					return oPreparedChange.getDefinition();
+					return oPreparedChange.convertToFileContent();
 				},
 
 				/**

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

@@ -42,7 +42,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.56
 	 * @since 1.56
-	 * @version 1.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.0
 	 * @private
 	 * @ui5-restricted
 	*/

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

@@ -0,0 +1,189 @@
+/*!
+ * OpenUI5
+ * (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([
+	"sap/ui/core/Core",
+	"sap/ui/core/util/reflection/JsControlTreeModifier",
+	"sap/ui/fl/write/api/ChangesWriteAPI"
+], function(
+	Core,
+	JsControlTreeModifier,
+	ChangesWriteAPI
+) {
+	"use strict";
+
+	/**
+	 * Service to register message event listeners for the communication with the
+	 * Flex Support web extension.
+	 *
+	 * This is implemented as a service and not as part of the injected script because
+	 * there is no easy way to retrieve the RuntimeAuthoring instance otherwise.
+	 *
+	 * @namespace
+	 * @name sap.ui.rta.service.SupportTools
+	 * @author SAP SE
+	 * @experimental Since 1.106
+	 * @since 1.106
+	 * @version 1.106.0
+	 * @private
+	 * @ui5-restricted
+	 */
+
+	function getPluginChangeHandler(oPlugin, oElementOverlay, oRta) {
+		var oAction = oPlugin.getAction(oElementOverlay);
+		if (oAction && oAction.changeType) {
+			var oElement = oAction.changeOnRelevantContainer
+				? oElementOverlay.getRelevantContainer()
+				: oElementOverlay.getElement();
+			return ChangesWriteAPI.getChangeHandler({
+				changeType: oAction.changeType,
+				element: oElement,
+				modifier: JsControlTreeModifier,
+				layer: oRta.getLayer()
+			})
+				.then(function(oChangeHandler) {
+					return oChangeHandler;
+				})
+				.catch(function() {
+					return;
+				});
+		}
+		return Promise.resolve(undefined);
+	}
+
+	function isPluginForSibling(sPluginName) {
+		if (sPluginName.endsWith(".asSibling")) {
+			return true;
+		}
+		if (sPluginName.endsWith(".asChild")) {
+			return false;
+		}
+		return undefined;
+	}
+
+	function getPluginByName(oRta, sPluginName) {
+		var bIsSibling = isPluginForSibling(sPluginName);
+		var oAllPlugins = oRta.getPlugins();
+		return Object.values(oAllPlugins).find(function(oPlugin) {
+			var sName = oPlugin._retrievePluginName
+				? oPlugin._retrievePluginName(bIsSibling)
+				: oPlugin.getMetadata().getName();
+			return sName === sPluginName;
+		});
+	}
+
+	/*
+	 * Returns information about an overlay, namely:
+	 *  For every plugin that is part of the "editableByPlugins"
+	 *  aggregation, we return the plugin name and the result for
+	 *  isAvailable(). If the change handler can be determined, we
+	 *  return this information, which enables a button allowing the
+	 *  key user to print the change handler to the console.
+	 *
+	 * @method sap.ui.rta.service.SupportTools.getOverlayInfo
+	 * @param {sap.ui.rta.RuntimeAuthoring} oRta - Instance of the RuntimeAuthoring class
+	 * @param {object} mPayload - Property Bag
+	 * @param {string} mPayload.overlayId
+	 */
+	function getOverlayInfo(oRta, mPayload) {
+		var oOverlay = Core.byId(mPayload.overlayId);
+		var oElement = oOverlay.getElement();
+
+		return Promise.all(oOverlay.getEditableByPlugins().map(function(sPluginName) {
+			var oInstance = getPluginByName(oRta, sPluginName);
+			var bIsSibling = isPluginForSibling(sPluginName);
+
+			return getPluginChangeHandler(oInstance, oOverlay, oRta)
+				.then(function(oChangeHandler) {
+					return {
+						name: sPluginName,
+						isAvailable: oInstance.isAvailable([oOverlay], bIsSibling),
+						hasChangeHandler: !!oChangeHandler
+					};
+				});
+		}))
+			.then(function(aPlugins) {
+				return {
+					elementId: oElement.getId(),
+					elementControlType: oElement.getMetadata().getName(),
+					overlayId: oOverlay.getId(),
+					plugins: aPlugins
+				};
+			});
+	}
+
+	function printChangeHandler(oRta, mPayload) {
+		var oOverlay = Core.byId(mPayload.overlayId);
+		var oPlugin = getPluginByName(oRta, mPayload.pluginName);
+		getPluginChangeHandler(oPlugin, oOverlay, oRta)
+			.then(console.log); // eslint-disable-line no-console
+	}
+
+	// List of supported handlers
+	var mHandlers = {
+		getOverlayInfo: {
+			handler: getOverlayInfo,
+			returnMessageType: "overlayInfo",
+			id: "ui5FlexibilitySupport.submodules.overlayInfo"
+		},
+		printChangeHandler: {
+			handler: printChangeHandler,
+			id: "ui5FlexibilitySupport.submodules.overlayInfo"
+		}
+	};
+
+	/*
+	 * Event handler for the messages sent by the support extension.
+	 *
+	 * Messages are contained in oEvent.data - the following properties
+	 * are sent:
+	 *  - type: specifies, what action should be taken. Possible values:
+	 *   - getOverlayInfo (request information about an overlay)
+	 *   - printChangeHandler (a specified change handler object is to be printed to the console)
+	 * - content: type-specific information, e.g. for getOverlayInfo, an 'overlayId' is provided
+	 *
+	 * @method sap.ui.rta.service.SupportTools.onMessageReceived
+	 * @param {sap.ui.rta.RuntimeAuthoring} oRta - Instance of the RuntimeAuthoring class
+	 * @param {object} oEvent - Event thrown by the browser on received message
+	 */
+	function onMessageReceived(oRta, oEvent) {
+		if (oEvent.source !== window) {
+			return;
+		}
+
+		var aHandler = Object.entries(mHandlers).find(function(aEntry) {
+			return (
+				aEntry[0] === oEvent.data.type
+				&& aEntry[1].id === oEvent.data.id
+			);
+		});
+		var mHandler = aHandler && aHandler[1];
+
+		if (mHandler) {
+			Promise.resolve(mHandler.handler(oRta, oEvent.data.content))
+				.then(function(oResult) {
+					if (mHandler.returnMessageType) {
+						oEvent.source.postMessage({
+							id: mHandler.id,
+							type: mHandler.returnMessageType,
+							content: oResult
+						});
+					}
+				});
+		}
+	}
+
+	return function(oRta) {
+		var fnOnMessageReceivedBound = onMessageReceived.bind(null, oRta);
+		window.addEventListener("message", fnOnMessageReceivedBound);
+
+		return {
+			destroy: function() {
+				window.removeEventListener("message", fnOnMessageReceivedBound);
+			}
+		};
+	};
+});

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

@@ -8,11 +8,12 @@ sap.ui.define(function () {
 	"use strict";
 
 	return Object.freeze({
-		selection: 'sap.ui.rta.service.Selection',
-		receiver: 'sap.ui.rta.service.Receiver',
-		controllerExtension: 'sap.ui.rta.service.ControllerExtension',
-		outline: 'sap.ui.rta.service.Outline',
-		action: 'sap.ui.rta.service.Action',
-		property: 'sap.ui.rta.service.Property'
+		selection: "sap.ui.rta.service.Selection",
+		receiver: "sap.ui.rta.service.Receiver",
+		controllerExtension: "sap.ui.rta.service.ControllerExtension",
+		outline: "sap.ui.rta.service.Outline",
+		action: "sap.ui.rta.service.Action",
+		property: "sap.ui.rta.service.Property",
+		supportTools: "sap.ui.rta.service.SupportTools"
 	});
 });

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

@@ -6,13 +6,14 @@
 @_sap_ui_rta_Toolbar_Adaptation_BtnFocusBorder: @sapUiTextInverted; //#fff
 @_sap_ui_rta_Toolbar_Adaptation_BtnHoverBG: @sapUiSegmentedButtonHoverBackground; //#ec8b46
 @_sap_ui_rta_Toolbar_Adaptation_BorderColor: @sapUiLightBorder; //#808080
-@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: @sapUiHighlight; // #ec8b46
-@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: @sapUiPositiveText; // #b5e7a8
+@_sap_ui_rta_Toolbar_Adaptation_DraftVersionColor: lighten(@sapUiActive, 20%); //#f5c5a3
+@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor: lighten(@sapUiContentHelpColor, 66%); //#b7ffb7
 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_DarkColor: @sapUiDarkShadowTint; // #000
 @_sap_ui_rta_Toolbar_Adaptation_BoxShadow_LightColor: @sapUiLightShadowTint; // #fff
 @_sap_ui_rta_Toolbar_Adaptation_BtnHoverText: @sapUiTextInverted; //#fff
 @_sap_ui_rta_Toolbar_Adaptation_SegBBtnHoverTextColor: @sapUiTextInverted; //#fff
 @_sap_ui_rta_Toolbar_Adaptation_FocusOutlineCol: @sapUiTextInverted; //#fff
+@_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover: darken(@_sap_ui_rta_Toolbar_Adaptation_BaseColor, 5%);
 
 .sapUiRtaMode {
 
@@ -192,6 +193,9 @@
 
 		.sapUiRtaVersionsList {
 			border-bottom: 0.05rem solid @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+			ul > li:first-child.sapMLIBFocusable:focus {
+				outline: none;
+			}
 		}
 
 		.sapMLIBHighlightSuccess ~ .sapMLIBContent .sapMFeedListItemTextString {
@@ -200,17 +204,19 @@
 
 		.sapMLIBHighlightSuccess ~ .sapMLIBContent .sapMFeedListItemInfoText,
 		.sapMLIBHighlightSuccess ~ .sapMLIBContent .sapMFeedListItemTimestampText {
-			color: darken(@_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor, 10%);
+			color: @_sap_ui_rta_Toolbar_Adaptation_ActiveVersionColor;
 		}
 
 		.sapMFeedListItemTextString {
 			color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+			cursor: pointer;
 		}
 
 		.sapMFeedListItemFooter,
 		.sapMFeedListItemTimestampText,
 		.sapMFeedListItemInfoText {
-			color: darken(@_sap_ui_rta_Toolbar_Adaptation_TextColor, 20%);
+			color: @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+			cursor: pointer;
 		}
 
 		.sapMPopoverArr:after,
@@ -220,6 +226,15 @@
 			background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
 			border: 0;
 		}
+
+		.sapMLIBFocusable:focus {
+			outline: 0.0625rem dotted @_sap_ui_rta_Toolbar_Adaptation_TextColor;
+			outline-offset: calc(-0.0625rem - 0.0625rem);
+		}
+
+		.sapMLIBHoverable:hover {
+			background: @_sap_ui_rta_Toolbar_Adaptation_VersionHistoryHover;
+		}
 	}
 }
 

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

@@ -119,7 +119,7 @@
 				<Button
 						id="sapUiRta_toggleChangeVisualizationMenuButton"
 						visible="{= ${controls>/modeSwitcher} === 'visualization'}"
-						text="{visualizationModel>/commandCategoryText}"
+						text="{visualizationModel>/changeCategoryText}"
 						type="Transparent"
 						icon="sap-icon://slim-arrow-down"
 						iconFirst="false"
@@ -204,6 +204,16 @@
 						<OverflowToolbarLayoutData priority="Low" />
 					</layoutData>
 				</MenuButton>
+				<toolbar:OverflowToolbarButton
+						id="sapUiRta_saveAsContextBasedAdaptation"
+						visible="{= (${controls>/contextBasedAdaptationVisible} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
+						press=".saveAsContextBasedAdaptation"
+						type="Transparent"
+						text="{i18n>BTN_SAVE_AS}" >
+					<toolbar:layoutData>
+						<OverflowToolbarLayoutData priority="Low" />
+					</toolbar:layoutData>
+				</toolbar:OverflowToolbarButton>
 				<toolbar:OverflowToolbarButton
 						id="sapUiRta_saveAs"
 						visible="{= (${controls>/saveAsVisible} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"

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

@@ -7,19 +7,23 @@
 sap.ui.define([
 	"sap/ui/core/Fragment",
 	"sap/ui/fl/write/api/Version",
+	"sap/ui/rta/toolbar/contextBased/SaveAsContextBasedAdaptation",
 	"sap/ui/rta/toolbar/translation/Translation",
 	"sap/ui/rta/toolbar/versioning/Versioning",
 	"sap/ui/rta/appVariant/Feature",
 	"sap/ui/rta/toolbar/Base",
-	"sap/ui/Device"
+	"sap/ui/Device",
+	"./AdaptationRenderer"
 ], function(
 	Fragment,
 	Version,
+	SaveAsContextBasedAdaptation,
 	Translation,
 	Versioning,
 	AppVariantFeature,
 	Base,
-	Device
+	Device,
+	AdaptationRenderer
 ) {
 	"use strict";
 
@@ -31,7 +35,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.toolbar.Base
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @private
@@ -40,7 +44,7 @@ sap.ui.define([
 	 * @experimental Since 1.48. This class is experimental. API might be changed in future.
 	 */
 	var Adaptation = Base.extend("sap.ui.rta.toolbar.Adaptation", {
-		renderer: "sap.ui.rta.toolbar.AdaptationRenderer",
+		renderer: AdaptationRenderer,
 		animation: true,
 		metadata: {
 			library: "sap.ui.rta",
@@ -205,6 +209,7 @@ sap.ui.define([
 				manageApps: onManageAppsPressed.bind(this),
 				appVariantOverview: onOverviewPressed.bind(this),
 				saveAs: onSaveAsPressed.bind(this),
+				saveAsContextBasedAdaptation: onSaveAsContextBasedAdaptation.bind(this),
 				formatSaveAsEnabled: formatSaveAsEnabled,
 				restore: this.eventHandler.bind(this, "Restore"),
 				publish: this.eventHandler.bind(this, "Transport"),
@@ -237,6 +242,10 @@ sap.ui.define([
 		AppVariantFeature.onSaveAs(true, true, this.getRtaInformation().flexSettings.layer, null);
 	}
 
+	function onSaveAsContextBasedAdaptation() {
+		this.getExtension("adaptation", SaveAsContextBasedAdaptation).openAddAdaptationDialog(this.getRtaInformation().flexSettings.layer);
+	}
+
 	function onOverviewPressed(oEvent) {
 		var oItem = oEvent.getParameter("item");
 		var bTriggeredForKeyUser = oItem.getId().endsWith("keyUser");

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

@@ -8,12 +8,14 @@ sap.ui.define([
 	"sap/m/HBox",
 	"sap/ui/dt/util/ZIndexManager",
 	"sap/ui/model/resource/ResourceModel",
-	"sap/ui/rta/util/Animation"
+	"sap/ui/rta/util/Animation",
+	"./BaseRenderer"
 ], function(
 	HBox,
 	ZIndexManager,
 	ResourceModel,
-	Animation
+	Animation,
+	BaseRenderer
 ) {
 	"use strict";
 
@@ -25,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.HBox
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @private
@@ -85,7 +87,9 @@ sap.ui.define([
 		 * added/removed during show/hide calls.
 		 * @type {boolean}
 		 */
-		animation: false
+		animation: false,
+
+		renderer: BaseRenderer
 	});
 
 	/**

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

@@ -32,7 +32,7 @@ function(
 	 * @extends sap.ui.rta.toolbar.Adaptation
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.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.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @private

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

@@ -0,0 +1,132 @@
+/*!
+ * OpenUI5
+ * (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([
+	"sap/ui/base/ManagedObject",
+	"sap/ui/core/Fragment",
+	"sap/ui/fl/Layer",
+	"sap/ui/fl/write/api/ContextSharingAPI",
+	"sap/ui/rta/Utils",
+	"sap/ui/model/Binding"
+], function (
+	ManagedObject,
+	Fragment,
+	Layer,
+	ContextSharingAPI,
+	Utils,
+	Binding
+) {
+	"use strict";
+
+	/**
+	 * Controller for the <code>sap.ui.rta.toolbar.contextBased.SaveAsContextBasedAdaptation</code> controls.
+	 * Contains implementation of context-based-adaptation functionality.
+	 *
+	 * @class
+	 *
+	 * @author SAP SE
+	 * @version 1.106.0
+	 *
+	 * @constructor
+	 * @private
+	 * @since 1.106
+	 * @alias sap.ui.rta.toolbar.contextBased.SaveAsContextBasedAdaptation
+	 */
+	var SaveAsContextBasedAdaptation = ManagedObject.extend("sap.ui.rta.toolbar.contextBased.SaveAsContextBasedAdaptation", {
+		metadata: {
+			properties: {
+				toolbar: {
+					type: "any" // "sap.ui.rta.toolbar.Base"
+				}
+			}
+		},
+		constructor: function () {
+			ManagedObject.prototype.constructor.apply(this, arguments);
+			this.oTextResources = this.getToolbar().getTextResources();
+		}
+	});
+
+	SaveAsContextBasedAdaptation.prototype.openAddAdaptationDialog = function (sLayer) {
+		if (!this._oAddAdaptationDialogPromise) {
+			this._oAddAdaptationDialogPromise = Fragment.load({
+				name: "sap.ui.rta.toolbar.contextBased.SaveAsContextBasedAdaptationDialog",
+				id: this.getToolbar().getId() + "_fragment--sapUiRta_addAdaptationDialog",
+				controller: {
+					onAdaptationTitleChange: function (oEvent) {
+						this.sAdaptationTitle = oEvent.getParameter("value");
+						_validateAddAdaptationInput.call(this);
+					}.bind(this),
+					// TODO: implementation of save as context based adaptation
+					onSaveAsContextBasedAdaptation: function () {
+					},
+					onCancelContextBasedAdaptationDialog: function () {
+						_clearContexts.call(this);
+						this._oAddAdaptationDialog.close();
+					}.bind(this)
+				}
+			}).then(function (oDialog) {
+				this._oAddAdaptationDialog = oDialog;
+				oDialog.addStyleClass(Utils.getRtaStyleClassName());
+				this.getToolbar().addDependent(this._oAddAdaptationDialog);
+				createContextSharingComponent.call(this, sLayer);
+			}.bind(this));
+		} else {
+			this.getToolbar().getControl("addAdaptationDialog--saveContextBasedAdaptation-title-input").setValue("");
+		}
+		return this._oAddAdaptationDialogPromise.then(function () {
+			return this._oAddAdaptationDialog.open();
+		}.bind(this));
+	};
+
+	function createContextSharingComponent(sLayer) {
+		var mPropertyBag = { layer: sLayer || Layer.CUSTOMER, isAppContext: true };
+		return ContextSharingAPI.createComponent(mPropertyBag).then(function (oContextSharingComponent) {
+			this._oContextComponent = oContextSharingComponent;
+			this._oContextComponentInstance = oContextSharingComponent.getComponentInstance();
+			this._oContextComponentInstance.setSelectedContexts({ role: [] });
+			this._oAddAdaptationDialog.addContent(this._oContextComponent);
+			var oSelectedContextsModel = this._oContextComponentInstance.getSelectedContextsModel();
+			this.oSelectedContextsBinding = new Binding(oSelectedContextsModel, "/", oSelectedContextsModel.getContext("/"));
+			this.oSelectedContextsBinding.attachChange(onSelectedContextsChange.bind(this));
+		}.bind(this));
+	}
+
+	function onSelectedContextsChange() {
+		this.aSelectedRoles = this._oContextComponentInstance.getSelectedContexts().role;
+		_validateAddAdaptationInput.call(this);
+	}
+
+	function _validateAddAdaptationInput() {
+		if (getAdaptationTitle.call(this).length > 0 && getSelectedContexts.call(this).length > 0) {
+			_enableSaveAsButton.call(this, true);
+		} else {
+			_enableSaveAsButton.call(this, false);
+		}
+	}
+
+	function getAdaptationTitle() {
+		return this.sAdaptationTitle || "";
+	}
+
+	function getSelectedContexts() {
+		return this.aSelectedRoles || [];
+	}
+
+	function _enableSaveAsButton(bEnable) {
+		this.getToolbar().getControl("addAdaptationDialog--saveContextBasedAdaptation-saveButton").setEnabled(bEnable);
+	}
+
+	function _clearContexts() {
+		if (this._oContextComponentInstance) {
+			if (this._oContextComponent.isDestroyed()) {
+				return createContextSharingComponent.call(this);
+			}
+			this._oContextComponentInstance.setSelectedContexts({ role: [] });
+			this._oAddAdaptationDialog.addContent(this._oContextComponent);
+		}
+	}
+	return SaveAsContextBasedAdaptation;
+});