@ui5/webcomponents-fiori 0.0.0-49cef2d02 → 0.0.0-4a28ecb24

package/CHANGELOG.md

@@ -3,6 +3,96 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.11.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.10.4-rc.0...v1.11.0-rc.0) (2023-02-02)
+
+
+### Features
+
+* **ui5-barcode-scanner-dialog:** migrated to Typescript ([#6338](https://github.com/SAP/ui5-webcomponents/issues/6338)) ([10b4417](https://github.com/SAP/ui5-webcomponents/commit/10b4417e8ea4229b6bd2ef5b4957bbf00d155d39))
+
+
+
+
+
+## [1.10.4-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v1.10.3...v1.10.4-rc.0) (2023-01-26)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
+## [1.10.3](https://github.com/SAP/ui5-webcomponents/compare/v1.10.2...v1.10.3) (2023-01-25)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
+## [1.10.2](https://github.com/SAP/ui5-webcomponents/compare/v1.10.1...v1.10.2) (2023-01-25)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
+## [1.10.1](https://github.com/SAP/ui5-webcomponents/compare/v0.0.0-7b49a7ff1...v1.10.1) (2023-01-24)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
+# [1.10.0](https://github.com/SAP/ui5-webcomponents/compare/v1.9.3...v1.10.0) (2023-01-20)
+
+
+### Bug Fixes
+
+* **docs:** samples typos ([#6236](https://github.com/SAP/ui5-webcomponents/issues/6236)) ([be26877](https://github.com/SAP/ui5-webcomponents/commit/be26877e361cd17407498b370e08cf11c175a2d5))
+* **i18n:** processing text with formater ([#6041](https://github.com/SAP/ui5-webcomponents/issues/6041)) ([f155dee](https://github.com/SAP/ui5-webcomponents/commit/f155deee5ca7b1cb4a0e1e61298a895344321eb0))
+* **ui5-illustrated-message:** i18n texts are fixed ([#6037](https://github.com/SAP/ui5-webcomponents/issues/6037)) ([68350bc](https://github.com/SAP/ui5-webcomponents/commit/68350bc57f50d0f220321a05fb59238bef3dde96)), closes [#5974](https://github.com/SAP/ui5-webcomponents/issues/5974)
+* **ui5-illustrated-message:** resize fixed ([#6179](https://github.com/SAP/ui5-webcomponents/issues/6179)) ([d52c8af](https://github.com/SAP/ui5-webcomponents/commit/d52c8afda49b5a0c880551d516b82cc99a0cebc5))
+* **ui5-shellbar:** fixed typo in samples ([#6128](https://github.com/SAP/ui5-webcomponents/issues/6128)) ([c6799f4](https://github.com/SAP/ui5-webcomponents/commit/c6799f49c60297cdbaad53f9442776630d3ea884)), closes [#6116](https://github.com/SAP/ui5-webcomponents/issues/6116)
+* **ui5-shellbar:** focus on popover fixed ([#6113](https://github.com/SAP/ui5-webcomponents/issues/6113)) ([61c9989](https://github.com/SAP/ui5-webcomponents/commit/61c9989d318c4725eff97c7da70430e11c9eb56f))
+* **ui5-side-navigation:** fixed accessibility of the Popover ([#6045](https://github.com/SAP/ui5-webcomponents/issues/6045)) ([e0e13e1](https://github.com/SAP/ui5-webcomponents/commit/e0e13e11d26abbcb2746e4abd1c72d312212ebaf)), closes [#5827](https://github.com/SAP/ui5-webcomponents/issues/5827)
+* **ui5-side-navigation:** fixed accessibility roles and attributes when Side Navigation is collapsed ([#5877](https://github.com/SAP/ui5-webcomponents/issues/5877)) ([92b9dc9](https://github.com/SAP/ui5-webcomponents/commit/92b9dc99ea4c598f22111dfea3a435e55c585dfc)), closes [#5827](https://github.com/SAP/ui5-webcomponents/issues/5827)
+* **ui5-side-navigation:** focus handling of tree inside popover ([#6155](https://github.com/SAP/ui5-webcomponents/issues/6155)) ([cf024bd](https://github.com/SAP/ui5-webcomponents/commit/cf024bd43e08dd4dccc6cab225b81b3f4f771a74))
+* **ui5-wizard:** allow scrolling when step is bigger than viewport ([#6241](https://github.com/SAP/ui5-webcomponents/issues/6241)) ([259b61a](https://github.com/SAP/ui5-webcomponents/commit/259b61afafd46f1e5bc881bf780e636683769ac1))
+* **ui5-wizard:** prevent step overlapping in navigator ([#6169](https://github.com/SAP/ui5-webcomponents/issues/6169)) ([9349e16](https://github.com/SAP/ui5-webcomponents/commit/9349e167eba0c0feac41004b41abf17fbca348b2)), closes [#6067](https://github.com/SAP/ui5-webcomponents/issues/6067)
+
+
+### Features
+
+* enable TS in main, fiori ([#6064](https://github.com/SAP/ui5-webcomponents/issues/6064)) ([0b56130](https://github.com/SAP/ui5-webcomponents/commit/0b561307b93b8af465dc5bee67650069ee138f7f))
+* fiori `types` folder to TypeScript  ([#6076](https://github.com/SAP/ui5-webcomponents/issues/6076)) ([918b4fb](https://github.com/SAP/ui5-webcomponents/commit/918b4fbe7e14220c46115f7426a3d844f5c6ac1f))
+* migrate illustrated-message component to TS, small refactor ([#6195](https://github.com/SAP/ui5-webcomponents/issues/6195)) ([046c779](https://github.com/SAP/ui5-webcomponents/commit/046c779f654648172619dd720c0d90342ec78fb9))
+* support decorators for custom elements metadata ([#6072](https://github.com/SAP/ui5-webcomponents/issues/6072)) ([fc9ee6e](https://github.com/SAP/ui5-webcomponents/commit/fc9ee6e2af10b4315fde072a50ab37efa180c809))
+* **ui5-button, ui5-date-picker, ui5-calendar:** migrate to TS ([#6173](https://github.com/SAP/ui5-webcomponents/issues/6173)) ([7232ca0](https://github.com/SAP/ui5-webcomponents/commit/7232ca08f286c5dde10080373fb62247f1acf7b7)), closes [#6080](https://github.com/SAP/ui5-webcomponents/issues/6080)
+* **ui5-Illustrated-message:** illustrations update in the default set ([#6013](https://github.com/SAP/ui5-webcomponents/issues/6013)) ([329f80c](https://github.com/SAP/ui5-webcomponents/commit/329f80cca0d9c195e0e776a21d693cb0097d640a))
+* **ui5-Illustrated-message:** updated missing illustration texts ([#6075](https://github.com/SAP/ui5-webcomponents/issues/6075)) ([78c3227](https://github.com/SAP/ui5-webcomponents/commit/78c3227ac5766903df551f6211dbc04c767cea88))
+* **ui5-list, ui5-li, ui5-li-custom:** migrate to TS ([#6166](https://github.com/SAP/ui5-webcomponents/issues/6166)) ([12b3570](https://github.com/SAP/ui5-webcomponents/commit/12b35707c3f0934dcb98fdcde0ed715140a4af4a))
+* **ui5-shellbar:** accessibilityAttributes property added ([#6117](https://github.com/SAP/ui5-webcomponents/issues/6117)) ([056ed9f](https://github.com/SAP/ui5-webcomponents/commit/056ed9fc21c9dac8b6a289d57a23fcb6f9e44c04))
+* **ui5-shellbar:** programmatically show search field ([#6085](https://github.com/SAP/ui5-webcomponents/issues/6085)) ([e0658a6](https://github.com/SAP/ui5-webcomponents/commit/e0658a6503ea0203df74317f57e4fb0a5be7620e)), closes [#5818](https://github.com/SAP/ui5-webcomponents/issues/5818)
+* **ui5-shellbar:** use header semantic element ([#6146](https://github.com/SAP/ui5-webcomponents/issues/6146)) ([9865eb2](https://github.com/SAP/ui5-webcomponents/commit/9865eb2d5825d1ce799fc110611288e5fa090613))
+* **ui5-tree-item-custom:** initial implementation ([#5962](https://github.com/SAP/ui5-webcomponents/issues/5962)) ([b148c23](https://github.com/SAP/ui5-webcomponents/commit/b148c23cf7ed11b4e17c9eda61a20fc48882ba4f))
+* **ui5-viewsettings-dialog:** migrate to Typescript ([#6218](https://github.com/SAP/ui5-webcomponents/issues/6218)) ([ee3bbe4](https://github.com/SAP/ui5-webcomponents/commit/ee3bbe46b070092dffd054b1350f444fa072539e))
+* **ui5-wizard:** adopt responsive paddings ([#6061](https://github.com/SAP/ui5-webcomponents/issues/6061)) ([402bc28](https://github.com/SAP/ui5-webcomponents/commit/402bc28137fab738778f8c7da099c073cc39f45d)), closes [#5597](https://github.com/SAP/ui5-webcomponents/issues/5597)
+
+
+
+
+
+## [1.9.3](https://github.com/SAP/ui5-webcomponents/compare/v1.9.2...v1.9.3) (2022-12-16)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
 ## [1.9.1](https://github.com/SAP/ui5-webcomponents/compare/v1.9.0...v1.9.1) (2022-11-10)
 
 

package/dist/Bar.d.ts

@@ -94,8 +94,8 @@ declare class Bar extends UI5Element {
     endContent: Array<HTMLElement>;
     _handleResizeBound: () => void;
     static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
-    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
-    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get styles(): import("@ui5/webcomponents-base/dist/types.js").StyleData;
+    static get template(): import("@ui5/webcomponents-base/dist/renderer/executeTemplate.js").TemplateFunction;
     get accInfo(): {
         label: BarDesign;
     };

package/dist/BarcodeScannerDialog.d.ts

@@ -0,0 +1,90 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import Dialog from "@ui5/webcomponents/dist/Dialog.js";
+import Button from "@ui5/webcomponents/dist/Button.js";
+import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
+declare const BrowserMultiFormatReader: typeof import("@zxing/library/esm5/index").BrowserMultiFormatReader;
+type BarcodeScannerDialogScanSuccessEventDetail = {
+    text: string;
+    rawBytes: Uint8Array;
+};
+type BarcodeScannerDialogScanErrorEventDetail = {
+    message: string;
+};
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>BarcodeScannerDialog</code> component provides barcode scanning functionality for all devices that support the <code>MediaDevices.getUserMedia()</code> native API.
+ * Opening the dialog launches the device camera and scans for known barcode formats.
+ * <br>
+ * <br>
+ * A <code>scanSuccess</code> event fires whenever a barcode is identified
+ * and a <code>scanError</code> event fires when the scan failed (for example, due to missing permisions).
+ * <br>
+ * <br>
+ * Internally, the component  uses the zxing-js/library third party OSS.
+ *
+ * For a list of supported barcode formats, see the <ui5-link target="_blank" href="https://github.com/zxing-js/library">zxing-js/library</ui5-link> documentation.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.BarcodeScannerDialog
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-barcode-scanner-dialog
+ * @public
+ * @since 1.0.0-rc.15
+ */
+declare class BarcodeScannerDialog extends UI5Element {
+    /**
+     * Indicates whether a loading indicator should be displayed in the dialog.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.BarcodeScannerDialog.prototype.loading
+     * @defaultvalue false
+     * @private
+     */
+    loading: boolean;
+    _codeReader: InstanceType<typeof BrowserMultiFormatReader>;
+    dialog?: Dialog;
+    static i18nBundle: I18nBundle;
+    constructor();
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get staticAreaTemplate(): import("@ui5/webcomponents-base/dist/renderer/executeTemplate.js").TemplateFunction;
+    static get staticAreaStyles(): import("@ui5/webcomponents-base/dist/types.js").StyleData[];
+    static onDefine(): Promise<void>;
+    /**
+     * Shows a dialog with the camera videostream. Starts a scan session.
+     * @method
+     * @name sap.ui.webc.fiori.BarcodeScannerDialog#show
+     * @returns {void}
+     * @public
+     */
+    show(): void;
+    /**
+     * Closes the dialog and the scan session.
+     * @method
+     * @name sap.ui.webc.fiori.BarcodeScannerDialog#close
+     * @returns {void}
+     * @public
+     */
+    close(): void;
+    /**
+     *  PRIVATE METHODS
+     */
+    _hasGetUserMedia(): boolean;
+    _getUserPermission(): Promise<MediaStream>;
+    _getDialog(): Promise<Dialog>;
+    _getVideoElement(): Promise<HTMLVideoElement>;
+    _showDialog(): Promise<void>;
+    _closeDialog(): void;
+    _startReader(): void;
+    _resetReader(): Promise<void>;
+    _decodeFromCamera(): Promise<void>;
+    get _cancelButtonText(): string;
+    get _busyIndicatorText(): string;
+    static get dependencies(): (typeof Dialog | typeof BusyIndicator | typeof Button)[];
+}
+export default BarcodeScannerDialog;
+export type { BarcodeScannerDialogScanErrorEventDetail, BarcodeScannerDialogScanSuccessEventDetail, };

package/dist/BarcodeScannerDialog.js

@@ -1,3 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var BarcodeScannerDialog_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
@@ -5,87 +12,32 @@ import Dialog from "@ui5/webcomponents/dist/Dialog.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
 import * as ZXing from "@zxing/library/umd/index.min.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import languageAware from "@ui5/webcomponents-base/dist/decorators/languageAware.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+// Texts
+import { BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT, BARCODE_SCANNER_DIALOG_LOADING_TXT, } from "./generated/i18n/i18n-defaults.js";
 // Template
 import BarcodeScannerDialogTemplate from "./generated/templates/BarcodeScannerDialogTemplate.lit.js";
-
 // Styles
 import BarcodeScannerDialogCss from "./generated/themes/BarcodeScannerDialog.css.js";
-
-// Texts
-import {
-	BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT,
-	BARCODE_SCANNER_DIALOG_LOADING_TXT,
-} from "./generated/i18n/i18n-defaults.js";
-
 // some tools handle named exports from UMD files and the window object is not assigned but the imports work (vitejs)
 // other tools do not handle named exports (they are undefined after the import), but the window global is assigned and can be used (web dev server)
 const effectiveZXing = { ...ZXing, ...window.ZXing };
 const { BrowserMultiFormatReader, NotFoundException } = effectiveZXing;
-
 const defaultMediaConstraints = {
-	audio: false,
-	video: {
-		height: {
-			min: 480,
-			ideal: 960,
-			max: 1440,
-		},
-		aspectRatio: 1.333333333,
-		facingMode: "environment",
-	},
-};
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-barcode-scanner-dialog",
-	languageAware: true,
-	slots: /** @lends sap.ui.webc.fiori.BarcodeScannerDialog.prototype */ {
-	},
-	properties: /** @lends sap.ui.webc.fiori.BarcodeScannerDialog.prototype */ {
-		/**
-		 * Indicates whether a loading indicator should be displayed in the dialog.
-		 *
-		 * @type {boolean}
-		 * @defaultvalue false
-		 * @private
-		 */
-		loading: {
-			type: Boolean,
-		},
-	},
-	events: /** @lends sap.ui.webc.fiori.BarcodeScannerDialog.prototype */ {
-		/**
-		 * Fires when the scan is completed successfuuly.
-		 *
-		 * @event sap.ui.webc.fiori.BarcodeScannerDialog#scan-success
-		 * @param {string} text the scan result as string
-		 * @param {Object} rawBytes the scan result as a Uint8Array
-		 * @public
-		 */
-		 "scan-success": {
-			detail: {
-				text: { type: String },
-				rawBytes: { type: Object },
-			},
-		},
-
-		/**
-		 * Fires when the scan fails with error.
-		 *
-		 * @event sap.ui.webc.fiori.BarcodeScannerDialog#scan-error
-		 * @param {string} message the error message
-		 * @public
-		 */
-		 "scan-error": {
-			detail: {
-				message: { type: String },
-			},
-		},
-	},
+    audio: false,
+    video: {
+        height: {
+            min: 480,
+            ideal: 960,
+            max: 1440,
+        },
+        aspectRatio: 1.333333333,
+        facingMode: "environment",
+    },
 };
-
 /**
  * @class
  *
@@ -111,156 +63,156 @@ const metadata = {
  * @public
  * @since 1.0.0-rc.15
  */
-class BarcodeScannerDialog extends UI5Element {
-	constructor() {
-		super();
-		this._codeReader = new BrowserMultiFormatReader();
-	}
-
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get template() {
-		return null;
-	}
-
-	static get staticAreaTemplate() {
-		return BarcodeScannerDialogTemplate;
-	}
-
-	static get styles() {
-		return null;
-	}
-
-	static get staticAreaStyles() {
-		return [BarcodeScannerDialogCss];
-	}
-
-	static async onDefine() {
-		BarcodeScannerDialog.i18nBundle = await getI18nBundle("@ui5/webcomponents-fiori");
-	}
-
-	/**
-	 * Shows a dialog with the camera videostream. Starts a scan session.
-	 * @public
-	 */
-	show() {
-		if (this.loading) {
-			console.warn("Barcode scanning is already in progress.");  // eslint-disable-line
-			return;
-		}
-
-		if (!this._hasGetUserMedia()) {
-			this.fireEvent("scan-error", { message: "getUserMedia() is not supported by your browser" });
-			return;
-		}
-
-		this.loading = true;
-
-		this._getUserPermission()
-			.then(() => this._showDialog())
-			.catch(err => {
-				this.fireEvent("scan-error", { message: err });
-				this.loading = false;
-			});
-	}
-
-	/**
-	 * Closes the dialog and the scan session.
-	 * @public
-	 */
-	close() {
-		this._closeDialog();
-		this.loading = false;
-	}
-
-	/**
-	 *  PRIVATE METHODS
-	 */
-
-	_hasGetUserMedia() {
-		return !!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia);
-	}
-
-	_getUserPermission() {
-		return navigator.mediaDevices.getUserMedia(defaultMediaConstraints);
-	}
-
-	async _getDialog() {
-		const staticAreaItem = await this.getStaticAreaItemDomRef();
-		return staticAreaItem.querySelector("[ui5-dialog]");
-	}
-
-	async _getVideoElement() {
-		const staticAreaItem = await this.getStaticAreaItemDomRef();
-		return staticAreaItem.querySelector(".ui5-barcode-scanner-dialog-video");
-	}
-
-	async _showDialog() {
-		this.dialog = await this._getDialog();
-		this.dialog.show();
-	}
-
-	_closeDialog() {
-		if (this._isOpen) {
-			this.dialog.close();
-		}
-	}
-
-	_startReader() {
-		this._decodeFromCamera(null);
-	}
-
-	async _resetReader() {
-		const videoElement = await this._getVideoElement();
-		videoElement.pause();
-		this._codeReader.reset();
-	}
-
-	async _decodeFromCamera(cameraId) {
-		const videoElement = await this._getVideoElement();
-
-		this._codeReader.decodeFromVideoDevice(cameraId, videoElement, (result, err) => {
-			this.loading = false;
-			if (result) {
-				this.fireEvent("scan-success",
-					{
-						text: result.getText(),
-						rawBytes: result.getRawBytes(),
-					});
-			}
-			if (err && !(err instanceof NotFoundException)) {
-				this.fireEvent("scan-error", { message: err });
-			}
-		}).catch(err => this.fireEvent("scan-error", { message: err }));
-	}
-
-	get _isOpen() {
-		return !!this.dialog && this.dialog.opened;
-	}
-
-	get _cancelButtonText() {
-		return BarcodeScannerDialog.i18nBundle.getText(BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT);
-	}
-
-	get _busyIndicatorText() {
-		return BarcodeScannerDialog.i18nBundle.getText(BARCODE_SCANNER_DIALOG_LOADING_TXT);
-	}
-
-	static get dependencies() {
-		return [
-			Dialog,
-			BusyIndicator,
-			Button,
-		];
-	}
-}
-
+let BarcodeScannerDialog = BarcodeScannerDialog_1 = class BarcodeScannerDialog extends UI5Element {
+    constructor() {
+        super();
+        this._codeReader = new BrowserMultiFormatReader();
+    }
+    static get render() {
+        return litRender;
+    }
+    static get staticAreaTemplate() {
+        return BarcodeScannerDialogTemplate;
+    }
+    static get staticAreaStyles() {
+        return [BarcodeScannerDialogCss];
+    }
+    static async onDefine() {
+        BarcodeScannerDialog_1.i18nBundle = await getI18nBundle("@ui5/webcomponents-fiori");
+    }
+    /**
+     * Shows a dialog with the camera videostream. Starts a scan session.
+     * @method
+     * @name sap.ui.webc.fiori.BarcodeScannerDialog#show
+     * @returns {void}
+     * @public
+     */
+    show() {
+        if (this.loading) {
+            console.warn("Barcode scanning is already in progress."); // eslint-disable-line
+            return;
+        }
+        if (!this._hasGetUserMedia()) {
+            this.fireEvent("scan-error", { message: "getUserMedia() is not supported by your browser" });
+            return;
+        }
+        this.loading = true;
+        this._getUserPermission()
+            .then(() => this._showDialog())
+            .catch(err => {
+            this.fireEvent("scan-error", { message: err });
+            this.loading = false;
+        });
+    }
+    /**
+     * Closes the dialog and the scan session.
+     * @method
+     * @name sap.ui.webc.fiori.BarcodeScannerDialog#close
+     * @returns {void}
+     * @public
+     */
+    close() {
+        this._closeDialog();
+        this.loading = false;
+    }
+    /**
+     *  PRIVATE METHODS
+     */
+    _hasGetUserMedia() {
+        return !!(navigator.mediaDevices && navigator.mediaDevices.getUserMedia);
+    }
+    _getUserPermission() {
+        return navigator.mediaDevices.getUserMedia(defaultMediaConstraints);
+    }
+    async _getDialog() {
+        const staticAreaItem = await this.getStaticAreaItemDomRef();
+        return staticAreaItem.querySelector("[ui5-dialog]");
+    }
+    async _getVideoElement() {
+        const staticAreaItem = await this.getStaticAreaItemDomRef();
+        return staticAreaItem.querySelector(".ui5-barcode-scanner-dialog-video");
+    }
+    async _showDialog() {
+        this.dialog = await this._getDialog();
+        this.dialog.show();
+    }
+    _closeDialog() {
+        if (this.dialog && this.dialog.opened) {
+            this.dialog.close();
+        }
+    }
+    _startReader() {
+        this._decodeFromCamera();
+    }
+    async _resetReader() {
+        const videoElement = await this._getVideoElement();
+        videoElement.pause();
+        this._codeReader.reset();
+    }
+    async _decodeFromCamera() {
+        const videoElement = await this._getVideoElement();
+        this._codeReader.decodeFromVideoDevice(null, videoElement, (result, err) => {
+            this.loading = false;
+            if (result) {
+                this.fireEvent("scan-success", {
+                    text: result.getText(),
+                    rawBytes: result.getRawBytes(),
+                });
+            }
+            if (err && !(err instanceof NotFoundException)) {
+                this.fireEvent("scan-error", { message: err.message });
+            }
+        }).catch((err) => this.fireEvent("scan-error", { message: err.message }));
+    }
+    get _cancelButtonText() {
+        return BarcodeScannerDialog_1.i18nBundle.getText(BARCODE_SCANNER_DIALOG_CANCEL_BUTTON_TXT);
+    }
+    get _busyIndicatorText() {
+        return BarcodeScannerDialog_1.i18nBundle.getText(BARCODE_SCANNER_DIALOG_LOADING_TXT);
+    }
+    static get dependencies() {
+        return [
+            Dialog,
+            BusyIndicator,
+            Button,
+        ];
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], BarcodeScannerDialog.prototype, "loading", void 0);
+BarcodeScannerDialog = BarcodeScannerDialog_1 = __decorate([
+    customElement("ui5-barcode-scanner-dialog"),
+    languageAware
+    /**
+     * Fires when the scan is completed successfuuly.
+     *
+     * @event sap.ui.webc.fiori.BarcodeScannerDialog#scan-success
+     * @param {string} text the scan result as string
+     * @param {Object} rawBytes the scan result as a Uint8Array
+     * @public
+     */
+    ,
+    event("scan-success", {
+        detail: {
+            text: { type: String },
+            rawBytes: { type: Object },
+        },
+    })
+    /**
+     * Fires when the scan fails with error.
+     *
+     * @event sap.ui.webc.fiori.BarcodeScannerDialog#scan-error
+     * @param {string} message the error message
+     * @public
+     */
+    ,
+    event("scan-error", {
+        detail: {
+            message: { type: String },
+        },
+    })
+], BarcodeScannerDialog);
 BarcodeScannerDialog.define();
-
 export default BarcodeScannerDialog;
+//# sourceMappingURL=BarcodeScannerDialog.js.map

package/dist/BarcodeScannerDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarcodeScannerDialog.js","sourceRoot":"","sources":["../src/BarcodeScannerDialog.ts"],"names":[],"mappings":"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"}

package/dist/DynamicSideContent.d.ts

@@ -211,9 +211,9 @@ declare class DynamicSideContent extends UI5Element {
     constructor();
     _handleResizeBound: () => void;
     static i18nBundle: I18nBundle;
-    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    static get styles(): import("@ui5/webcomponents-base/dist/types.js").StyleData;
     static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
-    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static get template(): import("@ui5/webcomponents-base/dist/renderer/executeTemplate.js").TemplateFunction;
     static onDefine(): Promise<void>;
     onAfterRendering(): void;
     onEnterDOM(): void;
@@ -221,6 +221,8 @@ declare class DynamicSideContent extends UI5Element {
     /**
      * Toggles visibility of main and side contents on S screen size (mobile device).
      * @public
+     * @method
+     * @name sap.ui.webc.fiori.DynamicSideContent#toggleContents
      */
     toggleContents(): void;
     get classes(): ClassMap;