@heartlandone/vega 2.77.0 → 2.78.0

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

@@ -8,41 +8,42 @@ 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 { 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 { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9a880420.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-f879fd58.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-fdc58a67.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-df1f5707.js';
+import { S as StringFormatStrategy } from './string-format-strategy.abstract-e40a0df7.js';
+import { i as isNonNullable } from './type-guard-f69d2935.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-076764fc.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';
+import { l as VegaInternalSetupVegaInputMaskConfig, m as VegaInternalUpdateVegaInputValue, n as VegaInternalFocusVegaInput, i as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-12783594.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-82f346e3.js';
-import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-d6af0d86.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-478c9f41.js';
+import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e0505250.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-058feaf0.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-bd80b3bb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-e5fd0fab.js';
 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-0787a7a7.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 './internal-vega-event-manager-3aebbe55.js';
 import './breakpoints-d9faf11c.js';
-import './ui-28fd4193.js';
+import './ui-41f725b7.js';
 import './typography-396de03f.js';
-import './wait-for-component-did-render-b08ef07b.js';
-import './breakpoints-56e5407b.js';
+import './wait-for-component-did-render-4d0a3428.js';
+import './breakpoints-13353e09.js';
 import './icon-manager-539d7cf7.js';
 import './create-public-api-runtime-metrics-slimmer-aaadaa08.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;
@@ -167,7 +168,7 @@ class VegaInputPrefixSlotRenderer extends VegaSlimmer {
           'vega-input-prefix': true,
           'vega-input-prefix-slot': hasSlotContent,
         }, part: "prefix-icon-container" },
-        this.prefixIcon && !hasSlotContent ? (h("vega-icon", { icon: this.prefixIcon, size: "size-16" })) : null,
+        this.prefixIcon && !hasSlotContent ? (h("vega-icon", { icon: this.prefixIcon, size: "size-16", "aria-hidden": "true" })) : null,
         h("slot", { name: "prefix-icon" })));
     }
   }
@@ -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 ? 'true' : undefined, 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: [
         {
@@ -1659,171 +1748,279 @@ const VegaInput = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer(VegaInputRuntimeMetricsPayloadDefinition);
     this.passwordEyeRenderer = new VegaInputPasswordEyeRenderer();
     /**
-     * Specifies the label or title for the input field.
+     * Specifies the visible label text displayed above the input field.
      *
-     * It provides descriptive text that helps identify the
-     *    purpose or content expected in the input field.
+     * The label provides an accessible, descriptive title that helps users identify
+     * the purpose or content expected in the input field. It is rendered as a
+     * `<vega-field-label>` element and is associated with the native `<input>` for
+     * accessibility (screen readers, click-to-focus).
      *
+     * When set to an empty string, no label is rendered.
+     *
+     * @default ''
      * @vegaVersion 1.0.5
      */
     this.label = '';
     /**
-     * @deprecated Please use `LabelSuffixButtonConfig` instead
-     *
-     * Specifies the properties for the suffix button associated with the input.
+     * @deprecated Please use `labelSuffixButtonConfig` instead.
      *
-     * It provides essential information and functionality
-     *  related to the suffix button's role and behavior.
+     * Configures an optional action button displayed at the trailing end of the
+     * field label. This can be used to provide contextual actions such as a
+     * "Forgot password?" link or an info tooltip trigger.
      *
+     * @default null
      * @vegaVersion 2.25.0
      */
     this.labelSuffixButtonProps = null;
     /**
-     * Specifies the properties for the suffix button associated with the input.
+     * Configures an optional action button displayed at the trailing end of the
+     * field label. Use this to provide contextual actions such as a
+     * "Forgot password?" link, a help tooltip trigger, or any custom label-level action.
      *
-     * It provides essential information and functionality
-     *  related to the suffix button's role and behavior.
+     * When clicked, the `vegaLabelButtonClick` event is emitted.
      *
+     * @default null
      * @vegaVersion 2.68.0
      */
     this.labelSuffixButtonConfig = null;
     /**
-     * Represents a pre-set or default value for the input field.
+     * The current value of the input field.
      *
-     * It allows you to initialize the field with a specific value,
-     *    which is displayed to the user when the input is
-     *    initially rendered.
+     * Use this property to programmatically set or read the input's value.
+     * The value is two-way bound — it updates when the user types and can be
+     * set externally to pre-fill or reset the field.
      *
-     * If the value is too long, it may be truncated with
-     *    an ellipsis for visual presentation.
+     * When a `maskConfig` is applied, the displayed value may differ from the
+     * raw value (e.g., formatted phone numbers). The `vegaChange` event emits
+     * the current value whenever it changes.
      *
+     * @default ''
      * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.value = '';
     /**
-     * Specifies when the vegaChange event is triggered.
-     *     It controls whether the event is dispatched
-     *     after typing in the input or after a change event.
+     * Controls when the `vegaChange` event is emitted, allowing you to choose
+     * between real-time updates and committed-value updates.
+     *
+     * - `'input'` — Fires on every keystroke as the user types (real-time).
+     * - `'change'` — Fires only when the input loses focus or the user presses Enter,
+     *   similar to the native HTML `change` event behavior.
+     *
+     * Use `'change'` for expensive operations (e.g., API calls) where you only need
+     * the final committed value. Use `'input'` for live search or filtering scenarios.
      *
+     * @default 'input'
      * @vegaVersion 2.24.0
      */
     this.valueUpdateTrigger = 'input';
     /**
-     * Defines the specific type or category of the input field.
+     * Sets the HTML input type, which controls the browser's input behavior,
+     * on-screen keyboard layout, and built-in validation.
      *
-     * It specifies the intended format or purpose of the
-     *    data to be entered by the user.
+     * - `'text'` — Standard single-line text input.
+     * - `'email'` — Optimized for email entry; triggers email validation automatically.
+     * - `'password'` — Masks the entered characters; displays a show/hide toggle icon.
+     * - `'number'` — Restricts input to numeric values; may show increment/decrement controls.
+     * - `'hidden'` — Renders the input as invisible (useful for programmatic form values).
      *
+     * @default 'text'
      * @vegaVersion 1.0.9
      */
     this.type = 'text';
     /**
-     * Defines the specific name of the input field.
+     * Sets the `name` attribute on the underlying native `<input>` element.
      *
+     * This is used to identify the field when submitting form data and is also
+     * used by the browser's autocomplete feature to recall previously entered values.
      *
+     * @default ''
      * @vegaVersion 1.0.5
      */
     this.name = '';
     /**
-     * Controls the autofill behavior and specifies whether the
-     *    input should receive automated suggestions or
-     *    previously entered values.
+     * Controls the browser's autofill and autocomplete behavior for this input.
      *
+     * Set to a semantic token (e.g., `'email'`, `'tel'`, `'street-address'`) to help
+     * the browser suggest previously saved values. Set to `'off'` to disable
+     * autocomplete suggestions entirely.
+     *
+     * See the full list of valid tokens:
+     * https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/autocomplete
+     *
+     * @default 'off'
      * @vegaVersion 1.0.5
      */
     this.autocomplete = 'off';
     /**
-     * Enforces proper email format validation for the input field.
+     * When `true`, enforces email format validation on the input value.
      *
-     * It ensures that the user enters a valid email address according to
-     *    standard email formatting rules.
+     * The validation checks that the entered text conforms to standard email
+     * formatting rules (e.g., `user@domain.com`). An invalid email will cause
+     * `isValid` to be set to `false` when validation is triggered.
      *
-     * @deprecated Please use `type='email'` instead.
+     * @deprecated Please use `type='email'` instead, which provides the same
+     * validation along with optimized mobile keyboard and browser autofill support.
+     * @default false
      * @vegaVersion 1.0.5
      */
     this.email = false;
     /**
-     * Determines whether the input field is required.
+     * Marks the input field as required for form submission.
      *
+     * When `true`, a required-field validation rule is automatically applied.
+     * If `autoValidation` is enabled, the field will display a validation error
+     * when the user leaves it empty. A visual required indicator (asterisk) is
+     * shown next to the label.
+     *
+     * @default false
      * @vegaVersion 1.0.5
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.required = false;
     /**
-     * Sets the minimum allowable numeric value for the input value.
+     * Sets the minimum allowable numeric value for the input.
+     *
+     * When set, a `MinNumberRule` validation is applied automatically.
+     * If the user enters a number below this threshold, the field will
+     * be marked as invalid. Only applies when the input value is numeric.
      *
+     * @default null
      * @vegaVersion 1.0.5
      */
     this.min = null;
     /**
-     * Sets the maximum allowable numeric value for the input value.
+     * Sets the maximum allowable numeric value for the input.
      *
+     * When set, a `MaxNumberRule` validation is applied automatically.
+     * If the user enters a number above this threshold, the field will
+     * be marked as invalid. Only applies when the input value is numeric.
+     *
+     * @default null
      * @vegaVersion 1.0.5
      */
     this.max = null;
     /**
-     * Sets the minimum length requirement for the input value.
+     * Sets the minimum character length required for the input value.
+     *
+     * When set, a `MinStringLengthRule` validation is applied automatically.
+     * If the user enters fewer characters than specified, the field will be
+     * marked as invalid when validation is triggered.
      *
+     * @default null
      * @vegaVersion 1.0.5
      */
     this.minLength = null;
     /**
-     * Sets the maximum length requirement for the input value.
+     * Sets the maximum character length allowed for the input value.
      *
+     * When set, a `MaxStringLengthRule` validation is applied automatically.
+     * If the user enters more characters than specified, the field will be
+     * marked as invalid when validation is triggered.
+     *
+     * @default null
      * @vegaVersion 1.0.5
      */
     this.maxLength = null;
     /**
-     * Determines whether the clear icon should be displayed or hidden.
+     * Controls whether a clear (✕) icon button is displayed inside the input
+     * when the field has a non-empty value.
+     *
+     * When `true`, clicking the clear icon resets the input value to an empty
+     * string and emits a `vegaChange` event. Set to `false` to hide the icon
+     * (e.g., for inputs where clearing is not desired, such as read-only displays).
      *
+     * @default true
      * @vegaVersion 1.3.0
      */
     this.showClearIcon = true;
     /**
-     * Indicates whether the current value in the field is considered valid or
-     *    invalid based on the defined validation rules.
+     * Reflects the current validation state of the input field.
      *
+     * - `true` — The field value passes all validation rules; no error styling is shown.
+     * - `false` — The field value is invalid; error styling and messages are displayed.
+     * - `null` — Validation has not yet been triggered (initial state).
+     *
+     * This property is automatically updated when `autoValidation` is `true`.
+     * It can also be set programmatically to force a specific validation state
+     * (e.g., after server-side validation).
+     *
+     * @default null
      * @vegaVersion 1.3.0
      */
     /* eslint-disable-next-line @stencil/strict-mutable */
     this.isValid = null;
     /**
-     * Determines whether the input field should undergo automatic validation
-     *    during the user's input.
+     * Enables or disables automatic validation as the user interacts with the input.
+     *
+     * When `true`, the component validates the input value in real-time against
+     * all configured validation rules (`required`, `min`, `max`, `minLength`,
+     * `maxLength`, `email`, and custom `validationRules`). Validation is triggered
+     * on blur and during input, updating the `isValid` property accordingly.
      *
+     * Set to `false` when you need to manage validation manually (e.g., only on
+     * form submission).
+     *
+     * @default true
      * @vegaVersion 1.0.10
      */
     this.autoValidation = true;
     /**
-     * Defines custom validation rules for the input field.
+     * An array of custom validation rules applied to the input field in addition
+     * to the built-in rules derived from `required`, `min`, `max`, `minLength`,
+     * `maxLength`, and `email` props.
+     *
+     * Each rule is a `FormFieldValidationRule` object that defines a validation
+     * function and an associated error message. Rules are evaluated in order;
+     * the first failing rule's message is displayed.
      *
+     * @default []
      * @vegaVersion 1.0.10
      */
     this.validationRules = [];
     /**
-     * Defines the size of the input field,
-     *    specifying its width or length.
+     * Sets the visual size variant of the input field, affecting its height
+     * and internal padding.
      *
+     * - `'default'` — Standard height (40px), suitable for most form layouts.
+     * - `'small'` — Compact height (32px), useful in dense or inline
+     *   layouts. Such as table cells or toolbars.
+     *
+     * @default 'default'
      * @vegaVersion 1.3.0
      */
     this.size = 'default';
     /**
-     * Determines whether the input field is disabled.
+     * When `true`, disables the input field, preventing user interaction.
+     *
+     * A disabled input cannot receive focus, does not respond to click or keyboard
+     * events, and is visually styled with reduced opacity to indicate its inactive
+     * state. Disabled fields are excluded from form validation.
      *
+     * @default false
      * @vegaVersion 1.3.0
      */
     this.disabled = false;
     /**
-     * Provides a supplementary prompt message that assists users in
-     *    understanding the expected value for the input field.
+     * Displays a helper text message below the input field.
      *
+     * Use this to provide additional guidance about the expected input, such as
+     * format requirements (e.g., `'Must be at least 8 characters'`) or contextual
+     * tips. The hint is rendered via the `<vega-hint>` sub-component and is
+     * replaced by an error message when validation fails.
+     *
+     * @default ''
      * @vegaVersion 1.3.0
      */
     this.hint = '';
     /**
-     * Controls whether copying or pasting is enabled for the input.
+     * When `true`, disables the ability to copy from or paste into the input field.
+     *
+     * This is useful for security-sensitive fields (e.g., password confirmation)
+     * where you want to prevent users from pasting values. Both keyboard shortcuts
+     * and context menu copy/paste actions are blocked.
      *
+     * @default false
      * @vegaVersion 2.1.0
      */
     this.disableCopyPaste = false;
@@ -1864,29 +2061,53 @@ const VegaInput = class {
   watchSuggestionsDropdownSource() {
   }
   /**
-   * Invoke this method to focus the current input.
+   * Programmatically sets focus on the underlying native `<input>` element.
    *
+   * Use this method when you need to direct the user's attention to this input
+   * (e.g., after form validation fails or on page load). Calling this method
+   * triggers the `vegaFocus` event.
+   *
+   * @returns A promise that resolves once focus has been applied.
    * @vegaVersion 1.12.0
    */
   async doFocus() {
   }
   /**
-   * Invoke this method to blur the current input.
+   * Programmatically removes focus from the underlying native `<input>` element.
+   *
+   * Use this method when you need to dismiss the keyboard on mobile or move
+   * focus away from the input programmatically. Calling this method triggers
+   * the `vegaBlur` event and, if `autoValidation` is enabled, validation
+   * will be executed.
    *
+   * @returns A promise that resolves once blur has been applied.
    * @vegaVersion 1.12.0
    */
   async doBlur() {
   }
   /**
-   * Invoke this method to show the suggestions dropdown.
+   * Programmatically opens the suggestions dropdown.
    *
+   * Use this method when you need to display the dropdown independently of
+   * user input — for example, to show all available suggestions on focus
+   * or in response to an external trigger. Requires `suggestionsDropdownSource`
+   * to be set.
+   *
+   * @param dropdownConfig - Optional configuration to customize the dropdown
+   * behavior (e.g., itemDisplayRule, caseSensitive).
+   * @returns A promise that resolves once the dropdown is displayed.
    * @vegaVersion 2.75.0
    */
   async showSuggestionsDropdown(dropdownConfig) {
   }
   /**
-   * Invoke this method to hide the suggestions dropdown.
+   * Programmatically closes the suggestions dropdown.
+   *
+   * Use this method when you need to dismiss the dropdown in response to an
+   * external event (e.g., pressing Escape, clicking outside, or completing
+   * a selection workflow).
    *
+   * @returns A promise that resolves once the dropdown is hidden.
    * @vegaVersion 2.75.0
    */
   async hideSuggestionsDropdown() {
@@ -1908,6 +2129,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);