@openui5/sap.ui.dt 1.117.0 → 1.118.0

package/.eslintrc.json

@@ -26,6 +26,7 @@
 		"max-len": ["warn", {
 			"code": 140,
 			"ignorePattern": "@param|@returns|@description|<|QUnit.test",
+			"ignoreTemplateLiterals": true,
 			"ignoreUrls": true
 		}],
 		"space-before-function-paren": ["error", {
@@ -50,6 +51,29 @@
 		"quotes": ["error", "double", {
 			"avoidEscape": true,
 			"allowTemplateLiterals": true
-		}]
+		}],
+		"no-unsafe-optional-chaining": "error",
+		"prefer-const": ["error", { "ignoreReadBeforeAssign": true }],
+		"prefer-template": "error",
+		"rest-spread-spacing": ["error", "never"],
+		"template-curly-spacing": "error",
+		"object-shorthand": ["error", "always", { "ignoreConstructors": false, "avoidQuotes": true }],
+		"prefer-destructuring": ["error", {
+			"VariableDeclarator": {
+				"array": false,
+				"object": true
+			},
+			"AssignmentExpression": {
+				"array": true,
+				"object": false
+			}
+			}, {
+				"enforceForRenamedProperties": false
+			}
+		],
+		"prefer-rest-params": "error",
+		"prefer-spread": "error",
+		"logical-assignment-operators":["error", "always", { "enforceForIfStatements": true } ],
+		"require-await": "error"
 	}
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.ui.dt",
-  "version": "1.117.0",
+  "version": "1.118.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.117.0"
+    "@openui5/sap.ui.core": "1.118.0"
   }
 }

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

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

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

@@ -23,15 +23,15 @@ function(
 	 * @extends sap.ui.dt.DesignTimeMetadata
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.AggregationDesignTimeMetadata
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
-	var AggregationDesignTimeMetadata = DesignTimeMetadata.extend("sap.ui.dt.AggregationDesignTimeMetadata", /** @lends sap.ui.dt.AggregationDesignTimeMetadata.prototype */ {
+	var AggregationDesignTimeMetadata = DesignTimeMetadata
+	.extend("sap.ui.dt.AggregationDesignTimeMetadata", /** @lends sap.ui.dt.AggregationDesignTimeMetadata.prototype */ {
 		metadata: {
 			library: "sap.ui.dt"
 		}
@@ -45,8 +45,9 @@ function(
 	 * @return {string|undefined} Returns the label as string or undefined
 	 * @public
 	 */
-	AggregationDesignTimeMetadata.prototype.getLabel = function(oElement, sAggregationName) {
-		return DesignTimeMetadata.prototype.getLabel.apply(this, arguments) || sAggregationName;
+	AggregationDesignTimeMetadata.prototype.getLabel = function(...aArgs) {
+		const [, sAggregationName] = aArgs;
+		return DesignTimeMetadata.prototype.getLabel.apply(this, aArgs) || sAggregationName;
 	};
 
 	return AggregationDesignTimeMetadata;

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

@@ -33,13 +33,12 @@ function(
 	 * @extends sap.ui.dt.Overlay
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.AggregationOverlay
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
 	var AggregationOverlay = Overlay.extend("sap.ui.dt.AggregationOverlay", /** @lends sap.ui.dt.AggregationOverlay.prototype */ {
 		metadata: {
@@ -78,10 +77,10 @@ function(
 	/**
 	 * @override
 	 */
-	AggregationOverlay.prototype._getAttributes = function() {
+	AggregationOverlay.prototype._getAttributes = function(...aArgs) {
 		return merge(
 			{},
-			Overlay.prototype._getAttributes.apply(this, arguments),
+			Overlay.prototype._getAttributes.apply(this, aArgs),
 			{
 				"data-sap-ui-dt-aggregation": this.getAggregationName()
 			}
@@ -192,10 +191,10 @@ function(
 	/**
 	 * @override
 	 */
-	AggregationOverlay.prototype.render = function() {
+	AggregationOverlay.prototype.render = function(...aArgs) {
 		if (this.getChildren().length > 0 || this.getDesignTimeMetadata().getDomRef()) {
 			this.addStyleClass("sapUiDtAggregationOverlay");
-			return Overlay.prototype.render.apply(this, arguments);
+			return Overlay.prototype.render.apply(this, aArgs);
 		}
 		return undefined;
 	};
@@ -203,19 +202,20 @@ function(
 	/**
 	 * @override
 	 */
-	AggregationOverlay.prototype._getRenderingParent = function() {
+	AggregationOverlay.prototype._getRenderingParent = function(...aArgs) {
 		if (Util.isInteger(this.getScrollContainerId())) {
 			return this.getParent().getScrollContainerById(this.getScrollContainerId());
 		}
-		return Overlay.prototype._getRenderingParent.apply(this, arguments);
+		return Overlay.prototype._getRenderingParent.apply(this, aArgs);
 	};
 
 	/**
 	 * @override
 	 */
-	AggregationOverlay.prototype._setPosition = function($Target, oGeometry, $Parent, bForceScrollbarSync) {
+	AggregationOverlay.prototype._setPosition = function(...aArgs) {
+		const [, oGeometry, , bForceScrollbarSync] = aArgs;
 		// Apply Overlay position first, then extra logic based on this new position
-		Overlay.prototype._setPosition.apply(this, arguments);
+		Overlay.prototype._setPosition.apply(this, aArgs);
 
 		if (oGeometry.domRef && !Util.isInteger(this.getScrollContainerId())) {
 			this._handleOverflowScroll(oGeometry, this.$(), this.getParent(), bForceScrollbarSync);

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

@@ -22,13 +22,12 @@ function(ManagedObjectObserver) {
 	 * @extends sap.ui.dt.ManagedObjectObserver
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.ControlObserver
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
 	var ControlObserver = ManagedObjectObserver.extend("sap.ui.dt.ControlObserver", /** @lends sap.ui.dt.ControlObserver.prototype */ {
 		metadata: {
@@ -54,8 +53,8 @@ function(ManagedObjectObserver) {
 	/**
 	 * @protected
 	 */
-	ControlObserver.prototype.init = function() {
-		ManagedObjectObserver.prototype.init.apply(this, arguments);
+	ControlObserver.prototype.init = function(...aArgs) {
+		ManagedObjectObserver.prototype.init.apply(this, aArgs);
 
 		this._oControlDelegate = {
 			onAfterRendering: this._onAfterRendering
@@ -67,8 +66,9 @@ function(ManagedObjectObserver) {
 	 * @param {sap.ui.core.Control} oControl The target to observe
 	 * @override
 	 */
-	ControlObserver.prototype.observe = function(oControl) {
-		ManagedObjectObserver.prototype.observe.apply(this, arguments);
+	ControlObserver.prototype.observe = function(...aArgs) {
+		const [oControl] = aArgs;
+		ManagedObjectObserver.prototype.observe.apply(this, aArgs);
 
 		oControl.addEventDelegate(this._oControlDelegate, this);
 	};
@@ -78,13 +78,13 @@ function(ManagedObjectObserver) {
 	 * @param {sap.ui.core.Control} oControl The target to unobserve
 	 * @override
 	 */
-	ControlObserver.prototype.unobserve = function() {
+	ControlObserver.prototype.unobserve = function(...aArgs) {
 		var oControl = this.getTargetInstance();
 		if (oControl) {
 			oControl.removeDelegate(this._oControlDelegate, this);
 		}
 
-		ManagedObjectObserver.prototype.unobserve.apply(this, arguments);
+		ManagedObjectObserver.prototype.unobserve.apply(this, aArgs);
 	};
 
 	/**

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

@@ -23,12 +23,11 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.DOMUtil
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
 
 	var DOMUtil = {};
@@ -153,11 +152,11 @@ sap.ui.define([
 
 	DOMUtil._getElementDimensions = function(oDomRef, sMeasure, aDirection) {
 		var oRelevantDomRef = oDomRef[0] || oDomRef;
-		var iOffsetWidth = oRelevantDomRef["offset" + sMeasure];
+		var iOffsetWidth = oRelevantDomRef[`offset${sMeasure}`];
 		var iValue = 0;
 		for (var i = 0; i < 2; i++) {
 			// remove border
-			var sBorderMeasure = window.getComputedStyle(oRelevantDomRef, null)["border" + aDirection[ i ] + sMeasure];
+			var sBorderMeasure = window.getComputedStyle(oRelevantDomRef, null)[`border${aDirection[ i ]}${sMeasure}`];
 			iValue -= sBorderMeasure ? parseInt(sBorderMeasure.slice(0, -2)) : 0;
 		}
 		return iOffsetWidth + iValue;
@@ -364,7 +363,7 @@ sap.ui.define([
 		// Styles is an array, but has some special access functions
 		for (var i = 0; i < iLength; i++) {
 			sStyle = oStyles[i];
-			sStyles = sStyles + sStyle + ":" + oStyles.getPropertyValue(sStyle) + ";";
+			sStyles = `${sStyles + sStyle}:${oStyles.getPropertyValue(sStyle)};`;
 		}
 
 		oDest.style.cssText = sStyles;

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

@@ -69,13 +69,12 @@ sap.ui.define([
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.DesignTime
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
 
 	var DesignTime = ManagedObject.extend("sap.ui.dt.DesignTime", /** @lends sap.ui.dt.DesignTime.prototype */ {
@@ -258,7 +257,8 @@ sap.ui.define([
 				syncFailed: {}
 			}
 		},
-		constructor: function() {
+		// eslint-disable-next-line object-shorthand
+		constructor: function(...aArgs) {
 			// Storage for promises of pending overlays (overlays that are in creation phase)
 			this._sStatus = DesignTimeStatus.SYNCED;
 			this._mPendingOverlays = {};
@@ -296,7 +296,7 @@ sap.ui.define([
 			// Syncing batch of overlays
 			this._aOverlaysCreatedInLastBatch = [];
 
-			ManagedObject.apply(this, arguments);
+			ManagedObject.apply(this, aArgs);
 
 			// Create overlays for root elements
 			this.getRootElements().forEach(this._createOverlaysForRootElement, this);
@@ -827,7 +827,7 @@ sap.ui.define([
 		} else if (oElement.bIsDestroyed) {
 			sReason = "Cannot create overlay — the element is already destroyed.";
 		} else if (oElement instanceof ManagedObject && !ElementUtil.isElementInTemplate(oElement)) {
-			sReason = "Element is in a bound aggregation, but not found in the binding template. Skipping overlay creation for element with id='" + oElement.getId() + "'. Please report to CA-UI5-FL-RTA component.";
+			sReason = `Element is in a bound aggregation, but not found in the binding template. Skipping overlay creation for element with id='${oElement.getId()}'. Please report to CA-UI5-FL-RTA component.`;
 		} else {
 			sReason = Util.printf(
 				"Cannot create overlay without a valid element. Expected a descendant of sap.ui.core.Element or sap.ui.core.Component, but {0} was given",
@@ -1241,9 +1241,9 @@ sap.ui.define([
 				delete oParams.target;
 
 				if (this.getStatus() === DesignTimeStatus.SYNCING) {
-					this.attachEventOnce("synced", oParams, function() {
+					this.attachEventOnce("synced", oParams, function(...aArgs) {
 						if (!oElementOverlay.bIsDestroyed) {
-							this.fireElementPropertyChanged(arguments[1]);
+							this.fireElementPropertyChanged(aArgs[1]);
 						}
 					}, this);
 				} else {
@@ -1264,9 +1264,9 @@ sap.ui.define([
 		var oElementOverlay = oEvent.getSource();
 		oParams.id = oElementOverlay.getId();
 		if (this.getStatus() === DesignTimeStatus.SYNCING) {
-			this.attachEventOnce("synced", oParams, function() {
+			this.attachEventOnce("synced", oParams, function(...aArgs) {
 				if (!oElementOverlay.bIsDestroyed) {
-					this.fireElementOverlayEditableChanged(arguments[1]);
+					this.fireElementOverlayEditableChanged(aArgs[1]);
 				}
 			}, this);
 		} else {

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

@@ -46,13 +46,12 @@ function(
 	 * @extends sap.ui.base.ManagedObject
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.DesignTimeMetadata
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
 	var DesignTimeMetadata = ManagedObject.extend("sap.ui.dt.DesignTimeMetadata", /** @lends sap.ui.dt.DesignTimeMetadata.prototype */ {
 		metadata: {
@@ -133,7 +132,8 @@ function(
 	 * @return {jQuery} Returns associated DOM references wrapped by jQuery object
 	 * @public
 	 */
-	DesignTimeMetadata.prototype.getAssociatedDomRef = function(oElement, vDomRef, sAggregationName) {
+	DesignTimeMetadata.prototype.getAssociatedDomRef = function(...aArgs) {
+		const [oElement, vDomRef, sAggregationName] = aArgs;
 		if (oElement) {
 			var oElementDomRef = ElementUtil.getDomRef(oElement);
 			var aArguments = [];
@@ -144,7 +144,7 @@ function(
 
 			if (typeof (vDomRef) === "function") {
 				try {
-					var vRes = vDomRef.apply(null, aArguments);
+					var vRes = vDomRef(...aArgs);
 					return vRes && jQuery(vRes);
 				} catch (error) {
 					return undefined;
@@ -263,7 +263,7 @@ function(
 	};
 
 	DesignTimeMetadata.prototype._getTextFromLibrary = function(sLibraryName, sKey, aArgs) {
-		var oLibResourceBundle = sap.ui.getCore().getLibraryResourceBundle(sLibraryName + ".designtime");
+		var oLibResourceBundle = sap.ui.getCore().getLibraryResourceBundle(`${sLibraryName}.designtime`);
 		if (oLibResourceBundle && oLibResourceBundle.hasText(sKey)) {
 			return oLibResourceBundle.getText(sKey, aArgs);
 		}
@@ -282,10 +282,10 @@ function(
 	 * @return {string|undefined} Returns the label calculated from getLabel() in designtime metadata
 	 * @public
 	 */
-	DesignTimeMetadata.prototype.getLabel = function() {
+	DesignTimeMetadata.prototype.getLabel = function(...aArgs) {
 		var vLabel = this.getData().getLabel;
 		return typeof vLabel === "function"
-			? vLabel.apply(this, arguments)
+			? vLabel.apply(this, aArgs)
 			: undefined;
 	};
 

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

@@ -27,13 +27,12 @@ sap.ui.define([
 	 * @extends sap.ui.dt.DesignTimeMetadata
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.ElementDesignTimeMetadata
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
 	var ElementDesignTimeMetadata = DesignTimeMetadata.extend("sap.ui.dt.ElementDesignTimeMetadata", /** @lends sap.ui.dt.ElementDesignTimeMetadata.prototype */ {
 		metadata: {
@@ -49,8 +48,8 @@ sap.ui.define([
 	 * @return {Object} default data
 	 * @override
 	 */
-	ElementDesignTimeMetadata.prototype.getDefaultData = function() {
-		var oDefaultData = DesignTimeMetadata.prototype.getDefaultData.apply(this, arguments);
+	ElementDesignTimeMetadata.prototype.getDefaultData = function(...aArgs) {
+		var oDefaultData = DesignTimeMetadata.prototype.getDefaultData.apply(this, aArgs);
 
 		oDefaultData.aggregations = {
 			layout: {
@@ -157,7 +156,7 @@ sap.ui.define([
 					if (aArgs) {
 						aActionParameters = aActionParameters.concat(aArgs);
 					}
-					vAction = vAction.apply(null, aActionParameters);
+					vAction = vAction(...aActionParameters);
 				}
 				if (typeof (vAction) === "string") {
 					vAction = { changeType: vAction };
@@ -226,8 +225,8 @@ sap.ui.define([
 
 	ElementDesignTimeMetadata.prototype.getToolHooks = function() {
 		return this.getData().tool || {
-			start: function() {},
-			stop: function() {}
+			start() {},
+			stop() {}
 		};
 	};
 
@@ -279,8 +278,9 @@ sap.ui.define([
 	 * @return {string|undefined} Returns the label as string or undefined
 	 * @public
 	 */
-	ElementDesignTimeMetadata.prototype.getLabel = function(oElement) {
-		return DesignTimeMetadata.prototype.getLabel.apply(this, arguments) || ElementUtil.getLabelForElement(oElement);
+	ElementDesignTimeMetadata.prototype.getLabel = function(...aArgs) {
+		const [oElement] = aArgs;
+		return DesignTimeMetadata.prototype.getLabel.apply(this, aArgs) || ElementUtil.getLabelForElement(oElement);
 	};
 
 	/**

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

@@ -57,13 +57,12 @@ sap.ui.define([
 	 * @extends sap.ui.dt.Overlay
 	 *
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.ElementOverlay
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API might be changed in future.
 	 */
 	var ElementOverlay = Overlay.extend("sap.ui.dt.ElementOverlay", {
 		metadata: {
@@ -190,9 +189,10 @@ sap.ui.define([
 				}
 			}
 		},
-		constructor: function() {
+		// eslint-disable-next-line object-shorthand
+		constructor: function(...aArgs) {
 			this._aMetadataEnhancers = [];
-			Overlay.apply(this, arguments);
+			Overlay.apply(this, aArgs);
 		}
 	});
 
@@ -324,10 +324,10 @@ sap.ui.define([
 		}
 	};
 
-	ElementOverlay.prototype._getAttributes = function() {
+	ElementOverlay.prototype._getAttributes = function(...aArgs) {
 		return merge(
 			{},
-			Overlay.prototype._getAttributes.apply(this, arguments),
+			Overlay.prototype._getAttributes.apply(this, aArgs),
 			{
 				"data-sap-ui-dt-for": this.getElement().getId(),
 				draggable: this.getMovable()
@@ -335,16 +335,16 @@ sap.ui.define([
 		);
 	};
 
-	ElementOverlay.prototype.render = function() {
+	ElementOverlay.prototype.render = function(...aArgs) {
 		this.addStyleClass("sapUiDtElementOverlay");
-		return Overlay.prototype.render.apply(this, arguments);
+		return Overlay.prototype.render.apply(this, aArgs);
 	};
 
 	/**
 	 * Called when the ElementOverlay is destroyed
 	 * @protected
 	 */
-	ElementOverlay.prototype.exit = function() {
+	ElementOverlay.prototype.exit = function(...aArgs) {
 		this._unsubscribeFromMutationObserver();
 		this._destroyControlObserver();
 
@@ -352,7 +352,7 @@ sap.ui.define([
 			window.cancelAnimationFrame(this._iApplyStylesRequest);
 		}
 
-		Overlay.prototype.exit.apply(this, arguments);
+		Overlay.prototype.exit.apply(this, aArgs);
 	};
 
 	ElementOverlay.prototype._loadDesignTimeMetadata = function() {
@@ -387,13 +387,17 @@ sap.ui.define([
 	/**
 	 * @override
 	 */
-	ElementOverlay.prototype._setPosition = function($Target, oGeometry, $Parent, bForceScrollbarSync) {
+	ElementOverlay.prototype._setPosition = function(...aArgs) {
+		const [, , , bForceScrollbarSync] = aArgs;
 		// Apply Overlay position first, then extra logic based on this new position
-		Overlay.prototype._setPosition.apply(this, arguments);
+		Overlay.prototype._setPosition.apply(this, aArgs);
 
 		this.getScrollContainers().forEach(function(mScrollContainer, iIndex) {
 			// TODO: write Unit test for the case when getAssociatedDomRef() returns undefined (domRef func returns undefined)
-			var $ScrollContainerDomRef = this.getDesignTimeMetadata().getAssociatedDomRef(this.getElement(), mScrollContainer.domRef) || jQuery();
+			var $ScrollContainerDomRef = this.getDesignTimeMetadata().getAssociatedDomRef(
+				this.getElement(),
+				mScrollContainer.domRef
+			) || jQuery();
 			var $ScrollContainerOverlayDomRef = this.getScrollContainerById(iIndex);
 
 			if ($ScrollContainerDomRef.length) {
@@ -410,8 +414,8 @@ sap.ui.define([
 		}, this);
 	};
 
-	ElementOverlay.prototype._applySizes = function() {
-		return Overlay.prototype._applySizes.apply(this, arguments)
+	ElementOverlay.prototype._applySizes = function(...aArgs) {
+		return Overlay.prototype._applySizes.apply(this, aArgs)
 		.then(function() {
 			this._sortChildren(this.getChildrenDomRef());
 			if (!this.bIsDestroyed) {
@@ -594,8 +598,8 @@ sap.ui.define([
 	 * @return {jQuery[]} - returns array of children DOM Nodes each wrapped into jQuery object.
 	 * @private
 	 */
-	ElementOverlay.prototype._renderChildren = function() {
-		var a$Children = Overlay.prototype._renderChildren.apply(this, arguments);
+	ElementOverlay.prototype._renderChildren = function(...aArgs) {
+		var a$Children = Overlay.prototype._renderChildren.apply(this, aArgs);
 
 		this.getScrollContainers().forEach(function(mScrollContainer, iIndex) {
 			var $ScrollContainer = jQuery("<div></div>", {
@@ -628,7 +632,7 @@ sap.ui.define([
 	 * @return {jQuery} - returns DOM Node of scroll container by its index
 	 */
 	ElementOverlay.prototype.getScrollContainerById = function(iIndex) {
-		return jQuery(this.getChildrenDomRef()).find(">." + S_SCROLLCONTAINER_CLASSNAME + '[data-sap-ui-dt-scrollcontainerindex="' + iIndex + '"]');
+		return jQuery(this.getChildrenDomRef()).find(`>.${S_SCROLLCONTAINER_CLASSNAME}[data-sap-ui-dt-scrollcontainerindex="${iIndex}"]`);
 	};
 
 	/**
@@ -640,9 +644,7 @@ sap.ui.define([
 		var oDesignTimeMetadata = this.getDesignTimeMetadata();
 		var vDomRef = oDesignTimeMetadata.getDomRef();
 		var oDomRef = oDesignTimeMetadata.getAssociatedDomRef(this.getElement(), vDomRef);
-		if (!oDomRef) {
-			oDomRef = ElementUtil.getDomRef(this.getElement());
-		}
+		oDomRef ||= ElementUtil.getDomRef(this.getElement());
 
 		if (oDomRef) {
 			return jQuery(oDomRef);
@@ -801,12 +803,13 @@ sap.ui.define([
 	 * and a new child is added to that aggregation. We then render the aggregation here.
 	 * @param {sap.ui.dt.AggregationOverlay} oAggregationOverlay - The aggregation overlay where the child is being added.
 	 */
-	ElementOverlay.prototype.addChild = function(oAggregationOverlay) {
+	ElementOverlay.prototype.addChild = function(...aArgs) {
+		const [oAggregationOverlay] = aArgs;
 		// Since we can't check whether the listener was attached before or not, we re-attach it to avoid multiple listeners
 		oAggregationOverlay.detachChildAdded(this._onChildAdded, this);
 		oAggregationOverlay.attachChildAdded(this._onChildAdded, this);
 
-		Overlay.prototype.addChild.apply(this, arguments);
+		Overlay.prototype.addChild.apply(this, aArgs);
 	};
 
 	/**
@@ -864,7 +867,7 @@ sap.ui.define([
 	 * @public
 	 */
 	ElementOverlay.prototype.getAggregationOverlay = function(sAggregationName, sAggregationType) {
-		var sGetterFunction = "get" + (sAggregationType || "Children");
+		var sGetterFunction = `get${sAggregationType || "Children"}`;
 		return this[sGetterFunction]().filter(function(oAggregationOverlay) {
 			return oAggregationOverlay.getAggregationName() === sAggregationName;
 		}).pop();
@@ -984,9 +987,9 @@ sap.ui.define([
 		return bVisible;
 	};
 
-	ElementOverlay.prototype.isVisible = function() {
+	ElementOverlay.prototype.isVisible = function(...aArgs) {
 		return (
-			Overlay.prototype.isVisible.apply(this, arguments)
+			Overlay.prototype.isVisible.apply(this, aArgs)
 			&& this.isElementVisible()
 		);
 	};

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

@@ -6,21 +6,21 @@
 
 // Provides object sap.ui.dt.ElementUtil.
 sap.ui.define([
+	"sap/base/util/isPlainObject",
 	"sap/ui/base/Object",
-	"sap/ui/dt/Util",
-	"sap/ui/dt/DOMUtil",
-	"sap/ui/core/Element",
 	"sap/ui/core/Component",
-	"sap/base/util/isPlainObject",
-	"sap/ui/core/UIArea"
+	"sap/ui/core/Element",
+	"sap/ui/core/UIArea",
+	"sap/ui/dt/DOMUtil",
+	"sap/ui/dt/Util"
 ], function(
+	isPlainObject,
 	BaseObject,
-	Util,
-	DOMUtil,
-	Element,
 	Component,
-	isPlainObject,
-	UIArea
+	Element,
+	UIArea,
+	DOMUtil,
+	Util
 ) {
 	"use strict";
 
@@ -29,13 +29,11 @@ sap.ui.define([
 	 *
 	 * @namespace
 	 * @author SAP SE
-	 * @version 1.117.0
+	 * @version 1.118.0
 	 *
 	 * @private
 	 * @since 1.30
 	 * @alias sap.ui.dt.ElementUtil
-	 * @experimental Since 1.30. This class is experimental and provides only limited functionality. Also the API
-	 *               might be changed in future.
 	 */
 
 	var ElementUtil = {};
@@ -144,8 +142,8 @@ sap.ui.define([
 
 			// altType getter returns not element (TODO: clarify if getAggregationNameControl getter is a convention)
 			if (oAggregationMetadata.altTypes && oAggregationMetadata.altTypes.length
-					&& oElement[oAggregationMetadata._sGetter + "Control"]) {
-				sGetter = oAggregationMetadata._sGetter + "Control";
+					&& oElement[`${oAggregationMetadata._sGetter}Control`]) {
+				sGetter = `${oAggregationMetadata._sGetter}Control`;
 			}
 
 			return {
@@ -465,7 +463,7 @@ sap.ui.define([
 
 		// If the binding is found on an API parent (with a forwarded aggregation),
 		// the templateId is directly retrieved from it (the stack only has the element itself)
-		var aAPIParentInfos = oElement.aAPIParentInfos;
+		var {aAPIParentInfos} = oElement;
 		if (aAPIParentInfos && aAPIParentInfos.length > 0) {
 			bBindingFound = aAPIParentInfos.some(function(mParentInfo) {
 				oParent = mParentInfo.parent;