@sapui5/sap.ui.vbm 1.131.0 → 1.133.0

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

@@ -12,13 +12,14 @@ sap.ui.define([
          *
          * @private
          * @author SAP SE
-         * @version 1.131.0
+         * @version 1.133.0
          * @alias sap.ui.vbm.vector.PayloadGenerator
          */
+    var adapter = {};
     const PayloadGenerator = BaseObject.extend("sap.ui.vbm.vector.PayloadGenerator", /** @lends sap.ui.vbm.vector.PayloadGenerator.prototype */ {
-        constructor: function (adapter) {
+        constructor: function (_adapter) {
             BaseObject.call(this);
-            this._adapter = adapter;
+            adapter = _adapter;
         }
     });
 
@@ -33,17 +34,34 @@ sap.ui.define([
         }
         return false;
     };
-
+    PayloadGenerator.fcodeSelect = function (action_name, action_id,action_obj,action_ins) { 
+        const payload = {
+            version: "2.0",
+            "xmlns:VB": "VB",
+            Action: {
+                "name": action_name,
+                "object": action_obj,
+                "id": action_id,
+                "instance": action_ins
+            } 
+        }
+        // Fire the submit event with the generated payload
+        adapter.fireSubmit({
+            data: JSON.stringify(payload)
+        });
+    };
     // Method to insert unique key-value pairs and update "VB:s" flags
-    PayloadGenerator.insertUniqueKey = function (name, key, mergeArray) {
+    PayloadGenerator.insertUniqueKey = function (name, event, key, mergeArray) {
         // Update all existing entries' "VB:s" flag to false
-        mergeArray.forEach(item => {
-            if (item.name === name) {
-                item.E.forEach(entry => {
-                    entry["VB:s"] = "false"; // Set all existing ones to false
-                });
-            }
-        });
+        if (event === "CLICK") {
+            mergeArray.forEach(item => {
+                if (item.name === name) {
+                    item.E.forEach(entry => {
+                        entry["VB:s"] = "false"; // Set all existing ones to false
+                    });
+                }
+            });
+        }
 
         let nameObject = mergeArray.find(item => item.name === name);
 
@@ -77,14 +95,14 @@ sap.ui.define([
 
         // Initialize objects for this specific call
         const keysObjects = {};
-        const mergeArray = this.mergeArray; // This array persists across multiple clicks
+        const mergeArray = this.mergeArray; // This array persists across multiple clicks/selects
 
         keysObjects["K"] = object.properties.Key;
 
         // Insert only if the key is unique for "objectType"
-        PayloadGenerator.insertUniqueKey(objectType, keysObjects["K"], mergeArray);
+        PayloadGenerator.insertUniqueKey(objectType, "CLICK", keysObjects["K"], mergeArray);
 
-        var payload = {
+        const payload = {
             version: "2.0",
             "xmlns:VB": "VB",
             Action: {
@@ -121,10 +139,152 @@ sap.ui.define([
         };
 
         // Fire the submit event with the generated payload
-        this._adapter.fireSubmit({
+        adapter.fireSubmit({
             data: JSON.stringify(payload)
         });
     };
+    
+    PayloadGenerator.KeyboardHandler = (event, name) => {
+        const modifiers = {
+            code: event.keyCode,
+            shift: event.shiftKey,
+            ctrl: event.ctrlKey,
+            alt: event.altKey,
+            meta: event.metaKey
+        };
+
+        var data = {
+            "version": "2.0",
+            "xmlns:VB": "VB",
+            "Action": {
+                "name": name,
+                "Params": {
+                    "Param": Object.entries(modifiers).map(([name, value]) => ({
+                        "name": name,
+                        "#": value
+                    }))
+                }
+            }
+        };
+
+        this._adapter.fireSubmit({ data: JSON.stringify(data) });
+};
+
+    PayloadGenerator.selectObjects = (objects) => {
+        // Initialize objects for this specific call
+        const keysObjects = {};
+        const mergeArray = this.mergeArray; // This array persists across multiple clicks/selects
+
+        // Set VB:s to false for all existing entries
+        mergeArray.forEach(item => {
+            item.E.forEach(entry => {
+                entry["VB:s"] = "false";
+            });
+        });
+        this.mergeArray = mergeArray;       //Update it back
+
+        objects.forEach(object => {
+            switch (object.layer.type) {
+                case 'circle':  // Spot
+                    keysObjects["K"] = object.properties.Key;
+                    // Insert only if the key is unique for "objectType"
+                    PayloadGenerator.insertUniqueKey("Spot", "SELECT", keysObjects["K"], mergeArray);
+                    break;
+                case 'line':  // Link
+                    keysObjects["K"] = object.properties.Key;
+                    // Insert only if the key is unique for "objectType"
+                    PayloadGenerator.insertUniqueKey("Link", "SELECT", keysObjects["K"], mergeArray);
+                    break;
+                default:
+                    break;
+            }
+        });
+
+        const payload = {
+            version: "2.0",
+            "xmlns:VB": "VB",
+            Action: {
+                name: "SELECT",
+                object: "General",
+                id: "GenSelect"
+            },
+            Data: {
+                Merge: {
+                    N: mergeArray
+                }
+            }
+        }
+        // Fire the submit event with the generated payload
+        adapter.fireSubmit({
+            data: JSON.stringify(payload)
+        });
+    }
+
+
+    PayloadGenerator.onMapContextMenu = (coords, zoom, center, screenX, screenY) => {
+
+        const payload = {
+            version: "2.0",
+            "xmlns:VB": "VB",
+            Action: {
+                name: "CONTEXT_MENU_REQUEST",
+                object: "Map",
+                id: "7",
+                Params: {
+                    Param: [
+                        {
+                            name: "x",
+                            "#": screenX
+                        },
+                        {
+                            name: "y",
+                            "#": screenY
+                        },
+                        {
+                            name: "scene",
+                            "#": "MainScene"
+                        }
+                    ]
+                },
+                AddActionProperties: {
+                    AddActionProperty: [
+                        {
+                            name: "pos",
+                            "#": coords
+                        },
+                        {
+                            name: "zoom",
+                            "#": zoom
+                        },
+                        {
+                            name: "centerpoint",
+                            "#": center
+                        },
+                        {
+                            name: "pitch",
+                            "#": "0.0"
+                        },
+                        {
+                            name: "yaw",
+                            "#": "0.0"
+                        }
+                    ]
+                }
+            }
+        }
+
+        if (this.mergeArray.length > 0) {
+            // Ensure `payload`, `Data`, `Merge`, and `N` nodes exist and set `N` to this.mergeArray
+            payload.Data = payload.Data || {};        // Ensure `Data` exists
+            payload.Data.Merge = payload.Data.Merge || {}; // Ensure `Merge` exists under `Data`
+            payload.Data.Merge.N = this.mergeArray;   // Set `N` to this.mergeArray
+        }
+
+        // Fire the submit event with the generated payload
+        adapter.fireSubmit({
+            data: JSON.stringify(payload)
+        });
+    }
 
     return PayloadGenerator;
-});
+});

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

@@ -0,0 +1,119 @@
+sap.ui.define([
+    "sap/ui/base/Object",
+    "./PayloadGenerator"
+], function (BaseObject, PayloadGenerator) {
+    'use strict';
+
+    /**
+         * Constructor for a new RectangularSelection.
+         *
+         * @class
+         * Provides a class for doing Rectangular Selection on map.
+         *
+         * @private
+         * @author SAP SE
+         * @version 1.133.0
+         * @alias sap.ui.vbm.vector.RectangularSelection
+         */
+
+    // Variable to hold the starting xy coordinates
+    // when `mousedown` occured.
+    let start;
+
+    // Variable to hold the current xy coordinates
+    // when `mousemove` or `mouseup` occurs.
+    let current;
+
+    // Variable for the draw box element.
+    let box;
+    const RectangularSelection = BaseObject.extend("sap.ui.vbm.vector.RectangularSelection", /** @lends sap.ui.vbm.vector.RectangularSelection.prototype */ {
+        constructor: function (map) {
+            BaseObject.call(this);
+            this._map = map;
+        },
+
+        mouseDown(e, rPressed) {
+            var map = this._map;
+            const canvas = map.getCanvasContainer();
+            // Continue the rest of the function if the R Key is pressed.
+            if (!((rPressed) && (e.button === 0))) return;
+            // Disable default drag zooming when the R key is pressed.
+            map.dragPan.disable();
+
+            // Call functions for the following events
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', onMouseUp);
+            document.addEventListener('keydown', onKeyDown);
+
+            // Capture the first xy coordinates
+            start = mousePos(e);
+
+            function mousePos(e) {
+                const rect = canvas.getBoundingClientRect();
+                return new maplibregl.Point(
+                    e.clientX - rect.left - canvas.clientLeft,
+                    e.clientY - rect.top - canvas.clientTop
+                );
+            }
+            function onMouseMove(e) {
+                // Capture the ongoing xy coordinates
+                current = mousePos(e);
+
+                // Append the box element if it doesnt exist
+                if (!box) {
+                    box = document.createElement('div');
+                    box.classList.add('boxdraw');
+                    canvas.appendChild(box);
+                }
+
+                const minX = Math.min(start.x, current.x),
+                    maxX = Math.max(start.x, current.x),
+                    minY = Math.min(start.y, current.y),
+                    maxY = Math.max(start.y, current.y);
+
+                // Adjust width and xy position of the box element ongoing
+                const pos = `translate(${minX}px, ${minY}px)`;
+                box.style.transform = pos;
+                box.style.width = maxX - minX + 'px';
+                box.style.height = maxY - minY + 'px';
+            }
+            function onMouseUp(e) {
+                // Capture xy coordinates
+                finish([start, mousePos(e)]);
+            }
+
+            function onKeyDown(e) {
+                // If the ESC key is pressed
+                if (e.keyCode === 27) finish();
+            }
+            function finish(bbox) {
+                // Remove these events now that finish has been called.
+                document.removeEventListener('mousemove', onMouseMove);
+                document.removeEventListener('keydown', onKeyDown);
+                document.removeEventListener('mouseup', onMouseUp);
+
+                if (box) {
+                    box.parentNode.removeChild(box);
+                    box = null;
+                }
+
+                // If bbox exists. use this value as the argument for `queryRenderedFeatures`
+                if (bbox) {
+                    const features = map.queryRenderedFeatures(bbox, {
+                        layers: ['geojson-source-route', 'geojson-source-point']
+                    });
+                    //Only trigger payload if something is selected
+                    if (features && features.length > 0) {
+                        // Trigger a payload for the selected features
+                        PayloadGenerator.selectObjects(features);
+                    }
+                }
+
+                map.dragPan.enable();
+
+            }
+        }
+    });
+
+    return RectangularSelection;
+});