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

package/build/js/private/ui/atoms/ArrowRightSvgIcon.js

@@ -1,2 +1 @@
-import {a}from'../../../chunks/chunk-O7EM4VIM.js';import {a as a$2}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$1}from'../../../chunks/chunk-3A4KLILV.js';var t=class t extends a{static create(){return document.createElement(t.tag)}static register(){a$1({[t.tag]:t});}render(){return a$2`<style>${t.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2407 18.3492C12.8813 18.7686 12.9299 19.3999 13.3492 19.7593C13.7685 20.1187 14.3998 20.0701 14.7593 19.6508L20.7593 12.6508C21.0802 12.2763 21.0802 11.7237 20.7593 11.3492L14.7593 4.34923C14.3998 3.9299 13.7685 3.88134 13.3492 4.24076C12.9299 4.60018 12.8813 5.23148 13.2407 5.65081L17.8258 11L4.99998 11C4.4477 11 3.99998 11.4478 3.99998 12C3.99998 12.5523 4.4477 13 4.99998 13L17.8258 13L13.2407 18.3492Z" fill="${this.fill}"/></svg>`}};t.tag="scandit-arrow-right-icon";var l=t;
-export{l as ArrowRightSvgIcon};
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{html as t}from"../../utils/html.js";import{SvgIcon as n}from"./SvgIcon.js";var r=class r extends n{static create(){return document.createElement(r.tag)}static register(){e({[r.tag]:r})}render(){return t`<style>${r.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.2407 18.3492C12.8813 18.7686 12.9299 19.3999 13.3492 19.7593C13.7685 20.1187 14.3998 20.0701 14.7593 19.6508L20.7593 12.6508C21.0802 12.2763 21.0802 11.7237 20.7593 11.3492L14.7593 4.34923C14.3998 3.9299 13.7685 3.88134 13.3492 4.24076C12.9299 4.60018 12.8813 5.23148 13.2407 5.65081L17.8258 11L4.99998 11C4.4477 11 3.99998 11.4478 3.99998 12C3.99998 12.5523 4.4477 13 4.99998 13L17.8258 13L13.2407 18.3492Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-arrow-right-icon`;export{r as ArrowRightSvgIcon};

package/build/js/private/ui/atoms/ArrowUpSvgIcon.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="emscripten" />
-import { SvgIcon } from './SvgIcon.js';
-import '../../utils/ScanditHTMLElement.js';
+import { t as SvgIcon } from "../../../SvgIcon-CAR8Tf7x.js";
 
+//#region src/main/private/ui/atoms/ArrowUpSvgIcon.d.ts
 declare class ArrowUpSvgIcon extends SvgIcon {
-    static tag: "scandit-arrow-up-icon";
-    static create(): ArrowUpSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-arrow-up-icon";
+  static create(): ArrowUpSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [ArrowUpSvgIcon.tag]: ArrowUpSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [ArrowUpSvgIcon.tag]: ArrowUpSvgIcon;
+  }
 }
-
-export { ArrowUpSvgIcon };
+//#endregion
+export { ArrowUpSvgIcon };

package/build/js/private/ui/atoms/ArrowUpSvgIcon.js

@@ -1,2 +1 @@
-import {a}from'../../../chunks/chunk-O7EM4VIM.js';import {a as a$2}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$1}from'../../../chunks/chunk-3A4KLILV.js';var e=class e extends a{static create(){return document.createElement(e.tag)}static register(){a$1({[e.tag]:e});}render(){return a$2`<style>${e.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.3492 10.7593C18.7686 11.1187 19.3999 11.0701 19.7593 10.6508C20.1187 10.2315 20.0701 9.60016 19.6508 9.24074L12.6508 3.24074C12.2763 2.91975 11.7237 2.91975 11.3492 3.24074L4.34923 9.24074C3.9299 9.60017 3.88134 10.2315 4.24076 10.6508C4.60018 11.0701 5.23148 11.1187 5.65081 10.7593L11 6.1742V19C11 19.5523 11.4478 20 12 20C12.5523 20 13 19.5523 13 19V6.17424L18.3492 10.7593Z" fill="${this.fill}"/></svg>`}};e.tag="scandit-arrow-up-icon";var l=e;
-export{l as ArrowUpSvgIcon};
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{html as t}from"../../utils/html.js";import{SvgIcon as n}from"./SvgIcon.js";var r=class r extends n{static create(){return document.createElement(r.tag)}static register(){e({[r.tag]:r})}render(){return t`<style>${r.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M18.3492 10.7593C18.7686 11.1187 19.3999 11.0701 19.7593 10.6508C20.1187 10.2315 20.0701 9.60016 19.6508 9.24074L12.6508 3.24074C12.2763 2.91975 11.7237 2.91975 11.3492 3.24074L4.34923 9.24074C3.9299 9.60017 3.88134 10.2315 4.24076 10.6508C4.60018 11.0701 5.23148 11.1187 5.65081 10.7593L11 6.1742V19C11 19.5523 11.4478 20 12 20C12.5523 20 13 19.5523 13 19V6.17424L18.3492 10.7593Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-arrow-up-icon`;export{r as ArrowUpSvgIcon};

package/build/js/private/ui/atoms/ArrowsUp.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="emscripten" />
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
 
+//#region src/main/private/ui/atoms/ArrowsUp.d.ts
 declare const tag = "scandit-arrows-up";
 declare class ArrowsUp extends ScanditHTMLElement {
-    static readonly tag: typeof tag;
-    constructor();
-    static createStyleElement(): HTMLStyleElement;
-    static create(): ArrowsUp;
-    static register(): void;
-    protected render(): string;
+  static readonly tag: typeof tag;
+  constructor();
+  static createStyleElement(): HTMLStyleElement;
+  static create(): ArrowsUp;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [tag]: ArrowsUp;
-    }
+  interface HTMLElementTagNameMap {
+    [tag]: ArrowsUp;
+  }
 }
-
-export { ArrowsUp };
+//#endregion
+export { ArrowsUp };

package/build/js/private/ui/atoms/ArrowsUp.js

@@ -1 +1 @@
-export{a as ArrowsUp}from'../../../chunks/chunk-QFSNPY5Y.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=this.render(),e.prepend(i.createStyleElement().cloneNode(!0))}static createStyleElement(){return t`${i.tag}{display:flex}${i.tag}[hidden]{display:none}.arrow{animation:blink 1.5s infinite;animation-duration:2s}.arrow-1{animation-delay:0s}.arrow-2{animation-delay:.5s}.arrow-3{animation-delay:1s}@keyframes blink{0%,to{opacity:0}50%{opacity:1}}`}static create(){return i.register(),document.createElement(i.tag)}static register(){e({[i.tag]:i})}render(){return n`<svg width="120" height="45" viewBox="0 0 120 45" fill="none"><path class="arrow arrow-1" opacity="0.8" d="M105.561 45C108.718 45 109.586 40.6607 106.672 39.4467L61.1539 20.4808C60.4154 20.1731 59.5846 20.1731 58.8462 20.4808L13.328 39.4467C10.4143 40.6607 11.2822 45 14.4387 45C14.8094 45 15.1767 44.9286 15.5205 44.7897L58.8762 27.2723C59.5971 26.981 60.4029 26.981 61.1239 27.2723L104.48 44.7897C104.823 44.9286 105.191 45 105.561 45Z" fill="white"></path><path class="arrow arrow-2" opacity="0.6" d="M94.6148 26C96.8169 26 97.4022 22.9609 95.3576 22.143L60.7428 8.29711C60.266 8.10638 59.734 8.10638 59.2572 8.29711L24.6424 22.143C22.5978 22.9609 23.1831 26 25.3852 26H25.6254C25.873 26 26.1184 25.954 26.3492 25.8644L59.2762 13.081C59.7418 12.9002 60.2582 12.9002 60.7238 13.081L93.6508 25.8644C93.8816 25.954 94.127 26 94.3746 26H94.6148Z" fill="white"></path><path class="arrow arrow-3" opacity="0.4" d="M81.2078 10C82.8264 10 83.1945 7.7315 81.659 7.21967L60.6325 0.210819C60.2219 0.073974 59.7781 0.0739735 59.3675 0.210818L38.341 7.21967C36.8055 7.73149 37.1736 10 38.7922 10C38.93 10 39.0671 9.98003 39.1992 9.94072L59.4295 3.91979C59.8018 3.809 60.1982 3.809 60.5705 3.91979L80.8008 9.94072C80.9329 9.98003 81.07 10 81.2078 10Z" fill="white"></path></svg>`}};i.tag=`scandit-arrows-up`;export{i as ArrowsUp};

package/build/js/private/ui/atoms/Backdrop.d.ts

@@ -1,28 +1,34 @@
-/// <reference types="emscripten" />
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
 
+//#region src/main/private/ui/atoms/Backdrop.d.ts
 declare class Backdrop extends ScanditHTMLElement {
-    static tag: "scandit-backdrop";
-    private fadeInAnimation?;
-    private fadeOutAnimation?;
-    private readonly fadeInKeyframes;
-    private readonly fadeOutKeyframes;
-    private readonly animationOptions;
-    constructor();
-    static get observedAttributes(): string[];
-    get open(): boolean;
-    set open(value: boolean);
-    static create(): Backdrop;
-    static register(): void;
-    private static createStyleElement;
-    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
-    show(): Promise<void>;
-    hide(): Promise<void>;
+  static tag: "scandit-backdrop";
+  private fadeInAnimation?;
+  private fadeOutAnimation?;
+  /**
+   * Latest requested intent. Independent of the actual display state — used so a hide()
+   * that started before a subsequent show() does not overwrite the display back to "none"
+   * once its (now cancelled) fade-out promise settles.
+   */
+  private intent;
+  private readonly fadeInKeyframes;
+  private readonly fadeOutKeyframes;
+  private readonly animationOptions;
+  constructor();
+  static get observedAttributes(): string[];
+  get open(): boolean;
+  set open(value: boolean);
+  static create(): Backdrop;
+  static register(): void;
+  private static createStyleElement;
+  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+  show(): Promise<void>;
+  hide(): Promise<void>;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [Backdrop.tag]: Backdrop;
-    }
+  interface HTMLElementTagNameMap {
+    [Backdrop.tag]: Backdrop;
+  }
 }
-
-export { Backdrop };
+//#endregion
+export { Backdrop };

package/build/js/private/ui/atoms/Backdrop.js

@@ -1 +1 @@
-import {a as a$4,b}from'../../../chunks/chunk-EQ6V4W5K.js';import {a as a$1}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$2}from'../../../chunks/chunk-3A4KLILV.js';import {a}from'../../../chunks/chunk-EV4OEANA.js';import {a as a$3}from'../../../chunks/chunk-LSZZVJ6B.js';var t=class t extends a{constructor(){super();this.fadeInKeyframes=[{opacity:0},{opacity:1}];this.fadeOutKeyframes=[{opacity:1},{opacity:0}];this.animationOptions={duration:200,easing:"ease",fill:"forwards"};let i=this.attachShadow({mode:"open"});i.innerHTML=a$1`<div class="backdrop"></div>`,i.append(t.createStyleElement().cloneNode(true));}static get observedAttributes(){return ["open"]}get open(){return this.hasAttribute("open")}set open(i){this.toggleAttribute("open",i);}static create(){return t.register(),document.createElement(t.tag)}static register(){a$2({[t.tag]:t});}static createStyleElement(){return a$3`:host{display:none;height:100%;inset:0;position:absolute;width:100%}.open,:host([open]){display:block;pointer-events:none;z-index:1}.backdrop{background:#00000080;height:100%;position:absolute;width:100%}`}attributeChangedCallback(i,c,d){i==="open"&&(d==null?this.hide():this.show());}async show(){this.style.display!=="block"&&(a$4(this.fadeOutAnimation),a$4(this.fadeInAnimation),this.style.display="block",this.fadeInAnimation=this.animate(this.fadeInKeyframes,this.animationOptions),await b(this.fadeInAnimation));}async hide(){this.style.display!=="none"&&(a$4(this.fadeInAnimation),a$4(this.fadeOutAnimation),this.fadeOutAnimation=this.animate(this.fadeOutKeyframes,this.animationOptions),await b(this.fadeOutAnimation),this.style.display="none");}};t.tag="scandit-backdrop";var l=t;export{l as Backdrop};
+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{safeAwaitAnimation as r,safeCancelAnimation as i}from"../../utils/safeCancelAnimation.js";import{ScanditHTMLElement as a}from"../../utils/ScanditHTMLElement.js";var o=class o extends a{constructor(){super(),this.intent=null,this.fadeInKeyframes=[{opacity:0},{opacity:1}],this.fadeOutKeyframes=[{opacity:1},{opacity:0}],this.animationOptions={duration:200,easing:`ease`,fill:`forwards`};let e=this.attachShadow({mode:`open`});e.innerHTML=n`<div class="backdrop"></div>`,e.append(o.createStyleElement().cloneNode(!0))}static get observedAttributes(){return[`open`]}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}static create(){return o.register(),document.createElement(o.tag)}static register(){e({[o.tag]:o})}static createStyleElement(){return t`:host{display:none;height:100%;inset:0;position:absolute;width:100%}.open,:host([open]){display:block;pointer-events:none;z-index:1}.backdrop{background:#00000080;height:100%;position:absolute;width:100%}`}attributeChangedCallback(e,t,n){e===`open`&&(n==null?this.hide():this.show())}async show(){this.intent===`show`&&this.style.display===`block`||(this.intent=`show`,i(this.fadeOutAnimation),i(this.fadeInAnimation),this.style.display=`block`,this.fadeInAnimation=this.animate(this.fadeInKeyframes,this.animationOptions),await r(this.fadeInAnimation))}async hide(){this.intent===`hide`&&this.style.display===`none`||(this.intent=`hide`,i(this.fadeInAnimation),i(this.fadeOutAnimation),this.fadeOutAnimation=this.animate(this.fadeOutKeyframes,this.animationOptions),await r(this.fadeOutAnimation),this.intent===`hide`&&(this.style.display=`none`))}};o.tag=`scandit-backdrop`;export{o as Backdrop};

package/build/js/private/ui/atoms/CalendarExclamationMarkSvgIcon.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="emscripten" />
-import { SvgIcon } from './SvgIcon.js';
-import '../../utils/ScanditHTMLElement.js';
+import { t as SvgIcon } from "../../../SvgIcon-CAR8Tf7x.js";
 
+//#region src/main/private/ui/atoms/CalendarExclamationMarkSvgIcon.d.ts
 declare class CalendarExclamationMarkSvgIcon extends SvgIcon {
-    static tag: "scandit-calendar-exclamation-icon";
-    static create(): CalendarExclamationMarkSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-calendar-exclamation-icon";
+  static create(): CalendarExclamationMarkSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CalendarExclamationMarkSvgIcon.tag]: CalendarExclamationMarkSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [CalendarExclamationMarkSvgIcon.tag]: CalendarExclamationMarkSvgIcon;
+  }
 }
-
-export { CalendarExclamationMarkSvgIcon };
+//#endregion
+export { CalendarExclamationMarkSvgIcon };

package/build/js/private/ui/atoms/CalendarExclamationMarkSvgIcon.js

@@ -1 +1 @@
-import {a as a$1}from'../../../chunks/chunk-O7EM4VIM.js';import {a as a$3}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$2}from'../../../chunks/chunk-3A4KLILV.js';var e=class e extends a$1{static create(){return e.register(),document.createElement(e.tag)}static register(){a$2({[e.tag]:e});}render(){return a$3`<style>${e.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_3612_27767)"><path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" fill="${this.fill}"/><path d="M11.0001 11C11.0001 10.4477 11.4478 10 12.0001 10C12.5524 10 13.0001 10.4477 13.0001 11L13 14C13 14.5523 12.5523 15 12 15C11.4478 15 11.0001 14.5523 11.0001 14L11.0001 11Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.6 4.63636H18.4C19.28 4.63636 20 5.37273 20 6.27273V19.3636C20 20.2636 19.28 21 18.4 21H5.6C4.72 21 4 20.2636 4 19.3636V6.27273C4 5.37273 4.72 4.63636 5.6 4.63636H6.4V3H8V4.63636H16V3H17.6V4.63636ZM5.6 19.3636H18.4V8.72727H5.6V19.3636Z" fill="${this.fill}"/></g><defs><clipPath id="clip0_3612_27767"><rect width="24" height="24" fill="${this.fill}"/></clipPath></defs></svg>`}};e.tag="scandit-calendar-exclamation-icon";var a=e;export{a as CalendarExclamationMarkSvgIcon};
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{html as t}from"../../utils/html.js";import{SvgIcon as n}from"./SvgIcon.js";var r=class r extends n{static create(){return r.register(),document.createElement(r.tag)}static register(){e({[r.tag]:r})}render(){return t`<style>${r.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none"><g clip-path="url(#clip0_3612_27767)"><path d="M13 17C13 17.5523 12.5523 18 12 18C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16C12.5523 16 13 16.4477 13 17Z" fill="${this.fill}"/><path d="M11.0001 11C11.0001 10.4477 11.4478 10 12.0001 10C12.5524 10 13.0001 10.4477 13.0001 11L13 14C13 14.5523 12.5523 15 12 15C11.4478 15 11.0001 14.5523 11.0001 14L11.0001 11Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.6 4.63636H18.4C19.28 4.63636 20 5.37273 20 6.27273V19.3636C20 20.2636 19.28 21 18.4 21H5.6C4.72 21 4 20.2636 4 19.3636V6.27273C4 5.37273 4.72 4.63636 5.6 4.63636H6.4V3H8V4.63636H16V3H17.6V4.63636ZM5.6 19.3636H18.4V8.72727H5.6V19.3636Z" fill="${this.fill}"/></g><defs><clipPath id="clip0_3612_27767"><rect width="24" height="24" fill="${this.fill}"/></clipPath></defs></svg>`}};r.tag=`scandit-calendar-exclamation-icon`;export{r as CalendarExclamationMarkSvgIcon};

package/build/js/private/ui/atoms/CameraFOVUltrawideSvgIcon.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="emscripten" />
-import { SvgIcon } from './SvgIcon.js';
-import '../../utils/ScanditHTMLElement.js';
+import { t as SvgIcon } from "../../../SvgIcon-CAR8Tf7x.js";
 
+//#region src/main/private/ui/atoms/CameraFOVUltrawideSvgIcon.d.ts
 declare class CameraFOVUltrawideSvgIcon extends SvgIcon {
-    static tag: "scandit-camera-fov-ultrawide-icon";
-    static create(): CameraFOVUltrawideSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-camera-fov-ultrawide-icon";
+  static create(): CameraFOVUltrawideSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CameraFOVUltrawideSvgIcon.tag]: CameraFOVUltrawideSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [CameraFOVUltrawideSvgIcon.tag]: CameraFOVUltrawideSvgIcon;
+  }
 }
-
-export { CameraFOVUltrawideSvgIcon };
+//#endregion
+export { CameraFOVUltrawideSvgIcon };

package/build/js/private/ui/atoms/CameraFOVUltrawideSvgIcon.js

@@ -1 +1 @@
-export{a as CameraFOVUltrawideSvgIcon}from'../../../chunks/chunk-SHM7SU3B.js';
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{html as t}from"../../utils/html.js";import{SvgIcon as n}from"./SvgIcon.js";var r=class r extends n{static create(){return document.createElement(r.tag)}static register(){e({[r.tag]:r})}render(){return t`<style>${r.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(32,32)}" viewBox="0 0 32 32" fill="none"><path d="M7.98828 21.082C8.59668 21.082 9.08887 20.5898 9.08887 19.9814C9.08887 19.3662 8.59668 18.8809 7.98828 18.8809C7.37305 18.8809 6.8877 19.3662 6.8877 19.9814C6.8877 20.5898 7.37305 21.082 7.98828 21.082Z" fill="white"/><path d="M14.3662 21.2188C16.6152 21.2188 18.1807 19.7969 18.1807 17.6914C18.1807 15.8115 16.8408 14.4854 14.9541 14.4854C13.9492 14.4854 13.1426 14.8818 12.7393 15.5176H12.6982L12.9307 12.7764H16.8271C17.3467 12.7764 17.6748 12.4551 17.6748 11.9561C17.6748 11.457 17.3398 11.1357 16.8271 11.1357H12.5C11.7002 11.1357 11.2695 11.4707 11.2012 12.3047L10.9141 15.9209C10.9072 15.9551 10.9072 15.9756 10.9072 16.0029C10.8799 16.5566 11.2012 17.0283 11.8779 17.0283C12.3359 17.0283 12.541 16.9258 12.9443 16.5498C13.293 16.2148 13.7852 15.9619 14.373 15.9619C15.4463 15.9619 16.2119 16.7002 16.2119 17.7393C16.2119 18.8057 15.4395 19.5781 14.3662 19.5781C13.4775 19.5781 12.8965 19.1475 12.541 18.4365C12.3086 18.0674 12.0488 17.9238 11.6387 17.9238C11.1055 17.9238 10.7773 18.2383 10.7773 18.7646C10.7773 19.0107 10.8389 19.2227 10.9414 19.4414C11.4336 20.4873 12.8008 21.2188 14.3662 21.2188Z" fill="white"/><path d="M19.9307 21.1436C20.2861 21.1436 20.4844 21.0273 20.7578 20.6035L22.1865 18.457H22.2275L23.6836 20.6377C23.9092 20.9795 24.1006 21.1436 24.4902 21.1436C25.0303 21.1436 25.4404 20.8018 25.4404 20.2617C25.4404 20.043 25.3721 19.8516 25.2217 19.6465L23.5195 17.2949L25.1943 15.0596C25.3857 14.8135 25.4609 14.6152 25.4609 14.3691C25.4609 13.8633 25.085 13.5215 24.5244 13.5215C24.1553 13.5215 23.9434 13.6855 23.6768 14.1025L22.3369 16.1465H22.2959L20.9287 14.0889C20.6621 13.665 20.4502 13.5215 20.0469 13.5215C19.5 13.5215 19.0898 13.8975 19.0898 14.3965C19.0898 14.6289 19.1582 14.8271 19.3018 15.0186L21.0107 17.3496L19.2949 19.6465C19.1035 19.8994 19.0283 20.0908 19.0283 20.3301C19.0283 20.8086 19.4043 21.1436 19.9307 21.1436Z" fill="white"/></svg>`}};r.tag=`scandit-camera-fov-ultrawide-icon`;export{r as CameraFOVUltrawideSvgIcon};

package/build/js/private/ui/atoms/CameraFOVWideSvgIcon.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="emscripten" />
-import { SvgIcon } from './SvgIcon.js';
-import '../../utils/ScanditHTMLElement.js';
+import { t as SvgIcon } from "../../../SvgIcon-CAR8Tf7x.js";
 
+//#region src/main/private/ui/atoms/CameraFOVWideSvgIcon.d.ts
 declare class CameraFOVWideSvgIcon extends SvgIcon {
-    static tag: "scandit-camera-fov-wide-icon";
-    static create(): CameraFOVWideSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-camera-fov-wide-icon";
+  static create(): CameraFOVWideSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CameraFOVWideSvgIcon.tag]: CameraFOVWideSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [CameraFOVWideSvgIcon.tag]: CameraFOVWideSvgIcon;
+  }
 }
-
-export { CameraFOVWideSvgIcon };
+//#endregion
+export { CameraFOVWideSvgIcon };

package/build/js/private/ui/atoms/CameraFOVWideSvgIcon.js

@@ -1 +1 @@
-export{a as CameraFOVWideSvgIcon}from'../../../chunks/chunk-UNO6YIIA.js';
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{html as t}from"../../utils/html.js";import{SvgIcon as n}from"./SvgIcon.js";var r=class r extends n{static create(){return document.createElement(r.tag)}static register(){e({[r.tag]:r})}render(){return t`<style>${r.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(32,32)}" viewBox="0 0 32 32" fill="none"><path d="M12.2881 21.1436C12.8965 21.1436 13.3066 20.7334 13.3066 20.1113V12.1406C13.3066 11.4297 12.8691 10.9854 12.1377 10.9854C11.7139 10.9854 11.3857 11.0469 10.9072 11.375L8.95215 12.7285C8.63086 12.9541 8.50781 13.1865 8.50781 13.501C8.50781 13.9385 8.81543 14.2393 9.23242 14.2393C9.44434 14.2393 9.58789 14.1914 9.7793 14.0547L11.2217 13.0498H11.2627V20.1113C11.2627 20.7334 11.6797 21.1436 12.2881 21.1436ZM16.9023 20.3164C17.2441 20.3164 17.4014 20.1865 17.6816 19.9131L19.3633 18.2451L21.0381 19.9062C21.3184 20.1865 21.4824 20.3164 21.8174 20.3164C22.2617 20.3164 22.6377 19.9746 22.6377 19.5234C22.6377 19.2158 22.4873 19.0176 22.2549 18.7852L20.5254 17.0488L22.2549 15.3057C22.4873 15.0732 22.6377 14.875 22.6377 14.5674C22.6377 14.1162 22.2617 13.7744 21.8174 13.7744C21.4824 13.7744 21.3184 13.9043 21.0381 14.1846L19.3633 15.8457L17.6885 14.1846C17.4082 13.9043 17.251 13.7744 16.9092 13.7744C16.4648 13.7744 16.0889 14.1162 16.0889 14.5674C16.0889 14.8818 16.2393 15.0732 16.4717 15.3057L18.1943 17.0488L16.4717 18.7852C16.2324 19.0244 16.0889 19.2158 16.0889 19.5234C16.0889 19.9814 16.458 20.3164 16.9023 20.3164Z" fill="white"/></svg>`}};r.tag=`scandit-camera-fov-wide-icon`;export{r as CameraFOVWideSvgIcon};

package/build/js/private/ui/atoms/CameraSwitchReverseSvgIcon.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="emscripten" />
-import { SvgIcon } from './SvgIcon.js';
-import '../../utils/ScanditHTMLElement.js';
+import { t as SvgIcon } from "../../../SvgIcon-CAR8Tf7x.js";
 
+//#region src/main/private/ui/atoms/CameraSwitchReverseSvgIcon.d.ts
 declare class CameraSwitchReverseSvgIcon extends SvgIcon {
-    static tag: "scandit-camera-switch-reverse-icon";
-    static create(): CameraSwitchReverseSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-camera-switch-reverse-icon";
+  static create(): CameraSwitchReverseSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CameraSwitchReverseSvgIcon.tag]: CameraSwitchReverseSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [CameraSwitchReverseSvgIcon.tag]: CameraSwitchReverseSvgIcon;
+  }
 }
-
-export { CameraSwitchReverseSvgIcon };
+//#endregion
+export { CameraSwitchReverseSvgIcon };

package/build/js/private/ui/atoms/CameraSwitchReverseSvgIcon.js

@@ -1 +1 @@
-export{a as CameraSwitchReverseSvgIcon}from'../../../chunks/chunk-QUWP3ILW.js';
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{html as t}from"../../utils/html.js";import{SvgIcon as n}from"./SvgIcon.js";var r=class r extends n{static create(){return document.createElement(r.tag)}static register(){e({[r.tag]:r})}render(){return t`<style>${r.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(32,32)}" viewBox="0 0 32 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.625 15C15.8656 15 15.25 15.6156 15.25 16.375C15.25 17.1344 15.8656 17.75 16.625 17.75C17.3844 17.75 18 17.1344 18 16.375C18 15.6156 17.3844 15 16.625 15ZM12.5 16.375C12.5 14.0968 14.3468 12.25 16.625 12.25C18.9032 12.25 20.75 14.0968 20.75 16.375C20.75 18.6532 18.9032 20.5 16.625 20.5C14.3468 20.5 12.5 18.6532 12.5 16.375Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.5277 13.2223C23.0647 13.7592 23.9353 13.7592 24.4723 13.2223C25.0092 12.6853 25.0092 11.8147 24.4723 11.2777L24.0695 10.875H24.875C25.6344 10.875 26.25 11.4906 26.25 12.25V21.875C26.25 22.6344 25.6344 23.25 24.875 23.25H16.625C15.8656 23.25 15.25 23.8656 15.25 24.625C15.25 25.3844 15.8656 26 16.625 26H24.875C27.1532 26 29 24.1532 29 21.875V12.25C29 9.97183 27.1532 8.125 24.875 8.125H24.0695L24.4723 7.72227C25.0092 7.1853 25.0092 6.3147 24.4723 5.77773C23.9353 5.24076 23.0647 5.24076 22.5277 5.77773L19.7777 8.52773C19.5199 8.78559 19.375 9.13533 19.375 9.5C19.375 9.86467 19.5199 10.2144 19.7777 10.4723L22.5277 13.2223Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5 7.4375C12.5 7.0578 12.8078 6.75 13.1875 6.75H19.375C20.1344 6.75 20.75 6.13439 20.75 5.375C20.75 4.61561 20.1344 4 19.375 4H13.1875C11.289 4 9.75 5.53902 9.75 7.4375C9.75 7.8172 9.4422 8.125 9.0625 8.125H8.375C6.09683 8.125 4.25 9.97183 4.25 12.25V21.875C4.25 24.1532 6.09683 26 8.375 26H9.18046L8.77773 26.4027C8.24076 26.9397 8.24076 27.8103 8.77773 28.3473C9.3147 28.8842 10.1853 28.8842 10.7223 28.3473L13.4723 25.5973C14.0092 25.0603 14.0092 24.1897 13.4723 23.6527L10.7223 20.9027C10.1853 20.3658 9.3147 20.3658 8.77773 20.9027C8.24076 21.4397 8.24076 22.3103 8.77773 22.8473L9.18046 23.25H8.375C7.61561 23.25 7 22.6344 7 21.875V12.25C7 11.4906 7.61561 10.875 8.375 10.875H9.0625C10.961 10.875 12.5 9.33598 12.5 7.4375Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-camera-switch-reverse-icon`;export{r as CameraSwitchReverseSvgIcon};

package/build/js/private/ui/atoms/CameraSwitchSvgIcon.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="emscripten" />
-import { SvgIcon } from './SvgIcon.js';
-import '../../utils/ScanditHTMLElement.js';
+import { t as SvgIcon } from "../../../SvgIcon-CAR8Tf7x.js";
 
+//#region src/main/private/ui/atoms/CameraSwitchSvgIcon.d.ts
 declare class CameraSwitchSvgIcon extends SvgIcon {
-    static tag: "scandit-camera-switch-icon";
-    static create(): CameraSwitchSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-camera-switch-icon";
+  static create(): CameraSwitchSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CameraSwitchSvgIcon.tag]: CameraSwitchSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [CameraSwitchSvgIcon.tag]: CameraSwitchSvgIcon;
+  }
 }
-
-export { CameraSwitchSvgIcon };
+//#endregion
+export { CameraSwitchSvgIcon };

package/build/js/private/ui/atoms/CameraSwitchSvgIcon.js

@@ -1 +1 @@
-export{a as CameraSwitchSvgIcon}from'../../../chunks/chunk-7HYFN4JO.js';
+import{defineCustomElements as e}from"../../utils/defineCustomElements.js";import{html as t}from"../../utils/html.js";import{SvgIcon as n}from"./SvgIcon.js";var r=class r extends n{static create(){return document.createElement(r.tag)}static register(){e({[r.tag]:r})}render(){return t`<style>${r.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(32,32)}" viewBox="0 0 32 32" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.625 15C17.3844 15 18 15.6156 18 16.375C18 17.1344 17.3844 17.75 16.625 17.75C15.8656 17.75 15.25 17.1344 15.25 16.375C15.25 15.6156 15.8656 15 16.625 15ZM20.75 16.375C20.75 14.0968 18.9032 12.25 16.625 12.25C14.3468 12.25 12.5 14.0968 12.5 16.375C12.5 18.6532 14.3468 20.5 16.625 20.5C18.9032 20.5 20.75 18.6532 20.75 16.375Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7223 13.2223C10.1853 13.7592 9.3147 13.7592 8.77773 13.2223C8.24076 12.6853 8.24076 11.8147 8.77773 11.2777L9.18046 10.875H8.375C7.61561 10.875 7 11.4906 7 12.25V21.875C7 22.6344 7.61561 23.25 8.375 23.25H16.625C17.3844 23.25 18 23.8656 18 24.625C18 25.3844 17.3844 26 16.625 26H8.375C6.09683 26 4.25 24.1532 4.25 21.875V12.25C4.25 9.97183 6.09683 8.125 8.375 8.125H9.18046L8.77773 7.72227C8.24076 7.1853 8.24076 6.3147 8.77773 5.77773C9.3147 5.24076 10.1853 5.24076 10.7223 5.77773L13.4723 8.52773C13.7301 8.78559 13.875 9.13533 13.875 9.5C13.875 9.86467 13.7301 10.2144 13.4723 10.4723L10.7223 13.2223Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M20.75 7.4375C20.75 7.0578 20.4422 6.75 20.0625 6.75H13.875C13.1156 6.75 12.5 6.13439 12.5 5.375C12.5 4.61561 13.1156 4 13.875 4H20.0625C21.961 4 23.5 5.53902 23.5 7.4375C23.5 7.8172 23.8078 8.125 24.1875 8.125H24.875C27.1532 8.125 29 9.97183 29 12.25V21.875C29 24.1532 27.1532 26 24.875 26H24.0695L24.4723 26.4027C25.0092 26.9397 25.0092 27.8103 24.4723 28.3473C23.9353 28.8842 23.0647 28.8842 22.5277 28.3473L19.7777 25.5973C19.2408 25.0603 19.2408 24.1897 19.7777 23.6527L22.5277 20.9027C23.0647 20.3658 23.9353 20.3658 24.4723 20.9027C25.0092 21.4397 25.0092 22.3103 24.4723 22.8473L24.0695 23.25H24.875C25.6344 23.25 26.25 22.6344 26.25 21.875V12.25C26.25 11.4906 25.6344 10.875 24.875 10.875H24.1875C22.289 10.875 20.75 9.33598 20.75 7.4375Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-camera-switch-icon`;export{r as CameraSwitchSvgIcon};

package/build/js/private/ui/atoms/Card.d.ts

@@ -1,27 +1,26 @@
-/// <reference types="emscripten" />
-import { Color } from '../../../commons/Color.js';
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
-import '../../Serializable.js';
+import { t as Color } from "../../../Color-qNIvVO9c.js";
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
 
+//#region src/main/private/ui/atoms/Card.d.ts
 declare class Card extends ScanditHTMLElement {
-    static tag: "scandit-basic-card";
-    constructor();
-    set haloGlow(active: boolean);
-    get haloGlow(): boolean;
-    set border(active: boolean);
-    get border(): boolean;
-    set backgroundColor(color: Color);
-    get backgroundColor(): Color;
-    set borderColor(color: Color);
-    get borderColor(): Color;
-    static create(): Card;
-    static register(): void;
-    private static createStyleElement;
+  static tag: "scandit-basic-card";
+  constructor();
+  set haloGlow(active: boolean);
+  get haloGlow(): boolean;
+  set border(active: boolean);
+  get border(): boolean;
+  set backgroundColor(color: Color);
+  get backgroundColor(): Color;
+  set borderColor(color: Color);
+  get borderColor(): Color;
+  static create(): Card;
+  static register(): void;
+  private static createStyleElement;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [Card.tag]: Card;
-    }
+  interface HTMLElementTagNameMap {
+    [Card.tag]: Card;
+  }
 }
-
-export { Card };
+//#endregion
+export { Card };

package/build/js/private/ui/atoms/Card.js

@@ -1 +1 @@
-export{a as Card}from'../../../chunks/chunk-VSROWPI6.js';
+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";const a=r`<div role="listitem"><slot></slot></div>`;var o=class r extends i{constructor(){super();let e=this.attachShadow({mode:`open`});e.innerHTML=a,e.append(r.createStyleElement().cloneNode(!0))}set haloGlow(e){this.toggleAttribute(`halo-glow`,e)}get haloGlow(){return this.hasAttribute(`halo-glow`)}set border(e){this.toggleAttribute(`border`,e)}get border(){return this.hasAttribute(`border`)}set backgroundColor(e){this.style.setProperty(`--background-color`,`#${e.toJSON()}`)}get backgroundColor(){return e.fromHex(this.style.getPropertyValue(`--background-color`))}set borderColor(e){this.style.setProperty(`--border-color`,`#${e.toJSON()}`)}get borderColor(){return e.fromHex(this.style.getPropertyValue(`--border-color`))}static create(){return r.register(),document.createElement(r.tag)}static register(){t({[r.tag]:r})}static createStyleElement(){return n`@keyframes gradientShift{0%{background-position-x:100%}50%{background-position-x:0}to{background-position-x:100%}}:host{--corner-radius:0.75rem;--background-color:#ffffffe6;--border-color:#0000;--glow-max-width:1rem;--glow-horizontal-edge:min(5%,var(--glow-max-width));--glow-vertical-edge:min(20%,var(--glow-max-width));--glow-horizontal-start:calc(100% - var(--glow-horizontal-edge));--glow-vertical-start:calc(100% - var(--glow-vertical-edge));--card-min-height:5rem;--card-max-height:100px;backdrop-filter:saturate(180%) blur(20px);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--corner-radius);box-shadow:0 2px 6px 0 #12161926;box-sizing:border-box;display:block;font-family:SF Pro Text,sans-serif;max-height:var(--card-max-height);min-height:var(--card-min-height);min-width:200px;overflow:hidden;position:relative}:host>div[role=listitem]{height:100%;max-height:var(--card-max-height);min-height:var(--card-min-height);position:relative}:host([halo-glow])>div:before{animation:gradientShift 8s ease-in-out .2s infinite;background:linear-gradient(90deg,#ffd89b,#ff6f91 20%,#a566ff 45%,#64f6ff 70%,#ffd89b);background-size:300% 300%;border-radius:var(--corner-radius);content:"";filter:blur(30px);inset:0;mask:linear-gradient(to right,#000 0,#0000 var(--glow-horizontal-edge),#0000 var(--glow-horizontal-start),#000 100%),linear-gradient(to bottom,#000 0,#0000 var(--glow-vertical-edge),#0000 var(--glow-vertical-start),#000 100%);mask-composite:intersect;-webkit-mask:linear-gradient(to right,#000 0,#0000 var(--glow-horizontal-edge),#0000 var(--glow-horizontal-start),#000 100%),linear-gradient(to bottom,#000 0,#0000 var(--glow-vertical-edge),#0000 var(--glow-vertical-start),#000 100%);-webkit-mask-composite:source-over;opacity:1;position:absolute;transition:opacity .3s ease;z-index:0}:host([halo-glow])>div:before{opacity:.75}:host([halo-glow][border])>div:before{opacity:.75!important}:host(:not([halo-glow]))>div:before{animation:none;mask:none;-webkit-mask:none;opacity:0}:host([border]){--border-color:#d92121}:host(:not([border])){--border-color:#0000}`}};o.tag=`scandit-basic-card`;export{o as Card};

package/build/js/private/ui/atoms/CardList.d.ts

@@ -1,58 +1,56 @@
-/// <reference types="emscripten" />
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
-import { Card } from './Card.js';
-import '../../../commons/Color.js';
-import '../../Serializable.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
+import { Card } from "./Card.js";
 
+//#region src/main/private/ui/atoms/CardList.d.ts
 declare enum CardListEvents {
-    Collapsed = "collapsed",
-    WillCollapse = "willcollapse",
-    Expanded = "expanded",
-    WillExpand = "willexpand",
-    Tap = "cardtap"
+  Collapsed = "collapsed",
+  WillCollapse = "willcollapse",
+  Expanded = "expanded",
+  WillExpand = "willexpand",
+  Tap = "cardtap"
 }
 declare class CardList extends ScanditHTMLElement {
-    static tag: "scandit-card-list";
-    private static readonly observedAttributes;
-    private onCardClickHandler;
-    private updateFadeMaskHandler;
-    constructor();
-    set collapsed(value: boolean);
-    get collapsed(): boolean;
-    private get items();
-    private get root();
-    static create(): CardList;
-    static register(): void;
-    private static createStyleElement;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: keyof this, _oldValue: this[keyof this], _newValue: this[keyof this]): void;
-    private _handleStateChange;
-    expand(): Promise<void>;
-    collapse(): Promise<void>;
-    private updateListHeight;
-    renderCards(items: Card[]): void;
-    clearCards(): void;
-    /**
-     * put the card on the top of the list and animate it
-     */
-    unshift(item: Card): Promise<void>;
-    private onCardClick;
-    private updateFadeMask;
+  static tag: "scandit-card-list";
+  private static readonly observedAttributes;
+  private onCardClickHandler;
+  private updateFadeMaskHandler;
+  constructor();
+  set collapsed(value: boolean);
+  get collapsed(): boolean;
+  private get items();
+  private get root();
+  static create(): CardList;
+  static register(): void;
+  private static createStyleElement;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  attributeChangedCallback(name: keyof this, _oldValue: this[keyof this], _newValue: this[keyof this]): void;
+  private _handleStateChange;
+  expand(): Promise<void>;
+  collapse(): Promise<void>;
+  private updateListHeight;
+  renderCards(items: Card[]): void;
+  clearCards(): void;
+  /**
+   * put the card on the top of the list and animate it
+   */
+  unshift(item: Card): Promise<void>;
+  private onCardClick;
+  private updateFadeMask;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CardList.tag]: CardList;
-    }
-    interface HTMLElementEventMap {
-        [CardListEvents.Collapsed]: CustomEvent<void>;
-        [CardListEvents.Expanded]: CustomEvent<void>;
-        [CardListEvents.WillExpand]: CustomEvent<void>;
-        [CardListEvents.WillCollapse]: CustomEvent<void>;
-        [CardListEvents.Tap]: CustomEvent<{
-            card: Card;
-        }>;
-    }
+  interface HTMLElementTagNameMap {
+    [CardList.tag]: CardList;
+  }
+  interface HTMLElementEventMap {
+    [CardListEvents.Collapsed]: CustomEvent<void>;
+    [CardListEvents.Expanded]: CustomEvent<void>;
+    [CardListEvents.WillExpand]: CustomEvent<void>;
+    [CardListEvents.WillCollapse]: CustomEvent<void>;
+    [CardListEvents.Tap]: CustomEvent<{
+      card: Card;
+    }>;
+  }
 }
-
-export { CardList, CardListEvents };
+//#endregion
+export { CardList, CardListEvents };

package/build/js/private/ui/atoms/CardList.js

@@ -1 +1 @@
-import {a as a$2}from'../../../chunks/chunk-VSROWPI6.js';import {a as a$5}from'../../../chunks/chunk-2HTI5D6Y.js';import {b}from'../../../chunks/chunk-EQ6V4W5K.js';import {a as a$1}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$3}from'../../../chunks/chunk-3A4KLILV.js';import {a}from'../../../chunks/chunk-EV4OEANA.js';import {a as a$4}from'../../../chunks/chunk-LSZZVJ6B.js';var l="--position",x=(o=>(o.Collapsed="collapsed",o.WillCollapse="willcollapse",o.Expanded="expanded",o.WillExpand="willexpand",o.Tap="cardtap",o))(x||{}),k="cubic-bezier(0.4, 0, 0.2, 1)",s=class s extends a{constructor(){super();this.onCardClickHandler=this.onCardClick.bind(this);this.updateFadeMaskHandler=this.updateFadeMask.bind(this);let t=this.attachShadow({mode:"open"});t.prepend(s.createStyleElement().cloneNode(true));let e=document.createElement("div");if(e.role="list",e.id="root",e.innerHTML=a$1`<slot></slot>`,t.append(e),!CSS.supports("mask-image","linear-gradient(black, white)")){let a=document.createElement("div");a.innerHTML='<div class="fade top"></div><div class="fade bottom"></div>',a.classList.add("fade-layer"),t.prepend(a);}}set collapsed(t){if(!t){this.removeAttribute("collapsed");return}this.setAttribute("collapsed",t.toString());}get collapsed(){return !!this.getAttribute("collapsed")}get items(){return this.querySelectorAll(a$2.tag)}get root(){var t;return (t=this.shadowRoot)==null?void 0:t.querySelector("#root")}static create(){return s.register(),document.createElement(s.tag)}static register(){a$3({[s.tag]:s});}static createStyleElement(){return a$4`:host{--top-offset:0rem;--list-height:600px;--elements-number:0;--max-expanded-height:min(calc((100px + 0.7rem)*var(--elements-number)),calc(var(--list-height) - var(--top-offset)));--animation-function:${k};--max-collapsed-height:115px;-webkit-tap-highlight-color:transparent;position:relative;width:100%}:host #root{cursor:pointer;display:block;height:calc(var(--max-expanded-height));mask-image:linear-gradient(to bottom,#0000 0,#000 var(--end-top-mask,0),#000 var(--start-bottom-mask,95%),#0000 100%);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;transform-style:preserve-3d;transition:height .6s var(--animation-function);-webkit-overflow-scrolling:touch;-ms-overflow-style:none}:host .fade-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}:host([collapsed]) .fade-layer div.fade{opacity:0!important}:host .fade-layer div.fade{height:64px;opacity:0;position:absolute;width:100%;z-index:1}:host .fade-layer div.fade.top{background:linear-gradient(180deg,#00000073,#0000);top:0}:host .fade-layer div.fade.bottom{background:linear-gradient(0deg,#00000073,#0000);bottom:0}:host #root::-webkit-scrollbar{display:none}:host([collapsed]) #root{height:var(--max-collapsed-height);mask:none;overflow:hidden}::slotted(${a$2.tag}){--position:0;--animation-duration:0.5s;--margin-bottom:calc(0.5rem*var(--position));--translate-y-value:calc(var(--position)*100% + var(--margin-bottom));--scale:1;opacity:1;position:absolute;transform:translateY(var(--translate-y-value)) scale(var(--scale));transition:transform var(--animation-duration) var(--animation-function),opacity var(--animation-duration) var(--animation-function);width:100%;will-change:transform,opacity;z-index:calc(var(--position)*-1)}:host([collapsed]) ::slotted(${a$2.tag}){--translate-y-value:calc(var(--position)*10%);--scale:calc(1 - var(--position)*0.05);opacity:1}:host([collapsed]) ::slotted(${a$2.tag}:nth-child(3)){opacity:.5}:host([collapsed]) ::slotted(${a$2.tag}:nth-child(n+4)){opacity:0}`}connectedCallback(){var t;this.addEventListener("click",this.onCardClickHandler),(t=this.root)==null||t.addEventListener("scroll",this.updateFadeMaskHandler),this.updateFadeMaskHandler();}disconnectedCallback(){var t;this.removeEventListener("click",this.onCardClickHandler),(t=this.root)==null||t.removeEventListener("scroll",this.updateFadeMaskHandler);}attributeChangedCallback(t,e,a){t==="collapsed"&&this._handleStateChange();}async _handleStateChange(){var o;let t=this.collapsed?"willcollapse":"willexpand",e=this.collapsed?"collapsed":"expanded";this.dispatchEvent(new CustomEvent(t)),this.collapsed&&((o=this.root)==null||o.scrollTo({behavior:"instant",top:0}));let a=[];for(let[n,i]of Object.entries(this.items))Number(n)!==0&&a.push(a$5(i,"transform")),this.collapsed||i.style.removeProperty("opacity"),i.style.setProperty(l,n);await Promise.all(a),this.dispatchEvent(new CustomEvent(e)),this.updateFadeMaskHandler();}async expand(){return this.collapsed?(this.collapsed=false,this._handleStateChange()):Promise.resolve()}async collapse(){return this.collapsed?Promise.resolve():(this.collapsed=true,this._handleStateChange())}updateListHeight(t){this.style.setProperty("--elements-number",t.length.toString()),this.updateFadeMaskHandler();}renderCards(t){let e=document.createDocumentFragment();for(let[a,o]of Object.entries(t))o.dataset.position=`${a}`,o.style.setProperty(l,a.toString()),e.append(o);this.append(e),this.updateListHeight(t);}clearCards(){for(let t of this.querySelectorAll(a$2.tag))t.remove();this.updateListHeight([]);}async unshift(t){if(t.dataset.position==="0"&&t.style.getPropertyValue(l)==="0")return;let e=new Animation(new KeyframeEffect(t,[{transform:"translateY(-100%)",scale:1.05,opacity:0},{transform:"translateY(0%)",scale:1,opacity:1}],{duration:500,easing:k}));t.remove(),t.dataset.position="0",t.style.setProperty(l,"0");let a="0";for(let[o,n]of Object.entries(this.items))a=`${Number(o)+1}`,n.dataset.position=a,n.style.setProperty(l,a);this.prepend(t),e.play(),await b(e);}onCardClick(t){let e=t.target.closest(a$2.tag);e!==null&&this.dispatchEvent(new CustomEvent("cardtap",{bubbles:true,composed:true,detail:{card:e}}));}updateFadeMask(t){var p,h,m,u,v;let{scrollTop:e=0,scrollHeight:a=0,clientHeight:o=0}=(p=t==null?void 0:t.target)!=null?p:this.root,n=a-o,i=Math.round(e/n*100);if(Number.isNaN(i))return;(h=this.root)==null||h.style.setProperty("--end-top-mask",`${Math.min(i,5)}%`),(m=this.root)==null||m.style.setProperty("--start-bottom-mask",`${Math.max(i,95)}%`);let d=(u=this.shadowRoot)==null?void 0:u.querySelector(".fade.top"),c=(v=this.shadowRoot)==null?void 0:v.querySelector(".fade.bottom");d!=null&&c!=null&&(d.style.setProperty("opacity",`${i/100}`),c.style.setProperty("opacity",`${1-i/100}`));}};s.tag="scandit-card-list",s.observedAttributes=["collapsed"];var w=s;export{w as CardList,x as CardListEvents};
+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{waitTransitionEndForElement as r}from"../../utils/waitTransitionEndForElement.js";import{safeAwaitAnimation as i}from"../../utils/safeCancelAnimation.js";import{ScanditHTMLElement as a}from"../../utils/ScanditHTMLElement.js";import{Card as o}from"./Card.js";const s=`--position`;let c=function(e){return e.Collapsed=`collapsed`,e.WillCollapse=`willcollapse`,e.Expanded=`expanded`,e.WillExpand=`willexpand`,e.Tap=`cardtap`,e}({});const l=`cubic-bezier(0.4, 0, 0.2, 1)`;var u=class c extends a{constructor(){super(),this.onCardClickHandler=this.onCardClick.bind(this),this.updateFadeMaskHandler=this.updateFadeMask.bind(this);let e=this.attachShadow({mode:`open`});e.prepend(c.createStyleElement().cloneNode(!0));let t=document.createElement(`div`);if(t.role=`list`,t.id=`root`,t.innerHTML=n`<slot></slot>`,e.append(t),!CSS.supports(`mask-image`,`linear-gradient(black, white)`)){let t=document.createElement(`div`);t.innerHTML=`<div class="fade top"></div><div class="fade bottom"></div>`,t.classList.add(`fade-layer`),e.prepend(t)}}set collapsed(e){if(!e){this.removeAttribute(`collapsed`);return}this.setAttribute(`collapsed`,e.toString())}get collapsed(){return!!this.getAttribute(`collapsed`)}get items(){return this.querySelectorAll(o.tag)}get root(){var e;return(e=this.shadowRoot)==null?void 0:e.querySelector(`#root`)}static create(){return c.register(),document.createElement(c.tag)}static register(){e({[c.tag]:c})}static createStyleElement(){return t`:host{--top-offset:0rem;--list-height:600px;--elements-number:0;--max-expanded-height:min(calc((100px + 0.7rem)*var(--elements-number)),calc(var(--list-height) - var(--top-offset)));--animation-function:${l};--max-collapsed-height:115px;-webkit-tap-highlight-color:transparent;position:relative;width:100%}:host #root{cursor:pointer;display:block;height:calc(var(--max-expanded-height));mask-image:linear-gradient(to bottom,#0000 0,#000 var(--end-top-mask,0),#000 var(--start-bottom-mask,95%),#0000 100%);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none;transform-style:preserve-3d;transition:height .6s var(--animation-function);-webkit-overflow-scrolling:touch;-ms-overflow-style:none}:host .fade-layer{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}:host([collapsed]) .fade-layer div.fade{opacity:0!important}:host .fade-layer div.fade{height:64px;opacity:0;position:absolute;width:100%;z-index:1}:host .fade-layer div.fade.top{background:linear-gradient(180deg,#00000073,#0000);top:0}:host .fade-layer div.fade.bottom{background:linear-gradient(0deg,#00000073,#0000);bottom:0}:host #root::-webkit-scrollbar{display:none}:host([collapsed]) #root{height:var(--max-collapsed-height);mask:none;overflow:hidden}::slotted(${o.tag}){--position:0;--animation-duration:0.5s;--margin-bottom:calc(0.5rem*var(--position));--translate-y-value:calc(var(--position)*100% + var(--margin-bottom));--scale:1;opacity:1;position:absolute;transform:translateY(var(--translate-y-value)) scale(var(--scale));transition:transform var(--animation-duration) var(--animation-function),opacity var(--animation-duration) var(--animation-function);width:100%;will-change:transform,opacity;z-index:calc(var(--position)*-1)}:host([collapsed]) ::slotted(${o.tag}){--translate-y-value:calc(var(--position)*10%);--scale:calc(1 - var(--position)*0.05);opacity:1}:host([collapsed]) ::slotted(${o.tag}:nth-child(3)){opacity:.5}:host([collapsed]) ::slotted(${o.tag}:nth-child(n+4)){opacity:0}`}connectedCallback(){var e;this.addEventListener(`click`,this.onCardClickHandler),(e=this.root)==null||e.addEventListener(`scroll`,this.updateFadeMaskHandler),this.updateFadeMaskHandler()}disconnectedCallback(){var e;this.removeEventListener(`click`,this.onCardClickHandler),(e=this.root)==null||e.removeEventListener(`scroll`,this.updateFadeMaskHandler)}attributeChangedCallback(e,t,n){e===`collapsed`&&this._handleStateChange()}async _handleStateChange(){let e=this.collapsed?`willcollapse`:`willexpand`,t=this.collapsed?`collapsed`:`expanded`;if(this.dispatchEvent(new CustomEvent(e)),this.collapsed){var n;(n=this.root)==null||n.scrollTo({behavior:`instant`,top:0})}let i=[];for(let[e,t]of Object.entries(this.items))Number(e)!==0&&i.push(r(t,`transform`)),this.collapsed||t.style.removeProperty(`opacity`),t.style.setProperty(s,e);await Promise.all(i),this.dispatchEvent(new CustomEvent(t)),this.updateFadeMaskHandler()}async expand(){return this.collapsed?(this.collapsed=!1,this._handleStateChange()):Promise.resolve()}async collapse(){return this.collapsed?Promise.resolve():(this.collapsed=!0,this._handleStateChange())}updateListHeight(e){this.style.setProperty(`--elements-number`,e.length.toString()),this.updateFadeMaskHandler()}renderCards(e){let t=document.createDocumentFragment();for(let[n,r]of Object.entries(e))r.dataset.position=`${n}`,r.style.setProperty(s,n.toString()),t.append(r);this.append(t),this.updateListHeight(e)}clearCards(){for(let e of this.querySelectorAll(o.tag))e.remove();this.updateListHeight([])}async unshift(e){if(e.dataset.position===`0`&&e.style.getPropertyValue(s)===`0`)return;let t=new Animation(new KeyframeEffect(e,[{transform:`translateY(-100%)`,scale:1.05,opacity:0},{transform:`translateY(0%)`,scale:1,opacity:1}],{duration:500,easing:l}));e.remove(),e.dataset.position=`0`,e.style.setProperty(s,`0`);let n=`0`;for(let[e,t]of Object.entries(this.items))n=`${Number(e)+1}`,t.dataset.position=n,t.style.setProperty(s,n);this.prepend(e),t.play(),await i(t)}onCardClick(e){let t=e.target.closest(o.tag);t!==null&&this.dispatchEvent(new CustomEvent(`cardtap`,{bubbles:!0,composed:!0,detail:{card:t}}))}updateFadeMask(e){var t,n,r,i;let{scrollTop:a=0,scrollHeight:o=0,clientHeight:s=0}=(e==null?void 0:e.target)??this.root,c=o-s,l=Math.round(a/c*100);if(Number.isNaN(l))return;(t=this.root)==null||t.style.setProperty(`--end-top-mask`,`${Math.min(l,5)}%`),(n=this.root)==null||n.style.setProperty(`--start-bottom-mask`,`${Math.max(l,95)}%`);let u=(r=this.shadowRoot)==null?void 0:r.querySelector(`.fade.top`),d=(i=this.shadowRoot)==null?void 0:i.querySelector(`.fade.bottom`);u!=null&&d!=null&&(u.style.setProperty(`opacity`,`${l/100}`),d.style.setProperty(`opacity`,`${1-l/100}`))}};u.tag=`scandit-card-list`,u.observedAttributes=[`collapsed`];export{u as CardList,c as CardListEvents};

package/build/js/private/ui/atoms/CheckSvgIcon.d.ts

@@ -1,17 +1,16 @@
-/// <reference types="emscripten" />
-import { SvgIcon } from './SvgIcon.js';
-import '../../utils/ScanditHTMLElement.js';
+import { t as SvgIcon } from "../../../SvgIcon-CAR8Tf7x.js";
 
+//#region src/main/private/ui/atoms/CheckSvgIcon.d.ts
 declare class CheckSvgIcon extends SvgIcon {
-    static tag: "scandit-check-icon";
-    static create(): CheckSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-check-icon";
+  static create(): CheckSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [CheckSvgIcon.tag]: CheckSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [CheckSvgIcon.tag]: CheckSvgIcon;
+  }
 }
-
-export { CheckSvgIcon };
+//#endregion
+export { CheckSvgIcon };