@scandit/web-datacapture-label 8.5.3 → 8.6.0

package/build/js/sdcLabelInternalModuleData-sZpfq0Gd.d.ts

@@ -0,0 +1,149 @@
+import { r as Quadrilateral } from "./sdcCoreCommonGeometry-CS1rDunH.js";
+import { a as LabelFieldType, i as LabelFieldState } from "./sdcLabelData-BitL7YVQ.js";
+import { n as Symbology, t as CompositeFlag } from "./sdcBarcodeData-CXuQyyJf.js";
+//#region ../../@shared/wasm-types/src/djinni/sdcCoreCommonBuffer.d.ts
+interface EncodingRange {
+  ianaName: string;
+  /** actually a u32, but this type is not supported by djinni */
+  startIndex: number;
+  /** actually a u32, but this type is not supported by djinni */
+  endIndex: number;
+}
+//#endregion
+//#region ../../@shared/wasm-types/src/djinni/sdcBarcodeInternalSdkData.d.ts
+interface Barcode {
+  getSymbology(): Symbology;
+  getDataEncoding(): Array<EncodingRange>;
+  getUtf8String(): string | undefined;
+  getLocation(): Quadrilateral;
+  isGs1DataCarrier(): boolean;
+  getCompositeFlag(): CompositeFlag;
+  getFrameId(): number;
+  getSymbolCount(): number;
+  isColorInverted(): boolean;
+  getData(): Uint8Array;
+  getAddOnData(): string | undefined;
+  getCompositeData(): string | undefined;
+  getCompositeRawData(): Uint8Array;
+  isStructuredAppend(): boolean;
+  getStructuredAppendData(): AbstractStructuredAppendData | undefined;
+  getPixelPerElement(): number;
+  toJson(): string;
+}
+interface AbstractStructuredAppendData {
+  isComplete(): boolean;
+  getBarcodeSetId(): string;
+  getScannedSegmentCount(): number;
+  getTotalSegmentCount(): number;
+  getCompleteDataRaw(): Uint8Array;
+  getCompleteDataEncodings(): Array<EncodingRange>;
+  getCompleteDataUtf8String(): string | undefined;
+}
+//#endregion
+//#region ../../@shared/wasm-types/src/djinni/sdcLabelInternalModuleData.d.ts
+declare enum LabelFieldValueType {
+  DATE = 0,
+  PRICE = 1,
+  WEIGHT = 2,
+  TEXT = 3,
+  NUMERIC = 4
+}
+interface LabelDateResult {
+  day?: number;
+  month?: number;
+  year?: number;
+  dayStr: string;
+  monthStr: string;
+  yearStr: string;
+}
+interface LabelField {
+  getName(): string;
+  isRequired(): boolean;
+  getType(): LabelFieldType;
+  getPredictedLocation(): Quadrilateral;
+  getState(): LabelFieldState;
+  getValueType(): LabelFieldValueType;
+  getBarcode(): Barcode;
+  getText(): string | undefined;
+  getDate(): LabelDateResult | undefined;
+  getInstanceIndex(): number | undefined;
+  toJson(): string;
+}
+interface CapturedLabel {
+  getName(): string;
+  getDeltaTimeToPrediction(): number;
+  getFields(): Array<LabelField>;
+  getTrackingId(): number;
+  getPredictedBounds(): Quadrilateral;
+  isComplete(): boolean;
+  toJson(): string;
+}
+interface ReceiptScanningLineItem {
+  name: string;
+  unitPrice?: number;
+  discount?: number;
+  quantity: number;
+  totalPrice?: number;
+}
+interface ReceiptScanningResult {
+  storeName?: string;
+  storeCity?: string;
+  storeAddress?: string;
+  date?: string;
+  time?: string;
+  paymentPreTaxTotal?: number;
+  paymentTax?: number;
+  paymentTotal?: number;
+  loyaltyNumber?: number;
+  lineItems: Array<ReceiptScanningLineItem>;
+}
+declare enum Carrier {
+  FEDEX = 0,
+  UPS = 1,
+  USPS = 2,
+  DHL = 3,
+  DPD = 4,
+  GLS = 5,
+  TNT = 6,
+  AMAZON_LOGISTICS = 7,
+  ONTRAC = 8,
+  ROYAL_MAIL = 9,
+  PARCELFORCE = 10,
+  EVRI = 11,
+  YODEL = 12,
+  CHRONOPOST = 13,
+  COLISSIMO = 14,
+  MONDIAL_RELAY = 15,
+  POSTE_ITALIANE = 16,
+  BRT = 17,
+  SDA = 18,
+  HERMES = 19,
+  AUSTRIAN_POST = 20,
+  SWISS_POST = 21,
+  POSTNL = 22,
+  BPOST = 23,
+  POSTNORD = 24,
+  CORREOS = 25,
+  SEUR = 26,
+  INPOST = 27,
+  OTHER = 28,
+  NOT_AVAILABLE = 29
+}
+declare enum AdaptiveRecognitionResultType {
+  RECEIPT = 0,
+  SHIPPING_LABEL = 1
+}
+interface ShippingLabelScanningResult {
+  barcodes: Array<Barcode>;
+  trackingId: string;
+  receiverFullName: string;
+  receiverCompany?: string;
+  receiverStreet: string;
+  receiverCity: string;
+  receiverState?: string;
+  receiverPostalCode: string;
+  receiverCountry?: string;
+  carrier: Carrier;
+}
+//#endregion
+export { LabelFieldValueType as a, ShippingLabelScanningResult as c, LabelField as i, Barcode as l, CapturedLabel as n, ReceiptScanningLineItem as o, Carrier as r, ReceiptScanningResult as s, AdaptiveRecognitionResultType as t };

package/build/js/symbologiesTranslator-kd0DbiBX.js

@@ -0,0 +1 @@
+import{Symbology as e}from"@scandit/web-datacapture-barcode";let t=function(e){return e[e.EAN13_UPCA=0]=`EAN13_UPCA`,e[e.UPCE=1]=`UPCE`,e[e.EAN8=2]=`EAN8`,e[e.CODE39=3]=`CODE39`,e[e.CODE93=4]=`CODE93`,e[e.CODE128=5]=`CODE128`,e[e.CODE11=6]=`CODE11`,e[e.CODE25=7]=`CODE25`,e[e.CODABAR=8]=`CODABAR`,e[e.INTERLEAVED_TWO_OF_FIVE=9]=`INTERLEAVED_TWO_OF_FIVE`,e[e.MSI_PLESSEY=10]=`MSI_PLESSEY`,e[e.QR=11]=`QR`,e[e.DATA_MATRIX=12]=`DATA_MATRIX`,e[e.AZTEC=13]=`AZTEC`,e[e.MAXI_CODE=14]=`MAXI_CODE`,e[e.DOT_CODE=15]=`DOT_CODE`,e[e.KIX=16]=`KIX`,e[e.ROYAL_MAIL_4STATE=17]=`ROYAL_MAIL_4STATE`,e[e.GS1_DATABAR=18]=`GS1_DATABAR`,e[e.GS1_DATABAR_EXPANDED=19]=`GS1_DATABAR_EXPANDED`,e[e.GS1_DATABAR_LIMITED=20]=`GS1_DATABAR_LIMITED`,e[e.PDF417=21]=`PDF417`,e[e.MICRO_PDF417=22]=`MICRO_PDF417`,e[e.MICRO_QR=23]=`MICRO_QR`,e[e.CODE32=24]=`CODE32`,e[e.LAPA4SC=25]=`LAPA4SC`,e[e.IATA_TWO_OF_FIVE=26]=`IATA_TWO_OF_FIVE`,e[e.MATRIX_TWO_OF_FIVE=27]=`MATRIX_TWO_OF_FIVE`,e[e.USPS_INTELLIGENT_MAIL=28]=`USPS_INTELLIGENT_MAIL`,e[e.ARUCO=29]=`ARUCO`,e[e.UPU4STATE=30]=`UPU4STATE`,e[e.AUSTRALIANPOST=31]=`AUSTRALIANPOST`,e[e.FRENCHPOST=32]=`FRENCHPOST`,e}({});function n(t){return{[e.Aztec]:13,[e.Codabar]:8,[e.Code11]:6,[e.Code128]:5,[e.Code25]:7,[e.Code32]:24,[e.Code39]:3,[e.Code93]:4,[e.DataMatrix]:12,[e.DotCode]:15,[e.EAN13UPCA]:0,[e.EAN8]:2,[e.GS1Databar]:18,[e.GS1DatabarExpanded]:19,[e.GS1DatabarLimited]:20,[e.IATATwoOfFive]:26,[e.InterleavedTwoOfFive]:9,[e.KIX]:16,[e.Lapa4SC]:25,[e.MSIPlessey]:10,[e.MatrixTwoOfFive]:27,[e.MaxiCode]:14,[e.MicroPDF417]:22,[e.MicroQR]:23,[e.PDF417]:21,[e.QR]:11,[e.RoyalMail4state]:17,[e.UPCE]:1,[e.USPSIntelligentMail]:28,[e.ArUco]:29}[t]}function r(n){if(n===29||n===31||n===32||n===30)throw Error(`${t[n]} is not currently supported on the web.`);return{13:e.Aztec,8:e.Codabar,6:e.Code11,5:e.Code128,7:e.Code25,24:e.Code32,3:e.Code39,4:e.Code93,12:e.DataMatrix,15:e.DotCode,0:e.EAN13UPCA,2:e.EAN8,18:e.GS1Databar,19:e.GS1DatabarExpanded,20:e.GS1DatabarLimited,26:e.IATATwoOfFive,9:e.InterleavedTwoOfFive,16:e.KIX,25:e.Lapa4SC,10:e.MSIPlessey,27:e.MatrixTwoOfFive,14:e.MaxiCode,22:e.MicroPDF417,23:e.MicroQR,21:e.PDF417,11:e.QR,17:e.RoyalMail4state,1:e.UPCE,28:e.USPSIntelligentMail}[n]}export{n,r as t};

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

@@ -1,5 +1,4 @@
 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";

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

@@ -1,2 +1,2 @@
-import { a as ButtonVariant, i as ButtonType, n as ButtonKind, r as ButtonSize, t as Button } from "../../Button-Ou77FlfL.js";
+import { a as ButtonVariant, i as ButtonType, n as ButtonKind, r as ButtonSize, t as Button } from "../../Button-BQw0QTaa.js";
 export { Button, ButtonKind, ButtonSize, ButtonType, ButtonVariant };

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

@@ -1 +1 @@
-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};
+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,PressGesturePlugin as o}from"@scandit/web-datacapture-core/build/js/private/GestureRecognizer/index.js";import{grays as s,neutrals as c,reds as l}from"@scandit/web-datacapture-core/build/js/private/ui/colors.js";var u=class u 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(u.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 s=this.getAttribute(`kind`);(s===`action`||s===`destructive`)&&(this._kind=s);let c=this.getAttribute(`type`);(c===`button`||c===`submit`||c===`reset`)&&(this._type=c);let l=this.getAttribute(`disabled`);this._disabled=l!==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 u=(n=this.shadowRoot)==null?void 0:n.querySelector(`button`);u&&(this.gestureRecognizer=new a(u,[new o]),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(){this.unpress(),this._type===`submit`&&this.associatedForm&&this.associatedForm.requestSubmit()}onCancel(){this.unpress()}unpress(){var e;let t=(e=this.shadowRoot)==null?void 0:e.querySelector(`button`);t==null||t.classList.remove(`pressed`)}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 u.register(),document.createElement(u.tag)}static register(){r({[u.tag]:u})}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:#${c.neutralWhite.toJSON()}}:host([variant=primary][kind=action]) button{background-color:#${s.gray90.toJSON()};color:var(--button-text-color)}:host([variant=primary][kind=action]) button:hover:not(:disabled){background-color:#${s.gray70.toJSON()}}:host([variant=primary][kind=action]) button.pressed:not(:disabled){background-color:#${c.neutralBlack.toJSON()}}:host([variant=primary][kind=destructive]){--button-text-color:#${c.neutralWhite.toJSON()}}:host([variant=primary][kind=destructive]) button{background-color:#${l.red60.toJSON()};color:var(--button-text-color)}:host([variant=primary][kind=destructive]) button:hover:not(:disabled){background-color:#${l.red50.toJSON()}}:host([variant=primary][kind=destructive]) button.pressed:not(:disabled){background-color:#${l.red70.toJSON()}}:host([variant=secondary][kind=action]){--button-text-color:#${c.neutralBlack.toJSON()}}:host([variant=secondary][kind=action]) button{background-color:#${c.neutralWhite.toJSON()};border-color:#${s.gray60.toJSON()};color:var(--button-text-color)}:host([variant=secondary][kind=action]) button:hover:not(:disabled){background-color:#${s.gray5.toJSON()}}:host([variant=secondary][kind=action]) button.pressed:not(:disabled){background-color:#${s.gray10.toJSON()}}:host([variant=secondary][kind=destructive]){--button-text-color:#${l.red60.toJSON()}}:host([variant=secondary][kind=destructive]) button{background-color:#${c.neutralWhite.toJSON()};border-color:#${l.red60.toJSON()};color:var(--button-text-color)}:host([variant=secondary][kind=destructive]) button:hover:not(:disabled){background-color:#${l.red5.toJSON()}}:host([variant=secondary][kind=destructive]) button.pressed:not(:disabled){background-color:#${l.red10.toJSON()};color:var(--button-text-color)}:host([variant=ghost][kind=action]){--button-text-color:#${c.neutralBlack.toJSON()}}:host([variant=ghost][kind=action]) button{background-color:#${c.neutralWhite.toJSON()};border-color:#0000;color:var(--button-text-color)}:host([variant=ghost][kind=action]) button:hover:not(:disabled){background-color:#${s.gray5.toJSON()}}:host([variant=ghost][kind=action]) button.pressed:not(:disabled){background-color:#${s.gray10.toJSON()}}:host([variant=ghost][kind=destructive]){--button-text-color:#${l.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:#${s.gray30.toJSON()}}:host([disabled]) button:disabled,:host([variant][kind]) button:disabled{background-color:#${s.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}`}};u.tag=`scandit-button`,u.formAssociated=!0;export{u as Button};

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

@@ -1,6 +1,5 @@
 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: {

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

@@ -1 +1 @@
-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};
+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}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/controllers/KeyboardVisibilityController.d.ts

@@ -1,5 +1,4 @@
 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

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

@@ -1,8 +1,7 @@
-import { t as Button } from "../../Button-Ou77FlfL.js";
+import { t as Button } from "../../Button-BQw0QTaa.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;
 /**
@@ -24,7 +23,8 @@ interface LabelCaptureValidationFlowLayoutEventMap extends TextInputEventMap {
     formHeight: number;
     formWidth: number;
     buttonsHeight: number;
-    isLandscape: boolean; /** True only when the side-panel landscape layout is active (landscape + width ≤ 960 px). */
+    isLandscape: boolean;
+    /** True only when the side-panel landscape layout is active (landscape + width ≤ 960 px). */
     isPanelOnRightSide: boolean;
     safeAreaInsetBottom: number;
     safeAreaInsetTop: number;