@heartlandone/vega 2.77.0 → 2.78.0

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

@@ -12,41 +12,42 @@ const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-4572c5b7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-102f37c7.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-062cdcb8.js');
-const vegaEventId = require('./vega-event-id-ee01d8dd.js');
-const stringMaskStrategy = require('./string-mask-strategy-dda58395.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-f2575647.js');
-const typeGuard = require('./type-guard-407ba0b8.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-0a334fc6.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-73f5849e.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-c84121c8.js');
+const vegaEventId = require('./vega-event-id-c08ce3d3.js');
+const stringMaskStrategy = require('./string-mask-strategy-d00871c2.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-814d66c4.js');
+const typeGuard = require('./type-guard-a0d9ff1f.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-749e3cfe.js');
 const array = require('./array-249289f2.js');
 const object = require('./object-e2e28e3d.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-e0aeac45.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c62823de.js');
-const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-7f065ee1.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-1dfbc4c3.js');
+const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-e050cd26.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-e692d849.js');
 const internalIconManager = require('./internal-icon-manager-c989189a.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
+const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 require('./number-4816603d.js');
 require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./ui-234ea151.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-053eb0f1.js');
+require('./internal-translation-controller-24df468f.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
-require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./internal-vega-event-manager-f7ecf3d4.js');
+require('./internal-vega-event-manager-cc0f511c.js');
 require('./breakpoints-ebde4837.js');
-require('./ui-32e69595.js');
+require('./ui-024696c0.js');
 require('./typography-4560e7f1.js');
-require('./wait-for-component-did-render-70a01bf9.js');
-require('./breakpoints-751d433a.js');
+require('./wait-for-component-did-render-cbebfc33.js');
+require('./breakpoints-a8ff22f0.js');
 require('./icon-manager-c12c6ea9.js');
 require('./create-public-api-runtime-metrics-slimmer-9cb09fb2.js');
 
@@ -113,7 +114,7 @@ class EmailFieldRule extends internalFormFieldValidationRule_abstract.InternalFo
   }
 }
 
-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;
@@ -152,11 +153,11 @@ class VegaInputCopyPasteController extends globalSlimmerRegistry.VegaSlimmer {
     e.preventDefault();
   }
 }
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.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;
@@ -171,7 +172,7 @@ class VegaInputPrefixSlotRenderer extends globalSlimmerRegistry.VegaSlimmer {
           'vega-input-prefix': true,
           'vega-input-prefix-slot': hasSlotContent,
         }, part: "prefix-icon-container" },
-        this.prefixIcon && !hasSlotContent ? (index.h("vega-icon", { icon: this.prefixIcon, size: "size-16" })) : null,
+        this.prefixIcon && !hasSlotContent ? (index.h("vega-icon", { icon: this.prefixIcon, size: "size-16", "aria-hidden": "true" })) : null,
         index.h("slot", { name: "prefix-icon" })));
     }
   }
@@ -185,10 +186,10 @@ class VegaInputPrefixSlotRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.host.querySelector('[slot="prefix-icon"]') ? true : false;
   }
 }
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputPrefixSlotRenderer.prototype, "host", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputPrefixSlotRenderer.prototype, "prefixIcon", void 0);
 
@@ -471,7 +472,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;
@@ -662,31 +663,31 @@ class VegaInputMaskConfigController extends stringInputFormatterSlimmer.StringIn
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, vegaInternalEventId.VegaInternalSetupVegaInputMaskConfig);
   }
 }
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "maskConfig", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "disableCopyPaste", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "type", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputMaskConfigController.prototype, "inputRenderer", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaInputMaskConfigController.prototype, "connectedCallback", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaInputMaskConfigController.prototype, "disconnectedCallback", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaInputMaskConfigController.prototype, "watchValue", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('watchMaskChange')
 ], VegaInputMaskConfigController.prototype, "watchMaskChange", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('watchTypeChange')
 ], VegaInputMaskConfigController.prototype, "watchTypeChange", null);
 
@@ -741,7 +742,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;
@@ -835,32 +836,32 @@ class VegaInputCompactWidthController extends globalSlimmerRegistry.VegaSlimmer
     return this.calculateTextWidthContainer;
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "host", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "value", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "placeholder", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "isCompactInputWidth", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputCompactWidthController.prototype, "suffixText", void 0);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaInputCompactWidthController.prototype, "componentDidLoad", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaInputCompactWidthController.prototype, "watchValue", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.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;
@@ -892,16 +893,16 @@ class VegaInputStateController extends subStateObserverSlimmer.SubStateObserverS
     });
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputStateController.prototype, "host", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputStateController.prototype, "prefixText", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputStateController.prototype, "suffixText", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputStateController.prototype, "isCompactInputWidth", void 0);
 
@@ -913,7 +914,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;
@@ -938,17 +939,17 @@ class VegaInputPasswordEyeRenderer extends globalSlimmerRegistry.VegaSlimmer {
     'eye-slash': eyeSlash,
   });
 })();
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputPasswordEyeRenderer.prototype, "host", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputPasswordEyeRenderer.prototype, "isPasswordDisplay", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.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;
@@ -993,11 +994,7 @@ class VegaInputInputContainerRenderer extends globalSlimmerRegistry.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: accessibility.createEnterKeyHandlerToTriggerClick() },
+      }, onClick: this.onContainerClick, "aria-disabled": this.disabled ? 'true' : undefined, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() },
       this.prefixSlotRenderer.render(),
       this.renderPrefixText(),
       this.inputRenderer.render(),
@@ -1014,44 +1011,44 @@ class VegaInputInputContainerRenderer extends globalSlimmerRegistry.VegaSlimmer
       index.h("vega-icon", { icon: "close" })));
   }
 }
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "host", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "value", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "size", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "disabled", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "type", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "showClearIcon", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "prefixText", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "suffixText", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "isCompactInputWidth", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "prefixSlotRenderer", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputContainerRenderer.prototype, "passwordEyeRenderer", void 0);
-__decorate$6([
+__decorate$7([
   globalSlimmerRegistry.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;
@@ -1119,7 +1116,7 @@ class VegaInputInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
   }
   render() {
     return (index.h("div", { class: "vega-input-input" },
-      index.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, 
+      index.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 */
@@ -1163,74 +1160,71 @@ class VegaInputInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.inputRef.focus();
   }
 }
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "host", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "value", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "disabled", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "type", void 0);
-__decorate$5([
-  globalSlimmerRegistry.MapToComponentField()
-], VegaInputInputRenderer.prototype, "label", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "name", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "autocomplete", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "inputmode", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "placeholder", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "minLength", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "maxLength", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "isPasswordDisplay", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "valueUpdateTrigger", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "focusEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "blurEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "pasteEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "copyPasteController", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputRenderer.prototype, "nativeInputChangeEventEmitter", void 0);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaInputInputRenderer.prototype, "connectedCallback", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaInputInputRenderer.prototype, "disconnectedCallback", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.MapToComponentMethod('doFocus')
 ], VegaInputInputRenderer.prototype, "doFocus", null);
-__decorate$5([
+__decorate$6([
   globalSlimmerRegistry.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;
@@ -1273,41 +1267,41 @@ class VegaInputRenderer extends globalSlimmerRegistry.VegaSlimmer {
       index.h("label", null, this.hint))) : null;
   }
 }
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "host", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "disabled", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "required", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "label", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "hint", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "labelSuffixButtonProps", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "labelSuffixButtonConfig", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "labelButtonClickEventEmitter", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "inputContainerRenderer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderer.prototype, "inputSuggestionsRenderer", void 0);
-__decorate$4([
+__decorate$5([
   globalSlimmerRegistry.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;
@@ -1360,29 +1354,29 @@ class VegaInputValueController extends globalSlimmerRegistry.VegaSlimmer {
     this.value = newValue;
   }
 }
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputValueController.prototype, "host", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputValueController.prototype, "value", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputValueController.prototype, "changeEventEmitter", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputValueController.prototype, "inputRenderer", void 0);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], VegaInputValueController.prototype, "connectedCallback", null);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], VegaInputValueController.prototype, "disconnectedCallback", null);
-__decorate$3([
+__decorate$4([
   globalSlimmerRegistry.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;
@@ -1473,51 +1467,54 @@ class VegaInputInputSuggestionsRenderer extends globalSlimmerRegistry.VegaSlimme
     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([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "host", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "value", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaInputInputSuggestionsRenderer.prototype, "suggestionsDropdownConfig", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "suggestionsDropdownSource", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "renderModeController", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputInputSuggestionsRenderer.prototype, "suggestionItemClickEventEmitter", void 0);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaInputInputSuggestionsRenderer.prototype, "appendHostItemsToDropdown", null);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('showSuggestionsDropdown')
 ], VegaInputInputSuggestionsRenderer.prototype, "showSuggestionsDropdown", null);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('hideSuggestionsDropdown')
 ], VegaInputInputSuggestionsRenderer.prototype, "hideSuggestionsDropdown", null);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.MapToComponentMethod('watchValue')
 ], VegaInputInputSuggestionsRenderer.prototype, "watchValue", null);
-__decorate$2([
+__decorate$3([
   globalSlimmerRegistry.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;
@@ -1528,7 +1525,6 @@ class VegaInputRenderModeController extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
     this.hasItemsSlot = false;
-    this.hasDropdownSource = false;
   }
   /** Sets the render mode based on the presence of the items slot. */
   connectedCallback() {
@@ -1540,7 +1536,7 @@ class VegaInputRenderModeController extends globalSlimmerRegistry.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.
@@ -1555,19 +1551,97 @@ class VegaInputRenderModeController extends globalSlimmerRegistry.VegaSlimmer {
    */
   setRenderMode() {
     this.hasItemsSlot = !!this.host.querySelector('[slot=items]');
-    this.hasDropdownSource = Array.isArray(this.suggestionsDropdownSource);
   }
 }
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderModeController.prototype, "host", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaInputRenderModeController.prototype, "suggestionsDropdownSource", void 0);
-__decorate$1([
+__decorate$2([
   globalSlimmerRegistry.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.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([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
+], DataTabIndexValueMapper.prototype, "componentDidLoad", null);
+__decorate$1([
+  globalSlimmerRegistry.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) {
@@ -1598,6 +1672,21 @@ const VegaInput = class {
     this.vegaSuggestionItemClick = index.createEvent(this, "vegaSuggestionItemClick", 7);
     this.suggestionItemClick = index.createEvent(this, "suggestionItemClick", 7);
     this.globalSlimmers = {};
+    this.ariaAttributesValueMapper = new ariaAttributesValueMapper.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.FormFieldControllerSlimmer({
       propertyRules: [
         {
@@ -1663,171 +1752,279 @@ const VegaInput = class {
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.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;
@@ -1868,29 +2065,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() {
@@ -1912,6 +2133,12 @@ const VegaInput = class {
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaInput.prototype, "globalSlimmers", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInput.prototype, "ariaAttributesValueMapper", void 0);
+__decorate([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaInput.prototype, "dataTabIndexValueMapper", void 0);
 __decorate([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaInput.prototype, "formFieldController", void 0);