@sapui5/sap.ui.vbm 1.94.0 → 1.96.2

package/src/sap/ui/vbm/lib/saputilities.js

@@ -1,17 +1,21 @@
-// ...........................................................................//
-// utilities object..........................................................//
+/*
+ * ! SAPUI5
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
+ */
 
+// utilities object
 // Author: Ulrich Roegelein
+// this module is just a utility collection
 
-// ...........................................................................//
-// this module is just a utility collection..................................//
+sap.ui.define(["./sapvbi"]
+, function() {
+	"use strict";
 
 VBI.Utilities = VBI.Utilities || {};
 /* global VBI */// declare unusual global vars for ESLint/SAPUI5 validation
 // ...........................................................................//
 // HTMLCanvasElement element prototyes.......................................//
 HTMLCanvasElement.prototype.getPixelWidth = function() {
-	"use strict";
 	if (this.m_pixelWidth) {
 		return this.m_pixelWidth;
 	}
@@ -23,7 +27,6 @@ HTMLCanvasElement.prototype.getPixelWidth = function() {
 };
 
 HTMLCanvasElement.prototype.getPixelHeight = function() {
-	"use strict";
 	if (this.m_pixelHeight) {
 		return this.m_pixelHeight;
 	}
@@ -36,7 +39,6 @@ HTMLCanvasElement.prototype.getPixelHeight = function() {
 };
 
 HTMLCanvasElement.prototype.getPixelLeft = function() {
-	"use strict";
 	if (this.m_pixelLeft) {
 		return this.m_pixelLeft;
 	}
@@ -47,7 +49,6 @@ HTMLCanvasElement.prototype.getPixelLeft = function() {
 };
 
 HTMLCanvasElement.prototype.getPixelTop = function() {
-	"use strict";
 	if (this.m_pixelTop) {
 		return this.m_pixelTop;
 	}
@@ -60,7 +61,6 @@ HTMLCanvasElement.prototype.getPixelTop = function() {
 };
 
 HTMLCanvasElement.prototype.setPixelWidth = function(val) {
-	"use strict";
 	this.m_pixelWidth = val;
 
 	if (this.style.pixelWidth !== undefined) {
@@ -71,7 +71,6 @@ HTMLCanvasElement.prototype.setPixelWidth = function(val) {
 };
 
 HTMLCanvasElement.prototype.setPixelHeight = function(val) {
-	"use strict";
 	this.m_pixelHeight = val;
 
 	if (this.style.pixelHeight !== undefined) {
@@ -82,7 +81,6 @@ HTMLCanvasElement.prototype.setPixelHeight = function(val) {
 };
 
 HTMLCanvasElement.prototype.setPixelLeft = function(val) {
-	"use strict";
 	this.m_pixelLeft = val;
 
 	if (this.style.pixelLeft !== undefined) {
@@ -93,7 +91,6 @@ HTMLCanvasElement.prototype.setPixelLeft = function(val) {
 };
 
 HTMLCanvasElement.prototype.setPixelTop = function(val) {
-	"use strict";
 	this.m_pixelTop = val;
 	if (this.style.pixelTop !== undefined) {
 		this.style.pixelTop = val;
@@ -106,7 +103,6 @@ HTMLCanvasElement.prototype.setPixelTop = function(val) {
 // create a dummy element....................................................//
 
 VBI.Utilities.CreateWifiObject = function() {
-	"use strict";
 	var newElement = document.createElement('object');
 	if (!newElement) {
 		return null;
@@ -117,7 +113,6 @@ VBI.Utilities.CreateWifiObject = function() {
 };
 
 VBI.Utilities.CreateDOMElement = function(type, id, width, height) {
-	"use strict";
 	var newElement = document.createElement(type);
 	newElement.style.height = width ? width : "1px";
 	newElement.style.width = height ? height : "1px";
@@ -127,7 +122,6 @@ VBI.Utilities.CreateDOMElement = function(type, id, width, height) {
 };
 
 VBI.Utilities.GetDOMElement = function(args) {
-	"use strict";
 	var elements = [];
 
 	for (var i = 0, len = arguments.length; i < len; i++) {
@@ -147,7 +141,6 @@ VBI.Utilities.GetDOMElement = function(args) {
 // create a new DOM element..................................................//
 
 VBI.Utilities.CreateDOMVBIDivElement = function(id, width, height) {
-	"use strict";
 	// <div id="myDiv" style="overflow:hidden;position:absolute;left:0px;top:0px;width:300px;height:300px">
 
 	var newElement = document.createElement('div');
@@ -164,7 +157,6 @@ VBI.Utilities.CreateDOMVBIDivElement = function(id, width, height) {
 };
 
 VBI.Utilities.Create3DSceneDiv = function(id) {
-	"use strict";
 	var newElement = document.createElement('div');
 	newElement.setAttribute("role", sap.ui.core.AccessibleRole.Img);
 
@@ -180,7 +172,6 @@ VBI.Utilities.Create3DSceneDiv = function(id) {
 };
 
 VBI.Utilities.Create3DSceneCanvas = function(id, width, height, zindex, tabindex, isNonDOM) {
-	"use strict";
 	var newElement = document.createElement('canvas');
 	newElement.setAttribute("role", sap.ui.core.AccessibleRole.Img);
 
@@ -212,7 +203,6 @@ VBI.Utilities.Create3DSceneCanvas = function(id, width, height, zindex, tabindex
 };
 
 VBI.Utilities.CreateGeoSceneCanvas = function(id, width, height, tabindex, isNonDOM, addClasses, ariaLabel) {
-	"use strict";
 	var newElement = document.createElement('canvas');
 	newElement.setAttribute("role", sap.ui.core.AccessibleRole.Img);
 
@@ -260,7 +250,6 @@ VBI.Utilities.Align = [
 ];
 
 VBI.Utilities.CreateCaption = function(id, text, left, top, right, bottom, tooltip, design, level, align) {
-	"use strict";
 	// create the frame.......................................................//
 	var newElement = document.createElement('div');
 	newElement.setAttribute("role", sap.ui.core.AccessibleRole.Note);
@@ -282,12 +271,11 @@ VBI.Utilities.CreateCaption = function(id, text, left, top, right, bottom, toolt
 	}
 
 	newElement.className = "vbi-2d-caption vbi-2d-common";
-	newElement.innerHTML = text;
+	newElement.innerHTML = jQuery.sap.encodeHTML(text);
 	return newElement;
 };
 
 VBI.Utilities.CreateLabel = function(id, text, left, top, right, bottom, tooltip, align) {
-	"use strict";
 	// create the frame.......................................................//
 	var newElement = document.createElement('div');
 	newElement.setAttribute("role", sap.ui.core.AccessibleRole.Description);
@@ -299,12 +287,11 @@ VBI.Utilities.CreateLabel = function(id, text, left, top, right, bottom, tooltip
 	newElement.style.textAlign = VBI.Utilities.Align[align];
 	newElement.style.title = tooltip;
 	newElement.className = "vbi-2d-label vbi-2d-common";
-	newElement.innerHTML = text;
+	newElement.innerHTML = jQuery.sap.encodeHTML(text);
 	return newElement;
 };
 
 VBI.Utilities.CreateLink = function(id, text, left, top, right, bottom, href, tooltip, align) {
-	"use strict";
 	// create the frame.......................................................//
 	var newElement = document.createElement('a');
 	newElement.setAttribute("role", sap.ui.core.AccessibleRole.Link);
@@ -317,12 +304,11 @@ VBI.Utilities.CreateLink = function(id, text, left, top, right, bottom, href, to
 	newElement.className = "vbi-2d-link vbi-2d-common";
 	newElement.href = href ? href : "javascrip" + "t:void(0)"; // separated to fool ESLint
 	newElement.title = tooltip;
-	newElement.innerHTML = text;
+	newElement.innerHTML = jQuery.sap.encodeHTML(text);
 	return newElement;
 };
 
 VBI.Utilities.CreateImage = function(id, img, left, top, right, bottom, tooltip, align) {
-	"use strict";
 	// image is assumed to be a dom element located in the resources..........//
 	// var newElement = document.createElement('img');
 	var newElement = img.cloneNode(true);
@@ -339,7 +325,6 @@ VBI.Utilities.CreateImage = function(id, img, left, top, right, bottom, tooltip,
 };
 
 VBI.Utilities.CreateButton = function(id, text, left, top, right, bottom, tooltip, align) {
-	"use strict";
 	// create the frame.......................................................//
 	var newElement = document.createElement('button');
 	newElement.id = id;
@@ -349,13 +334,12 @@ VBI.Utilities.CreateButton = function(id, text, left, top, right, bottom, toolti
 	newElement.style.height = (bottom - top).toString() + "px";
 	newElement.style.textAlign = VBI.Utilities.Align[align];
 	newElement.className = "vbi-2d-button vbi-2d-common";
-	newElement.innerHTML = text;
+	newElement.innerHTML = jQuery.sap.encodeHTML(text);
 	newElement.title = tooltip;
 	return newElement;
 };
 
 VBI.Utilities.CreateContainer = function(id, key, left, top, width, height, tooltip, bOmitClass) {
-	"use strict";
 	// create the container...................................................//
 	var newElement = document.createElement('div');
 	newElement.setAttribute("role", sap.ui.core.AccessibleRole.Group);
@@ -375,7 +359,6 @@ VBI.Utilities.CreateContainer = function(id, key, left, top, width, height, tool
 // ...........................................................................//
 // callout container.........................................................//
 VBI.Utilities.CreateDetailPhone = function(id, left, top, width, height, titletext, padding) {
-	"use strict";
 	// create the detail frame................................................//
 	var detail = document.createElement('div');
 	detail.setAttribute("role", sap.ui.core.AccessibleRole.Directory);
@@ -408,7 +391,7 @@ VBI.Utilities.CreateDetailPhone = function(id, left, top, width, height, titlete
 	title.setAttribute("role", sap.ui.core.AccessibleRole.Heading);
 	title.id = id + "-window-title";
 	title.className = "vbi-detail-title-phone";
-	title.innerHTML = titletext;
+	title.innerHTML = jQuery.sap.encodeHTML(titletext);
 	header.appendChild(title);
 
 	// create the close.......................................................//
@@ -440,7 +423,6 @@ VBI.Utilities.CreateDetailPhone = function(id, left, top, width, height, titlete
 };
 
 VBI.Utilities.CreateDetail = function(id, left, top, width, height, titletext, padding) {
-	"use strict";
 	if (VBI.m_bIsPhone) {
 		return (VBI.Utilities.CreateDetailPhone(id, left, top, width, height, titletext, padding));
 	}
@@ -495,7 +477,7 @@ VBI.Utilities.CreateDetail = function(id, left, top, width, height, titletext, p
 	title.setAttribute("role", sap.ui.core.AccessibleRole.Heading);
 	title.id = id + "-window-title";
 	title.className = "vbi-detail-title";
-	title.innerHTML = titletext;
+	title.innerHTML = jQuery.sap.encodeHTML(titletext);
 	header.appendChild(title);
 
 	// create the close.......................................................//
@@ -558,14 +540,11 @@ VBI.Utilities.CreateDetail = function(id, left, top, width, height, titletext, p
 };
 
 VBI.Utilities.CreateLegendPhone = function(id, left, top, width, height, titletext, padding) {
-	"use strict";
-
 };
 
 VBI.Utilities.CreateLegend = function(id, top, titletext, padding, bClickRow) {
-	"use strict";
 	// if (VBI.m_bIsPhone)
-// return ( VBI.Utilities.CreateLegendPhone( id, right, top, titletext, padding ) );
+	// return ( VBI.Utilities.CreateLegendPhone( id, right, top, titletext, padding ) );
 	// create the legend frame................................................//
 	var legend = document.createElement('div');
 	legend.setAttribute("role", sap.ui.core.AccessibleRole.Group);
@@ -623,7 +602,7 @@ VBI.Utilities.CreateLegend = function(id, top, titletext, padding, bClickRow) {
 	title.setAttribute("role", sap.ui.core.AccessibleRole.Heading);
 	title.id = id + "-title";
 	title.className = "vbi-legend-title";
-	title.innerHTML = titletext;
+	title.innerHTML = jQuery.sap.encodeHTML(titletext);
 	header.appendChild(title);
 
 	// create the content.....................................................//
@@ -652,7 +631,6 @@ VBI.Utilities.CreateLegend = function(id, top, titletext, padding, bClickRow) {
 };
 
 VBI.Utilities.CreateGeoSceneDivCSS = function(id, classname, title) {
-	"use strict";
 	var newElement = document.createElement('div');
 	newElement.id = id;
 	if (classname) {
@@ -665,7 +643,6 @@ VBI.Utilities.CreateGeoSceneDivCSS = function(id, classname, title) {
 };
 
 VBI.Utilities.CreateDOMColorShiftedImageFromData = function(data, imgType, rhls1, rhls2, lcb) {
-	"use strict";
 	// the function will create an image......................................//
 	// the lcb is the load callback...........................................//
 	// it is required for hue shifted images..................................//
@@ -755,7 +732,6 @@ VBI.Utilities.CreateDOMColorShiftedImageFromData = function(data, imgType, rhls1
 };
 
 VBI.Utilities.CreateDOMImageFromData = function(data, imgType, lcb) {
-	"use strict";
 	// the function will create an image......................................//
 	// the lcb is the load callback...........................................//
 
@@ -775,7 +751,6 @@ VBI.Utilities.CreateDOMImageFromData = function(data, imgType, lcb) {
 };
 
 VBI.Utilities.GetTransparentImage = function() {
-	"use strict";
 	// the function will create a one pixel transparent image.................//
 	// the lcb is the load callback...........................................//
 
@@ -791,23 +766,19 @@ VBI.Utilities.GetTransparentImage = function() {
 // rectangle functions.......................................................//
 
 VBI.Utilities.PtOnRect = function(pt, rect) {
-	"use strict";
 	return ((pt[0] >= rect[0]) && (pt[0] <= rect[2]) && (pt[1] >= rect[1]) && (pt[1] <= rect[3])) ? true : false;
 };
 
 VBI.Utilities.PtInRect = function(pt, rect) {
-	"use strict";
 	return ((pt[0] > rect[0]) && (pt[0] < rect[2]) && (pt[1] > rect[1]) && (pt[1] < rect[3])) ? true : false;
 };
 
 VBI.Utilities.RectIntersect = function(rc1, rc2) {
-	"use strict";
 	// determine whether the two provided rectangles intersect each other.....//
 	return !(rc2[0] > rc1[2] || rc2[2] < rc1[0] || rc2[3] < rc1[1] || rc2[1] > rc1[3]);
 };
 
 VBI.Utilities.RectOffset = function(rc, nX, nY) {
-	"use strict";
 	rc[0] += nX;
 	rc[1] += nY;
 	rc[2] += nX;
@@ -816,8 +787,6 @@ VBI.Utilities.RectOffset = function(rc, nX, nY) {
 
 VBI.Utilities.cImg;
 VBI.Utilities.GetImagePixelData = function(img) {
-	"use strict";
-
 	if (!VBI.Utilities.cImg) {
 		VBI.Utilities.cImg = document.createElement('canvas');
 	}
@@ -835,7 +804,6 @@ VBI.Utilities.GetImagePixelData = function(img) {
 };
 
 VBI.Utilities.pointOnLine = function(poly, x, y, dist, closed) {
-	"use strict";
 	// check if a point is near the line, it returns the segment that fits....//
 	// when no segment fits the returned object has edge set to -1............//
 	// when no node fits the returned object has node set to -1...............//
@@ -913,7 +881,6 @@ VBI.Utilities.pointOnLine = function(poly, x, y, dist, closed) {
 };
 
 VBI.Utilities.polyInPolygon = function(outerPoly, innerPoly, iO) {
-	"use strict";
 	// instance offsets are applied for innerPoly
 
 	var bHit = false, bIntersect = false;
@@ -954,7 +921,6 @@ VBI.Utilities.polyInPolygon = function(outerPoly, innerPoly, iO) {
 };
 
 VBI.Utilities.pointInPolygon = function(poly, x, y) {
-	"use strict";
 	// We expect poly to have up to three dimensions [shape + exclusions][points][coords] -> multi parts to be treated separately (external)
 	// We treat them recursively
 	var v1, v2, len = poly.length;
@@ -998,7 +964,6 @@ VBI.Utilities.pointInPolygon = function(poly, x, y) {
 };
 
 VBI.Utilities.pointInTriangle = function(tri, pt) {
-	"use strict";
 	var vx0 = tri[2][0] - tri[0][0]; // first plane spanning vector
 	var vy0 = tri[2][1] - tri[0][1];
 	var vx1 = tri[1][0] - tri[0][0]; // second plane spanning vector
@@ -1027,7 +992,6 @@ VBI.Utilities.BOTTOM = 4; // 0100
 VBI.Utilities.TOP = 8; // 1000
 
 VBI.Utilities.ComputeOutCode = function(x, y, rc) {
-	"use strict";
 	var xmin = rc[0]; // left
 	var xmax = rc[2]; // right
 	var ymin = rc[1]; // top;
@@ -1053,7 +1017,6 @@ VBI.Utilities.ComputeOutCode = function(x, y, rc) {
 // if outside the rect return false
 // uses Cohen–Sutherland algorithm
 VBI.Utilities.LineIntersectRect = function(x0, y0, x1, y1, rc) {
-	"use strict";
 	var oRet = {};
 	var xmin = rc[0]; // left;
 	var xmax = rc[2]; // right;
@@ -1115,7 +1078,6 @@ VBI.Utilities.LineIntersectRect = function(x0, y0, x1, y1, rc) {
 };
 
 VBI.Utilities.LineLineIntersection = function(p1, p2, q1, q2, bSegmentOnly) {
-	"use strict";
 	var A1 = p2[1] - p1[1];
 	var B1 = p1[0] - p2[0];
 	var C1 = A1 * p1[0] + B1 * p1[1];
@@ -1163,7 +1125,6 @@ VBI.Utilities.LineLineIntersection = function(p1, p2, q1, q2, bSegmentOnly) {
 };
 
 VBI.Utilities.IsClockwise = function(pointlist) {
-	"use strict";
 	var length = pointlist.length;
 	if (pointlist.length % 2) {
 		length -= 1;
@@ -1184,8 +1145,6 @@ VBI.Utilities.IsClockwise = function(pointlist) {
 
 // GetClippedPolygon gives precise result only for convex polygons
 VBI.Utilities.GetClippedPolygon = function(pointarray, Xoffset, rcviewport) {
-	"use strict";
-
 	var offset = Xoffset;
 	var outputlist = pointarray.slice(0);
 	var inputlist = [];
@@ -1282,7 +1241,6 @@ VBI.Utilities.GetClippedPolygon = function(pointarray, Xoffset, rcviewport) {
 };
 
 VBI.Utilities.GetBarycenterForPolygon = function(pointarray, offset) {
-	"use strict";
 	var pa = pointarray.slice(0);
 	var pt1 = [
 		pa[0], pa[1]
@@ -1329,7 +1287,6 @@ VBI.Utilities.GetBarycenterForPolygon = function(pointarray, offset) {
 };
 
 VBI.Utilities.GetMidpointForPolygon = function(pointarray, bb, Xoffset, rcviewport) {
-	"use strict";
 	var offset = Xoffset;
 	var labelPositions = [];
 	var lt = bb[0];
@@ -1360,8 +1317,6 @@ VBI.Utilities.GetMidpointForPolygon = function(pointarray, bb, Xoffset, rcviewpo
 };
 
 VBI.Utilities.GetClippedPolygons = function(pointarray, offset, rcviewport) {
-	"use strict";
-
 	var outputlist = [];
 	var pointlist = pointarray.slice(0);
 	var nStartViewportList = pointlist.length;
@@ -1517,17 +1472,14 @@ VBI.Utilities.GetClippedPolygons = function(pointarray, offset, rcviewport) {
 };
 
 VBI.Utilities.StandardSort1 = function(a, b) {
-	"use strict";
 	return a.pt - b.pt;
 };
 
 VBI.Utilities.StandardSort2 = function(a, b) {
-	"use strict";
 	return b.pt - a.pt;
 };
 
 VBI.Utilities.GetMidpointsForPolygon = function(pointarray, bb, Xoffset, rcviewport) {
-	"use strict";
 	var polylist = [];
 	var offset = Xoffset;
 	var labelPositions = [];
@@ -1580,7 +1532,6 @@ VBI.Utilities.GetMidpointsForPolygon = function(pointarray, bb, Xoffset, rcviewp
 };
 
 VBI.Utilities.GetMidpointsForLine = function(pointarray, offset, rcviewport) {
-	"use strict";
 	var labelPositions = [];
 	var bRet = {};
 	var ptLastEnd = [
@@ -1691,7 +1642,6 @@ VBI.Utilities.GetMidpointsForLine = function(pointarray, offset, rcviewport) {
 };
 
 VBI.Utilities.updateBoundRect = function(oArray, rect) {
-	"use strict";
 	// update bounding box....................................................//
 	// using the new array of coords and calculating new values...............//
 
@@ -1724,7 +1674,6 @@ VBI.Utilities.updateBoundRect = function(oArray, rect) {
 };
 
 VBI.Utilities.inflateRect = function(rect, val) {
-	"use strict";
 	// inflate the rectangle..................................................//
 	rect[0] -= val;
 	rect[1] -= val;
@@ -1737,7 +1686,6 @@ VBI.Utilities.inflateRect = function(rect, val) {
 // x3, y3 is the point to be measuresd.......................................//
 
 VBI.Utilities.sqDistance = function(x1, y1, x2, y2, x3, y3) {
-	"use strict";
 	// vector between points..................................................//
 	var px = x2 - x1;
 	var py = y2 - y1;
@@ -1767,7 +1715,6 @@ VBI.Utilities.sqDistance = function(x1, y1, x2, y2, x3, y3) {
 // x, y is the point to be measured .........................................//
 
 VBI.Utilities.getNextPoint = function(x, y, poly, offset) {
-	"use strict";
 	var v1, v2, len = poly.length;
 	var pts = [];
 	var distances = [];
@@ -1853,7 +1800,6 @@ VBI.Utilities.getNextPoint = function(x, y, poly, offset) {
 // drawing methods...........................................................//
 
 VBI.Utilities.DrawSelectIndicator = function(ctx, p) {
-	"use strict";
 	var r = 4;
 
 	// fill corner arcs....................................................//
@@ -1868,7 +1814,6 @@ VBI.Utilities.DrawSelectIndicator = function(ctx, p) {
 };
 
 VBI.Utilities.DrawDesignRect = function(ctx, handles, p1, p2, p3, p4) {
-	"use strict";
 	// handles is an array of values tat specify the visibility of the drag...//
 	// box handles............................................................//
 	var x, y, r = 3, bDash = ctx.setLineDash ? true : false;
@@ -1929,8 +1874,6 @@ VBI.Utilities.DrawDesignRect = function(ctx, handles, p1, p2, p3, p4) {
 };
 
 VBI.Utilities.DrawFrameRect = function(ctx, col, p1, p2, p3, p4) {
-	"use strict";
-
 	ctx.lineWidth = 1;
 	ctx.strokeStyle = col;
 
@@ -1944,8 +1887,6 @@ VBI.Utilities.DrawFrameRect = function(ctx, col, p1, p2, p3, p4) {
 };
 
 VBI.Utilities.AssembleCopyrightString = function(Copyright, CopyrightLink, CopyrightImage) {
-	"use strict";
-
 	var regex1 = /\{LINK\|IMG\}/;
 	var regex2 = /\{IMG\}/;
 	var regex3 = /\{LINK\|([^\}]+)\}/;
@@ -1959,8 +1900,6 @@ VBI.Utilities.AssembleCopyrightString = function(Copyright, CopyrightLink, Copyr
 };
 
 VBI.Utilities.DrawTrackingRect = function(ctx, p1, p2, p3, p4) {
-	"use strict";
-
 	ctx.save();
 	ctx.strokeStyle = 'black';
 	ctx.lineWidth = 1;
@@ -1978,8 +1917,6 @@ VBI.Utilities.DrawTrackingRect = function(ctx, p1, p2, p3, p4) {
 };
 
 VBI.Utilities.DrawTrackingLasso = function(ctx, aPos) {
-	"use strict";
-
 	ctx.save();
 	ctx.strokeStyle = 'black';
 	ctx.lineWidth = 1;
@@ -2004,8 +1941,6 @@ VBI.Utilities.DrawTrackingLasso = function(ctx, aPos) {
 // color conversion routines.................................................//
 
 VBI.Utilities.RGB2HLS = function(red, green, blue) {
-	"use strict";
-
 	red /= 255.0;
 	green /= 255.0;
 	blue /= 255.0; // normalize to [0,1]
@@ -2038,7 +1973,6 @@ VBI.Utilities.RGB2HLS = function(red, green, blue) {
 };
 
 VBI.Utilities.HLS2RGB = function(hue, lum, sat) {
-	"use strict";
 	var red = 0, green = 0, blue = 0;
 	if (sat == 0) {
 		red = green = blue = lum;
@@ -2056,7 +1990,6 @@ VBI.Utilities.HLS2RGB = function(hue, lum, sat) {
 };
 
 VBI.Utilities.HUE2RGB = function(p, q, t) {
-	"use strict";
 	if (t < 0) {
 		t += 1;
 	} else if (t > 1) {
@@ -2077,7 +2010,6 @@ VBI.Utilities.HUE2RGB = function(p, q, t) {
 
 // get the pixel value of 1rem
 VBI.Utilities.RemToPixel = function(value) {
-	"use strict";
 	// Returns a number
 	return value * parseFloat(
 	// of the computed font-size, so in px
@@ -2087,13 +2019,11 @@ VBI.Utilities.RemToPixel = function(value) {
 };
 
 VBI.Utilities.ColorHex2rgba = function(sHC) {
-	"use strict";
 	var sColor = sHC.charAt(0) === "#" ? sHC.substring(1, 7) : sHC;
 	return 'rgba(' + parseInt(sColor.substring(0, 2), 16) + ',' + parseInt(sColor.substring(2, 4), 16) + ',' + parseInt(sColor.substring(4, 6), 16) + ',1.0)';
 };
 
 VBI.Utilities.String2VBColor = function(s) {
-	"use strict";
 	var aCol = VBI.Types.string2rgba(s);
 	if (aCol[4] === 1) {
 		return "RGBA(" + aCol[0] + ";" + aCol[1] + ";" + aCol[2] + ";" + parseInt(aCol[3] * 255, 10) + ")";
@@ -2103,14 +2033,12 @@ VBI.Utilities.String2VBColor = function(s) {
 };
 
 VBI.Utilities.CompToHex = function(c) {
-	"use strict";
-
 	var hex = c.toString(16);
 	return hex.length == 1 ? "0" + hex : hex;
 };
 
 VBI.Utilities.RgbToHex = function(r, g, b) {
-	"use strict";
-
 	return "#" + VBI.Utilities.CompToHex(r) + VBI.Utilities.CompToHex(g) + VBI.Utilities.CompToHex(b);
 };
+
+});

package/src/sap/ui/vbm/lib/sapvbcluster.js

@@ -1,11 +1,17 @@
-// ...........................................................................//
-// this module defines the clustering ...................................//
+/*
+ * ! SAPUI5
+ * (c) Copyright 2009-2022 SAP SE. All rights reserved.
+ */
 
+// this module defines the clustering
 // Author: Jürgen Gatter for Grid based Clustering,
 // Dimitar Vangelovski for Distance based Clustering
 
-VBI.Clustering = function(target) {
+sap.ui.define(["./sapvbi"]
+, function() {
 	"use strict";
+
+VBI.Clustering = function(target) {
 	/* global VBI */// declare unusual global vars for ESLint/SAPUI5 validation
 	var clustering = {};
 	var Delaunay = {};
@@ -415,7 +421,7 @@ VBI.Clustering = function(target) {
 					case 2:
 						b2BeRemoved = bGeneralRemove;
 						break;
-					default: 
+					default:
 						break;
 				}
 				if (b2BeRemoved) {
@@ -1976,7 +1982,7 @@ VBI.Clustering = function(target) {
 // for (var j=0; j< aNode2.length;++j)
 // cluster.CheckConsistency(aNode2[j], log2ComplX, distThreshold);
 // };
-//      
+//
 // cluster.CheckConsistency = function ( node, log2ComplX, distThreshold )
 // {
 // if ((node == -1)||(node.bw==undefined)||(node.bInvalid)||!node.bCluster) return;
@@ -1986,7 +1992,7 @@ VBI.Clustering = function(target) {
 // cnt += node.bw[i].cnt;
 // if (node.cnt != cnt)
 // VBI.Trace("Count Inconsistency found ");
-//         
+//
 // var bo = node.bo;
 // if (bo == undefined ){
 // VBI.Trace("bo undefined issue");
@@ -2405,3 +2411,5 @@ VBI.Clustering = function(target) {
 
 	return clustering;
 };
+
+});