New Component: ui5-barcode-scanner

[ilhan007]

Background

The SAP Fiori Client will be soon deprecated and it used to offer a Barcode scanner widget.
To deprecate the SAP Fiori Client we first need to provide the B

Solution
Barcode Scanner as a web component - a thin layer around the third-party ZXing library.

API

Methods

• open
• close

Events

• "scan-success"
• "scan-error"

Usage

<ui5-button id="btn"></ui5-button>

<ui5-barcode-scanner id="scanner"></ui5-barcode-scanner>

// open scanner from arbitrary element
btn.addEventListener("click", () => {
       scanner.open();
});

// react on scan-success
scanner.addEventListener("scan-success", (e) => {
  const result = e.detail.result;
  scanner.close();
});

// react on scan-error
scanner.addEventListener("scan-error", (e) => {
 scanner.close();
});

[ilhan007]

Closed with: #3489