@openui5/sap.ui.integration 1.131.0 → 1.132.0

package/src/sap/ui/integration/util/SorterHelper.js

@@ -0,0 +1,45 @@
+/*!
+ * OpenUI5
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
+ * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
+ */
+
+sap.ui.define([
+	"sap/ui/integration/util/BindingResolver",
+	"sap/ui/model/Sorter"
+], function (
+	BindingResolver,
+	Sorter
+) {
+	"use strict";
+
+	/**
+	 * Utility class helping with sap.ui.model.Sorter control.
+	 *
+	 * @author SAP SE
+	 * @version 1.132.0
+	 *
+	 * @private
+	 * @alias sap.ui.integration.util.SorterHelper
+	 */
+	const SorterHelper = { };
+
+	/**
+	 * Define the sorting of a group.
+	 * @param {object} oGroup The group which will be sorted
+	 * @returns {sap.ui.model.Sorter}  Sorter for a list bindings.
+	 */
+	SorterHelper.getGroupSorter = function (oGroup) {
+		var bDescendingOrder = false;
+		if (oGroup.order.dir && oGroup.order.dir === "DESC") {
+			bDescendingOrder = true;
+		}
+		var oSorter = new Sorter(oGroup.order.path, bDescendingOrder, function (oContext) {
+			return BindingResolver.resolveValue(oGroup.title, oContext.getModel(), oContext.getPath());
+		});
+
+		return oSorter;
+	};
+
+	return SorterHelper;
+});

package/src/sap/ui/integration/util/Utils.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 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([
 	 * Utility class helping with JSON strings and formatters.
 	 *
 	 * @author SAP SE
-	 * @version 1.131.0
+	 * @version 1.132.0
 	 *
 	 * @private
 	 * @alias sap.ui.integration.util.Utils

package/src/sap/ui/integration/util/Validators.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -11,7 +11,7 @@ sap.ui.define([], function () {
 	 * Utility class helping with input validations.
 	 *
 	 * @author SAP SE
-	 * @version 1.131.0
+	 * @version 1.132.0
 	 *
 	 * @private
 	 * @alias sap.ui.integration.util.Validators

package/src/sap/ui/integration/util/loadCardEditor.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define(['sap/ui/dom/includeScript'],

package/src/sap/ui/integration/util/openCardDialog.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -9,53 +9,20 @@ sap.ui.define([
 	"sap/ui/Device",
 	"sap/ui/core/Element",
 	"sap/ui/integration/library",
+	"sap/ui/integration/util/BindingHelper",
 	// jQuery Plugin "firstFocusableDomRef", "lastFocusableDomRef"
 	"sap/ui/dom/jquery/Focusable"
 ], (
 	Dialog,
 	Device,
 	Element,
-	library
+	library,
+	BindingHelper
 ) => {
 	"use strict";
 
 	const CardDataMode = library.CardDataMode;
 
-	function _addDimensionsDelegate(oDialog, oParentCard, bSetMinSize) {
-		const oChildCard = oDialog.getContent()[0];
-		let bSetMaxDimensions = true;
-
-		oChildCard.addEventDelegate({
-			onAfterRendering: () => {
-				const oChildCardDomRef = oChildCard.getDomRef();
-
-				if (bSetMinSize) {
-					oChildCardDomRef.style.minHeight = oParentCard.getDomRef().offsetHeight + "px";
-					oChildCardDomRef.style.minWidth = oParentCard.getDomRef().offsetWidth + "px";
-				}
-
-				if (bSetMaxDimensions) {
-					oChildCardDomRef.style.maxHeight = oDialog._getAreaDimensions().height * 70 / 100 + "px";
-					oChildCardDomRef.style.maxWidth = oDialog._getAreaDimensions().width * 70 / 100 + "px";
-				} else {
-					oChildCardDomRef.style.maxHeight = "";
-					oChildCardDomRef.style.maxWidth = "";
-				}
-			}
-		});
-
-		oDialog.addEventDelegate({
-			onmousedown: (e) => {
-				if (e.target.closest(".sapMDialogResizeHandle")) {
-					bSetMaxDimensions = false;
-				}
-			},
-			onAfterRendering: () => {
-				oDialog.getDomRef().style.minHeight = "8.25rem";
-			}
-		});
-	}
-
 	function _addAnimationDelegate(oDialog, oParentCard) {
 		const oParentRect = oParentCard.getDomRef().getBoundingClientRect();
 		const oParentPos = {
@@ -95,23 +62,59 @@ sap.ui.define([
 		});
 	}
 
-	function _addResizeDelegate(oDialog, oChildCard) {
-		const oDelegate = {
-			onmousedown: (e) => {
-				if (e.target.closest(".sapMDialogResizeHandle")) {
-					oChildCard.setHeight("100%");
-					oDialog.setContentHeight(oDialog.getDomRef("cont").offsetHeight + "px");
-					oDialog.setVerticalScrolling(false);
-					oDialog.removeEventDelegate(oDelegate);
-				}
+	function _enableResizing(oDialog, oChildCard) {
+		// We can not set the contentHeight during resize as the dialog "jumps" if invalidated then.
+		// So it needs to be done after open.
+		oDialog.attachAfterOpen(() => {
+			oChildCard.setHeight("100%");
+			oDialog.setContentHeight(oDialog.getDomRef("cont").offsetHeight + "px");
+		});
+	}
+
+	function _setDialogHeader(oDialog, oChildCard) {
+		const oHeader = oChildCard.getCardHeader();
+		if (!oHeader) {
+			return;
+		}
+
+		// propagetes any inherited models from the card before move
+		BindingHelper.propagateModels(oHeader, oHeader);
+
+		oDialog.setCustomHeader(oHeader);
+		oChildCard.setAssociation("dialogHeader", oHeader);
+
+		oHeader.setProperty("headingLevel", "1");
+		oHeader.setProperty("focusable", false);
+		oHeader.setVisible(true);
+	}
+
+	function _setAriaAttributes(oDialog, oChildCard) {
+		// Adjust accessibility
+		oChildCard.addEventDelegate({
+			onAfterRendering: () => {
+				// the card shouldn't be a region with aria-labelledby, otherwise the header is read two times.
+				oChildCard.getDomRef().removeAttribute("role");
+				oChildCard.getDomRef().removeAttribute("aria-labelledby");
 			}
-		};
+		});
 
-		oDialog.addEventDelegate(oDelegate);
+		oDialog.addEventDelegate({
+			onAfterRendering: () => {
+				// The dialog has no good API to set the title aria-labelledby.
+				// You can only add one to the header. Therefore we need to override it.
+				const oHeader = oDialog.getCustomHeader();
+				if (!oHeader) {
+					return;
+				}
+				oDialog.getDomRef().setAttribute("aria-labelledby", oHeader.getTitleId());
+			}
+		});
 	}
 
-	function _openDialog(oChildCard, oParentCard, oParameters, bSetMinSize) {
+	function _openDialog(oChildCard, oParentCard, oParameters) {
 		oChildCard.setDisplayVariant("Large"); // always use large variant for dialog, scrolling content is possible
+		oChildCard.addStyleClass("sapUiIntCardDialogCard");
+
 		oParentCard.setBusy(true).setBusyIndicatorDelay(750);
 
 		const oDialog = new Dialog({
@@ -122,13 +125,11 @@ sap.ui.define([
 				verticalScrolling: false,
 				horizontalScrolling: false,
 				draggable: true,
-				showHeader: false,
-				ariaLabelledBy: oChildCard.getId(),
+				resizable: true,
 				escapeHandler: function (oPromise) {
 					oChildCard.hide();
 					oPromise.resolve();
 				},
-				resizable: oParameters.resizable,
 				afterOpen: () => {
 					oParentCard.setBusy(false);
 				},
@@ -140,15 +141,17 @@ sap.ui.define([
 		oDialog.addStyleClass("sapUiIntCardDialog");
 
 		oParentCard.addDependent(oDialog);
-		oChildCard.attachEventOnce("_ready", () => {
+
+		oChildCard.attachEvent("_ready", () => {
+			_setDialogHeader(oDialog, oChildCard);
+			_setAriaAttributes(oDialog, oChildCard);
 			oDialog.open();
 			_setFocus(oChildCard, oDialog);
 		});
 
 		if (!Device.system.phone) {
-			_addDimensionsDelegate(oDialog, oParentCard, bSetMinSize);
 			_addAnimationDelegate(oDialog, oParentCard);
-			_addResizeDelegate(oDialog, oChildCard);
+			_enableResizing(oDialog, oChildCard);
 		}
 
 		oChildCard.startManifestProcessing();
@@ -172,7 +175,7 @@ sap.ui.define([
 		}
 	}
 
-	function openCardDialog(oParentCard, oParameters, bSetMinSize = false) {
+	function openCardDialog(oParentCard, oParameters) {
 		let oChildCard;
 
 		if (oParameters._cardId) {
@@ -184,7 +187,7 @@ sap.ui.define([
 			});
 		}
 
-		return _openDialog(oChildCard, oParentCard, oParameters, bSetMinSize);
+		return _openDialog(oChildCard, oParentCard, oParameters);
 	}
 
 	return openCardDialog;

package/src/sap/ui/integration/widgets/Card.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2024 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 sap.ui.define([
@@ -107,6 +107,8 @@ sap.ui.define([
 
 	var HeaderPosition = fLibrary.cards.HeaderPosition;
 
+	var SemanticRole = fLibrary.cards.SemanticRole;
+
 	var ActionArea = library.CardActionArea;
 
 	var CardArea = library.CardArea;
@@ -184,7 +186,7 @@ sap.ui.define([
 	 * @extends sap.f.CardBase
 	 *
 	 * @author SAP SE
-	 * @version 1.131.0
+	 * @version 1.132.0
 	 * @public
 	 * @constructor
 	 * @see {@link topic:5b46b03f024542ba802d99d67bc1a3f4 Cards}
@@ -561,7 +563,14 @@ sap.ui.define([
 				 * @private
 				 * @ui5-private
 				 */
-				openerReference: { visibility: "hidden" }
+				openerReference: { visibility: "hidden" },
+
+				/**
+				 * The opener card.
+				 * @private
+				 * @ui5-private
+				 */
+				dialogHeader: { visibility: "hidden" }
 			}
 		},
 		renderer: CardRenderer
@@ -599,7 +608,7 @@ sap.ui.define([
 		 * @experimental since 1.79
 		 * @public
 		 * @author SAP SE
-		 * @version 1.131.0
+		 * @version 1.132.0
 		 * @borrows sap.ui.integration.widgets.Card#getId as getId
 		 * @borrows sap.ui.integration.widgets.Card#getDomRef as getDomRef
 		 * @borrows sap.ui.integration.widgets.Card#setVisible as setVisible
@@ -2055,6 +2064,20 @@ sap.ui.define([
 	 * @returns {sap.f.cards.IHeader} The header of the card
 	 */
 	Card.prototype.getCardHeader = function () {
+		let oHeader = this.getAggregation("_header");
+
+		if (!oHeader && this.getAssociation("dialogHeader")) {
+			oHeader = Element.getElementById(this.getAssociation("dialogHeader"));
+		}
+
+		return oHeader;
+	};
+
+	/**
+	 * @private
+     * @returns {sap.f.cards.IHeader} The header of the card.
+	 */
+	Card.prototype._getHeaderAggregation = function () {
 		return this.getAggregation("_header");
 	};
 
@@ -2114,11 +2137,11 @@ sap.ui.define([
 	 * @private
 	 */
 	Card.prototype._applyHeaderManifestSettings = function () {
-		var oPrevHeader = this.getAggregation("_header");
+		var oPrevHeader = this.getCardHeader();
 
 		if (oPrevHeader) {
 			oPrevHeader.setToolbar(null); // ensure that actionsToolbar won't be destroyed
-			this.destroyAggregation("_header");
+			oPrevHeader.destroy();
 		}
 
 		var oHeader = this.createHeader();
@@ -2681,6 +2704,10 @@ sap.ui.define([
 	 * @protected
 	 */
 	Card.prototype.getFocusDomRef = function () {
+		if (this.isInteractive() && this.getSemanticRole() === SemanticRole.ListItem) {
+			return this.getDomRef();
+		}
+
 		var oHeader = this.getCardHeader();
 
 		if (oHeader && oHeader.getFocusDomRef()) {
@@ -3222,7 +3249,7 @@ sap.ui.define([
 		}
 
 		if (typeof vManifest === "string") {
-			oChildCard.setManifest(this.hasPaginator() ? vManifest : this.getRuntimeUrl(vManifest));
+			oChildCard.setManifest(this.getRuntimeUrl(vManifest));
 			if (sBaseUrl) {
 				oChildCard.setBaseUrl(sBaseUrl);
 			}
@@ -3313,5 +3340,14 @@ sap.ui.define([
 		return bIsInteractive && this.getProperty("interactive");
 	};
 
+	/**
+	 * @private
+	 * @ui5-restricted sap.ui.integration
+	 * @returns {boolean} Whether data is ready.
+	 */
+	Card.prototype.isDataReady = function () {
+		return !!this._bDataReady;
+	};
+
 	return Card;
 });

package/src/sap/ui/integration/widgets/CardRenderer.js

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

package/src/sap-ui-integration-card-editor.js

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

package/src/sap-ui-integration-editor.js

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

package/src/sap-ui-integration.js

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