@globalpayments/vega 2.77.0 → 2.77.1

package/dist/esm/vega-input.entry.js

@@ -8,13 +8,13 @@ import { C as ComponentLoadRequired } from './component-load-required-db42032a.j
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-46020a03.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-5817d14d.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-e1a5a884.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-ffaecb9a.js';
 import { a as VegaClick, v as VegaLabelButtonClick, V as VegaDropdownClick, f as VegaChange, D as VegaNativeInputChange, E as VegaFocus, F as VegaBlur, G as VegaSuggestionItemClick, H as VegaPaste } from './vega-event-id-38aa77a0.js';
-import { S as StringMaskStrategy } from './string-mask-strategy-6beaf664.js';
-import { S as StringFormatStrategy } from './string-format-strategy.abstract-713fba36.js';
-import { i as isNonNullable } from './type-guard-f50e34d6.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-5b413ff9.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-f9e252a2.js';
+import { S as StringFormatStrategy } from './string-format-strategy.abstract-944f759b.js';
+import { i as isNonNullable } from './type-guard-af324dcd.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-2508d88b.js';
 import { i as isArrayEqual } from './array-7888f339.js';
 import { d as deepEqual } from './object-66c37948.js';
 import { l as VegaInternalSetupVegaInputMaskConfig, m as VegaInternalUpdateVegaInputValue, n as VegaInternalFocusVegaInput, i as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-799d012e.js';
@@ -26,16 +26,17 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0f
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
+import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
+import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import './number-4398f2e1.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './ui-ee31416b.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-translation-controller-911515f9.js';
+import './internal-translation-controller-113a6288.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
-import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './internal-vega-event-manager-32a3d848.js';
 import './breakpoints-d9faf11c.js';
@@ -109,7 +110,7 @@ class EmailFieldRule extends InternalFormFieldValidationRule {
   }
 }
 
-var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -148,11 +149,11 @@ class VegaInputCopyPasteController extends VegaSlimmer {
     e.preventDefault();
   }
 }
-__decorate$c([
+__decorate$d([
   MapToComponentField()
 ], VegaInputCopyPasteController.prototype, "disableCopyPaste", void 0);
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -181,10 +182,10 @@ class VegaInputPrefixSlotRenderer extends VegaSlimmer {
     return this.host.querySelector('[slot="prefix-icon"]') ? true : false;
   }
 }
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaInputPrefixSlotRenderer.prototype, "host", void 0);
-__decorate$b([
+__decorate$c([
   MapToComponentField()
 ], VegaInputPrefixSlotRenderer.prototype, "prefixIcon", void 0);
 
@@ -467,7 +468,7 @@ class NumberThousandCommaStrategy extends NumberMaskStrategy {
   }
 }
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -658,31 +659,31 @@ class VegaInputMaskConfigController extends StringInputFormatterSlimmer {
     DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, VegaInternalSetupVegaInputMaskConfig);
   }
 }
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "maskConfig", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "disableCopyPaste", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "type", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "inputRenderer", void 0);
-__decorate$a([
+__decorate$b([
   MapToComponentMethod('connectedCallback')
 ], VegaInputMaskConfigController.prototype, "connectedCallback", null);
-__decorate$a([
+__decorate$b([
   MapToComponentMethod('disconnectedCallback')
 ], VegaInputMaskConfigController.prototype, "disconnectedCallback", null);
-__decorate$a([
+__decorate$b([
   MapToComponentMethod('watchValue')
 ], VegaInputMaskConfigController.prototype, "watchValue", null);
-__decorate$a([
+__decorate$b([
   MapToComponentMethod('watchMaskChange')
 ], VegaInputMaskConfigController.prototype, "watchMaskChange", null);
-__decorate$a([
+__decorate$b([
   MapToComponentMethod('watchTypeChange')
 ], VegaInputMaskConfigController.prototype, "watchTypeChange", null);
 
@@ -737,7 +738,7 @@ const VegaInputRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -831,32 +832,32 @@ class VegaInputCompactWidthController extends VegaSlimmer {
     return this.calculateTextWidthContainer;
   }
 }
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "host", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "value", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "placeholder", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "isCompactInputWidth", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "suffixText", void 0);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('componentDidLoad')
 ], VegaInputCompactWidthController.prototype, "componentDidLoad", null);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('watchValue')
 ], VegaInputCompactWidthController.prototype, "watchValue", null);
-__decorate$9([
+__decorate$a([
   MapToComponentMethod('watchSuffixText')
 ], VegaInputCompactWidthController.prototype, "watchSuffixText", null);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -888,16 +889,16 @@ class VegaInputStateController extends SubStateObserverSlimmer {
     });
   }
 }
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], VegaInputStateController.prototype, "host", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField({ writable: true })
 ], VegaInputStateController.prototype, "prefixText", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField({ writable: true })
 ], VegaInputStateController.prototype, "suffixText", void 0);
-__decorate$8([
+__decorate$9([
   MapToComponentField({ writable: true })
 ], VegaInputStateController.prototype, "isCompactInputWidth", void 0);
 
@@ -909,7 +910,7 @@ const eyeSlash = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zM223.1 149.5C248.6 126.2 282.7 112 320 112c79.5 0 144 64.5 144 144c0 24.9-6.3 48.3-17.4 68.7L408 294.5c8.4-19.3 10.6-41.4 4.8-63.3c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2 6.1-7.4 11.7c2.1 6.4 3.3 13.2 3.3 20.3c0 10.2-2.4 19.8-6.6 28.3l-90.3-70.8zM373 389.9c-16.4 6.5-34.3 10.1-53 10.1c-79.5 0-144-64.5-144-144c0-6.9 .5-13.6 1.4-20.2L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5L373 389.9z"/></svg>`,
 };
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -934,17 +935,17 @@ class VegaInputPasswordEyeRenderer extends VegaSlimmer {
     'eye-slash': eyeSlash,
   });
 })();
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], VegaInputPasswordEyeRenderer.prototype, "host", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField({ writable: true })
 ], VegaInputPasswordEyeRenderer.prototype, "isPasswordDisplay", void 0);
-__decorate$7([
+__decorate$8([
   MapToComponentField()
 ], VegaInputPasswordEyeRenderer.prototype, "type", void 0);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -989,11 +990,7 @@ class VegaInputInputContainerRenderer extends VegaSlimmer {
         [`vega-input-size-${this.size}`]: true,
         'vega-input-disabled': this.disabled,
         'compact-input-width': this.isCompactInputWidth,
-      }, onClick: this.onContainerClick, "aria-disabled": `${this.disabled}`, 
-      // tabIndex={-1} allows programmatic focus (e.g. after clearing input) without adding the container to the tab order.
-      // The linter flags this because it's a non-interactive element, but programmatic focus is intentional here.
-      /* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */
-      tabIndex: !this.disabled ? -1 : null, onKeyDown: createEnterKeyHandlerToTriggerClick() },
+      }, onClick: this.onContainerClick, "aria-disabled": `${this.disabled}`, onKeyDown: createEnterKeyHandlerToTriggerClick() },
       this.prefixSlotRenderer.render(),
       this.renderPrefixText(),
       this.inputRenderer.render(),
@@ -1010,44 +1007,44 @@ class VegaInputInputContainerRenderer extends VegaSlimmer {
       h("vega-icon", { icon: "close" })));
   }
 }
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "host", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "value", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "size", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "disabled", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "type", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "showClearIcon", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "prefixText", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "suffixText", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "isCompactInputWidth", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "prefixSlotRenderer", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "passwordEyeRenderer", void 0);
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "inputRenderer", void 0);
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1115,7 +1112,7 @@ class VegaInputInputRenderer extends VegaSlimmer {
   }
   render() {
     return (h("div", { class: "vega-input-input" },
-      h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, "aria-label": this.label || 'No label defined', minLength: this.minLength, maxLength: this.maxLength, 
+      h("input", Object.assign({ part: "input", name: this.name, type: this.getInputType(), autoComplete: this.autocomplete, inputmode: this.inputmode, value: this.value, ref: this.setInputRef, placeholder: this.placeholder, disabled: this.disabled, minLength: this.minLength, maxLength: this.maxLength, 
         /* eslint-disable-next-line react/jsx-no-bind */
         onBlur: (e) => this.handleInputBlur(e), 
         /* eslint-disable-next-line react/jsx-no-bind */
@@ -1159,74 +1156,71 @@ class VegaInputInputRenderer extends VegaSlimmer {
     this.inputRef.focus();
   }
 }
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "host", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "value", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "disabled", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "type", void 0);
-__decorate$5([
-  MapToComponentField()
-], VegaInputInputRenderer.prototype, "label", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "name", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "autocomplete", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "inputmode", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "placeholder", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "minLength", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "maxLength", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "isPasswordDisplay", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "valueUpdateTrigger", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "focusEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "blurEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "pasteEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "copyPasteController", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField()
 ], VegaInputInputRenderer.prototype, "nativeInputChangeEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('connectedCallback')
 ], VegaInputInputRenderer.prototype, "connectedCallback", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('disconnectedCallback')
 ], VegaInputInputRenderer.prototype, "disconnectedCallback", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('doFocus')
 ], VegaInputInputRenderer.prototype, "doFocus", null);
-__decorate$5([
+__decorate$6([
   MapToComponentMethod('doBlur')
 ], VegaInputInputRenderer.prototype, "doBlur", null);
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1269,41 +1263,41 @@ class VegaInputRenderer extends VegaSlimmer {
       h("label", null, this.hint))) : null;
   }
 }
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "host", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "disabled", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "required", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "label", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "hint", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "labelSuffixButtonProps", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "labelSuffixButtonConfig", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "labelButtonClickEventEmitter", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "inputContainerRenderer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "inputSuggestionsRenderer", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], VegaInputRenderer.prototype, "renderModeController", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1356,29 +1350,29 @@ class VegaInputValueController extends VegaSlimmer {
     this.value = newValue;
   }
 }
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaInputValueController.prototype, "host", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField({ writable: true })
 ], VegaInputValueController.prototype, "value", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaInputValueController.prototype, "changeEventEmitter", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], VegaInputValueController.prototype, "inputRenderer", void 0);
-__decorate$3([
+__decorate$4([
   MapToComponentMethod('connectedCallback')
 ], VegaInputValueController.prototype, "connectedCallback", null);
-__decorate$3([
+__decorate$4([
   MapToComponentMethod('disconnectedCallback')
 ], VegaInputValueController.prototype, "disconnectedCallback", null);
-__decorate$3([
+__decorate$4([
   MapToComponentMethod('watchValue')
 ], VegaInputValueController.prototype, "watchValue", null);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1469,51 +1463,54 @@ class VegaInputInputSuggestionsRenderer extends VegaSlimmer {
     return null;
   }
   async showSuggestions() {
-    if (this.renderModeController.isSource() || this.renderModeController.isTemplate()) {
+    if (this.dropdownRef &&
+      (this.renderModeController.isSource() || this.renderModeController.isTemplate())) {
       await this.dropdownRef.show();
     }
   }
   async searchSuggestions() {
-    if (this.renderModeController.isSource() && this.suggestionsDropdownSource.length > 0) {
+    if (this.dropdownRef &&
+      this.renderModeController.isSource() &&
+      this.suggestionsDropdownSource.length > 0) {
       await this.dropdownRef.search(this.value);
     }
   }
 }
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "host", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField({ writable: true })
 ], VegaInputInputSuggestionsRenderer.prototype, "suggestionsDropdownConfig", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "suggestionsDropdownSource", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "renderModeController", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "suggestionItemClickEventEmitter", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('componentDidLoad')
 ], VegaInputInputSuggestionsRenderer.prototype, "appendHostItemsToDropdown", null);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('showSuggestionsDropdown')
 ], VegaInputInputSuggestionsRenderer.prototype, "showSuggestionsDropdown", null);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('hideSuggestionsDropdown')
 ], VegaInputInputSuggestionsRenderer.prototype, "hideSuggestionsDropdown", null);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('watchValue')
 ], VegaInputInputSuggestionsRenderer.prototype, "watchValue", null);
-__decorate$2([
+__decorate$3([
   MapToComponentMethod('watchSuggestionsDropdownSource')
 ], VegaInputInputSuggestionsRenderer.prototype, "watchSuggestionsDropdownSource", null);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1524,7 +1521,6 @@ class VegaInputRenderModeController extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.hasItemsSlot = false;
-    this.hasDropdownSource = false;
   }
   /** Sets the render mode based on the presence of the items slot. */
   connectedCallback() {
@@ -1536,7 +1532,7 @@ class VegaInputRenderModeController extends VegaSlimmer {
    * @returns {boolean} True if in source render mode, false otherwise.
    */
   isSource() {
-    return this.hasDropdownSource;
+    return Array.isArray(this.suggestionsDropdownSource);
   }
   /**
    * Checks if the render mode is template mode.
@@ -1551,19 +1547,97 @@ class VegaInputRenderModeController extends VegaSlimmer {
    */
   setRenderMode() {
     this.hasItemsSlot = !!this.host.querySelector('[slot=items]');
-    this.hasDropdownSource = Array.isArray(this.suggestionsDropdownSource);
   }
 }
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaInputRenderModeController.prototype, "host", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaInputRenderModeController.prototype, "suggestionsDropdownSource", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentMethod('connectedCallback')
 ], VegaInputRenderModeController.prototype, "connectedCallback", null);
 
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Maps host data-tabindex to inner native input tabindex.
+ */
+class DataTabIndexValueMapper extends MutationObserverSlimmer {
+  /**
+   * Constructor for DataTabIndexValueMapper
+   *
+   * @param {() => HTMLElement} targetGetter - Function to get the target HTMLElement
+   */
+  constructor(targetGetter) {
+    super({
+      options: { attributes: true, attributeFilter: [DataTabIndexValueMapper.OBSERVED_ATTRIBUTE] },
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      callback: () => {
+        this.performMapping();
+      },
+    });
+    this.targetGetter = targetGetter;
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  componentDidLoad() {
+    this.performMapping();
+    super.componentDidLoad && super.componentDidLoad();
+  }
+  /**
+   * Component lifecycle - [componentDidRender]
+   */
+  componentDidRender() {
+    this.performMapping();
+  }
+  /**
+   * Performs the mapping of host data-tabindex to target element's tabindex.
+   * If the host attribute value is null, undefined, or empty string, it removes the tabindex attribute from the target.
+   * Otherwise, it sets the target's tabindex to the host attribute value.
+   */
+  performMapping() {
+    const target = this.targetGetter ? this.targetGetter() : null;
+    if (!target)
+      return;
+    const hostValue = this.host.getAttribute(DataTabIndexValueMapper.OBSERVED_ATTRIBUTE);
+    if (this.shouldRemoveTabIndex(hostValue)) {
+      target.removeAttribute('tabindex');
+      return;
+    }
+    const tabIndexValue = String(hostValue);
+    if (target.getAttribute('tabindex') !== tabIndexValue) {
+      target.setAttribute('tabindex', tabIndexValue);
+    }
+  }
+  /**
+   * Determines whether the tabindex attribute should be removed from the target element.
+   *
+   * @param {string | null} hostValue - The value of the host element's data-tabindex attribute
+   * @returns {boolean} True if the tabindex should be removed, false otherwise
+   */
+  shouldRemoveTabIndex(hostValue) {
+    if (hostValue === null || hostValue === undefined) {
+      return true;
+    }
+    const normalizedValue = String(hostValue).trim().toLowerCase();
+    return normalizedValue === '' || normalizedValue === 'null' || normalizedValue === 'undefined';
+  }
+}
+DataTabIndexValueMapper.OBSERVED_ATTRIBUTE = 'data-tabindex';
+__decorate$1([
+  MapToComponentMethod('componentDidLoad')
+], DataTabIndexValueMapper.prototype, "componentDidLoad", null);
+__decorate$1([
+  MapToComponentMethod('componentDidRender')
+], DataTabIndexValueMapper.prototype, "componentDidRender", null);
+
 const vegaInputCss = ":host{cursor:text;display:block;text-align:left;line-height:normal}:host(.vega-input-inline-block){display:inline-block;width:100%}:host(.vega-input-hidden){display:none}vega-field-label{margin-bottom:8px}.vega-input-container{display:flex;align-items:center;border-radius:8px;gap:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1))}.vega-input-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}.vega-input-container.vega-input-disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled:hover{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.vega-input-container.vega-input-disabled input{color:rgba(var(--v-text-input-disabled, 107, 116, 125, 1))}.vega-input-container.with-value{border-width:1px;border-style:solid;border-radius:8px}.vega-input-container:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}.vega-input-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}.vega-input-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}.vega-input-container.error:not(.no-focus):focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}.vega-input-container.error .vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:2px}.vega-input-prefix{text-align:center;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));font-size:0px}.vega-input-prefix.vega-input-prefix-slot{height:24px;overflow:hidden}.vega-input-input{flex:1 1 0%;position:relative}.vega-input-input input{width:100%;outline:2px solid transparent;outline-offset:2px;border-style:none;height:24px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-input input{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-input input::placeholder{color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1))}.vega-input-size-small{padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px}.vega-input-size-default{padding-top:12px;padding-right:16px;padding-bottom:12px;padding-left:16px}.vega-input-input input:disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1))}.vega-hint{padding-top:12px;padding-right:8px;padding-left:8px}.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-hint>label{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;padding-top:12px;padding-right:8px;padding-left:8px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}.vega-input-clear-icon{width:16px;height:16px;cursor:pointer;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-input-clear-icon:focus-within{outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:2px;border-radius:4px;padding:2px}.vega-input-clear-icon.invisible{visibility:hidden}.vega-input-clear-icon vega-icon{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=password]::-ms-reveal{display:none}.vega-input-container.compact-input-width{gap:0px}.vega-input-container.compact-input-width .vega-input-prefix{margin-right:8px}.vega-input-container.compact-input-width .prefix-text,.vega-input-container.compact-input-width .suffix-text{margin-right:2px}.vega-input-container.compact-input-width .vega-input-clear-icon{margin-left:2px}.vega-input-container.compact-input-width .vega-input-input input{padding:0px;min-width:1px}.vega-input-container.compact-input-width.auto-width .vega-input-input{flex-grow:0}.vega-input-container.compact-input-width.auto-width .suffix-text{flex-grow:1}.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;flex-shrink:0;flex-grow:0}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-input-container .prefix-text,.vega-input-container .suffix-text{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}@media screen and (min-width: 768px) and (max-width: 1023px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.v-font-field-value{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}.vega-input-container .password-eye-button{width:16px;height:16px}.vega-input-container .password-eye-button::part(button){width:16px;height:16px;padding:0px}.vega-input-container .password-eye-button::part(button):hover{background-color:rgba(var(--v-bg-transparent, 0, 0, 0, 0))}@supports (-webkit-touch-callout: none){:host([data-vega-form=pageSelectorMobile_goTo]) .vega-input-container input{box-sizing:border-box;padding-left:0px;padding-right:0px}}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1594,6 +1668,21 @@ const VegaInput = class {
     this.vegaSuggestionItemClick = createEvent(this, "vegaSuggestionItemClick", 7);
     this.suggestionItemClick = createEvent(this, "suggestionItemClick", 7);
     this.globalSlimmers = {};
+    this.ariaAttributesValueMapper = new AriaAttributesValueMapper(() => {
+      return this.host.shadowRoot.querySelector('input');
+    }, {
+      'aria-label': {
+        dependency: ['data-aria-label', 'label'],
+        defaultValue: 'No label defined',
+      },
+      'aria-hidden': {
+        dependency: ['data-aria-hidden'],
+        defaultValue: null,
+      },
+    });
+    this.dataTabIndexValueMapper = new DataTabIndexValueMapper(() => {
+      return this.host.shadowRoot.querySelector('input');
+    });
     this.formFieldController = new FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -1908,6 +1997,12 @@ const VegaInput = class {
 __decorate([
   InjectVegaGlobalSlimmer()
 ], VegaInput.prototype, "globalSlimmers", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "ariaAttributesValueMapper", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaInput.prototype, "dataTabIndexValueMapper", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaInput.prototype, "formFieldController", void 0);