@openui5/sap.f 1.108.1 → 1.109.0

package/src/sap/f/SidePanelItem.js

@@ -27,13 +27,12 @@ sap.ui.define([
 	 * @extends sap.ui.core.Item
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public
 	 * @since 1.107
 	 * @alias sap.f.SidePanelItem
-	 * @experimental Since 1.107. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
 	 var SidePanelItem = Item.extend("sap.f.SidePanelItem", {

package/src/sap/f/SidePanelRenderer.js

@@ -15,18 +15,18 @@ sap.ui.define([
 		};
 
 		SidePanelRenderer.render = function(oRm, oControl) {
-			var bActionBarExpanded = oControl.getActionBarExpanded(),
-				bSideContentExpanded = oControl._isSideContentExpanded();
+			var bActionBarExpanded = oControl.getActionBarExpanded();
 
 			oRm.openStart("div", oControl);
 			oRm.class("sapFSP");
 			oControl._isSingleItem() && oRm.class("sapFSPSingleItem");
 			bActionBarExpanded && oControl.getItems().length !== 1 && oRm.class("sapFSPActionBarExpanded");
-			bSideContentExpanded && oRm.class("sapFSPSideContentExpanded");
+			oControl._getSideContentExpanded() && oRm.class("sapFSPSideContentExpanded");
 			oRm.openEnd();
 
 			SidePanelRenderer.renderMain(oRm, oControl);
 			oControl.getItems().length && SidePanelRenderer.renderSide(oRm, oControl);
+			!Device.system.phone && SidePanelRenderer.renderMeasureHelpers(oRm, oControl);
 
 			oRm.close("div");
 		};
@@ -91,38 +91,35 @@ sap.ui.define([
 		};
 
 		SidePanelRenderer.renderSide = function(oRm, oControl) {
-			var bSideExpanded = oControl.getActionBarExpanded() || oControl._getSideContentExpanded(),
-				bPhone = Device.system.phone,
-				sSidePanelWidth = oControl._getSidePanelWidth();
+			var bPhone = Device.system.phone,
+				bRenderSplitter = oControl.getSidePanelResizable() && oControl._getSideContentExpanded() && !bPhone;
+
 			oRm.openStart("aside");
 			oRm.class("sapFSPSide");
+			bRenderSplitter && oRm.class("sapFSPResizable");
 			oRm.attr("data-sap-ui-fastnavgroup", "true");
 			oRm.attr("role", "region");
 			oRm.attr("aria-label", oControl._getAriaLabelText());
-			bSideExpanded && !bPhone && oRm.style("width", sSidePanelWidth);
+			oControl._getSideContentExpanded() && !bPhone && oRm.style("width", oControl._getSidePanelWidth());
 			oRm.openEnd();
 
 			oRm.openStart("div");
 			oRm.class("sapFSPSideInner");
-
-			bSideExpanded && !bPhone && oRm.style("width", sSidePanelWidth);
-
 			oRm.openEnd();
 
 			SidePanelRenderer.renderActionBar(oRm, oControl);
 			oControl.getSelectedItem() && SidePanelRenderer.renderSideContent(oRm, oControl);
+			bRenderSplitter && SidePanelRenderer.renderSplitterBar(oRm, oControl);
 
 			oRm.close("div");
-
 			oRm.close("aside");
 		};
 
 		SidePanelRenderer.renderSideContent = function(oRm, oControl) {
 			var aSide = oControl._getSelectedItem().getContent(),
-				bSideContentExpanded = oControl._isSideContentExpanded(),
 				i;
 
-			if (bSideContentExpanded) {
+			if (oControl._getSideContentExpanded()) {
 				oRm.openStart("div");
 				oRm.class("sapFSPSideContent");
 				oRm.attr("data-sap-ui-fastnavgroup", "true");
@@ -142,7 +139,6 @@ sap.ui.define([
 				}
 
 				oRm.close("div");
-
 				oRm.close("div");
 			}
 		};
@@ -167,6 +163,10 @@ sap.ui.define([
 				oExpandCollapseButton = oControl.getAggregation("_arrowButton"),
 				i;
 
+			oRm.openStart("div");
+			oRm.class("sapFSPActionBar");
+			oRm.openEnd();
+
 			if (!bPhone) {
 				// expand/collapse button
 				bSingleItem && oExpandCollapseButton.setTooltip(oControl.getItems()[0].getText());
@@ -175,15 +175,14 @@ sap.ui.define([
 
 			// action bar
 			if (aItems.length) {
-
 				oRm.openStart("div");
-				oRm.class("sapFSPActionBarWrapper");
+				oRm.class("sapFSPActionBarListWrapper");
 				bActionBarExpanded && oRm.class("sapFSPExpanded");
 				oRm.attr("role", "toolbar");
 				oRm.openEnd();
 
-				oRm.openStart("ul", oControl.getId() + "-ActionBar");
-				oRm.class("sapFSPActionBar");
+				oRm.openStart("ul", oControl.getId() + "-ActionBarList");
+				oRm.class("sapFSPActionBarList");
 				aItems.length < 4 && oRm.class("sapFSPCenteredItems");
 				oRm.attr("aria-multiselectable", "false");
 				oRm.attr("aria-label", "Actions");
@@ -202,9 +201,53 @@ sap.ui.define([
 				}
 
 				oRm.close("ul");
-
 				oRm.close("div");
 			}
+
+			oRm.close("div");
+		};
+
+		SidePanelRenderer.renderSplitterBar = function(oRm, oControl) {
+			oRm.openStart("div", oControl.getId() + "-resizeSplitter");
+			oRm.class("sapFSPSplitterBar");
+			oRm.attr("tabindex", 0);
+			oRm.attr("role", "separator");
+			oRm.attr("aria-orientation", "vertical");
+			oRm.attr("aria-roledescription", "splitter separator");
+			oRm.attr("title", oControl._getSplitterTitle());
+			oRm.openEnd();
+
+			oRm.openStart("div");
+			oRm.class("sapFSPSplitterBarDecorationBefore");
+			oRm.openEnd();
+			oRm.close("div");
+
+			oRm.openStart("div");
+			oRm.class("sapFSPSplitterBarGrip");
+			oRm.openEnd();
+			oRm.icon("sap-icon://vertical-grip", ["sapFSPSplitterBarGripIcon"]);
+			oRm.close("div");
+
+			oRm.openStart("div");
+			oRm.class("sapFSPSplitterBarDecorationAfter");
+			oRm.openEnd();
+			oRm.close("div");
+
+			oRm.close("div");
+		};
+
+		SidePanelRenderer.renderMeasureHelpers = function(oRm, oControl) {
+			oRm.openStart("div");
+			oRm.class("sapFSPMinWidth");
+			oRm.style("width", oControl.getSidePanelMinWidth());
+			oRm.openEnd();
+			oRm.close("div");
+
+			oRm.openStart("div");
+			oRm.class("sapFSPMaxWidth");
+			oRm.style("width", oControl.getSidePanelMaxWidth());
+			oRm.openEnd();
+			oRm.close("div");
 		};
 
 		return SidePanelRenderer;

package/src/sap/f/cards/BaseHeader.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public
@@ -135,21 +135,13 @@ sap.ui.define([
 	};
 
 	BaseHeader.prototype.ontap = function (oEvent) {
-		var srcControl = oEvent.srcControl;
-		if (srcControl && srcControl.getId().indexOf("overflowButton") > -1) { // better way?
-			return;
-		}
-
-		if (this._isInteractive()) {
+		if (this._isInteractive() && !this._isInsideToolbar(oEvent.target)) {
 			this.firePress();
 		}
 	};
 
-	/**
-	 * Fires the <code>sap.f.cards.NumericHeader</code> press event.
-	 */
-	BaseHeader.prototype.onsapselect = function () {
-		if (this._isInteractive()) {
+	BaseHeader.prototype.onsapselect = function (oEvent) {
+		if (this._isInteractive() && !this._isInsideToolbar(oEvent.target)) {
 			this.firePress();
 		}
 	};
@@ -360,5 +352,11 @@ sap.ui.define([
 		return this.hasListeners("press");
 	};
 
+	BaseHeader.prototype._isInsideToolbar = function(oElement) {
+		var oToolbar = this.getToolbar();
+
+		return oToolbar && oToolbar.getDomRef() && oToolbar.getDomRef().contains(oElement);
+	};
+
 	return BaseHeader;
 });

package/src/sap/f/cards/Header.js

@@ -46,7 +46,7 @@ sap.ui.define([
 	 * @implements sap.f.cards.IHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/cards/HeaderRenderer.js

@@ -79,7 +79,7 @@ sap.ui.define([], function () {
 			return;
 		}
 
-		if (bIconVisible && (oHeader.getIconSrc() || oHeader.getIconInitials() || oBindingInfos.iconSrc)) {
+		if (bIconVisible && (!oHeader.isPropertyInitial("iconSrc") || !oHeader.isPropertyInitial("iconInitials"))) {
 			oRm.openStart("div")
 				.class("sapFCardHeaderImage")
 				.openEnd();

package/src/sap/f/cards/NumericHeader.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.BaseHeader
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public
@@ -90,6 +90,12 @@ sap.ui.define([
 				 */
 				number: { "type": "string", group : "Data" },
 
+				/**
+				 * Whether the main numeric indicator is visible or not
+				 * @since 1.109
+				 */
+				numberVisible: { "type": "boolean", defaultValue : true},
+
 				/**
 				 * Defines the unit of measurement (scaling prefix) for the main indicator.
 				 * Financial characters can be used for currencies and counters. The International System of Units (SI) prefixes can be used.
@@ -124,6 +130,7 @@ sap.ui.define([
 				 * The alignment of the side indicators.
 				 */
 				sideIndicatorsAlignment: { "type": "sap.f.cards.NumericHeaderSideIndicatorsAlignment", group: "Appearance", defaultValue : "Begin" }
+
 			},
 			aggregations: {
 
@@ -214,7 +221,8 @@ sap.ui.define([
 			.setScale(this.getScale())
 			.setTrend(this.getTrend())
 			.setState(this.getState())
-			.setSideIndicatorsAlignment(this.getSideIndicatorsAlignment());
+			.setSideIndicatorsAlignment(this.getSideIndicatorsAlignment())
+			.setNumberVisible(this.getNumberVisible());
 	};
 
 

package/src/sap/f/cards/NumericIndicators.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private
@@ -49,6 +49,12 @@ sap.ui.define([
 				 */
 				numberSize: { "type": "string", group : "Appearance", defaultValue: "L" },
 
+				/**
+				 * Whether the main numeric indicator is visible or not.
+				 * @since 1.109
+				 */
+				numberVisible: { "type": "boolean", defaultValue : true},
+
 				/**
 				 * Defines the unit of measurement (scaling prefix) for the main indicator.
 				 * Financial characters can be used for currencies and counters. The International System of Units (SI) prefixes can be used.
@@ -71,6 +77,7 @@ sap.ui.define([
 				 * The alignment of the side indicators.
 				 */
 				sideIndicatorsAlignment: { "type": "sap.f.cards.NumericHeaderSideIndicatorsAlignment", group: "Appearance", defaultValue : "Begin" }
+
 			},
 			aggregations: {
 
@@ -97,7 +104,8 @@ sap.ui.define([
 			.setValue(this.getNumber())
 			.setScale(this.getScale())
 			.setIndicator(this.getTrend())
-			.setValueColor(this.getState());
+			.setValueColor(this.getState())
+			.setVisible(this.getNumberVisible());
 	};
 
 	/**

package/src/sap/f/cards/NumericIndicatorsRenderer.js

@@ -18,7 +18,10 @@ sap.ui.define([], function () {
 	 */
 	NumericIndicatorsRenderer.render = function (oRm, oNumericIndicators) {
 		var oMainIndicator = oNumericIndicators.getAggregation("_mainIndicator"),
-			oSideIndicators = oNumericIndicators.getSideIndicators();
+			oSideIndicators = oNumericIndicators.getSideIndicators(),
+			bHasVisibleSideIndicator = oSideIndicators.some(function (oIndicator) {
+				return oIndicator.getVisible();
+			});
 
 		oRm.openStart("div", oNumericIndicators)
 			.class("sapFCardNumericIndicators")
@@ -31,7 +34,7 @@ sap.ui.define([], function () {
 
 		oRm.openEnd();
 
-		if (oMainIndicator) {
+		if (oMainIndicator && oNumericIndicators.getNumberVisible()) {
 			oRm.openStart("div")
 				.class("sapFCardNumericIndicatorsMain")
 				.openEnd()
@@ -44,7 +47,7 @@ sap.ui.define([], function () {
 				.close("div");
 		}
 
-		if (oSideIndicators.length !== 0) {
+		if (oSideIndicators.length !== 0 && bHasVisibleSideIndicator) {
 			oRm.openStart("div")
 				.class("sapFCardNumericIndicatorsSide")
 				.openEnd();

package/src/sap/f/cards/NumericSideIndicator.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/f/cards/loading/AnalyticalPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/CalendarPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.f.cards.loading.ListPlaceholder
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private
@@ -30,9 +30,8 @@ sap.ui.define([
 		metadata: {
 			library: "sap.f",
 			properties: {
-
 				/**
-				 * The maxLegendItems set to the list.
+				 * The maxLegendItems set to the legend items.
 				 */
 				maxLegendItems: {
 					type : "int",
@@ -49,7 +48,7 @@ sap.ui.define([
 		},
 		renderer: {
 			render: function (oRm, oControl) {
-				var iMaxItems = oControl.getMaxItems(),
+				var iMinItems = oControl.getMinItems(),
 					iMaxLegendItems = oControl.getMaxLegendItems(),
 					oItem = oControl.getItem(),
 					oLegendItem = oControl.getLegendItem(),
@@ -138,7 +137,7 @@ sap.ui.define([
 
 					oRm.openEnd();
 
-					for (i = 0; i < iMaxItems; i++) {
+					for (i = 0; i < iMinItems; i++) {
 						oRm.openStart("div")
 							.class("sapFCardListPlaceholderItem")
 							.style("height", oControl.getItemHeight())

package/src/sap/f/cards/loading/GenericPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/ListPlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private
@@ -32,9 +32,9 @@ sap.ui.define([
 			properties: {
 
 				/**
-				 * The maximum number of items set to the list.
+				 * The minimum number of items set to the list.
 				 */
-				maxItems: {
+				minItems: {
 					type : "int",
 					group : "Misc"
 				},
@@ -54,7 +54,7 @@ sap.ui.define([
 		renderer: {
 			apiVersion: 2,
 			render: function (oRm, oControl) {
-				var iMaxItems = oControl.getMaxItems(),
+				var iMinItems = oControl.getMinItems(),
 					oItem = oControl.getItem(),
 					// set title for screen reader
 					oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
@@ -74,7 +74,7 @@ sap.ui.define([
 
 				oRm.openEnd();
 
-				for (var i = 0; i < iMaxItems; i++) {
+				for (var i = 0; i < iMinItems; i++) {
 					oRm.openStart("div")
 						.class("sapFCardListPlaceholderItem")
 						.style("height", oControl.getItemHeight())

package/src/sap/f/cards/loading/ObjectPlaceholder.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/f/cards/loading/TablePlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private
@@ -32,9 +32,9 @@ sap.ui.define([
 			properties: {
 
 				/**
-				 * The maximum number of items (table rows) set to the table
+				 * The minimum number of items (table rows) set to the table
 				 */
-				maxItems: {
+				minItems: {
 					type : "int",
 					group : "Misc"
 				},
@@ -52,7 +52,7 @@ sap.ui.define([
 		renderer: {
 			apiVersion: 2,
 			render: function (oRm, oControl) {
-				var iMaxItems = oControl.getMaxItems(),
+				var iMinItems = oControl.getMinItems(),
 					iColumns = oControl.getColumns(),
 					bHasActualContent = oControl.getParent()._getTable().getColumns().length,
 					// set title for screen reader
@@ -77,7 +77,7 @@ sap.ui.define([
 
 				oRm.openEnd();
 
-				for (var i = 0; i < iMaxItems + 1; i++) { // number of rows + header
+				for (var i = 0; i < iMinItems + 1; i++) { // number of rows + header
 					oRm.openStart("div")
 						.class("sapFCardTablePlaceholderItem")
 						.style("height", oControl.getItemHeight())

package/src/sap/f/cards/loading/TimelinePlaceholder.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.1
+	 * @version 1.109.0
 	 *
 	 * @constructor
 	 * @private
@@ -32,9 +32,9 @@ sap.ui.define([
 			properties: {
 
 				/**
-				 * The maximum number of items set to the timeline.
+				 * The minimum number of items set to the timeline.
 				 */
-				maxItems: {
+				minItems: {
 					type : "int",
 					group : "Misc"
 				},
@@ -54,7 +54,7 @@ sap.ui.define([
 		renderer: {
 			apiVersion: 2,
 			render: function (oRm, oControl) {
-				var iMaxItems = oControl.getMaxItems(),
+				var iMinItems = oControl.getMinItems(),
 					oItem = oControl.getItem(),
 					// set title for screen reader
 					oResBundle = Core.getLibraryResourceBundle("sap.ui.core"),
@@ -74,7 +74,7 @@ sap.ui.define([
 
 				oRm.openEnd();
 
-				for (var i = 0; i < iMaxItems; i++) {
+				for (var i = 0; i < iMinItems; i++) {
 					oRm.openStart("div")
 						.class("sapFCardTimelinePlaceholderItem")
 						.style("height", oControl.getItemHeight())
@@ -91,7 +91,7 @@ sap.ui.define([
 							.openEnd()
 							.close("div");
 
-						if (i !== iMaxItems - 1) {
+						if (i !== iMinItems - 1) {
 							oRm.openStart("div")
 								.class("sapFCardTimelinePlaceholderLine")
 								.class("sapFCardLoadingShimmer")

package/src/sap/f/changeHandler/MoveDynamicPageTitleActions.js

@@ -16,7 +16,7 @@ sap.ui.define([
 		 *
 		 * @alias sap.f.changeHandler.MoveDynamicPageTitleActions
 		 * @author SAP SE
-		 * @version 1.108.1
+		 * @version 1.109.0
 		 * @experimental Since 1.52
 		 */
 		var MoveActions = { };