@openui5/sap.ui.rta 1.92.0 → 1.95.0

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.92.0
+	 * @version 1.95.0
 	 * @private
 	 * @ui5-restricted
 	*/
@@ -217,12 +217,28 @@ sap.ui.define([
 			//get necessary properties from overlay
 			var oData = this._getNodeProperties(oOverlay, oParentOverlay) || {};
 
+			var aChildren = oOverlay.getChildren();
 			//find aggregation binding template overlays
-			var aChildren = (
+			var aAggregationTemplateOverlays = (
 				oOverlay.getAggregationBindingTemplateOverlays
 				&& oOverlay.getAggregationBindingTemplateOverlays()
 			) || [];
-			aChildren = aChildren.concat(oOverlay.getChildren());
+
+			//for binding template overlays, do not include children of the
+			//corresponding aggregations on the outline (e.g. items)
+			if (aAggregationTemplateOverlays.length > 0) {
+				var aExcludedAggregations = [];
+				aChildren = aAggregationTemplateOverlays.reduce(function(aCollectedChildren, oAggregationTemplateOverlay) {
+					aExcludedAggregations.push(oAggregationTemplateOverlay.getAggregationName());
+					return oAggregationTemplateOverlay.getChildren().concat(aCollectedChildren);
+				}, aChildren)
+				.filter(function(oChild) {
+					if (oChild.getAggregationName && aExcludedAggregations.indexOf(oChild.getAggregationName()) > -1) {
+						return false;
+					}
+					return true;
+				});
+			}
 
 			//check if the tree should be traversed deeper and children overlays are present
 			if ((!bValidDepth || (bValidDepth && iDepth > 0))
@@ -247,6 +263,92 @@ sap.ui.define([
 			return cleanupData(oData);
 		};
 
+		function isAggregationBindingTemplate(oOverlay, oParentAggregationOverlay, sParentAggregationName) {
+			var oParentElementOverlay = oOverlay.getParentElementOverlay();
+			return oParentElementOverlay
+				&& sParentAggregationName
+				&& oParentElementOverlay.getAggregationOverlay(sParentAggregationName, "AggregationBindingTemplateOverlays") === oParentAggregationOverlay;
+		}
+
+		function getNumberOfTemplateChildrenOverlays(oParentAggregationOverlay, sParentAggregationName) {
+			return oParentAggregationOverlay.getParent().getAggregationOverlay(sParentAggregationName).getChildren().length;
+		}
+
+		function getElementOverlayData(oOverlay, oElement, oDtMetadata) {
+			var oData = {
+				editable: oOverlay.getEditable(),
+				bIsView: oOverlay.getElement() instanceof View
+			};
+			if (typeof oOverlay.isVisible() === "boolean") {
+				oData.visible = oOverlay.isVisible();
+			}
+			var oParentAggregationOverlay = oOverlay.getParent() && oOverlay.getParentAggregationOverlay();
+			var sParentAggregationName = (oParentAggregationOverlay && oParentAggregationOverlay.getAggregationName()) || "";
+			var sDtNameSuffix = "";
+			// Aggregation Binding Template
+			if (isAggregationBindingTemplate(oOverlay, oParentAggregationOverlay, sParentAggregationName)) {
+				var iNoOfChildren = getNumberOfTemplateChildrenOverlays(oParentAggregationOverlay, sParentAggregationName);
+				sDtNameSuffix = " [" + iNoOfChildren + "]";
+				oData.type = "aggregationBindingTemplate";
+				oData.icon = "sap-icon://attachment-text-file";
+			} else {
+				oData.type = "element";
+			}
+
+			var oDtName = oDtMetadata.getName(oElement);
+			if (oDtName && oDtName.singular) {
+				oData.name = (oDtName && oDtName.singular) + sDtNameSuffix;
+			}
+			return oData;
+		}
+
+		function getAggregationOverlayData(oOverlay, oParentOverlay, oElement) {
+			var sAggregationName = oOverlay.getAggregationName();
+			var oData = {
+				technicalName: oOverlay.getAggregationName(),
+				editable: false,
+				type: "aggregation",
+				bIsView: oOverlay.getElement() instanceof View
+			};
+			if (oParentOverlay.getAggregation(sAggregationName)) {
+				var oAggregationDescription = oParentOverlay.getDesignTimeMetadata().getAggregationDescription(sAggregationName, oElement);
+				if (oAggregationDescription.singular) {
+					oData.name = oAggregationDescription.singular;
+				}
+			}
+			if (oParentOverlay.getAggregationBindingTemplateOverlays().length) {
+				oData.icon = "sap-icon://card";
+			}
+			return oData;
+		}
+
+		function getDefaultData(oElement, oDtMetadata) {
+			var oData = {
+				id: oElement.getId(),
+				technicalName: oElement.getMetadata().getName(),
+				editable: false,
+				type: null
+			};
+
+			var sDefaultIcon = getDefaultIcon(oDtMetadata);
+			if (sDefaultIcon) {
+				oData.icon = sDefaultIcon;
+			}
+			var sInstanceName = oDtMetadata.getLabel(oElement);
+			if (sInstanceName && sInstanceName !== oData.id) {
+				oData.instanceName = sInstanceName;
+			}
+			return oData;
+		}
+
+		function getDefaultIcon(oDtMetadata) {
+			var oDtMetadataData = oDtMetadata.getData();
+			return oDtMetadataData.palette
+				&& oDtMetadataData.palette.icons
+				&& oDtMetadataData.palette.icons.svg
+				|| undefined;
+		}
+
 		/**
 		 * Collects the necessary data for a node without the <code>childNodes</code>.
 		 *
@@ -254,70 +356,15 @@ sap.ui.define([
 		 * @param {sap.ui.dt.Overlay} [oParentOverlay] - Parent overlay (if present) for the passed overlay
 		 * @returns {object} Data containing applicable properties
 		 */
-		oOutline._getNodeProperties = function (oOverlay, oParentOverlay) {
-			var oDtName;
-			var sAggregationName;
-			var sType;
-			var bVisible;
-			var bIsEditable = false; //default for aggregation overlays
+		 oOutline._getNodeProperties = function (oOverlay, oParentOverlay) {
 			var oElement = oOverlay.getElement();
-			var sId = oElement.getId();
-			var sElementClass = oElement.getMetadata().getName();
 			var oDtMetadata = oOverlay.getDesignTimeMetadata();
-			var oDtMetadataData = oDtMetadata.getData();
-			var sInstanceName = oDtMetadata.getLabel(oElement);
-			var sIconType = (
-				oDtMetadataData.palette
-				&& oDtMetadataData.palette.icons
-				&& oDtMetadataData.palette.icons.svg
-				|| undefined
-			);
+			var oData = getDefaultData(oElement, oDtMetadata);
 
-			var bIsView;
 			if (oOverlay instanceof ElementOverlay) {
-				sType = "element";
-				bIsEditable = oOverlay.getEditable();
-				oDtName = oDtMetadata.getName(oElement);
-				bVisible = oOverlay.isVisible();
-				bIsView = oOverlay.getElement() instanceof View;
-				var oParentElementOverlay = oOverlay.getParentElementOverlay();
-				var oParentAggregationOverlay = oOverlay.getParent() && oOverlay.getParentAggregationOverlay();
-				var sParentAggregationName = (oParentAggregationOverlay && oParentAggregationOverlay.getAggregationName()) || "";
-				if (
-					oParentElementOverlay
-					&& sParentAggregationName
-					&& oParentElementOverlay.getAggregationOverlay(sParentAggregationName, "AggregationBindingTemplateOverlays") === oParentAggregationOverlay
-				) {
-					sIconType = "sap-icon://card";
-					oDtName.singular = "TEMPLATE-" + oDtName.singular;
-				}
-			} else {
-				sType = "aggregation";
-				sAggregationName = oOverlay.getAggregationName();
-				oDtName = oParentOverlay.getAggregation(sAggregationName)
-					? oParentOverlay.getDesignTimeMetadata().getAggregationDescription(sAggregationName, oElement)
-					: undefined;
-				if (oParentOverlay.getAggregationBindingTemplateOverlays().length) {
-					sIconType = "sap-icon://card";
-				}
+				return Object.assign(oData, getElementOverlayData(oOverlay, oElement, oDtMetadata));
 			}
-
-			//add all mandatory info to data
-			var oData = Object.assign(
-				{
-					id: sId,
-					technicalName: sAggregationName || sElementClass,
-					editable: bIsEditable,
-					type: sType //either "element" or "aggregation"
-				},
-				sInstanceName !== sId && sInstanceName !== undefined && { instanceName: sInstanceName }, // element's id should not be set as instanceName
-				oDtName && oDtName.singular && { name: oDtName.singular }, // designTime metadata name.singular
-				sIconType !== undefined && { icon: sIconType }, // designTime metadata icon type
-				typeof bVisible === "boolean" && { visible: bVisible }, // visible
-				bIsView && { bIsView: bIsView }
-			);
-
-			return oData;
+			return Object.assign(oData, getAggregationOverlayData(oOverlay, oParentOverlay, oElement));
 		};
 
 		/**

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @author SAP SE
 	 * @experimental Since 1.58
 	 * @since 1.58
-	 * @version 1.92.0
+	 * @version 1.95.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.92.0
+	 * @version 1.95.0
 	 * @private
 	 * @ui5-restricted
 	*/

package/src/sap/ui/rta/themes/base/ChangeVisualization.less

@@ -90,6 +90,22 @@
 	color: @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolid;
 }
 
+.sapUiRtaChangeIndicatorHovered {
+	-webkit-transition: background 0.1s cubic-bezier(1,.01,1,0);
+	-moz-transition: background 0.1s cubic-bezier(1,.01,1,0);
+	-o-transition: background 0.1s cubic-bezier(1,.01,1,0);
+	transition: background 0.1s cubic-bezier(1,.01,1,0);
+
+	&:after {
+		content: " ";
+		border: 0.0625rem solid @_sap_ui_rta_Overlay_HoverBorder!important; //1px
+		transition: box-shadow .25s;
+		box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
+		outline: 0.0625rem solid @_sap_ui_rta_Overlay_Border!important; //1px
+		outline-offset: -0.0625rem; //1px
+	}
+}
+
 .sapUiRtaMode {
 	.sapUiRtaPopover {
 		.sapUiRtaChangesList {

package/src/sap/ui/rta/themes/base/Overlay.less

@@ -113,68 +113,11 @@
 			}
 		}
 	}
-
-	.sapUiRtaOverlayHover {
-		-webkit-transition: background 0.1s cubic-bezier(1,.01,1,0);
-		-moz-transition: background 0.1s cubic-bezier(1,.01,1,0);
-		-o-transition: background 0.1s cubic-bezier(1,.01,1,0);
-		transition: background 0.1s cubic-bezier(1,.01,1,0);
-
-		&:after {
-			content: " ";
-			border: 0.0625rem solid @_sap_ui_rta_Overlay_HoverBorder; //1px
-			transition: box-shadow .25s;
-			box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
-			outline: 0.0625rem solid @_sap_ui_rta_Overlay_Border; //1px
-			outline-offset: -0.0625rem; //1px
-		}
-	}
-
 	.sapUiDtOverlaySelected {
-		transition: box-shadow .25s;
-		box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
-		&.sapUiDtOverlayWithScrollBar:after {
-			bottom: 0;
-			right: 0;
-			top: 0;
-			left: 0;
-			// IE doesn't support width/height: 'initial'.// TODO remove after the end of support for Internet Explorer
-			// With the property 'auto' the same effect is achieved.
-			// When initial is supported, auto is ignored.
-			width: auto;
-			width: initial;
-			height: auto;
-			height: initial;
-		}
-
 		&:after {
-			outline: 0.125rem solid @_sap_ui_rta_Overlay_Border; //2px
-			border:	none
-		}
-
-		&.sapUiRtaErrorBg:after {
-			outline: 0.125rem solid @_sap_ui_rta_Overlay_ErrorBorder; //2px
-			outline-offset: -0.125rem; //2px
+			outline: none;
 			border:	none
 		}
-
-		&.sapUiDtOverlayFocusable {
-			&:focus {
-				&:before {
-					top: 0.125rem; //2px
-					left: 0.125rem; //2px
-					bottom: 0.125rem; //2px
-					right: 0.125rem; //2px
-					// IE doesn't support width/height: 'initial'.// TODO remove after the end of support for Internet Explorer
-					// With the property 'auto' the same effect is achieved.
-					// When initial is supported, auto is ignored.
-					width: auto;
-					width: initial;
-					height: auto;
-					height: initial;
-				}
-			}
-		}
 	}
 
 	.sapUiDtOverlayTargetZone {
@@ -253,6 +196,64 @@
 	}
 }
 
+.sapUiRta:not(.sapUiRtaVisualizationMode) {
+	.sapUiRtaOverlayHover {
+		-webkit-transition: background 0.1s cubic-bezier(1,.01,1,0);
+		-moz-transition: background 0.1s cubic-bezier(1,.01,1,0);
+		-o-transition: background 0.1s cubic-bezier(1,.01,1,0);
+		transition: background 0.1s cubic-bezier(1,.01,1,0);
+
+		&:after {
+			content: " ";
+			border: 0.0625rem solid @_sap_ui_rta_Overlay_HoverBorder; //1px
+			transition: box-shadow .25s;
+			box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
+			outline: 0.0625rem solid @_sap_ui_rta_Overlay_Border; //1px
+			outline-offset: -0.0625rem; //1px
+		}
+	}
+	.sapUiDtOverlaySelected {
+		transition: box-shadow .25s;
+		box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
+		&.sapUiDtOverlayWithScrollBar:after {
+			bottom: 0;
+			right: 0;
+			top: 0;
+			left: 0;
+			width: initial;
+			height: initial;
+		}
+
+		&:after {
+			outline: 0.125rem solid @_sap_ui_rta_Overlay_Border; //2px
+			border:	none
+		}
+
+		&.sapUiRtaErrorBg:after {
+			outline: 0.125rem solid @_sap_ui_rta_Overlay_ErrorBorder; //2px
+			outline-offset: -0.125rem; //2px
+			border:	none
+		}
+
+		&.sapUiDtOverlayFocusable {
+			&:focus {
+				&:before {
+					top: 0.125rem; //2px
+					left: 0.125rem; //2px
+					bottom: 0.125rem; //2px
+					right: 0.125rem; //2px
+					// IE doesn't support width/height: 'initial'.// TODO remove after the end of support for Internet Explorer
+					// With the property 'auto' the same effect is achieved.
+					// When initial is supported, auto is ignored.
+					width: auto;
+					width: initial;
+					height: auto;
+					height: initial;
+				}
+			}
+		}
+	}
+}
 .sapUiRtaMode #shell-shapes {
 	display: none;
 }

package/src/sap/ui/rta/themes/sap_hcb/Overlay.less

@@ -7,7 +7,7 @@
 @_sap_ui_rta_Overlay_Border : @sapUiDragAndDropActiveBorderColor;
 
 
-.sapUiRta {
+.sapUiRta:not(.sapUiRtaVisualizationMode) {
 	.sapUiDtOverlay {
 		&:focus {
 			outline: none;
@@ -31,5 +31,4 @@
 			border-width: 2px;
 		}
 	}
-
-}
+}

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

@@ -1,6 +1,7 @@
 <core:FragmentDefinition
 		xmlns="sap.m"
-		xmlns:core="sap.ui.core" >
+		xmlns:core="sap.ui.core"
+		xmlns:toolbar="sap.ui.rta.toolbar">
 	<HBox
 			id="sapUiRta_toolbarIconAndDraftSection"
 			class="sapUiRtaToolbarIconAndDraftSection" >
@@ -17,7 +18,7 @@
 						class="sapUiRtaVersionButton"
 						icon="sap-icon://megamenu"
 						iconFirst="false"
-						visible="{versions>/versioningEnabled}"
+						visible="{= (${versions>/versioningEnabled} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
 						text="{parts: [{path: 'versions>/versions'}, {path: 'versions>/displayedVersion'}], formatter: '.formatVersionButtonText'}"
 						tooltip="{parts: [{path: 'versions>/versions'}, {path: 'versions>/displayedVersion'}], formatter: '.formatVersionButtonText'}"
 						press=".showVersionHistory">
@@ -25,20 +26,22 @@
 						<OverflowToolbarLayoutData priority="NeverOverflow"/>
 					</layoutData>
 				</Button>
-				<Button
+				<toolbar:OverflowToolbarButton
 						id="sapUiRta_activate"
 						icon="sap-icon://activate"
 						press=".activate(${versions>/displayedVersion})"
-						visible="{versions>/versioningEnabled}"
+						visible="{= (${versions>/versioningEnabled} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
 						enabled="{versions>/activateEnabled}"
 						type="Transparent"
+						text="{i18n>TOL_ACTIVATE}"
 						tooltip="{i18n>TOL_ACTIVATE}" />
-				<Button
+				<toolbar:OverflowToolbarButton
 						id="sapUiRta_discardDraft"
 						icon="sap-icon://delete"
 						press=".discardDraft"
-						visible="{parts: ['versions>/displayedVersion', 'versions>/versioningEnabled' ], formatter: '.formatDiscardDraftVisible'}"
+						visible="{= ((${parts: ['versions>/displayedVersion', 'versions>/versioningEnabled' ], formatter: '.formatDiscardDraftVisible'})  &amp;&amp; (${controls>/modeSwitcher} === 'adaptation'))}"
 						type="Transparent"
+						text="{i18n>TOL_DISCARD_DRAFT}"
 						tooltip="{i18n>TOL_DISCARD_DRAFT}" />
 			</content>
 		</OverflowToolbar>
@@ -65,6 +68,11 @@
 								text="{i18n>BTN_NAVIGATION}"
 								width="auto"
 								key="navigation" />
+						<SegmentedButtonItem
+								id="sapUiRta_visualizationSwitcherButton"
+								text="{i18n>BTN_VISUALIZATION}"
+								width="auto"
+								key="visualization" />
 					</items>
 				</SegmentedButton>
 				<ToolbarSpacer />
@@ -75,14 +83,28 @@
 			id="sapUiRta_toolbarActionsSection"
 			class="sapUiRtaToolbarActionsSection"
 			justifyContent="End" >
-		<OverflowToolbar id="sapUiRta_actionsToolbar" >
+		<OverflowToolbar id="sapUiRta_actionsToolbar">
 			<content>
 				<ToolbarSpacer />
+				<toolbar:OverflowToolbarButton
+						id="sapUiRta_translate"
+						icon="sap-icon://translate"
+						press=".showTranslationPopover"
+						visible="{controls>/translationVisible}"
+						enabled="{controls>/translationEnabled}"
+						type="Transparent"
+						text="{i18n>BTN_TRANSLATE}"
+						tooltip="{i18n>BTN_TRANSLATE}">
+					<toolbar:layoutData>
+						<OverflowToolbarLayoutData priority="Low" />
+					</toolbar:layoutData>
+				</toolbar:OverflowToolbarButton>
 				<Button
 						id="sapUiRta_undo"
 						icon="sap-icon://undo"
 						press=".undo"
 						enabled="{controls>/undoEnabled}"
+						visible="{= (${controls>/modeSwitcher} === 'visualization' || ${controls>/modeSwitcher} === 'adaptation')}"
 						type="Transparent"
 						tooltip="{i18n>BTN_UNDO}" >
 					<layoutData>
@@ -94,60 +116,62 @@
 						icon="sap-icon://redo"
 						press=".redo"
 						enabled="{controls>/redoEnabled}"
+						visible="{= (${controls>/modeSwitcher} === 'visualization' || ${controls>/modeSwitcher} === 'adaptation')}"
 						type="Transparent"
 						tooltip="{i18n>BTN_REDO}" >
 					<layoutData>
 						<OverflowToolbarLayoutData priority="NeverOverflow" />
 					</layoutData>
 				</Button>
-				<Button
-					id="sapUiRta_toggleChangeVisualizationButton"
-					icon="sap-icon://show"
-					press=".toggleChangeVisualization"
-					enabled="{= ${controls>/modeSwitcher} === 'adaptation'}"
-					type="Transparent"
-					tooltip="{i18n>BUT_CHANGEVISUALIZATION_SHOWCHANGES}">
-					<layoutData>
+				<toolbar:OverflowToolbarButton
+						id="sapUiRta_toggleChangeVisualizationPopoverButton"
+						icon="sap-icon://show"
+						press=".toggleChangeVisualizationPopover"
+						visible="{= ${controls>/modeSwitcher} === 'visualization'}"
+						type="Transparent"
+						text="{i18n>BTN_CHANGEVISUALIZATION_OVERVIEW_ALL}"
+						tooltip="{i18n>BUT_CHANGEVISUALIZATION_SELECTCHANGES}">
+					<toolbar:layoutData>
 						<OverflowToolbarLayoutData priority="Low" />
-					</layoutData>
-				</Button>
-				<Button
+					</toolbar:layoutData>
+				</toolbar:OverflowToolbarButton>
+				<toolbar:OverflowToolbarButton
 						id="sapUiRta_publish"
 						enabled="{controls>/publishEnabled}"
-						visible="{controls>/publishVisible}"
+						visible="{= (${controls>/publishVisible} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
 						press=".publish"
 						type="Transparent"
 						text="{i18n>BTN_PUBLISH}" >
-					<layoutData>
+					<toolbar:layoutData>
 						<OverflowToolbarLayoutData priority="High" />
-					</layoutData>
-				</Button>
-				<Button
+					</toolbar:layoutData>
+				</toolbar:OverflowToolbarButton>
+				<toolbar:OverflowToolbarButton
 						id="sapUiRta_restore"
 						enabled="{controls>/restoreEnabled}"
-						visible="{path: 'versions>/versioningEnabled', formatter: '.showRestore'}"
+						visible="{= ((${path: 'versions>/versioningEnabled', formatter: '.showRestore'}) &amp;&amp; ((${controls>/modeSwitcher} === 'visualization') || (${controls>/modeSwitcher} === 'adaptation')))}"
 						press=".restore"
 						type="Transparent"
 						text="{i18n>BTN_RESTORE}" >
-					<layoutData>
+					<toolbar:layoutData>
 						<OverflowToolbarLayoutData priority="High" />
-					</layoutData>
-				</Button>
-				<Button
+					</toolbar:layoutData>
+				</toolbar:OverflowToolbarButton>
+				<toolbar:OverflowToolbarButton
 						id="sapUiRta_manageApps"
 						press=".manageApps"
 						enabled="{controls>/manageAppsEnabled}"
-						visible="{controls>/manageAppsVisible}"
+						visible="{= (${controls>/manageAppsVisible} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
 						type="Transparent"
 						text="{i18n>BTN_MANAGE_APPS_TXT}" >
-					<layoutData>
+					<toolbar:layoutData>
 						<OverflowToolbarLayoutData priority="Low" />
-					</layoutData>
-				</Button>
+					</toolbar:layoutData>
+				</toolbar:OverflowToolbarButton>
 				<MenuButton
 						id="sapUiRta_appVariantOverview"
 						enabled="{controls>/appVariantsOverviewEnabled}"
-						visible="{controls>/appVariantsOverviewVisible}"
+						visible="{= (${controls>/appVariantsOverviewVisible} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
 						type="Transparent"
 						text="{i18n>BTN_MANAGE_APPS_TXT}" >
 					<menu>
@@ -166,23 +190,18 @@
 						<OverflowToolbarLayoutData priority="Low" />
 					</layoutData>
 				</MenuButton>
-				<Button
+				<toolbar:OverflowToolbarButton
 						id="sapUiRta_saveAs"
-						visible="{controls>/saveAsVisible}"
+						visible="{= (${controls>/saveAsVisible} &amp;&amp; ${controls>/modeSwitcher} === 'adaptation')}"
 						enabled="{controls>/saveAsEnabled}"
 						press=".saveAs"
 						type="Transparent"
 						text="{i18n>BTN_SAVE_AS}" >
-					<layoutData>
+					<toolbar:layoutData>
 						<OverflowToolbarLayoutData priority="Low" />
-					</layoutData>
-				</Button>
+					</toolbar:layoutData>
+				</toolbar:OverflowToolbarButton>
 			</content>
-			<!--layoutData>
-				<FlexItemData
-						growFactor="1"
-						minWidth="0" />
-			</layoutData-->
 		</OverflowToolbar>
 		<Button
 				id="sapUiRta_exit"
@@ -194,4 +213,4 @@
 			<FlexItemData growFactor="0" />
 		</layoutData>
 	</HBox>
-</core:FragmentDefinition>
+</core:FragmentDefinition>