@openui5/sap.ui.integration 1.108.2 → 1.110.0

package/src/sap/ui/integration/cards/filters/FilterBar.js

@@ -1,11 +1,13 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
+	"sap/ui/base/ManagedObjectObserver",
 	"sap/ui/core/Control"
 ], function (
+	ManagedObjectObserver,
 	Control
 ) {
 	"use strict";
@@ -21,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private
@@ -40,6 +42,11 @@ sap.ui.define([
 		renderer: {
 			apiVersion: 2,
 			render: function (oRM, oFilterBar) {
+				var bHasVisibleFilter = oFilterBar._getFilters().some(function (oFilter) { return oFilter.getVisible(); });
+				if (!bHasVisibleFilter) {
+					return;
+				}
+
 				oRM.openStart("div", oFilterBar)
 					.class("sapFCardFilterBar")
 					.openEnd();
@@ -51,6 +58,62 @@ sap.ui.define([
 		}
 	});
 
+	FilterBar.prototype.init = function () {
+		this._mObservers = new Map();
+		this._oAggregationObserver = new ManagedObjectObserver(this._onContentAggregationChange.bind(this));
+		this._fnFilterVisibilityChangeHandler = this._onFilterVisibilityChange.bind(this);
+		this._fnObserveFilter = this._observeFilter.bind(this);
+
+		this._oAggregationObserver.observe(this, {
+			aggregations: [ "content" ]
+		});
+	};
+
+	FilterBar.prototype.exit = function () {
+		this._oAggregationObserver.disconnect();
+		delete this._oAggregationObserver;
+
+		this._mObservers.forEach(function (oObserver) { oObserver.disconnect(); });
+		this._mObservers.clear();
+		delete this._mObservers;
+
+		delete this._fnFilterVisibilityChangeHandler;
+		delete this._fnObserveFilter;
+	};
+
+	FilterBar.prototype._onContentAggregationChange = function (oChange) {
+		if (oChange.mutation === "remove") {
+			this._mObservers.forEach(function (oObserver) { oObserver.disconnect(); });
+			this._mObservers.clear();
+			return;
+		}
+
+		var oContent = oChange.child,
+			sAggregationName = "items"; // sap.m.FlexBox
+
+		if (oContent.isA("sap.ui.layout.AlignedFlowLayout")) {
+			sAggregationName = "content";
+		}
+
+		if (oChange.mutation === "insert") {
+			oContent.getAggregation(sAggregationName).forEach(this._fnObserveFilter);
+		}
+	};
+
+	FilterBar.prototype._observeFilter = function (oFilter) {
+		var sContentId = oFilter.getParent().getId(),
+			oObserver = new ManagedObjectObserver(this._fnFilterVisibilityChangeHandler);
+
+		oObserver.observe(oFilter, {
+			properties: [ "visible" ]
+		});
+		this._mObservers.set(sContentId, oObserver);
+	};
+
+	FilterBar.prototype._onFilterVisibilityChange = function () {
+		this.invalidate();
+	};
+
 	/**
 	 * @private
 	 * @ui5-restricted
@@ -83,6 +146,9 @@ sap.ui.define([
 
 	FilterBar.prototype._getFilters = function () {
 		var oContent = this.getContent();
+		if (!oContent || !oContent.isA(["sap.m.FlexBox", "sap.ui.layout.AlignedFlowLayout"])) {
+			return [];
+		}
 
 		return oContent.getItems ? oContent.getItems() : oContent.getContent();
 	};

package/src/sap/ui/integration/cards/filters/FilterBarFactory.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.Object
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private
@@ -82,7 +82,8 @@ sap.ui.define([
 				value: {
 					model: "filters",
 					path: "/" + sKey
-				}
+				},
+				visible: mConfig.visible
 			});
 
 			oModel.setProperty("/" + sKey, oFilter.getValueForModel());

package/src/sap/ui/integration/cards/filters/SearchFilter.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/cards/filters/SelectFilter.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.integration.cards.filters.BaseFilter
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private
@@ -75,6 +75,7 @@ sap.ui.define([
 		var oSelect = this._getSelect();
 
 		oSelect.setSelectedKey(this.getValue().value);
+		this._syncValue();
 	};
 
 	/**

package/src/sap/ui/integration/cards/list/MicrochartsResizeHelper.js

@@ -0,0 +1,126 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+sap.ui.define([
+	"sap/ui/base/Object",
+	"sap/ui/core/ResizeHandler",
+	"sap/ui/base/ManagedObjectObserver"
+], function (
+	BaseObject,
+	ResizeHandler,
+	ManagedObjectObserver
+) {
+	"use strict";
+
+	/**
+	 * Constructor for a new <code>MicrochartsResizeHelper</code>.
+	 *
+	 * @class
+	 *
+	 * @extends sap.ui.base.Object
+	 *
+	 * @author SAP SE
+	 * @version 1.110.0
+	 *
+	 * @constructor
+	 * @private
+	 * @alias sap.ui.integration.cards.list.MicrochartsResizeHelper
+	 * @abstract
+	 */
+	var MicrochartsResizeHelper = BaseObject.extend("sap.ui.integration.cards.list.MicrochartsResizeHelper", {
+		constructor: function (oList) {
+			BaseObject.call(this);
+
+			this._oItemDelegate = {
+				onAfterRendering: this._onAfterItemRendering
+			};
+
+			this._oList = oList;
+			this._oItemsObserver = new ManagedObjectObserver(this._onItemChange.bind(this));
+			this._oItemsObserver.observe(oList, {aggregations: ["items"]});
+		}
+	});
+
+	/**
+	 * @override
+	 */
+	MicrochartsResizeHelper.prototype.destroy = function () {
+		BaseObject.prototype.destroy.apply(this, arguments);
+
+		if (this._iMicrochartsResizeHandler) {
+			ResizeHandler.deregister(this._iMicrochartsResizeHandler);
+			this._iMicrochartsResizeHandler = undefined;
+		}
+
+		if (this._iResizeMicrochartsTimeout) {
+			clearTimeout(this._iResizeMicrochartsTimeout);
+			this._iResizeMicrochartsTimeout = null;
+		}
+
+		this._oItemsObserver = null;
+		this._oItemDelegate = null;
+	};
+
+	/**
+	 * @private
+	 * @param {Object} mChanges The changes.
+	 */
+	MicrochartsResizeHelper.prototype._onItemChange = function (mChanges) {
+		if (mChanges.name !== "items" || !mChanges.child || !mChanges.child.getMicrochart()) {
+			return;
+		}
+
+		if (mChanges.mutation === "insert") {
+			mChanges.child.getMicrochart().addEventDelegate(this._oItemDelegate, this);
+		} else if (mChanges.mutation === "remove") {
+			mChanges.child.getMicrochart().removeEventDelegate(this._oItemDelegate, this);
+		}
+	};
+
+	/**
+	 * @private
+	 */
+	MicrochartsResizeHelper.prototype._onAfterItemRendering = function () {
+		this._scheduleResizeMicrocharts();
+	};
+
+	/**
+	 * @private
+	 */
+	MicrochartsResizeHelper.prototype._scheduleResizeMicrocharts = function () {
+		if (this._iResizeMicrochartsTimeout) {
+			clearTimeout(this._iResizeMicrochartsTimeout);
+			this._iResizeMicrochartsTimeout = null;
+		}
+
+		this._iResizeMicrochartsTimeout = setTimeout(function () {
+			this._resizeMicrocharts();
+		}.bind(this), 0);
+	};
+
+	/**
+	 * @private
+	 */
+	MicrochartsResizeHelper.prototype._resizeMicrocharts = function () {
+		var $charts = this._oList.$().find(".sapUiIntMicrochartChart"),
+			iShortestWidth = Number.MAX_VALUE;
+
+		if ($charts.length === 0) {
+			return;
+		}
+
+		$charts.each(function (iIndex, oChartWrapper) {
+			iShortestWidth = Math.min(iShortestWidth, oChartWrapper.offsetWidth);
+		});
+
+		$charts.find(".sapUiIntMicrochartChartInner").css("max-width", iShortestWidth + "px");
+
+		if (!this._iMicrochartsResizeHandler) {
+			this._iMicrochartsResizeHandler = ResizeHandler.register(this._oList, this._resizeMicrocharts.bind(this));
+		}
+	};
+
+	return MicrochartsResizeHelper;
+});

package/src/sap/ui/integration/controls/ActionsStrip.js

@@ -1,6 +1,6 @@
 /*!
 * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
 
@@ -48,7 +48,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/ActionsToolbar.js

@@ -1,6 +1,6 @@
 /*!
 * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
 
@@ -76,7 +76,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/ActionsToolbarRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/integration/controls/LinkWithIcon.js

@@ -1,6 +1,6 @@
 /*!
 * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
 
@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @extends sap.m.Link
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/integration/controls/LinkWithIconRenderer.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 

package/src/sap/ui/integration/controls/ListContentItem.js

@@ -1,6 +1,6 @@
 /*!
 * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
 
@@ -10,18 +10,23 @@ sap.ui.define([
 	"sap/m/Avatar",
 	"sap/m/AvatarShape",
 	"sap/m/AvatarSize",
-	"sap/m/StandardListItem"
+	"sap/m/ListItemBase",
+	"sap/ui/core/Core",
+	"sap/ui/core/library"
 ], function (
 	library,
 	ListContentItemRenderer,
 	Avatar,
 	AvatarShape,
 	AvatarSize,
-	StandardListItem
+	ListItemBase,
+	Core,
+	coreLibrary
 ) {
 	"use strict";
 
 	var AttributesLayoutType = library.AttributesLayoutType;
+	var ValueState = coreLibrary.ValueState;
 
 	/**
 	 * Constructor for a new ListContentItem.
@@ -31,19 +36,34 @@ sap.ui.define([
 	 *
 	 * @class
 	 *
-	 * @extends sap.m.StandardListItem
+	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.108.2
+	 * @version 1.110.0
 	 *
 	 * @constructor
 	 * @private
 	 * @alias sap.ui.integration.controls.ListContentItem
 	 */
-	var ListContentItem = StandardListItem.extend("sap.ui.integration.controls.ListContentItem", {
+	var ListContentItem = ListItemBase.extend("sap.ui.integration.controls.ListContentItem", {
 		metadata: {
 			library: "sap.ui.integration",
 			properties: {
+				/**
+				 * Defines the title of the list item.
+				 */
+				title: { type: "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Defines the additional information for the title.
+				 */
+				description: { type: "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Defines the list item icon.
+				 */
+				icon: { type: "sap.ui.core.URI", group: "Misc", defaultValue: null },
+
 				/**
 				 * Defines an alt text for the avatar or icon.
 				 * @since 1.82
@@ -75,14 +95,29 @@ sap.ui.define([
 				iconBackgroundColor: { type: "sap.m.AvatarColor" },
 
 				/**
-				 * Defines the layout type of the attributes.
+				 * Defines whether the icon should be visible.
 				 */
-				attributesLayoutType: { type: "sap.ui.integration.AttributesLayoutType", defaultValue: AttributesLayoutType.TwoColumns },
+				iconVisible: { type: "boolean", defaultValue: true },
 
 				/**
-				 * Defines whether the icon should be visible.
+				 * Defines an additional information text.
 				 */
-				iconVisible: { type: "boolean", defaultValue: true }
+				info: { type : "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Defines the value state of the information text.
+				 */
+				infoState: { type : "sap.ui.core.ValueState", group: "Misc", defaultValue: ValueState.None },
+
+				/**
+				 * Defines if info state icon should be shown.
+				 */
+				showInfoStateIcon: { type: "boolean", defaultValue: false },
+
+				/**
+				 * Defines the layout type of the attributes.
+				 */
+				attributesLayoutType: { type: "sap.ui.integration.AttributesLayoutType", defaultValue: AttributesLayoutType.TwoColumns }
 			},
 			aggregations: {
 				microchart: { type: "sap.ui.integration.controls.Microchart", multiple: false },
@@ -100,6 +135,79 @@ sap.ui.define([
 		renderer: ListContentItemRenderer
 	});
 
+	ListContentItem.getLinesCount = function (oConfiguration) {
+		var iLines = 1; // at least 1 line for the mandatory title
+
+		if (oConfiguration.description) {
+			iLines += 1;
+		}
+
+		if (oConfiguration.attributes) {
+			if (oConfiguration.attributesLayoutType === AttributesLayoutType.OneColumn) {
+				iLines = oConfiguration.attributes.length;
+			} else {
+				iLines += Math.ceil(oConfiguration.attributes.length / 2);
+			}
+		}
+
+		if (oConfiguration.chart) {
+			iLines += 1;
+		}
+
+		return iLines;
+	};
+
+	ListContentItem.prototype.getLinesCount = function () {
+		var iLines = 1; // at least 1 line for the mandatory title
+
+		if (this.getDescription()) {
+			iLines += 1;
+		}
+
+		if (this.getAttributesLayoutType() === AttributesLayoutType.OneColumn) {
+			iLines += this._getVisibleAttributes().length;
+		} else {
+			iLines += Math.ceil(this._getVisibleAttributes().length / 2);
+		}
+
+		if (this.getMicrochart()) {
+			iLines += 1;
+		}
+
+		return iLines;
+	};
+
+	/**
+	 * ListItemBase hook
+	 * @override
+	 */
+	ListContentItem.prototype.getContentAnnouncement = function () {
+		var sInfoState = this.getInfoState(),
+			sTitle = this.getTitle(),
+			sDescription = this.getDescription(),
+			aOutput = [],
+			sInfo = this.getInfo(),
+			oMBundle = Core.getLibraryResourceBundle("sap.m");
+
+		if (sTitle) {
+			aOutput.push(sTitle);
+		}
+
+		if (sDescription) {
+			aOutput.push(sDescription);
+		}
+
+		if (sInfo) {
+			aOutput.push(sInfo);
+		}
+
+		if (sInfoState != ValueState.None && sInfoState !== this.getHighlight()) {
+			aOutput.push(oMBundle.getText("LIST_ITEM_STATE_" + sInfoState.toUpperCase()));
+		}
+
+		return aOutput.join(" . ").trim();
+	};
+
 	ListContentItem.prototype._getAvatar = function () {
 		var oAvatar = this.getAggregation("_avatar");