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

package/build/js/private/ui/molecules/CameraFOVSwitchButton.js

@@ -1 +1 @@
-import {a as a$3}from'../../../chunks/chunk-SHM7SU3B.js';import {a as a$2}from'../../../chunks/chunk-UNO6YIIA.js';import {a as a$7}from'../../../chunks/chunk-NIKRAADM.js';import {a as a$6}from'../../../chunks/chunk-U4IMOTYL.js';import {a as a$1}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$4}from'../../../chunks/chunk-3A4KLILV.js';import {a}from'../../../chunks/chunk-EV4OEANA.js';import {a as a$5}from'../../../chunks/chunk-LSZZVJ6B.js';var i=class i extends a{constructor(){super();this._currentMode="1.0x";this._ariaLabel="Switch between wide and ultra-wide field of view";this._useCustomImages=false;let e=this.attachShadow({mode:"open"});e.innerHTML=a$1`<div><slot></slot></div>`,e.append(i.createStyleElement().cloneNode(true));}get wideIcon(){var e;return (e=this.querySelector(a$2.tag))!=null?e:void 0}get ultraWideIcon(){var e;return (e=this.querySelector(a$3.tag))!=null?e:void 0}static create(){return document.createElement(i.tag)}static register(){a$4({[i.tag]:i});}static createStyleElement(){return a$5`:host{align-items:center;display:inline-flex;justify-content:center;--button-size:36px;--camera-fov-wide-idle:none;--camera-fov-wide-pressed:none;--camera-fov-ultrawide-idle:none;--camera-fov-ultrawide-pressed:none;border:none;cursor:pointer;height:var(--button-size);margin:0;outline:none;padding:0;width:var(--button-size);-webkit-tap-highlight-color:transparent;background-color:#4242428c;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;transform-origin:center;transition:outline .2s ease-in-out,transform .1s ease-in-out}:host([hidden]){display:none!important}:host([data-pressed=true]){transform:scale(.95)}:host([data-pressed=false]){transform:scale(1)}:host(:focus-visible){outline:2px solid #06c;outline-offset:2px}:host([data-use-custom-images=true]) ::slotted(*){display:none!important}:host([data-use-custom-images=true]){background-image:var(--camera-fov-wide-idle)}:host([data-use-custom-images=true][data-pressed=true]){background-image:var(--camera-fov-wide-pressed)}:host([data-use-custom-images=true][data-current-mode="0.5x"]){background-image:var(--camera-fov-ultrawide-idle)}:host([data-use-custom-images=true][data-current-mode="0.5x"][data-pressed=true]){background-image:var(--camera-fov-ultrawide-pressed)}`}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.setupButtonWithSvgIcons(),this._gestureRecognizer||(this._gestureRecognizer=new a$6(this),this._gestureRecognizer.addListener(this)),this.mode=this._currentMode;}setupButtonWithSvgIcons(){if(a$2.register(),a$3.register(),!this.wideIcon){let e=a$2.create();e.size=24,e.style.display="flex",this.appendChild(e);}if(!this.ultraWideIcon){let e=a$3.create();e.size=24,e.style.display="none",this.appendChild(e);}}disconnectedCallback(){this._gestureRecognizer&&(this._gestureRecognizer.removeAllListeners(),this._gestureRecognizer=void 0);}set mode(e){if(e!=="0.5x"&&e!=="1.0x")return;this._currentMode=e,this.setAttribute("data-current-mode",e),this.setAttribute("aria-pressed",e==="0.5x"?"true":"false");let t=e==="0.5x"?"Switch to wide field of view":"Switch to ultra-wide field of view";this.setAttribute("aria-label",t),this.updateIconVisibility();}get mode(){return this._currentMode}get ariaLabel(){return this._ariaLabel}set ariaLabel(e){this._ariaLabel=e,this.setAttribute("aria-label",e);}set useCustomImages(e){this._useCustomImages=e,e?this.setAttribute("data-use-custom-images","true"):this.removeAttribute("data-use-custom-images");}setCustomImages(e){let t=this.style,p=e.wide.idle?`url(${JSON.stringify(e.wide.idle)})`:"none",m=e.wide.pressed?`url(${JSON.stringify(e.wide.pressed)})`:"none",g=e.ultraWide.idle?`url(${JSON.stringify(e.ultraWide.idle)})`:"none",h=e.ultraWide.pressed?`url(${JSON.stringify(e.ultraWide.pressed)})`:"none";t.setProperty("--camera-fov-wide-idle",p),t.setProperty("--camera-fov-wide-pressed",m),t.setProperty("--camera-fov-ultrawide-idle",g),t.setProperty("--camera-fov-ultrawide-pressed",h),this.useCustomImages=true;}updateIconVisibility(){let e=this.wideIcon,t=this.ultraWideIcon;!e||!t||(this._currentMode==="0.5x"?(e.style.display="none",t.style.display="flex"):(e.style.display="flex",t.style.display="none"));}onTap(){this.dispatchEvent(new a$7({currentMode:this._currentMode}));}onPress(){this.setAttribute("data-pressed","true");}onRelease(){this.setAttribute("data-pressed","false");}};i.tag="scandit-camera-fov-switch-button";var c=i;export{c as CameraFOVSwitchButton};
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{css as t}from"../../utils/css.js";import{html as n}from"../../utils/html.js";import{ScanditHTMLElement as r}from"../../utils/ScanditHTMLElement.js";import{GestureRecognizer as i}from"../../GestureRecognizer/GestureRecognizer.js";import{CameraFOVUltrawideSvgIcon as a}from"../atoms/CameraFOVUltrawideSvgIcon.js";import{CameraFOVWideSvgIcon as o}from"../atoms/CameraFOVWideSvgIcon.js";import{CameraFOVChangedEvent as s}from"./ButtonEvents.js";var c=class c extends r{get wideIcon(){return this.querySelector(o.tag)??void 0}get ultraWideIcon(){return this.querySelector(a.tag)??void 0}constructor(){super(),this._currentMode=`1.0x`,this._ariaLabel=`Switch between wide and ultra-wide field of view`,this._useCustomImages=!1;let e=this.attachShadow({mode:`open`});e.innerHTML=n`<div><slot></slot></div>`,e.append(c.createStyleElement().cloneNode(!0))}static create(){return document.createElement(c.tag)}static register(){e({[c.tag]:c})}static createStyleElement(){return t`:host{align-items:center;display:inline-flex;justify-content:center;--button-size:36px;--camera-fov-wide-idle:none;--camera-fov-wide-pressed:none;--camera-fov-ultrawide-idle:none;--camera-fov-ultrawide-pressed:none;border:none;cursor:pointer;height:var(--button-size);margin:0;outline:none;padding:0;width:var(--button-size);-webkit-tap-highlight-color:transparent;background-color:#4242428c;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;transform-origin:center;transition:outline .2s ease-in-out,transform .1s ease-in-out}:host([hidden]){display:none!important}:host([data-pressed=true]){transform:scale(.95)}:host([data-pressed=false]){transform:scale(1)}:host(:focus-visible){outline:2px solid #06c;outline-offset:2px}:host([data-use-custom-images=true]) ::slotted(*){display:none!important}:host([data-use-custom-images=true]){background-image:var(--camera-fov-wide-idle)}:host([data-use-custom-images=true][data-pressed=true]){background-image:var(--camera-fov-wide-pressed)}:host([data-use-custom-images=true][data-current-mode="0.5x"]){background-image:var(--camera-fov-ultrawide-idle)}:host([data-use-custom-images=true][data-current-mode="0.5x"][data-pressed=true]){background-image:var(--camera-fov-ultrawide-pressed)}`}connectedCallback(){this.hasAttribute(`role`)||this.setAttribute(`role`,`button`),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`),this.setupButtonWithSvgIcons(),this._gestureRecognizer||(this._gestureRecognizer=new i(this),this._gestureRecognizer.addListener(this)),this.mode=this._currentMode}setupButtonWithSvgIcons(){if(o.register(),a.register(),!this.wideIcon){let e=o.create();e.size=24,e.style.display=`flex`,this.appendChild(e)}if(!this.ultraWideIcon){let e=a.create();e.size=24,e.style.display=`none`,this.appendChild(e)}}disconnectedCallback(){this._gestureRecognizer&&=(this._gestureRecognizer.removeAllListeners(),void 0)}set mode(e){if(e!==`0.5x`&&e!==`1.0x`)return;this._currentMode=e,this.setAttribute(`data-current-mode`,e),this.setAttribute(`aria-pressed`,e===`0.5x`?`true`:`false`);let t=e===`0.5x`?`Switch to wide field of view`:`Switch to ultra-wide field of view`;this.setAttribute(`aria-label`,t),this.updateIconVisibility()}get mode(){return this._currentMode}get ariaLabel(){return this._ariaLabel}set ariaLabel(e){this._ariaLabel=e,this.setAttribute(`aria-label`,e)}set useCustomImages(e){this._useCustomImages=e,e?this.setAttribute(`data-use-custom-images`,`true`):this.removeAttribute(`data-use-custom-images`)}setCustomImages(e){let t=this.style,n=e.wide.idle?`url(${JSON.stringify(e.wide.idle)})`:`none`,r=e.wide.pressed?`url(${JSON.stringify(e.wide.pressed)})`:`none`,i=e.ultraWide.idle?`url(${JSON.stringify(e.ultraWide.idle)})`:`none`,a=e.ultraWide.pressed?`url(${JSON.stringify(e.ultraWide.pressed)})`:`none`;t.setProperty(`--camera-fov-wide-idle`,n),t.setProperty(`--camera-fov-wide-pressed`,r),t.setProperty(`--camera-fov-ultrawide-idle`,i),t.setProperty(`--camera-fov-ultrawide-pressed`,a),this.useCustomImages=!0}updateIconVisibility(){let e=this.wideIcon,t=this.ultraWideIcon;!e||!t||(this._currentMode===`0.5x`?(e.style.display=`none`,t.style.display=`flex`):(e.style.display=`flex`,t.style.display=`none`))}onTap(){this.dispatchEvent(new s({currentMode:this._currentMode}))}onPress(){this.setAttribute(`data-pressed`,`true`)}onRelease(){this.setAttribute(`data-pressed`,`false`)}};c.tag=`scandit-camera-fov-switch-button`;export{c as CameraFOVSwitchButton};

package/build/js/private/ui/molecules/CameraSwitchButton.d.ts

@@ -1,58 +1,55 @@
-/// <reference types="emscripten" />
-import { GestureRecognizerListener } from '../../GestureRecognizer/GestureRecognizer.js';
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
-import '../../EventManager.js';
-import '../../../commons/Point.js';
-import '../../Serializable.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
+import { GestureRecognizerListener } from "../../GestureRecognizer/GestureRecognizer.js";
 
+//#region src/main/private/ui/molecules/CameraSwitchButton.d.ts
 type CameraSwitchMode = "front" | "back";
 interface CameraSwitchButtonCustomImages {
-    idle: string | null;
-    pressed: string | null;
+  idle: string | null;
+  pressed: string | null;
 }
 declare class CameraSwitchButton extends ScanditHTMLElement implements GestureRecognizerListener {
-    static readonly tag: "scandit-camera-switch-button";
-    private _currentMode;
-    private _gestureRecognizer;
-    private _ariaLabel;
-    private _useCustomImages;
-    private get frontIcon();
-    private get backIcon();
-    constructor();
-    static create(): CameraSwitchButton;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): void;
-    private setupButtonWithSvgIcons;
-    disconnectedCallback(): void;
-    /**
-     * Set the current camera mode
-     */
-    set mode(newMode: CameraSwitchMode);
-    /**
-     * Get the current camera mode
-     */
-    get mode(): CameraSwitchMode;
-    get ariaLabel(): string;
-    set ariaLabel(label: string);
-    /**
-     * Set whether to use custom images instead of SVG icons
-     */
-    set useCustomImages(value: boolean);
-    /**
-     * Set custom image URLs as CSS variables
-     * @param customImages Object containing idle and pressed images
-     */
-    setCustomImages(customImages: CameraSwitchButtonCustomImages): void;
-    private updateIconVisibility;
-    onTap(): void;
-    onPress(): void;
-    onRelease(): void;
+  static readonly tag: "scandit-camera-switch-button";
+  private _currentMode;
+  private _gestureRecognizer;
+  private _ariaLabel;
+  private _useCustomImages;
+  private get frontIcon();
+  private get backIcon();
+  constructor();
+  static create(): CameraSwitchButton;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): void;
+  private setupButtonWithSvgIcons;
+  disconnectedCallback(): void;
+  /**
+   * Set the current camera mode
+   */
+  set mode(newMode: CameraSwitchMode);
+  /**
+   * Get the current camera mode
+   */
+  get mode(): CameraSwitchMode;
+  get ariaLabel(): string;
+  set ariaLabel(label: string);
+  /**
+   * Set whether to use custom images instead of SVG icons
+   */
+  set useCustomImages(value: boolean);
+  /**
+   * Set custom image URLs as CSS variables
+   * @param customImages Object containing idle and pressed images
+   */
+  setCustomImages(customImages: CameraSwitchButtonCustomImages): void;
+  private updateIconVisibility;
+  onTap(): void;
+  onPress(): void;
+  onRelease(): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CameraSwitchButton.tag]: CameraSwitchButton;
-    }
+  interface HTMLElementTagNameMap {
+    [CameraSwitchButton.tag]: CameraSwitchButton;
+  }
 }
-
-export { CameraSwitchButton, type CameraSwitchButtonCustomImages, type CameraSwitchMode };
+//#endregion
+export { CameraSwitchButton, CameraSwitchButtonCustomImages, CameraSwitchMode };

package/build/js/private/ui/molecules/CameraSwitchButton.js

@@ -1 +1 @@
-import {a as a$2}from'../../../chunks/chunk-7HYFN4JO.js';import {a as a$3}from'../../../chunks/chunk-QUWP3ILW.js';import {b}from'../../../chunks/chunk-NIKRAADM.js';import {a as a$6}from'../../../chunks/chunk-U4IMOTYL.js';import {a as a$7}from'../../../chunks/chunk-SGL5J2CI.js';import {a as a$1}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$4}from'../../../chunks/chunk-3A4KLILV.js';import {a}from'../../../chunks/chunk-EV4OEANA.js';import {a as a$5}from'../../../chunks/chunk-LSZZVJ6B.js';var i=class i extends a{constructor(){super();this._currentMode="back";this._ariaLabel="Cycle through available cameras";this._useCustomImages=false;let e=this.attachShadow({mode:"open"});e.innerHTML=a$1`<div><slot></slot></div>`,e.append(i.createStyleElement().cloneNode(true));}get frontIcon(){var e;return (e=this.querySelector(a$2.tag))!=null?e:void 0}get backIcon(){var e;return (e=this.querySelector(a$3.tag))!=null?e:void 0}static create(){return document.createElement(i.tag)}static register(){a$4({[i.tag]:i});}static createStyleElement(){return a$5`:host{align-items:center;display:inline-flex;justify-content:center;--button-size:36px;--camera-switch-idle:none;--camera-switch-pressed:none;border:none;cursor:pointer;height:var(--button-size);margin:0;outline:none;padding:0;width:var(--button-size);-webkit-tap-highlight-color:transparent;background-color:#4242428c;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;opacity:1;transform-origin:center;transition:outline .2s ease-in-out,transform .1s ease-in-out}:host([hidden]){display:none!important}:host([data-pressed=true]){transform:scale(.95)}:host([data-pressed=false]){transform:scale(1)}:host(:focus-visible){outline:2px solid #06c;outline-offset:2px}:host([data-use-custom-images=true]) ::slotted(*){display:none!important}:host([data-use-custom-images=true]){background-image:var(--camera-switch-idle)}:host([data-use-custom-images=true][data-pressed=true]){background-image:var(--camera-switch-pressed)}`}connectedCallback(){this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.setupButtonWithSvgIcons(),this._gestureRecognizer||(this._gestureRecognizer=new a$6(this),this._gestureRecognizer.addListener(this)),this.setAttribute("aria-label",this._ariaLabel);}setupButtonWithSvgIcons(){a$2.register(),a$3.register();let e=a$7.fromHex("#FFFFFF");if(!this.frontIcon){let t=a$2.create();t.fill=`#${e.toJSON()}`,t.size=24,t.style.display="flex",this.appendChild(t);}if(!this.backIcon){let t=a$3.create();t.fill=`#${e.toJSON()}`,t.size=24,t.style.display="none",this.appendChild(t);}}disconnectedCallback(){this._gestureRecognizer&&(this._gestureRecognizer.removeAllListeners(),this._gestureRecognizer=void 0);}set mode(e){e!=="front"&&e!=="back"||(this._currentMode=e,this.updateIconVisibility());}get mode(){return this._currentMode}get ariaLabel(){return this._ariaLabel}set ariaLabel(e){this._ariaLabel=e,this.setAttribute("aria-label",e);}set useCustomImages(e){this._useCustomImages=e,e?this.setAttribute("data-use-custom-images","true"):this.removeAttribute("data-use-custom-images");}setCustomImages(e){let t=this.style,h=e.idle?`url(${JSON.stringify(e.idle)})`:"none",m=e.pressed?`url(${JSON.stringify(e.pressed)})`:"none";t.setProperty("--camera-switch-idle",h),t.setProperty("--camera-switch-pressed",m),this.useCustomImages=true;}updateIconVisibility(){let e=this.frontIcon,t=this.backIcon;!e||!t||(this._currentMode==="back"?(e.style.display="none",t.style.display="flex"):(e.style.display="flex",t.style.display="none"));}onTap(){this.dispatchEvent(new b({currentMode:this._currentMode}));}onPress(){this.setAttribute("data-pressed","true");}onRelease(){this.setAttribute("data-pressed","false");}};i.tag="scandit-camera-switch-button";var p=i;export{p as CameraSwitchButton};
+import{Color as e}from"../../../commons/Color.js";import{defineCustomElements as t}from"../../utils/defineCustomElements.js";import{css as n}from"../../utils/css.js";import{html as r}from"../../utils/html.js";import{ScanditHTMLElement as i}from"../../utils/ScanditHTMLElement.js";import{GestureRecognizer as a}from"../../GestureRecognizer/GestureRecognizer.js";import{CameraSwitchReverseSvgIcon as o}from"../atoms/CameraSwitchReverseSvgIcon.js";import{CameraSwitchSvgIcon as s}from"../atoms/CameraSwitchSvgIcon.js";import{CameraSwitchedEvent as c}from"./ButtonEvents.js";var l=class l extends i{get frontIcon(){return this.querySelector(s.tag)??void 0}get backIcon(){return this.querySelector(o.tag)??void 0}constructor(){super(),this._currentMode=`back`,this._ariaLabel=`Cycle through available cameras`,this._useCustomImages=!1;let e=this.attachShadow({mode:`open`});e.innerHTML=r`<div><slot></slot></div>`,e.append(l.createStyleElement().cloneNode(!0))}static create(){return document.createElement(l.tag)}static register(){t({[l.tag]:l})}static createStyleElement(){return n`:host{align-items:center;display:inline-flex;justify-content:center;--button-size:36px;--camera-switch-idle:none;--camera-switch-pressed:none;border:none;cursor:pointer;height:var(--button-size);margin:0;outline:none;padding:0;width:var(--button-size);-webkit-tap-highlight-color:transparent;background-color:#4242428c;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:50%;opacity:1;transform-origin:center;transition:outline .2s ease-in-out,transform .1s ease-in-out}:host([hidden]){display:none!important}:host([data-pressed=true]){transform:scale(.95)}:host([data-pressed=false]){transform:scale(1)}:host(:focus-visible){outline:2px solid #06c;outline-offset:2px}:host([data-use-custom-images=true]) ::slotted(*){display:none!important}:host([data-use-custom-images=true]){background-image:var(--camera-switch-idle)}:host([data-use-custom-images=true][data-pressed=true]){background-image:var(--camera-switch-pressed)}`}connectedCallback(){this.hasAttribute(`role`)||this.setAttribute(`role`,`button`),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`),this.setupButtonWithSvgIcons(),this._gestureRecognizer||(this._gestureRecognizer=new a(this),this._gestureRecognizer.addListener(this)),this.setAttribute(`aria-label`,this._ariaLabel)}setupButtonWithSvgIcons(){s.register(),o.register();let t=e.fromHex(`#FFFFFF`);if(!this.frontIcon){let e=s.create();e.fill=`#${t.toJSON()}`,e.size=24,e.style.display=`flex`,this.appendChild(e)}if(!this.backIcon){let e=o.create();e.fill=`#${t.toJSON()}`,e.size=24,e.style.display=`none`,this.appendChild(e)}}disconnectedCallback(){this._gestureRecognizer&&=(this._gestureRecognizer.removeAllListeners(),void 0)}set mode(e){e!==`front`&&e!==`back`||(this._currentMode=e,this.updateIconVisibility())}get mode(){return this._currentMode}get ariaLabel(){return this._ariaLabel}set ariaLabel(e){this._ariaLabel=e,this.setAttribute(`aria-label`,e)}set useCustomImages(e){this._useCustomImages=e,e?this.setAttribute(`data-use-custom-images`,`true`):this.removeAttribute(`data-use-custom-images`)}setCustomImages(e){let t=this.style,n=e.idle?`url(${JSON.stringify(e.idle)})`:`none`,r=e.pressed?`url(${JSON.stringify(e.pressed)})`:`none`;t.setProperty(`--camera-switch-idle`,n),t.setProperty(`--camera-switch-pressed`,r),this.useCustomImages=!0}updateIconVisibility(){let e=this.frontIcon,t=this.backIcon;!e||!t||(this._currentMode===`back`?(e.style.display=`none`,t.style.display=`flex`):(e.style.display=`flex`,t.style.display=`none`))}onTap(){this.dispatchEvent(new c({currentMode:this._currentMode}))}onPress(){this.setAttribute(`data-pressed`,`true`)}onRelease(){this.setAttribute(`data-pressed`,`false`)}};l.tag=`scandit-camera-switch-button`;export{l as CameraSwitchButton};

package/build/js/private/ui/molecules/ControlsLayout.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="emscripten" />
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
 
+//#region src/main/private/ui/molecules/ControlsLayout.d.ts
 /**
  * Layout container for view controls positioned using the Anchor enum.
  * Supports 9 positions: top-left, top-center, top-right, center-left, center, center-right, bottom-left, bottom-center, bottom-right.
  * Controls are positioned via slot attribute corresponding to their anchor position.
  */
 declare class ControlsLayout extends ScanditHTMLElement {
-    static tag: "scandit-controls-layout";
-    constructor();
-    static create(): ControlsLayout;
-    static register(): void;
-    private static createStyleElement;
+  static tag: "scandit-controls-layout";
+  constructor();
+  static create(): ControlsLayout;
+  static register(): void;
+  private static createStyleElement;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [ControlsLayout.tag]: ControlsLayout;
-    }
+  interface HTMLElementTagNameMap {
+    [ControlsLayout.tag]: ControlsLayout;
+  }
 }
-
-export { ControlsLayout };
+//#endregion
+export { ControlsLayout };

package/build/js/private/ui/molecules/ControlsLayout.js

@@ -1 +1 @@
-export{a as ControlsLayout}from'../../../chunks/chunk-U7ETOWGJ.js';
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{css as t}from"../../utils/css.js";import{html as n}from"../../utils/html.js";import{ScanditHTMLElement as r}from"../../utils/ScanditHTMLElement.js";var i=class i extends r{constructor(){super();let e=this.attachShadow({mode:`open`});e.innerHTML=n`<div class="controls-grid"><div class="top-left"><slot name="topLeft"></slot></div><div class="top-center"><slot name="topCenter"></slot></div><div class="top-right"><slot name="topRight"></slot></div><div class="center-left"><slot name="centerLeft"></slot></div><div class="center"><slot name="center"></slot></div><div class="center-right"><slot name="centerRight"></slot></div><div class="bottom-left"><slot name="bottomLeft"></slot></div><div class="bottom-center"><slot name="bottomCenter"></slot></div><div class="bottom-right"><slot name="bottomRight"></slot></div><slot></slot></div>`,e.append(i.createStyleElement().cloneNode(!0))}static create(){return document.createElement(i.tag)}static register(){e({[i.tag]:i})}static createStyleElement(){return t`:host{height:100%;inset:0;pointer-events:none;position:absolute;width:100%}.controls-grid{box-sizing:border-box;display:grid;gap:0;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;height:100%;inset:0;padding:0;position:relative;width:100%}.top-left{grid-column:1;justify-self:start;padding:24px 0 0 16px}.top-center,.top-left{align-self:start;display:flex;flex-direction:column;gap:16px;grid-row:1;pointer-events:auto}.top-center{grid-column:2;justify-self:center;padding:24px 0 0}.top-right{align-self:start;display:flex;flex-direction:column;gap:16px;grid-column:3;grid-row:1;justify-self:end;padding:24px 16px 0 0;pointer-events:auto}.center-left{grid-column:1;justify-self:start;padding:0 0 0 16px}.center,.center-left{align-self:center;display:flex;flex-direction:column;gap:16px;grid-row:2;pointer-events:auto}.center{grid-column:2;justify-self:center;padding:0}.center-right{align-self:center;display:flex;flex-direction:column;gap:16px;grid-column:3;grid-row:2;justify-self:end;padding:0 16px 0 0;pointer-events:auto}.bottom-left{grid-column:1;justify-self:start;padding:0 0 24px 16px}.bottom-center,.bottom-left{align-self:end;display:flex;flex-direction:column-reverse;gap:16px;grid-row:3;pointer-events:auto}.bottom-center{grid-column:2;justify-self:center;padding:0 0 24px}.bottom-right{align-self:end;display:flex;flex-direction:column-reverse;gap:16px;grid-column:3;grid-row:3;justify-self:end;padding:0 24px 24px 0;pointer-events:auto}`}};i.tag=`scandit-controls-layout`;export{i as ControlsLayout};

package/build/js/private/ui/molecules/HintPresenter.d.ts

@@ -1,39 +1,2 @@
-/// <reference types="emscripten" />
-import '../../../ScanditIcon.js';
-import '../../utils/ScanditHTMLElement.js';
-import '../../../commons/Rect.js';
-export { H as HintPresenter, bt as HintPresenterEvents } from '../../../DataCaptureContext-Qg40v7QA.js';
-import '../../../commons/Color.js';
-import '../../Serializable.js';
-import '../../../commons/Point.js';
-import '../../../commons/Size.js';
-import '../../../Camera-HgH6fwnW.js';
-import '../../privateAccess.js';
-import '../../../DataCaptureContextSettings.js';
-import '../../../commons/JSONType.js';
-import '../../../DataCaptureViewPlusRelated-BOrDBPHq.js';
-import '../../../NotificationPresenter/NotificationPresenter.js';
-import '../../../NotificationPresenter/NotificationConfiguration.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 { E as HintPresenterEvents, T as HintPresenter } from "../../../DataCaptureContext-CYDrBO6_.js";
+export { HintPresenter, HintPresenterEvents };

package/build/js/private/ui/molecules/HintPresenter.js

@@ -1 +1 @@
-export{b as HintPresenter,a as HintPresenterEvents}from'../../../chunks/chunk-6AZW5IIG.js';
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{css as t}from"../../utils/css.js";import{html as n}from"../../utils/html.js";import{ScanditHTMLElement as r}from"../../utils/ScanditHTMLElement.js";import{domIdFromValues as i}from"../../utils/domIdFromValues.js";import"../../../worker/dataCaptureWorkerRelated.js";import{ArrowsUp as a}from"../atoms/ArrowsUp.js";import{Toast as o}from"../atoms/Toast.js";const s=`--view-finder-top`,c=`--view-finder-bottom`,l=`--hint-anchor-offset`,u=`--max-width-fraction`,d=`--horizontal-margin`,f=`--max-width-ratio-adjust`;let p=function(e){return e.Update=`hintpresenterupdate`,e.ViewFinderUpdateRequested=`hintpresenterviewfinderupdaterequested`,e}({});function m(e,t=100){return typeof e==`string`?e.slice(0,t):``}var h=class p extends r{constructor(){super(),this.onDidToastHideHandler=this.onDidToastHide.bind(this);let e=this.attachShadow({mode:`open`});e.innerHTML=n`<div id="root"><slot></slot></div>`,e.append(p.createStyleElement().cloneNode(!0)),this.root=e.querySelector(`#root`)}static createStyleElement(){return t`:host{pointer-events:none}:host #root{inset:0;position:absolute;width:100%;${s}:0;${c}:0;${f}:1;z-index:1}::slotted(${o.tag}){left:50%;max-width:calc(var(${u})*var(${f})*100% - var(${d}));position:absolute;transform:translate(-50%);width:100%}::slotted(${o.tag}.${`aboveViewFinder`}){transform:translate(-50%,calc(-100% + var(${s}) - var(${l})))}::slotted(${o.tag}.${`belowViewFinder`}){transform:translate(-50%,calc(var(${c}) + var(${l})))}::slotted(${o.tag}.${`top`}){top:calc(var(${l}))}::slotted(${o.tag}.${`center`}){top:50%;transform:translate(-50%,-50%)}::slotted(${o.tag}.fitToText){width:fit-content}`}static register(){e({[p.tag]:p})}static create(){return p.register(),document.createElement(p.tag)}connectedCallback(){this.addEventListener(`didhide`,this.onDidToastHideHandler),this._viewFinderRect??(this.root.style.setProperty(s,`${this.root.clientHeight/2}px`),this.root.style.setProperty(c,`${this.root.clientHeight/2+1}px`))}disconnectedCallback(){this.removeEventListener(`didhide`,this.onDidToastHideHandler)}setViewFinderRect(e){if(e===null){this.root.style.removeProperty(s),this.root.style.removeProperty(c);return}this._viewFinderRect=e;let{origin:{y:t},size:{height:n}}=this._viewFinderRect;this.root.style.setProperty(s,`${t}px`),this.root.style.setProperty(c,`${t+n}px`)}async handleMessage(e){let{type:t}=e;switch(t){case`showToast`:await this.showToast(e.payload);break;case`hideToast`:await this.hideToast(e.payload);break;case`showGuidance`:await this.showGuidance(e.payload);break;case`hideGuidance`:await this.hideGuidance(e.payload);break;case`startUpdateTimer`:this.startUpdateTimer(e.payload.duration.value);break;case`stopUpdateTimer`:this.stopUpdateTimer();break;default:break}}setHintStyleToToast(e,t){e.textContent=t.text,e.hintStyle=t.hintStyle,e.className=``,e.style.setProperty(l,`${e.hintStyle.hintAnchorOffset/16}rem`),e.style.setProperty(u,t.hintStyle.maxWidthFraction.toString()),e.style.setProperty(d,`${t.hintStyle.horizontalMargin/16}rem`),e.classList.add(t.hintStyle.hintAnchor),e.classList.toggle(`fitToText`,t.hintStyle.fitToText)}onDidToastHide(e){e.stopPropagation(),e.detail.target.remove()}getToastElementFromIdOrTag({id:e,tag:t}){return this.querySelector(`[data-id="${e}"]`)??this.querySelector(`[data-tag="${t}"]`)}async showToast(e){this.ensureViewFinderRectIsSet();let t=this.idFromHint(e),n=this.getToastElementFromIdOrTag({id:t,tag:e.tag??``});if(n||(n=o.create(),n.dataset.id=t,e.tag!==``&&(n.dataset.tag=e.tag),this.append(n)),this.setHintStyleToToast(n,e),e.tag===`MoveCloserGuidance`){let e=a.create();e.setAttribute(`slot`,`first-child`),n.append(e),n.setAttribute(`direction`,`column`)}return n.show()}showToastWithCustomIcon(e,t){let n=this.idFromHint(e),r=this.getToastElementFromIdOrTag({id:n,tag:e.tag??``});return r||(r=o.create(),r.dataset.id=n,e.tag!==``&&(r.dataset.tag=e.tag),this.append(r)),r.customIcon=t,this.setHintStyleToToast(r,e),r.show()}async hideToast(e){let t=this.getToastElementFromIdOrTag({id:this.idFromHint(e),tag:e.tag??``});return t==null?void 0:t.hide()}async showGuidance(e){return this.showToast(e)}async hideGuidance(e){return this.hideToast(e)}startUpdateTimer(e){this.intervalId=setInterval(()=>{this.dispatchEvent(new CustomEvent(`hintpresenterupdate`))},e)}stopUpdateTimer(){clearInterval(this.intervalId)}ensureViewFinderRectIsSet(){(this._viewFinderRect==null||this._viewFinderRect.origin.x===0&&this._viewFinderRect.origin.y===0)&&this.dispatchEvent(new CustomEvent(`hintpresenterviewfinderupdaterequested`))}idFromHint(e){return i([e.hintStyle.textColor,e.hintStyle.backgroundColor,e.hintStyle.hintAnchor,e.tag??``,m(e.text,30),e.hintStyle.textAlignment],`hint`)}};h.tag=`scandit-hints`;export{h as HintPresenter,p as HintPresenterEvents};

package/build/js/private/ui/molecules/LoadingOverlay.d.ts

@@ -1,26 +1,26 @@
-/// <reference types="emscripten" />
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
 
+//#region src/main/private/ui/molecules/LoadingOverlay.d.ts
 declare const tag: "scandit-loading-overlay";
 declare class LoadingOverlay extends ScanditHTMLElement {
-    static readonly tag: "scandit-loading-overlay";
-    private _progressBar;
-    private _label;
-    constructor();
-    set progress(value: number | null);
-    set message(message: string);
-    get message(): string;
-    static create(): LoadingOverlay;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): void;
-    show(): void;
-    hide(): void;
+  static readonly tag: "scandit-loading-overlay";
+  private _progressBar;
+  private _label;
+  constructor();
+  set progress(value: number | null);
+  set message(message: string);
+  get message(): string;
+  static create(): LoadingOverlay;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): void;
+  show(): void;
+  hide(): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [tag]: LoadingOverlay;
-    }
+  interface HTMLElementTagNameMap {
+    [tag]: LoadingOverlay;
+  }
 }
-
-export { LoadingOverlay };
+//#endregion
+export { LoadingOverlay };

package/build/js/private/ui/molecules/LoadingOverlay.js

@@ -1 +1 @@
-export{a as LoadingOverlay}from'../../../chunks/chunk-DGIQ3GF7.js';
+import{Localization as e}from"../../../Localization.js";import{defineCustomElements as t}from"../../utils/defineCustomElements.js";import{css as n}from"../../utils/css.js";import{html as r}from"../../utils/html.js";import{ScanditHTMLElement as i}from"../../utils/ScanditHTMLElement.js";import{ProgressBar as a}from"../atoms/ProgressBar.js";const o=`scandit-loading-overlay`;var s=class s extends i{constructor(){super(),this._progressBar=null,this._label=null;let e=this.attachShadow({mode:`open`});e.innerHTML=r`<div class="loading-overlay"><label for="scandit-progress" class="message">Loading...</label><scandit-progress-bar id="scandit-progress" min="0" max="100"></scandit-progress-bar></div>`,e.append(s.createStyleElement().cloneNode(!0))}set progress(e){this._progressBar&&(this._progressBar.value=e)}set message(e){this._label&&(this._label.textContent=e)}get message(){var e;return((e=this._label)==null?void 0:e.textContent)??``}static create(){return s.register(),document.createElement(s.tag)}static register(){t({[o]:s,[a.tag]:a})}static createStyleElement(){return n`@media (prefers-color-scheme:dark){.loading-overlay{--foreground-color:#fff;--background-color:#000000e6}}@media (prefers-color-scheme:light){.loading-overlay{--foreground-color:#000;--background-color:#ffffffe6}}${a.tag}{max-width:15rem}.loading-overlay{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;width:100%;z-index:1}:host([hidden]){display:none}.loading-overlay .message{color:var(--foreground-color);font-family:Open Sans,sans-serif;margin-bottom:1rem;text-align:center}`}connectedCallback(){var t,n;this._progressBar=(t=this.shadowRoot)==null?void 0:t.querySelector(a.tag),this._label=(n=this.shadowRoot)==null?void 0:n.querySelector(`label`),this.message=e.getInstance().get(`core.view.loading`)}show(){this.removeAttribute(`hidden`)}hide(){this.setAttribute(`hidden`,``)}};s.tag=o;export{s as LoadingOverlay};

package/build/js/private/ui/molecules/TorchSwitchIconButton.d.ts

@@ -1,67 +1,61 @@
-/// <reference types="emscripten" />
-import { T as TorchState } from '../../../Camera-HgH6fwnW.js';
-import { GestureRecognizerListener } from '../../GestureRecognizer/GestureRecognizer.js';
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
-import '../../../commons/Rect.js';
-import '../../Serializable.js';
-import '../../../commons/Point.js';
-import '../../../commons/Size.js';
-import '../../privateAccess.js';
-import '../../EventManager.js';
+import { g as TorchState } from "../../../Camera-C7TNwqRo.js";
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
+import { GestureRecognizerListener } from "../../GestureRecognizer/GestureRecognizer.js";
 
+//#region src/main/private/ui/molecules/TorchSwitchIconButton.d.ts
 interface TorchSwitchIconButtonCustomImages {
-    on: {
-        idle: string | null;
-        pressed: string | null;
-    };
-    off: {
-        idle: string | null;
-        pressed: string | null;
-    };
+  on: {
+    idle: string | null;
+    pressed: string | null;
+  };
+  off: {
+    idle: string | null;
+    pressed: string | null;
+  };
 }
 declare class TorchSwitchIconButton extends ScanditHTMLElement implements GestureRecognizerListener {
-    static readonly tag: "scandit-torch-switch-icon-button";
-    static readonly observedAttributes: string[];
-    private _size;
-    private _shadow;
-    private _gestureRecognizer;
-    private _ariaLabel;
-    private _useCustomImages;
-    private get onIcon();
-    private get offIcon();
-    constructor();
-    set size(size: number);
-    get size(): number;
-    set shadow(shadow: boolean);
-    get shadow(): boolean;
-    get state(): TorchState;
-    set state(value: TorchState);
-    get ariaLabel(): string;
-    set ariaLabel(label: string);
-    /**
-     * Set whether to use custom images instead of SVG icons
-     */
-    set useCustomImages(value: boolean);
-    /**
-     * Set custom image URLs as CSS variables
-     * @param customImages Object containing on and off images with idle and pressed states
-     */
-    setCustomImages(customImages: TorchSwitchIconButtonCustomImages): void;
-    static create(): TorchSwitchIconButton;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
-    render(newState: TorchState): void;
-    disconnectedCallback(): void;
-    onTap(): void;
-    onPress(): void;
-    onRelease(): void;
+  static readonly tag: "scandit-torch-switch-icon-button";
+  static readonly observedAttributes: string[];
+  private _size;
+  private _shadow;
+  private _gestureRecognizer;
+  private _ariaLabel;
+  private _useCustomImages;
+  private get onIcon();
+  private get offIcon();
+  constructor();
+  set size(size: number);
+  get size(): number;
+  set shadow(shadow: boolean);
+  get shadow(): boolean;
+  get state(): TorchState;
+  set state(value: TorchState);
+  get ariaLabel(): string;
+  set ariaLabel(label: string);
+  /**
+   * Set whether to use custom images instead of SVG icons
+   */
+  set useCustomImages(value: boolean);
+  /**
+   * Set custom image URLs as CSS variables
+   * @param customImages Object containing on and off images with idle and pressed states
+   */
+  setCustomImages(customImages: TorchSwitchIconButtonCustomImages): void;
+  static create(): TorchSwitchIconButton;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): void;
+  attributeChangedCallback(name: string, _oldValue: string, newValue: string): void;
+  render(newState: TorchState): void;
+  disconnectedCallback(): void;
+  onTap(): void;
+  onPress(): void;
+  onRelease(): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [TorchSwitchIconButton.tag]: TorchSwitchIconButton;
-    }
+  interface HTMLElementTagNameMap {
+    [TorchSwitchIconButton.tag]: TorchSwitchIconButton;
+  }
 }
-
-export { TorchSwitchIconButton, type TorchSwitchIconButtonCustomImages };
+//#endregion
+export { TorchSwitchIconButton, TorchSwitchIconButtonCustomImages };

package/build/js/private/ui/molecules/TorchSwitchIconButton.js

@@ -1 +1 @@
-import {a as a$3}from'../../../chunks/chunk-YE2GYNRP.js';import {a as a$2}from'../../../chunks/chunk-7OFC24NE.js';import {c}from'../../../chunks/chunk-NIKRAADM.js';import {a as a$7}from'../../../chunks/chunk-U4IMOTYL.js';import {a as a$6}from'../../../chunks/chunk-SGL5J2CI.js';import {a as a$1}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$4}from'../../../chunks/chunk-3A4KLILV.js';import {a}from'../../../chunks/chunk-EV4OEANA.js';import {a as a$5}from'../../../chunks/chunk-LSZZVJ6B.js';var o=class o extends a{constructor(){super();this._size=24;this._shadow=false;this._ariaLabel="Turn on flashlight";this._useCustomImages=false;let t=this.attachShadow({mode:"open"});t.innerHTML=a$1`<div><slot></slot></div>`,t.append(o.createStyleElement().cloneNode(true));}get onIcon(){var t;return (t=this.querySelector(a$2.tag))!=null?t:void 0}get offIcon(){var t;return (t=this.querySelector(a$3.tag))!=null?t:void 0}set size(t){this._size=t;let e=this.onIcon,s=this.offIcon;e&&(e.size=this._size),s&&(s.size=this._size);}get size(){return this._size}set shadow(t){this._shadow=t;let e=this.onIcon,s=this.offIcon;e&&e.toggleAttribute("shadow",this._shadow),s&&s.toggleAttribute("shadow",this._shadow);}get shadow(){return this._shadow}get state(){var t;return (t=this.getAttribute("state"))!=null?t:"off"}set state(t){this.setAttribute("state",t);let e=t==="on";this.setAttribute("aria-pressed",e?"true":"false"),this.setAttribute("aria-label",`Turn ${e?"off":"on"} flashlight`);}get ariaLabel(){return this._ariaLabel}set ariaLabel(t){this._ariaLabel=t,this.setAttribute("aria-label",t);}set useCustomImages(t){this._useCustomImages=t,t?this.setAttribute("data-use-custom-images","true"):this.removeAttribute("data-use-custom-images");}setCustomImages(t){let e=this.style,s=t.on.idle?`url(${JSON.stringify(t.on.idle)})`:"none",i=t.on.pressed?`url(${JSON.stringify(t.on.pressed)})`:"none",g=t.off.idle?`url(${JSON.stringify(t.off.idle)})`:"none",b=t.off.pressed?`url(${JSON.stringify(t.off.pressed)})`:"none";e.setProperty("--torch-on-idle",s),e.setProperty("--torch-on-pressed",i),e.setProperty("--torch-off-idle",g),e.setProperty("--torch-off-pressed",b),this.useCustomImages=true;}static create(){return document.createElement(o.tag)}static register(){a$4({[o.tag]:o});}static createStyleElement(){return a$5`:host{align-items:center;display:inline-flex;justify-content:center;--button-size:36px;--torch-on-idle:none;--torch-on-pressed:none;--torch-off-idle:none;--torch-off-pressed:none;background-color:#4242428c;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;cursor:pointer;height:var(--button-size);margin:0;opacity:1;outline:none;padding:0;width:var(--button-size);-webkit-tap-highlight-color:transparent;transform-origin:center;transition:outline .2s ease-in-out,opacity .2s ease-in-out,transform .1s ease-in-out}:host([hidden]){display:none!important}:host([state=off]){opacity:.5}:host([data-pressed=true]){transform:scale(.95)}:host([data-pressed=false]){transform:scale(1)}:host(:focus-visible){outline:2px solid #06c;outline-offset:2px}:host([data-use-custom-images=true]) ::slotted(*){display:none!important}:host([data-use-custom-images=true][state=on]){background-image:var(--torch-on-idle)}:host([data-use-custom-images=true][state=on][data-pressed=true]){background-image:var(--torch-on-pressed)}:host([data-use-custom-images=true][state=off]){background-image:var(--torch-off-idle)}:host([data-use-custom-images=true][state=off][data-pressed=true]){background-image:var(--torch-off-pressed)}`}connectedCallback(){if(this.hasAttribute("role")||this.setAttribute("role","button"),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),a$2.register(),a$3.register(),!this.onIcon||!this.offIcon){let e=a$6.fromHex("#FFFFFF"),s=a$2.create(),i=a$3.create();s.toggleAttribute("shadow",this._shadow),i.toggleAttribute("shadow",this._shadow),s.size=this._size,i.size=this._size,i.fill=`#${e.toJSON()}`,s.fill=`#${e.toJSON()}`,this.appendChild(s),this.appendChild(i);}let t="off";(this.getAttribute("state")==="on"||this.getAttribute("state")==="off")&&(t=this.getAttribute("state")),this.state=t,this._gestureRecognizer||(this._gestureRecognizer=new a$7(this),this._gestureRecognizer.addListener(this));}attributeChangedCallback(t,e,s){t==="state"&&this.render(s);}render(t){let e=this.onIcon,s=this.offIcon;t==="on"?(s!=null&&(s.style.display="none"),e!=null&&(e.style.display="flex")):(e!=null&&(e.style.display="none"),s!=null&&(s.style.display="flex"));}disconnectedCallback(){this._gestureRecognizer&&(this._gestureRecognizer.removeAllListeners(),this._gestureRecognizer=void 0);}onTap(){this.dispatchEvent(new c({currentState:this.state}));}onPress(){this.setAttribute("data-pressed","true");}onRelease(){this.setAttribute("data-pressed","false");}};o.tag="scandit-torch-switch-icon-button",o.observedAttributes=["state"];var p=o;export{p as TorchSwitchIconButton};
+import{Color as e}from"../../../commons/Color.js";import"../../../CameraRelated.js";import{defineCustomElements as t}from"../../utils/defineCustomElements.js";import{css as n}from"../../utils/css.js";import{html as r}from"../../utils/html.js";import{ScanditHTMLElement as i}from"../../utils/ScanditHTMLElement.js";import{GestureRecognizer as a}from"../../GestureRecognizer/GestureRecognizer.js";import{TorchOffSvgIcon as o}from"../atoms/TorchOffSvgIcon.js";import{TorchOnSvgIcon as s}from"../atoms/TorchOnSvgIcon.js";import{TorchToggledEvent as c}from"./ButtonEvents.js";var l=class l extends i{get onIcon(){return this.querySelector(s.tag)??void 0}get offIcon(){return this.querySelector(o.tag)??void 0}constructor(){super(),this._size=24,this._shadow=!1,this._ariaLabel=`Turn on flashlight`,this._useCustomImages=!1;let e=this.attachShadow({mode:`open`});e.innerHTML=r`<div><slot></slot></div>`,e.append(l.createStyleElement().cloneNode(!0))}set size(e){this._size=e;let t=this.onIcon,n=this.offIcon;t&&(t.size=this._size),n&&(n.size=this._size)}get size(){return this._size}set shadow(e){this._shadow=e;let t=this.onIcon,n=this.offIcon;t&&t.toggleAttribute(`shadow`,this._shadow),n&&n.toggleAttribute(`shadow`,this._shadow)}get shadow(){return this._shadow}get state(){return this.getAttribute(`state`)??`off`}set state(e){this.setAttribute(`state`,e);let t=e===`on`;this.setAttribute(`aria-pressed`,t?`true`:`false`),this.setAttribute(`aria-label`,`Turn ${t?`off`:`on`} flashlight`)}get ariaLabel(){return this._ariaLabel}set ariaLabel(e){this._ariaLabel=e,this.setAttribute(`aria-label`,e)}set useCustomImages(e){this._useCustomImages=e,e?this.setAttribute(`data-use-custom-images`,`true`):this.removeAttribute(`data-use-custom-images`)}setCustomImages(e){let t=this.style,n=e.on.idle?`url(${JSON.stringify(e.on.idle)})`:`none`,r=e.on.pressed?`url(${JSON.stringify(e.on.pressed)})`:`none`,i=e.off.idle?`url(${JSON.stringify(e.off.idle)})`:`none`,a=e.off.pressed?`url(${JSON.stringify(e.off.pressed)})`:`none`;t.setProperty(`--torch-on-idle`,n),t.setProperty(`--torch-on-pressed`,r),t.setProperty(`--torch-off-idle`,i),t.setProperty(`--torch-off-pressed`,a),this.useCustomImages=!0}static create(){return document.createElement(l.tag)}static register(){t({[l.tag]:l})}static createStyleElement(){return n`:host{align-items:center;display:inline-flex;justify-content:center;--button-size:36px;--torch-on-idle:none;--torch-on-pressed:none;--torch-off-idle:none;--torch-off-pressed:none;background-color:#4242428c;background-position:50%;background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;cursor:pointer;height:var(--button-size);margin:0;opacity:1;outline:none;padding:0;width:var(--button-size);-webkit-tap-highlight-color:transparent;transform-origin:center;transition:outline .2s ease-in-out,opacity .2s ease-in-out,transform .1s ease-in-out}:host([hidden]){display:none!important}:host([state=off]){opacity:.5}:host([data-pressed=true]){transform:scale(.95)}:host([data-pressed=false]){transform:scale(1)}:host(:focus-visible){outline:2px solid #06c;outline-offset:2px}:host([data-use-custom-images=true]) ::slotted(*){display:none!important}:host([data-use-custom-images=true][state=on]){background-image:var(--torch-on-idle)}:host([data-use-custom-images=true][state=on][data-pressed=true]){background-image:var(--torch-on-pressed)}:host([data-use-custom-images=true][state=off]){background-image:var(--torch-off-idle)}:host([data-use-custom-images=true][state=off][data-pressed=true]){background-image:var(--torch-off-pressed)}`}connectedCallback(){if(this.hasAttribute(`role`)||this.setAttribute(`role`,`button`),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`),s.register(),o.register(),!this.onIcon||!this.offIcon){let t=e.fromHex(`#FFFFFF`),n=s.create(),r=o.create();n.toggleAttribute(`shadow`,this._shadow),r.toggleAttribute(`shadow`,this._shadow),n.size=this._size,r.size=this._size,r.fill=`#${t.toJSON()}`,n.fill=`#${t.toJSON()}`,this.appendChild(n),this.appendChild(r)}let t=`off`;(this.getAttribute(`state`)===`on`||this.getAttribute(`state`)===`off`)&&(t=this.getAttribute(`state`)),this.state=t,this._gestureRecognizer||(this._gestureRecognizer=new a(this),this._gestureRecognizer.addListener(this))}attributeChangedCallback(e,t,n){e===`state`&&this.render(n)}render(e){let t=this.onIcon,n=this.offIcon;e===`on`?(n!=null&&(n.style.display=`none`),t!=null&&(t.style.display=`flex`)):(t!=null&&(t.style.display=`none`),n!=null&&(n.style.display=`flex`))}disconnectedCallback(){this._gestureRecognizer&&=(this._gestureRecognizer.removeAllListeners(),void 0)}onTap(){this.dispatchEvent(new c({currentState:this.state}))}onPress(){this.setAttribute(`data-pressed`,`true`)}onRelease(){this.setAttribute(`data-pressed`,`false`)}};l.tag=`scandit-torch-switch-icon-button`,l.observedAttributes=[`state`];export{l as TorchSwitchIconButton};

package/build/js/private/ui/molecules/ZoomSwitchPill.d.ts

@@ -1,70 +1,67 @@
-/// <reference types="emscripten" />
-import { GestureRecognizerListener } from '../../GestureRecognizer/GestureRecognizer.js';
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
-import '../../EventManager.js';
-import '../../../commons/Point.js';
-import '../../Serializable.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
+import { GestureRecognizerListener } from "../../GestureRecognizer/GestureRecognizer.js";
 
+//#region src/main/private/ui/molecules/ZoomSwitchPill.d.ts
 declare class ZoomSwitchPill extends ScanditHTMLElement implements GestureRecognizerListener {
-    static readonly tag: "scandit-zoom-switch-pill";
-    private _zoomLevels;
-    private _selectedLevel;
-    private _temporaryLevel;
-    private _orientation;
-    private _isAlwaysExpanded;
-    private _expanded;
-    private _loading;
-    private _gestureRecognizer;
-    private _lastPointerTarget;
-    private pointerDownListener;
-    private pointerDownListenerOptions;
-    private keyDownListener;
-    constructor();
-    private get pill();
-    private get isEffectivelyExpanded();
-    get zoomLevels(): number[];
-    set zoomLevels(levels: number[]);
-    get selectedLevel(): number;
-    set selectedLevel(level: number);
-    get temporaryLevel(): number | null;
-    set temporaryLevel(level: number | null);
-    get orientation(): "horizontal" | "vertical";
-    set orientation(value: "horizontal" | "vertical");
-    get isAlwaysExpanded(): boolean;
-    set isAlwaysExpanded(value: boolean);
-    get expanded(): boolean;
-    set expanded(value: boolean);
-    get loading(): boolean;
-    set loading(value: boolean);
-    static create(): ZoomSwitchPill;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private readonly handlerFromTapAction;
-    onTap(): void;
-    private resolveTapAction;
-    onPress(): void;
-    onRelease(): void;
-    private readonly actionFromKey;
-    private readonly handlerFromAction;
-    private handleKeyDown;
-    private handleActivate;
-    private expand;
-    private collapse;
-    private selectLevel;
-    private selectAdjacentLevel;
-    private getOrderedLevels;
-    private formatZoomLevel;
-    private renderLevels;
-    private updateSelectedState;
-    private updateExpandedState;
-    private onPointerDown;
+  static readonly tag: "scandit-zoom-switch-pill";
+  private _zoomLevels;
+  private _selectedLevel;
+  private _temporaryLevel;
+  private _orientation;
+  private _isAlwaysExpanded;
+  private _expanded;
+  private _loading;
+  private _gestureRecognizer;
+  private _lastPointerTarget;
+  private pointerDownListener;
+  private pointerDownListenerOptions;
+  private keyDownListener;
+  constructor();
+  private get pill();
+  private get isEffectivelyExpanded();
+  get zoomLevels(): number[];
+  set zoomLevels(levels: number[]);
+  get selectedLevel(): number;
+  set selectedLevel(level: number);
+  get temporaryLevel(): number | null;
+  set temporaryLevel(level: number | null);
+  get orientation(): "horizontal" | "vertical";
+  set orientation(value: "horizontal" | "vertical");
+  get isAlwaysExpanded(): boolean;
+  set isAlwaysExpanded(value: boolean);
+  get expanded(): boolean;
+  set expanded(value: boolean);
+  get loading(): boolean;
+  set loading(value: boolean);
+  static create(): ZoomSwitchPill;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private readonly handlerFromTapAction;
+  onTap(): void;
+  private resolveTapAction;
+  onPress(): void;
+  onRelease(): void;
+  private readonly actionFromKey;
+  private readonly handlerFromAction;
+  private handleKeyDown;
+  private handleActivate;
+  private expand;
+  private collapse;
+  private selectLevel;
+  private selectAdjacentLevel;
+  private getOrderedLevels;
+  private formatZoomLevel;
+  private renderLevels;
+  private updateSelectedState;
+  private updateExpandedState;
+  private onPointerDown;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [ZoomSwitchPill.tag]: ZoomSwitchPill;
-    }
+  interface HTMLElementTagNameMap {
+    [ZoomSwitchPill.tag]: ZoomSwitchPill;
+  }
 }
-
-export { ZoomSwitchPill };
+//#endregion
+export { ZoomSwitchPill };