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

package/build/js/private/ui/atoms/PrinterSvgIcon.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/PrinterSvgIcon.d.ts
 declare class PrinterSvgIcon extends SvgIcon {
-    static tag: "scandit-printer-icon";
-    static create(): PrinterSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-printer-icon";
+  static create(): PrinterSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [PrinterSvgIcon.tag]: PrinterSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [PrinterSvgIcon.tag]: PrinterSvgIcon;
+  }
 }
-
-export { PrinterSvgIcon };
+//#endregion
+export { PrinterSvgIcon };

package/build/js/private/ui/atoms/PrinterSvgIcon.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 d="M18.1898 10.3216C18.8106 10.3216 19.3139 10.8249 19.3139 11.4457C19.3139 12.0665 18.8106 12.5697 18.1898 12.5697C17.569 12.5697 17.0658 12.0665 17.0658 11.4457C17.0658 10.8249 17.569 10.3216 18.1898 10.3216Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.63557 21.7499C7.60057 21.7499 6.76154 20.9109 6.76154 19.8759V18.3778H5.24807C3.59228 18.3778 2.25 17.0355 2.25 15.3797V10.8836C2.25 9.22781 3.59228 7.88553 5.24807 7.88553H18.7519C20.4077 7.88553 21.75 9.22781 21.75 10.8836V15.3797C21.75 17.0355 20.4077 18.3778 18.7519 18.3778H17.2538V19.8759C17.2538 20.9109 16.4148 21.7499 15.3798 21.7499H8.63557ZM8.26154 19.8759C8.26154 20.0825 8.429 20.2499 8.63557 20.2499H15.3798C15.5864 20.2499 15.7538 20.0825 15.7538 19.8759V15.0042H8.26154V19.8759ZM5.24807 16.8778H6.76154V14.2542C6.76154 13.84 7.09732 13.5042 7.51154 13.5042H16.5038C16.918 13.5042 17.2538 13.84 17.2538 14.2542V16.8778H18.7519C19.5793 16.8778 20.25 16.2071 20.25 15.3797V10.8836C20.25 10.0562 19.5793 9.38553 18.7519 9.38553H5.24807C4.42071 9.38553 3.75 10.0562 3.75 10.8836V15.3797C3.75 16.2071 4.42071 16.8778 5.24807 16.8778Z" fill="${this.fill}"/><path d="M7.51154 7.13749C7.09732 7.13749 6.76154 6.8017 6.76154 6.38749V4.13942C6.76154 3.10442 7.60057 2.26538 8.63557 2.26538H15.3798C16.4148 2.26538 17.2538 3.10442 17.2538 4.13942V6.38749C17.2538 6.8017 16.918 7.13749 16.5038 7.13749C16.0896 7.13749 15.7538 6.8017 15.7538 6.38749V4.13942C15.7538 3.93284 15.5864 3.76538 15.3798 3.76538H8.63557C8.429 3.76538 8.26154 3.93284 8.26154 4.13942V6.38749C8.26154 6.8017 7.92575 7.13749 7.51154 7.13749Z" fill="${this.fill}"/></svg>`}};t.tag="scandit-printer-icon";var r=t;
-export{r as PrinterSvgIcon};
+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 d="M18.1898 10.3216C18.8106 10.3216 19.3139 10.8249 19.3139 11.4457C19.3139 12.0665 18.8106 12.5697 18.1898 12.5697C17.569 12.5697 17.0658 12.0665 17.0658 11.4457C17.0658 10.8249 17.569 10.3216 18.1898 10.3216Z" fill="${this.fill}"/><path fill-rule="evenodd" clip-rule="evenodd" d="M8.63557 21.7499C7.60057 21.7499 6.76154 20.9109 6.76154 19.8759V18.3778H5.24807C3.59228 18.3778 2.25 17.0355 2.25 15.3797V10.8836C2.25 9.22781 3.59228 7.88553 5.24807 7.88553H18.7519C20.4077 7.88553 21.75 9.22781 21.75 10.8836V15.3797C21.75 17.0355 20.4077 18.3778 18.7519 18.3778H17.2538V19.8759C17.2538 20.9109 16.4148 21.7499 15.3798 21.7499H8.63557ZM8.26154 19.8759C8.26154 20.0825 8.429 20.2499 8.63557 20.2499H15.3798C15.5864 20.2499 15.7538 20.0825 15.7538 19.8759V15.0042H8.26154V19.8759ZM5.24807 16.8778H6.76154V14.2542C6.76154 13.84 7.09732 13.5042 7.51154 13.5042H16.5038C16.918 13.5042 17.2538 13.84 17.2538 14.2542V16.8778H18.7519C19.5793 16.8778 20.25 16.2071 20.25 15.3797V10.8836C20.25 10.0562 19.5793 9.38553 18.7519 9.38553H5.24807C4.42071 9.38553 3.75 10.0562 3.75 10.8836V15.3797C3.75 16.2071 4.42071 16.8778 5.24807 16.8778Z" fill="${this.fill}"/><path d="M7.51154 7.13749C7.09732 7.13749 6.76154 6.8017 6.76154 6.38749V4.13942C6.76154 3.10442 7.60057 2.26538 8.63557 2.26538H15.3798C16.4148 2.26538 17.2538 3.10442 17.2538 4.13942V6.38749C17.2538 6.8017 16.918 7.13749 16.5038 7.13749C16.0896 7.13749 15.7538 6.8017 15.7538 6.38749V4.13942C15.7538 3.93284 15.5864 3.76538 15.3798 3.76538H8.63557C8.429 3.76538 8.26154 3.93284 8.26154 4.13942V6.38749C8.26154 6.8017 7.92575 7.13749 7.51154 7.13749Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-printer-icon`;export{r as PrinterSvgIcon};

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

@@ -1,28 +1,28 @@
-/// <reference types="emscripten" />
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
 
+//#region src/main/private/ui/atoms/ProgressBar.d.ts
 declare const tag: "scandit-progress-bar";
 declare class ProgressBar extends ScanditHTMLElement {
-    static readonly tag: "scandit-progress-bar";
-    private progress;
-    constructor();
-    private static get observedAttributes();
-    private static createStyleElement;
-    get min(): number;
-    get max(): number;
-    set max(value: number | null);
-    get value(): number | null;
-    set value(value: number | null | undefined);
-    static create(): ProgressBar;
-    static register(): void;
-    protected attributeChangedCallback(): void;
-    protected connectedCallback(): void;
-    private update;
+  static readonly tag: "scandit-progress-bar";
+  private progress;
+  constructor();
+  private static get observedAttributes();
+  private static createStyleElement;
+  get min(): number;
+  get max(): number;
+  set max(value: number | null);
+  get value(): number | null;
+  set value(value: number | null | undefined);
+  static create(): ProgressBar;
+  static register(): void;
+  protected attributeChangedCallback(): void;
+  protected connectedCallback(): void;
+  private update;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [tag]: ProgressBar;
-    }
+  interface HTMLElementTagNameMap {
+    [tag]: ProgressBar;
+  }
 }
-
-export { ProgressBar };
+//#endregion
+export { ProgressBar };

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

@@ -1 +1 @@
-export{a as ProgressBar}from'../../../chunks/chunk-V2OKMBZD.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{gray300 as i,primaryTeal100 as a,primaryTeal50 as o,primaryTeal75 as s}from"../colors.js";const c=`aria-valuenow`;var l=class l extends r{constructor(){super();let e=this.attachShadow({mode:`open`});e.innerHTML=n`<div id="scandit-progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">`,e.append(l.createStyleElement().cloneNode(!0)),this.progress=e.querySelector(`#scandit-progress`)}static get observedAttributes(){return[`value`,`min`,`max`]}static createStyleElement(){return t`:host{display:inline-block;--indeterminate-bubble-width:35%;--accent-color:#${s.toJSON()};--start-gradient-color:#${a.toJSON()};--end-gradient-color:#${o.toJSON()};--secondary-color:#${i.toJSON()};width:100%}:host [role=progressbar]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;height:.5rem;overflow:hidden;position:relative}:host [role=progressbar]:after,:host [role=progressbar]:before{background:var(--accent-color);border-radius:.5rem;content:" ";height:.5rem;left:0;position:absolute;top:0}:host([variant=gradient]) [role=progressbar]:after,:host([variant=gradient]) [role=progressbar]:before{background:linear-gradient(90deg,var(--start-gradient-color) 0,var(--end-gradient-color) 100%)}:host(:focus-visible){border-radius:.5rem;outline-color:var(--accent-color);outline-offset:5px}:host [role=progressbar]:not([aria-valuenow]):after{animation:indeterminate-progress-bar 2.5s ease infinite;width:var(--indeterminate-bubble-width);z-index:1}:host [role=progressbar][aria-valuenow]:after{animation:none;width:0}:host [role=progressbar][aria-valuenow]:before{background-color:var(--accent-color);border-radius:.5rem;transition:width .3s linear;width:calc(var(--aria-valuenow)*1%)}:host [role=progressbar]{background-color:var(--secondary-color);border-radius:.5rem}@keyframes indeterminate-progress-bar{0%{left:0}50%{left:calc(100% - var(--indeterminate-bubble-width))}}`}get min(){let e=this.getAttribute(`min`)??0;return Number(e)}get max(){let e=this.getAttribute(`max`)??1;return Number(e)}set max(e){e!==null&&this.setAttribute(`max`,String(e))}get value(){let e=this.getAttribute(`value`);return e==null||e===``?null:Number(e)}set value(e){if(e==null){this.removeAttribute(`value`);return}e>=this.min&&e<=this.max&&this.setAttribute(`value`,String(e))}static create(){return l.register(),document.createElement(l.tag)}static register(){e({[l.tag]:l})}attributeChangedCallback(){this.update()}connectedCallback(){this.update()}update(){let{min:e,max:t,value:n,progress:r}=this;if(r==null||r.setAttribute(`aria-valuemin`,e.toString()),r==null||r.setAttribute(`aria-valuemax`,t.toString()),n==null){r==null||r.removeAttribute(c),r==null||r.removeAttribute(`style`);return}if(n>=e&&n<=t){let i=(n-e)/(t-e)*100,a=String(i);r==null||r.setAttribute(c,a),r==null||r.setAttribute(`style`,`--${c}: ${a}`)}}};l.tag=`scandit-progress-bar`;export{l as ProgressBar};

package/build/js/private/ui/atoms/QuestionMarkSvgIcon.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/QuestionMarkSvgIcon.d.ts
 declare class QuestionMarkSvgIcon extends SvgIcon {
-    static tag: "scandit-question-mark-icon";
-    static register(): void;
-    static create(): QuestionMarkSvgIcon;
-    protected render(): string;
+  static tag: "scandit-question-mark-icon";
+  static register(): void;
+  static create(): QuestionMarkSvgIcon;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [QuestionMarkSvgIcon.tag]: QuestionMarkSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [QuestionMarkSvgIcon.tag]: QuestionMarkSvgIcon;
+  }
 }
-
-export { QuestionMarkSvgIcon };
+//#endregion
+export { QuestionMarkSvgIcon };

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

@@ -1 +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 register(){a$1({[t.tag]:t});}static create(){return t.register(),document.createElement(t.tag)}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"><path d="M11.4944 16.8837C11.1727 16.8837 10.9124 16.6083 10.9124 16.2679C10.9124 15.4624 11.0204 14.7667 11.2353 14.1817C11.3929 13.7407 11.6488 13.2963 12.0008 12.8473C12.26 12.5206 12.7242 12.043 13.3958 11.4169C14.0674 10.7897 14.5036 10.2905 14.7056 9.91801C14.9075 9.54556 15.0068 9.13884 15.0068 8.69785C15.0068 7.89926 14.712 7.19893 14.1236 6.59456C13.5351 5.99019 12.8128 5.68858 11.9576 5.68858C11.1316 5.68858 10.4417 5.96277 9.88885 6.51001C9.48503 6.90988 9.18162 7.47426 8.98079 8.20316C8.84259 8.70356 8.38154 9.02345 7.89242 8.96176C7.27265 8.88407 6.86451 8.23515 7.04158 7.60108C7.31368 6.62655 7.76933 5.84167 8.40745 5.2453C9.29392 4.41472 10.4665 4 11.9252 4C13.4693 4 14.7012 4.44442 15.6212 5.33441C16.5411 6.2244 17 7.29946 17 8.56075C17 9.29079 16.838 9.96371 16.5152 10.5784C16.1924 11.1942 15.5596 11.9425 14.6192 12.8245C13.9875 13.4174 13.574 13.855 13.3796 14.136C13.1853 14.4171 13.0417 14.7404 12.9488 15.1048C12.8797 15.3756 12.8322 15.7732 12.8063 16.2953C12.7901 16.6243 12.532 16.8825 12.2211 16.8825H11.4944V16.8837ZM10.8045 19.8313C10.8045 19.1858 11.299 18.6625 11.909 18.6625C12.5191 18.6625 13.0136 19.1858 13.0136 19.8313C13.0136 20.4767 12.5191 21 11.909 21C11.299 21 10.8045 20.4767 10.8045 19.8313Z" fill="${this.fill}"/></svg>`}};t.tag="scandit-question-mark-icon";var s=t;export{s as QuestionMarkSvgIcon};
+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 register(){e({[r.tag]:r})}static create(){return r.register(),document.createElement(r.tag)}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"><path d="M11.4944 16.8837C11.1727 16.8837 10.9124 16.6083 10.9124 16.2679C10.9124 15.4624 11.0204 14.7667 11.2353 14.1817C11.3929 13.7407 11.6488 13.2963 12.0008 12.8473C12.26 12.5206 12.7242 12.043 13.3958 11.4169C14.0674 10.7897 14.5036 10.2905 14.7056 9.91801C14.9075 9.54556 15.0068 9.13884 15.0068 8.69785C15.0068 7.89926 14.712 7.19893 14.1236 6.59456C13.5351 5.99019 12.8128 5.68858 11.9576 5.68858C11.1316 5.68858 10.4417 5.96277 9.88885 6.51001C9.48503 6.90988 9.18162 7.47426 8.98079 8.20316C8.84259 8.70356 8.38154 9.02345 7.89242 8.96176C7.27265 8.88407 6.86451 8.23515 7.04158 7.60108C7.31368 6.62655 7.76933 5.84167 8.40745 5.2453C9.29392 4.41472 10.4665 4 11.9252 4C13.4693 4 14.7012 4.44442 15.6212 5.33441C16.5411 6.2244 17 7.29946 17 8.56075C17 9.29079 16.838 9.96371 16.5152 10.5784C16.1924 11.1942 15.5596 11.9425 14.6192 12.8245C13.9875 13.4174 13.574 13.855 13.3796 14.136C13.1853 14.4171 13.0417 14.7404 12.9488 15.1048C12.8797 15.3756 12.8322 15.7732 12.8063 16.2953C12.7901 16.6243 12.532 16.8825 12.2211 16.8825H11.4944V16.8837ZM10.8045 19.8313C10.8045 19.1858 11.299 18.6625 11.909 18.6625C12.5191 18.6625 13.0136 19.1858 13.0136 19.8313C13.0136 20.4767 12.5191 21 11.909 21C11.299 21 10.8045 20.4767 10.8045 19.8313Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-question-mark-icon`;export{r as QuestionMarkSvgIcon};

package/build/js/private/ui/atoms/RestartSvgIcon.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/RestartSvgIcon.d.ts
 declare class RestartSvgIcon extends SvgIcon {
-    static tag: "scandit-restart-icon";
-    static create(): RestartSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-restart-icon";
+  static create(): RestartSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [RestartSvgIcon.tag]: RestartSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [RestartSvgIcon.tag]: RestartSvgIcon;
+  }
 }
-
-export { RestartSvgIcon };
+//#endregion
+export { RestartSvgIcon };

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

@@ -1 +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 t.register(),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(17,16)}" viewBox="0 0 17 16" fill="none"><path d="M2.00003 6.76172C1.44774 6.76172 1.00003 6.314 1.00003 5.76172C1.00003 5.20943 1.44774 4.76172 2.00003 4.76172V6.76172ZM2.00003 4.76172H11V6.76172H2.00003V4.76172ZM11 4.76172C12.6783 4.76172 13.9932 5.4615 14.869 6.5363C15.7249 7.58675 16.125 8.9459 16.125 10.2617C16.125 11.5775 15.7249 12.9367 14.869 13.9871C13.9932 15.0619 12.6783 15.7617 11 15.7617V13.7617C12.0718 13.7617 12.8193 13.3365 13.3185 12.7238C13.8376 12.0867 14.125 11.1959 14.125 10.2617C14.125 9.32754 13.8376 8.43669 13.3185 7.79964C12.8193 7.18694 12.0718 6.76172 11 6.76172V4.76172ZM11 15.7617H3.00003V13.7617H11V15.7617Z" fill="${this.fill}"/><path d="M5 9.76172L1 5.76172L5 1.76172" stroke="${this.fill}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`}};t.tag="scandit-restart-icon";var s=t;export{s as RestartSvgIcon};
+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(17,16)}" viewBox="0 0 17 16" fill="none"><path d="M2.00003 6.76172C1.44774 6.76172 1.00003 6.314 1.00003 5.76172C1.00003 5.20943 1.44774 4.76172 2.00003 4.76172V6.76172ZM2.00003 4.76172H11V6.76172H2.00003V4.76172ZM11 4.76172C12.6783 4.76172 13.9932 5.4615 14.869 6.5363C15.7249 7.58675 16.125 8.9459 16.125 10.2617C16.125 11.5775 15.7249 12.9367 14.869 13.9871C13.9932 15.0619 12.6783 15.7617 11 15.7617V13.7617C12.0718 13.7617 12.8193 13.3365 13.3185 12.7238C13.8376 12.0867 14.125 11.1959 14.125 10.2617C14.125 9.32754 13.8376 8.43669 13.3185 7.79964C12.8193 7.18694 12.0718 6.76172 11 6.76172V4.76172ZM11 15.7617H3.00003V13.7617H11V15.7617Z" fill="${this.fill}"/><path d="M5 9.76172L1 5.76172L5 1.76172" stroke="${this.fill}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>`}};r.tag=`scandit-restart-icon`;export{r as RestartSvgIcon};

package/build/js/private/ui/atoms/RoundedCheckSvgIcon.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/RoundedCheckSvgIcon.d.ts
 declare class RoundedCheckSvgIcon extends SvgIcon {
-    static tag: "scandit-rounded-check-icon";
-    static create(): RoundedCheckSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-rounded-check-icon";
+  static create(): RoundedCheckSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [RoundedCheckSvgIcon.tag]: RoundedCheckSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [RoundedCheckSvgIcon.tag]: RoundedCheckSvgIcon;
+  }
 }
-
-export { RoundedCheckSvgIcon };
+//#endregion
+export { RoundedCheckSvgIcon };

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

@@ -1 +1 @@
-export{a as RoundedCheckSvgIcon}from'../../../chunks/chunk-6EEMWSEO.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 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"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM16.7337 10.4937C17.0888 10.152 17.0888 9.59799 16.7337 9.25628C16.3787 8.91457 15.8031 8.91457 15.4481 9.25628L10.6364 13.8876L8.55192 11.8813C8.19689 11.5396 7.62129 11.5396 7.26627 11.8813C6.91124 12.223 6.91124 12.777 7.26627 13.1187L9.99354 15.7437C10.3486 16.0854 10.9242 16.0854 11.2792 15.7437L16.7337 10.4937Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-rounded-check-icon`;export{r as RoundedCheckSvgIcon};

package/build/js/private/ui/atoms/RoundedCrossSvgIcon.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/RoundedCrossSvgIcon.d.ts
 declare class RoundedCrossSvgIcon extends SvgIcon {
-    static tag: "scandit-rounded-cross-icon";
-    static create(): RoundedCrossSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-rounded-cross-icon";
+  static create(): RoundedCrossSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [RoundedCrossSvgIcon.tag]: RoundedCrossSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [RoundedCrossSvgIcon.tag]: RoundedCrossSvgIcon;
+  }
 }
-
-export { RoundedCrossSvgIcon };
+//#endregion
+export { RoundedCrossSvgIcon };

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

@@ -1 +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 e.register(),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"><path d="M8 8L16 16M16 8L8 16" stroke="${this.fill}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="9" stroke="${this.fill}" stroke-width="2"/></svg>`}};e.tag="scandit-rounded-cross-icon";var s=e;export{s as RoundedCrossSvgIcon};
+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"><path d="M8 8L16 16M16 8L8 16" stroke="${this.fill}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="12" cy="12" r="9" stroke="${this.fill}" stroke-width="2"/></svg>`}};r.tag=`scandit-rounded-cross-icon`;export{r as RoundedCrossSvgIcon};

package/build/js/private/ui/atoms/RoundedExclamationMarkSvgIcon.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/RoundedExclamationMarkSvgIcon.d.ts
 declare class RoundedExclamationMarkSvgIcon extends SvgIcon {
-    static tag: "scandit-rounded-exclamation-mark-icon";
-    static create(): RoundedExclamationMarkSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-rounded-exclamation-mark-icon";
+  static create(): RoundedExclamationMarkSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [RoundedExclamationMarkSvgIcon.tag]: RoundedExclamationMarkSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [RoundedExclamationMarkSvgIcon.tag]: RoundedExclamationMarkSvgIcon;
+  }
 }
-
-export { RoundedExclamationMarkSvgIcon };
+//#endregion
+export { RoundedExclamationMarkSvgIcon };

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

@@ -1 +1 @@
-export{a as RoundedExclamationMarkSvgIcon}from'../../../chunks/chunk-3MKSI2DV.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 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"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM12 7C11.4477 7 11 7.44772 11 8V13C11 13.5523 11.4477 14 12 14C12.5523 14 13 13.5523 13 13V8C13 7.44772 12.5523 7 12 7ZM12 17C12.5523 17 13 16.5523 13 16C13 15.4477 12.5523 15 12 15C11.4477 15 11 15.4477 11 16C11 16.5523 11.4477 17 12 17Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-rounded-exclamation-mark-icon`;export{r as RoundedExclamationMarkSvgIcon};

package/build/js/private/ui/atoms/ScanSvgIcon.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/ScanSvgIcon.d.ts
 declare class ScanSvgIcon extends SvgIcon {
-    static tag: "scandit-scan-icon";
-    static create(): ScanSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-scan-icon";
+  static create(): ScanSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [ScanSvgIcon.tag]: ScanSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [ScanSvgIcon.tag]: ScanSvgIcon;
+  }
 }
-
-export { ScanSvgIcon };
+//#endregion
+export { ScanSvgIcon };

package/build/js/private/ui/atoms/ScanSvgIcon.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 a=class a extends a$1{static create(){return document.createElement(a.tag)}static register(){a$2({[a.tag]:a});}render(){return a$3`<style>${a.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="#16191C" d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19v-3a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 15c.283 0 .52.096.713.287.191.192.287.43.287.713v3h3a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 8 21H5Zm14 0h-3a.968.968 0 0 1-.713-.288A.968.968 0 0 1 15 20a.97.97 0 0 1 .287-.712A.968.968 0 0 1 16 19h3v-3a.97.97 0 0 1 .288-.713A.968.968 0 0 1 20 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v3c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21ZM3 8V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h3a.97.97 0 0 1 .713.288C8.904 3.479 9 3.717 9 4s-.096.52-.287.713A.968.968 0 0 1 8 5H5v3c0 .283-.096.52-.287.713A.968.968 0 0 1 4 9a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 8Zm16 0V5h-3a.968.968 0 0 1-.713-.287A.967.967 0 0 1 15 4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 16 3h3c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v3a.97.97 0 0 1-.288.713A.968.968 0 0 1 20 9a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 8Zm3 3a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2h20Z"/></g></svg>`}};a.tag="scandit-scan-icon";var e=a;e.register();export{e as ScanSvgIcon};
+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"><mask id="a" width="24" height="24" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M0 0h24v24H0z"/></mask><g mask="url(#a)"><path fill="#16191C" d="M5 21c-.55 0-1.02-.196-1.413-.587A1.926 1.926 0 0 1 3 19v-3a.97.97 0 0 1 .288-.713A.967.967 0 0 1 4 15c.283 0 .52.096.713.287.191.192.287.43.287.713v3h3a.97.97 0 0 1 .713.288c.191.191.287.429.287.712s-.096.52-.287.712A.967.967 0 0 1 8 21H5Zm14 0h-3a.968.968 0 0 1-.713-.288A.968.968 0 0 1 15 20a.97.97 0 0 1 .287-.712A.968.968 0 0 1 16 19h3v-3a.97.97 0 0 1 .288-.713A.968.968 0 0 1 20 15a.97.97 0 0 1 .712.287c.192.192.288.43.288.713v3c0 .55-.196 1.02-.587 1.413A1.926 1.926 0 0 1 19 21ZM3 8V5c0-.55.196-1.02.587-1.413A1.926 1.926 0 0 1 5 3h3a.97.97 0 0 1 .713.288C8.904 3.479 9 3.717 9 4s-.096.52-.287.713A.968.968 0 0 1 8 5H5v3c0 .283-.096.52-.287.713A.968.968 0 0 1 4 9a.968.968 0 0 1-.712-.287A.968.968 0 0 1 3 8Zm16 0V5h-3a.968.968 0 0 1-.713-.287A.967.967 0 0 1 15 4a.97.97 0 0 1 .287-.712A.968.968 0 0 1 16 3h3c.55 0 1.02.196 1.413.587.39.393.587.863.587 1.413v3a.97.97 0 0 1-.288.713A.968.968 0 0 1 20 9a.968.968 0 0 1-.712-.287A.967.967 0 0 1 19 8Zm3 3a1 1 0 1 1 0 2H2a1 1 0 1 1 0-2h20Z"/></g></svg>`}};r.tag=`scandit-scan-icon`,r.register();export{r as ScanSvgIcon};

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

@@ -1,42 +1,42 @@
-/// <reference types="emscripten" />
-import { ScanditHTMLElement } from '../../utils/ScanditHTMLElement.js';
+import { t as ScanditHTMLElement } from "../../../ScanditHTMLElement-CrbGsFpn.js";
 
+//#region src/main/private/ui/atoms/ShutterButton.d.ts
 declare const VARIANTS: {
-    readonly default: "default";
-    readonly play: "play";
-    readonly pause: "pause";
+  readonly default: "default";
+  readonly play: "play";
+  readonly pause: "pause";
 };
 type Variant<T = typeof VARIANTS> = T[keyof T];
 declare class ShutterButton extends ScanditHTMLElement {
-    static readonly tag: "scandit-shutter-button";
-    private _button;
-    private _mainSVGCircle;
-    shadowRoot: ShadowRoot;
-    constructor();
-    static get observedAttributes(): string[];
-    set variant(newState: Variant);
-    get variant(): Variant;
-    set pulse(pulse: boolean);
-    get pulse(): boolean;
-    set rotating(rotating: boolean);
-    get rotating(): boolean;
-    static register(): void;
-    static create(): ShutterButton;
-    /**
-     * Only handle side effect of attribute changes here, or you may create a loop.
-     * See https://web.dev/articles/custom-elements-best-practices#avoid_reentrancy_issues
-     */
-    attributeChangedCallback(name: string): void;
-    private checkVariant;
-    private refreshButtonWidth;
-    private connectedCallback;
-    private isValidState;
-    private appendStyle;
+  static readonly tag: "scandit-shutter-button";
+  private _button;
+  private _mainSVGCircle;
+  shadowRoot: ShadowRoot;
+  constructor();
+  static get observedAttributes(): string[];
+  set variant(newState: Variant);
+  get variant(): Variant;
+  set pulse(pulse: boolean);
+  get pulse(): boolean;
+  set rotating(rotating: boolean);
+  get rotating(): boolean;
+  static register(): void;
+  static create(): ShutterButton;
+  /**
+   * Only handle side effect of attribute changes here, or you may create a loop.
+   * See https://web.dev/articles/custom-elements-best-practices#avoid_reentrancy_issues
+   */
+  attributeChangedCallback(name: string): void;
+  private checkVariant;
+  private refreshButtonWidth;
+  private connectedCallback;
+  private isValidState;
+  private appendStyle;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [ShutterButton.tag]: ShutterButton;
-    }
+  interface HTMLElementTagNameMap {
+    [ShutterButton.tag]: ShutterButton;
+  }
 }
-
-export { ShutterButton, VARIANTS, type Variant };
+//#endregion
+export { ShutterButton, VARIANTS, Variant };

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

@@ -1 +1 @@
-import {a}from'../../../chunks/chunk-UWBNF47P.js';import {a as a$2}from'../../../chunks/chunk-3A4KLILV.js';import {a as a$1}from'../../../chunks/chunk-EV4OEANA.js';import {a as a$4}from'../../../chunks/chunk-LSZZVJ6B.js';import {a as a$3}from'../../../chunks/chunk-XR65N6EG.js';var h="play",p="pause",b=a`<svg viewBox="0 0 100 100"><defs><mask id="${h}"><rect width="100" height="100" fill="white"/><path d="M40 59.4416V40.5584C40 39.8297 40.7543 39.3457 41.4167 39.6493L62.0166 49.0909C62.7944 49.4474 62.7944 50.5526 62.0166 50.9091L41.4167 60.3507C40.7543 60.6543 40 60.1703 40 59.4416Z" fill="black"/></mask><mask id="${p}"><rect width="100" height="100" fill="white"/><rect x="40" y="38" width="8" height="24" rx="2" fill="black"/><rect x="52" y="38" width="8" height="24" rx="2" fill="black"/></mask></defs><g class=""><circle id="main-circle" class="center" cx="50" cy="50" r="40" fill="white" mask="url(#${h})"/><circle class="border" cx="50" cy="50" r="48" fill="none" stroke-width="3" stroke="white"/></g></svg>`;function f(){return a$4`:host{--button-width:0px;display:inline-block;touch-action:manipulation}:host([hidden]){display:none}button{background:none;border:none;border-radius:100%;line-height:0;margin:0;padding:0;touch-action:manipulation}button.pulse{animation:pulsate 2s infinite;animation-delay:.3s;border-radius:100%;box-shadow:0 0 0 0 #ffffff80}svg{position:relative;width:100%}@keyframes pulsate{0%{transform:scale(1)}5%{box-shadow:0 0 0 0 #ffffff80;transform:scale(.9)}20%{transform:scale(1)}to{box-shadow:0 0 0 calc(var(--button-width)/2) #fff0}}`}function g(){return a$4`.rotating .border{animation-direction:normal;animation-duration:4s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotating-stroke;animation-timing-function:linear;stroke-dasharray:302 301;transform-origin:center}@keyframes rotating-stroke{0%{stroke-dasharray:302 301;transform:rotate(0)}50%{stroke-dasharray:1 301}51%{stroke-dasharray:0 291 10}to{stroke-dasharray:0 1 301;transform:rotate(-2turn)}}`}var c={default:"default",play:"play",pause:"pause"},i=class i extends a$1{constructor(){super();this._mainSVGCircle=null;this.shadowRoot||this.attachShadow({mode:"open"});}static get observedAttributes(){return ["variant","pulse","rotating"]}set variant(t){this.checkVariant(t)&&this.setAttribute("variant",t);}get variant(){var t;return (t=this.getAttribute("variant"))!=null?t:"default"}set pulse(t){t?this.setAttribute("pulse",""):this.removeAttribute("pulse");}get pulse(){return this.hasAttribute("pulse")}set rotating(t){t?this.setAttribute("rotating",""):this.removeAttribute("rotating");}get rotating(){return this.hasAttribute("rotating")}static register(){a$2({[i.tag]:i});}static create(){return i.register(),document.createElement(i.tag)}attributeChangedCallback(t){var e,r,n;if(t==="variant"){if(!this.checkVariant(this.getAttribute("variant"))){this.variant="default";return}this._button&&(this.refreshButtonWidth(),this._button.classList.add(this.variant),(e=this._mainSVGCircle)==null||e.setAttribute("mask",`url(#${this.variant})`));}t==="pulse"&&(this.refreshButtonWidth(),(r=this._button)==null||r.classList.toggle("pulse",this.pulse)),t==="rotating"&&((n=this._button)==null||n.classList.toggle("rotating",this.rotating));}checkVariant(t){return this.isValidState(t)?true:(a$3.warn(`Invalid variant: "${t}". Must be one of ${Object.values(c).toString()}`),false)}refreshButtonWidth(){var e;let{width:t}=this.getBoundingClientRect();(e=this._button)==null||e.style.setProperty("--button-width",`${t}px`);}connectedCallback(){var t;this.hasAttribute("variant")||(this.variant="default"),this._button||(this._button=document.createElement("button"),this._button.innerHTML=b,this._button.classList.add(this.variant),this._button.classList.toggle("pulse",this.pulse),this._button.classList.toggle("rotating",this.rotating),this.shadowRoot.append(this._button),this.appendStyle(),this._mainSVGCircle=this._button.querySelector("#main-circle"),(t=this._mainSVGCircle)==null||t.setAttribute("mask",`url(#${this.variant})`),this.refreshButtonWidth());}isValidState(t){return t==null?false:Object.values(c).includes(t)}appendStyle(){var t;this.shadowRoot.append(f().cloneNode(true)),(t=this.shadowRoot.querySelector("svg"))==null||t.prepend(g().cloneNode(true));}};i.tag="scandit-shutter-button";var d=i;export{d as ShutterButton,c as VARIANTS};
+import{Logger as e}from"../../../logger.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=`play`,o=r`<svg viewBox="0 0 100 100"><defs><mask id="${a}"><rect width="100" height="100" fill="white"/><path d="M40 59.4416V40.5584C40 39.8297 40.7543 39.3457 41.4167 39.6493L62.0166 49.0909C62.7944 49.4474 62.7944 50.5526 62.0166 50.9091L41.4167 60.3507C40.7543 60.6543 40 60.1703 40 59.4416Z" fill="black"/></mask><mask id="${`pause`}"><rect width="100" height="100" fill="white"/><rect x="40" y="38" width="8" height="24" rx="2" fill="black"/><rect x="52" y="38" width="8" height="24" rx="2" fill="black"/></mask></defs><g class=""><circle id="main-circle" class="center" cx="50" cy="50" r="40" fill="white" mask="url(#${a})"/><circle class="border" cx="50" cy="50" r="48" fill="none" stroke-width="3" stroke="white"/></g></svg>`;function s(){return n`:host{--button-width:0px;display:inline-block;touch-action:manipulation}:host([hidden]){display:none}button{background:none;border:none;border-radius:100%;line-height:0;margin:0;padding:0;touch-action:manipulation}button.pulse{animation:pulsate 2s infinite;animation-delay:.3s;border-radius:100%;box-shadow:0 0 0 0 #ffffff80}svg{position:relative;width:100%}@keyframes pulsate{0%{transform:scale(1)}5%{box-shadow:0 0 0 0 #ffffff80;transform:scale(.9)}20%{transform:scale(1)}to{box-shadow:0 0 0 calc(var(--button-width)/2) #fff0}}`}function c(){return n`.rotating .border{animation-direction:normal;animation-duration:4s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:rotating-stroke;animation-timing-function:linear;stroke-dasharray:302 301;transform-origin:center}@keyframes rotating-stroke{0%{stroke-dasharray:302 301;transform:rotate(0)}50%{stroke-dasharray:1 301}51%{stroke-dasharray:0 291 10}to{stroke-dasharray:0 1 301;transform:rotate(-2turn)}}`}const l={default:`default`,play:`play`,pause:`pause`};var u=class n extends i{constructor(){super(),this._mainSVGCircle=null,this.shadowRoot||this.attachShadow({mode:`open`})}static get observedAttributes(){return[`variant`,`pulse`,`rotating`]}set variant(e){this.checkVariant(e)&&this.setAttribute(`variant`,e)}get variant(){return this.getAttribute(`variant`)??`default`}set pulse(e){e?this.setAttribute(`pulse`,``):this.removeAttribute(`pulse`)}get pulse(){return this.hasAttribute(`pulse`)}set rotating(e){e?this.setAttribute(`rotating`,``):this.removeAttribute(`rotating`)}get rotating(){return this.hasAttribute(`rotating`)}static register(){t({[n.tag]:n})}static create(){return n.register(),document.createElement(n.tag)}attributeChangedCallback(e){if(e===`variant`){if(!this.checkVariant(this.getAttribute(`variant`))){this.variant=`default`;return}if(this._button){var t;this.refreshButtonWidth(),this._button.classList.add(this.variant),(t=this._mainSVGCircle)==null||t.setAttribute(`mask`,`url(#${this.variant})`)}}if(e===`pulse`){var n;this.refreshButtonWidth(),(n=this._button)==null||n.classList.toggle(`pulse`,this.pulse)}if(e===`rotating`){var r;(r=this._button)==null||r.classList.toggle(`rotating`,this.rotating)}}checkVariant(t){return this.isValidState(t)?!0:(e.warn(`Invalid variant: "${t}". Must be one of ${Object.values(l).toString()}`),!1)}refreshButtonWidth(){var e;let{width:t}=this.getBoundingClientRect();(e=this._button)==null||e.style.setProperty(`--button-width`,`${t}px`)}connectedCallback(){if(this.hasAttribute(`variant`)||(this.variant=`default`),!this._button){var e;this._button=document.createElement(`button`),this._button.innerHTML=o,this._button.classList.add(this.variant),this._button.classList.toggle(`pulse`,this.pulse),this._button.classList.toggle(`rotating`,this.rotating),this.shadowRoot.append(this._button),this.appendStyle(),this._mainSVGCircle=this._button.querySelector(`#main-circle`),(e=this._mainSVGCircle)==null||e.setAttribute(`mask`,`url(#${this.variant})`),this.refreshButtonWidth()}}isValidState(e){return e==null?!1:Object.values(l).includes(e)}appendStyle(){var e;this.shadowRoot.append(s().cloneNode(!0)),(e=this.shadowRoot.querySelector(`svg`))==null||e.prepend(c().cloneNode(!0))}};u.tag=`scandit-shutter-button`;export{u as ShutterButton,l as VARIANTS};

package/build/js/private/ui/atoms/SlashSvgIcon.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/SlashSvgIcon.d.ts
 declare class SlashSvgIcon extends SvgIcon {
-    static tag: "scandit-slash-icon";
-    static create(): SlashSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-slash-icon";
+  static create(): SlashSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [SlashSvgIcon.tag]: SlashSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [SlashSvgIcon.tag]: SlashSvgIcon;
+  }
 }
-
-export { SlashSvgIcon };
+//#endregion
+export { SlashSvgIcon };

package/build/js/private/ui/atoms/SlashSvgIcon.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 t=class t extends a$1{static create(){return t.register(),document.createElement(t.tag)}static register(){a$2({[t.tag]:t});}render(){return a$3`<style>${t.tag}{display:flex}</style><svg width="${this.size}" height="${this.heightForViewbox(24,24)}" viewBox="0 0 24 24" fill="none"><mask id="mask0_6868_2101" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="#D9D9D9"/></mask><g mask="url(#mask0_6868_2101)"><path d="M18.7 18.7C18.8833 18.5167 18.975 18.2833 18.975 18C18.975 17.7167 18.8833 17.4833 18.7 17.3L6.69998 5.3C6.51664 5.1 6.28747 5 6.01248 5C5.73748 5 5.49998 5.1 5.29998 5.3C5.11664 5.48333 5.02498 5.71667 5.02498 6C5.02498 6.28333 5.11664 6.51667 5.29998 6.7L17.3 18.7C17.4833 18.8833 17.7166 18.975 18 18.975C18.2833 18.975 18.5166 18.8833 18.7 18.7Z" fill="${this.fill}"/></g></svg>`}};t.tag="scandit-slash-icon";var a=t;export{a as SlashSvgIcon};
+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"><mask id="mask0_6868_2101" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="#D9D9D9"/></mask><g mask="url(#mask0_6868_2101)"><path d="M18.7 18.7C18.8833 18.5167 18.975 18.2833 18.975 18C18.975 17.7167 18.8833 17.4833 18.7 17.3L6.69998 5.3C6.51664 5.1 6.28747 5 6.01248 5C5.73748 5 5.49998 5.1 5.29998 5.3C5.11664 5.48333 5.02498 5.71667 5.02498 6C5.02498 6.28333 5.11664 6.51667 5.29998 6.7L17.3 18.7C17.4833 18.8833 17.7166 18.975 18 18.975C18.2833 18.975 18.5166 18.8833 18.7 18.7Z" fill="${this.fill}"/></g></svg>`}};r.tag=`scandit-slash-icon`;export{r as SlashSvgIcon};

package/build/js/private/ui/atoms/StarFilledSvgIcon.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/StarFilledSvgIcon.d.ts
 declare class StarFilledSvgIcon extends SvgIcon {
-    static tag: "scandit-star-filled-icon";
-    static create(): StarFilledSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-star-filled-icon";
+  static create(): StarFilledSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [StarFilledSvgIcon.tag]: StarFilledSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [StarFilledSvgIcon.tag]: StarFilledSvgIcon;
+  }
 }
-
-export { StarFilledSvgIcon };
+//#endregion
+export { StarFilledSvgIcon };

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

@@ -1 +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 t.register(),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"><path d="M19.7201 10.2996L16.2384 13.6936L17.0606 18.4872C17.0964 18.6968 17.0103 18.9087 16.8382 19.0339C16.7409 19.1049 16.6252 19.1406 16.5095 19.1406C16.4206 19.1406 16.3312 19.1194 16.2496 19.0763L11.9445 16.8131L7.63996 19.0758C7.45215 19.1753 7.22354 19.1591 7.05138 19.0333C6.87922 18.9081 6.79314 18.6963 6.82891 18.4866L7.65114 13.693L4.16883 10.2996C4.0168 10.1509 3.96146 9.92844 4.02742 9.72666C4.09337 9.52488 4.26833 9.37675 4.47905 9.34601L9.29112 8.64731L11.4431 4.28633C11.6315 3.90456 12.2575 3.90456 12.4459 4.28633L14.5979 8.64731L19.4099 9.34601C19.6207 9.37675 19.7956 9.52432 19.8616 9.72666C19.9275 9.929 19.8722 10.1504 19.7201 10.2996Z" fill="${this.fill}"/></svg>`}};t.tag="scandit-star-filled-icon";var r=t;export{r as StarFilledSvgIcon};
+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"><path d="M19.7201 10.2996L16.2384 13.6936L17.0606 18.4872C17.0964 18.6968 17.0103 18.9087 16.8382 19.0339C16.7409 19.1049 16.6252 19.1406 16.5095 19.1406C16.4206 19.1406 16.3312 19.1194 16.2496 19.0763L11.9445 16.8131L7.63996 19.0758C7.45215 19.1753 7.22354 19.1591 7.05138 19.0333C6.87922 18.9081 6.79314 18.6963 6.82891 18.4866L7.65114 13.693L4.16883 10.2996C4.0168 10.1509 3.96146 9.92844 4.02742 9.72666C4.09337 9.52488 4.26833 9.37675 4.47905 9.34601L9.29112 8.64731L11.4431 4.28633C11.6315 3.90456 12.2575 3.90456 12.4459 4.28633L14.5979 8.64731L19.4099 9.34601C19.6207 9.37675 19.7956 9.52432 19.8616 9.72666C19.9275 9.929 19.8722 10.1504 19.7201 10.2996Z" fill="${this.fill}"/></svg>`}};r.tag=`scandit-star-filled-icon`;export{r as StarFilledSvgIcon};

package/build/js/private/ui/atoms/StarHalfFilledSvgIcon.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/StarHalfFilledSvgIcon.d.ts
 declare class StarHalfFilledSvgIcon extends SvgIcon {
-    static tag: "scandit-half-star-icon";
-    static create(): StarHalfFilledSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-half-star-icon";
+  static create(): StarHalfFilledSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [StarHalfFilledSvgIcon.tag]: StarHalfFilledSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [StarHalfFilledSvgIcon.tag]: StarHalfFilledSvgIcon;
+  }
 }
-
-export { StarHalfFilledSvgIcon };
+//#endregion
+export { StarHalfFilledSvgIcon };

package/build/js/private/ui/atoms/StarHalfFilledSvgIcon.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"><mask id="mask0_3285_9429" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="16" height="16"><path d="M19.7201 10.2996L16.2384 13.6936L17.0606 18.4872C17.0964 18.6968 17.0103 18.9087 16.8382 19.0339C16.7409 19.1049 16.6252 19.1406 16.5095 19.1406C16.4206 19.1406 16.3312 19.1194 16.2496 19.0763L11.9445 16.8131L7.63996 19.0758C7.45215 19.1753 7.22354 19.1591 7.05138 19.0333C6.87922 18.9081 6.79314 18.6963 6.82891 18.4866L7.65114 13.693L4.16883 10.2996C4.0168 10.1509 3.96146 9.92844 4.02742 9.72666C4.09337 9.52488 4.26833 9.37675 4.47905 9.34601L9.29112 8.64731L11.4431 4.28633C11.6315 3.90456 12.2575 3.90456 12.4459 4.28633L14.5979 8.64731L19.4099 9.34601C19.6207 9.37675 19.7956 9.52432 19.8616 9.72666C19.9275 9.929 19.8722 10.1504 19.7201 10.2996Z" fill="white"/></mask><g mask="url(#mask0_3285_9429)"><rect x="1" y="1" width="11" height="22" fill="${this.fill}"/></g></svg>`}};t.tag="scandit-half-star-icon";var s=t;
-export{s as StarHalfFilledSvgIcon};
+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"><mask id="mask0_3285_9429" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="4" y="4" width="16" height="16"><path d="M19.7201 10.2996L16.2384 13.6936L17.0606 18.4872C17.0964 18.6968 17.0103 18.9087 16.8382 19.0339C16.7409 19.1049 16.6252 19.1406 16.5095 19.1406C16.4206 19.1406 16.3312 19.1194 16.2496 19.0763L11.9445 16.8131L7.63996 19.0758C7.45215 19.1753 7.22354 19.1591 7.05138 19.0333C6.87922 18.9081 6.79314 18.6963 6.82891 18.4866L7.65114 13.693L4.16883 10.2996C4.0168 10.1509 3.96146 9.92844 4.02742 9.72666C4.09337 9.52488 4.26833 9.37675 4.47905 9.34601L9.29112 8.64731L11.4431 4.28633C11.6315 3.90456 12.2575 3.90456 12.4459 4.28633L14.5979 8.64731L19.4099 9.34601C19.6207 9.37675 19.7956 9.52432 19.8616 9.72666C19.9275 9.929 19.8722 10.1504 19.7201 10.2996Z" fill="white"/></mask><g mask="url(#mask0_3285_9429)"><rect x="1" y="1" width="11" height="22" fill="${this.fill}"/></g></svg>`}};r.tag=`scandit-half-star-icon`;export{r as StarHalfFilledSvgIcon};

package/build/js/private/ui/atoms/StarOutlinedSvgIcon.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/StarOutlinedSvgIcon.d.ts
 declare class StarOutlinedSvgIcon extends SvgIcon {
-    static tag: "scandit-star-icon";
-    static create(): StarOutlinedSvgIcon;
-    static register(): void;
-    protected render(): string;
+  static tag: "scandit-star-icon";
+  static create(): StarOutlinedSvgIcon;
+  static register(): void;
+  protected render(): string;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [StarOutlinedSvgIcon.tag]: StarOutlinedSvgIcon;
-    }
+  interface HTMLElementTagNameMap {
+    [StarOutlinedSvgIcon.tag]: StarOutlinedSvgIcon;
+  }
 }
-
-export { StarOutlinedSvgIcon };
+//#endregion
+export { StarOutlinedSvgIcon };