@sapui5/sap.ui.vk 1.141.0 → 1.143.0

package/src/sap/ui/vk/svg/SceneBuilder.js

@@ -66,7 +66,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 */
 	var SceneBuilder = function(rootNode, contentResource, resolve, reject) {
 		this._rootNode = rootNode;
@@ -128,20 +128,27 @@ sap.ui.define([
 		if (outputSettings && camera) {
 			// update line width in materials if coordinate space is in device/paper units
 			const outputDPI = 72; // ignore outputSettings.dpi as VEA ignores DPI setting and always uses 72 DPI
-			const mmToInch = 1 / 25.4; // 1 inch = 25.4 mm
-			const pointToPixel = 4 / 3; // 1 inch = 72 points(common for older screens) = 96 pixels(standard web displays), so 1 point = 96 / 72 pixels = 4 / 3 pixels
-			const mmToPixels = mmToInch * outputDPI * pointToPixel; // convert mm to pixels (mm -> inches -> points -> pixels)
-			const outputSize = Math.min(outputSettings.width, outputSettings.height) * mmToPixels;
+			const mmPerInch = 25.4; // 1 inch = 25.4 mm
+			const outputSizeMM = Math.min(outputSettings.width, outputSettings.height); // in mm
+			const outputSize = outputSizeMM * (outputDPI / mmPerInch); // in dots (1 dot = 1/72 inch)
+			const mediumViewportSize = 768; // medium viewport size in pixels (1024x768)
+			// console.log(`setScene outputSettings: ${JSON.stringify(outputSettings)}`);
 
 			this._materialMap.forEach(function(material) {
-				if (material.lineStyle.widthCoordinateSpace === 4) { // sap::ve::core::Material::CoordinateSpace::Device (device/paper units)
-					if (!info.showPaperSpace) {
+				if (material.lineStyle.widthCoordinateSpace === 3) { // sap::ve::core::Material::CoordinateSpace::NormalizedViewport
+					// 2D viewport space (x and y values range from -1.0 to 1.0, the origin representing the center of view)
+					material.lineWidth = material.lineStyle.width * mediumViewportSize * 0.5; // 768 is a medium viewport size in pixels
+					material.lineStyle.widthCoordinateSpace = 0; // convert to screen space
+				} else if (material.lineStyle.widthCoordinateSpace === 4) { // sap::ve::core::Material::CoordinateSpace::Device (device/paper units)
+					if (info.showPaperSpace) {
+						// this mode requires conversion to world space units, so that the line thickness is affected by initial camera zoom factor
+						material.lineWidth = material.lineStyle.width * 2 / (outputSize * camera._initialZoom);
+					} else {
 						// this mode has a weird behavior in VE Author, the line thickness is measured in weird units that are converted
 						// to pixels (doesn't depend on the zoom factor), but it depends on the viewport size
-						material.lineWidth = material.lineStyle.width * 1024 / outputSize; // 1024 is a medium viewport size in pixels
+						material.lineWidth = material.lineStyle.width * mediumViewportSize / outputSize;
 						material.lineStyle.widthCoordinateSpace = 0; // convert to screen space
 					}
-					// material.lineWidth = material.lineStyle.width / (outputSize * camera._initialZoom);
 				}
 			});
 		}

package/src/sap/ui/vk/svg/Text.js

@@ -658,6 +658,8 @@ sap.ui.define([
 			customText.setHtmlTextContent(options.htmlText);
 		}
 		customText.userData.customText = true; // mark the custom text element for special hit test handling
+		customText.parent = this;
+		this._updateColor();
 		return this;
 	};
 

package/src/sap/ui/vk/svg/ViewStateManager.js

@@ -49,7 +49,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ViewStateManager object.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.ViewStateManagerBase
 	 * @alias sap.ui.vk.svg.ViewStateManager
 	 * @since 1.80.0

package/src/sap/ui/vk/svg/Viewport.js

@@ -76,7 +76,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.ViewportBase
 	 * @alias sap.ui.vk.svg.Viewport
 	 */
@@ -339,6 +339,8 @@ sap.ui.define([
 		root.traverse(function(node) {
 			if (node.customText?.style.size === "0px") { // "0px" is a special case, it means "default font size"
 				node.customText.style.size = fontSize + "px";
+				node.customText.setHtmlTextContent(node.customText.getHtmlTextContent()); // recreate the HTML content with new font size
+				node._updateCustomText(); // update position of the custom text
 			}
 		});
 	};
@@ -625,6 +627,10 @@ sap.ui.define([
 				return null; // element not found in the scene
 			}
 
+			if (hit.userData.customText && hit.parent && hit.parent._vkGetNodeContentType() === NodeContentType.DynamicContent) {
+				return hit.parent;
+			}
+
 			if ((ignoreHotspots && elem._vkGetNodeContentType() === NodeContentType.Hotspot) ||
 				hit.userData.customText) {
 				return undefined; // ignore hotspots if the "ignoreHotspots" flag is set and ignore custom text elements

package/src/sap/ui/vk/thirdparty/pdf.js

@@ -22162,7 +22162,7 @@ class SignatureExtractor {
       const header = new Uint32Array(data.buffer, 0, data.length >> 2);
       const version = header[1];
       if (version !== 0) {
-        throw new Error(`Invalid version: 1.141.0`);
+        throw new Error(`Invalid version: 1.143.0`);
       }
       const width = header[2];
       const height = header[3];

package/src/sap/ui/vk/thirdparty/pdf.worker.js

@@ -55837,7 +55837,7 @@ class PDFDocument {
     if (PDF_VERSION_REGEXP.test(version)) {
       this.#version = version;
     } else {
-      warn(`Invalid PDF header version: 1.141.0`);
+      warn(`Invalid PDF header version: 1.143.0`);
     }
   }
   parseStartXRef() {

package/src/sap/ui/vk/threejs/AnimationHelper.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 */
 	var AnimationHelper = function() {
 	};

package/src/sap/ui/vk/threejs/BaseNodeProxy.js

@@ -35,7 +35,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.BaseNodeProxy
 	 * @implements sap.ui.base.Poolable
 	 * @alias sap.ui.vk.threejs.BaseNodeProxy

package/src/sap/ui/vk/threejs/Billboard.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.threejs.Billboard
 	 */
@@ -210,7 +210,7 @@ sap.ui.define([
 	};
 
 	Billboard.prototype.setFont = function(value) {
-		this.setProperty("font", value, true);
+		this.setProperty("font", value.replace(/[^a-zA-Z0-9 ]/g, ""), true); // sanitize font name, VDS may have special characters in font name
 		this._needUpdateTexture = true;
 		return this;
 	};
@@ -400,7 +400,7 @@ sap.ui.define([
 		return (this.getFontItalic() ? "italic " : "") + this.getFontWeight() + " " + (this.getFontSize() * pixelRatio) + "px " + (this.getFont() || "Arial");
 	};
 
-	Billboard.prototype._renderPlainText = function(pixelRatio) {
+	Billboard.prototype._renderPlainText = function(pixelRatio, resolve) {
 		var canvas = document.createElement("canvas");
 		var ctx = canvas.getContext("2d");
 		var fontSize = this.getFontSize() * pixelRatio;
@@ -463,10 +463,10 @@ sap.ui.define([
 			ctx.fillText(link, width - margin, height - margin);
 		}
 
-		this._setBillboardTexture(canvas, width, height);
+		this._setBillboardTexture(canvas, width, height, resolve);
 	};
 
-	Billboard.prototype._renderHtmlText = function(pixelRatio) {
+	Billboard.prototype._renderHtmlText = function(pixelRatio, resolve) {
 		var canvas = document.createElement("canvas");
 		var ctx = canvas.getContext("2d");
 		var borderWidth = this.getBorderLineStyle() !== BillboardBorderLineStyle.None ? this.getBorderWidth() * pixelRatio : 0;
@@ -522,13 +522,13 @@ sap.ui.define([
 				canvas.getContext("2d").drawImage(htmlCanvas, margin, margin);
 			}
 
-			setTimeout(this._setBillboardTexture.bind(this, canvas, width, height), 0);
+			setTimeout(this._setBillboardTexture.bind(this, canvas, width, height, resolve), 0);
 
 			document.body.removeChild(iframe);
 		}.bind(this));
 	};
 
-	Billboard.prototype._renderText = function(pixelRatio) {
+	Billboard.prototype._renderText = function(pixelRatio, resolve) {
 
 		var fontFace = this.getFont() || "Arial";
 		var fontSize = this.getFontSize() * 1.333; // = 96.0 / 72.0, conversion factor from Pt (points) to pixels
@@ -998,7 +998,7 @@ sap.ui.define([
 				y += lineSpacing;
 			}
 
-			this._setBillboardTexture(canvas, contentWidth, contentHeight);
+			this._setBillboardTexture(canvas, contentWidth, contentHeight, resolve);
 			document.body.removeChild(canvas);
 		} else if (this.getEncoding() === BillboardTextEncoding.HtmlText && typeof html2canvas != "undefined") {// HtmlText (aka RichText)
 
@@ -1040,7 +1040,7 @@ sap.ui.define([
 					ctx.drawImage(htmlCanvas, borderWidth, borderWidth);
 				}
 
-				setTimeout(this._setBillboardTexture.bind(this, canvas, contentWidth, contentHeight), 0);
+				setTimeout(this._setBillboardTexture.bind(this, canvas, contentWidth, contentHeight, resolve), 0);
 
 				document.body.removeChild(htmlFrame);
 				document.body.removeChild(canvas);
@@ -1050,7 +1050,7 @@ sap.ui.define([
 		}
 	};
 
-	Billboard.prototype._setBillboardTexture = function(canvas, width, height) {
+	Billboard.prototype._setBillboardTexture = function(canvas, width, height, resolve) {
 		var u = width / canvas.width,
 			v = height / canvas.height;
 		this._billboard.geometry = new THREE.PlaneGeometry(1, 1).setAttribute("uv", new THREE.Float32BufferAttribute([0, 1, u, 1, 0, 1 - v, u, 1 - v], 2));
@@ -1058,6 +1058,7 @@ sap.ui.define([
 		var texture = new THREE.CanvasTexture(canvas);
 		texture.magFilter = THREE.NearestFilter;
 		this.setTexture(texture);
+		resolve?.();
 	};
 
 	var pos4 = new THREE.Vector4(),
@@ -1067,28 +1068,28 @@ sap.ui.define([
 		quat = new THREE.Quaternion(),
 		tmpScale = new THREE.Vector3();
 
-	Billboard.prototype._updateTexture = function() {
+	Billboard.prototype._updateTexture = function(resolve) {
 		this._width = this.getWidth();
 		this._height = this.getHeight();
 
 		if (this.getText() && !this.getTexture()) {
 
-			this._renderText(window.devicePixelRatio);
+			this._renderText(window.devicePixelRatio, resolve);
 			/*
 			switch (this.getEncoding()) {
 				default:
 				case BillboardTextEncoding.PlainText:
-					this._renderPlainText(window.devicePixelRatio);
+					this._renderPlainText(window.devicePixelRatio, resolve);
 					break;
 				case BillboardTextEncoding.HtmlText:
-					this._renderHtmlText(window.devicePixelRatio);
+					this._renderHtmlText(window.devicePixelRatio, resolve);
 					break;
 			}
 			*/
 		}
 	};
 
-	Billboard.prototype._update = function(renderer, camera, viewportSize) {
+	Billboard.prototype._update = function(renderer, camera, viewportSize, backgroundProjection, vsm, resolve) {
 		var node = this.getNode();
 		if (!node || !node.visible) {
 			return;
@@ -1096,7 +1097,7 @@ sap.ui.define([
 
 		if (this._needUpdateTexture) {
 			this._needUpdateTexture = false;
-			this._updateTexture();
+			this._updateTexture(resolve);
 		}
 
 		node.matrix.copy(node.parent.matrixWorld).invert();

package/src/sap/ui/vk/threejs/Callout.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.threejs.Billboard
 	 * @alias sap.ui.vk.threejs.Callout
 	 */
@@ -153,7 +153,7 @@ sap.ui.define([
 		// set billboard scale
 		var scale = pos4.w * 2 / (viewportSize.x * camera.projectionMatrix.elements[0]);
 		const outputSettings = renderer.userData?.outputSettings;
-		if (outputSettings) {
+		if (outputSettings?.width > 0 && outputSettings.height > 0) {
 			const outputDPI = 72; // ignore outputSettings.dpi as VEA ignores DPI setting and always uses 72 DPI
 			const mmToInch = 1 / 25.4; // 1 inch = 25.4 mm
 			const pointToPixel = 4 / 3; // 1 inch = 72 points(common for older screens) = 96 pixels(standard web displays), so 1 point = 96 / 72 pixels = 4 / 3 pixels

package/src/sap/ui/vk/threejs/ContentDeliveryService.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @class Provides a class to communicate with content delivery service.
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.threejs.ContentDeliveryService
 	 */

package/src/sap/ui/vk/threejs/ContentManager.js

@@ -112,7 +112,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ContentManager object.
 	 * @protected
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.ContentManager
 	 * @alias sap.ui.vk.threejs.ContentManager
 	 * @since 1.50.0

package/src/sap/ui/vk/threejs/DetailView.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.threejs.DetailView
 	 */

package/src/sap/ui/vk/threejs/HighlightPlayer.js

@@ -22,7 +22,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.base.Object
 	 * @alias sap.ui.vk.threejs.HighlightPlayer
 	 */
@@ -56,6 +56,14 @@ sap.ui.define([
 		return this;
 	};
 
+	HighlightPlayer.prototype._collectHighlightedNodes = function() {
+		const highlightedNodes = new Set();
+		this._highlightsNodesMap.forEach(function(nodesInfo, highlight) {
+			nodesInfo.nodes.forEach(highlightedNodes.add.bind(highlightedNodes));
+		});
+		return highlightedNodes;
+	};
+
 	HighlightPlayer.prototype.setViewStateManager = function(vsm) {
 		this._viewStateManager = vsm;
 	};
@@ -108,10 +116,10 @@ sap.ui.define([
 			const res = highlight.evaluate(this._timeElapsed / 1000.0);
 
 			if (res.color != null) {
-				this._viewStateManager.setNodesHighlightColor(nodesInfo.nodes, res.isCompleted ? null : res.color);
+				this._viewStateManager.setNodesHighlightColor(nodesInfo.nodes, res.color);
 			}
 			if (res.opacity != null) {
-				this._viewStateManager.setOpacity(nodesInfo.nodes, res.isCompleted ? null : res.opacity);
+				this._viewStateManager.setOpacity(nodesInfo.nodes, res.isCompleted && highlight.isFadeInOut() ? null : res.opacity);
 			}
 
 			if (res.isCompleted) {

package/src/sap/ui/vk/threejs/Material.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @class Provides the interface for the material.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.Material
 	 * @alias sap.ui.vk.threejs.Material
 	 * @since 1.60.0

package/src/sap/ui/vk/threejs/NodeHierarchy.js

@@ -55,7 +55,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.NodeHierarchy
 	 * @alias sap.ui.vk.threejs.NodeHierarchy
 	 */

package/src/sap/ui/vk/threejs/NodeProxy.js

@@ -42,7 +42,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.NodeProxy
 	 * @alias sap.ui.vk.threejs.NodeProxy
 	 */

package/src/sap/ui/vk/threejs/OrthographicCamera.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.OrthographicCamera
 	 * @alias sap.ui.vk.threejs.OrthographicCamera
 	 * @since 1.52.0

package/src/sap/ui/vk/threejs/PerspectiveCamera.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.PerspectiveCamera
 	 * @alias sap.ui.vk.threejs.PerspectiveCamera
 	 * @since 1.52.0

package/src/sap/ui/vk/threejs/PointCloudGroup.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @abstract
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @alias sap.ui.vk.threejs.PointCloudGroup
 	 */
 	const PointCloudGroup = function(settings) {

package/src/sap/ui/vk/threejs/Scene.js

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @param {THREE.Scene} scene The three.js scene object.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.Scene
 	 * @alias sap.ui.vk.threejs.Scene
 	 */

package/src/sap/ui/vk/threejs/SceneBuilder.js

@@ -104,7 +104,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 */
 	var SceneBuilder = function(rootNode, contentResource, resolve, reject) {
 		this._rootNode = rootNode;
@@ -625,7 +625,7 @@ sap.ui.define([
 			node.name = nodeInfo.name;
 		}
 
-		if (nodeInfo.visible !== undefined) {
+		if (nodeInfo.visible != null && !userData.skipIt) {
 			node.visible = !!nodeInfo.visible;
 		}
 
@@ -2759,6 +2759,10 @@ sap.ui.define([
 			material = this._createTemporaryMaterial(materialId);
 		}
 
+		if (materialInfo.diffuseColour) {
+			material.color.fromArray(materialInfo.diffuseColour); // material.color may be later overridden by materialInfo.lineColour
+		}
+
 		if (materialInfo.lineWidth > 0) {
 			// note: "LineBasicMaterial" does not support line thickness rendering, see three.js doc:
 			// "Due to limitations of the OpenGL Core Profile with the WebGL renderer on most platforms linewidth will always be 1 regardless of the set value."
@@ -2786,10 +2790,6 @@ sap.ui.define([
 
 		material.userData.materialInfo = materialInfo;
 
-		if (materialInfo.diffuseColour) {
-			material.color.fromArray(materialInfo.diffuseColour);
-		}
-
 		if (materialInfo.specularColour && material.specular) {
 			material.specular.fromArray(materialInfo.specularColour);
 			if (materialInfo.specularLevel) {

package/src/sap/ui/vk/threejs/Texture.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @class Provides the interface for the material.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.Texture
 	 * @alias sap.ui.vk.threejs.Texture
 	 * @since 1.60.0

package/src/sap/ui/vk/threejs/Thrustline.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @class
 	 * @private
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.threejs.Thrustline
 	 */

package/src/sap/ui/vk/threejs/ViewStateManager.js

@@ -82,7 +82,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ViewStateManager object.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.ViewStateManagerBase
 	 * @alias sap.ui.vk.threejs.ViewStateManager
 	 * @since 1.32.0
@@ -2387,7 +2387,6 @@ sap.ui.define([
 		this._resetNodesMaterialAndOpacityByCurrentView(view);
 		this._prepareTransition(view);
 		this._resetNodesStatusByCurrentView(view, true);
-		this._highlightPlayer.reset(view, this._scene);
 
 		this.fireViewStateApplied({
 			view: view,
@@ -2443,6 +2442,7 @@ sap.ui.define([
 	};
 
 	ViewStateManager.prototype._prepareTransition = function(view) {
+		this._highlightPlayer.reset(view, this._scene);
 		this._transitionPlayer.reset();
 		this._transitionPlayer.fadeInNodes = [];
 		this._transitionPlayer.fadeOutNodes = [];
@@ -2454,6 +2454,7 @@ sap.ui.define([
 			return;
 		}
 
+		const highlightedNodes = this._highlightPlayer._collectHighlightedNodes();
 		var visibleNodes = new Set();
 		var hiddenNodes = new Set();
 		nodeInfos.forEach(function(info) {
@@ -2466,7 +2467,7 @@ sap.ui.define([
 
 		var collectTransitionMeshes = function(nodeRef, newVisible, oldVisible) {
 			if (!nodeRef.userData.skipIt) {
-				newVisible = newVisible && visibleNodes.has(nodeRef);
+				newVisible = (newVisible && visibleNodes.has(nodeRef)) || highlightedNodes.has(nodeRef); // highlighted nodes are always visible
 				oldVisible = oldVisible && this.getVisibilityState(nodeRef);
 			}
 

package/src/sap/ui/vk/threejs/Viewport.js

@@ -94,7 +94,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.ViewportBase
 	 * @alias sap.ui.vk.threejs.Viewport
 	 */
@@ -1086,17 +1086,16 @@ sap.ui.define([
 		let somethingWasChanged = false;
 		renderer.userData ??= {};
 		renderer.userData.outputSettings = viewport._outputSettings;
+		const resolve = () => { viewport.setShouldRenderFrame(true); };
 
 		// update billboards, callouts, lock to viewport nodes, etc
 		scene.children.forEach(function(root) {
-			if (root.userData._vkDynamicObjects) {
-				root.userData._vkDynamicObjects.forEach(function(object) {
-					if (object.parent) {
-						object._vkUpdate(renderer, camera, viewportSize, backgroundProjection, vsm);
-						somethingWasChanged = true;
-					}
-				});
-			}
+			root.userData._vkDynamicObjects?.forEach(function(object) {
+				if (object.parent) {
+					object._vkUpdate(renderer, camera, viewportSize, backgroundProjection, vsm, resolve);
+					somethingWasChanged = true;
+				}
+			});
 		});
 
 		return somethingWasChanged;

package/src/sap/ui/vk/threejs/ViewportGestureHandler.js

@@ -52,11 +52,6 @@ sap.ui.define([
 				var gestureTarget = new THREE.Vector3(); // center of interaction
 				var zoomTarget = new THREE.Vector2();
 
-				// turn table const
-				var ANGLE_EPSILON = 0.001;
-				var MIN_PITCH = -Math.PI / 2 + ANGLE_EPSILON;
-				var MAX_PITCH = Math.PI / 2 - ANGLE_EPSILON;
-
 				this.isTurnTableMode = true; // true by default
 				this._timeIntervalForCameraAnimation = 500; // millisecond, time interval for one camera moving animation
 				this._startTimeForCameraAnimation = 0;  // update count during camera moving animation
@@ -192,8 +187,11 @@ sap.ui.define([
 						}
 
 						rotation.setFromAxisAngle(sceneUpDir, deltaYaw); // Y-axis for now
+						const ANGLE_EPSILON = 0.001;
+						const minPitch = Math.max(THREE.MathUtils.degToRad(viewport.getMinCameraPitch()), -Math.PI / 2 + ANGLE_EPSILON);
+						const maxPitch = Math.min(THREE.MathUtils.degToRad(viewport.getMaxCameraPitch()), Math.PI / 2 - ANGLE_EPSILON);
 						var pitch = Math.atan2(lookDir.y, Math.sqrt(lookDir.x * lookDir.x + lookDir.z * lookDir.z));
-						deltaPitch = THREE.MathUtils.clamp(deltaPitch, MIN_PITCH - pitch, MAX_PITCH - pitch);
+						deltaPitch = THREE.MathUtils.clamp(deltaPitch, minPitch - pitch, maxPitch - pitch);
 					} else {
 						rotation.setFromAxisAngle(upDir, deltaYaw);
 					}

package/src/sap/ui/vk/tools/AnchorPointTool.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] An optional map/JSON object with initial property values, aggregated objects etc. for the new tool instance.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.AnchorPointTool
 	 */

package/src/sap/ui/vk/tools/AnchorPointToolGizmo.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.Gizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/vk/tools/AxisAngleRotationTool.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] An optional map/JSON object with initial property values, aggregated objects etc. for the new tool instance.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.AxisAngleRotationTool
 	 */

package/src/sap/ui/vk/tools/AxisAngleRotationToolGizmo.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.Gizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/vk/tools/CreateEllipseTool.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] An optional map/JSON object with initial property values, aggregated objects etc. for the new tool instance.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.CreateEllipseTool
 	 */

package/src/sap/ui/vk/tools/CreateEllipseToolGizmo.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.CreateParametricGizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/vk/tools/CreateParametricGizmo.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.Gizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.141.0
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @private