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

package/build/js/ui/controllers/KeyboardVisibilityController.d.ts

@@ -1,23 +1,24 @@
-import { Orientation } from '@scandit/web-datacapture-core';
+import { Orientation } from "@scandit/web-datacapture-core";
 
+//#region src/main/ui/controllers/KeyboardVisibilityController.d.ts
 /**
  * Interface for global dependencies that can be injected for testing
  */
 interface GlobalDependencies {
-    readonly document: Document;
-    readonly window: Window & typeof globalThis;
-    readonly visualViewport: VisualViewport | null;
+  readonly document: Document;
+  readonly window: Window & typeof globalThis;
+  readonly visualViewport: VisualViewport | null;
 }
 declare class KeyboardVisibilityChangedEvent extends CustomEvent<{
-    isKeyboardVisible: boolean;
-    keyboardHeight: number;
-    keyboardTop: number;
-    orientation: Orientation;
+  isKeyboardVisible: boolean;
+  keyboardHeight: number;
+  keyboardTop: number;
+  orientation: Orientation;
 }> {
-    constructor(isKeyboardVisible: boolean, keyboardHeight: number | undefined, keyboardTop: number | undefined, orientation: Orientation);
+  constructor(isKeyboardVisible: boolean, keyboardHeight: number | undefined, keyboardTop: number | undefined, orientation: Orientation);
 }
 interface KeyboardVisibilityControllerEventMap {
-    "keyboard-visibility-changed": KeyboardVisibilityChangedEvent;
+  "keyboard-visibility-changed": KeyboardVisibilityChangedEvent;
 }
 /**
  * Global controller for keyboard visibility detection.
@@ -27,124 +28,124 @@ interface KeyboardVisibilityControllerEventMap {
  * Extends EventTarget to dispatch keyboard visibility events.
  */
 declare class KeyboardVisibilityController extends EventTarget {
-    private static _instance;
-    private _isKeyboardVisible;
-    private _keyboardHeight;
-    private _keyboardTop;
-    private _isConnected;
-    private _refCount;
-    /**
-     * Initial viewport height captured when first connecting.
-     * Used as reference to detect keyboard in portrait mode.
-     *
-     * Critical for iOS Safari bug: when keyboard appears, BOTH window.innerHeight
-     * and visualViewport.height shrink. We can't reliably use window.innerHeight
-     * after keyboard appears, so we store the initial value before any keyboard.
-     */
-    private _initialViewportHeight;
-    /**
-     * Initial viewport width captured when first connecting.
-     * Used as reference to detect keyboard in landscape mode.
-     *
-     * Why we need this: In landscape, the portrait viewport width becomes the
-     * landscape height reference. Since keyboard doesn't affect width in portrait,
-     * we can safely use _initialViewportWidth as the landscape height reference.
-     *
-     * This solves the landscape orientation change problem:
-     * - User starts in portrait: we capture height + width
-     * - User rotates to landscape with keyboard visible
-     * - Can't recalculate height (keyboard is visible, both dimensions shrunk)
-     * - Solution: use stored portrait width as landscape height reference
-     *
-     * Special case - initial keyboard detection:
-     * If an input is already focused on connect (auto-focus), we detect the keyboard
-     * and estimate the true pre-keyboard width by comparing visualViewport.height to
-     * window.innerHeight. This ensures the stored width is the full device width,
-     * not a shrunk value. This is critical for correct rotation behavior.
-     */
-    private _initialViewportWidth;
-    private _handleFocusIn;
-    private _handleFocusOut;
-    private _handleVisualViewportResize;
-    private _handleOrientationChange;
-    private _orientationObserver;
-    private readonly _globals;
-    private static readonly KEYBOARD_HEIGHT_THRESHOLD;
-    private static readonly VIEWPORT_RESIZE_DEBOUNCE;
-    private constructor();
-    static getInstance(): KeyboardVisibilityController;
-    /**
-     * Create a new instance with custom global dependencies (mainly for testing).
-     * This does NOT affect the singleton instance returned by getInstance().
-     */
-    static create(globals: GlobalDependencies): KeyboardVisibilityController;
-    /**
-     * Connect to keyboard visibility monitoring.
-     * Listeners are added on first connect, removed on last disconnect.
-     */
-    connect(): void;
-    /**
-     * Disconnect from keyboard visibility monitoring.
-     * Listeners are removed when all consumers disconnect.
-     */
-    disconnect(): void;
-    private _setupListeners;
-    private _removeListeners;
-    /**
-     * Calculate keyboard height using Visual Viewport API with orientation awareness.
-     *
-     * iOS Safari bug workaround (https://bugs.webkit.org/show_bug.cgi?id=195428):
-     * When keyboard appears, both window.innerHeight and visualViewport.height shrink.
-     * We can't use current window.innerHeight as reference. Instead, we use the
-     * initial viewport dimensions captured before keyboard appeared.
-     *
-     * Orientation-aware logic:
-     * - PORTRAIT: keyboard_height = _initialViewportHeight - visualViewport.height
-     *   (height is the dimension affected by keyboard)
-     *
-     * - LANDSCAPE: keyboard_height = _initialViewportWidth - visualViewport.height
-     *   (portrait width becomes landscape height; width unaffected by keyboard)
-     *
-     * This solves the landscape orientation change problem:
-     * If user rotates to landscape while keyboard is visible, we can't recalculate
-     * the initial height (both dimensions shrunk). But we have the stored portrait
-     * width, which becomes the landscape height reference.
-     */
-    private _calculateKeyboardHeight;
-    /**
-     * Calculate the Y position where keyboard starts (top edge of keyboard)
-     * Accounts for both viewport shrinkage and scroll offset
-     */
-    private _calculateKeyboardTop;
-    /**
-     * Handle visual viewport resize events
-     * Called by debounced handler after viewport has stopped resizing (250ms debounce)
-     */
-    private _onVisualViewportResize;
-    private _onOrientationChange;
-    private _onFocusIn;
-    private _onFocusOut;
-    isKeyboardVisible(): boolean;
-    getKeyboardHeight(): number;
-    getKeyboardTop(): number;
-    /**
-     * Add a listener for keyboard visibility changes.
-     * @param type - Must be "keyboard-visibility-changed"
-     * @param listener - Event listener callback
-     */
-    addEventListener<K extends keyof KeyboardVisibilityControllerEventMap>(type: K, listener: (event: KeyboardVisibilityControllerEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
-    /**
-     * Remove a listener for keyboard visibility changes.
-     * @param type - Must be "keyboard-visibility-changed"
-     * @param listener - Event listener callback
-     */
-    removeEventListener<K extends keyof KeyboardVisibilityControllerEventMap>(type: K, listener: (event: KeyboardVisibilityControllerEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
-    /**
-     * Reset the controller (rarely needed, mainly for testing).
-     * Disconnects all references and cleans up.
-     * If resetInstance is true, also resets the singleton instance.
-     */
-    reset(resetInstance?: boolean): void;
+  private static _instance;
+  private _isKeyboardVisible;
+  private _keyboardHeight;
+  private _keyboardTop;
+  private _isConnected;
+  private _refCount;
+  /**
+   * Initial viewport height captured when first connecting.
+   * Used as reference to detect keyboard in portrait mode.
+   *
+   * Critical for iOS Safari bug: when keyboard appears, BOTH window.innerHeight
+   * and visualViewport.height shrink. We can't reliably use window.innerHeight
+   * after keyboard appears, so we store the initial value before any keyboard.
+   */
+  private _initialViewportHeight;
+  /**
+   * Initial viewport width captured when first connecting.
+   * Used as reference to detect keyboard in landscape mode.
+   *
+   * Why we need this: In landscape, the portrait viewport width becomes the
+   * landscape height reference. Since keyboard doesn't affect width in portrait,
+   * we can safely use _initialViewportWidth as the landscape height reference.
+   *
+   * This solves the landscape orientation change problem:
+   * - User starts in portrait: we capture height + width
+   * - User rotates to landscape with keyboard visible
+   * - Can't recalculate height (keyboard is visible, both dimensions shrunk)
+   * - Solution: use stored portrait width as landscape height reference
+   *
+   * Special case - initial keyboard detection:
+   * If an input is already focused on connect (auto-focus), we detect the keyboard
+   * and estimate the true pre-keyboard width by comparing visualViewport.height to
+   * window.innerHeight. This ensures the stored width is the full device width,
+   * not a shrunk value. This is critical for correct rotation behavior.
+   */
+  private _initialViewportWidth;
+  private _handleFocusIn;
+  private _handleFocusOut;
+  private _handleVisualViewportResize;
+  private _handleOrientationChange;
+  private _orientationObserver;
+  private readonly _globals;
+  private static readonly KEYBOARD_HEIGHT_THRESHOLD;
+  private static readonly VIEWPORT_RESIZE_DEBOUNCE;
+  private constructor();
+  static getInstance(): KeyboardVisibilityController;
+  /**
+   * Create a new instance with custom global dependencies (mainly for testing).
+   * This does NOT affect the singleton instance returned by getInstance().
+   */
+  static create(globals: GlobalDependencies): KeyboardVisibilityController;
+  /**
+   * Connect to keyboard visibility monitoring.
+   * Listeners are added on first connect, removed on last disconnect.
+   */
+  connect(): void;
+  /**
+   * Disconnect from keyboard visibility monitoring.
+   * Listeners are removed when all consumers disconnect.
+   */
+  disconnect(): void;
+  private _setupListeners;
+  private _removeListeners;
+  /**
+   * Calculate keyboard height using Visual Viewport API with orientation awareness.
+   *
+   * iOS Safari bug workaround (https://bugs.webkit.org/show_bug.cgi?id=195428):
+   * When keyboard appears, both window.innerHeight and visualViewport.height shrink.
+   * We can't use current window.innerHeight as reference. Instead, we use the
+   * initial viewport dimensions captured before keyboard appeared.
+   *
+   * Orientation-aware logic:
+   * - PORTRAIT: keyboard_height = _initialViewportHeight - visualViewport.height
+   *   (height is the dimension affected by keyboard)
+   *
+   * - LANDSCAPE: keyboard_height = _initialViewportWidth - visualViewport.height
+   *   (portrait width becomes landscape height; width unaffected by keyboard)
+   *
+   * This solves the landscape orientation change problem:
+   * If user rotates to landscape while keyboard is visible, we can't recalculate
+   * the initial height (both dimensions shrunk). But we have the stored portrait
+   * width, which becomes the landscape height reference.
+   */
+  private _calculateKeyboardHeight;
+  /**
+   * Calculate the Y position where keyboard starts (top edge of keyboard)
+   * Accounts for both viewport shrinkage and scroll offset
+   */
+  private _calculateKeyboardTop;
+  /**
+   * Handle visual viewport resize events
+   * Called by debounced handler after viewport has stopped resizing (250ms debounce)
+   */
+  private _onVisualViewportResize;
+  private _onOrientationChange;
+  private _onFocusIn;
+  private _onFocusOut;
+  isKeyboardVisible(): boolean;
+  getKeyboardHeight(): number;
+  getKeyboardTop(): number;
+  /**
+   * Add a listener for keyboard visibility changes.
+   * @param type - Must be "keyboard-visibility-changed"
+   * @param listener - Event listener callback
+   */
+  addEventListener<K extends keyof KeyboardVisibilityControllerEventMap>(type: K, listener: (event: KeyboardVisibilityControllerEventMap[K]) => void, options?: boolean | AddEventListenerOptions): void;
+  /**
+   * Remove a listener for keyboard visibility changes.
+   * @param type - Must be "keyboard-visibility-changed"
+   * @param listener - Event listener callback
+   */
+  removeEventListener<K extends keyof KeyboardVisibilityControllerEventMap>(type: K, listener: (event: KeyboardVisibilityControllerEventMap[K]) => void, options?: boolean | EventListenerOptions): void;
+  /**
+   * Reset the controller (rarely needed, mainly for testing).
+   * Disconnects all references and cleans up.
+   * If resetInstance is true, also resets the singleton instance.
+   */
+  reset(resetInstance?: boolean): void;
 }
-
-export { type GlobalDependencies, KeyboardVisibilityChangedEvent, KeyboardVisibilityController, type KeyboardVisibilityControllerEventMap };
+//#endregion
+export { GlobalDependencies, KeyboardVisibilityChangedEvent, KeyboardVisibilityController, KeyboardVisibilityControllerEventMap };

package/build/js/ui/controllers/KeyboardVisibilityController.js

@@ -1 +1 @@
-export{a as KeyboardVisibilityChangedEvent,b as KeyboardVisibilityController}from'../../chunks/chunk-VOGHX5ZK.js';
+import{TextInput as e}from"../atoms/TextInput.js";import{Orientation as t}from"@scandit/web-datacapture-core";import{debounce as n}from"@scandit/web-datacapture-core/build/js/private/utils/debounce.js";import{OrientationObserver as r}from"@scandit/web-datacapture-core/build/js/private/OrientationObserver.js";const i=t=>t?t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement||t.tagName.toLowerCase()===e.tag:!1;var a=class extends CustomEvent{constructor(e,t=0,n=0,r){super(`keyboard-visibility-changed`,{detail:{isKeyboardVisible:e,keyboardHeight:t,keyboardTop:n,orientation:r},bubbles:!0,composed:!0})}},o=class e extends EventTarget{constructor(t){super(),this._isKeyboardVisible=!1,this._keyboardHeight=0,this._keyboardTop=0,this._isConnected=!1,this._refCount=0,this._initialViewportHeight=0,this._initialViewportWidth=0,this._handleFocusIn=this._onFocusIn.bind(this),this._handleFocusOut=this._onFocusOut.bind(this),this._handleVisualViewportResize=n(this._onVisualViewportResize.bind(this),e.VIEWPORT_RESIZE_DEBOUNCE),this._handleOrientationChange=this._onOrientationChange.bind(this),this._orientationObserver=new r,this._globals=t}static getInstance(){if(!e._instance){var t;e._instance=new e({document:globalThis.document,window:globalThis.window,visualViewport:((t=globalThis.window)==null?void 0:t.visualViewport)??null})}return e._instance}static create(t){return new e(t)}connect(){if(this._refCount++,this._isConnected){`${this._refCount}`;return}if(`${this._refCount}`,this._isConnected=!0,this._refCount===1&&this._globals.visualViewport){let e=this._globals.window.innerHeight,t=this._globals.window.innerWidth;this._initialViewportHeight=Math.max(e,this._globals.visualViewport.height),this._initialViewportWidth=Math.max(t,this._globals.visualViewport.width),`${this._initialViewportHeight}${this._initialViewportWidth}`}this._setupListeners()}disconnect(){this._refCount--,this._refCount<=0&&(this._refCount=0,this._isConnected=!1,this._removeListeners())}_setupListeners(){this._globals.document.addEventListener(`focusin`,this._handleFocusIn,!0),this._globals.document.addEventListener(`focusout`,this._handleFocusOut,!0),this._orientationObserver.register(),this._orientationObserver.addEventListener(`orientationchange`,this._handleOrientationChange),this._globals.visualViewport&&(this._globals.visualViewport.addEventListener(`resize`,this._handleVisualViewportResize),this._globals.visualViewport.addEventListener(`scroll`,this._handleVisualViewportResize))}_removeListeners(){this._globals.document.removeEventListener(`focusin`,this._handleFocusIn,!0),this._globals.document.removeEventListener(`focusout`,this._handleFocusOut,!0),this._orientationObserver.removeEventListener(`orientationchange`,this._handleOrientationChange),this._orientationObserver.unregister(),this._globals.visualViewport&&(this._globals.visualViewport.removeEventListener(`resize`,this._handleVisualViewportResize),this._globals.visualViewport.removeEventListener(`scroll`,this._handleVisualViewportResize))}_calculateKeyboardHeight(){if(!this._globals.visualViewport)return 0;let n=this._orientationObserver.orientation.value===t.LandscapeLeft||this._orientationObserver.orientation.value===t.LandscapeRight,r,i;n&&this._initialViewportWidth>0?(r=this._initialViewportWidth,i=`initialViewportWidth (landscape mode)`):(r=this._initialViewportHeight>0?this._initialViewportHeight:this._globals.window.innerHeight,i=this._initialViewportHeight>0?`initialViewportHeight (portrait)`:`window.innerHeight (fallback)`);let a=Math.floor(r-this._globals.visualViewport.height);return`${i}${r}${this._globals.visualViewport.height}${a}${e.KEYBOARD_HEIGHT_THRESHOLD}`,a>=e.KEYBOARD_HEIGHT_THRESHOLD?a:0}_calculateKeyboardTop(){return this._globals.visualViewport?Math.floor(this._globals.visualViewport.offsetTop+this._globals.visualViewport.height):0}_onVisualViewportResize(){if(!this._globals.visualViewport)return;let t=this._calculateKeyboardHeight(),n=this._calculateKeyboardTop(),r=i(this._globals.document.activeElement),o=this._isKeyboardVisible!==r;`${e.VIEWPORT_RESIZE_DEBOUNCE}${t}${n}${r}${o}${this._orientationObserver.orientation.value}${this._initialViewportHeight}${this._initialViewportWidth}${this._globals.visualViewport.height}${this._globals.visualViewport.width}`,o?(this._isKeyboardVisible=r,this._keyboardHeight=t,this._keyboardTop=n,this.dispatchEvent(new a(r,t,n,this._orientationObserver.orientation.value))):(`${this._isKeyboardVisible}${r}`,r&&(this._keyboardHeight=t,this._keyboardTop=n))}_onOrientationChange(e){var n;e.detail.value===t.LandscapeRight||(e.detail.value,t.LandscapeLeft),`${e.detail.value}`,`${this._globals.window.innerHeight}${this._globals.window.innerWidth}${(n=this._globals.visualViewport)==null?void 0:n.height}`,`${this._initialViewportHeight}${this._initialViewportWidth}`,this._onVisualViewportResize()}_onFocusIn(e){let t=e.target;i(t)?(`${t.tagName}${this._isConnected}`,this._handleVisualViewportResize()):`${t.tagName}${t.className}`}_onFocusOut(e){let t=e.target;i(t)?(`${t.tagName}${this._isConnected}`,this._handleVisualViewportResize()):`${t.tagName}${t.className}`}isKeyboardVisible(){return this._isKeyboardVisible}getKeyboardHeight(){return this._keyboardHeight}getKeyboardTop(){return this._keyboardTop}addEventListener(e,t,n){super.addEventListener(e,t,n)}removeEventListener(e,t,n){super.removeEventListener(e,t,n)}reset(t=!1){this._refCount=0,this._initialViewportHeight=0,this._initialViewportWidth=0,this._isConnected&&(this._isConnected=!1,this._removeListeners()),t&&(e._instance=null)}};o._instance=null,o.KEYBOARD_HEIGHT_THRESHOLD=100,o.VIEWPORT_RESIZE_DEBOUNCE=150;export{a as KeyboardVisibilityChangedEvent,o as KeyboardVisibilityController};

package/build/js/ui/organisms/LabelCaptureValidationFlowLayout.d.ts

@@ -1,110 +1,111 @@
-import { Backdrop } from '@scandit/web-datacapture-core/build/js/private/ui/atoms/Backdrop.js';
-import { ScanditHTMLElement } from '@scandit/web-datacapture-core/build/js/private/utils/index.js';
-import { Button } from '../atoms/Button.js';
-import { TextInputEventMap, TextInput } from '../atoms/TextInput.js';
-import '@scandit/web-datacapture-core/build/js/private/GestureRecognizer/GestureRecognizer.js';
-import '@scandit/web-datacapture-core/build/js/commons/Color.js';
+import { t as Button } from "../../Button-Ou77FlfL.js";
+import { TextInput, TextInputEventMap } from "../atoms/TextInput.js";
+import { Backdrop } from "@scandit/web-datacapture-core/build/js/private/ui/atoms/Backdrop.js";
+import { ScanditHTMLElement } from "@scandit/web-datacapture-core/build/js/private/utils/index.js";
 
+//#region src/main/ui/organisms/LabelCaptureValidationFlowLayout.d.ts
+declare const SIDE_PANEL_MAX_WIDTH_PX = 960;
 /**
  * Custom events emitted by LabelCaptureValidationFlowLayout
  */
 declare const LabelCaptureValidationFlowLayoutEvents: {
-    readonly ClearAllButtonClicked: "scandit-clear-all-button-clicked";
-    readonly PauseButtonClicked: "scandit-pause-button-clicked";
-    readonly ClickedOutsideList: "scandit-clicked-outside-list";
-    readonly ValidationFlowLayoutChange: "scandit-validation-flow-layout-change";
+  readonly ClearAllButtonClicked: "scandit-clear-all-button-clicked";
+  readonly PauseButtonClicked: "scandit-pause-button-clicked";
+  readonly ClickedOutsideList: "scandit-clicked-outside-list";
+  readonly ValidationFlowLayoutChange: "scandit-validation-flow-layout-change";
 };
 interface LabelCaptureValidationFlowLayoutEventMap extends TextInputEventMap {
-    [LabelCaptureValidationFlowLayoutEvents.ClearAllButtonClicked]: CustomEvent<{
-        inputs: TextInput[];
-    }>;
-    [LabelCaptureValidationFlowLayoutEvents.PauseButtonClicked]: CustomEvent<void>;
-    [LabelCaptureValidationFlowLayoutEvents.ClickedOutsideList]: CustomEvent<void>;
-    [LabelCaptureValidationFlowLayoutEvents.ValidationFlowLayoutChange]: CustomEvent<{
-        buttonContainerHeight: number;
-        safeAreaInsetBottom: number;
-        safeAreaInsetTop: number;
-        safeAreaInsetLeft: number;
-        safeAreaInsetRight: number;
-    }>;
+  [LabelCaptureValidationFlowLayoutEvents.ClearAllButtonClicked]: CustomEvent<{
+    inputs: TextInput[];
+  }>;
+  [LabelCaptureValidationFlowLayoutEvents.PauseButtonClicked]: CustomEvent<void>;
+  [LabelCaptureValidationFlowLayoutEvents.ClickedOutsideList]: CustomEvent<void>;
+  [LabelCaptureValidationFlowLayoutEvents.ValidationFlowLayoutChange]: CustomEvent<{
+    formHeight: number;
+    formWidth: number;
+    buttonsHeight: number;
+    isLandscape: boolean; /** True only when the side-panel landscape layout is active (landscape + width ≤ 960 px). */
+    isPanelOnRightSide: boolean;
+    safeAreaInsetBottom: number;
+    safeAreaInsetTop: number;
+    safeAreaInsetLeft: number;
+    safeAreaInsetRight: number;
+  }>;
 }
 declare global {
-    interface HTMLElementEventMap extends LabelCaptureValidationFlowLayoutEventMap {
-    }
+  interface HTMLElementEventMap extends LabelCaptureValidationFlowLayoutEventMap {}
 }
 declare class LabelCaptureValidationFlowLayout extends ScanditHTMLElement {
-    static tag: "scandit-label-capture-validation-flow-layout";
-    private static injectedStyleElements;
-    private dataCaptureViewContainer_;
-    private dataCaptureViewWrapper_;
-    private backdrop_;
-    private adaptiveRecognitionOverlay_;
-    private clearButton_;
-    private submitButton_;
-    private pauseButton_;
-    private gridLayoutContainer_;
-    private buttonsContainer_;
-    private orientationObserver_;
-    private onOrientationChangeHandler;
-    private viewportMeta;
-    private originalViewportContent;
-    private onClearButtonClickHandler;
-    private onPauseButtonClickHandler;
-    private onDataCaptureViewWrapperClickHandler;
-    private collapseAnimations;
-    private focusedInput;
-    private focusedInputOffset;
-    private currentAnimationPromise;
-    private lastOrientationEvent_;
-    private static createStyleElements;
-    static create(): LabelCaptureValidationFlowLayout;
-    static register(): void;
-    get dataCaptureViewContainer(): HTMLDivElement | null;
-    get backdrop(): Backdrop | null;
-    get clearButton(): Button | null;
-    get submitButton(): Button | null;
-    get pauseButton(): Button | null;
-    getInputs(): TextInput[];
-    getInputByName(name: string): TextInput | undefined;
-    private static injectStyles;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private onClearButtonClick;
-    private onPauseButtonClick;
-    private onDataCaptureViewWrapperClick;
-    private addButtonIcons;
-    private setupOrientationObserver;
-    private onOrientationChange;
-    private disableViewportZoom;
-    private restoreViewportZoom;
-    private showButton;
-    private hideButton;
-    showValidationButtons(): void;
-    showScanningButtons(): void;
-    hideAllButtons(): void;
-    private get buttonsContainerHeight();
-    get finishButtonText(): string;
-    set finishButtonText(text: string);
-    get restartButtonText(): string;
-    set restartButtonText(text: string);
-    get pauseButtonText(): string;
-    set pauseButtonText(text: string);
-    appendInputs(...inputs: TextInput[]): void;
-    waitForAnimations(): Promise<void>;
-    /**
-     * Cancel all collapse animations and reset every input to a clean state
-     * (no inline pointer-events, no running animations). Use after restore or before a new move.
-     */
-    private resetInputsState;
-    moveInputToTop(focusedInput: TextInput): Promise<void>;
-    restoreInputsPositions(): Promise<void>;
-    showAdaptiveRecognitionOverlay(): void;
-    hideAdaptiveRecognitionOverlay(): void;
+  static tag: "scandit-label-capture-validation-flow-layout";
+  private formContainer_;
+  private panel_;
+  private backdrop_;
+  private adaptiveRecognitionOverlay_;
+  private clearButton_;
+  private submitButton_;
+  private pauseButton_;
+  private gridLayoutContainer_;
+  private buttonsContainer_;
+  private resizeObserver_;
+  private viewportMeta;
+  private originalViewportContent;
+  private onClearButtonClickHandler;
+  private onPauseButtonClickHandler;
+  private onHostClickHandler;
+  private collapseAnimations;
+  private focusedInput;
+  private focusedInputOffset;
+  private currentAnimationPromise;
+  private supportsContainerQueries_;
+  constructor();
+  private static createStyleElement;
+  static create(): LabelCaptureValidationFlowLayout;
+  static register(): void;
+  get backdrop(): Backdrop | null;
+  get clearButton(): Button | null;
+  get submitButton(): Button | null;
+  get pauseButton(): Button | null;
+  getInputs(): TextInput[];
+  getInputByName(name: string): TextInput | undefined;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  private onClearButtonClick;
+  private onPauseButtonClick;
+  private onHostClick;
+  private addButtonIcons;
+  private dispatchLayoutChange;
+  private disableViewportZoom;
+  private restoreViewportZoom;
+  private showButton;
+  private hideButton;
+  showValidationButtons(): void;
+  showScanningButtons(): void;
+  hideAllButtons(): void;
+  get formSectionHeight(): number;
+  get formSectionWidth(): number;
+  get finishButtonText(): string;
+  set finishButtonText(text: string);
+  get restartButtonText(): string;
+  set restartButtonText(text: string);
+  get pauseButtonText(): string;
+  set pauseButtonText(text: string);
+  appendInputs(...inputs: TextInput[]): void;
+  waitForAnimations(): Promise<void>;
+  /**
+   * Cancel all collapse animations and reset every input to a clean state
+   * (no inline pointer-events, no running animations). Use after restore or before a new move.
+   */
+  private resetCurrentAnimations;
+  private resetInputsState;
+  moveInputToTop(focusedInput: TextInput): Promise<void>;
+  restoreInputsPositions(): Promise<void>;
+  showAdaptiveRecognitionOverlay(): void;
+  hideAdaptiveRecognitionOverlay(): void;
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        [LabelCaptureValidationFlowLayout.tag]: LabelCaptureValidationFlowLayout;
-    }
+  interface HTMLElementTagNameMap {
+    [LabelCaptureValidationFlowLayout.tag]: LabelCaptureValidationFlowLayout;
+  }
 }
-
-export { LabelCaptureValidationFlowLayout, type LabelCaptureValidationFlowLayoutEventMap, LabelCaptureValidationFlowLayoutEvents };
+//#endregion
+export { LabelCaptureValidationFlowLayout, LabelCaptureValidationFlowLayoutEventMap, LabelCaptureValidationFlowLayoutEvents, SIDE_PANEL_MAX_WIDTH_PX };

package/build/js/ui/organisms/LabelCaptureValidationFlowLayout.js

@@ -1 +1 @@
-export{b as LabelCaptureValidationFlowLayout,a as LabelCaptureValidationFlowLayoutEvents}from'../../chunks/chunk-UNYPWXEG.js';
+import{parseViewportContent as e,serializeViewportContent as t}from"../atoms/viewportUtils.js";import{AdaptiveRecognitionOverlay as n}from"../atoms/AdaptiveRecognitionOverlay.js";import{Button as r}from"../atoms/Button.js";import{TextInput as i}from"../atoms/TextInput.js";import{BrowserHelper as a,Color as o,ScanditIconBuilder as s,ScanditIconType as c}from"@scandit/web-datacapture-core";import{Backdrop as l}from"@scandit/web-datacapture-core/build/js/private/ui/atoms/Backdrop.js";import{ScanditHTMLElement as u,css as d,defineCustomElements as f,html as p,safeAwaitAnimation as m,safeCancelAnimation as h,safeRequestAnimationFrame as g}from"@scandit/web-datacapture-core/build/js/private/utils/index.js";async function _(e,t=null,n=15){let r=new s().withIcon(e).withWidth(n).withHeight(n).withIconSize(n);return r.withIconColor(t??o.fromHex(`#000000`)),await r.build()}const v=960,y={slideUp:e=>[{transform:`translateY(0)`},{transform:`translateY(${-e}px)`}],slideDown:e=>[{transform:`translateY(${-e}px)`},{transform:`translateY(0)`}],fadeOut:()=>[{opacity:`1`},{opacity:`0`}],fadeIn:()=>[{opacity:`0`},{opacity:`1`}]},b={duration:300,easing:`ease-in-out`,fill:`forwards`},x={ClearAllButtonClicked:`scandit-clear-all-button-clicked`,PauseButtonClicked:`scandit-pause-button-clicked`,ClickedOutsideList:`scandit-clicked-outside-list`,ValidationFlowLayoutChange:`scandit-validation-flow-layout-change`};var S=class o extends u{constructor(){var e,t,i;super(),this.formContainer_=null,this.panel_=null,this.backdrop_=null,this.adaptiveRecognitionOverlay_=null,this.clearButton_=null,this.submitButton_=null,this.pauseButton_=null,this.gridLayoutContainer_=null,this.buttonsContainer_=null,this.resizeObserver_=null,this.viewportMeta=null,this.originalViewportContent=null,this.onClearButtonClickHandler=this.onClearButtonClick.bind(this),this.onPauseButtonClickHandler=this.onPauseButtonClick.bind(this),this.onHostClickHandler=this.onHostClick.bind(this),this.collapseAnimations=new Map,this.focusedInput=null,this.focusedInputOffset=0,this.currentAnimationPromise=null,this.supportsContainerQueries_=!1;let a=this.attachShadow({mode:`open`});a.innerHTML=p`<${l.tag}></${l.tag}><${n.tag}></${n.tag}><div class="panel"><div class="buttons-container"></div><div class="container"><div class="grid-layout-container"></div></div></div>`,a.append(o.createStyleElement().cloneNode(!0)),this.panel_=a.querySelector(`.panel`),this.formContainer_=a.querySelector(`.container`),this.gridLayoutContainer_=a.querySelector(`.grid-layout-container`),this.backdrop_=a.querySelector(l.tag),this.adaptiveRecognitionOverlay_=a.querySelector(n.tag),this.buttonsContainer_=a.querySelector(`.buttons-container`),this.clearButton_=r.create(),this.clearButton_.variant=`secondary`,this.clearButton_.kind=`destructive`,this.clearButton_.size=`small`,this.clearButton_.textContent=`Clear All`,this.clearButton_.classList.add(`scandit-button-hidden`),this.clearButton_.setAttribute(`tabindex`,`-1`),this.submitButton_=r.create(),this.submitButton_.variant=`primary`,this.submitButton_.kind=`action`,this.submitButton_.size=`small`,this.submitButton_.type=`button`,this.submitButton_.disabled=!0,this.submitButton_.textContent=`Finish`,this.submitButton_.classList.add(`scandit-button-hidden`),this.submitButton_.setAttribute(`tabindex`,`-1`),this.pauseButton_=r.create(),this.pauseButton_.variant=`secondary`,this.pauseButton_.size=`small`,this.pauseButton_.textContent=`Pause`,this.pauseButton_.classList.add(`scandit-button-hidden`),this.pauseButton_.setAttribute(`tabindex`,`-1`),(e=this.buttonsContainer_)==null||e.append(this.clearButton_,this.pauseButton_,this.submitButton_),(t=this.clearButton_)==null||t.addEventListener(`click`,this.onClearButtonClickHandler),(i=this.pauseButton_)==null||i.addEventListener(`click`,this.onPauseButtonClickHandler),this.addEventListener(`click`,this.onHostClickHandler),this.addButtonIcons()}static createStyleElement(){return d`:host{font-family:Roboto,Noto Sans,Open Sans,sans-serif;inset:0;pointer-events:none;position:absolute;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px)}:host([hidden]){display:none}${l.tag}{inset:0;pointer-events:auto;position:absolute}${n.tag}{max-height:calc(100% - var(--form-container-height, 0px))}.panel{inset:0;justify-content:flex-end;pointer-events:none;position:absolute}.container,.panel{display:flex;flex-direction:column}.container{background:#fff;flex-shrink:0;max-height:60%;overflow:hidden;pointer-events:auto}.buttons-container{box-sizing:border-box;display:flex;flex-direction:row;flex-shrink:0;justify-content:space-between;padding:.5rem 1rem;width:100%;z-index:1}.buttons-container>${r.tag}{opacity:1;pointer-events:auto;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;visibility:visible}.buttons-container>${r.tag}.scandit-button-hidden{opacity:0;pointer-events:none;visibility:hidden}.grid-layout-container{align-content:start;box-sizing:border-box;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin:1rem;overflow-y:scroll;position:relative}.grid-layout-container>${i.tag}{grid-column:span 4;opacity:1;transform:translateY(0)}@media (min-width:48rem){.grid-layout-container{grid-template-columns:repeat(8,1fr);margin:2rem}}@media (min-width:68.75rem){.grid-layout-container{grid-template-columns:repeat(16,1fr);margin:2rem}}@supports (container-type:size){:host{container-type:size}@container (orientation: landscape) and (max-width: ${960}px){.panel{top:0}.container{bottom:0;left:auto;max-height:none;position:absolute;right:0;top:0;width:40%}.buttons-container{bottom:0;left:0;position:absolute;width:60%}.grid-layout-container{flex:1;grid-template-columns:repeat(4,1fr);margin:1rem;min-height:0}${n.tag}{max-height:100%;max-width:calc(100% - var(--form-container-width, 0px))}}}@supports not (container-type:size){@media (orientation:landscape) and (max-width:${960}px){.panel{top:0}.container{bottom:0;left:auto;max-height:none;position:absolute;right:0;top:0;width:40%}.buttons-container{bottom:0;left:0;position:absolute;width:60%}.grid-layout-container{flex:1;grid-template-columns:repeat(4,1fr);margin:1rem;min-height:0}${n.tag}{max-height:100%;max-width:calc(100% - var(--form-container-width, 0px))}}}`}static create(){return o.register(),document.createElement(o.tag)}static register(){f({[o.tag]:o}),n.register(),l.register(),r.register(),i.register()}get backdrop(){return this.backdrop_}get clearButton(){return this.clearButton_}get submitButton(){return this.submitButton_}get pauseButton(){return this.pauseButton_}getInputs(){if(!this.gridLayoutContainer_)return[];let e=this.gridLayoutContainer_.querySelectorAll(i.tag);return Array.from(e)}getInputByName(e){if(this.gridLayoutContainer_)return this.gridLayoutContainer_.querySelector(`${i.tag}[name="${e}"]`)??void 0}connectedCallback(){this.supportsContainerQueries_=CSS.supports(`container-type: size`),a.isIOS()&&this.disableViewportZoom(),this.resizeObserver_=new ResizeObserver(()=>this.dispatchLayoutChange()),this.resizeObserver_.observe(this),this.formContainer_&&this.resizeObserver_.observe(this.formContainer_)}disconnectedCallback(){var e;this.restoreViewportZoom(),(e=this.resizeObserver_)==null||e.disconnect(),this.resizeObserver_=null,this.resetInputsState(),this.currentAnimationPromise=null,this.gridLayoutContainer_&&(this.gridLayoutContainer_.innerHTML=``)}onClearButtonClick(){let e=this.getInputs();this.dispatchEvent(new CustomEvent(x.ClearAllButtonClicked,{bubbles:!0,detail:{inputs:e}}))}onPauseButtonClick(){this.dispatchEvent(new CustomEvent(x.PauseButtonClicked,{bubbles:!0}))}onHostClick(e){this.panel_&&e.composedPath().includes(this.panel_)||this.dispatchEvent(new CustomEvent(x.ClickedOutsideList,{bubbles:!0}))}async addButtonIcons(){var e,t,n;let[r,i,a]=await Promise.all([_(c.Delete),_(c.Checkmark),_(c.Pause)]);r.slot=`icon-start`,(e=this.clearButton_)==null||e.append(r),i.slot=`icon-start`,(t=this.submitButton_)==null||t.append(i),a.slot=`icon-start`,(n=this.pauseButton_)==null||n.append(a)}dispatchLayoutChange(){var e;if(!this.isConnected||!this.formContainer_)return;let t=this.offsetWidth>this.offsetHeight,n=this.supportsContainerQueries_?this.offsetWidth:globalThis.innerWidth,r=t&&n<=960;this.style.setProperty(`--form-container-height`,`${this.formContainer_.offsetHeight}px`),this.style.setProperty(`--form-container-width`,`${this.formContainer_.offsetWidth}px`);let i=0,a=0,o=0,s=0;if(r){let e=getComputedStyle(this);i=parseInt(e.getPropertyValue(`--safe-area-inset-bottom`).trim(),10)||0,a=parseInt(e.getPropertyValue(`--safe-area-inset-top`).trim(),10)||0,o=parseInt(e.getPropertyValue(`--safe-area-inset-left`).trim(),10)||0,s=parseInt(e.getPropertyValue(`--safe-area-inset-right`).trim(),10)||0}let c={formHeight:this.formSectionHeight,formWidth:this.formSectionWidth,buttonsHeight:((e=this.buttonsContainer_)==null?void 0:e.offsetHeight)??0,isLandscape:t,isPanelOnRightSide:r,safeAreaInsetBottom:i,safeAreaInsetTop:a,safeAreaInsetLeft:o,safeAreaInsetRight:s};this.dispatchEvent(new CustomEvent(x.ValidationFlowLayoutChange,{bubbles:!0,detail:c}))}disableViewportZoom(){if(this.viewportMeta||=document.querySelector(`meta[name='viewport']`),!this.viewportMeta)return;this.originalViewportContent===null&&(this.originalViewportContent=this.viewportMeta.getAttribute(`content`)??``);let n=e(this.viewportMeta.getAttribute(`content`)??``);n.set(`maximum-scale`,`1`),n.set(`user-scalable`,`no`),this.viewportMeta.setAttribute(`content`,t(n))}restoreViewportZoom(){this.viewportMeta&&this.originalViewportContent!==null&&(this.viewportMeta.setAttribute(`content`,this.originalViewportContent),this.originalViewportContent=null)}showButton(e){e&&(e.classList.remove(`scandit-button-hidden`),e.removeAttribute(`tabindex`))}hideButton(e){e&&(e.classList.add(`scandit-button-hidden`),e.setAttribute(`tabindex`,`-1`))}showValidationButtons(){this.showButton(this.clearButton_),this.showButton(this.submitButton_),this.hideButton(this.pauseButton_)}showScanningButtons(){this.hideButton(this.clearButton_),this.hideButton(this.submitButton_),this.showButton(this.pauseButton_)}hideAllButtons(){var e;(e=this.buttonsContainer_)==null||e.querySelectorAll(r.tag).forEach(e=>{this.hideButton(e)})}get formSectionHeight(){var e,t;return this.isConnected?(((e=this.buttonsContainer_)==null?void 0:e.offsetHeight)??0)+(((t=this.formContainer_)==null?void 0:t.offsetHeight)??0):0}get formSectionWidth(){var e;return this.isConnected?((e=this.formContainer_)==null?void 0:e.offsetWidth)??0:0}get finishButtonText(){var e;return((e=this.submitButton_)==null?void 0:e.textContent)??``}set finishButtonText(e){this.submitButton_&&(this.submitButton_.textContent=e)}get restartButtonText(){var e;return((e=this.clearButton_)==null?void 0:e.textContent)??``}set restartButtonText(e){this.clearButton_&&(this.clearButton_.textContent=e)}get pauseButtonText(){var e;return((e=this.pauseButton_)==null?void 0:e.textContent)??``}set pauseButtonText(e){this.pauseButton_&&(this.pauseButton_.textContent=e)}appendInputs(...e){var t;(t=this.gridLayoutContainer_)==null||t.append(...e),g(()=>{this.dispatchLayoutChange()})}async waitForAnimations(){this.currentAnimationPromise&&await this.currentAnimationPromise}resetCurrentAnimations(){for(let e of this.getAnimations({subtree:!0}))h(e);this.collapseAnimations.clear()}resetInputsState(){if(this.resetCurrentAnimations(),this.focusedInput=null,this.focusedInputOffset=0,this.gridLayoutContainer_)for(let e of this.getInputs())e.style.removeProperty(`pointer-events`)}async moveInputToTop(e){if(!this.gridLayoutContainer_)return;await this.waitForAnimations(),this.resetInputsState();let t=(async()=>{if(!this.gridLayoutContainer_)return;g(()=>{this.gridLayoutContainer_&&(this.gridLayoutContainer_.scrollTop=0)});let t=this.getInputs();this.focusedInput=e;let n=this.gridLayoutContainer_.getBoundingClientRect(),r=e.getBoundingClientRect(),i=this.gridLayoutContainer_.scrollTop||0,a=Math.round(r.top-n.top+i);this.focusedInputOffset=a;let o=[],s=e.animate(y.slideUp(a),b);this.collapseAnimations.set(e,s),o.push(m(s));for(let n of t)if(n!==e){n.style.pointerEvents=`none`;let e=n.animate(y.fadeOut(),b);this.collapseAnimations.set(n,e),o.push(m(e))}await Promise.all(o)})();this.currentAnimationPromise=t;try{await t}finally{this.currentAnimationPromise=null}}async restoreInputsPositions(){await this.waitForAnimations();let e=(async()=>{if(!this.focusedInput)return;let e=this.getInputs(),t=[];if(this.focusedInputOffset>0){let e=this.focusedInput.animate(y.slideDown(this.focusedInputOffset),b);this.collapseAnimations.set(this.focusedInput,e),t.push(m(e))}for(let n of e)if(n!==this.focusedInput){let e=n.animate(y.fadeIn(),b);this.collapseAnimations.set(n,e),t.push(m(e).then(()=>{n.style.removeProperty(`pointer-events`)}))}await Promise.all(t),this.focusedInput=null,this.focusedInputOffset=0})();this.currentAnimationPromise=e;try{await e}finally{this.currentAnimationPromise=null,this.resetInputsState()}}showAdaptiveRecognitionOverlay(){this.adaptiveRecognitionOverlay_&&(this.adaptiveRecognitionOverlay_.show=!0)}hideAdaptiveRecognitionOverlay(){this.adaptiveRecognitionOverlay_&&(this.adaptiveRecognitionOverlay_.show=!1)}};S.tag=`scandit-label-capture-validation-flow-layout`;export{S as LabelCaptureValidationFlowLayout,x as LabelCaptureValidationFlowLayoutEvents,v as SIDE_PANEL_MAX_WIDTH_PX};

package/build/js/vite-env.d.ts

@@ -0,0 +1 @@
+export { };

package/build/js/worker/LabelCaptureWorkerManager.d.ts

@@ -1,49 +1,21 @@
-import { DataCaptureLoader, DataCaptureLoaderOptions } from '@scandit/web-datacapture-core';
-import { d as DataCaptureWorker, e as DataCaptureActionMessageKey, W as WorkerCommandPayload, D as DataCaptureCallbackMessage } from '../NativeProxy-wKE5sxLq.js';
-import '@scandit/web-datacapture-barcode';
-import '@scandit/web-datacapture-core/build/js/worker/dataCaptureWorkerRelated';
-import '../djinni-types/sdcBarcodeInternalSdkData.js';
-import '../djinni-types/sdcBarcodeData.js';
-import '../djinni-types/sdcCoreCommonGeometry.js';
-import '../djinni-types/sdcCoreCommonBuffer.js';
-import '../sdcLabelInternalModuleCapture-yM8m0vEc.js';
-import '../djinni-types/sdcSymbologySettings.js';
-import '../djinni-types/sdcCoreInternalSdkArea.js';
-import '../djinni-types/sdcCoreInternalSdkCommonGeometry.js';
-import '../djinni-types/sdcCoreCommonGraphic.js';
-import '../djinni-types/sdcCoreInternalSdkCommonAsync.js';
-import '../djinni-types/sdcCoreInternalSdkOcr.js';
-import '../djinni-types/sdcCoreCommon.js';
-import '../djinni-types/sdcLabelData.js';
-import '../djinni-types/sdcLabelInternalModuleData.js';
-import '../djinni-types/sdcCoreInternalSdkUiViewfinder.js';
-import '../djinni-types/sdcCoreInternalSdkCommonGraphics.js';
-import '../djinni-types/sdcLabelInternalModuleUiOverlay.js';
-import '../djinni-types/sdcCoreInternalSdkCapture.js';
-import '../djinni-types/sdcCoreInternalSdkUiStyle.js';
-import '../api/AdaptiveRecognitionMode.js';
-import '../api/CapturedLabel.js';
-import '../api/LabelField.js';
-import '../api/LabelFieldState.js';
-import '../api/LabelFieldType.js';
-import '../api/LabelFieldValueType.js';
-import '../api/LabelDateResult.js';
-import '@scandit/web-datacapture-core/build/js/private/nativeHandle.js';
-import '../api/LabelCaptureSession.js';
-import '../api/LabelDateFormat.js';
-import '../api/LabelDateComponentFormat.js';
-import '../api/LabelFieldLocationType.js';
-import '../api/ReceiptScanningLineItem.js';
-import '../api/ValidationFlowField.js';
+import { _ as DataCaptureCallbackMessage, c as NativeProxyHandle, g as DataCaptureActionMessageKey, kt as WorkerCommandPayload, y as DataCaptureWorker } from "../AdaptiveRecognitionResult-Clnk-SP8.js";
+import { n as listenerHandle, t as contextHandle } from "../workerHandles-DhpaE-4P.js";
+import { DataCaptureLoader, DataCaptureLoaderOptions } from "@scandit/web-datacapture-core";
 
+//#region src/main/worker/LabelCaptureWorkerManager.d.ts
 type WorkerListener = (event: DataCaptureCallbackMessage) => void;
 declare class LabelCaptureWorkerManager extends DataCaptureLoader {
-    protected _dataCaptureWorker?: DataCaptureWorker;
-    private readonly _name;
-    get dataCaptureWorker(): DataCaptureWorker;
-    get name(): string;
-    static create(options: DataCaptureLoaderOptions): Promise<LabelCaptureWorkerManager>;
-    workerCommand<C extends DataCaptureActionMessageKey>(command: C, payload: WorkerCommandPayload<C>, transferables?: Transferable[]): Promise<any>;
+  protected _dataCaptureWorker?: DataCaptureWorker;
+  private readonly _name;
+  [contextHandle]: NativeProxyHandle;
+  [listenerHandle]: NativeProxyHandle;
+  private _handshake?;
+  get dataCaptureWorker(): DataCaptureWorker;
+  get name(): string;
+  initializeNativeHandles(): Promise<void>;
+  protected createDataCaptureWorker(): Promise<DataCaptureWorker>;
+  static create(options: DataCaptureLoaderOptions): Promise<LabelCaptureWorkerManager>;
+  workerCommand<C extends DataCaptureActionMessageKey>(command: C, payload: WorkerCommandPayload<C>, transferables?: Transferable[]): Promise<any>;
 }
-
-export { LabelCaptureWorkerManager, type WorkerListener };
+//#endregion
+export { LabelCaptureWorkerManager, WorkerListener };

package/build/js/worker/LabelCaptureWorkerManager.js

@@ -1 +1 @@
-export{a as LabelCaptureWorkerManager}from'../chunks/chunk-SQTZDMV3.js';
+import{t as e}from"../LabelCaptureWorkerManager-GqFlRfyL.js";export{e as LabelCaptureWorkerManager};