@sapui5/sap.ndc 1.110.0 → 1.111.1

package/package.json

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

package/src/sap/ndc/.library

@@ -5,7 +5,7 @@
     <vendor>SAP SE</vendor>
     <copyright>SAPUI5
  * (c) Copyright 2009-2023 SAP SE. All rights reserved.</copyright>
-    <version>1.110.0</version>
+    <version>1.111.1</version>
 
     <documentation>SAPUI5 library with controls with native device capabilities.</documentation>
 

package/src/sap/ndc/BarcodeScanner.js

@@ -41,9 +41,10 @@ sap.ui.define([
 		"sap/ui/base/EventProvider",
 		'sap/ui/Device',
 		"sap/ui/thirdparty/jquery",
-		"sap/base/util/deepClone"
+		"sap/base/util/deepClone",
+		"sap/m/Avatar"
 	],
-	function(Log, JSONModel, BindingMode, ResourceModel, Input, Label, Button, Dialog, BusyDialog, includeStylesheet, BarcodeScannerUIContainer, MessageToast, mobileLibrary, Event, EventProvider, Device, jQuery, deepClone) {
+	function(Log, JSONModel, BindingMode, ResourceModel, Input, Label, Button, Dialog, BusyDialog, includeStylesheet, BarcodeScannerUIContainer, MessageToast, mobileLibrary, Event, EventProvider, Device, jQuery, deepClone, Avatar) {
 	"use strict";
 
 	document.addEventListener("settingsDone", init);
@@ -93,6 +94,7 @@ sap.ui.define([
 		oCap,
 		oScanDialog,
 		oBarcodeVideoDOM,
+		oBarcodeImageDOM,
 		oBarcodeOverlayDOM,
 		oBarcodeHighlightDOM,
 
@@ -660,6 +662,7 @@ sap.ui.define([
 	 */
 	function findMainCamera(aCameras, fnCallback) {
 		var aCamerasClone = deepClone(aCameras);
+		var iIndex = aCameras.length;
 		var fnCheckStream = function () {
 			if (aCamerasClone.length === 0) {
 				oModel.setProperty("/devices/needCheck", false);
@@ -668,6 +671,7 @@ sap.ui.define([
 				fnCallback();
 			} else {
 				var oCamera = aCamerasClone.pop();
+				iIndex--;
 				var oConstraints = deepClone(oModel.getProperty("/config/defaultConstraints"));
 				oConstraints.video.deviceId = {
 					exact: oCamera.deviceId
@@ -677,13 +681,16 @@ sap.ui.define([
 				.then(
 					function(stream) {
 						var videoTrack = typeof stream.stop === "function" ? stream : stream.getTracks()[0];
-						// main camera always support flash light.
+						// main camera always support flashlight.
 						checkFlashLight(videoTrack).then(function() {
-							oCamera.flashLight = true;
-							oModel.setProperty("/devices/mainCamera", oCamera);
+							aCameras[iIndex].hasFlashLight = true;
+							oModel.setProperty("/devices/mainCamera", aCameras[iIndex]);
 							oModel.setProperty("/devices/needCheck", false);
 							updateDevicesInStatusModel();
 							Log.debug("BarcodeScanner.findMainCamera: the main camera is " + oCamera.deviceId);
+							oScanDialog && oScanDialog.getModel().setProperty("/hasFlashLight", true);
+							oModel.setProperty("/scanDialog/hasFlashLight", true);
+							Log.debug("BarcodeScanner.findMainCamera: enable flashlight");
 							oStream = stream;
 							// use ZXingCPP or ZXing to scan the barcode directly if :
 							//    current scanner API is ZXing, and ZXing is available
@@ -693,10 +700,11 @@ sap.ui.define([
 								|| (getCurrentScannerAPI() === "ZXing" && isScannerAPIAvailable("ZXing"))) {
 								openBarcodeScannerDialogContains();
 							} else {
-								oScanDialog.getModel().setProperty("/isNoScanner", true);
+								oScanDialog && oScanDialog.getModel().setProperty("/isNoScanner", true);
 								openBarcodeInputDialog();
 							}
 						}, function() {
+							aCameras[iIndex].hasFlashLight = false;
 							videoTrack.stop();
 							Log.debug("BarcodeScanner.findMainCamera: " + oCamera.deviceId + " is not the main camera, check the next camera");
 							fnCheckStream();
@@ -744,10 +752,10 @@ sap.ui.define([
 			return new Promise(function (resolve, reject) {
 				oImageCapture.getPhotoCapabilities().then(function(oCapabilities) {
 					if (oCapabilities.fillLightMode && oCapabilities.fillLightMode.includes("flash")) {
-						Log.debug("BarcodeScanner.checkFlashLight: Camera does support flash light");
+						Log.debug("BarcodeScanner.checkFlashLight: Camera supports flashlight");
 						resolve();
 					} else {
-						Log.debug("BarcodeScanner.checkFlashLight: Camera doesn't support flash light");
+						Log.debug("BarcodeScanner.checkFlashLight: Camera doesn't support flashlight");
 						reject();
 					}
 				}).catch(function(oError) {
@@ -758,6 +766,189 @@ sap.ui.define([
 		}
 	}
 
+	/**
+	 * Open or close flashlight
+	 * @private
+	 */
+	function toggleFlashLight() {
+		if (!oModel.getProperty("/scanDialog/hasFlashLight")) {
+			Log.error("BarcodeScanner.toggleFlashLight: No flashlight currently");
+			return;
+		}
+		var bIsFlashLightOn = oModel.getProperty("/scanDialog/flashLightOn");
+		var sProcess = !bIsFlashLightOn ? "Open" : "Close";
+		var videoTrack = typeof oStream.stop === "function" ? oStream : oStream.getTracks()[0];
+		videoTrack.applyConstraints({
+			advanced: [{
+				torch: !bIsFlashLightOn
+			}]
+		}).then(
+			function() {
+				oModel.setProperty("/scanDialog/flashLightOn", !bIsFlashLightOn);
+				Log.debug("BarcodeScanner.toggleFlashLight: " + sProcess + " flashlight of camera success.");
+			}
+		).catch(
+			function(error) {
+				var sErrorMsgKey = "BARCODE_DIALOG_" + sProcess.toUpperCase() + "_FLASHLIGHT_ERROR_MSG";
+				MessageToast.show(
+					oResourceModel.getResourceBundle().getText(sErrorMsgKey),
+					{
+						duration: 1000
+					}
+				);
+				Log.error("BarcodeScanner.toggleFlashLight: " + sProcess + " flashlight of camera failed. Error Message:" + error);
+			}
+		);
+	}
+
+	/**
+	 * Open image gallery to select image
+	 * @private
+	 */
+	function openImageGallery() {
+		// close the flashlight if it is ON
+		var bIsFlashLightOn = oModel.getProperty("/scanDialog/flashLightOn");
+		if (bIsFlashLightOn) {
+			toggleFlashLight();
+		}
+		if (oBarcodeImageDOM) {
+			return oBarcodeImageDOM.click();
+		}
+	}
+
+	function fileSelected() {
+		BarcodeScanner.closeScanDialog();
+		var oFile = oBarcodeImageDOM.files[0];
+		if (oFile) {
+			oBarcodeVideoDOM = undefined;
+			scanFile(oFile);
+		}
+	}
+
+	/**
+	 * Scan the selected image file
+	 * @private
+	 */
+	function scanFile(oFile) {
+		var oBusyDialog = new BusyDialog({
+			title: oResourceModel.getProperty("BARCODE_DIALOG_SCAN_IMAGE_BUSY_TITLE")
+		});
+		oBusyDialog.open();
+		oModel.setProperty("/scanDialog/scanningStartTime", Date.now());
+		var reader = new FileReader();
+		reader.onload = function(evt) {
+			// compress the selected image file, then decode it with ZXingCPP
+			compress(evt.target.result).then(function(fileData) {
+				var buffer;
+				var oZXingCPPScannerAPI = oModel.getProperty("/apis/ZXingCPP/scannerAPI");
+				try {
+					buffer = oZXingCPPScannerAPI._malloc(fileData.length);
+					oZXingCPPScannerAPI.HEAPU8.set(fileData, buffer);
+				} catch (err) {
+					Log.info("BarcodeScanner.scanFile: zxing.HEAPU8 error: " + err);
+				}
+				var result = oZXingCPPScannerAPI.readBarcodeFromImage(buffer, fileData.length, true, "");
+				oZXingCPPScannerAPI._free(buffer);
+				oBusyDialog.close();
+				if (result.format) {
+					if (result.cancelled === "false" || !result.cancelled) {
+						result.cancelled = false;
+						var onFnSuccess = oModel.getProperty("/callBackHandler/onFnSuccess");
+						if (typeof onFnSuccess === "function") {
+							var scanningStopTime = Date.now();
+							result.scanningTime = scanningStopTime - oModel.getProperty("/scanDialog/scanningStartTime");
+							if (oModel.getProperty("/config/enableGS1Header")) {
+								// Add the symbology identifier of GS1 as prefix into the result text of ZXingCPP
+								result.text = result.symbologyIdentifier + result.text;
+							}
+							onFnSuccess(result);
+							oModel.setProperty("/scanDialog/scanningStartTime", 0);
+						}
+					}
+				} else {
+					MessageToast.show(
+						oResourceModel.getResourceBundle().getText('BARCODE_DIALOG_SCAN_IMAGE_ERROR_MSG'),
+						{
+							duration: 1000
+						}
+					);
+				}
+			}, function() {
+				oBusyDialog.close();
+				MessageToast.show(
+					oResourceModel.getResourceBundle().getText('BARCODE_DIALOG_SCAN_IMAGE_COMPRESS_FAILED_MSG'),
+					{
+						duration: 1000
+					}
+				);
+			});
+		};
+		reader.onerror = function() {
+			oBusyDialog.close();
+			MessageToast.show(
+				oResourceModel.getResourceBundle().getText('BARCODE_DIALOG_SCAN_IMAGE_LOAD_FAILED_MSG'),
+				{
+					duration: 1000
+				}
+			);
+		};
+		reader.readAsDataURL(oFile);
+	}
+
+	/**
+	 * Compress the image file since currently the image file size may be very large
+	 * @private
+	 */
+	function compress(res) {
+		var maxWidth = 800,
+			maxHeight = 800,
+			imageType = "image/png";
+		return new Promise(function (resolve, reject) {
+			var img = new Image();
+			img.onload = function() {
+				var originWidth = this.width,
+					originHeight = this.height;
+				var canvas = document.createElement("canvas");
+				var context = canvas.getContext("2d");
+
+				var targetWidth = originWidth,
+					targetHeight = originHeight;
+				// if image width or height is larger than 800, reset the width and height
+				if (originWidth > maxWidth || originHeight > maxHeight) {
+					if (originWidth / originHeight > maxWidth / maxHeight) {
+						targetWidth = maxWidth;
+						targetHeight = Math.round(maxWidth * (originHeight / originWidth));
+					} else {
+						targetHeight = maxHeight;
+						targetWidth = Math.round(maxHeight * (originWidth / originHeight));
+					}
+				}
+
+				// use canvas to compress the image
+				canvas.width = targetWidth;
+				canvas.height = targetHeight;
+
+				// clean
+				context.clearRect(0, 0, targetWidth, targetHeight);
+				// draw the image
+				context.drawImage(img, 0, 0, targetWidth, targetHeight);
+
+				var data = canvas.toDataURL(imageType);
+				data = data.split(',')[1];
+				data = window.atob(data);
+				var ia = new Uint8Array(data.length);
+				for (var i = 0; i < data.length; i++) {
+					ia[i] = data.charCodeAt(i);
+				}
+				resolve(ia);
+			};
+			img.onerror = function() {
+				reject();
+			};
+			img.src = res;
+		});
+	}
+
 	/**
 	 * Used to detect browsers which does not have access to html5 user media api and can not use device camera
 	 * @private
@@ -872,6 +1063,7 @@ sap.ui.define([
 			Log.warning("BarcodeScanner.openBarcodeInputDialog: isNoScanner. Message: " + sMessage);
 		}
 
+		oScanDialog.setShowHeader(true);
 		oScanDialog.destroyContent();
 		oScanDialog.setTitle('');
 		oScanDialog.setStretch(false);
@@ -965,6 +1157,7 @@ sap.ui.define([
 	}
 
 	function openCamera() {
+		var bIsMainCamera = false;
 		if (oModel.getProperty("/config/deviceId")) {
 			// if config/deviceId is set, use it as camera deviceId directly
 			delete oModel.getProperty("/config/defaultConstraints/video").facingMode;
@@ -977,6 +1170,7 @@ sap.ui.define([
 		} else {
 			var oDevices = oModel.getProperty("/devices");
 			if (oDevices.mainCamera && oDevices.mainCamera.deviceId !== "") {
+				bIsMainCamera = true;
 				oModel.setProperty("/config/defaultConstraints/video/deviceId", {
 					exact: oDevices.mainCamera.deviceId
 				});
@@ -989,6 +1183,33 @@ sap.ui.define([
 			.then(
 				function(stream) {
 					oStream = stream;
+					if (Device.os.ios) {
+						// can not control flashlight on ios devices since no API supported now
+						oModel.setProperty("/scanDialog/hasFlashLight", false);
+						oScanDialog && oScanDialog.getModel().setProperty("/hasFlashLight", false);
+					} else {
+						if (bIsMainCamera && typeof oDevices.mainCamera.hasFlashLight === "boolean") {
+							// set flashlight
+							oModel.setProperty("/scanDialog/hasFlashLight", oDevices.mainCamera.hasFlashLight);
+							oScanDialog && oScanDialog.getModel().setProperty("/hasFlashLight", oDevices.mainCamera.hasFlashLight);
+						} else {
+							var videoTrack = typeof stream.stop === "function" ? stream : stream.getTracks()[0];
+							checkFlashLight(videoTrack).then(function() {
+								// enable flashlight
+								oModel.setProperty("/scanDialog/hasFlashLight", true);
+								if (bIsMainCamera) {
+									oDevices.mainCamera.hasFlashLight = true;
+								}
+								oScanDialog && oScanDialog.getModel().setProperty("/hasFlashLight", true);
+							}, function() {
+								oModel.setProperty("/scanDialog/hasFlashLight", false);
+								if (bIsMainCamera) {
+									oDevices.mainCamera.hasFlashLight = false;
+								}
+								oScanDialog && oScanDialog.getModel().setProperty("/hasFlashLight", false);
+							});
+						}
+					}
 					// use ZXingCPP or ZXing to scan the barcode if :
 					//    current scanner API is ZXing, and ZXing is available
 					// or
@@ -1015,21 +1236,15 @@ sap.ui.define([
 		var oDialogModel;
 
 		if (!oScanDialog || (oScanDialog && oScanDialog.getContent().length === 0)) {
-			oDialogModel = new JSONModel();
+			oDialogModel = new JSONModel({
+				hasFlashLight: oModel.getProperty("/scanDialog/hasFlashLight") && !Device.os.ios
+			});
 			oScanDialog = new Dialog('sapNdcBarcodeScannerDialog', {
 				icon: 'sap-icon://bar-code',
 				title: oResourceModel.getProperty("BARCODE_DIALOG_SCANNING_TITLE"),
 				stretch: true,
 				horizontalScrolling: false,
 				verticalScrolling: false,
-				endButton: new Button({
-					text: "{i18n>BARCODE_DIALOG_CANCEL}",
-					enabled: false,
-					press: function() {
-						oScanDialog.getModel().setProperty("/isNoScanner", false);
-						openBarcodeInputDialog();
-					}
-				}),
 				afterClose: function() {
 					closeScannerContain();
 					oScanDialog.destroyContent();
@@ -1189,6 +1404,29 @@ sap.ui.define([
 		}
 	}
 
+	function updateScanDialogButtonAndGetDOMs(oBarcodeScannerUIContainer) {
+		// Dev note: if video element dom reference is unavailable at this point (console exception)
+		// some error happened during dialog creation and may not be directly related to video element
+		oScanDialog.setBusy(false);
+
+		if (!oBarcodeHighlightDOM) {
+			oBarcodeHighlightDOM = oBarcodeScannerUIContainer.getDomRef('highlight');
+		}
+		if (!oBarcodeVideoDOM) {
+			oBarcodeVideoDOM = oBarcodeScannerUIContainer ? oBarcodeScannerUIContainer.getDomRef('video') : undefined;
+			if (oBarcodeVideoDOM) {
+				document.body.style.setProperty("--sapNdcRTCDialogVideoHeight", oBarcodeVideoDOM.clientHeight + 'px');
+				document.body.style.setProperty("--sapNdcRTCDialogVideoWidth", oBarcodeVideoDOM.clientWidth + 'px');
+			}
+		}
+		if (!oBarcodeImageDOM) {
+			oBarcodeImageDOM = oBarcodeScannerUIContainer ? oBarcodeScannerUIContainer.getDomRef('image') : undefined;
+			if (oBarcodeImageDOM) {
+				oBarcodeImageDOM.addEventListener("change", fileSelected);
+			}
+		}
+	}
+
 	/**
 	 * Opens Barcode Scanner dialog, called when code reader is ready
 	 * @private
@@ -1200,15 +1438,7 @@ sap.ui.define([
 			oScanDialog.attachAfterOpen(function() {
 				// Dev note: if video element dom reference is unavailable at this point (console exception)
 				// some error happened during dialog creation and may not be directly related to video element
-				oScanDialog.getEndButton().setEnabled(true);
-				oScanDialog.setBusy(false);
-
-				if (!oBarcodeHighlightDOM) {
-					oBarcodeHighlightDOM = oBarcodeScannerUIContainer.getDomRef('highlight');
-				}
-				if (!oBarcodeVideoDOM) {
-					oBarcodeVideoDOM = oBarcodeScannerUIContainer ? oBarcodeScannerUIContainer.getDomRef('video') : undefined;
-				}
+				updateScanDialogButtonAndGetDOMs(oBarcodeScannerUIContainer);
 				try {
 					oBarcodeVideoDOM.srcObject = oStream;
 					oBarcodeVideoDOM
@@ -1237,24 +1467,58 @@ sap.ui.define([
 			oScanDialog.attachAfterOpen(function() {
 				// Dev note: if video element dom reference is unavailable at this point (console exception)
 				// some error happened during dialog creation and may not be directly related to video element
-				oScanDialog.getEndButton().setEnabled(true);
-				oScanDialog.setBusy(false);
-
-				if (!oBarcodeHighlightDOM) {
-					oBarcodeHighlightDOM = oBarcodeScannerUIContainer ? oBarcodeScannerUIContainer.getDomRef('highlight') : undefined;
-				}
-				if (!oBarcodeVideoDOM) {
-					oBarcodeVideoDOM = oBarcodeScannerUIContainer ? oBarcodeScannerUIContainer.getDomRef('video') : undefined;
-				}
+				updateScanDialogButtonAndGetDOMs(oBarcodeScannerUIContainer);
 				decodeWithZXing();
 			});
 		}
+		oScanDialog.setShowHeader(false);
 		oScanDialog.destroyContent();
 		oBarcodeHighlightDOM = undefined;
 		oBarcodeOverlayDOM = undefined;
 		oBarcodeVideoDOM = undefined;
+		oBarcodeImageDOM = undefined;
 
 		oBarcodeScannerUIContainer = new BarcodeScannerUIContainer();
+		// add close button
+		oBarcodeScannerUIContainer.setAggregation("_oCloseButton", new Avatar({
+			src: "sap-icon://decline",
+			backgroundColor: "Transparent",
+			press: function() {
+				oScanDialog.getModel().setProperty("/isNoScanner", false);
+				openBarcodeInputDialog();
+			}
+		}).addStyleClass("sapNdcRTCDialogCloseButton"));
+		// add toggle falshlight button
+		oBarcodeScannerUIContainer.setAggregation("_oFlashLightButton", new Avatar({
+			src: "sap-icon://lightbulb",
+			visible: "{/hasFlashLight}",
+			backgroundColor: "Transparent",
+			tooltip: {
+				path: "/flashLightOn",
+				formatter: function (bFlashLightOn) {
+					var sMessageKey = "";
+					if (!bFlashLightOn) {
+						sMessageKey = "BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_OPEN";
+					} else {
+						sMessageKey = "BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_CLOSE";
+					}
+					return oResourceModel.getResourceBundle().getText(sMessageKey);
+				}
+			},
+			press: function() {
+				toggleFlashLight();
+			}
+		}).addStyleClass("sapNdcRTCDialogFlashLightButton"));
+		// add open image gallery button
+		oBarcodeScannerUIContainer.setAggregation("_oImageButton", new Avatar({
+			src: "sap-icon://picture",
+			visible: getCurrentScannerAPI() !== "ZXing",
+			tooltip: oResourceModel.getResourceBundle().getText("BARCODE_DIALOG_SELECT_IMAGE_BUTTON_TOOLTIP"),
+			press: function() {
+				openImageGallery();
+			}
+		}).addStyleClass("sapNdcRTCDialogImageButton"));
+
 		oScanDialog.addContent(oBarcodeScannerUIContainer);
 
 		oScanDialog.setContentWidth('100%');
@@ -1271,8 +1535,11 @@ sap.ui.define([
 	 * @private
 	 */
 	function decodeWithZXingCPP() {
-		if (!oBarcodeVideoDOM.srcObject && oSrc) {
-			oSrc.delete();
+		if (!oBarcodeVideoDOM || !oBarcodeVideoDOM.srcObject) {
+			if (oSrc) {
+				oSrc.delete();
+				oSrc = null;
+			}
 			return;
 		}
 		scanFrame(oBarcodeVideoDOM);
@@ -1480,6 +1747,8 @@ sap.ui.define([
 				oBarcodeOverlayDOM.style.borderWidth = (video.clientHeight - oBarcodeOverlayHeightTemp) / 2 + 'px ' + (video.clientWidth - oBarcodeOverlayWidthTemp) / 2 + 'px';
 			}
 		}
+		document.body.style.setProperty("--sapNdcRTCDialogVideoHeight", video.clientHeight + 'px');
+		document.body.style.setProperty("--sapNdcRTCDialogVideoWidth", video.clientWidth + 'px');
 	}
 
 	function updateZoom(video) {

package/src/sap/ndc/BarcodeScannerUIContainer.js

@@ -14,6 +14,23 @@ sap.ui.define([
 		metadata : {
 			properties : {
 				"prefixId" : "string"
+			},
+			aggregations: {
+				_oCloseButton: {
+					type: "sap.ui.core.Control",
+					multiple: false,
+					visibility: "hidden"
+				},
+				_oFlashLightButton: {
+					type: "sap.ui.core.Control",
+					multiple: false,
+					visibility: "hidden"
+				},
+				_oImageButton: {
+					type: "sap.ui.core.Control",
+					multiple: false,
+					visibility: "hidden"
+				}
 			}
 		},
 
@@ -57,6 +74,18 @@ sap.ui.define([
 				oRm.class("sapNdcRTCDialogHighlight");
 				oRm.openEnd();
 				oRm.close("div");
+
+				// Div for select image
+				oRm.openStart("input", oControl.getId() + "-image");
+				oRm.attr("hidden", true);
+				oRm.attr("type", "file");
+				oRm.attr("accept", "image/*");
+				oRm.openEnd();
+				oRm.close("div");
+
+				oRm.renderControl(oControl.getAggregation("_oCloseButton"));
+				oRm.renderControl(oControl.getAggregation("_oFlashLightButton"));
+				oRm.renderControl(oControl.getAggregation("_oImageButton"));
 			}
 		}
 	});

package/src/sap/ndc/css/sapNdcBarcodeScanner.css

@@ -7,6 +7,35 @@
 	z-index: 999;
 }
 
+.sapNdcRTCDialogCloseButton {
+	position: absolute !important;
+	z-index: 999;
+	color: white !important;
+	box-shadow: none !important;
+	outline: none !important;
+	margin: 0.5rem 0rem 0rem 0.5rem;
+}
+
+.sapNdcRTCDialogFlashLightButton {
+	position: absolute !important;
+	z-index: 999;
+	color: white !important;
+	box-shadow: none !important;
+	outline: none !important;
+	margin: 0.5rem 0rem 0rem calc(var(--sapNdcRTCDialogVideoWidth, 100%) - 3.5rem);
+}
+
+.sapNdcRTCDialogImageButton {
+	position: absolute !important;
+	z-index: 999;
+	color: white !important;
+	box-shadow: none !important;
+	outline: none !important;
+	border-bottom: 0px !important;
+	margin: calc(var(--sapNdcRTCDialogVideoHeight, 100%) - 4rem) 0rem 0.5rem calc(var(--sapNdcRTCDialogVideoWidth, 100%) / 2 - 1.5rem);
+	background-color: #007cc0 !important;
+}
+
 .sapNdcRTCDialogHighlight {
 	top: 0;
 	left: 0;

package/src/sap/ndc/library.js

@@ -32,7 +32,7 @@ sap.ui.define([
 		],
 		elements: [],
 		noLibraryCSS: true,
-		version: "1.110.0"
+		version: "1.111.1"
 	});
 
 	return thisLib;

package/src/sap/ndc/messagebundle.properties

@@ -30,3 +30,30 @@ BARCODE_DIALOG_BUSY_TITLE=Loading Libraries
 
 #XTXT: text of loading zxing-cpp in the scan bar busy dialog
 BARCODE_DIALOG_BUSY_TEXT_ZXINGCPP=Loading ZXing-cpp library and OpenCV library...
+
+#XMSG: error message for opening flashlight
+BARCODE_DIALOG_OPEN_FLASHLIGHT_ERROR_MSG=Open flashlight failed.
+
+#XMSG: error message for closing flashlight
+BARCODE_DIALOG_CLOSE_FLASHLIGHT_ERROR_MSG=Close flashlight failed.
+
+#XTOL: Barcode Scanner Select Image Button tooltip
+BARCODE_DIALOG_SELECT_IMAGE_BUTTON_TOOLTIP=Select an image to scan
+
+#XTIT: title of the scan image busy dialog
+BARCODE_DIALOG_SCAN_IMAGE_BUSY_TITLE=Scanning selected image
+
+#XMSG: error message for loading image failed
+BARCODE_DIALOG_SCAN_IMAGE_LOAD_FAILED_MSG=Load image failed
+
+#XMSG: error message for compressing image failed
+BARCODE_DIALOG_SCAN_IMAGE_COMPRESS_FAILED_MSG=Compress image failed
+
+#XMSG: error message for scanning image
+BARCODE_DIALOG_SCAN_IMAGE_ERROR_MSG=Can not scan the selected image
+
+#XTOL: Barcode Scanner flashlight Button tooltip OPEN
+BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_OPEN=Open flashlight
+
+#XTOL: Barcode Scanner flashlight Button tooltip CLOSE
+BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_CLOSE=Close flashlight

package/src/sap/ndc/messagebundle_ar.properties

@@ -18,3 +18,21 @@ BARCODE_SCANNER_BUTTON_TOOLTIP=\u0632\u0631 \u0645\u0627\u0633\u062D \u0634\u063
 BARCODE_DIALOG_BUSY_TITLE=\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0645\u0643\u062A\u0628\u0627\u062A
 
 BARCODE_DIALOG_BUSY_TEXT_ZXINGCPP=\u062C\u0627\u0631\u064D \u062A\u062D\u0645\u064A\u0644 \u0645\u0643\u062A\u0628\u0629 ZXing-cpp \u0648\u0645\u0643\u062A\u0628\u0629 OpenCV...
+
+BARCODE_DIALOG_OPEN_FLASHLIGHT_ERROR_MSG=\u062A\u0639\u0630\u0631 \u0641\u062A\u062D \u0627\u0644\u0645\u0635\u0628\u0627\u062D \u0627\u0644\u0643\u0627\u0634\u0641
+
+BARCODE_DIALOG_CLOSE_FLASHLIGHT_ERROR_MSG=\u062A\u0639\u0630\u0631 \u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0645\u0635\u0628\u0627\u062D \u0627\u0644\u0643\u0627\u0634\u0641
+
+BARCODE_DIALOG_SELECT_IMAGE_BUTTON_TOOLTIP=\u062A\u062D\u062F\u064A\u062F \u0635\u0648\u0631\u0629 \u0644\u0641\u062D\u0635\u0647\u0627
+
+BARCODE_DIALOG_SCAN_IMAGE_BUSY_TITLE=\u062C\u0627\u0631\u064D \u0641\u062D\u0635 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629
+
+BARCODE_DIALOG_SCAN_IMAGE_LOAD_FAILED_MSG=\u062A\u0639\u0630\u0631 \u062A\u062D\u0645\u064A\u0644 \u0627\u0644\u0635\u0648\u0631\u0629
+
+BARCODE_DIALOG_SCAN_IMAGE_COMPRESS_FAILED_MSG=\u062A\u0639\u0630\u0631 \u0636\u063A\u0637 \u0627\u0644\u0635\u0648\u0631\u0629
+
+BARCODE_DIALOG_SCAN_IMAGE_ERROR_MSG=\u0644\u0627 \u064A\u0645\u0643\u0646 \u0641\u062D\u0635 \u0627\u0644\u0635\u0648\u0631\u0629 \u0627\u0644\u0645\u062D\u062F\u062F\u0629
+
+BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_OPEN=\u0641\u062A\u062D \u0627\u0644\u0645\u0635\u0628\u0627\u062D \u0627\u0644\u0643\u0627\u0634\u0641
+
+BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_CLOSE=\u0625\u063A\u0644\u0627\u0642 \u0627\u0644\u0645\u0635\u0628\u0627\u062D \u0627\u0644\u0643\u0627\u0634\u0641

package/src/sap/ndc/messagebundle_bg.properties

@@ -18,3 +18,21 @@ BARCODE_SCANNER_BUTTON_TOOLTIP=\u0411\u0443\u0442\u043E\u043D \u0437\u0430 \u044
 BARCODE_DIALOG_BUSY_TITLE=\u0417\u0430\u0440\u0435\u0436\u0434\u0430\u043D\u0435 \u043D\u0430 \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0438
 
 BARCODE_DIALOG_BUSY_TEXT_ZXINGCPP=\u0417\u0430\u0440\u0435\u0436\u0434\u0430\u043D\u0435 \u043D\u0430 \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0430 ZXing-cpp \u0438 \u043E\u0442\u0432\u0430\u0440\u044F\u043D\u0435 \u043D\u0430 \u0431\u0438\u0431\u043B\u0438\u043E\u0442\u0435\u043A\u0430 CV ...
+
+BARCODE_DIALOG_OPEN_FLASHLIGHT_ERROR_MSG=\u0424\u0435\u043D\u0435\u0440\u0447\u0435\u0442\u043E \u043D\u0435 \u043C\u043E\u0436\u0435 \u0434\u0430 \u0431\u044A\u0434\u0435 \u043E\u0442\u0432\u043E\u0440\u0435\u043D\u043E
+
+BARCODE_DIALOG_CLOSE_FLASHLIGHT_ERROR_MSG=\u0424\u0435\u043D\u0435\u0440\u0447\u0435\u0442\u043E \u043D\u0435 \u043C\u043E\u0436\u0435 \u0434\u0430 \u0431\u044A\u0434\u0435 \u0437\u0430\u0442\u0432\u043E\u0440\u0435\u043D\u043E
+
+BARCODE_DIALOG_SELECT_IMAGE_BUTTON_TOOLTIP=\u0418\u0437\u0431\u0435\u0440\u0435\u0442\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u0437\u0430 \u0441\u043A\u0430\u043D\u0438\u0440\u0430\u043D\u0435
+
+BARCODE_DIALOG_SCAN_IMAGE_BUSY_TITLE=\u0421\u043A\u0430\u043D\u0438\u0440\u0430\u043D\u0435 \u043D\u0430 \u0438\u0437\u0431\u0440\u0430\u043D\u043E\u0442\u043E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435
+
+BARCODE_DIALOG_SCAN_IMAGE_LOAD_FAILED_MSG=\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u043D\u0435 \u043C\u043E\u0436\u0435 \u0434\u0430 \u0431\u044A\u0434\u0435 \u0437\u0430\u0440\u0435\u0434\u0435\u043D\u043E
+
+BARCODE_DIALOG_SCAN_IMAGE_COMPRESS_FAILED_MSG=\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435\u0442\u043E \u043D\u0435 \u043C\u043E\u0436\u0435 \u0434\u0430 \u0431\u044A\u0434\u0435 \u043A\u043E\u043C\u043F\u0440\u0435\u0441\u0438\u0440\u0430\u043D\u043E
+
+BARCODE_DIALOG_SCAN_IMAGE_ERROR_MSG=\u0418\u0437\u0431\u0440\u0430\u043D\u043E\u0442\u043E \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435 \u043D\u0435 \u043C\u043E\u0436\u0435 \u0434\u0430 \u0431\u044A\u0434\u0435 \u0441\u043A\u0430\u043D\u0438\u0440\u0430\u043D\u043E
+
+BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_OPEN=\u041E\u0442\u0432\u0430\u0440\u044F\u043D\u0435 \u043D\u0430 \u0444\u0435\u043D\u0435\u0440\u0447\u0435
+
+BARCODE_DIALOG_SELECT_FLASHLIGHT_BUTTON_TOOLTIP_CLOSE=\u0417\u0430\u0442\u0432\u0430\u0440\u044F\u043D\u0435 \u043D\u0430 \u0444\u0435\u043D\u0435\u0440\u0447\u0435