@scandit/web-datacapture-core 8.4.0 → 8.5.0-beta.1

package/build/js/private/SingleImageUploaderView.d.ts

@@ -1,96 +1,59 @@
-/// <reference types="emscripten" />
-import { SingleImageUploaderSettings } from '../SingleImageUploaderSettings.js';
-import { L as FrameId } from '../DataCaptureContext-Qg40v7QA.js';
-import { View } from './View.js';
-import 'csstype';
-import './Serializable.js';
-import '../Camera-HgH6fwnW.js';
-import '../commons/Rect.js';
-import '../commons/Point.js';
-import '../commons/Size.js';
-import './privateAccess.js';
-import '../DataCaptureContextSettings.js';
-import '../commons/JSONType.js';
-import '../DataCaptureViewPlusRelated-BOrDBPHq.js';
-import '../NotificationPresenter/NotificationPresenter.js';
-import '../NotificationPresenter/NotificationConfiguration.js';
-import '../commons/Color.js';
-import '../ScanditIcon.js';
-import './utils/ScanditHTMLElement.js';
-import '../NotificationPresenter/NotificationStyle.js';
-import '../commons/Anchor.js';
-import '../commons/MarginsWithUnit.js';
-import '../commons/NumberWithUnit.js';
-import '../commons/MeasureUnit.js';
-import '../commons/Orientation.js';
-import '../commons/PointWithUnit.js';
-import '../commons/Quadrilateral.js';
-import './CustomLocationsView.js';
-import './AnchorPositions.js';
-import './nativeHandle.js';
-import './AdditionalLayerPosition.js';
-import '../license/OpenSourceSoftwareLicenseInfo.js';
-import '../logger.js';
-import './FrameReaders/ColorType.js';
-import './BatteryInterface.js';
-import '../LoadingStatus.js';
-import './djinni-types/index.js';
-import './HtmlElementState.js';
-import '../commons/SizeWithUnit.js';
-import './utils/AsyncStateMachine.js';
-import '../tsHelper.js';
+import { t as View } from "../View-BvEw8Q1D.js";
+import { V as FrameId } from "../DataCaptureContext-CYDrBO6_.js";
+import { t as SingleImageUploaderSettings } from "../SingleImageUploaderSettings-Y-cG1lpl.js";
 
+//#region src/main/private/SingleImageUploaderView.d.ts
 interface ImageDimensions {
-    width: number;
-    height: number;
+  width: number;
+  height: number;
 }
 interface SingleImageUploaderViewCapture {
-    data: Uint8ClampedArray;
-    frameId: FrameId;
-    width: number;
-    height: number;
+  data: Uint8ClampedArray;
+  frameId: FrameId;
+  width: number;
+  height: number;
 }
 declare class SingleImageUploaderView implements View {
-    private static readonly componentName;
-    private static readonly DEFAULT_DOM_ATTRIBUTE;
-    canUploadFile: boolean;
-    private _mounted;
-    private _loading;
-    private _htmlRoot;
-    private _settings;
-    private _canvas;
-    private _canvasContext;
-    private _onInputCheck;
-    private _onBeforeFileRead;
-    private _onImageLoadError;
-    private _onFileReaderError;
-    private _onCaptureReady;
-    private _resizedImageSizeLimit;
-    private _inputElement;
-    private _buttonElement;
-    private _informationElement;
-    private _chooseImageText;
-    private _localizationSubscription;
-    private _onLocalizationUpdated;
-    constructor(settings: SingleImageUploaderSettings);
-    private get canvas();
-    private get canvasContext();
-    mount(htmlRoot: HTMLElement): void;
-    unmount(): void;
-    setButtonState(state: "disabled" | "enabled"): void;
-    getButtonState(): "disabled" | "enabled";
-    onInputCheck(listener: EventListener): void;
-    onBeforeFileRead(listener: (event: Event) => Promise<void> | void): void;
-    onImageLoadError(listener: EventListener): void;
-    onFileReaderError(listener: EventListener): void;
-    onCaptureReady(listener: (capture: SingleImageUploaderViewCapture) => void): void;
-    onAfterImageProcessed(): void;
-    private onLocalizationUpdated;
-    private setLoading;
-    private getResizedImageDimensions;
-    private onImageLoad;
-    private onFileReaderLoad;
-    private onFileUpload;
+  private static readonly componentName;
+  private static readonly DEFAULT_DOM_ATTRIBUTE;
+  canUploadFile: boolean;
+  private _mounted;
+  private _loading;
+  private _htmlRoot;
+  private _settings;
+  private _canvas;
+  private _canvasContext;
+  private _onInputCheck;
+  private _onBeforeFileRead;
+  private _onImageLoadError;
+  private _onFileReaderError;
+  private _onCaptureReady;
+  private _resizedImageSizeLimit;
+  private _inputElement;
+  private _buttonElement;
+  private _informationElement;
+  private _chooseImageText;
+  private _localizationSubscription;
+  private _onLocalizationUpdated;
+  constructor(settings: SingleImageUploaderSettings);
+  private get canvas();
+  private get canvasContext();
+  mount(htmlRoot: HTMLElement): void;
+  unmount(): void;
+  setButtonState(state: "disabled" | "enabled"): void;
+  getButtonState(): "disabled" | "enabled";
+  onInputCheck(listener: EventListener): void;
+  onBeforeFileRead(listener: (event: Event) => Promise<void> | void): void;
+  onImageLoadError(listener: EventListener): void;
+  onFileReaderError(listener: EventListener): void;
+  onCaptureReady(listener: (capture: SingleImageUploaderViewCapture) => void): void;
+  onAfterImageProcessed(): void;
+  private onLocalizationUpdated;
+  private setLoading;
+  private getResizedImageDimensions;
+  private onImageLoad;
+  private onFileReaderLoad;
+  private onFileUpload;
 }
-
-export { type ImageDimensions, SingleImageUploaderView, type SingleImageUploaderViewCapture };
+//#endregion
+export { ImageDimensions, SingleImageUploaderView, SingleImageUploaderViewCapture };

package/build/js/private/SingleImageUploaderView.js

@@ -1 +1 @@
-export{a as SingleImageUploaderView}from'../chunks/chunk-Z5LRFYGI.js';
+import{t as e}from"../browserHelper-BQPnAZ2Y.js";import{Logger as t}from"../logger.js";import{a as n}from"../CameraManager-DskA2C7T.js";import{Localization as r}from"../Localization.js";import{scanningByScandit as i}from"../assets/scanningByScandit.js";import{classNames as a,css as o,styles as s}from"./SingleImageUploaderViewStyles.js";var c=class c{constructor(e){this.canUploadFile=!1,this._mounted=!1,this._loading=!1,this._htmlRoot=void 0,this._canvas=void 0,this._onInputCheck=void 0,this._onBeforeFileRead=void 0,this._onImageLoadError=void 0,this._onFileReaderError=void 0,this._onCaptureReady=void 0,this._resizedImageSizeLimit=1440,this._inputElement=void 0,this._buttonElement=void 0,this._informationElement=void 0,this._chooseImageText=``,this._localizationSubscription=void 0,this._onLocalizationUpdated=this.onLocalizationUpdated.bind(this),this._settings=e}get canvas(){return this._canvas||=document.createElement(`canvas`),this._canvas}get canvasContext(){return this._canvasContext||=this.canvas.getContext(`2d`,{willReadFrequently:!0}),this._canvasContext}mount(t){if(this._mounted)return;if(!document.head.querySelector(`[data-component=${c.componentName}]`)){let e=document.createElement(`style`);e.dataset.component=c.componentName,e.textContent=o,document.head.append(e)}let n=document.createElement(`div`);n.className=a.SINGLE_IMAGE_UPLOADER_CONTAINER,Object.assign(n.style,s.SINGLE_IMAGE_UPLOADER_CONTAINER_STYLE,this._settings.containerStyle),t.append(n);let{iconElement:l,iconStyle:u,informationElement:d,informationStyle:f,buttonElement:p,buttonStyle:m,onlyCameraCapture:h}=this._settings;Object.assign(l.style,s.SINGLE_IMAGE_UPLOADER_ICON_STYLE,u,{maxWidth:`100px`,maxHeight:`100px`}),n.append(l),d.hasAttribute(c.DEFAULT_DOM_ATTRIBUTE)&&(Object.assign(d.style,s.SINGLE_IMAGE_UPLOADER_INFORMATION_STYLE,f),d.textContent=r.getInstance().get(`core.singleImageUploader.title`)),n.append(d);let g=document.createElement(`input`);if(g.type=`file`,h)g.accept=`image/*`,g.capture=`environment`,g.dataset.onlyCaptureOnMobile=`environment`;else{var _;g.accept=e.isAndroid()&&(_=e.getUserAgentInfo().getBrowser().name)!=null&&_.toLowerCase().includes(`chrome`)?`image/*;capture=camera`:`image/*`}g.addEventListener(`change`,e=>{this.onFileUpload(e)}),g.addEventListener(`click`,e=>{var t;(t=this._onInputCheck)==null||t.call(this,e)}),g.addEventListener(`keydown`,e=>{var t;(t=this._onInputCheck)==null||t.call(this,e)});let v=document.createElement(`label`);v.append(g),p.hasAttribute(c.DEFAULT_DOM_ATTRIBUTE)&&Object.assign(p.style,s.SINGLE_IMAGE_UPLOADER_BUTTON_STYLE,m),v.append(p),n.append(v);let y=document.createRange().createContextualFragment(atob(i)).firstElementChild;Object.assign(y.style,{position:`absolute`,bottom:`1em`,right:`1em`,width:`10em`}),n.append(y),this._htmlRoot=n,this._mounted=!0,this._inputElement=g,this._buttonElement=p,this._chooseImageText=p.textContent??``,this._informationElement=d,this._localizationSubscription=r.getInstance().subscribe(this._onLocalizationUpdated)}unmount(){var e,t,n;this._mounted&&=((e=this._htmlRoot)==null||e.remove(),(t=document.head.querySelector(`[data-component=${c.componentName}]`))==null||t.remove(),(n=this._localizationSubscription)==null||n.cancel(),!1)}setButtonState(e){this._inputElement&&(this._inputElement.disabled=e===`disabled`)}getButtonState(){return this._inputElement?this._inputElement.disabled?`disabled`:`enabled`:`disabled`}onInputCheck(e){this._onInputCheck=e}onBeforeFileRead(e){this._onBeforeFileRead=e}onImageLoadError(e){this._onImageLoadError=e}onFileReaderError(e){this._onFileReaderError=e}onCaptureReady(e){this._onCaptureReady=e}onAfterImageProcessed(){this.setLoading(!1)}onLocalizationUpdated(){var e,t;(e=this._buttonElement)!=null&&e.hasAttribute(c.DEFAULT_DOM_ATTRIBUTE)&&(this._buttonElement.textContent=r.getInstance().get(`core.singleImageUploader.button`)),(t=this._informationElement)!=null&&t.hasAttribute(c.DEFAULT_DOM_ATTRIBUTE)&&(this._informationElement.textContent=r.getInstance().get(`core.singleImageUploader.title`))}setLoading(e){this._buttonElement&&(this.setButtonState(e?`disabled`:`enabled`),this._buttonElement.textContent=e?`...`:this._chooseImageText,this._loading=e)}getResizedImageDimensions(e,t){return e<=this._resizedImageSizeLimit&&t<=this._resizedImageSizeLimit?{width:e,height:t}:e>t?{width:this._resizedImageSizeLimit,height:Math.round(t/e*this._resizedImageSizeLimit)}:{width:Math.round(e/t*this._resizedImageSizeLimit),height:this._resizedImageSizeLimit}}onImageLoad(e){var t;let{height:r,width:i}=this.getResizedImageDimensions(e.naturalWidth,e.naturalHeight);this.canvasContext.canvas.width=i,this.canvasContext.canvas.height=r,this.canvasContext.drawImage(e,0,0,i,r);let a={data:this.canvasContext.getImageData(0,0,i,r).data,frameId:n(),width:i,height:r};(t=this._onCaptureReady)==null||t.call(this,a)}onFileReaderLoad(e,t,n){e.value=``,t.result!=null&&(n.addEventListener(`load`,()=>{this.onImageLoad(n)},{once:!0}),n.addEventListener(`error`,e=>{var t;(t=this._onImageLoadError)==null||t.call(this,e),this.setLoading(!1)},{once:!0}),n.src=t.result)}async onFileUpload(e){var n;this.setLoading(!0);let r=e.currentTarget,{files:i}=r;if(i==null||i.length===0){this.setLoading(!1);return}let a=(n=this._onBeforeFileRead)==null?void 0:n.call(this,e);if(a instanceof Promise&&await a,!this.canUploadFile){r.value=``,t.warn(`Can't upload file, no capture mode enabled.`),this.setLoading(!1);return}let o=new Image,s=new FileReader;s.addEventListener(`load`,()=>{this.onFileReaderLoad(r,s,o)}),s.addEventListener(`error`,e=>{var t;(t=this._onFileReaderError)==null||t.call(this,e),this.setLoading(!1)}),s.readAsDataURL(i[0])}};c.componentName=`SingleImageUploaderView`,c.DEFAULT_DOM_ATTRIBUTE=`data-scandit-default`;export{c as SingleImageUploaderView};

package/build/js/private/SingleImageUploaderViewStyles.d.ts

@@ -1,28 +1,28 @@
-/// <reference types="emscripten" />
+//#region src/main/private/SingleImageUploaderViewStyles.d.ts
 declare const classNames: {
-    SINGLE_IMAGE_UPLOADER_CONTAINER: string;
+  SINGLE_IMAGE_UPLOADER_CONTAINER: string;
 };
 declare const styles: {
-    SINGLE_IMAGE_UPLOADER_CONTAINER_STYLE: {
-        backgroundColor: string;
-    };
-    SINGLE_IMAGE_UPLOADER_ICON_STYLE: {
-        fill: string;
-    };
-    SINGLE_IMAGE_UPLOADER_INFORMATION_STYLE: {
-        color: string;
-        marginBottom: string;
-    };
-    SINGLE_IMAGE_UPLOADER_BUTTON_STYLE: {
-        color: string;
-        backgroundColor: string;
-        fontWeight: string;
-        padding: string;
-        width: string;
-        textAlign: string;
-        textTransform: string;
-    };
+  SINGLE_IMAGE_UPLOADER_CONTAINER_STYLE: {
+    backgroundColor: string;
+  };
+  SINGLE_IMAGE_UPLOADER_ICON_STYLE: {
+    fill: string;
+  };
+  SINGLE_IMAGE_UPLOADER_INFORMATION_STYLE: {
+    color: string;
+    marginBottom: string;
+  };
+  SINGLE_IMAGE_UPLOADER_BUTTON_STYLE: {
+    color: string;
+    backgroundColor: string;
+    fontWeight: string;
+    padding: string;
+    width: string;
+    textAlign: string;
+    textTransform: string;
+  };
 };
 declare const css: string;
-
-export { classNames, css, styles };
+//#endregion
+export { classNames, css, styles };

package/build/js/private/SingleImageUploaderViewStyles.js

@@ -1 +1,31 @@
-export{a as classNames,c as css,b as styles}from'../chunks/chunk-JFRSUCMO.js';
+const e={SINGLE_IMAGE_UPLOADER_CONTAINER:`scandit-single-image-uploader-container`},t={SINGLE_IMAGE_UPLOADER_CONTAINER_STYLE:{backgroundColor:`#FFFFFF`},SINGLE_IMAGE_UPLOADER_ICON_STYLE:{fill:`#121619`},SINGLE_IMAGE_UPLOADER_INFORMATION_STYLE:{color:`#121619`,marginBottom:`2em`},SINGLE_IMAGE_UPLOADER_BUTTON_STYLE:{color:`#FFFFFF`,backgroundColor:`#121619`,fontWeight:`bold`,padding:`1.25em`,width:`12em`,textAlign:`center`,textTransform:`uppercase`}},n=`
+  .${e.SINGLE_IMAGE_UPLOADER_CONTAINER} {
+    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  .${e.SINGLE_IMAGE_UPLOADER_CONTAINER} label {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+  }
+
+  .${e.SINGLE_IMAGE_UPLOADER_CONTAINER} label input[type="file"] {
+    position: absolute;
+    top: -9999px;
+  }
+
+  .${e.SINGLE_IMAGE_UPLOADER_CONTAINER} label div {
+    user-select: none;
+  }
+
+  .${e.SINGLE_IMAGE_UPLOADER_CONTAINER} label input[type="file"]:disabled + div {
+    opacity: 0.5;
+  }
+`;export{e as classNames,n as css,t as styles};

package/build/js/private/View.d.ts

@@ -1,7 +1,2 @@
-/// <reference types="emscripten" />
-interface View {
-    mount: (root: HTMLElement) => void;
-    unmount: () => void;
-}
-
-export type { View };
+import { t as View } from "../View-BvEw8Q1D.js";
+export { View };

package/build/js/private/ViewClassNames.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="emscripten" />
+//#region src/main/private/ViewClassNames.d.ts
 declare const ViewClassNames: {
-    CONTAINER_CLASS_NAME: string;
-    PAINTBOARD_CLASS_NAME: string;
-    PAINTBOARD_CLASS_NAME_STATE_ON: string;
-    MIRRORED_CLASS_NAME: string;
-    CAMERA_RECOVERY_CLASS_NAME: string;
-    ERROR_CLASS_NAME: string;
-    PAINTBOARDS_CONTAINER_CLASS_NAME: string;
-    SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME: string;
-    CANVAS_VIDEO_PREVIEW_CLASS_NAME: string;
-    FROZEN_FRAME: string;
+  CONTAINER_CLASS_NAME: string;
+  PAINTBOARD_CLASS_NAME: string;
+  PAINTBOARD_CLASS_NAME_STATE_ON: string;
+  MIRRORED_CLASS_NAME: string;
+  CAMERA_RECOVERY_CLASS_NAME: string;
+  ERROR_CLASS_NAME: string;
+  PAINTBOARDS_CONTAINER_CLASS_NAME: string;
+  SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME: string;
+  CANVAS_VIDEO_PREVIEW_CLASS_NAME: string;
+  FROZEN_FRAME: string;
 };
-
-export { ViewClassNames };
+//#endregion
+export { ViewClassNames };

package/build/js/private/ViewClassNames.js

@@ -1 +1 @@
-export{a as ViewClassNames}from'../chunks/chunk-TPHGDMKG.js';
+import{defaultViewClassnames as e}from"../DefaultViewClassnames.js";const t={CONTAINER_CLASS_NAME:e.CONTAINER_CLASS_NAME,PAINTBOARD_CLASS_NAME:e.PAINTBOARD_CLASS_NAME,PAINTBOARD_CLASS_NAME_STATE_ON:e.PAINTBOARD_CLASS_NAME_STATE_ON,MIRRORED_CLASS_NAME:e.MIRRORED_CLASS_NAME,CAMERA_RECOVERY_CLASS_NAME:e.CAMERA_RECOVERY_CLASS_NAME,ERROR_CLASS_NAME:e.ERROR_CLASS_NAME,PAINTBOARDS_CONTAINER_CLASS_NAME:e.PAINTBOARDS_CONTAINER_CLASS_NAME,SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME:e.SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME,CANVAS_VIDEO_PREVIEW_CLASS_NAME:e.CANVAS_VIDEO_PREVIEW_CLASS_NAME,FROZEN_FRAME:e.FROZEN_FRAME};export{t as ViewClassNames};

package/build/js/private/ViewControls_related.d.ts

@@ -1,142 +1,103 @@
-/// <reference types="emscripten" />
-import { F as FrameSource } from '../Camera-HgH6fwnW.js';
-import { C as Control, f as DataCaptureContext, p as DataCaptureView } from '../DataCaptureContext-Qg40v7QA.js';
-import { CameraFOVSwitchControl } from '../controls/CameraFOVSwitchControl.js';
-import { CameraSwitchControl } from '../controls/CameraSwitchControl.js';
-import { TorchSwitchControl } from '../controls/TorchSwitchControl.js';
-import '../commons/Rect.js';
-import './Serializable.js';
-import '../commons/Point.js';
-import '../commons/Size.js';
-import './privateAccess.js';
-import '../DataCaptureContextSettings.js';
-import '../commons/JSONType.js';
-import '../DataCaptureViewPlusRelated-BOrDBPHq.js';
-import '../NotificationPresenter/NotificationPresenter.js';
-import '../NotificationPresenter/NotificationConfiguration.js';
-import '../commons/Color.js';
-import '../ScanditIcon.js';
-import './utils/ScanditHTMLElement.js';
-import '../NotificationPresenter/NotificationStyle.js';
-import '../commons/Anchor.js';
-import '../commons/MarginsWithUnit.js';
-import '../commons/NumberWithUnit.js';
-import '../commons/MeasureUnit.js';
-import '../commons/Orientation.js';
-import '../commons/PointWithUnit.js';
-import '../commons/Quadrilateral.js';
-import './CustomLocationsView.js';
-import './View.js';
-import './AnchorPositions.js';
-import './nativeHandle.js';
-import './AdditionalLayerPosition.js';
-import '../license/OpenSourceSoftwareLicenseInfo.js';
-import '../logger.js';
-import './FrameReaders/ColorType.js';
-import './BatteryInterface.js';
-import '../LoadingStatus.js';
-import './djinni-types/index.js';
-import './HtmlElementState.js';
-import '../commons/SizeWithUnit.js';
-import './utils/AsyncStateMachine.js';
-import '../tsHelper.js';
+import { d as FrameSource } from "../Camera-C7TNwqRo.js";
+import { Hn as CameraSwitchControl, Un as CameraFOVSwitchControl, Vn as TorchSwitchControl, Wn as Control, Yn as DataCaptureView, i as DataCaptureContext } from "../DataCaptureContext-CYDrBO6_.js";
 
+//#region src/main/private/ViewControls+related.d.ts
 interface PrivateControl {
-    type: "camera-fov" | "camera" | "torch";
-    view: DataCaptureView | null;
+  type: "camera-fov" | "camera" | "torch";
+  view: DataCaptureView | null;
 }
 interface TorchSwitchControlIcon {
-    on: {
-        idle: string | null;
-        pressed: string | null;
-    };
-    off: {
-        idle: string | null;
-        pressed: string | null;
-    };
-}
-interface CameraSwitchControlIcon {
+  on: {
+    idle: string | null;
+    pressed: string | null;
+  };
+  off: {
     idle: string | null;
     pressed: string | null;
+  };
+}
+interface CameraSwitchControlIcon {
+  idle: string | null;
+  pressed: string | null;
 }
 interface CameraFOVSwitchControlIcon {
-    wide: {
-        idle: string | null;
-        pressed: string | null;
-    };
-    ultraWide: {
-        idle: string | null;
-        pressed: string | null;
-    };
+  wide: {
+    idle: string | null;
+    pressed: string | null;
+  };
+  ultraWide: {
+    idle: string | null;
+    pressed: string | null;
+  };
 }
 interface PrivateControlWidget {
-    install: () => Promise<boolean>;
-    remove: (definitiveRemoval?: boolean) => void;
+  install: () => Promise<boolean>;
+  remove: (definitiveRemoval?: boolean) => void;
 }
 declare enum ButtonState {
-    Idle = "idle",
-    Pressed = "pressed"
+  Idle = "idle",
+  Pressed = "pressed"
 }
 declare abstract class ButtonControlWidget<C extends Control> {
-    protected domHost: HTMLElement;
-    protected state: ButtonState;
-    protected button: HTMLButtonElement | undefined;
-    protected isHover: boolean;
-    protected onTouchStartListener: (event?: Event) => void;
-    protected onMouseEnterListener: (event?: Event) => void;
-    protected onMouseLeaveListener: (event?: Event) => void;
-    protected onClickListener: (event?: Event) => void;
-    protected control: C;
-    private controlTypeToAriaLabelMap;
-    constructor(control: C, domHost: HTMLElement);
-    protected get frameSource(): FrameSource | null | undefined;
-    protected get context(): DataCaptureContext | null | undefined;
-    install(): Promise<boolean>;
-    remove(definitiveRemoval?: boolean): void;
-    protected hide(): void;
-    protected show(): void;
-    protected setupButton(): HTMLButtonElement;
-    protected setup(): void;
-    private onTouchStart;
-    private onMouseEnter;
-    private onMouseLeave;
-    private onClick;
-    private updateButtonBackground;
-    protected abstract getImageFromState(): string | null;
-    protected abstract buttonClicked(): Promise<void>;
-    protected abstract canShow(): Promise<boolean>;
+  protected domHost: HTMLElement;
+  protected state: ButtonState;
+  protected button: HTMLButtonElement | undefined;
+  protected isHover: boolean;
+  protected onTouchStartListener: (event?: Event) => void;
+  protected onMouseEnterListener: (event?: Event) => void;
+  protected onMouseLeaveListener: (event?: Event) => void;
+  protected onClickListener: (event?: Event) => void;
+  protected control: C;
+  private controlTypeToAriaLabelMap;
+  constructor(control: C, domHost: HTMLElement);
+  protected get frameSource(): FrameSource | null | undefined;
+  protected get context(): DataCaptureContext | null | undefined;
+  install(): Promise<boolean>;
+  remove(definitiveRemoval?: boolean): void;
+  protected hide(): void;
+  protected show(): void;
+  protected setupButton(): HTMLButtonElement;
+  protected setup(): void;
+  private onTouchStart;
+  private onMouseEnter;
+  private onMouseLeave;
+  private onClick;
+  private updateButtonBackground;
+  protected abstract getImageFromState(): string | null;
+  protected abstract buttonClicked(): Promise<void>;
+  protected abstract canShow(): Promise<boolean>;
 }
 declare class PrivateTorchControlWidget extends ButtonControlWidget<TorchSwitchControl> implements PrivateControlWidget {
-    constructor(control: TorchSwitchControl, domHost: HTMLElement);
-    protected buttonClicked(): Promise<void>;
-    protected canShow(): Promise<boolean>;
-    protected getImageFromState(): string | null;
-    protected setup(): void;
-    private isTorchAvailable;
-    private retrieveTorchState;
+  constructor(control: TorchSwitchControl, domHost: HTMLElement);
+  protected buttonClicked(): Promise<void>;
+  protected canShow(): Promise<boolean>;
+  protected getImageFromState(): string | null;
+  protected setup(): void;
+  private isTorchAvailable;
+  private retrieveTorchState;
 }
 declare class CameraSwitchControlWidget extends ButtonControlWidget<CameraSwitchControl> implements PrivateControlWidget {
-    private isTransitioning;
-    constructor(control: CameraSwitchControl, domHost: HTMLElement);
-    protected canShow(): Promise<boolean>;
-    protected getImageFromState(): string | null;
-    protected buttonClicked(): Promise<void>;
-    protected setup(): void;
-    private getNextDeviceCamera;
-    private switchCameras;
+  private isTransitioning;
+  constructor(control: CameraSwitchControl, domHost: HTMLElement);
+  protected canShow(): Promise<boolean>;
+  protected getImageFromState(): string | null;
+  protected buttonClicked(): Promise<void>;
+  protected setup(): void;
+  private getNextDeviceCamera;
+  private switchCameras;
 }
 declare class PrivateCameraFOVSwitchControlWidget extends ButtonControlWidget<CameraFOVSwitchControl> implements PrivateControlWidget {
-    private isTransitioning;
-    constructor(control: CameraFOVSwitchControl, domHost: HTMLElement);
-    install(): Promise<boolean>;
-    protected canShow(): Promise<boolean>;
-    protected getImageFromState(): string | null;
-    protected buttonClicked(): Promise<void>;
-    protected setup(): void;
-    private setInitialCamera;
-    private isUltraWideBackCamera;
-    private getAlternativeCamera;
-    private switchCameras;
+  private isTransitioning;
+  constructor(control: CameraFOVSwitchControl, domHost: HTMLElement);
+  install(): Promise<boolean>;
+  protected canShow(): Promise<boolean>;
+  protected getImageFromState(): string | null;
+  protected buttonClicked(): Promise<void>;
+  protected setup(): void;
+  private setInitialCamera;
+  private isUltraWideBackCamera;
+  private getAlternativeCamera;
+  private switchCameras;
 }
-
-export { ButtonState, type CameraFOVSwitchControlIcon, type CameraSwitchControlIcon, CameraSwitchControlWidget, PrivateCameraFOVSwitchControlWidget, type PrivateControl, type PrivateControlWidget, PrivateTorchControlWidget, type TorchSwitchControlIcon };
+//#endregion
+export { ButtonState, CameraFOVSwitchControlIcon, CameraSwitchControlIcon, CameraSwitchControlWidget, PrivateCameraFOVSwitchControlWidget, PrivateControl, PrivateControlWidget, PrivateTorchControlWidget, TorchSwitchControlIcon };

package/build/js/private/ViewControls_related.js

@@ -0,0 +1 @@
+import{t as e}from"../browserHelper-BQPnAZ2Y.js";import{Logger as t}from"../logger.js";import{CameraSettings as n,isCameraFrameSource as r}from"../CameraRelated.js";import{CameraAccess as i}from"./CameraAccess.js";import{Camera as a}from"../Camera.js";let o=function(e){return e.Idle=`idle`,e.Pressed=`pressed`,e}({});var s=class{constructor(e,t){this.state=`idle`,this.isHover=!1,this.controlTypeToAriaLabelMap={"camera-fov":`Switch camera field of view`,camera:`Switch camera`,torch:`Toggle torch`},this.control=e,this.domHost=t,this.onTouchStartListener=this.onTouchStart.bind(this),this.onMouseEnterListener=this.onMouseEnter.bind(this),this.onMouseLeaveListener=this.onMouseLeave.bind(this),this.onClickListener=this.onClick.bind(this),this.setup()}get frameSource(){var e;return(e=this.control.view)==null||(e=e.getContext())==null?void 0:e.frameSource}get context(){var e;return(e=this.control.view)==null?void 0:e.getContext()}async install(){this.button||this.setup();let e=await this.canShow();return e?(this.updateButtonBackground(this.button,this.getImageFromState()),this.show()):this.hide(),e}remove(e=!1){e&&this.button?(this.button.removeEventListener(`mouseenter`,this.onMouseEnterListener),this.button.removeEventListener(`mouseleave`,this.onMouseLeaveListener),this.button.removeEventListener(`touchstart`,this.onTouchStartListener),this.button.removeEventListener(`click`,this.onClickListener),this.button.remove(),this.isHover=!1,this.button=void 0):this.hide()}hide(){this.button&&(this.button.style.display=`none`)}show(){this.button&&(this.button.style.display=`block`)}setupButton(){let t=document.createElement(`button`);t.type=`button`,t.style.display=`none`,t.className=`scandit-control-widget scandit-control-widget-${this.control.type}`,this.updateButtonBackground(t,this.getImageFromState()),this.domHost.append(t),t.addEventListener(`mouseenter`,this.onMouseEnterListener),t.addEventListener(`mouseleave`,this.onMouseLeaveListener),e.isDesktopDevice()||t.addEventListener(`touchstart`,this.onTouchStartListener),t.addEventListener(`click`,this.onClickListener),t.setAttribute(`aria-pressed`,String(this.state===`pressed`));let n=this.control.type,r=this.controlTypeToAriaLabelMap[n];return t.setAttribute(`aria-label`,r),this.button=t,this.button}setup(){this.setupButton()}onTouchStart(){var e,t;(e=this.button)==null||e.removeEventListener(`mouseenter`,this.onMouseEnterListener),(t=this.button)==null||t.removeEventListener(`mouseleave`,this.onMouseLeaveListener)}onMouseEnter(){this.isHover=!0,this.updateButtonBackground(this.button,this.getImageFromState())}onMouseLeave(){this.isHover=!1,this.updateButtonBackground(this.button,this.getImageFromState())}onClick(){var e;this.state=this.state===`pressed`?`idle`:`pressed`,this.buttonClicked(),this.updateButtonBackground(this.button,this.getImageFromState()),(e=this.button)==null||e.setAttribute(`aria-pressed`,String(this.state===`pressed`))}updateButtonBackground(e,t){t!=null&&e!=null&&(e.style.backgroundImage=`url(${JSON.stringify(t)})`)}},c=class extends s{constructor(e,t){super(e,t)}async buttonClicked(){await this.frameSource.setDesiredTorchState(this.retrieveTorchState()===`on`?`off`:`on`)}async canShow(){return this.isTorchAvailable()}getImageFromState(){return this.retrieveTorchState()===`on`?this.isHover?this.control.torchOnPressedImage:this.control.torchOnImage:this.isHover?this.control.torchOffPressedImage:this.control.torchOffImage}setup(){if(this.control.torchOffImage==null||this.control.torchOnImage==null){t.log(t.Level.Warn,`TorchSwitchControl icon is not set or is empty, the control will not be rendered.`);return}super.setup()}async isTorchAvailable(){return r(this.frameSource)?this.frameSource.isTorchAvailable():!1}retrieveTorchState(){return r(this.frameSource)?this.frameSource.getDesiredTorchState():`off`}},l=class extends s{constructor(e,t){super(e,t)}async canShow(){return(await a.getAll()).length>1}getImageFromState(){return this.isHover?this.control.pressedImage:this.control.idleImage}async buttonClicked(){if(this.isTransitioning)return;let e=await this.getNextDeviceCamera();e&&await this.switchCameras(e)}setup(){if(this.control.idleImage==null){t.log(t.Level.Warn,`CameraSwitchControl idle icon is not set or is empty, the control will not be rendered.`);return}super.setup()}async getNextDeviceCamera(){let e=await a.getAll(!1,!0),t=this.frameSource?this.frameSource:null,n=t==null?void 0:t.deviceId,r=e.findIndex(e=>e.deviceId===n);return r>-1?e[r+1]??e[0]:e.length>0?e[0]:null}async switchCameras(e){var t,r,i;this.isTransitioning=!0;let a=(t=this.context)==null?void 0:t.frameSource,o,s;a!=null&&(o=new n(a.settings),s=a.desiredState),await(a==null?void 0:a.switchToDesiredState(`off`)),o!=null&&await e.applySettings(o),await((r=this.context)==null?void 0:r.setFrameSource(e)),await((i=this.context)==null?void 0:i.frameSource).switchToDesiredState(s??`on`),this.isTransitioning=!1}},u=class extends s{constructor(e,t){super(e,t)}async install(){let e=await super.install();return e&&await this.setInitialCamera(),e}async canShow(){return!e.isIOSDeviceWithExtendedCameraAccess()||!r(this.frameSource)?!1:i.isIOSBackDualWideCameraLabel(this.frameSource.label)||i.isIOSBackCameraLabel(this.frameSource.label)||i.isIOSUltraWideBackCameraLabel(this.frameSource.label)}getImageFromState(){return this.isUltraWideBackCamera()?this.isHover?this.control.cameraFOVUltraWidePressedImage:this.control.cameraFOVUltraWideImage:this.isHover?this.control.cameraFOVWidePressedImage:this.control.cameraFOVWideImage}async buttonClicked(){if(this.isTransitioning)return;let e=await this.getAlternativeCamera();e&&await this.switchCameras(e)}setup(){if(this.control.cameraFOVUltraWideImage==null||this.control.cameraFOVWideImage==null){t.log(t.Level.Warn,`CameraFOVSwitchControl icon is not set or is empty, the control will not be rendered.`);return}super.setup()}async setInitialCamera(){var e;if(!this.isTransitioning&&!i.isIOSBackCameraLabel(((e=this.frameSource)==null?void 0:e.label)??``)){let e=(await a.getAll()).find(e=>i.isIOSBackCameraLabel(e.label));e&&await this.switchCameras(e)}}isUltraWideBackCamera(){return r(this.frameSource)?i.isIOSUltraWideBackCameraLabel(this.frameSource.label):!1}async getAlternativeCamera(){return(await a.getAll()).find(e=>this.isUltraWideBackCamera()?i.isIOSBackCameraLabel(e.label):i.isIOSUltraWideBackCameraLabel(e.label))}async switchCameras(e){var t,r,i;this.isTransitioning=!0;let a=(t=this.context)==null?void 0:t.frameSource,o,s;a!=null&&(o=new n(a.settings),s=a.desiredState),await(a==null?void 0:a.switchToDesiredState(`off`)),o!=null&&await e.applySettings(o),await((r=this.context)==null?void 0:r.setFrameSource(e)),await((i=this.context)==null?void 0:i.frameSource).switchToDesiredState(s??`on`),this.isTransitioning=!1}};export{o as ButtonState,l as CameraSwitchControlWidget,u as PrivateCameraFOVSwitchControlWidget,c as PrivateTorchControlWidget};

package/build/js/private/ViewStyles.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="emscripten" />
+//#region src/main/private/ViewStyles.d.ts
 declare function getDataCaptureViewStyles(): HTMLStyleElement[];
-
-export { getDataCaptureViewStyles };
+//#endregion
+export { getDataCaptureViewStyles };

package/build/js/private/ViewStyles.js

@@ -1 +1 @@
-export{a as getDataCaptureViewStyles}from'../chunks/chunk-AE2LWVIB.js';
+import{css as e}from"./utils/css.js";import{ViewClassNames as t}from"./ViewClassNames.js";function n(){return[e`@keyframes scandit-rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.${t.CONTAINER_CLASS_NAME}{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;touch-action:none;width:100%}.${t.CONTAINER_CLASS_NAME}:before{animation:scandit-rotation 1s linear infinite;background-color:#fff;content:" ";height:1px;left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:1px}`,e`.${t.PAINTBOARDS_CONTAINER_CLASS_NAME}{height:inherit;position:relative;width:100%}.${t.PAINTBOARD_CLASS_NAME}{aspect-ratio:16/9;background-color:#000;height:100%;min-height:1px;min-width:1px;position:relative;width:100%}.${t.PAINTBOARD_CLASS_NAME}.${t.PAINTBOARD_CLASS_NAME_STATE_ON}{aspect-ratio:auto}.${t.PAINTBOARD_CLASS_NAME} video{display:block;height:100%;object-fit:cover;transition:opacity .3s;width:100%}.${t.PAINTBOARD_CLASS_NAME} .${t.MIRRORED_CLASS_NAME}{transform:scaleX(-1)}.${t.PAINTBOARD_CLASS_NAME} .${t.CAMERA_RECOVERY_CLASS_NAME}{align-items:center;background-color:#000;color:#fff;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:background-color .2s;width:100%;z-index:5}.${t.PAINTBOARD_CLASS_NAME} .${t.CAMERA_RECOVERY_CLASS_NAME}:focus-visible{outline:2px solid #06c;outline-offset:-4px}.${t.PAINTBOARD_CLASS_NAME} .${t.CAMERA_RECOVERY_CLASS_NAME}:hover:not([hidden]){background-color:#000c}.${t.PAINTBOARD_CLASS_NAME} .${t.ERROR_CLASS_NAME}{align-items:center;background-color:#00000080;color:#fff;display:flex;height:100%;justify-content:center;left:0;position:absolute;text-align:center;top:0;width:100%;z-index:6}.${t.CAMERA_RECOVERY_CLASS_NAME}[hidden],.${t.ERROR_CLASS_NAME}[hidden]{display:none}.${t.PAINTBOARD_CLASS_NAME} canvas{height:100%;left:0;object-fit:cover;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:100%}`,e`.${t.PAINTBOARD_CLASS_NAME} .${t.SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME}{-webkit-tap-highlight-color:rgba(255,255,255,0);align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.${t.PAINTBOARD_CLASS_NAME} .${t.SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME} label{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.${t.PAINTBOARD_CLASS_NAME} .${t.SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME} label input[type=file]{position:absolute;top:-9999px}.${t.PAINTBOARD_CLASS_NAME}.${t.SINGLE_IMAGE_UPLOADER_CONTAINER_CLASS_NAME} label button{pointer-events:none}`,e`.${t.FROZEN_FRAME}{height:100%;left:0;object-fit:cover;opacity:1;position:absolute;top:0;width:100%}.${t.FROZEN_FRAME}[hidden]{opacity:0;pointer-events:none;visibility:hidden}`]}export{n as getDataCaptureViewStyles};

package/build/js/private/ViewsRegistry.d.ts

@@ -1,43 +1,6 @@
-/// <reference types="emscripten" />
-import { p as DataCaptureView } from '../DataCaptureContext-Qg40v7QA.js';
-import '../Camera-HgH6fwnW.js';
-import '../commons/Rect.js';
-import './Serializable.js';
-import '../commons/Point.js';
-import '../commons/Size.js';
-import './privateAccess.js';
-import '../DataCaptureContextSettings.js';
-import '../commons/JSONType.js';
-import '../DataCaptureViewPlusRelated-BOrDBPHq.js';
-import '../NotificationPresenter/NotificationPresenter.js';
-import '../NotificationPresenter/NotificationConfiguration.js';
-import '../commons/Color.js';
-import '../ScanditIcon.js';
-import './utils/ScanditHTMLElement.js';
-import '../NotificationPresenter/NotificationStyle.js';
-import '../commons/Anchor.js';
-import '../commons/MarginsWithUnit.js';
-import '../commons/NumberWithUnit.js';
-import '../commons/MeasureUnit.js';
-import '../commons/Orientation.js';
-import '../commons/PointWithUnit.js';
-import '../commons/Quadrilateral.js';
-import './CustomLocationsView.js';
-import './View.js';
-import './AnchorPositions.js';
-import './nativeHandle.js';
-import './AdditionalLayerPosition.js';
-import '../license/OpenSourceSoftwareLicenseInfo.js';
-import '../logger.js';
-import './FrameReaders/ColorType.js';
-import './BatteryInterface.js';
-import '../LoadingStatus.js';
-import './djinni-types/index.js';
-import './HtmlElementState.js';
-import '../commons/SizeWithUnit.js';
-import './utils/AsyncStateMachine.js';
-import '../tsHelper.js';
+import { Yn as DataCaptureView } from "../DataCaptureContext-CYDrBO6_.js";
 
+//#region src/main/private/ViewsRegistry.d.ts
 declare const viewsRegistry: Set<DataCaptureView>;
-
-export { viewsRegistry as default };
+//#endregion
+export { viewsRegistry as default };

package/build/js/private/ViewsRegistry.js

@@ -1 +1 @@
-export{a as default}from'../chunks/chunk-N5YZEC56.js';
+const e=new Set;export{e as default};