@openui5/sap.f 1.120.10 → 1.121.1

package/src/sap/f/DynamicPageAccessibleLandmarkInfo.js

@@ -23,7 +23,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/DynamicPageHeader.js

@@ -6,20 +6,22 @@
 
 // Provides control sap.f.DynamicPageHeader.
 sap.ui.define([
-    "./library",
-    "sap/ui/Device",
-    "sap/ui/core/Control",
+	"./library",
+	"sap/ui/Device",
+	"sap/ui/core/Control",
+	"sap/ui/core/Lib",
 	"sap/ui/core/library",
 	"sap/ui/core/IconPool",
 	"sap/ui/core/theming/Parameters",
-    "sap/m/ToggleButton",
-    "sap/m/Button",
-    "./DynamicPageHeaderRenderer",
+	"sap/m/ToggleButton",
+	"sap/m/Button",
+	"./DynamicPageHeaderRenderer",
 	"sap/ui/core/InvisibleMessage"
 ], function(
-    library,
+	library,
 	Device,
 	Control,
+	Library,
 	CoreLibrary,
 	IconPool,
 	ThemeParameters,
@@ -62,7 +64,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.120.10
+		 * @version 1.121.1
 		 *
 		 * @constructor
 		 * @public
@@ -119,9 +121,11 @@ sap.ui.define([
 		 * @returns {Object} the resource bundle object
 		 */
 		DynamicPageHeader._getResourceBundle = function () {
-			return sap.ui.getCore().getLibraryResourceBundle("sap.f");
+			return Library.getResourceBundleFor("sap.f");
 		};
 
+		DynamicPageHeader.UNPRESSED_PIN_ICON = "sap-icon://pushpin-off";
+
 		DynamicPageHeader.ARIA = {
 			ARIA_CONTROLS: "aria-controls",
 			ARIA_LABEL: "aria-label",
@@ -146,6 +150,11 @@ sap.ui.define([
 			if (!this._oInvisibleMessage) {
 				this._oInvisibleMessage = InvisibleMessage.getInstance();
 			}
+			// Required if the parent has "headerPinned" set to "true" initially.
+			// Without the explicit "_setPressedStatePinIcon" an empty button is rendered.
+			if (this.getPinnable()) {
+				this._setPressedStatePinIcon();
+			}
 		};
 
 		/*************************************** Private members ******************************************/
@@ -157,6 +166,7 @@ sap.ui.define([
 		 */
 		DynamicPageHeader.prototype._togglePinButton = function (bValue) {
 			this._getPinButton().setPressed(bValue);
+			this._getPinButton().setIcon(bValue ? this._sPressedStatePinIconURI : DynamicPageHeader.UNPRESSED_PIN_ICON);
 		};
 
 		/**
@@ -172,8 +182,9 @@ sap.ui.define([
 		 * Fires the pin/unpin press event.
 		 * @private
 		 */
-		DynamicPageHeader.prototype._pinUnpinFireEvent = function () {
+		DynamicPageHeader.prototype._pinUnpinFireEvent = function (oEvent) {
 			this.fireEvent("_pinUnpinPress");
+			this._togglePinButton(oEvent.getSource().getPressed());
 		};
 
 		/**
@@ -247,7 +258,7 @@ sap.ui.define([
 			if (!this.getAggregation("_pinButton")) {
 				var oPinButton = new ToggleButton({
 					id: this.getId() + "-pinBtn",
-					icon: "sap-icon://pushpin-off",
+					icon: DynamicPageHeader.UNPRESSED_PIN_ICON,
 					tooltip: DynamicPageHeader.ARIA.LABEL_PINNED,
 					press: this._pinUnpinFireEvent.bind(this)
 				}).addStyleClass("sapFDynamicPageHeaderPinButton");
@@ -359,15 +370,18 @@ sap.ui.define([
 			};
 		};
 
+		DynamicPageHeader.prototype.onThemeChanged = function () {
+			this._setPressedStatePinIcon();
+		};
+
 		/**
-		 * Sets the icon of the pin button depending on the current theme
+		 * Sets the icon URI for the pressed state of the pin button
+		 * @private
 		 */
-		DynamicPageHeader.prototype.onThemeChanged = function () {
-			var sIcon = IconPool.getIconURI(ThemeParameters.get({
+		DynamicPageHeader.prototype._setPressedStatePinIcon = function () {
+			this._sPressedStatePinIconURI = IconPool.getIconURI(ThemeParameters.get({
 				name: "_sap_f_DynamicPageHeader_PinButton_Icon"
 			}));
-
-			this._getPinButton().setIcon(sIcon);
 		};
 
 		return DynamicPageHeader;

package/src/sap/f/DynamicPageTitle.js

@@ -7,6 +7,7 @@
 // Provides control sap.f.DynamicPageTitle.
 sap.ui.define([
 	"./library",
+	"sap/ui/core/Lib",
 	"sap/ui/core/library",
 	"sap/ui/core/Control",
 	"sap/ui/base/ManagedObjectObserver",
@@ -20,11 +21,12 @@ sap.ui.define([
 	"sap/base/Log",
 	"sap/ui/core/Icon",
 	"sap/ui/Device",
-    "sap/ui/events/KeyCodes",
-	"sap/ui/core/InvisibleMessage",
-	"sap/ui/core/Core"
+	"sap/ui/core/RenderManager",
+	"sap/ui/events/KeyCodes",
+	"sap/ui/core/InvisibleMessage"
 ], function(
 	library,
+	Library,
 	CoreLibrary,
 	Control,
 	ManagedObjectObserver,
@@ -38,9 +40,9 @@ sap.ui.define([
 	Log,
 	Icon,
 	Device,
+	RenderManager,
 	KeyCodes,
-	InvisibleMessage,
-	oCore
+	InvisibleMessage
 ) {
 	"use strict";
 
@@ -93,7 +95,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @public
@@ -382,7 +384,7 @@ sap.ui.define([
 	 * @private
 	 */
 	DynamicPageTitle._getResourceBundle = function () {
-		return oCore.getLibraryResourceBundle("sap.f");
+		return Library.getResourceBundleFor("sap.f");
 	};
 
 	DynamicPageTitle.ARIA = {
@@ -402,7 +404,7 @@ sap.ui.define([
 			return;
 		}
 
-		oRenderManager = oCore.createRenderManager();
+		oRenderManager = new RenderManager().getInterface();
 		oRenderManager.renderControl(oControlToRender);
 		oRenderManager.flush(oContainerDOM);
 		oRenderManager.destroy();

package/src/sap/f/FlexibleColumnLayout.js

@@ -6,6 +6,10 @@
 
 // Provides control sap.f.FlexibleColumnLayout.
 sap.ui.define([
+	"sap/base/i18n/Localization",
+	"sap/ui/core/ControlBehavior",
+	"sap/ui/core/Lib",
+	"sap/ui/core/RenderManager",
 	"sap/ui/thirdparty/jquery",
 	"./library",
 	"sap/ui/core/library",
@@ -23,8 +27,13 @@ sap.ui.define([
 	"sap/base/util/isEmptyObject",
 	"sap/base/util/merge",
 	"sap/ui/core/InvisibleMessage",
-	"sap/ui/dom/jquery/Focusable" // provides jQuery.fn.firstFocusableDomRef
+	// provides jQuery.fn.firstFocusableDomRef
+	"sap/ui/dom/jquery/Focusable"
 ], function(
+	Localization,
+	ControlBehavior,
+	Library,
+	RenderManager,
 	jQuery,
 	library,
 	coreLibrary,
@@ -67,7 +76,9 @@ sap.ui.define([
 	 * three columns (referred to as <code>Begin</code>, <code>Mid</code> and <code>End</code>) rather than two
 	 * (<code>Master</code>, <code>Detail</code>). The width of the three columns is variable.
 	 *
-	 * There are several possible layouts that can be changed either with the control's API, or by the user with the help of layout arrows.
+	 * There are several possible layouts that can be changed either with the control's API, or by the user with the help of the draggable column separators.
+	 * The draggable column separators allow the user to customize the column widths for the current layout, or to switch to a new layout (if the user drags the column separator past a breakpoint that delimits two different layouts).
+	 * After the user customized the column widths for a given layout, these user preferences are internally saved and automatically re-applied whenever the user re-visits the same layout.
 	 *
 	 * Internally the control makes use of three instances of {@link sap.m.NavContainer}, thus forming the three columns.
 	 *
@@ -97,7 +108,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 *
 	 * @constructor
 	 * @public
@@ -213,8 +224,8 @@ sap.ui.define([
 				 * Fired when there is a change in the <code>layout</code> property or in the maximum number of columns that can be displayed at once.
 				 * <br/></br>
 				 * <ul>The interactions that may lead to a state change are:
-				 *  <li>the property <code>layout</code> was changed indirectly by the user clicking a layout arrow</li>
-				 *  <li>the user resized the browser beyond a breakpoint, thus changing the maximum number of columns that can be displayed at once.</li></ul>
+				 *  <li>The property <code>layout</code> was changed indirectly by the user dragging the column separator or clicking on its arrow (where arrow is available).</li>
+				 *  <li>The user resized the browser window beyond a breakpoint, thus changing the maximum number of columns that can be displayed at once.</li></ul>
 				 * <br/><br/>
 				 * <b>Note: </b>The event is suppressed while the control has zero width and will be fired the first time it gets a non-zero width
 				 *
@@ -239,13 +250,13 @@ sap.ui.define([
 							type: "int"
 						},
 						/**
-						 * Indicates whether the layout changed as a result of the user clicking a layout arrow
+						 * Indicates whether the layout changed as a result of the user clicking a column separator's arrow or dragging the column separators
 						 */
 						isNavigationArrow: {
 							type: "boolean"
 						},
 						/**
-						 * Indicates whether the maximum number of columns that can be displayed at once changed
+						 * Indicates whether the maximum number of columns that can be displayed at once changed due to resize of the entire browser window
 						 */
 						isResize: {
 							type: "boolean"
@@ -882,7 +893,7 @@ sap.ui.define([
 	 */
 	FlexibleColumnLayout.prototype._flushColumnContent = function (sColumn) {
 		var oControl = this.getAggregation("_" + sColumn + "ColumnNav"),
-			oRm = sap.ui.getCore().createRenderManager();
+			oRm = new RenderManager().getInterface();
 
 		oRm.renderControl(oControl);
 		oRm.flush(this._$columns[sColumn].find(".sapFFCLColumnContent")[0], undefined, true);
@@ -1106,7 +1117,7 @@ sap.ui.define([
 	};
 
 	/**
-	 * Saves the DOM references of the columns and layout arrows.
+	 * Saves the DOM references of the columns and column separators.
 	 * @private
 	 */
 	FlexibleColumnLayout.prototype._cacheDOMElements = function () {
@@ -1327,11 +1338,11 @@ sap.ui.define([
 			sNewWidth = convertPxToCSSSizeString(iNewWidth, this._getControlWidth(), oColumnConfig.shouldInsetColumn),
 			bAutoSize = oColumnConfig.autoSize,
 			bAnimationsEnabled = oColumnConfig.hasAnimations,
-			bPinned = oColumnConfig.shouldRevealColumn || oColumnConfig.shouldConcealColumn,
+			bHidden = !iNewWidth,
 			bResizeColumnWithAnimation = this._canResizeColumnWithAnimation(sColumn, oColumnConfig),
-			bSuspendResizeHandler = bAnimationsEnabled && (bResizeColumnWithAnimation || bAutoSize) && !bPinned,
+			bSuspendResizeHandler = bAnimationsEnabled,
 			fnAfterResizeCallback = this._afterColumnResize.bind(this, sColumn, merge(oColumnConfig, {
-				resumeResizeHandler: bSuspendResizeHandler // toggle back after resize
+				resumeResizeHandler: bSuspendResizeHandler && !bHidden // toggle back after resize
 			})),
 			fnResizeErrorCallback = function() {
 				ResizeHandler.resume(oColumnDomRef);
@@ -1370,10 +1381,10 @@ sap.ui.define([
 			}
 
 			// For tablet and desktop - notify child controls to render with reduced container size, if they need to
-			if (oColumnConfig.updateContextualSettings && !Device.system.phone) {
+			if (oColumnConfig.updateContextualSettings && !Device.system.phone && iNewWidth) {
 				this._updateColumnContextualSettings(sColumn, iNewWidth);
 			}
-			if (oColumnConfig.updateMediaCSSClases && !Device.system.phone) {
+			if (oColumnConfig.updateMediaCSSClases && !Device.system.phone && iNewWidth) {
 				this._updateColumnCSSClasses(sColumn, iNewWidth);
 			}
 	};
@@ -1398,6 +1409,9 @@ sap.ui.define([
 			iNewWidth = oOptions.width,
 			bShouldRestoreFocus = oOptions.shouldRestoreFocus;
 
+		//BCP: 1980006195
+		oColumn.toggleClass("sapFFCLColumnHidden", iNewWidth === 0);
+
 		if (bShouldRevealColumn || bShouldConcealColumn ) {
 			oColumn[0].querySelector(".sapFFCLColumnContent").style.width = "";
 		}
@@ -1409,9 +1423,6 @@ sap.ui.define([
 			oColumn.removeClass("sapFFCLColumnActive");
 		}
 
-		//BCP: 1980006195
-		oColumn.toggleClass("sapFFCLColumnHidden", iNewWidth === 0);
-
 		if (oOptions.resumeResizeHandler) {
 			ResizeHandler.resume(oColumn[0]);
 		}
@@ -1430,14 +1441,14 @@ sap.ui.define([
 				oColumn = this._$columns[sColumn],
 				oColumnDomRef = oColumn[0];
 
-			oColumn.toggleClass(FlexibleColumnLayout.PINNED_COLUMN_CLASS_NAME, bShouldPin);
-
 			if (bShouldRevealColumn) {
-				oColumnDomRef.querySelector(".sapFFCLColumnContent").style.width = convertPxToCSSSizeString(oColumnWidths[sColumn], this._getControlWidth());
+				oColumnDomRef.querySelector(".sapFFCLColumnContent").style.width = oColumnWidths[sColumn] + "px";
 			} else if (bShouldConcealColumn) {
 				oColumnDomRef.querySelector(".sapFFCLColumnContent").style.width = oColumnDomRef.offsetWidth + "px";
 			}
 
+			oColumn.toggleClass(FlexibleColumnLayout.PINNED_COLUMN_CLASS_NAME, bShouldPin);
+
 		}, this);
 	};
 
@@ -1468,7 +1479,7 @@ sap.ui.define([
 	};
 
 	FlexibleColumnLayout.prototype._getDefaultResizeOptions = function () {
-		var sAnimationMode = Configuration.getAnimationMode();
+		var sAnimationMode = ControlBehavior.getAnimationMode();
 		return {
 			layout: this.getLayout(),
 			previousLayout: this._getPreviousLayout(),
@@ -1486,7 +1497,7 @@ sap.ui.define([
 
 	FlexibleColumnLayout.prototype._addDetailedActiveClasses = function (sLayout) {
 		var aColumns = FlexibleColumnLayout.COLUMN_ORDER.slice(),
-			bRtl = Configuration.getRTL(),
+			bRtl = Localization.getRTL(),
 			aActiveColumns = aColumns.filter(function (sColumn) {
 				return this._getColumnSizeForLayout(sColumn, sLayout) > 0;
 			}, this);
@@ -1557,7 +1568,7 @@ sap.ui.define([
 
 	FlexibleColumnLayout.prototype._onColumnSeparatorMoveStart = function (oEvent, oSeparator, bTouch) {
 		// needed to position the separator presizely
-		var bRtl = Configuration.getRTL(),
+		var bRtl = Localization.getRTL(),
 			iStartOffset = this._getDraggedSeparatorStartOffset(oSeparator, bRtl);
 
 		this._oMoveInfo = {
@@ -1747,15 +1758,15 @@ sap.ui.define([
 
 		this._oMoveInfo.columnWidths = oNewColumnWidths;
 
-		if (bResizeWithPinning) {
+		if (bResizeWithPinning || bIsResizeEnd) {
 			// call the dedicated function in order to resize with reveal/conceal effect
+			// or update CSS classes on resizeEnd
 			this._resizeColumns({
 				columnWidths: oNewColumnWidths,
 				layout: sLayout,
 				previousLayout: sPreviousLayout,
-				updateContextualSettings: false,
-				updateMediaCSSClases: false,
-				updateDetailedActiveClasses: false,
+				updateMediaCSSClases: bIsResizeEnd,
+				updateDetailedActiveClasses: bIsResizeEnd,
 				restoreFocusOnBackNavigation: false
 			});
 		} else {
@@ -2220,12 +2231,19 @@ sap.ui.define([
 		var iVisibleColumnsCount = this._getMaxColumnsCountForLayout(sLayout, FlexibleColumnLayout.DESKTOP_BREAKPOINT),
 			sLastVisibleColumn = this._getLastVisibleColumnForLayout(sLayout),
 			bIsLastColumn = sColumn === sLastVisibleColumn,
+			sPreviousLastVisibleColumn = this._getLastVisibleColumnForLayout(sPreviousLayout),
 			iPreviousVisibleColumnsCount = this._getMaxColumnsCountForLayout(sPreviousLayout, FlexibleColumnLayout.DESKTOP_BREAKPOINT),
-			bWasFullScreen = (sPreviousLayout === LT.MidColumnFullScreen || sPreviousLayout === LT.EndColumnFullScreen);
+			bWasFullScreen = this._isFullScreenLayout(sPreviousLayout),
+			bIsFullscreen = this._isFullScreenLayout(sLayout);
 
-		return (iVisibleColumnsCount > iPreviousVisibleColumnsCount) &&
-			!bWasFullScreen &&
-			bIsLastColumn;
+		return ((iVisibleColumnsCount > iPreviousVisibleColumnsCount)
+			&& !(sPreviousLayout === LT.MidColumnFullScreen || sPreviousLayout === LT.EndColumnFullScreen)
+			&& bIsLastColumn
+			|| (bWasFullScreen && bIsFullscreen && sPreviousLastVisibleColumn !== sColumn && bIsLastColumn));
+	};
+
+	FlexibleColumnLayout.prototype._isFullScreenLayout = function (sLayout) {
+		return sLayout === LT.OneColumn || sLayout === LT.MidColumnFullScreen || sLayout === LT.EndColumnFullScreen;
 	};
 
 	FlexibleColumnLayout.prototype._isInteractivelyResizedColumn = function (sColumn) {
@@ -2252,12 +2270,15 @@ sap.ui.define([
 		var iVisibleColumnsCount = this._getMaxColumnsCountForLayout(sLayout, FlexibleColumnLayout.DESKTOP_BREAKPOINT),
 			iPreviousVisibleColumnsCount = this._getMaxColumnsCountForLayout(sPreviousLayout, FlexibleColumnLayout.DESKTOP_BREAKPOINT),
 			sPreviousLastVisibleColumn = this._getLastVisibleColumnForLayout(sPreviousLayout),
-			bWasFullScreen = (sPreviousLayout === LT.MidColumnFullScreen || sPreviousLayout === LT.EndColumnFullScreen);
+			sLastVisibleColumn = this._getLastVisibleColumnForLayout(sLayout),
+			bWasFullScreen = this._isFullScreenLayout(sPreviousLayout),
+			bIsFullscreen = this._isFullScreenLayout(sLayout);
 
-		return (iVisibleColumnsCount < iPreviousVisibleColumnsCount
+		return ((iVisibleColumnsCount < iPreviousVisibleColumnsCount
 			&& sColumn === sPreviousLastVisibleColumn
-			&& !bWasFullScreen
-			&& this._getColumnSizeForLayout(sColumn, sLayout) === 0);
+			&& !(sPreviousLayout === LT.MidColumnFullScreen || sPreviousLayout === LT.EndColumnFullScreen)
+			&& this._getColumnSizeForLayout(sColumn, sLayout) === 0)
+			|| (bWasFullScreen && bIsFullscreen && sColumn !== sLastVisibleColumn && sPreviousLastVisibleColumn === sColumn));
 	};
 
 	/**
@@ -2446,7 +2467,7 @@ sap.ui.define([
 		// Always resize the columns when the browser is resized
 		this._resizeColumns();
 
-		// Only update the arrows and fire the event if the maximum number of columns that can be shown has changed
+		// only fire the event if the maximum number of columns that can be shown has changed
 		if (iMaxColumnsCount !== iOldMaxColumnsCount) {
 			this._fireStateChange(false, true);
 		}
@@ -2490,7 +2511,7 @@ sap.ui.define([
 
 		iMaxColumnsCount = this.getMaxColumnsCount();
 
-		// Only show arrows if 2 or 3 columns can be displayed at a time
+		// Only show separators if 2 or 3 columns can be displayed at a time
 		if (iMaxColumnsCount > 1) {
 			oMap[LT.TwoColumnsBeginExpanded] = ["begin"];
 			oMap[LT.TwoColumnsMidExpanded] = ["begin"];
@@ -2516,7 +2537,7 @@ sap.ui.define([
 		var aNeededSeparators = [],
 			bIsNavContainersContentRendered;
 
-		// Stop here if the control isn't rendered yet or in phone mode, where arrows aren't necessary
+		// Stop here if the control isn't rendered yet or in phone mode, where separators aren't necessary
 		if (!this.isActive() || Device.system.phone) {
 			return;
 		}
@@ -2544,7 +2565,7 @@ sap.ui.define([
 		this._oColumnSeparators[sKey].data("visible", bShow);
 	};
 
-	FlexibleColumnLayout.prototype._fireStateChange = function (bIsNavigationArrow, bIsResize) {
+	FlexibleColumnLayout.prototype._fireStateChange = function (bIsColumnSeparatorInteraction, bIsResize) {
 
 		// The event should not be fired if the control has zero width as all relevant layout calculations are size-based
 		if (this._getControlWidth() === 0) {
@@ -2552,7 +2573,7 @@ sap.ui.define([
 		}
 
 		this.fireStateChange({
-			isNavigationArrow: bIsNavigationArrow,
+			isNavigationArrow: bIsColumnSeparatorInteraction,
 			isResize: bIsResize,
 			layout: this.getLayout(),
 			maxColumnsCount: this.getMaxColumnsCount()
@@ -2948,14 +2969,14 @@ sap.ui.define([
 	/**
 	 * Returns a string, representing the relative percentage sizes of the columns for the given layout in the format "begin/mid/end" (f.e. "33/67/0")
 	 * @param {string} sLayout - the layout
-	 * @param {boolean} bAsArray - return an array in the format [33, 67, 0] instead of a string "33/67/0"
+	 * @param {boolean} bAsIntArray - return an array in the format [33, 67, 0] instead of a string "33/67/0"
 	 * @param {number} [iMaxColumnsCount] the maximun number of columns. If not provided, the result of
 	 * <code>getMaxColumnsCount</code> will be taken
 	 * @returns {string|array}
 	 * @private
 	 * @ui5-restricted sap.f.FlexibleColumnLayoutSemanticHelper
 	 */
-	FlexibleColumnLayout.prototype._getColumnWidthDistributionForLayout = function (sLayout, bAsArray, iMaxColumnsCount) {
+	FlexibleColumnLayout.prototype._getColumnWidthDistributionForLayout = function (sLayout, bAsIntArray, iMaxColumnsCount) {
 		var sColumnWidthDistribution = this._getLocalStorage(iMaxColumnsCount).get(sLayout),
 			vResult;
 
@@ -2972,10 +2993,11 @@ sap.ui.define([
 			vResult = this._getDefaultColumnWidthDistributionForLayout(sLayout, iMaxColumnsCount);
 		}
 
-		if (bAsArray) {
+		if (bAsIntArray) {
 			vResult = vResult.split("/").map(function (sColumnWidth) {
-				return parseInt(sColumnWidth);
+				return Math.round(parseFloat(sColumnWidth));
 			});
+			normalizeColumnPercentWidths(vResult);
 		}
 
 		return vResult;
@@ -3056,7 +3078,7 @@ sap.ui.define([
 	 * @returns {Object} the resource bundle object
 	 */
 	FlexibleColumnLayout._getResourceBundle = function () {
-		return sap.ui.getCore().getLibraryResourceBundle("sap.f");
+		return Library.getResourceBundleFor("sap.f");
 	};
 
 
@@ -3363,6 +3385,29 @@ sap.ui.define([
 		return oConfig.pageX;
 	}
 
+	/**
+	 * Ensures the sum of all column percent widths is 100.
+	 * (Used after converting all the column widths from floats to integers,
+	 * to avoid inconsistency of the final sum due to rounding.)
+	 *
+	 * @param {object} aColumnPercentWidths the percent widths of all three columns
+	 */
+	function normalizeColumnPercentWidths(aColumnPercentWidths) {
+		var oColumnIndex = {
+			begin: 0,
+			mid: 1,
+			end: 2
+		},
+		iSum = aColumnPercentWidths.reduce((a, b) => a + b, 0);
+		if (iSum !== 100) {
+			// the CSS of the mid column always causes it take the space that remained
+			// after sizing the begin and end columns
+			aColumnPercentWidths[oColumnIndex.mid] = 100 -
+			(aColumnPercentWidths[oColumnIndex.begin] + aColumnPercentWidths[oColumnIndex.end]);
+		}
+	}
+
+
 	return FlexibleColumnLayout;
 
 });

package/src/sap/f/FlexibleColumnLayoutAccessibleLandmarkInfo.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 * @since 1.95
 	 *
 	 * @constructor

package/src/sap/f/FlexibleColumnLayoutRenderer.js

@@ -4,11 +4,15 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["sap/ui/Device", "sap/ui/core/Core", "sap/m/library"],
-	function (Device, Core, mobileLibrary) {
+sap.ui.define([
+	"sap/ui/Device",
+	"sap/m/library",
+	"sap/ui/core/Lib",
+	"sap/ui/core/IconPool" // side effect: required when calling RenderManager#icon
+], function (Device, mobileLibrary, Library) {
 		"use strict";
 
-		var oResourceBundle = Core.getLibraryResourceBundle("sap.f");
+		var oResourceBundle = Library.getResourceBundleFor("sap.f");
 
 		var FCLRenderer = {
 			apiVersion: 2

package/src/sap/f/FlexibleColumnLayoutSemanticHelper.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 *
 	 * For more information, see {@link sap.f.FlexibleColumnLayoutSemanticHelper#getCurrentUIState} and {@link sap.f.FlexibleColumnLayoutSemanticHelper#getNextUIState}
 	 *
-	 * @version 1.120.10
+	 * @version 1.121.1
 	 * @param {sap.f.FlexibleColumnLayout} oFlexibleColumnLayout
 	 * The <code>sap.f.FlexibleColumnLayout</code> object whose state will be manipulated.
 	 *