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

package/build/js/sdcSymbologySettings-CR04eT_a.d.ts

@@ -0,0 +1,21 @@
+import { r as Symbology } from "./sdcBarcodeData-DOuUPRUb.js";
+
+//#region src/main/djinni-types/sdcSymbologySettings.d.ts
+interface SymbologySettings {
+  getSymbology(): Symbology;
+  isEnabled(): boolean;
+  setEnabled(enabled: boolean): void;
+  isColorInvertedEnabled(): boolean;
+  setColorInvertedEnabled(enabled: boolean): void;
+  isExtensionEnabled(extension: string): boolean;
+  getEnabledExtensions(): Set<string>;
+  setExtensionEnabled(extension: string, enabled: boolean): void;
+  /** actually a u16, but this type is not supported by djinni */
+  getActiveSymbolCounts(): Set<number>;
+  /** actually a u16, but this type is not supported by djinni */
+  setActiveSymbolCounts(activeCountsSet: Set<number>): void;
+  toJson(): string;
+}
+interface SdcSymbologySettings_statics {}
+//#endregion
+export { SymbologySettings as n, SdcSymbologySettings_statics as t };

package/build/js/ui/atoms/AdaptiveRecognitionOverlay.d.ts

@@ -1,25 +1,26 @@
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
+import { ScanditHTMLElement } from "@scandit/web-datacapture-core/build/js/private/utils/index.js";
 
+//#region src/main/ui/atoms/AdaptiveRecognitionOverlay.d.ts
 declare class AdaptiveRecognitionOverlay extends ScanditHTMLElement {
-    static tag: "scandit-adaptive-recognition-overlay";
-    private _show;
-    private _pulseAnimation;
-    private _borderElement;
-    constructor();
-    get show(): boolean;
-    set show(value: boolean);
-    static get observedAttributes(): string[];
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): Promise<void>;
-    static create(): AdaptiveRecognitionOverlay;
-    static register(): void;
-    private static createStyleElement;
+  static tag: "scandit-adaptive-recognition-overlay";
+  private _show;
+  private _pulseAnimation;
+  private _borderElement;
+  constructor();
+  get show(): boolean;
+  set show(value: boolean);
+  static get observedAttributes(): string[];
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): Promise<void>;
+  static create(): AdaptiveRecognitionOverlay;
+  static register(): void;
+  private static createStyleElement;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [AdaptiveRecognitionOverlay.tag]: AdaptiveRecognitionOverlay;
-    }
+  interface HTMLElementTagNameMap {
+    [AdaptiveRecognitionOverlay.tag]: AdaptiveRecognitionOverlay;
+  }
 }
-
-export { AdaptiveRecognitionOverlay };
+//#endregion
+export { AdaptiveRecognitionOverlay };

package/build/js/ui/atoms/AdaptiveRecognitionOverlay.js

@@ -1 +1 @@
-export{a as AdaptiveRecognitionOverlay}from'../../chunks/chunk-CHBH6UKJ.js';
+import{ScanditHTMLElement as e,css as t,defineCustomElements as n,html as r,safeAwaitAnimation as i,safeCancelAnimation as a}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";var o=class o extends e{constructor(){super(),this._show=!1,this._pulseAnimation=null;let e=this.attachShadow({mode:`open`});e.innerHTML=r`<div class="wrapper"><div class="animation-container"><div class="border"></div><div class="scan-line scan-line-top"></div><div class="scan-line scan-line-bottom"></div></div></div>`,e.append(o.createStyleElement().cloneNode(!0))}get show(){return this._show}set show(e){this._show=e,this.toggleAttribute(`show`,e)}static get observedAttributes(){return[`show`]}connectedCallback(){var e;this._borderElement=(e=this.shadowRoot)==null?void 0:e.querySelector(`.border`)}disconnectedCallback(){a(this._pulseAnimation),this._pulseAnimation=null}async attributeChangedCallback(e,t,n){if(e===`show`){this._show=n!==null;let e=getComputedStyle(this),t=e.getPropertyValue(`--glow-color`).trim(),o=e.getPropertyValue(`--glow-color-peak`).trim(),s=e.getPropertyValue(`--animation-curve`).trim();if(this._show)a(this._pulseAnimation),this._pulseAnimation=null,await i(this._borderElement.animate([{boxShadow:`inset 0 0 0px ${t}`},{boxShadow:`inset 0 0 10px ${t}`}],{duration:250,easing:s,fill:`forwards`})),this._pulseAnimation=this._borderElement.animate([{boxShadow:`inset 0 0 10px ${t}`,filter:`blur(0px)`},{boxShadow:`inset 0 0 100px ${o}`,filter:`blur(0.5px)`},{boxShadow:`inset 0 0 10px ${t}`,filter:`blur(0px)`}],{duration:4e3,easing:s,iterations:1/0,direction:`alternate`});else{var r;(r=this._pulseAnimation)==null||r.pause();let e=getComputedStyle(this._borderElement).boxShadow||`inset 0 0 100px ${o}`,n=this._borderElement.animate([{boxShadow:e},{boxShadow:`inset 0 0 0px ${t}`}],{duration:250,easing:s,fill:`forwards`}),i=()=>{this._pulseAnimation=null};n.addEventListener(`finish`,i,{once:!0}),n.addEventListener(`cancel`,i,{once:!0})}}}static create(){return document.createElement(o.tag)}static register(){n({[o.tag]:o})}static createStyleElement(){return t`:host{--glow-color:#0ff;--glow-color-peak:#00ffff80;--animation-curve:cubic-bezier(.42,0,.58,1);align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:1}.animation-container,.wrapper{height:100%;width:100%}.animation-container{overflow:hidden;position:relative}.border{backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);border-radius:10px;box-shadow:inset 0 0 0 var(--glow-color);filter:blur(0);inset:0;position:absolute}:host(:not([show])) .scan-line{animation:none;opacity:0}.scan-line{background:#fff;box-shadow:0 0 12px #fffc;height:3px;left:0;position:absolute;width:100%}.scan-line-top{animation:scan-line-top 2s var(--animation-curve) infinite;top:50%}.scan-line-bottom{animation:scan-line-bottom 2s var(--animation-curve) infinite;top:50%}@keyframes scan-line-top{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(calc(-50% - 50vh))}}@keyframes scan-line-bottom{0%{opacity:1;transform:translateY(-50%)}to{opacity:0;transform:translateY(calc(-50% + 50vh))}}`}};o.tag=`scandit-adaptive-recognition-overlay`;export{o as AdaptiveRecognitionOverlay};

package/build/js/ui/atoms/Button.d.ts

@@ -1,67 +1,2 @@
-import { GestureRecognizerListener } from '@scandit/web-datacapture-core/build/js/private/GestureRecognizer/GestureRecognizer.js';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-
-type ButtonVariant = "primary" | "secondary" | "ghost";
-type ButtonSize = "default" | "small";
-type ButtonKind = "action" | "destructive";
-type ButtonType = HTMLButtonElement["type"];
-declare class Button extends ScanditHTMLElement implements GestureRecognizerListener {
-    static tag: "scandit-button";
-    static formAssociated: boolean;
-    private _variant;
-    private _size;
-    private _kind;
-    private _disabled;
-    private _type;
-    private iconStartSlot;
-    private iconEndSlot;
-    private onIconSlotChangeListener;
-    private gestureRecognizer;
-    private associatedForm;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Called when the element is associated or disassociated with a form.
-     * @param _form - The form element or null if disassociated
-     */
-    formAssociatedCallback(_form: HTMLFormElement | null): void;
-    /**
-     * Called when the disabled state of the form changes.
-     * @param disabled - Whether the form is now disabled
-     */
-    formDisabledCallback(disabled: boolean): void;
-    onPress(): void;
-    onRelease(): void;
-    private onIconSlotChange;
-    private updateIconColors;
-    private isScanditIcon;
-    get variant(): ButtonVariant;
-    set variant(value: ButtonVariant);
-    get size(): ButtonSize;
-    set size(value: ButtonSize);
-    get kind(): ButtonKind;
-    set kind(value: ButtonKind);
-    get disabled(): boolean;
-    set disabled(value: boolean);
-    get type(): ButtonType;
-    set type(value: ButtonType);
-    private updateAttributes;
-    private updateButtonState;
-    static get observedAttributes(): string[];
-    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
-    set text(text: string);
-    get text(): string;
-    set textContent(text: string | null);
-    get textContent(): string;
-    static create(): Button;
-    static register(): void;
-    private static createStyleElement;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [Button.tag]: Button;
-    }
-}
-
-export { Button, type ButtonKind, type ButtonSize, type ButtonType, type ButtonVariant };
+import { a as ButtonVariant, i as ButtonType, n as ButtonKind, r as ButtonSize, t as Button } from "../../Button-Ou77FlfL.js";
+export { Button, ButtonKind, ButtonSize, ButtonType, ButtonVariant };

package/build/js/ui/atoms/Button.js

@@ -1 +1 @@
-export{a as Button}from'../../chunks/chunk-X2BMTDWA.js';
+import{ScanditIcon as e}from"@scandit/web-datacapture-core";import{ScanditHTMLElement as t,css as n,defineCustomElements as r,html as i}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";import{GestureRecognizer as a}from"@scandit/web-datacapture-core/build/js/private/GestureRecognizer/GestureRecognizer.js";import{grays as o,neutrals as s,reds as c}from"@scandit/web-datacapture-core/build/js/private/ui/colors.js";var l=class l extends t{constructor(){super(),this._variant=`primary`,this._size=`default`,this._kind=`action`,this._disabled=!1,this._type=`button`,this.iconStartSlot=null,this.iconEndSlot=null,this.onIconSlotChangeListener=this.onIconSlotChange.bind(this),this.gestureRecognizer=null,this.associatedForm=null;let e=this.attachShadow({mode:`open`});e.innerHTML=i`<button type="button"><slot name="icon-start"></slot><span class="text"><slot></slot></span><slot name="icon-end"></slot></button>`,e.append(l.createStyleElement().cloneNode(!0)),this.iconStartSlot=e.querySelector(`slot[name="icon-start"]`),this.iconEndSlot=e.querySelector(`slot[name="icon-end"]`)}connectedCallback(){var e,t,n;let r=this.getAttribute(`variant`);(r===`primary`||r===`secondary`||r===`ghost`)&&(this._variant=r);let i=this.getAttribute(`size`);(i===`default`||i===`small`)&&(this._size=i);let o=this.getAttribute(`kind`);(o===`action`||o===`destructive`)&&(this._kind=o);let s=this.getAttribute(`type`);(s===`button`||s===`submit`||s===`reset`)&&(this._type=s);let c=this.getAttribute(`disabled`);this._disabled=c!==null,this.updateAttributes(),this.updateButtonState(),(e=this.iconStartSlot)==null||e.addEventListener(`slotchange`,this.onIconSlotChangeListener),(t=this.iconEndSlot)==null||t.addEventListener(`slotchange`,this.onIconSlotChangeListener),this.updateIconColors();let l=(n=this.shadowRoot)==null?void 0:n.querySelector(`button`);l&&(this.gestureRecognizer=new a(l),this.gestureRecognizer.addListener(this))}disconnectedCallback(){var e,t,n;(e=this.iconStartSlot)==null||e.removeEventListener(`slotchange`,this.onIconSlotChangeListener),(t=this.iconEndSlot)==null||t.removeEventListener(`slotchange`,this.onIconSlotChangeListener),(n=this.gestureRecognizer)==null||n.removeAllListeners(),this.gestureRecognizer=null}formAssociatedCallback(e){this.associatedForm=e??null}formDisabledCallback(e){this.disabled=e}onPress(){if(!this._disabled){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(`button`);t==null||t.classList.add(`pressed`)}}onRelease(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(`button`);t==null||t.classList.remove(`pressed`),this._type===`submit`&&this.associatedForm&&this.associatedForm.requestSubmit()}onIconSlotChange(){this.updateIconColors()}updateIconColors(){let e=getComputedStyle(this).getPropertyValue(`--button-text-color`).trim();if(e){if(this.iconStartSlot){let t=this.iconStartSlot.assignedElements();for(let n of t)this.isScanditIcon(n)&&n.setAttribute(`iconcolor`,e)}if(this.iconEndSlot){let t=this.iconEndSlot.assignedElements();for(let n of t)this.isScanditIcon(n)&&n.setAttribute(`iconcolor`,e)}}}isScanditIcon(t){return t.tagName.toLowerCase()===e.tag.toLowerCase()}get variant(){return this._variant}set variant(e){this._variant!==e&&(this._variant=e,this.updateAttributes(),this.updateIconColors())}get size(){return this._size}set size(e){this._size!==e&&(this._size=e,this.updateAttributes())}get kind(){return this._kind}set kind(e){this._kind!==e&&(this._kind=e,this.updateAttributes(),this.updateIconColors())}get disabled(){return this._disabled}set disabled(e){this._disabled!==e&&(this._disabled=e,this.updateButtonState(),this.updateIconColors())}get type(){return this._type}set type(e){this._type!==e&&(this._type=e,this.updateAttributes(),this.updateButtonState())}updateAttributes(){this.setAttribute(`variant`,this._variant),this.setAttribute(`size`,this._size),this.setAttribute(`kind`,this._kind),this.setAttribute(`type`,this._type)}updateButtonState(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(`button`);t&&(t.type=this._type,this._disabled?(t.setAttribute(`disabled`,``),this.setAttribute(`disabled`,``),t.classList.remove(`pressed`)):(t.removeAttribute(`disabled`),this.removeAttribute(`disabled`)))}static get observedAttributes(){return[`variant`,`size`,`kind`,`disabled`,`type`]}attributeChangedCallback(e,t,n){if(t!==n)switch(e){case`variant`:(n===`primary`||n===`secondary`||n===`ghost`)&&(this._variant=n,this.updateIconColors());break;case`size`:(n===`default`||n===`small`)&&(this._size=n);break;case`kind`:(n===`action`||n===`destructive`)&&(this._kind=n,this.updateIconColors());break;case`disabled`:this._disabled=n!==null,this.updateButtonState(),this.updateIconColors();break;case`type`:(n===`button`||n===`submit`||n===`reset`)&&(this._type=n,this.updateButtonState());break}}set text(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`.text`);n&&(n.innerHTML=e)}get text(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(`.text`);return(t==null?void 0:t.innerHTML)??``}set textContent(e){var t;let n=(t=this.shadowRoot)==null?void 0:t.querySelector(`.text`);n&&(n.textContent=e)}get textContent(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(`.text`);return(t==null?void 0:t.textContent)??``}static create(){return l.register(),document.createElement(l.tag)}static register(){r({[l.tag]:l})}static createStyleElement(){return n`:host{display:inline-block;--button-text-color:#fff}:host([hidden]){display:none}:host button{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:flex;font-weight:700;gap:.25rem;justify-content:center;max-width:200px;min-width:140px;position:relative;text-align:center;transition:all .2s ease;width:100%;-webkit-tap-highlight-color:transparent}:host([size=default]) button{font-size:.875rem;padding:.5rem 1rem}:host([size=small]) button{font-size:.75rem;max-width:150px;min-width:auto;padding:.375rem .75rem}:host([variant=primary][kind=action]){--button-text-color:#${s.neutralWhite.toJSON()}}:host([variant=primary][kind=action]) button{background-color:#${o.gray90.toJSON()};color:var(--button-text-color)}:host([variant=primary][kind=action]) button:hover:not(:disabled){background-color:#${o.gray70.toJSON()}}:host([variant=primary][kind=action]) button.pressed:not(:disabled){background-color:#${s.neutralBlack.toJSON()}}:host([variant=primary][kind=destructive]){--button-text-color:#${s.neutralWhite.toJSON()}}:host([variant=primary][kind=destructive]) button{background-color:#${c.red60.toJSON()};color:var(--button-text-color)}:host([variant=primary][kind=destructive]) button:hover:not(:disabled){background-color:#${c.red50.toJSON()}}:host([variant=primary][kind=destructive]) button.pressed:not(:disabled){background-color:#${c.red70.toJSON()}}:host([variant=secondary][kind=action]){--button-text-color:#${s.neutralBlack.toJSON()}}:host([variant=secondary][kind=action]) button{background-color:#${s.neutralWhite.toJSON()};border-color:#${o.gray60.toJSON()};color:var(--button-text-color)}:host([variant=secondary][kind=action]) button:hover:not(:disabled){background-color:#${o.gray5.toJSON()}}:host([variant=secondary][kind=action]) button.pressed:not(:disabled){background-color:#${o.gray10.toJSON()}}:host([variant=secondary][kind=destructive]){--button-text-color:#${c.red60.toJSON()}}:host([variant=secondary][kind=destructive]) button{background-color:#${s.neutralWhite.toJSON()};border-color:#${c.red60.toJSON()};color:var(--button-text-color)}:host([variant=secondary][kind=destructive]) button:hover:not(:disabled){background-color:#${c.red5.toJSON()}}:host([variant=secondary][kind=destructive]) button.pressed:not(:disabled){background-color:#${c.red10.toJSON()};color:var(--button-text-color)}:host([variant=ghost][kind=action]){--button-text-color:#${s.neutralBlack.toJSON()}}:host([variant=ghost][kind=action]) button{background-color:#${s.neutralWhite.toJSON()};border-color:#0000;color:var(--button-text-color)}:host([variant=ghost][kind=action]) button:hover:not(:disabled){background-color:#${o.gray5.toJSON()}}:host([variant=ghost][kind=action]) button.pressed:not(:disabled){background-color:#${o.gray10.toJSON()}}:host([variant=ghost][kind=destructive]){--button-text-color:#${c.red60.toJSON()}}:host([variant=ghost][kind=destructive]) button{background-color:initial;border-color:#0000;color:var(--button-text-color)}:host([variant=ghost][kind=destructive]) button:hover:not(:disabled){background-color:#fedada;color:#fb696b}:host([variant=ghost][kind=destructive]) button.pressed:not(:disabled){background-color:#fc8f90;color:var(--button-text-color)}:host([disabled]),:host([variant][kind][disabled]){--button-text-color:#${o.gray30.toJSON()}}:host([disabled]) button:disabled,:host([variant][kind]) button:disabled{background-color:#${o.gray10.toJSON()};border-color:#0000;cursor:not-allowed;pointer-events:none}:host([variant=ghost][kind]) button:disabled{background-color:initial}:host button .text{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host button ::slotted([name=icon-end]),:host button ::slotted([name=icon-start]){align-items:center;display:inline-flex;flex:1 1 0;min-width:0}:host button ::slotted([name=icon-start]){justify-content:flex-start}:host button ::slotted([name=icon-end]){justify-content:flex-end}`}};l.tag=`scandit-button`,l.formAssociated=!0;export{l as Button};

package/build/js/ui/atoms/TextInput.d.ts

@@ -1,214 +1,215 @@
-import { Color } from '@scandit/web-datacapture-core/build/js/commons/Color.js';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
+import { ScanditHTMLElement } from "@scandit/web-datacapture-core/build/js/private/utils/index.js";
+import { Color } from "@scandit/web-datacapture-core/build/js/commons/Color.js";
 
+//#region src/main/ui/atoms/TextInput.d.ts
 type TextInputType = "text" | "number";
 declare const TextInputEvents: {
-    readonly Input: "scandit-text-input-input";
-    readonly Focus: "scandit-text-input-focus";
-    readonly Blur: "scandit-text-input-blur";
-    readonly Clear: "scandit-text-input-clear";
-    readonly Scan: "scandit-text-input-scan";
-    readonly Keydown: "scandit-text-input-keydown";
+  readonly Input: "scandit-text-input-input";
+  readonly Focus: "scandit-text-input-focus";
+  readonly Blur: "scandit-text-input-blur";
+  readonly Clear: "scandit-text-input-clear";
+  readonly Scan: "scandit-text-input-scan";
+  readonly Keydown: "scandit-text-input-keydown";
 };
 interface TextInputEventMap {
-    [TextInputEvents.Scan]: TextInputScanEvent;
-    [TextInputEvents.Clear]: TextInputClearEvent;
-    [TextInputEvents.Focus]: TextInputFocusEvent;
-    [TextInputEvents.Blur]: TextInputBlurEvent;
-    [TextInputEvents.Input]: TextInputInputEvent;
-    [TextInputEvents.Keydown]: TextInputKeydownEvent;
+  [TextInputEvents.Scan]: TextInputScanEvent;
+  [TextInputEvents.Clear]: TextInputClearEvent;
+  [TextInputEvents.Focus]: TextInputFocusEvent;
+  [TextInputEvents.Blur]: TextInputBlurEvent;
+  [TextInputEvents.Input]: TextInputInputEvent;
+  [TextInputEvents.Keydown]: TextInputKeydownEvent;
 }
 interface TextInputEventDetail {
-    target: TextInput;
-    innerInput: HTMLInputElement;
-    value: string;
+  target: TextInput;
+  innerInput: HTMLInputElement;
+  value: string;
 }
 interface TextInputKeydownEventDetail {
-    target: TextInput;
-    key: string;
-    originalEvent: KeyboardEvent;
+  target: TextInput;
+  key: string;
+  originalEvent: KeyboardEvent;
 }
 declare class TextInputScanEvent extends CustomEvent<TextInputEventDetail> {
-    constructor(detail: TextInputEventDetail);
+  constructor(detail: TextInputEventDetail);
 }
 declare class TextInputClearEvent extends CustomEvent<TextInputEventDetail> {
-    constructor(detail: TextInputEventDetail);
+  constructor(detail: TextInputEventDetail);
 }
 declare class TextInputFocusEvent extends CustomEvent<TextInputEventDetail> {
-    constructor(detail: TextInputEventDetail);
+  constructor(detail: TextInputEventDetail);
 }
 declare class TextInputBlurEvent extends CustomEvent<TextInputEventDetail> {
-    constructor(detail: TextInputEventDetail);
+  constructor(detail: TextInputEventDetail);
 }
 declare class TextInputInputEvent extends CustomEvent<TextInputEventDetail> {
-    constructor(detail: TextInputEventDetail);
+  constructor(detail: TextInputEventDetail);
 }
 declare class TextInputKeydownEvent extends CustomEvent<TextInputKeydownEventDetail> {
-    constructor(detail: TextInputKeydownEventDetail);
+  constructor(detail: TextInputKeydownEventDetail);
 }
 declare class TextInput extends ScanditHTMLElement {
-    static tag: "scandit-text-input";
-    static formAssociated: boolean;
-    private _internals;
-    private _inputElement;
-    private _labelElement;
-    private _mainWrapper;
-    private _inputContainer;
-    private _iconContainerElement;
-    private _hintMessageElement;
-    private _type;
-    private _value;
-    private _label;
-    private _placeholder;
-    private _required;
-    private _isInitialized;
-    private _handleInput;
-    private _handleFocus;
-    private _handleBlur;
-    private _handleKeydown;
-    private _handleCrossIconPointerDown;
-    private _handleCrossIconPointerUp;
-    private _handleCrossIconKeyDown;
-    private _handleScanIconPointerDown;
-    private _handleScanIconPointerUp;
-    private _handleScanIconKeyDown;
-    private _crossIcon;
-    private _scanIcon;
-    private _hintMessage;
-    private _loadingText;
-    private _clearTabIndexTimeout;
-    private static createStyleElement;
-    constructor();
-    get hintMessage(): string;
-    set hintMessage(val: string);
-    get loading(): boolean;
-    set loading(val: boolean);
-    get loadingText(): string;
-    set loadingText(val: string);
-    get value(): string;
-    set value(val: string);
-    get name(): string;
-    set name(val: string);
-    get type(): TextInputType;
-    set type(val: TextInputType);
-    get label(): string;
-    set label(val: string);
-    get placeholder(): string;
-    set placeholder(val: string);
-    get required(): boolean;
-    set required(val: boolean);
-    get invalid(): boolean;
-    set invalid(val: boolean);
-    set readOnly(val: boolean);
-    get readOnly(): boolean;
-    set disabled(val: boolean);
-    get disabled(): boolean;
-    /**
-     * Hide or show the scan icon.
-     * When hidden, the icon will fade out and become non-interactive.
-     */
-    set hideScanIcon(val: boolean);
-    get hideScanIcon(): boolean;
-    /**
-     * Override the background color of the input container.
-     * the TextInput component in the design system does not have
-     * the state will be used in the Validation flow v2
-     */
-    set backgroundColor(val: Color | string);
-    /**
-     * Check the native HTML5 validity state without updating component state.
-     * Use setValidationState() to update the visual state.
-     *
-     * @returns true if the input is valid, false otherwise
-     */
-    checkValidity(): boolean;
-    /**
-     * Report validity through the form internals API.
-     * Shows the browser's validation UI and returns the validity state.
-     *
-     * @returns true if the input is valid, false otherwise
-     */
-    reportValidity(): boolean;
-    /**
-     * Set the validation state and optionally display an error message.
-     * Consumers should call this after validating the input value.
-     *
-     * @param isValid - true if valid, false if invalid
-     * @param hintMessage - optional error message to display when invalid
-     */
-    setValidationState(isValid: boolean, hintMessage?: string): void;
-    /**
-     * Reset the validation state to initial (not validation-triggered).
-     * Clears invalid state, error message, and validation-triggered class.
-     */
-    resetValidation(): void;
-    /**
-     * Set custom validity message and sync with form internals.
-     * This allows custom validation messages to be set.
-     * @param message - The validation message (empty string = valid)
-     */
-    setCustomValidity(message: string): void;
-    /**
-     * Unified internal method to set validity state across all systems.
-     * Handles visual state (invalid attribute), ARIA attributes, form internals, and messages.
-     *
-     * @param flags - ValidityStateFlags for form internals (pass empty object for valid)
-     * @param message - Error message to display (empty = clear message)
-     */
-    private _setValidityState;
-    private _onInput;
-    private _onFocus;
-    private _onBlur;
-    private _onKeydown;
-    focus(options?: FocusOptions): void;
-    select(): void;
-    blur(): void;
-    scrollIntoView(options?: ScrollIntoViewOptions): void;
-    private _initializeIcons;
-    private _updateCrossIconTabIndex;
-    private _updateInputDisplay;
-    connectedCallback(): void;
-    private _initializeAttributesFromElement;
-    disconnectedCallback(): void;
-    /**
-     * Called when the element is associated or disassociated with a form.
-     * @param _form - The form element or null if disassociated
-     */
-    formAssociatedCallback(_form: HTMLFormElement | null): void;
-    /**
-     * Called when the disabled state of the form changes.
-     * @param disabled - Whether the form is now disabled
-     */
-    formDisabledCallback(disabled: boolean): void;
-    /**
-     * Called when the form is reset.
-     * Resets the input to its initial value and clears validation state.
-     */
-    formResetCallback(): void;
-    private _addEventListeners;
-    private _removeEventListeners;
-    private _onCrossIconPointerDown;
-    private _onCrossIconPointerUp;
-    private _onCrossIconKeyDown;
-    private _onScanIconPointerDown;
-    private _onScanIconPointerUp;
-    private _triggerClear;
-    private _onScanIconKeyDown;
-    private _triggerScan;
-    static create(): TextInput;
-    static register(): void;
+  static tag: "scandit-text-input";
+  static formAssociated: boolean;
+  private _internals;
+  private _inputElement;
+  private _labelElement;
+  private _mainWrapper;
+  private _inputContainer;
+  private _iconContainerElement;
+  private _hintMessageElement;
+  private _type;
+  private _value;
+  private _label;
+  private _placeholder;
+  private _required;
+  private _isInitialized;
+  private _handleInput;
+  private _handleFocus;
+  private _handleBlur;
+  private _handleKeydown;
+  private _handleCrossIconPointerDown;
+  private _handleCrossIconPointerUp;
+  private _handleCrossIconKeyDown;
+  private _handleScanIconPointerDown;
+  private _handleScanIconPointerUp;
+  private _handleScanIconKeyDown;
+  private _crossIcon;
+  private _scanIcon;
+  private _hintMessage;
+  private _loadingText;
+  private _clearTabIndexTimeout;
+  private static createStyleElement;
+  constructor();
+  get hintMessage(): string;
+  set hintMessage(val: string);
+  get loading(): boolean;
+  set loading(val: boolean);
+  get loadingText(): string;
+  set loadingText(val: string);
+  get value(): string;
+  set value(val: string);
+  get name(): string;
+  set name(val: string);
+  get type(): TextInputType;
+  set type(val: TextInputType);
+  get label(): string;
+  set label(val: string);
+  get placeholder(): string;
+  set placeholder(val: string);
+  get required(): boolean;
+  set required(val: boolean);
+  get invalid(): boolean;
+  set invalid(val: boolean);
+  set readOnly(val: boolean);
+  get readOnly(): boolean;
+  set disabled(val: boolean);
+  get disabled(): boolean;
+  /**
+   * Hide or show the scan icon.
+   * When hidden, the icon will fade out and become non-interactive.
+   */
+  set hideScanIcon(val: boolean);
+  get hideScanIcon(): boolean;
+  /**
+   * Override the background color of the input container.
+   * the TextInput component in the design system does not have
+   * the state will be used in the Validation flow v2
+   */
+  set backgroundColor(val: Color | string);
+  /**
+   * Check the native HTML5 validity state without updating component state.
+   * Use setValidationState() to update the visual state.
+   *
+   * @returns true if the input is valid, false otherwise
+   */
+  checkValidity(): boolean;
+  /**
+   * Report validity through the form internals API.
+   * Shows the browser's validation UI and returns the validity state.
+   *
+   * @returns true if the input is valid, false otherwise
+   */
+  reportValidity(): boolean;
+  /**
+   * Set the validation state and optionally display an error message.
+   * Consumers should call this after validating the input value.
+   *
+   * @param isValid - true if valid, false if invalid
+   * @param hintMessage - optional error message to display when invalid
+   */
+  setValidationState(isValid: boolean, hintMessage?: string): void;
+  /**
+   * Reset the validation state to initial (not validation-triggered).
+   * Clears invalid state, error message, and validation-triggered class.
+   */
+  resetValidation(): void;
+  /**
+   * Set custom validity message and sync with form internals.
+   * This allows custom validation messages to be set.
+   * @param message - The validation message (empty string = valid)
+   */
+  setCustomValidity(message: string): void;
+  /**
+   * Unified internal method to set validity state across all systems.
+   * Handles visual state (invalid attribute), ARIA attributes, form internals, and messages.
+   *
+   * @param flags - ValidityStateFlags for form internals (pass empty object for valid)
+   * @param message - Error message to display (empty = clear message)
+   */
+  private _setValidityState;
+  private _onInput;
+  private _onFocus;
+  private _onBlur;
+  private _onKeydown;
+  focus(options?: FocusOptions): void;
+  select(): void;
+  blur(): void;
+  scrollIntoView(options?: ScrollIntoViewOptions): void;
+  private _initializeIcons;
+  private _updateCrossIconTabIndex;
+  private _updateInputDisplay;
+  connectedCallback(): void;
+  private _initializeAttributesFromElement;
+  disconnectedCallback(): void;
+  /**
+   * Called when the element is associated or disassociated with a form.
+   * @param _form - The form element or null if disassociated
+   */
+  formAssociatedCallback(_form: HTMLFormElement | null): void;
+  /**
+   * Called when the disabled state of the form changes.
+   * @param disabled - Whether the form is now disabled
+   */
+  formDisabledCallback(disabled: boolean): void;
+  /**
+   * Called when the form is reset.
+   * Resets the input to its initial value and clears validation state.
+   */
+  formResetCallback(): void;
+  private _addEventListeners;
+  private _removeEventListeners;
+  private _onCrossIconPointerDown;
+  private _onCrossIconPointerUp;
+  private _onCrossIconKeyDown;
+  private _onScanIconPointerDown;
+  private _onScanIconPointerUp;
+  private _triggerClear;
+  private _onScanIconKeyDown;
+  private _triggerScan;
+  static create(): TextInput;
+  static register(): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [TextInput.tag]: TextInput;
-    }
-    interface HTMLElementEventMap {
-        [TextInputEvents.Input]: CustomEvent<TextInputEventDetail>;
-        [TextInputEvents.Focus]: CustomEvent<TextInputEventDetail>;
-        [TextInputEvents.Blur]: CustomEvent<TextInputEventDetail>;
-        [TextInputEvents.Clear]: CustomEvent<TextInputEventDetail>;
-        [TextInputEvents.Scan]: CustomEvent<TextInputEventDetail>;
-    }
+  interface HTMLElementTagNameMap {
+    [TextInput.tag]: TextInput;
+  }
+  interface HTMLElementEventMap {
+    [TextInputEvents.Input]: CustomEvent<TextInputEventDetail>;
+    [TextInputEvents.Focus]: CustomEvent<TextInputEventDetail>;
+    [TextInputEvents.Blur]: CustomEvent<TextInputEventDetail>;
+    [TextInputEvents.Clear]: CustomEvent<TextInputEventDetail>;
+    [TextInputEvents.Scan]: CustomEvent<TextInputEventDetail>;
+  }
 }
-
-export { TextInput, TextInputBlurEvent, TextInputClearEvent, type TextInputEventDetail, type TextInputEventMap, TextInputEvents, TextInputFocusEvent, TextInputInputEvent, TextInputKeydownEvent, type TextInputKeydownEventDetail, TextInputScanEvent, type TextInputType };
+//#endregion
+export { TextInput, TextInputBlurEvent, TextInputClearEvent, TextInputEventDetail, TextInputEventMap, TextInputEvents, TextInputFocusEvent, TextInputInputEvent, TextInputKeydownEvent, TextInputKeydownEventDetail, TextInputScanEvent, TextInputType };

package/build/js/ui/atoms/TextInput.js

@@ -1 +1 @@
-export{h as TextInput,e as TextInputBlurEvent,c as TextInputClearEvent,a as TextInputEvents,d as TextInputFocusEvent,f as TextInputInputEvent,g as TextInputKeydownEvent,b as TextInputScanEvent}from'../../chunks/chunk-BEKGYADV.js';
+import{ScanditHTMLElement as e,css as t,defineCustomElements as n,html as r}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";import{grays as i,reds as a}from"@scandit/web-datacapture-core/build/js/private/ui/colors.js";import{Color as o}from"@scandit/web-datacapture-core/build/js/commons/Color.js";import{CrossSvgIcon as s}from"@scandit/web-datacapture-core/build/js/private/ui/atoms/CrossSvgIcon.js";import{ScanSvgIcon as c}from"@scandit/web-datacapture-core/build/js/private/ui/atoms/ScanSvgIcon.js";const l={Input:`scandit-text-input-input`,Focus:`scandit-text-input-focus`,Blur:`scandit-text-input-blur`,Clear:`scandit-text-input-clear`,Scan:`scandit-text-input-scan`,Keydown:`scandit-text-input-keydown`};var u=class extends CustomEvent{constructor(e){super(l.Scan,{detail:e,bubbles:!0,composed:!0})}},d=class extends CustomEvent{constructor(e){super(l.Clear,{detail:e,bubbles:!0,composed:!0})}},f=class extends CustomEvent{constructor(e){super(l.Focus,{detail:e,bubbles:!0,composed:!0})}},p=class extends CustomEvent{constructor(e){super(l.Blur,{detail:e,bubbles:!0,composed:!0})}},m=class extends CustomEvent{constructor(e){super(l.Input,{detail:e,bubbles:!0,composed:!0})}},h=class extends CustomEvent{constructor(e){super(l.Keydown,{detail:e,bubbles:!0,composed:!0})}};const g=r`<div class="main-wrapper"><label class="label-text"></label><div class="input-container"><input class="input" autocomplete="off" enterkeyhint="done"><div class="icons-container"><div id="icon-left"></div><hr class="icon-divider"><div id="icon-right"></div></div></div><div class="hint-message"></div></div>`;var _=class r extends e{static createStyleElement(){return t`:host{display:block;-webkit-tap-highlight-color:transparent}input{background-color:initial;border:none;font-size:1rem;font-style:normal;font-weight:400;outline:none;padding:0;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;color:#${i.gray60.toJSON()};transition:color .2s ease-in-out;user-select:none;-webkit-user-select:none;width:100%}input::placeholder{color:#${i.gray30.toJSON()};opacity:1}:host([has-value]) input{color:#${i.gray90.toJSON()}}input:focus,input:focus-visible{color:#${i.gray90.toJSON()};outline:none}:host([disabled]) .hint-message,:host([disabled]) .label-text,:host([disabled]) input{color:#${i.gray30.toJSON()}}:host([disabled]) .input-container{border-color:#${i.gray5.toJSON()}}.main-wrapper{cursor:pointer;display:flex;flex-direction:column;flex-grow:1;gap:.25rem;padding:0 1px}.hint-message,.label-text{font-style:normal;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint-message{font-size:.75rem;min-height:.875rem;transition:opacity .2s ease-in-out}.label-text{color:#${i.gray60.toJSON()};font-size:.875rem}:host(:hover:not([disabled]):not([readonly])) .input-container{background-color:#${i.gray5.toJSON()};border-color:#${i.gray20.toJSON()}}.input-container{background-color:#${i.gray5.toJSON()};border:1px solid #${i.gray10.toJSON()};border-radius:4px;box-shadow:0 0 0 1px #0000;display:flex;flex-direction:row;gap:.5rem;justify-content:space-evenly;min-height:1.5rem;padding:.5rem .75rem;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out}.icons-container{align-items:center;display:flex;gap:.5rem;justify-content:center}:host([has-value][focused]) .icons-container .icon-divider{opacity:1}:host ${s.tag}{opacity:0;pointer-events:none;transition:opacity .2s ease-in-out}:host([has-value][focused]) ${s.tag}{opacity:1;pointer-events:auto}:host([hide-scan-icon]) .icons-container .icon-divider,:host([hide-scan-icon]) ${c.tag}{display:none}.icons-container .icon-divider{background-color:#${i.gray20.toJSON()};border:none;height:100%;margin:0;opacity:0;padding:0;transition:opacity .2s ease-in-out;width:1px}:host([disabled]) .icons-container,:host([readonly]) .icons-container{display:none}:host([disabled]),:host([readonly]){cursor:not-allowed;pointer-events:none}:host([focused]:not([disabled]):not([readonly])) .input-container{border-color:#${i.gray90.toJSON()};box-shadow:0 0 0 1px #${i.gray90.toJSON()}}:host([invalid]) .input-container{background-color:#${a.red5.toJSON()};border-color:#${a.red30.toJSON()};box-shadow:0 0 0 1px #${a.red30.toJSON()}}:host([invalid][focused]) .input-container{background-color:#${a.red5.toJSON()}!important;border-color:#${a.red60.toJSON()}!important;box-shadow:0 0 0 1px #${a.red60.toJSON()}!important}:host(:hover[invalid]:not([focused])) .input-container{background-color:#${a.red5.toJSON()}!important;border-color:#${a.red30.toJSON()}!important;box-shadow:0 0 0 1px #${a.red30.toJSON()}!important}:host([invalid]) .hint-message{color:#${a.red60.toJSON()}}:host([loading]) .input{animation:loading-shimmer 2.5s linear infinite;background:linear-gradient(90deg,#0000004d,#000c 40%,#000 50%,#000c 60%,#0000004d);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:#000;color:#0000}@keyframes loading-shimmer{0%{background-position-x:-100%}to{background-position-x:100%}}@media (prefers-reduced-motion:reduce){:host([loading]) .input{animation:none;background:#0003;background-clip:unset;-webkit-background-clip:unset;color:#${i.gray60.toJSON()}}}`}constructor(){super(),this._inputElement=null,this._labelElement=null,this._mainWrapper=null,this._inputContainer=null,this._iconContainerElement=null,this._hintMessageElement=null,this._type=`text`,this._value=``,this._label=``,this._placeholder=``,this._required=!1,this._isInitialized=!1,this._handleInput=this._onInput.bind(this),this._handleFocus=this._onFocus.bind(this),this._handleBlur=this._onBlur.bind(this),this._handleKeydown=this._onKeydown.bind(this),this._handleCrossIconPointerDown=this._onCrossIconPointerDown.bind(this),this._handleCrossIconPointerUp=this._onCrossIconPointerUp.bind(this),this._handleCrossIconKeyDown=this._onCrossIconKeyDown.bind(this),this._handleScanIconPointerDown=this._onScanIconPointerDown.bind(this),this._handleScanIconPointerUp=this._onScanIconPointerUp.bind(this),this._handleScanIconKeyDown=this._onScanIconKeyDown.bind(this),this._crossIcon=null,this._scanIcon=null,this._hintMessage=``,this._loadingText=``,this._clearTabIndexTimeout=void 0,this._internals=typeof this.attachInternals==`function`?this.attachInternals():void 0;let e=this.attachShadow({mode:`open`});e.innerHTML=g,e.appendChild(r.createStyleElement()),this._inputElement=e.querySelector(`.input`),this._labelElement=e.querySelector(`.label-text`),this._mainWrapper=e.querySelector(`.main-wrapper`),this._inputContainer=e.querySelector(`.input-container`),this._iconContainerElement=e.querySelector(`.icons-container`),this._hintMessageElement=e.querySelector(`.hint-message`)}get hintMessage(){var e;return((e=this._hintMessageElement)==null?void 0:e.textContent)||``}set hintMessage(e){this.invalid?this._setValidityState({customError:!0},e):(this._hintMessage=e,this._hintMessageElement&&(this._hintMessageElement.textContent=e))}get loading(){return this.hasAttribute(`loading`)}set loading(e){this.toggleAttribute(`loading`,e),this._updateInputDisplay()}get loadingText(){return this._loadingText}set loadingText(e){this._loadingText=e,this._updateInputDisplay()}get value(){return this._value}set value(e){if(this._value=e,this._inputElement){var t;let n=e.length>0;this.toggleAttribute(`has-value`,n),this._updateCrossIconTabIndex(),(t=this._internals)==null||t.setFormValue(e),this._updateInputDisplay(),this._required&&n&&this.invalid&&this._setValidityState({})}}get name(){var e;return this.getAttribute(`name`)||((e=this._inputElement)==null?void 0:e.name)||``}set name(e){if(e?this.setAttribute(`name`,e):this.removeAttribute(`name`),this._inputElement&&this._labelElement){var t;(t=this._labelElement)==null||t.setAttribute(`for`,e),this._inputElement.name=e,this._inputElement.id=e}}get type(){return this._type}set type(e){this._type=e,this._inputElement&&(this._type===`number`?(this._inputElement.type=`number`,this._inputElement.inputMode=`numeric`):this._inputElement.type=`text`)}get label(){return this._label}set label(e){this._label=e,this._labelElement&&(this._labelElement.textContent=e||``),e?this.setAttribute(`aria-label`,e):this.removeAttribute(`aria-label`)}get placeholder(){return this._placeholder}set placeholder(e){this._placeholder=e,e?this.setAttribute(`placeholder`,e):this.removeAttribute(`placeholder`),this._inputElement&&(this._inputElement.placeholder=e)}get required(){var e;return((e=this._inputElement)==null?void 0:e.required)??this._required??!1}set required(e){this._required=e,this.toggleAttribute(`required`,e),this._inputElement&&(this._inputElement.required=e,this._inputElement.setAttribute(`aria-required`,String(e))),this._isInitialized&&e&&!this._value&&this._setValidityState({valueMissing:!0},`This field is required`)}get invalid(){return this.hasAttribute(`invalid`)}set invalid(e){e?this._setValidityState({customError:!0},this._hintMessage):this._setValidityState({})}set readOnly(e){this.toggleAttribute(`readonly`,e),this._inputElement&&(this._inputElement.readOnly=e)}get readOnly(){return this.hasAttribute(`readonly`)}set disabled(e){var t;this.toggleAttribute(`disabled`,e),this._inputElement&&(this._inputElement.disabled=e),(t=this._internals)==null||t.setFormValue(this._value)}get disabled(){return this.hasAttribute(`disabled`)}set hideScanIcon(e){this.toggleAttribute(`hide-scan-icon`,e)}get hideScanIcon(){return this.hasAttribute(`hide-scan-icon`)}set backgroundColor(e){this._inputContainer&&(this._inputContainer.style.backgroundColor=e instanceof o?`#${e.toJSON()}`:e)}checkValidity(){return this._inputElement?this._inputElement.validity.valid:!0}reportValidity(){var e;return((e=this._internals)==null?void 0:e.reportValidity())??!0}setValidationState(e,t){var n;if(e)this._setValidityState({});else{let e=t===void 0?``:t;this._setValidityState({customError:!0},e)}(n=this._mainWrapper)==null||n.classList.add(`validation-triggered`)}resetValidation(){var e;this._setValidityState({}),(e=this._mainWrapper)==null||e.classList.remove(`validation-triggered`)}setCustomValidity(e){this._inputElement&&(this._inputElement.setCustomValidity(e),e.length>0?this._setValidityState({customError:!0},e):this._setValidityState({}))}_setValidityState(e,t=``){let n=Object.values(e).some(e=>e===!0);if(this.toggleAttribute(`invalid`,n),n){var r;let n=t||`This field is invalid`;(r=this._internals)==null||r.setValidity(e,n)}else{var i;(i=this._internals)==null||i.setValidity({})}if(this._hintMessage=t,this._hintMessageElement&&(this._hintMessageElement.textContent=t||``),this._inputElement)if(this._inputElement.setAttribute(`aria-invalid`,String(n)),n&&t){var a;let e=`${this._inputElement.id||`text-input`}-hint`;(a=this._hintMessageElement)==null||a.setAttribute(`id`,e),this._inputElement.setAttribute(`aria-describedby`,e)}else this._inputElement.removeAttribute(`aria-describedby`)}_onInput(e){if(!this._inputElement)return;let t=e.target.value,n=t.length>0;this.toggleAttribute(`has-value`,n),this.value=t,this._updateCrossIconTabIndex(),this.invalid&&this.resetValidation(),this.dispatchEvent(new m({target:this,innerInput:this._inputElement,value:this._value}))}_onFocus(e){this.setAttribute(`focused`,``),this._updateCrossIconTabIndex(),this.dispatchEvent(new f({target:this,innerInput:this._inputElement,value:this._value}))}_onBlur(e){this.removeAttribute(`focused`),this._updateCrossIconTabIndex(),typeof document<`u`&&document.body&&this.contains(document.activeElement)&&(clearTimeout(this._clearTabIndexTimeout),document.body.tabIndex=-1,document.body.focus({preventScroll:!0}),this._clearTabIndexTimeout=setTimeout(()=>{document.body.removeAttribute(`tabindex`)},10)),this.dispatchEvent(new p({target:this,innerInput:this._inputElement,value:this._value}))}_onKeydown(e){this.dispatchEvent(new h({target:this,key:e.key,originalEvent:e}))}focus(e){super.focus(e),this._inputElement&&this._inputElement.focus(e)}select(){var e,t;(e=this._inputElement)==null||(t=e.select)==null||t.call(e)}blur(){var e,t;super.blur(),(e=this._inputElement)==null||(t=e.blur)==null||t.call(e)}scrollIntoView(e){var t;(t=this._inputElement)==null||t.scrollIntoView(e),super.scrollIntoView(e)}_initializeIcons(){var e,t;s.register(),c.register();let n=(e=this._iconContainerElement)==null?void 0:e.querySelector(`#icon-left`);n&&(this._crossIcon=s.create(),this._crossIcon.size=20,this._crossIcon.setAttribute(`aria-label`,`Clear input`),this._crossIcon.setAttribute(`role`,`button`),this._updateCrossIconTabIndex(),n.replaceWith(this._crossIcon));let r=(t=this._iconContainerElement)==null?void 0:t.querySelector(`#icon-right`);r&&(this._scanIcon=c.create(),this._scanIcon.size=20,this._scanIcon.setAttribute(`aria-label`,`Scan barcode`),this._scanIcon.setAttribute(`role`,`button`),this._scanIcon.setAttribute(`tabindex`,`0`),r.replaceWith(this._scanIcon))}_updateCrossIconTabIndex(){!this._crossIcon||!this._scanIcon||(this.hasAttribute(`has-value`)?(this._crossIcon.setAttribute(`tabindex`,`0`),this._scanIcon.setAttribute(`tabindex`,`0`)):(this._crossIcon.setAttribute(`tabindex`,`-1`),this._scanIcon.setAttribute(`tabindex`,`0`)))}_updateInputDisplay(){this._inputElement&&(this.loading&&this._loadingText?this._inputElement.value=this._loadingText:this._inputElement.value=this._value)}connectedCallback(){this.setAttribute(`role`,`textbox`),this._initializeAttributesFromElement(),this._initializeIcons(),this._addEventListeners(),this._isInitialized=!0}_initializeAttributesFromElement(){if(this.hasAttribute(`name`)&&(this.name=this.getAttribute(`name`)||``),this.hasAttribute(`label`)&&(this.label=this.getAttribute(`label`)||``),this.hasAttribute(`placeholder`)&&(this.placeholder=this.getAttribute(`placeholder`)||``),this.hasAttribute(`type`)){let e=this.getAttribute(`type`);(e===`text`||e===`number`)&&(this.type=e)}this.hasAttribute(`value`)&&(this.value=this.getAttribute(`value`)||``),this.hasAttribute(`required`)&&(this.required=this.getAttribute(`required`)!==null),this.hasAttribute(`invalid`)&&(this.invalid=this.getAttribute(`invalid`)!==null),this.hasAttribute(`hide-scan-icon`)&&(this.hideScanIcon=this.getAttribute(`hide-scan-icon`)!==null),this._hintMessageElement&&(this.hintMessage=this._hintMessage||``)}disconnectedCallback(){var e,t;this._isInitialized=!1,clearTimeout(this._clearTabIndexTimeout),this._removeEventListeners(),(e=this._crossIcon)==null||e.remove(),(t=this._scanIcon)==null||t.remove()}formAssociatedCallback(e){}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.getAttribute(`value`)||``,this.resetValidation()}_addEventListeners(){var e,t,n,r,i,a;this._inputElement&&(this._inputElement.addEventListener(`input`,this._handleInput),this._inputElement.addEventListener(`focus`,this._handleFocus),this._inputElement.addEventListener(`blur`,this._handleBlur),this._inputElement.addEventListener(`keydown`,this._handleKeydown),(e=this._crossIcon)==null||e.addEventListener(`pointerdown`,this._handleCrossIconPointerDown,{capture:!0}),(t=this._crossIcon)==null||t.addEventListener(`pointerup`,this._handleCrossIconPointerUp),(n=this._crossIcon)==null||n.addEventListener(`keydown`,this._handleCrossIconKeyDown),(r=this._scanIcon)==null||r.addEventListener(`pointerdown`,this._handleScanIconPointerDown,{capture:!0}),(i=this._scanIcon)==null||i.addEventListener(`pointerup`,this._handleScanIconPointerUp),(a=this._scanIcon)==null||a.addEventListener(`keydown`,this._handleScanIconKeyDown))}_removeEventListeners(){var e,t,n,r,i,a;this._inputElement&&(this._inputElement.removeEventListener(`input`,this._handleInput),this._inputElement.removeEventListener(`focus`,this._handleFocus),this._inputElement.removeEventListener(`blur`,this._handleBlur),this._inputElement.removeEventListener(`keydown`,this._handleKeydown),(e=this._crossIcon)==null||e.removeEventListener(`pointerdown`,this._handleCrossIconPointerDown),(t=this._crossIcon)==null||t.removeEventListener(`pointerup`,this._handleCrossIconPointerUp),(n=this._crossIcon)==null||n.removeEventListener(`keydown`,this._handleCrossIconKeyDown),(r=this._scanIcon)==null||r.removeEventListener(`pointerdown`,this._handleScanIconPointerDown),(i=this._scanIcon)==null||i.removeEventListener(`pointerup`,this._handleScanIconPointerUp),(a=this._scanIcon)==null||a.removeEventListener(`keydown`,this._handleScanIconKeyDown))}_onCrossIconPointerDown(e){e&&e.preventDefault()}_onCrossIconPointerUp(e){!e||!this._crossIcon||(e.preventDefault(),this._triggerClear())}_onCrossIconKeyDown(e){!e||!this._crossIcon||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),this._triggerClear())}_onScanIconPointerDown(e){e&&(e.preventDefault(),e.stopPropagation())}_onScanIconPointerUp(e){!e||!this._scanIcon||(e.preventDefault(),e.stopPropagation(),this._triggerScan())}_triggerClear(){this.dispatchEvent(new d({target:this,innerInput:this._inputElement,value:this._value}))}_onScanIconKeyDown(e){!e||!this._scanIcon||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),e.stopPropagation(),this._triggerScan())}_triggerScan(){this.dispatchEvent(new u({target:this,innerInput:this._inputElement,value:this._value}))}static create(){return document.createElement(r.tag)}static register(){n({[r.tag]:r})}};_.tag=`scandit-text-input`,_.formAssociated=!0;export{_ as TextInput,p as TextInputBlurEvent,d as TextInputClearEvent,l as TextInputEvents,f as TextInputFocusEvent,m as TextInputInputEvent,h as TextInputKeydownEvent,u as TextInputScanEvent};

package/build/js/ui/atoms/viewportUtils.d.ts

@@ -1,3 +1,4 @@
+//#region src/main/ui/atoms/viewportUtils.d.ts
 /**
  * Parse viewport meta tag content string into a Map of properties.
  * Pure function with no side effects.
@@ -23,5 +24,5 @@ declare function parseViewportContent(content: string): Map<string, string>;
  * @returns Viewport content string ready for meta tag
  */
 declare function serializeViewportContent(viewportMap: Map<string, string>): string;
-
-export { parseViewportContent, serializeViewportContent };
+//#endregion
+export { parseViewportContent, serializeViewportContent };

package/build/js/ui/atoms/viewportUtils.js

@@ -1 +1 @@
-export{a as parseViewportContent,b as serializeViewportContent}from'../../chunks/chunk-J53ZQXAJ.js';
+function e(e){return new Map(e.split(`,`).reduce((e,t)=>{let n=t.trim();if(n.length===0)return e;let r=n.indexOf(`=`),i=r===-1?n:n.substring(0,r).trim(),a=r===-1?``:n.substring(r+1).trim();return e.push([i,a]),e},[]))}function t(e){return Array.from(e.entries()).map(([e,t])=>t?`${e}=${t}`:e).join(`, `)}export{e as parseViewportContent,t as serializeViewportContent};