@openui5/sap.ui.dt 1.136.2 → 1.138.0

package/REUSE.toml

@@ -238,27 +238,6 @@ SPDX-FileCopyrightText = [
 SPDX-License-Identifier = "Apache-2.0 and MIT"
 SPDX-FileComment = "these files contain content from SAP and JUnit Reporter for QUnit: qunit-junit.js is overall written by SAP, but contains a modified copy of JUnit Reporter for QUnit (qunit-reporter-junit)"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2011 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - iScroll Lite"
-
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2012 Matteo Spinelli"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: cubiq.org - swipeview"
-
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/zyngascroll.js"
 precedence = "aggregate"
@@ -308,13 +287,6 @@ SPDX-FileCopyrightText = "1991-2024 Unicode, Inc."
 SPDX-License-Identifier = "LicenseRef-Unicode-3.0"
 SPDX-FileComment = "these files belong to: Unicode Common Locale Data Repository"
 
-[[annotations]]
-path = "src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**"
-precedence = "aggregate"
-SPDX-FileCopyrightText = "2010-2013, Acid Media"
-SPDX-License-Identifier = "MIT"
-SPDX-FileComment = "these files belong to: MobiScroll"
-
 [[annotations]]
 path = [
     "src/sap.ui.core/src/sap/ui/thirdparty/sinon.js",

package/THIRDPARTY.txt

@@ -133,24 +133,6 @@ License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/qunit-reporter-junit.js
 	src/sap.ui.core/src/sap/ui/qunit/qunit-junit.js
 
-Component: cubiq.org - iScroll, version: 4.2.5
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll.js
-
-Component: cubiq.org - iScroll Lite, version: 4.1.6
-Copyright: 2011 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/iscroll-lite.js
-
-Component: cubiq.org - swipeview, version: 1.0
-Copyright: 2012 Matteo Spinelli
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/swipe-view.js
-
 Component: Zynga Scroller, version: 1.2.1-0-g5d43806
 Copyright: 2011 Zynga Inc.
 License: MIT
@@ -193,12 +175,6 @@ License: LicenseRef-Unicode-3.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/LicenseRef-Unicode-3.0.txt
 Contained in: src/sap.ui.core/src/sap/ui/core/cldr/**
 
-Component: MobiScroll, version: 2.9.0
-Copyright: 2010-2013, Acid Media
-License: MIT
-License Text: https://github.com/SAP/openui5/blob/master/LICENSES/MIT.txt
-Contained in: src/sap.ui.core/src/sap/ui/thirdparty/mobiscroll/**
-
 Component: SinonJS, version: 1.14.1
 Copyright: 2010-2014, Christian Johansen, christian@cjohansen.no
 License: BSD-3-Clause

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.dt",
-  "version": "1.136.2",
+  "version": "1.138.0",
   "description": "OpenUI5 UI Library sap.ui.dt",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,6 +14,6 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.ui.core": "1.136.2"
+    "@openui5/sap.ui.core": "1.138.0"
   }
 }

package/src/sap/ui/dt/.library

@@ -6,7 +6,7 @@
   <copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>
-  <version>1.136.2</version>
+  <version>1.138.0</version>
 
   <documentation>SAP UI library: sap.ui.dt (by SAP, Author)</documentation>
 

package/src/sap/ui/dt/AggregationDesignTimeMetadata.js

@@ -23,7 +23,7 @@ function(
 	 * @extends sap.ui.dt.DesignTimeMetadata
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/AggregationOverlay.js

@@ -33,7 +33,7 @@ function(
 	 * @extends sap.ui.dt.Overlay
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private
@@ -145,8 +145,6 @@ function(
 
 				if (!bChildRendered) {
 					var oRenderResult = oChild.render(true);
-					// TODO: change when renderer does not return jquery object any more!
-					oRenderResult = oRenderResult.jquery ? oRenderResult.get(0) : oRenderResult;
 				}
 
 				var oChildDOM = bChildRendered ? oChild.getDomRef() : oRenderResult;

package/src/sap/ui/dt/ControlObserver.js

@@ -22,7 +22,7 @@ function(ManagedObjectObserver) {
 	 * @extends sap.ui.dt.ManagedObjectObserver
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/DOMUtil.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @private
 	 * @since 1.30
@@ -36,7 +36,6 @@ sap.ui.define([
 
 	/**
 	 * Returns the offset for an element
-	 * Replaces the jQuery method offset
 	 * @param {HTMLElement} oElement - Element
 	 * @returns {PositionObject} the calculated offset containing left and top values
 	 */
@@ -49,25 +48,6 @@ sap.ui.define([
 		};
 	};
 
-	/**
-	 * Returns if the <code>oDomElement</code> is currently visible on the screen.
-	 *
-	 * @param {HTMLElement|jQuery} oDomElement Element to be evaluated
-	 * @returns{boolean} - Returns if <code>oDomElement</code> is currently visible on the screen.
-	 */
-	DOMUtil.isElementInViewport = function(oDomElement) {
-		oDomElement = oDomElement.jquery ? oDomElement.get(0) : oDomElement;
-
-		var mRect = oDomElement.getBoundingClientRect();
-
-		return (
-			mRect.top >= 0 &&
-			mRect.left >= 0 &&
-			mRect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-			mRect.right <= (window.innerWidth || document.documentElement.clientWidth)
-		);
-	};
-
 	DOMUtil.getSize = function(oDomRef) {
 		var oClientRec = oDomRef.getBoundingClientRect();
 		return {
@@ -78,9 +58,8 @@ sap.ui.define([
 
 	/**
 	 * Returns the parents for an element
-	 * Replaces the jQuery method parents
 	 * @param {HTMLElement} oElement - Element
-	 * @param {string} sSelector - jQuery (CSS-like) selector to search for
+	 * @param {string} sSelector - CSS selector to search for
 	 * @returns {Array} aParents - Array containing Parents which match selector
 	 */
 	DOMUtil.getParents = function(oElement, sSelector) {
@@ -113,7 +92,7 @@ sap.ui.define([
 		var iScrollTop = oParent ? oParent.scrollTop : null;
 		var iScrollLeft = oParent ? DOMUtil.getScrollLeft(oParent) : null;
 
-		var mParentOffset = oParent ? this.getOffset(oParent) : null;
+		var mParentOffset = oParent ? DOMUtil.getOffset(oParent) : null;
 
 		var mOffset = {
 			left: oGeometry.position.left,
@@ -276,7 +255,7 @@ sap.ui.define([
 
 	DOMUtil.getGeometry = function(oDomRef, bUseWindowOffset) {
 		if (oDomRef) {
-			var oOffset = this.getOffset(oDomRef);
+			var oOffset = DOMUtil.getOffset(oDomRef);
 			if (bUseWindowOffset) {
 				oOffset.left = oOffset.left - window.scrollX;
 				oOffset.top = oOffset.top - window.scrollY;
@@ -284,9 +263,9 @@ sap.ui.define([
 
 			return {
 				domRef: oDomRef,
-				size: this.getSize(oDomRef),
+				size: DOMUtil.getSize(oDomRef),
 				position: oOffset,
-				visible: this.isVisible(oDomRef)
+				visible: DOMUtil.isVisible(oDomRef)
 			};
 		}
 		return undefined;
@@ -308,30 +287,32 @@ sap.ui.define([
 	};
 
 	/**
-	 * returns jQuery object found in oDomRef for sCSSSelector
-	 * @param {Element|jQuery} oDomRef - to search in
-	 * @param {string} sCSSSelector - jQuery (CSS-like) selector to look for
-	 * @returns {jQuery} found domRef
+	 * Returns HTML Element found in oDomRef for sCSSSelector
+	 * @param {Element} oDomRef - to search in
+	 * @param {string} sCSSSelector - CSS-like selector to look for
+	 * @returns {Element} found domRef
 	 */
+
 	DOMUtil.getDomRefForCSSSelector = function(oDomRef, sCSSSelector) {
 		if (sCSSSelector && oDomRef) {
-			var $domRef = jQuery(oDomRef);
-
 			if (sCSSSelector === ":sap-domref") {
-				return $domRef;
+				return oDomRef;
 			}
 
-			// ":sap-domref > sapMPage" scenario
+			// Replace ":sap-domref" with ":scope" to make the selector compatible with browsers.
+			// Example: ":sap-domref > sapMPage" becomes ":scope > sapMPage", scoping the query to oDomRef.
 			if (sCSSSelector.indexOf(":sap-domref") > -1) {
-				return $domRef.find(sCSSSelector.replace(/:sap-domref/g, ""));
+				const sModifiedSelector = sCSSSelector.replace(/:sap-domref/g, ":scope");
+				return oDomRef.querySelector(sModifiedSelector);
 			}
 
-			// normal selector
-			return $domRef.find(sCSSSelector);
+			// Prefix ":scope" to child selectors (>) to scope the query to oDomRef.
+			// Example: "div > p, span > a" becomes "div :scope > p, span :scope > a".
+			const sScopedSelector = sCSSSelector.replace(/(^|,)\s*(>)/g, "$1:scope$2");
+			return oDomRef.querySelector(sScopedSelector);
 		}
 
-		// empty jQuery object for typing
-		return jQuery();
+		return undefined;
 	};
 
 	/**
@@ -350,31 +331,6 @@ sap.ui.define([
 		return false;
 	};
 
-	/**
-	 * Sets the draggable attribute to a specified node
-	 * @param {HTMLElement} oNode - Target node to add the attribute to
-	 * @param {boolean} bValue - Attribute value
-	 */
-	DOMUtil.setDraggable = function(oNode, bValue) {
-		oNode.setAttribute("draggable", bValue);
-	};
-
-	/**
-	 * Sets the draggable attribute of a specified node
-	 * @param {HTMLElement} oNode - Target node to set the draggable attribute on
-	 * @returns {boolean|undefined} undefined when draggable is not set to the node
-	 */
-	DOMUtil.getDraggable = function(oNode) {
-		switch (oNode.getAttribute("draggable")) {
-			case "true":
-				return true;
-			case "false":
-				return false;
-			default:
-				return undefined;
-		}
-	};
-
 	/**
 	 * Copy the given styles object to a destination DOM node.
 	 * @param {Object} oStyles A styles object, which is retrieved from window.getComputedStyle
@@ -410,16 +366,16 @@ sap.ui.define([
 
 			// pseudo elements can't be inserted via js, so we should create a real elements,
 			// which copy pseudo styling
-			var oPseudoElement = jQuery("<span></span>");
+			var oPseudoElement = document.createElement("span");
 			if (sPseudoElement === ":after") {
-				oPseudoElement.appendTo(oDest);
+				oDest.appendChild(oPseudoElement);
 			} else {
-				oPseudoElement.prependTo(oDest);
+				oDest.insertBefore(oPseudoElement, oDest.firstChild);
 			}
 
-			oPseudoElement.text(sContent.replace(/(^['"])|(['"]$)/g, ""));
-			DOMUtil._copyStylesTo(mStyles, oPseudoElement.get(0));
-			oPseudoElement.css("display", "inline");
+			oPseudoElement.textContent = sContent.replace(/(^['"])|(['"]$)/g, "");
+			DOMUtil._copyStylesTo(mStyles, oPseudoElement);
+			oPseudoElement.style.display = "inline";
 		}
 	};
 
@@ -433,13 +389,13 @@ sap.ui.define([
 
 		DOMUtil._copyStylesTo(mStyles, oDest);
 
-		this._copyPseudoElement(":after", oSrc, oDest);
-		this._copyPseudoElement(":before", oSrc, oDest);
+		DOMUtil._copyPseudoElement(":after", oSrc, oDest);
+		DOMUtil._copyPseudoElement(":before", oSrc, oDest);
 	};
 
 	DOMUtil.copyComputedStyles = function(oSrc, oDest) {
 		for (var i = 0; i < oSrc.children.length; i++) {
-			this.copyComputedStyles(oSrc.children[i], oDest.children[i]);
+			DOMUtil.copyComputedStyles(oSrc.children[i], oDest.children[i]);
 		}
 
 		// we shouldn't copy classes because they can affect styling
@@ -451,12 +407,12 @@ sap.ui.define([
 		oDest.setAttribute("for", "");
 		oDest.setAttribute("tabindex", -1);
 
-		this.copyComputedStyle(oSrc, oDest);
+		DOMUtil.copyComputedStyle(oSrc, oDest);
 	};
 
 	DOMUtil.cloneDOMAndStyles = function(oNode, oTarget) {
 		var oCopy = oNode.cloneNode(true);
-		this.copyComputedStyles(oNode, oCopy);
+		DOMUtil.copyComputedStyles(oNode, oCopy);
 
 		oTarget.append(oCopy);
 	};
@@ -486,4 +442,4 @@ sap.ui.define([
 	};
 
 	return DOMUtil;
-}, /* bExport= */ true);
+});

package/src/sap/ui/dt/DesignTime.js

@@ -28,8 +28,7 @@ sap.ui.define([
 	"sap/ui/dt/TaskManager",
 	"sap/ui/dt/TaskRunner",
 	"sap/ui/dt/util/ZIndexManager",
-	"sap/ui/dt/Util",
-	"sap/ui/thirdparty/jquery"
+	"sap/ui/dt/Util"
 ], function(
 	_curry,
 	_difference,
@@ -54,8 +53,7 @@ sap.ui.define([
 	TaskManager,
 	TaskRunner,
 	ZIndexManager,
-	Util,
-	jQuery
+	Util
 ) {
 	"use strict";
 
@@ -71,7 +69,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private
@@ -634,8 +632,7 @@ sap.ui.define([
 		})
 		.then(
 			function(oElementOverlay) {
-				// TODO remove jQuery when Overlay.render() returns DOM Element
-				jQuery(Overlay.getOverlayContainer()).append(oElementOverlay.render());
+				Overlay.getOverlayContainer().append(oElementOverlay.render());
 				this._oTaskManager.add({
 					type: "applyStyles",
 					callbackFn: oElementOverlay.applyStyles.bind(oElementOverlay),
@@ -1116,9 +1113,9 @@ sap.ui.define([
 						// If creation of one of the children is aborted, we still continue our execution
 						.catch(function(oError) {
 							const mError = this._enrichChildCreationError(oError, oChildElement, sParentElementClassName, sAggregationName);
-							// Omit error message if the parent was already destroyed
+							// Omit error message if the parent or the DesignTime instance was already destroyed
 							// e.g. SimpleForm move where many elements are created/destroyed in a row
-							if (!oElement.isDestroyed() && !oElementOverlay.isDestroyed()) {
+							if (!oElement.isDestroyed() && !oElementOverlay.isDestroyed() && !this.bIsDestroyed) {
 								Log[mError.severity](mError.message);
 							}
 							return mError.errorObject;

package/src/sap/ui/dt/DesignTimeMetadata.js

@@ -45,7 +45,7 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private
@@ -143,20 +143,18 @@ sap.ui.define([
 
 			if (typeof (vDomRef) === "function") {
 				try {
-					// TODO: replace jQuery when we know that vDomRef will always return a DOM Element
 					var vRes = vDomRef(...aArgs);
-					// convert Nodelist and jQuery-Selection to an Array
-					if ((vRes.jquery && vRes.length > 1) || vRes instanceof NodeList) {
+					// convert NodeList to an Array
+					if (vRes instanceof NodeList) {
 						vRes = Array.from(vRes);
 					}
-					// we return an Array or a Node
-					return vRes.jquery ? vRes.get(0) : vRes;
+					// we return an Array of DOM elements
+					return vRes;
 				} catch (error) {
 					return undefined;
 				}
 			} else if (oElementDomRef && typeof (vDomRef) === "string") {
-				// TODO: replace jQuery when we know that getDomRefForCSSSelector will always return a DOM Element
-				return DOMUtil.getDomRefForCSSSelector(oElementDomRef, vDomRef).get(0);
+				return DOMUtil.getDomRefForCSSSelector(oElementDomRef, vDomRef);
 			}
 		}
 		return undefined;

package/src/sap/ui/dt/ElementDesignTimeMetadata.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.DesignTimeMetadata
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/dt/ElementOverlay.js

@@ -16,7 +16,6 @@ sap.ui.define([
 	"sap/ui/dt/DOMUtil",
 	"sap/ui/dt/Util",
 	"sap/ui/core/Control",
-	"sap/ui/thirdparty/jquery",
 	"sap/base/Log",
 	"sap/base/util/isPlainObject",
 	"sap/base/util/merge",
@@ -34,7 +33,6 @@ sap.ui.define([
 	DOMUtil,
 	Util,
 	Control,
-	jQuery,
 	Log,
 	isPlainObject,
 	merge,
@@ -57,7 +55,7 @@ sap.ui.define([
 	 * @extends sap.ui.dt.Overlay
 	 *
 	 * @author SAP SE
-	 * @version 1.136.2
+	 * @version 1.138.0
 	 *
 	 * @constructor
 	 * @private
@@ -516,8 +514,7 @@ sap.ui.define([
 		if (this._bInit) {
 			if (this.isRoot()) {
 				if (!this.isRendered()) {
-					// TODO remove jQuery when Overlay.render() returns DOM Element
-					jQuery(Overlay.getOverlayContainer()).append(this.render());
+					Overlay.getOverlayContainer().append(this.render());
 					this.applyStyles();
 				} else {
 					Log.error("sap.ui.dt.ElementOverlay: overlay is already rendered and can\'t be placed in overlay container. Isn\'t it already there?");
@@ -583,11 +580,11 @@ sap.ui.define([
 
 	/**
 	 * Renders children of the current overlay
-	 * @return {jQuery[]} - returns array of children DOM Nodes each wrapped into jQuery object.
+	 * @return {Array<Element>} - returns array of children DOM Nodes
 	 * @private
 	 */
 	ElementOverlay.prototype._renderChildren = function(...aArgs) {
-		var a$Children = Overlay.prototype._renderChildren.apply(this, aArgs);
+		var aChildren = Overlay.prototype._renderChildren.apply(this, aArgs);
 
 		this.getScrollContainers().forEach(function(mScrollContainer, iIndex) {
 			var oScrollContainer = document.createElement("div");
@@ -600,18 +597,16 @@ sap.ui.define([
 					this.getAggregationNames()
 				).forEach(function(sAggregationName) {
 					var oAggregationOverlay = this.getAggregationOverlay(sAggregationName);
-					var iAggregationOverlayIndex = a$Children.indexOf(oAggregationOverlay.$());
+					var iAggregationOverlayIndex = aChildren.indexOf(oAggregationOverlay.getDomRef());
 					oAggregationOverlay.setScrollContainerId(iIndex);
-					oScrollContainer.append(a$Children[iAggregationOverlayIndex].get(0));
-					a$Children.splice(iAggregationOverlayIndex, 1);
+					oScrollContainer.append(aChildren[iAggregationOverlayIndex]);
+					aChildren.splice(iAggregationOverlayIndex, 1);
 				}, this);
 			}
-
-			// TODO remove jQuery when Overlay._renderChildren / .render() returns DOM Element
-			a$Children.push(jQuery(oScrollContainer));
+			aChildren.push(oScrollContainer);
 		}, this);
 
-		return a$Children;
+		return aChildren;
 	};
 
 	/**
@@ -777,12 +772,12 @@ sap.ui.define([
 	ElementOverlay.prototype._onChildAdded = function(oEvent) {
 		var oAggregationOverlay = oEvent.getSource();
 		if (this.isRendered() && !oAggregationOverlay.isRendered()) {
-			var $Target = (
+			var oTarget = (
 				Util.isInteger(oAggregationOverlay.getScrollContainerId())
 					? this.getScrollContainerById(oAggregationOverlay.getScrollContainerId())
-					: jQuery(this.getChildrenDomRef())
+					: this.getChildrenDomRef()
 			);
-			$Target.append(oAggregationOverlay.render());
+			oTarget.append(oAggregationOverlay.render());
 		}
 	};