@openui5/sap.ui.rta 1.98.0 → 1.101.0

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.98.0
+	 * @version 1.101.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.
@@ -232,26 +232,27 @@ sap.ui.define([
 	}
 
 	function checkAndEnrichReveal(mReveal, mInvisibleElement, oPlugin, sTargetAggregation) {
-		return Promise.resolve().then(function() {
-			var oInvisibleElement = mInvisibleElement.element;
-			var oDesignTimeMetadata;
-			var mRevealAction;
-			var bRevealEnabled = false;
-			var oHasChangeHandlerPromise = Promise.resolve();
-			var sSourceAggregation = mInvisibleElement.sourceAggregation;
-
-			var oOverlay = OverlayRegistry.getOverlay(oInvisibleElement);
-			if (oOverlay) {
-				oDesignTimeMetadata = oOverlay.getDesignTimeMetadata();
-
-				mRevealAction = oDesignTimeMetadata && oDesignTimeMetadata.getAction("reveal", oInvisibleElement);
-				if (mRevealAction && mRevealAction.changeType) {
-					var oRevealSelector = oInvisibleElement;
-					if (mRevealAction.changeOnRelevantContainer) {
-						oRevealSelector = oOverlay.getRelevantContainer();
-					}
+		var oInvisibleElement = mInvisibleElement.element;
+		var oDesignTimeMetadata;
+		var mRevealAction;
+		var bRevealEnabled = false;
+		var oHasChangeHandlerPromise = Promise.resolve(false);
+		var sSourceAggregation = mInvisibleElement.sourceAggregation;
+
+		var oOverlay = OverlayRegistry.getOverlay(oInvisibleElement);
+		if (oOverlay) {
+			oDesignTimeMetadata = oOverlay.getDesignTimeMetadata();
+
+			mRevealAction = oDesignTimeMetadata && oDesignTimeMetadata.getAction("reveal", oInvisibleElement);
+			if (mRevealAction && mRevealAction.changeType) {
+				var oRevealSelector = oInvisibleElement;
+				if (mRevealAction.changeOnRelevantContainer) {
+					oRevealSelector = oOverlay.getRelevantContainer();
+				}
 
-					oHasChangeHandlerPromise = oPlugin.hasChangeHandler(mRevealAction.changeType, oRevealSelector).then(function(bHasChangeHandler) {
+				oHasChangeHandlerPromise = oPlugin.hasChangeHandler(mRevealAction.changeType, oRevealSelector).then(function(bHasChangeHandler) {
+					// Element can be made invalid while the check is running (e.g. destroyed during undo of split)
+					if (ElementUtil.isElementValid(oInvisibleElement)) {
 						var mParents = AdditionalElementsUtils.getParents(true, oOverlay, oPlugin);
 						if (bHasChangeHandler) {
 							if (mRevealAction.changeOnRelevantContainer) {
@@ -271,27 +272,27 @@ sap.ui.define([
 								return Utils.checkTargetZone(oAggregationOverlay, oOverlay, oPlugin);
 							}
 						}
-						return bRevealEnabled;
-					});
-				}
+					}
+					return bRevealEnabled;
+				});
 			}
+		}
 
-			return oHasChangeHandlerPromise.then(function(bIncludeReveal) {
-				if (bIncludeReveal) {
-					mReveal.elements.push({
-						element: oInvisibleElement,
-						designTimeMetadata: oDesignTimeMetadata,
-						action: mRevealAction,
-						sourceAggregation: sSourceAggregation,
-						targetAggregation: sTargetAggregation
-					});
-					var mName = oDesignTimeMetadata.getName(oInvisibleElement);
-					if (mName) {
-						mReveal.controlTypeNames.push(mName);
-					}
+		return oHasChangeHandlerPromise.then(function(bIncludeReveal) {
+			if (bIncludeReveal) {
+				mReveal.elements.push({
+					element: oInvisibleElement,
+					designTimeMetadata: oDesignTimeMetadata,
+					action: mRevealAction,
+					sourceAggregation: sSourceAggregation,
+					targetAggregation: sTargetAggregation
+				});
+				var mName = oDesignTimeMetadata.getName(oInvisibleElement);
+				if (mName) {
+					mReveal.controlTypeNames.push(mName);
 				}
-				return mReveal;
-			});
+			}
+			return mReveal;
 		});
 	}
 

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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.0
 	 * @private
 	 * @ui5-restricted
 	*/

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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.0
 	 * @private
 	 * @ui5-restricted
 	*/

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

@@ -1,115 +1,95 @@
 /******************************************************************
 	Style of the RTA Change Visualization - base theme
 *******************************************************************/
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColor: rgba(131, 201, 233, 0.75);
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorFocus: #1c678a;
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorHover: rgba(14, 138, 195, 0.75);
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolid: rgb(131, 201, 233);
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidBG: white;
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidHover: #0f648b;
-@_sap_ui_rta_ChangeVisualization_DependentIndicatorColor: rgba(219,149,51,0.75);
-@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorTransparent: rgba(219,149,51,0);
-@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorFocus: #a67026;
-@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolid: rgb(219, 149, 51);
-@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorSolidHover: #b67a26;
-@_sap_ui_rta_ChangeVisualization_ChangeIndicatorTextColor: #1c678a;
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight: @sapUiChartPaletteSequentialHue1Light1;
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium: @sapUiChartPaletteSequentialHue1Dark1;
+@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark: @sapUiChartPaletteSequentialHue11Dark2;
+@_sap_ui_rta_ChangeVisualization_DependentIndicatorColorTransparent: @sapUiGroupTitleBackground;
 
-.sapUiRtaChangeIndicator{
-	border-radius: 25px;
-	z-index: 1000;
+.sapUiRtaChangeIndicator {
+	height: 0.8rem;
+	width: 0.8rem;
 	position: relative;
+	border-radius: 50%;
+	margin-top: 0.25rem;
+	margin-left: 0.25rem;
+	transition: width 0.3s, height 0.3s, box-shadow 0.3s;
 	cursor: pointer;
 }
 
-.sapUiRtaChangeIndicatorChange{
-	border: 1px solid @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColor;
-	background: white;
-	background: radial-gradient(circle, transparent 41%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColor 72%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolid 100%);
+.sapUiRtaChangeIndicator:focus {
+	outline: 0;
+}
 
-	&:focus{
-		border: 1px solid @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorFocus;
-		outline: none;
-	}
+.sapUiRtaChangeIndicatorColorLight {
+	background-color: @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorLight;
+	opacity: 0.6;
+}
+
+.sapUiRtaChangeIndicatorColorMedium {
+	background-color: @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorMedium;
+	opacity: 0.75;
+}
 
-	&:hover{
-		background: radial-gradient(circle, transparent 41%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorHover 62%, @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolidHover 100%);
+.sapUiRtaChangeIndicatorColorDark {
+	background-color: @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark;
+	opacity: 0.75;
+}
 
-		.sapUiRtaChangeIndicatorText{
-			color:white;
-		}
-	}
+.sapUiRtaChangeIndicatorVerticallyCentered {
+	top: 50%;
+	transform: translateY(-50%);
+	margin-top: 0;
 }
 
-.sapUiRtaChangeIndicatorDependent{
+.sapUiRtaHover {
+	height: 0.9rem;
+	width: 0.9rem;
+	box-shadow: 0 0 0.25rem @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark;
+}
+
+.sapUiRtaChangeIndicatorDependent {
 	height: 100%;
-	width: 100%;
+	width: auto;
+	display: block;
 	position: absolute;
-	outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor;
-	outline-offset: -3px;
-	box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
+	box-shadow: inset 0 0 0 3px @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, @_sap_ui_rta_Overlay_BoxShadow;
+	background-color: fade(@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, 25%);
 	animation: fadeOut linear 1.5s;
 	animation-fill-mode: forwards;
 
 	@keyframes fadeOut {
-		0% {
-			outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor;
-			outline-offset: -3px;
-		}
-		66%{
-			outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColor;
-			outline-offset: -3px;
+		66% {
+			box-shadow: inset 0 0 0 3px @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, @_sap_ui_rta_Overlay_BoxShadow;
+			background-color: fade(@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, 25%);
 		}
+
 		100% {
-			outline: 3px solid @_sap_ui_rta_ChangeVisualization_DependentIndicatorColorTransparent;
-			outline-offset: -3px;
 			box-shadow: none;
+			background-color: fade(@_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorDark, 0%);
 		}
 	}
 }
 
-.sapUiRtaChangeIndicatorText{
-	top: 0;
-	left: 0;
-	position: absolute;
-	width: 50%;
-	height: 50%;
-	border-radius: 50%;
-	background: @_sap_ui_rta_ChangeVisualization_ChangeIndicatorColorSolid;
-	color: black;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	opacity: 0.8;
-	cursor: pointer;
-}
-
 .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);
+	cursor: pointer !important;
 
 	&:after {
 		content: " ";
-		border: 0.0625rem solid @_sap_ui_rta_Overlay_HoverBorder!important; //1px
+		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: 0.0625rem solid @_sap_ui_rta_Overlay_Border !important; //1px
 		outline-offset: -0.0625rem; //1px
 	}
 }
 
 .sapUiRtaMode {
-	.sapUiRtaPopover {
-		.sapUiRtaChangesList {
-			// Visualize Changes: Total Count bold
-			ul > li:first-child .sapMLIBCounter {
-				font-weight: bold;
-			}
-			// Visualize Changes: gray out items with no changes
-			li.sapMLIBTypeInactive{
-				opacity: 0.5;
-			}
+	.sapUiRtaChangesList {
+
+		// Visualize Changes: gray out items with no changes
+		li.sapMLIBTypeInactive {
+			opacity: 0.5;
 		}
 	}
 }

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

@@ -212,6 +212,56 @@
 			outline-offset: -0.0625rem; //1px
 		}
 	}
+
+	.sapUiRtaResizeHandle {
+		cursor: col-resize;
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		width: 0.625rem; // 10px
+		background-clip: content-box;
+		background-color: @_sap_ui_rta_Overlay_Border;
+		-webkit-user-select: none;
+		user-select: none;
+
+		&:before {
+			content:"";
+			position: absolute;
+			top: 10%;
+			bottom: 10%;
+			left: 37.5%;
+			border-left: 1px solid @sapUiHighlightTextColor;
+		}
+		&:after {
+			content:"";
+			position: absolute;
+			top: 25%;
+			bottom: 25%;
+			left: 62.5%;
+			border-left: 1px solid @sapUiHighlightTextColor;
+		}
+	}
+
+	.sapUiRtaResizeHandleExtension {
+		position: relative;
+		top: 0;
+		bottom: 0;
+		width: 0.5rem; // 8px
+		border-right: 0.125rem dotted @_sap_ui_rta_Overlay_Border; // 2px
+		background-clip: content-box;
+		-webkit-user-select: none;
+		user-select: none;
+	}
+
+	.sapUiRtaFullScreenDiv {
+		width: 100%;
+		height: 100%;
+		top: 0;
+		left: 0;
+		display: block;
+		position: fixed;
+	}
+
 	.sapUiDtOverlaySelected {
 		transition: box-shadow .25s;
 		box-shadow: @_sap_ui_rta_Overlay_BoxShadow;

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

@@ -100,30 +100,16 @@
 						<OverflowToolbarLayoutData priority="Low" />
 					</toolbar:layoutData>
 				</toolbar:OverflowToolbarButton>
-				<MenuButton
+				<Button
 						id="sapUiRta_toggleChangeVisualizationMenuButton"
 						visible="{= ${controls>/modeSwitcher} === 'visualization'}"
 						text="{visualizationModel>/commandCategoryText}"
 						type="Transparent"
+						icon="sap-icon://slim-arrow-down"
+						iconFirst="false"
+						press=".openChangeCategorySelectionPopover"
 						tooltip="{i18n>BUT_CHANGEVISUALIZATION_SELECTCHANGES}">
-					<menu>
-						<Menu
-								id="sapUiRta_changesList"
-								items="{visualizationModel>/commandCategories/}"
-								itemSelected=".onCommandCategorySelection"
-								class="sapUiRtaToolbarVisualizationSelection">
-							<MenuItem
-									id="sapUiRta_changesListItem"
-									text="{visualizationModel>title}"
-									key="{visualizationModel>key}"
-									icon="{visualizationModel>icon}"
-									enabled="{= ${visualizationModel>count} > 0}"/>
-						</Menu>
-					</menu>
-					<layoutData>
-						<OverflowToolbarLayoutData priority="NeverOverflow" />
-					</layoutData>
-				</MenuButton>
+				</Button>
 				<Button
 						id="sapUiRta_undo"
 						icon="sap-icon://undo"

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

@@ -39,7 +39,7 @@ function(
 	 * @extends sap.ui.rta.toolbar.Base
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private
@@ -59,13 +59,14 @@ function(
 				undo: {},
 				redo: {},
 				exit: {},
+				save: {},
 				restore: {},
 				transport: {},
 				modeChange: {},
 				activate: {},
 				discardDraft: {},
 				switchVersion: {},
-				onCommandCategorySelection: {}
+				openChangeCategorySelectionPopover: {}
 			}
 		}
 	});
@@ -335,7 +336,7 @@ function(
 				showTranslationPopover: this.showTranslationPopover.bind(this),
 				undo: this.eventHandler.bind(this, "Undo"),
 				redo: this.eventHandler.bind(this, "Redo"),
-				onCommandCategorySelection: this.eventHandler.bind(this, "OnCommandCategorySelection"),
+				openChangeCategorySelectionPopover: this.eventHandler.bind(this, "OpenChangeCategorySelectionPopover"),
 				manageApps: onManageAppsPressed.bind(this),
 				appVariantOverview: onOverviewPressed.bind(this),
 				saveAs: onSaveAsPressed.bind(this),

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

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.m.HBox
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.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.98.0
+	 * @version 1.101.0
 	 *
 	 * @constructor
 	 * @private