@sapui5/sap.ui.vbm 1.136.0 → 1.138.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapui5/sap.ui.vbm",
-  "version": "1.136.0",
+  "version": "1.138.0",
   "description": "SAPUI5 Library sap.ui.vbm",
   "homepage": "https://sap.github.io/ui5-tooling/pages/SAPUI5/",
   "author": "SAP SE (https://www.sap.com)",

package/src/sap/ui/vbm/.library

@@ -3,7 +3,7 @@
 	<name>sap.ui.vbm</name>
 	<vendor>SAP SE</vendor>
 	<copyright>SAP UI development toolkit for HTML5 (SAPUI5) (c) Copyright 2009-2012 SAP AG. All rights reserved</copyright>
-	<version>1.136.0</version>
+	<version>1.138.0</version>
 
 	<documentation>SAP UI library: sap.ui.vbm</documentation>
 
@@ -12,7 +12,7 @@
 			<libraryName>sap.ui.core</libraryName>
 		</dependency>
 		<dependency>
-			<libraryName>sap.ui.commons</libraryName>
+			<libraryName>sap.m</libraryName>
 			<lazy>true</lazy>
 		</dependency>
 		<dependency>

package/src/sap/ui/vbm/Adapter.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @param {string} [sId] id for the new control, generated automatically if no id is given
 	 * @param {object} [mSettings] initial settings for the new object
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Element
 	 * @constructor
 	 * @public

package/src/sap/ui/vbm/Adapter3D.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 * @param {string} [sId] id for the new control, generated automatically if no id is given
 	 * @param {object} [mSettings] initial settings for the new object
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Element
 	 * @constructor
 	 * @public

package/src/sap/ui/vbm/ClusterRenderer.js

@@ -86,7 +86,13 @@ sap.ui.define([
 		var ariaRoleDescription = sap.ui.core.AccessibleRole.Description;
 
 		oRm.openStart("div", Id1);
-		oRm.class(classOuter);
+		if (typeof classOuter === "string") {
+			var cOuter = classOuter.split(" ");
+
+			for (var iCOuter = 0; iCOuter < cOuter.length; iCOuter++) {
+				oRm.class(cOuter[iCOuter]);
+			}
+		}
 
 		if (type == sap.ui.vbm.SemanticType.None && col) {
 			oRm.style("border-color", col)
@@ -95,7 +101,13 @@ sap.ui.define([
 		oRm.openEnd();
 
 		oRm.openStart("div", Id2);
-		oRm.class(classInner);
+		if (typeof classInner === "string") {
+			var cInner = classInner.split(" ");
+
+			for (var iCInner = 0; iCInner < cInner.length; iCInner++) {
+				oRm.class(cInner[iCInner]);
+			}
+		}
 		if (type == sap.ui.vbm.SemanticType.None && col) {
 			oRm.style("border-color", col)
 		}
@@ -108,7 +120,13 @@ sap.ui.define([
 		if (icon) {
 			var IdIcon = oControl.getId() + "-" + "icon";
 			oRm.openStart("span", IdIcon);
-			oRm.class(classIcon);
+			if (typeof classIcon === "string") {
+				var cIcon = classIcon.split(" ");
+	
+				for (var iCIcon = 0; iCIcon < cIcon.length; iCIcon++) {
+					oRm.class(cIcon[iCIcon]);
+				}
+			}
 			if (type == sap.ui.vbm.SemanticType.None && col) {
 				oRm.style("color", col)
 			}
@@ -122,7 +140,13 @@ sap.ui.define([
 		if ((oControl.getText())) {
 			var IdTextbox = oControl.getId() + "-" + "textbox";
 			oRm.openStart("div", IdTextbox);
-			oRm.class(classTextbox);
+			if (typeof classTextbox === "string") {
+				var cTextBox = classTextbox.split(" ");
+	
+				for (var iCTBox = 0; iCTBox < cTextBox.length; iCTBox++) {
+					oRm.class(cTextBox[iCTBox]);
+				}
+			}
 			if (type == sap.ui.vbm.SemanticType.None && col) {
 				oRm.style("border-color", col);
 			}

package/src/sap/ui/vbm/ContainerBase.js

@@ -299,7 +299,7 @@ sap.ui.define([
 		// segmentedButton for for multiple content entries
 		this._oContentSegmentedButton = new SegmentedButton({
 			layoutData: oLayoutData.clone(),
-			select: this._onContentButtonSelect.bind(this)
+			selectionChange: this._onContentButtonSelect.bind(this)
 		});
 
 		// Left side...
@@ -628,12 +628,12 @@ sap.ui.define([
 	ContainerBase.prototype._contentChange = function() {
 		var aContent = this.getContent();
 		// remove and destroy all buttons for old content
-		this._oContentSegmentedButton.removeAllButtons();
+		this._oContentSegmentedButton.removeAllItems();
 		this._destroyButtons(this._aContentIcons);
 
 		this._aContentIcons = [];
 		if (aContent.length === 0) {
-			this._oContentSegmentedButton.removeAllButtons();
+			this._oContentSegmentedButton.removeAllItems();
 			this._setDefaultOnSegmentedButton();
 			this.switchContent(null);
 		}
@@ -660,7 +660,7 @@ sap.ui.define([
 	};
 
 	ContainerBase.prototype._onContentButtonSelect = function(oEvent) {
-		var sContentId = oEvent.getParameter("key");
+		var sContentId = oEvent.getParameter("item").getKey();
 		this._switchContent(sContentId);
 	};
 

package/src/sap/ui/vbm/MapContainer.js

@@ -86,7 +86,7 @@ sap.ui.define([
 				 * List Panel aggregation
 				 */
 				"listPanelStack": {
-					type: "sap.ui.vk.ListPanelStack",
+					type: "sap.ui.vbm.ListPanelStack",
 					multiple: false
 				},
 				/**
@@ -267,7 +267,8 @@ sap.ui.define([
 					this._box = new sap.m.HBox().addStyleClass("mapContainerHboxPopover");
 
 					this._popover = new sap.m.Popover({
-						enableScrolling: false,
+						horizontalScrolling: false,
+						verticalScrolling: false,
 						placement: sap.m.PlacementType.Horizontal,
 						content: this._box,
 						showHeader: false

package/src/sap/ui/vbm/MapContainerButtonType.js

@@ -17,6 +17,7 @@ sap.ui.define([], function() {
 		Click: "Click",
 		Toggle: "Toggle"
 	};
+	// As of 2025-05-23, this enum is not used in managed properties and therefore not registered
 
 	return MapContainerButtonType;
 

package/src/sap/ui/vbm/Viewport.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 *
 	 * @public
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @extends sap.ui.core.Control
 	 * @alias sap.ui.vbm.Viewport
 	 */

package/src/sap/ui/vbm/adapter3d/ColladaBounds.js

@@ -22,7 +22,7 @@ sap.ui.define([
 		 *
 		 * @private
 		 * @author SAP SE
-		 * @version 1.136.0
+		 * @version 1.138.0
 		 * @alias sap.ui.vbm.adapter3d.ColladaBounds
 		 */
 	var ColladaBounds = BaseObject.extend("sap.ui.vbm.adapter3d.ColladaBounds", /** @lends sap.ui.vbm.adapter3d.ColladaBounds.prototype */ {

package/src/sap/ui/vbm/adapter3d/DragDropHandler.js

@@ -83,7 +83,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vbm.adapter3d.DragDropHandler
 	 */
 	var DragDropHandler = BaseObject.extend("sap.ui.vbm.adapter3d.DragDropHandler", /** @lends sap.ui.vbm.adapter3d.DragDropHandler.prototype */ {

package/src/sap/ui/vbm/adapter3d/ModelHandler.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vbm.adapter3d.ModelHandler
 	 */
 	var ModelHandler = BaseObject.extend("sap.ui.vbm.adapter3d.ModelHandler", /** @lends sap.ui.vbm.adapter3d.ModelHandler.prototype */ {

package/src/sap/ui/vbm/adapter3d/ObjectFactory.js

@@ -377,7 +377,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vbm.adapter3d.ObjectFactory
 	 */
 	var ObjectFactory = BaseObject.extend("sap.ui.vbm.adapter3d.ObjectFactory", /** @lends sap.ui.vbm.adapter3d.ObjectFactory.prototype */ {});

package/src/sap/ui/vbm/adapter3d/PolygonHandler.js

@@ -32,7 +32,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vbm.adapter3d.PolygonHandler
 	 */
 	var PolygonHandler = BaseObject.extend("sap.ui.vbm.adapter3d.PolygonHandler", /** @lends sap.ui.vbm.adapter3d.PolygonHandler.prototype */ {

package/src/sap/ui/vbm/adapter3d/RectangleTracker.js

@@ -39,7 +39,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vbm.adapter3d.RectangleTracker
 	 */
 	var RectangleTracker = BaseObject.extend("sap.ui.vbm.adapter3d.RectangleTracker", /** @lends sap.ui.vbm.adapter3d.RectangleTracker.prototype */ {
@@ -114,7 +114,7 @@ sap.ui.define([
 		var ref = this._viewport.getDomRef();
 		if (ref) {
 			this._dom = ref;
-			this._addListener(ref, "pointerup", this._onPointerCancel);
+			this._addListener(ref, "pointerup", this._onPointerUp);
 			this._addListener(ref, "pointerdown", this._onPointerDown);
 			this._addListener(ref, "pointermove", this._onPointerMove);
 			this._addListener(ref, "pointerleave", this._onPointerCancel);
@@ -228,15 +228,20 @@ sap.ui.define([
 
 	RectangleTracker.prototype._onPointerMove = function (event) {
 		event.preventDefault();
-
-		if (!this._mouseDown) {
-			this._updatePointer(event, _pointer);
-			this._handleHover(_pointer);
-		}
-
+		//this._updateController(false);
 		if (this._mouseDown) {
-			this._updateController(false);
+			this._cameraControls.enableRotate = false;
 			this.onSelectMove(event);
+			this._updatePointer(event, _pointer);
+			this._handleHover(_pointer);
+		} 
+		// else if (!this._mouseDown) {
+		// 	this._cameraControls.enableRotate = false;
+		// }
+	}
+		RectangleTracker.prototype._onPointerUp = function (event) {
+			this._updateController(true);
+		if (!this._mouseDown) {
 			var that = this;
 			event.cursor = event.cursor || this._getXY(event);
 			var rect = this._viewport.getDomRef().getBoundingClientRect();
@@ -311,7 +316,7 @@ sap.ui.define([
 							E: [obj]
 						}]);
 					}
-				
+			
 				}
 			});
 
@@ -324,7 +329,10 @@ sap.ui.define([
 				});
 			}
 		}
-
+		this._mouseDown = false;
+		this._dom.style.cursor = this._hovered ? "pointer" : "auto";
+		this._updateController(true);
+		this.onSelectOver();
 	};
 
 	RectangleTracker.prototype._constructPayload = function (dataMap) {

package/src/sap/ui/vbm/adapter3d/SceneBuilder.js

@@ -47,7 +47,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vbm.adapter3d.SceneBuilder
 	 */
 	var SceneBuilder = BaseObject.extend("sap.ui.vbm.adapter3d.SceneBuilder", /** @lends sap.ui.vbm.adapter3d.SceneBuilder.prototype */ {

package/src/sap/ui/vbm/adapter3d/VBIJSONParser.js

@@ -56,7 +56,7 @@ sap.ui.define([
 	 *
 	 * @private
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @alias sap.ui.vbm.adapter3d.VBIJSONParser
 	 */
 	var VBIJSONParser = BaseObject.extend("sap.ui.vbm.adapter3d.VBIJSONParser", /** @lends sap.ui.vbm.adapter3d.VBIJSONParser.prototype */ {

package/src/sap/ui/vbm/library.js

@@ -6,12 +6,12 @@
  * Initialization Code and shared classes of library sap.ui.vbm.
  */
 sap.ui.define([
-	"sap/ui/core/Core",
+	"sap/ui/base/DataType",
+	"sap/ui/core/Lib",
 	"sap/m/library",
 	"sap/ui/core/library",
-	"sap/ui/unified/library",
-	"sap/ui/core/Lib"
-], function(Core,mlibrary,clibrary,ulibrary,Lib) {
+	"sap/ui/unified/library"
+], function(DataType,Lib,_mlibrary,_clibrary,_ulibrary) {
 	"use strict";
 
 	/**
@@ -20,7 +20,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.ui.vbm
 	 * @author SAP SE
-	 * @version 1.136.0
+	 * @version 1.138.0
 	 * @public
 	 */
 
@@ -29,8 +29,9 @@ sap.ui.define([
 
 	var vbmLibrary = Lib.init({
 		name: "sap.ui.vbm",
+		apiVersion: 2,
 		types: [
-			"sap.ui.vbm.ClusterInfoType", "sap.ui.vbm.SemanticType"
+			"sap.ui.vbm.ClusterInfoType", "sap.ui.vbm.SemanticType", "sap.ui.vbm.RouteType"
 		],
 		controls: [
 			"sap.ui.vbm.AnalyticMap", "sap.ui.vbm.GeoMap", "sap.ui.vbm.VBI", "sap.ui.vbm.Cluster", "sap.ui.vbm.Viewport","sap.ui.vbm.ContainerLegendItem",
@@ -45,7 +46,7 @@ sap.ui.define([
 			"sap.ui.vbm.ClusterBase", "sap.ui.vbm.ClusterTree", "sap.ui.vbm.ClusterGrid", "sap.ui.vbm.ClusterDistance", "sap.ui.vbm.Heatmap",
 			"sap.ui.vbm.HeatPoint", "sap.ui.vbm.ClusterContainer", "sap.ui.vbm.Adapter", "sap.ui.vbm.Adapter3D"
 		],
-		version: "1.136.0"
+		version: "1.138.0"
 	});
 
 	sap.ui.loader.config({
@@ -132,6 +133,7 @@ sap.ui.define([
 		Hidden: "Hidden"
 
 	};
+	DataType.registerEnum("sap.ui.vbm.SemanticType", vbmLibrary.SemanticType);
 
 	/**
 	 * Cluster Info Type
@@ -179,6 +181,7 @@ sap.ui.define([
 		Edges: 11
 
 	};
+	// As of 2025-05-23, this enum is not used in managed properties and therefore not registered
 
 	/**
 	 * Route type, determining how line between start and endpoint should be drawn.
@@ -204,6 +207,7 @@ sap.ui.define([
 		Geodesic: "Geodesic"
 
 	};
+	DataType.registerEnum("sap.ui.vbm.RouteType", vbmLibrary.RouteType);
 
 	vbmLibrary.getResourceBundle = function() {
 		var oResourceBundle = Lib.getResourceBundleFor("sap.ui.vbm")

package/src/sap/ui/vbm/vector/MapRenderer.js

@@ -38,6 +38,8 @@ sap.ui.define([
 	let spotid = 0;
 	let fixedBounds;
 	var containerID;
+	let previousCenter = null;
+    let previousZoom = null;
 
 
 
@@ -57,6 +59,12 @@ sap.ui.define([
 	}
 
 	VBI.MapRenderer.renderMap = () => {
+		
+		if (this.map) {
+			previousCenter = this.map.getCenter();
+			previousZoom = this.map.getZoom();
+			this.map.remove();  
+		}
 
 		let geoJSON = VBI.VBITransformer.getTransformedJSON();
 
@@ -68,10 +76,23 @@ sap.ui.define([
 		document.head.appendChild(styleSheet);
 
 		const map = VectorUtils.createMap(geoJSON, map_container);
+
+		if (previousCenter && previousZoom !== null) {
+			map.jumpTo({
+				center: [previousCenter.lng, previousCenter.lat],
+				zoom: previousZoom
+
+			});
+		}
+
 		const canvas = map.getCanvasContainer();
 		const rectangularSelection = new RectangularSelection(map);
 		const lassoSelection = new LassoSelection(map);
 		const mapCanvas = map.getCanvas();
+		const popupLink = new maplibregl.Popup({
+			closeButton: false,
+			closeOnClick: false
+		});
 		mapCanvas.id = VectorUtils._setcanvasid();
 		// Set `true` to dispatch the event before other functions
 		// call it. This is necessary for disabling the default map
@@ -129,7 +150,11 @@ sap.ui.define([
 			// Create a popup, but don't add it to the map yet.
 			const popup = new maplibregl.Popup({
 				closeButton: false,
-				closeOnClick: false
+				closeOnClick: false,
+				offset: {
+					'top': [0, 0],
+					'bottom': [0, -25]
+				}
 			});
 			// add markers to map only for Points
 			const pointFeatures = [];
@@ -139,8 +164,9 @@ sap.ui.define([
 					// create a DOM element for the marker (parent div)
 					const el = VectorUtils.createSpotElement(marker);
 					if (marker.properties.Icon) {
+						const iconColor = marker.properties.contentColor? marker.properties.contentColor : "#000000";
 						// Create child element for the SAP icon (icon overlay)
-						const child_el = VectorUtils.createIconElement(marker.properties.Icon);
+						const child_el = VectorUtils.createIconElement(marker.properties.Icon, iconColor);
 						child_el.id = '__mapspot' + spotid++;
 						// Append the icon inside the marker
 						el.appendChild(child_el);
@@ -148,8 +174,8 @@ sap.ui.define([
 					//  add marker to map
 					let spot = new maplibregl.Marker({
 						element: el,
-						draggable: true
-						//	offset: [0, -25]
+						draggable: true,
+						offset: [0, -20]
 					}).setLngLat(marker.geometry.coordinates)
 						.on('dragend', onDragEnd)
 						.addTo(map);
@@ -370,7 +396,8 @@ sap.ui.define([
 							if (that.Apressed || that.Rpressed) {
 								el.style.cursor = 'crosshair';
 							} else {
-								var tooltip = marker.properties.ToolTip.replace(/\n/g, '<br>');
+								const tooltipContent = marker.properties.ToolTip.replace(/\n/g, '<br>');
+								const tooltip = `<div style="background-color: white; color: black;">${tooltipContent}</div>`;
 								popup.setLngLat(marker.geometry.coordinates).setHTML(tooltip).addTo(map);
 							}
 						}
@@ -566,10 +593,15 @@ sap.ui.define([
 
 		});
 		// Change mouse cursor when hovering over the line
-		map.on('mouseenter', 'geojson-source-route', function () {
+		map.on('mouseenter', 'geojson-source-route', function (event) {
 			if (!that.Apressed && !that.Rpressed) {
 				map.getCanvas().style.cursor = 'pointer';
 			}
+			const coordinates = event.lngLat;
+			const description = event.features[0].properties.ToolTip;
+			const tooltipContent = description.replace(/\n/g, '<br>');
+			const tooltip = `<div style="background-color: white; color: black;">${tooltipContent}</div>`;
+			popupLink.setLngLat(coordinates).setHTML(tooltip).addTo(map);
 		});
 
 		// Revert mouse cursor back when not hovering
@@ -577,6 +609,7 @@ sap.ui.define([
 			if (!that.Apressed && !that.Rpressed) {
 				map.getCanvas().style.cursor = '';
 			}
+			popupLink.remove();
 		});
 		map.on('click', 'geojson-source-route', function (e) {
 			//Trigger payload

package/src/sap/ui/vbm/vector/PayloadGenerator.js

@@ -12,7 +12,7 @@ sap.ui.define([
          *
          * @private
          * @author SAP SE
-         * @version 1.136.0
+         * @version 1.138.0
          * @alias sap.ui.vbm.vector.PayloadGenerator
          */
     var adapter = {};

package/src/sap/ui/vbm/vector/RectangularSelection.js

@@ -12,7 +12,7 @@ sap.ui.define([
          *
          * @private
          * @author SAP SE
-         * @version 1.136.0
+         * @version 1.138.0
          * @alias sap.ui.vbm.vector.RectangularSelection
          */
 

package/src/sap/ui/vbm/vector/VBITransformer.js

@@ -362,8 +362,13 @@ sap.ui.define([
                         // "id"           :  currRoute['VB:ix'],
                         "id": route_id++,
                     };
-
-                    featureCollection.push(route_data);
+                    let indexNum = featureCollection.findIndex(item => item.properties.Key === route_data.properties.Key)
+                    if (indexNum !== -1) {
+                        featureCollection[indexNum] = route_data
+                    }
+                    else {
+                        featureCollection.push(route_data);
+                    }
                 }
             }
         } else {
@@ -416,7 +421,13 @@ sap.ui.define([
                     // "id"           :  currRoute['VB:ix'],
                     "id": route_id++,
                 };
-                featureCollection.push(route_data);
+                let indexNum = featureCollection.findIndex(item => item.properties.Key === route_data.properties.Key)
+                if (indexNum !== -1) {
+                    featureCollection[indexNum] = route_data
+                }
+                else {
+                    featureCollection.push(route_data);
+                }
             }
         }
     }

package/src/sap/ui/vbm/vector/VectorUtils.js

@@ -50,7 +50,7 @@ sap.ui.define([
         var validDrop = drag.some(item => drop.includes(item));
         return validDrop;
     };
-    VectorUtils.createIconElement = (Icon) => {
+    VectorUtils.createIconElement = (Icon, iconColor) => {
         const child_el = document.createElement('div');
         child_el.className = 'marker';
         child_el.style.position = 'absolute';  // Position it absolutely inside the parent
@@ -59,6 +59,7 @@ sap.ui.define([
         child_el.style.transform = 'translate(-50%, -50%)'; // Center the icon
         child_el.style.fontFamily = 'SAP-icons';
         child_el.style.fontSize = '20px';  // Adjust size as needed
+        child_el.style.color = iconColor;
         var iconInfo = sap.ui.core.IconPool.getIconInfo(Icon);
         child_el.innerHTML = iconInfo.content;
         return child_el;

package/ui5.yaml

@@ -6,7 +6,7 @@ framework:
   name: SAPUI5
   libraries:
     - name: sap.ui.core
-    - name: sap.ui.commons
+    - name: sap.m
     - name: sap.ui.unified
     - name: themelib_sap_horizon
       optional: true