@heartlandone/vega 2.96.0 → 2.97.0

package/dist/cjs/vega-image-uploader.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
@@ -16,21 +16,21 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const vegaDialogController = require('./vega-dialog-controller-16be85d5.js');
 const dropFileAcceptFilterSlimmer = require('./drop-file-accept-filter-slimmer-cd619cc7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const ui = require('./ui-c91c37a7.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-b454645a.js');
 const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -44,6 +44,7 @@ require('./vega-internal-event-id-ecc5b87a.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
@@ -900,6 +901,14 @@ const VegaImageUploader = class {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies the validation status.
      *

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
-const validCreditCardNumberRule = require('./valid-credit-card-number-rule-8d370163.js');
+const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4c0a3040.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
@@ -18,12 +18,12 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
-const stringMaskStrategy = require('./string-mask-strategy-fc01a500.js');
+const stringMaskStrategy = require('./string-mask-strategy-ad3fa0ac.js');
 require('./index-3ca118c4.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./number-4816603d.js');
 require('./string-39438062.js');
@@ -36,6 +36,7 @@ require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
@@ -44,7 +45,7 @@ require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
-require('./string-format-strategy.abstract-b22f7754.js');
+require('./string-format-strategy.abstract-b61bdcbd.js');
 
 const CARDS_INFO = [
   {
@@ -384,6 +385,14 @@ const VegaInputCreditCard = class {
      * @vegaVersion 2.90.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Determines whether the credit card input field is disabled.
      *
@@ -463,7 +472,7 @@ const VegaInputCreditCard = class {
     this.renderInputContainer = () => {
       var _a;
       const iconName = ((_a = this.getCreditCardType(this.value)) === null || _a === void 0 ? void 0 : _a.iconName) || 'regular-credit-card';
-      return (index.h("vega-input", { label: this.label, type: "number", prefixIcon: internalIconManager.VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, optional: this.optional, showClearIcon: false, ref: (ref) => {
+      return (index.h("vega-input", { label: this.label, type: "number", prefixIcon: internalIconManager.VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, optional: this.optional, name: this.name, showClearIcon: false, ref: (ref) => {
           this.inputRef = ref;
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaChange, (input) => {
             this.handleVegaChange(input);

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

@@ -13,8 +13,8 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
 const minNumberRule = require('./min-number-rule-dc555309.js');
@@ -26,12 +26,12 @@ require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./try-get-document-c0ebd39a.js');
-require('./keyboard-manager-ca76d4dc.js');
-require('./type-guard-f354af8b.js');
+require('./keyboard-manager-c56033b1.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
 require('./vega-internal-event-id-ecc5b87a.js');
@@ -39,6 +39,7 @@ require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
@@ -415,6 +416,14 @@ const VegaInputNumeric = class {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * An array of custom validation rules applied to the numeric input in
      * addition to the built-in rules (`RequiredFieldRule`, `MinNumberRule`,

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

@@ -11,21 +11,21 @@ const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-facto
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
-require('./keyboard-manager-ca76d4dc.js');
-require('./type-guard-f354af8b.js');
+require('./keyboard-manager-c56033b1.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
@@ -36,6 +36,7 @@ require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
@@ -722,6 +723,14 @@ const VegaInputPasscode = class {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * An array of custom validation rules applied to the passcode input in
      * addition to the built-in `RequiredFieldRule`. Each rule must implement

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

@@ -12,12 +12,12 @@ const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b22f7754.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b61bdcbd.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
@@ -32,13 +32,14 @@ require('./index-3ca118c4.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./string-39438062.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
@@ -6020,6 +6021,14 @@ const VegaInputPhoneNumber = class {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies whether the phone number input field is disabled. When `true`,
      * both the country selector and the phone number text field become

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

@@ -8,7 +8,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const array = require('./array-249289f2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
@@ -18,7 +18,7 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const accessibility = require('./accessibility-88f8af84.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
@@ -26,12 +26,13 @@ require('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
 require('./vega-internal-event-id-ecc5b87a.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./index-592b4052.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
@@ -603,6 +604,14 @@ const VegaInputRange = class {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.

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

@@ -8,7 +8,7 @@ const component = require('./component-1e352960.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-c91c37a7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -21,17 +21,17 @@ const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const index$1 = require('./index-592b4052.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
 require('./ui-32120990.js');
@@ -45,6 +45,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.js');
+require('./form-field-key-8d5edf75.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
@@ -1106,6 +1107,14 @@ const VegaInputSelect = class {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Allows customization of the text displayed within the
      *    select field when single or multiple items are selected.

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

@@ -12,13 +12,13 @@ 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-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const stringMaskStrategy = require('./string-mask-strategy-fc01a500.js');
-const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b22f7754.js');
-const typeGuard = require('./type-guard-f354af8b.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-d2c248f7.js');
+const stringMaskStrategy = require('./string-mask-strategy-ad3fa0ac.js');
+const stringFormatStrategy_abstract = require('./string-format-strategy.abstract-b61bdcbd.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-18d45942.js');
 const array = require('./array-249289f2.js');
 const object = require('./object-b53e9416.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
@@ -40,9 +40,10 @@ require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./breakpoints-ebde4837.js');
@@ -1854,7 +1855,8 @@ const VegaInput = class {
      */
     this.type = 'text';
     /**
-     * Sets the `name` attribute on the underlying native `<input>` element.
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
      *
      * 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.

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -15,7 +15,7 @@ const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const sharedBackdropManager = require('./shared-backdrop-manager-71e54fdb.js');
-const injectKeyboardManager = require('./inject-keyboard-manager-5a105612.js');
+const injectKeyboardManager = require('./inject-keyboard-manager-6a6f5c9f.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
@@ -30,7 +30,7 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-3ca118c4.js');
 require('./ui-32120990.js');
@@ -40,20 +40,20 @@ require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./number-4816603d.js');
-require('./keyboard-manager-ca76d4dc.js');
-require('./type-guard-f354af8b.js');
+require('./keyboard-manager-c56033b1.js');
+require('./type-guard-a57ef3ac.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-nonce-manager-df69d3ed.js');
 require('./index-592b4052.js');
 require('./tinycolor-polyfill-502efaa8.js');
 require('./object-b53e9416.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 
 var __decorate$o = (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;
@@ -74,11 +74,13 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
           return;
         }
         this.updateMainContentUI(this.openState);
+        this.backdropManager.setEffectiveOverlayValue(this.getResolvedOverlayValue());
         this.backdropManager.watchOpenState(this.openState);
       },
     });
     this.isVoiceOverClick = false;
     this.triggerElement = null;
+    this.lastSyncedOverlayValue = null;
     this.handleClickEvent = (e) => {
       this.isVoiceOverClick = ui.checkIsVoiceOverClick(e);
     };
@@ -104,8 +106,14 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
   }
   /**
    * Component lifecycle - [componentDidRender]
+   *
+   * Runs after the first render to ensure all props (especially from React/Next.js)
+   * are fully hydrated before evaluating overlay-driven backdrop visibility.
+   * This prevents race conditions where showAsOverlay might still hold its default
+   * value during componentDidLoad when React/Next.js applies props after initial render.
    */
   componentDidRender() {
+    this.watchShowAsOverlay();
   }
   /** Call this method to toggle the left nav menu */
   async toggle() {
@@ -127,8 +135,13 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   watchOpenState(newState) {
-    this.backdropManager.watchOpenState(newState);
+    // Always keep the main-content UI in sync with the requested open state.
     this.updateMainContentUI(newState);
+    // Defer initial "open" backdrop sync until show-as-overlay has an explicit hydrated value.
+    if (this.hasHydratedOverlayValue() || newState !== 'open') {
+      this.backdropManager.setEffectiveOverlayValue(this.getResolvedOverlayValue());
+      this.backdropManager.watchOpenState(newState);
+    }
     if (newState === 'open') {
       this.open = true;
     }
@@ -148,7 +161,12 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   watchShowAsOverlay() {
-    this.backdropManager.watchShowAsOverlay();
+    const effectiveOverlayValue = this.getResolvedOverlayValue();
+    if (this.lastSyncedOverlayValue !== effectiveOverlayValue) {
+      this.backdropManager.setEffectiveOverlayValue(effectiveOverlayValue);
+      this.backdropManager.watchShowAsOverlay();
+      this.lastSyncedOverlayValue = effectiveOverlayValue;
+    }
     this.updateMainContentUI(this.openState);
   }
   /**
@@ -159,6 +177,31 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
   setOpenState(openState) {
     this.openState = openState;
   }
+  /**
+   * Check whether the show-as-overlay attribute has been explicitly hydrated by React/Next.js.
+   *
+   * Returns true only for recognized hydrated tokens ('false', 'true', '').
+   * Returns false when the attribute is absent or unrecognized.
+   *
+   * This DOM-read approach is resilient to SSR re-instantiation because it relies on
+   * current host attributes rather than instance-private hydration flags.
+   */
+  hasHydratedOverlayValue() {
+    var _a, _b;
+    const overlayAttr = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.getAttribute('show-as-overlay')) !== null && _b !== void 0 ? _b : null;
+    return overlayAttr === 'false' || overlayAttr === 'true' || overlayAttr === '';
+  }
+  getResolvedOverlayValue() {
+    var _a, _b;
+    const overlayAttr = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.getAttribute('show-as-overlay')) !== null && _b !== void 0 ? _b : null;
+    if (overlayAttr === 'false') {
+      return false;
+    }
+    if (overlayAttr === 'true' || overlayAttr === '') {
+      return true;
+    }
+    return this.showAsOverlay;
+  }
   /**
    * Focuses the first focusable element within the left nav dialog when it is opened via VoiceOver.
    */
@@ -248,8 +291,9 @@ class VegaLeftNavOpenStateController extends pageResizeObserverSlimmer.PageResiz
     }
   }
   shouldShowBackdrop() {
+    const effectiveOverlayValue = this.getResolvedOverlayValue();
     const breakpoint = breakpoints.getCurrentBreakpoint();
-    return this.showAsOverlay || (breakpoint !== 'L' && breakpoint !== 'XL');
+    return effectiveOverlayValue || (breakpoint !== 'L' && breakpoint !== 'XL');
   }
 }
 __decorate$o([
@@ -430,6 +474,18 @@ var __decorate$k = (undefined && undefined.__decorate) || function (decorators,
  * Each subclass of SharedBackdropManager gets its own separate static state (consumers, visibility intents, etc).
  */
 class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropManager {
+  constructor() {
+    super(...arguments);
+    this.effectiveShowAsOverlay = true;
+  }
+  /**
+   * Set the overlay value used by backdrop visibility decisions.
+   *
+   * @param {boolean} showAsOverlay - Resolved overlay value from the controller.
+   */
+  setEffectiveOverlayValue(showAsOverlay) {
+    this.effectiveShowAsOverlay = showAsOverlay;
+  }
   /**
    * Watch openState changes and update visibility intent.
    *
@@ -443,6 +499,7 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
    * Watch showAsOverlay changes and re-evaluate visibility.
    */
   watchShowAsOverlay() {
+    this.setEffectiveOverlayValue(this.showAsOverlay);
     this.watchOpenState(this.openState);
   }
   /**
@@ -455,6 +512,9 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
     const backdrop = doc.createElement('vega-backdrop');
     backdrop.classList.add(VegaLeftNavBackdropManager.backdropClassName);
     backdrop.duration = 150;
+    // Ensure no one-frame flash before the component applies its own visibility styles.
+    backdrop.style.display = 'none';
+    backdrop.style.opacity = '0';
     backdrop.visible = false;
     doc.body.append(backdrop);
     return backdrop;
@@ -465,7 +525,7 @@ class VegaLeftNavBackdropManager extends sharedBackdropManager.SharedBackdropMan
    * @returns {boolean} True if backdrop should be visible.
    */
   shouldShowBackdrop() {
-    return this.showAsOverlay || !this.isLargeScreen();
+    return this.effectiveShowAsOverlay || !this.isLargeScreen();
   }
   /**
    * Check if current breakpoint is large screen.

package/dist/cjs/vega-loader-wrapper_2.cjs.entry.js

@@ -8,15 +8,15 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./number-4816603d.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./pixel-98f2a10c.js');

package/dist/cjs/vega-pagination-page-size-selector-mobile.cjs.entry.js

@@ -6,8 +6,8 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const ui = require('./ui-c91c37a7.js');