@sapui5/sap.ui.vk 1.134.0 → 1.135.0

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

@@ -20,18 +20,6 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	THREE.Object3D.prototype.defaultEmissive = {
-		r: 0.0235,
-		g: 0.0235,
-		b: 0.0235
-	};
-
-	THREE.Object3D.prototype.defaultSpecular = {
-		r: 0.0602,
-		g: 0.0602,
-		b: 0.0602
-	};
-
 	// TODO(VSM): REMOVE
 	THREE.Object3D.prototype._vkCalculateObjectOrientedBoundingBox = function() {
 		ThreeUtils.computeObjectOrientedBoundingBox(this, this.userData.boundingBox = new THREE.Box3());
@@ -100,30 +88,12 @@ sap.ui.define([
 		}
 
 		var userData = this.userData;
+		userData.blendColor = null;
 
 		if (userData.originalMaterial) {
-			if (userData.originalMaterial.color.r === undefined) {
-				// TODO(VSM): should we call `ThreeUtils.disposeMaterial(this.material)`?
-				userData.originalMaterial = null;
-			} else if (userData.originalMaterial.map !== this.material.map ||
-				userData.originalMaterial.bumpMap !== this.material.bumpMap ||
-				userData.originalMaterial.alphaMap !== this.material.alphaMap ||
-				userData.originalMaterial.envMap !== this.material.envMap ||
-				userData.originalMaterial.emissiveMap !== this.material.emissiveMap ||
-				userData.originalMaterial.aoMap !== this.material.aoMap) {
-				// textures are added to original material after node material is cloned, need to re-clone
-				// the same original material may be shared among nodes, so need to check for each node
-				// TODO(VSM): should we call `ThreeUtils.disposeMaterial(this.material)`?
-				this.material = userData.originalMaterial.clone();
-			} else {
-				this.material.color.copy(userData.originalMaterial.color);
-				if (this.material.emissive !== undefined) {
-					this.material.emissive.copy(userData.originalMaterial.emissive);
-				}
-				if (this.material.specular !== undefined) {
-					this.material.specular.copy(userData.originalMaterial.specular);
-				}
-			}
+			this.material.color.copy(userData.originalMaterial.color); // diffuse color, may be multiplied by material.map
+			this.material.emissive?.copy(userData.originalMaterial.emissive);
+			this.material.specular?.copy(userData.originalMaterial.specular);
 		}
 
 		if (userData.highlightColor !== undefined || userData.tintColor !== undefined || userData.highlightingColor !== undefined) {
@@ -134,52 +104,29 @@ sap.ui.define([
 				this.material = this.material.clone();
 			}
 
-			if (userData.highlightingColor !== undefined) {
+			const color = new THREE.Vector4(0, 0, 0, 0);
 
-				var color = new THREE.Color();
-				color.fromArray(userData.highlightingColor).lerp(userData.originalMaterial.color, 1 - userData.highlightingColor[3]);
+			if (userData.highlightingColor !== undefined) { // highlighting animation of the view (HighlightPlayer)
+				color.fromArray(userData.highlightingColor);
+			}
 
-				this.material.color.copy(color);
+			if (userData.tintColor !== undefined) { // tinting (ViewStateManangert)
+				const c = abgrToColor(userData.tintColor);
+				color.lerp(new THREE.Vector4(c.red / 255.0, c.green / 255.0, c.blue / 255.0, 1), c.alpha);
 			}
 
-			var c;
-			if (userData.tintColor !== undefined) {
-				c = abgrToColor(userData.tintColor);
-				this.material.color.lerp(new THREE.Color(c.red / 255.0, c.green / 255.0, c.blue / 255.0), c.alpha);
-				if (this.material.emissive !== undefined) {
-					if (this.material.userData.defaultHighlightingEmissive) {
-						this.material.emissive.copy(this.material.userData.defaultHighlightingEmissive);
-					} else {
-						this.material.emissive.copy(THREE.Object3D.prototype.defaultEmissive);
-					}
-				}
-				if (this.material.specular !== undefined) {
-					if (this.material.userData.defaultHighlightingSpecular) {
-						this.material.specular.copy(this.material.userData.defaultHighlightingSpecular);
-					} else {
-						this.material.specular.copy(THREE.Object3D.prototype.defaultSpecular);
-					}
-				}
+			if (userData.highlightColor !== undefined) { // selection (ViewStateManangert)
+				const c = abgrToColor(userData.highlightColor);
+				color.lerp(new THREE.Vector4(c.red / 255.0, c.green / 255.0, c.blue / 255.0, 1), c.alpha);
 			}
 
-			if (userData.highlightColor !== undefined) {
-				c = abgrToColor(userData.highlightColor);
-				this.material.color.lerp(new THREE.Color(c.red / 255.0, c.green / 255.0, c.blue / 255.0), c.alpha);
-				// when highlightColor = 0: total transparent, so do not change original emssive and specular
-				if (this.material.emissive !== undefined && userData.highlightColor !== 0) {
-					if (this.material.userData.defaultHighlightingEmissive) {
-						this.material.emissive.copy(this.material.userData.defaultHighlightingEmissive);
-					} else {
-						this.material.emissive.copy(THREE.Object3D.prototype.defaultEmissive);
-					}
-				}
-				if (this.material.specular !== undefined && userData.highlightColor !== 0) {
-					if (this.material.userData.defaultHighlightingSpecular) {
-						this.material.specular.copy(this.material.userData.defaultHighlightingSpecular);
-					} else {
-						this.material.specular.copy(THREE.Object3D.prototype.defaultSpecular);
-					}
-				}
+			if (color.w > 0) {
+				userData.blendColor = color.toArray();
+
+				const blendColor = new THREE.Color(color.x, color.y, color.z);
+				this.material.color.lerp(blendColor, color.w);
+				this.material.emissive?.lerp(blendColor, color.w * 0.5);
+				this.material.specular?.multiplyScalar(1 - 0.75 * color.w); // reduce specular as it may overexpose the highlighting
 			}
 		}
 

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

@@ -455,7 +455,7 @@ sap.ui.define([
 				// '0' - hidden, '1' - draw as cluster, '2' - render by three js, '3' - cluster with custom color
 				if (!cluster.isPoints && (ud.initialMaterialId !== ud.materialId
 					|| node.renderOrder != 0
-					|| ud.highlightingColor
+					|| ud.blendColor != null
 					|| ud.defaultMaterial // defaultMaterial is used for Outline objects
 					|| node.material.transparent === true)) {
 

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

@@ -27,14 +27,11 @@ sap.ui.define([
 	 * Constructor for a new Thrustline.
 	 *
 	 * @class
-	 *
-	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.base.ManagedObject
 	 * @alias sap.ui.vk.threejs.Thrustline
-	 * @experimental Since 1.65.0 This class is experimental and might be modified or removed in future versions.
 	 */
 	var Thrustline = BaseObject.extend("sap.ui.vk.threejs.Thrustline", /** @lends sap.ui.vk.threejs.Thrustline.prototype */ {
 		metadata: {

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

@@ -67,7 +67,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ViewStateManager object.
 	 * @public
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.ViewStateManagerBase
 	 * @alias sap.ui.vk.threejs.ViewStateManager
 	 * @since 1.32.0
@@ -2180,7 +2180,6 @@ sap.ui.define([
 	 *
 	 * @returns {?string} Image type string, or null
 	 * @private
-	 * @experimental Since 1.82.0 This method is experimental and might be modified or removed in future versions
 	 */
 	ViewStateManager.prototype.getBackgroundImageType = function() {
 		// currently can only use background node name to determine the image type
@@ -2194,7 +2193,6 @@ sap.ui.define([
 	 * @param {string} imageType Image type string
 	 * @returns {object} Background node object
 	 * @private
-	 * @experimental Since 1.82.0 This method is experimental and might be modified or removed in future versions
 	 */
 	ViewStateManager.prototype.setBackgroundImageType = function(imageType) {
 		var backgroundNodes = this._getBackgroundNodeInfos();
@@ -2512,8 +2510,9 @@ sap.ui.define([
 		if (fadeInNodes && fadeInNodes.length) {
 			var fadeInHighlight = new Highlight("FadeIn", {
 				duration: timeInterval / 500.0,
-				opacities: [0.0, 1.0],
-				cycles: 1
+				opacities: [1.0, 0.0],
+				cycles: 0.5,
+				type: "FadeIn"
 			});
 			this._transitionPlayer.addHighlights(fadeInHighlight, fadeInNodes);
 		}
@@ -2521,9 +2520,9 @@ sap.ui.define([
 		if (fadeOutNodes && fadeOutNodes.length) {
 			var fadeOutHighlight = new Highlight("FadeOut", {
 				duration: timeInterval / 500.0,
-				opacities: [1.0, 0.0],
-				cycles: 1,
-				fadeOut: true
+				opacities: [0.0, 1.0],
+				cycles: 0.5,
+				type: "FadeOut"
 			});
 			this._transitionPlayer.addHighlights(fadeOutHighlight, fadeOutNodes);
 		}

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

@@ -88,7 +88,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.ViewportBase
 	 * @alias sap.ui.vk.threejs.Viewport
 	 */
@@ -835,7 +835,6 @@ sap.ui.define([
 	 *
 	 * @returns {?string} Background projection or undefined
 	 * @private
-	 * @experimental Since 1.106.0 This method is experimental and might be modified or removed in future versions
 	 */
 	Viewport.prototype.getBackgroundProjection = function() {
 		return bgNodeNameToProjectionType[this._backgroundNode && this._backgroundNode.name];
@@ -2673,7 +2672,6 @@ sap.ui.define([
 	 * @param {object} options.parametricContent parametric content object
 	 * @returns {any[]} An array of Background nodes
 	 * @private
-	 * @experimental Since 1.82.0 This method is experimental and might be modified or removed in future versions
 	 */
 	Viewport.prototype.setBackgroundNode = function(options) {
 		var nodeHierarchy = this._viewStateManager.getNodeHierarchy();

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

@@ -43,7 +43,7 @@ sap.ui.define([
 	 * @param {object} [mSettings] Initial settings for the new ViewStateManager object.
 	 * @private
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.threejs.ViewStateManager
 	 * @alias sap.ui.vk.threejs.v2.ViewStateManager
 	 * @since 1.99.0
@@ -1338,6 +1338,11 @@ sap.ui.define([
 	ViewStateManager.prototype._updateNodeStateMaterials = function() {
 		var materialCache = this._materialCache;
 
+		// node highlighting and tinting may work and look differently in the default ViewStateManager.js as it uses
+		// THREE.Object3D._vkUpdateMaterialColorAndOpacity() method to update the material color and opacity
+
+		const defaultHighlightingEmissive = { r: 0.0235, g: 0.0235, b: 0.0235 };
+		const defaultHighlightingSpecular = { r: 0.0602, g: 0.0602, b: 0.0602 };
 		var highlightColorABGR = this.getHighlightColor(true);
 		var highlightColor = abgrToColor(highlightColorABGR);
 		var highlightColorThreeJS = new THREE.Color(highlightColor.red / 255.0, highlightColor.green / 255.0, highlightColor.blue / 255.0);
@@ -1350,6 +1355,8 @@ sap.ui.define([
 					// TODO(VSM): do we really need this? I added this in case if material.color was
 					// modified in a previous iteration. When can it happen?
 					state.material.color.copy(nodeRef.material.color);
+					state.material.emissive?.copy(nodeRef.material.emissive);
+					state.material.specular?.copy(nodeRef.material.specular);
 				}
 
 				var material = state.material;
@@ -1359,39 +1366,15 @@ sap.ui.define([
 				if (tintColor != null) {
 					color = abgrToColor(tintColor);
 					material.color.lerp(new THREE.Color(color.red / 255.0, color.green / 255.0, color.blue / 255.0), color.alpha);
-					if (material.emissive != null) {
-						if (material.userData.defaultHighlightingEmissive) {
-							material.emissive.copy(material.userData.defaultHighlightingEmissive);
-						} else {
-							material.emissive.copy(THREE.Object3D.prototype.defaultEmissive);
-						}
-					}
-					if (material.specular != null) {
-						if (material.userData.defaultHighlightingSpecular) {
-							material.specular.copy(material.userData.defaultHighlightingSpecular);
-						} else {
-							material.specular.copy(THREE.Object3D.prototype.defaultSpecular);
-						}
-					}
+					material.emissive?.copy(defaultHighlightingEmissive);
+					material.specular?.copy(defaultHighlightingSpecular);
 				}
 
 				if (state.selected || state.ancestorSelected) {
 					material.color.lerp(highlightColorThreeJS, highlightColor.alpha);
 					// when highlightColor = 0: total transparent, so do not change original emissive and specular
-					if (material.emissive != null && highlightColorABGR !== 0) {
-						if (material.userData.defaultHighlightingEmissive) {
-							material.emissive.copy(material.userData.defaultHighlightingEmissive);
-						} else {
-							material.emissive.copy(THREE.Object3D.prototype.defaultEmissive);
-						}
-					}
-					if (material.specular != null && highlightColorABGR !== 0) {
-						if (material.userData.defaultHighlightingSpecular) {
-							material.specular.copy(material.userData.defaultHighlightingSpecular);
-						} else {
-							material.specular.copy(THREE.Object3D.prototype.defaultSpecular);
-						}
-					}
+					material.emissive?.copy(defaultHighlightingEmissive);
+					material.specular?.copy(defaultHighlightingSpecular);
 				}
 
 				var worldOpacity = this._computeWorldOpacity(nodeRef, state);

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.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.AnchorPointTool
 	 */

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

@@ -11,7 +11,6 @@ sap.ui.define([
 	"../thirdparty/three",
 	"../thirdparty/BufferGeometryUtils",
 	"./Gizmo",
-	"./AnchorPointToolGizmoRenderer",
 	"./CoordinateSystem",
 	"./AxisColours",
 	"./AnchorPointToolOperation",
@@ -21,7 +20,6 @@ sap.ui.define([
 	THREE,
 	BufferGeometryUtils,
 	Gizmo,
-	AnchorPointToolGizmoRenderer,
 	CoordinateSystem,
 	AxisColours,
 	AnchorPointToolOperation,
@@ -40,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.Gizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -50,6 +48,16 @@ sap.ui.define([
 	var AnchorPointToolGizmo = Gizmo.extend("sap.ui.vk.tools.AnchorPointToolGizmo", /** @lends sap.ui.vk.tools.AnchorPointToolGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
+		},
+		renderer: {
+			apiVersion: 2,
+			render: function(rm, control) {
+				rm.openStart("div", control);
+				rm.class("sapUiVkTransformationToolEdit");
+				rm.openEnd();
+				rm.renderControl(control._editingForm);
+				rm.close("div");
+			}
 		}
 	});
 

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

@@ -21,7 +21,8 @@ sap.ui.define([
 	var AngleMeasurementToolGizmo = MeasurementToolGizmo.extend("sap.ui.vk.tools.AngleMeasurementToolGizmo", /** @lends sap.ui.vk.tools.AngleMeasurementToolGizmo */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	var basePrototype = AngleMeasurementToolGizmo.getMetadata().getParent().getClass().prototype;

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

@@ -23,7 +23,8 @@ sap.ui.define([
 	var AreaMeasurementToolGizmo = MeasurementToolGizmo.extend("sap.ui.vk.tools.AreaMeasurementToolGizmo", /** @lends sap.ui.vk.tools.AreaMeasurementToolGizmo */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	var basePrototype = AreaMeasurementToolGizmo.getMetadata().getParent().getClass().prototype;

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

@@ -32,10 +32,9 @@ 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.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.AxisAngleRotationTool
-	 * @experimental
 	 */
 	var AxisAngleRotationTool = Tool.extend("sap.ui.vk.tools.AxisAngleRotationTool", /** @lends sap.ui.vk.tools.AxisAngleRotationTool.prototype */ {
 		metadata: {
@@ -208,7 +207,6 @@ sap.ui.define([
 	 * @param {float} deltaAngle A delta angle.
 	 * @returns {this} <code>this</code> to allow method chaining.
 	 * @private
-	 * @experimental
 	 */
 	AxisAngleRotationTool.prototype.rotateBy = function(deltaAngle) {
 		this.getGizmo().rotateBy(deltaAngle);
@@ -227,7 +225,6 @@ sap.ui.define([
 	 *   defined in degrees.
 	 * @returns {this} <code>this</code> to allow method chaining.
 	 * @private
-	 * @experimental
 	 */
 	AxisAngleRotationTool.prototype.setAxis = function(axis) {
 		this.getGizmo().setAxis(axis);
@@ -248,13 +245,11 @@ sap.ui.define([
 	 * An axis of rotation in animation keys is stored in cartesian coordinates, in UI an axis of rotation
 	 * is displayed in polar coordinates using azimuth and elevation.
 	 * @private
-	 * @experimental
 	 */
 	AxisAngleRotationTool.prototype.getValues = function() {
 		return this.getGizmo().getValues();
 	};
 
-
 	/**
 	 * Set angles and axes of rotation for nodes in the node set.
 	 * @param {object[]} values An array of objects with axis-angle parameters for each node in the node set. Each
@@ -271,7 +266,6 @@ sap.ui.define([
 	 * <code>axis</code> has priority over pair (<code>azimuth</code>, <code>elevation</code>).
 	 * @returns {this} <code>this</code> to allow method chaining.
 	 * @private
-	 * @experimental
 	 */
 	AxisAngleRotationTool.prototype.setValues = function(values) {
 		this.getGizmo().setValues(values);

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.134.0
+	 * @version 1.135.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.134.0
+	 * @version 1.135.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.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -38,7 +38,8 @@ sap.ui.define([
 	var CreateEllipseToolGizmo = CreateParametricGizmo.extend("sap.ui.vk.tools.CreateEllipseToolGizmo", /** @lends sap.ui.vk.tools.CreateEllipseToolGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	/**

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.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -36,7 +36,8 @@ sap.ui.define([
 	var CreateParametricGizmo = Gizmo.extend("sap.ui.vk.tools.CreateParametricGizmo", /** @lends sap.ui.vk.tools.CreateParametricGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	// Override initialization method

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

@@ -30,7 +30,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.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.CreatePathTool
 	 */

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

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.CreateParametricGizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -40,7 +40,8 @@ sap.ui.define([
 	var CreatePathToolGizmo = CreateParametricGizmo.extend("sap.ui.vk.tools.CreatePathToolGizmo", /** @lends sap.ui.vk.tools.CreatePathToolGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	/**

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

@@ -30,7 +30,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.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.CreateRectangleTool
 	 */

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.CreateParametricGizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -38,7 +38,8 @@ sap.ui.define([
 	var CreateRectangleToolGizmo = CreateParametricGizmo.extend("sap.ui.vk.tools.CreateRectangleToolGizmo", /** @lends sap.ui.vk.tools.CreateRectangleToolGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	/**

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

@@ -28,7 +28,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.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.CreateTextTool
 	 */

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

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.CreateParametricGizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -50,6 +50,17 @@ sap.ui.define([
 	var CreateTextToolGizmo = CreateParametricGizmo.extend("sap.ui.vk.tools.CreateTextToolGizmo", /** @lends sap.ui.vk.tools.CreateTextToolGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
+		},
+		renderer: {
+			apiVersion: 2,
+			render: function(rm, control) {
+				// an empty div to which the edit dialog will be attached
+				rm.openStart("div", control);
+				rm.style("position", "absolute");
+				rm.style("pointer-events", "none");
+				rm.openEnd();
+				rm.close("div");
+			}
 		}
 	});
 

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

@@ -28,7 +28,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.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.CrossSectionTool
 	 */

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

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.Gizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -44,6 +44,16 @@ sap.ui.define([
 	var CrossSectionToolGizmo = Gizmo.extend("sap.ui.vk.tools.CrossSectionToolGizmo", /** @lends sap.ui.vk.tools.CrossSectionToolGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
+		},
+		renderer: {
+			apiVersion: 2,
+			render: function(rm, control) {
+				rm.openStart("div", control);
+				rm.class("sapUiVkTransformationToolEdit");
+				rm.openEnd();
+				rm.renderControl(control._editingForm);
+				rm.close("div");
+			}
 		}
 	});
 

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

@@ -21,7 +21,8 @@ sap.ui.define([
 	var DistanceMeasurementToolGizmo = MeasurementToolGizmo.extend("sap.ui.vk.tools.DistanceMeasurementToolGizmo", /** @lends sap.ui.vk.tools.DistanceMeasurementToolGizmo */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	var basePrototype = DistanceMeasurementToolGizmo.getMetadata().getParent().getClass().prototype;

package/src/sap/ui/vk/tools/DuplicateSvgElementTool.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.134.0
+	 * @version 1.135.0
 	 * @extends sap.ui.vk.tools.Tool
 	 * @alias sap.ui.vk.tools.DuplicateSvgElementTool
 	 */

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

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.vk.tools.CreateParametricGizmo
 	 *
 	 * @author SAP SE
-	 * @version 1.134.0
+	 * @version 1.135.0
 	 *
 	 * @constructor
 	 * @private
@@ -38,7 +38,8 @@ sap.ui.define([
 	var DuplicateSvgElementToolGizmo = CreateParametricGizmo.extend("sap.ui.vk.tools.DuplicateSvgElementToolGizmo", /** @lends sap.ui.vk.tools.DuplicateSvgElementToolGizmo.prototype */ {
 		metadata: {
 			library: "sap.ui.vk"
-		}
+		},
+		renderer: null
 	});
 
 	/**