@globalpayments/vega 2.95.0 → 2.97.0

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const component = require('./component-1e352960.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.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 childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
@@ -18,8 +18,8 @@ const accessibility = require('./accessibility-88f8af84.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
 const index$1 = require('./index-592b4052.js');
-const designToken = require('./design-token-d3d12fa0.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
+const designToken = require('./design-token-74674ee7.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
 const ui = require('./ui-c91c37a7.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
@@ -30,22 +30,23 @@ 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('./string-39438062.js');
 require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
+require('./form-field-key-8d5edf75.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./try-get-document-c0ebd39a.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./pixel-98f2a10c.js');
-require('./state-border-formatter-f1ce0f3b.js');
-require('./keyboard-manager-ca76d4dc.js');
+require('./state-border-formatter-711c7aaa.js');
+require('./keyboard-manager-c56033b1.js');
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {
@@ -624,6 +625,14 @@ const VegaComboBox = 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 the source data used to populate the
      *    dropdown menu associated with the combo box.

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -4,46 +4,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const dateRequiredRule = require('./date-required-rule-4ab06a82.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const dateRequiredRule = require('./date-required-rule-5250f26d.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.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 ui = require('./ui-c91c37a7.js');
 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 accessibility = require('./accessibility-88f8af84.js');
 const array = require('./array-249289f2.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const misc = require('./misc-3d30df91.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const stringMaskStrategy = require('./string-mask-strategy-fc01a500.js');
-const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-d2c248f7.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
+const stringMaskStrategy = require('./string-mask-strategy-ad3fa0ac.js');
+const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-18d45942.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-1d6323c2.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-ccb2e3c2.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const clickOutsideOnlyToDismissStrategy = require('./click-outside-only-to-dismiss-strategy-407f6d1e.js');
 const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-73b4c0cb.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
 const observer = require('./observer-f49483e8.js');
-const monthViewGenerator = require('./month-view-generator-876c50d4.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const monthViewGenerator = require('./month-view-generator-7b704a80.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
 require('./string-39438062.js');
 require('./index-592b4052.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');
@@ -51,9 +52,9 @@ require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./number-4816603d.js');
 require('./index-3ca118c4.js');
-require('./string-format-strategy.abstract-b22f7754.js');
+require('./string-format-strategy.abstract-b61bdcbd.js');
 require('./wait-for-component-did-render-02ca4bee.js');
-require('./keyboard-manager-ca76d4dc.js');
+require('./keyboard-manager-c56033b1.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
@@ -1556,6 +1557,14 @@ const VegaDatePicker = 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 of the date picker component.
      *

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

@@ -6,10 +6,10 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const typeGuard = require('./type-guard-f354af8b.js');
-require('./internal-translation-controller-eb02c3b1.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./feature-flag-controller-c19d0b58.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');

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

@@ -6,9 +6,9 @@ const index = require('./index-58ea899e.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 responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
-const typeGuard = require('./type-guard-f354af8b.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
+const designToken = require('./design-token-74674ee7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
@@ -19,10 +19,10 @@ require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.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('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./try-get-document-c0ebd39a.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -8,13 +8,13 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const ui = require('./ui-c91c37a7.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-1d6323c2.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-ccb2e3c2.js');
 const ariaDialogFocusableTrapSlimmer = require('./aria-dialog-focusable-trap-slimmer-73b4c0cb.js');
 const index$1 = require('./index-592b4052.js');
 const array = require('./array-249289f2.js');
@@ -26,22 +26,22 @@ const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-7ae2a78f.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-93c5fb50.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.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('./observer-f49483e8.js');
-require('./keyboard-manager-ca76d4dc.js');
+require('./keyboard-manager-c56033b1.js');
 require('./internal-vega-z-index-manager-f03ddb37.js');
 require('./number-4816603d.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./try-get-document-c0ebd39a.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./pixel-98f2a10c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
@@ -2386,10 +2386,33 @@ const VegaDropdown = class {
      */
     this.isLazyLoading = false;
     /**
-     * Determines whether the dropdown position is calculated relative to the screen.
+     * Determines whether the dropdown uses viewport-based positioning (`position: fixed`) or container-based positioning (`position: absolute`).
      *
-     * @VegaWarning - It will overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
-     * 			    - Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
+     * **Technical Implementation:**
+     *
+     * - When `false` (default): The dropdown content box renders with `position: absolute` and its coordinates are calculated relative to the nearest positioned ancestor. Combined with `positionRelativeTo`, you can specify which ancestor to measure from, which ensures the menu scrolls together with that ancestor.
+     *
+     * - When `true`: The dropdown content box renders with `position: fixed` and its coordinates are calculated from the viewport. The menu is visually anchored to the trigger element via JavaScript and moves with it on scroll, even though it is not part of the document flow. `positionRelativeTo` has no effect in this mode.
+     *
+     * When to set `isScreenPosition` to `true`:
+     *
+     * - Dropdowns that need to break out of container constraints (non-Shadow-DOM only):
+     *    When you want the dropdown to appear outside its container's boundaries (e.g., to avoid being clipped by a parent's
+     *    `overflow: hidden` or small dimensions), viewport-based positioning allows it to render freely.
+     *    This only works for regular (non-Shadow-DOM) containers. Shadow DOM boundaries cannot be escaped with `position: fixed`.
+     *
+     * - Dropdowns in fixed or sticky positioned containers:
+     *    When the dropdown trigger is inside a fixed or sticky positioned container, viewport-based positioning ensures correct alignment.
+     *
+     * When to keep `isScreenPosition` as `false` (default):
+     *
+     * - Simple layouts where the dropdown and its trigger are not inside scrollable containers
+     * - When you want the dropdown to scroll naturally with its container (using `position: absolute`)
+     * - When you need `positionRelativeTo` to control which ancestor the dropdown is positioned relative to
+     * - When `matchContainerHeight` is needed (this property is overridden when `isScreenPosition` is `true`)
+     *
+     * @VegaWarning - Setting this to `true` override the `positionRelativeTo` and `matchContainerHeight` properties, rendering them ineffective.
+     * 			    - Currently, when set to `true`, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
      * @vegaVersion 2.36.0
      */
     this.isScreenPosition = false;

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.95.0` will be replaced to a version string when running publish script.
+    // The `2.97.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.95.0';
+    this.vegaVersion = '2.97.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/vega-field-label.cjs.entry.js

@@ -9,7 +9,7 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.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('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
@@ -17,7 +17,7 @@ require('./observer-f49483e8.js');
 require('./ui-c91c37a7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -15,10 +15,10 @@ const trashCan = require('./trash-can-46a5e19a.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-58621b5e.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-5520bbec.js');
 const dropFileAcceptFilterSlimmer = require('./drop-file-accept-filter-slimmer-cd619cc7.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -28,13 +28,14 @@ require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');
 require('./string-39438062.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('./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');
@@ -622,6 +623,14 @@ const VegaFileUploader = 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 = '';
     /**
      * Defines custom validation rules for the File Uploader field.
      *

package/dist/cjs/vega-flag-icon.cjs.entry.js

@@ -8,26 +8,26 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const iconManager = require('./icon-manager-be358b32.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.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('./responsive-format-facade-25e9f30d.js');
+require('./internal-translation-controller-1dac2df8.js');
+require('./responsive-format-facade-493d1763.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 
 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;

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

@@ -5,26 +5,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const styleFormatter = require('./style-formatter-73205450.js');
+const styleFormatter = require('./style-formatter-8f711cb0.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('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./try-get-document-c0ebd39a.js');
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [

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

@@ -10,22 +10,22 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const featureFlagController = require('./feature-flag-controller-c19d0b58.js');
 require('./try-get-document-c0ebd39a.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.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('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./index-3ca118c4.js');
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -14,13 +14,13 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldKey = require('./form-field-key-8d5edf75.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-c91c37a7.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const immutableMap = require('./immutable-map-d711339d.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-7ae2a78f.js');
 const array = require('./array-249289f2.js');
@@ -29,18 +29,10 @@ require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./string-39438062.js');
-require('./misc-3d30df91.js');
-require('./internal-translation-controller-eb02c3b1.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('./internal-form-field-validation-rule.abstract-07cdff46.js');
-require('./mutation-observer-slimmer-749d5020.js');
-require('./mutation-observer-filters-38cebc6d.js');
+require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./number-4816603d.js');
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -90,8 +82,8 @@ class VegaFormFieldValidationStateController extends globalSlimmerRegistry.VegaS
    */
   setValidationStates(states) {
     if (states.length === 0) {
-      Array.from(this.host.querySelectorAll('[data-vega-form]'))
-        .filter((child) => formFieldControllerSlimmer.FormFieldControllerSlimmer.isValidFormField(child))
+      Array.from(this.host.querySelectorAll('[data-vega-form], [name]'))
+        .filter((child) => formFieldKey.isValidFormField(child))
         .forEach((fieldHost) => {
         this.updateFieldValidationState(fieldHost, { isValid: true });
       });
@@ -117,8 +109,8 @@ class VegaFormFieldValidationStateController extends globalSlimmerRegistry.VegaS
     const fields = fieldName.split('.');
     let currentHost = this.host;
     for (const fieldName of fields) {
-      const element = currentHost.querySelector(`[data-vega-form="${fieldName}"]`);
-      if (formFieldControllerSlimmer.FormFieldControllerSlimmer.isValidFormField(element)) {
+      const element = currentHost.querySelector(`[data-vega-form="${fieldName}"], [name="${fieldName}"]`);
+      if (formFieldKey.isValidFormField(element)) {
         currentHost = element;
       }
       else {
@@ -164,7 +156,7 @@ class NativeFormRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.nativeFormRef;
   }
   render() {
-    return (index.h("form", { action: this.action, method: this.method, ref: (ref) => {
+    return (index.h("form", { action: this.action, method: this.method, name: this.name, ref: (ref) => {
         if (ref) {
           this.nativeFormRef = ref;
         }
@@ -178,6 +170,9 @@ __decorate$4([
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], NativeFormRenderer.prototype, "action", void 0);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentField()
+], NativeFormRenderer.prototype, "name", void 0);
 
 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;
@@ -389,13 +384,12 @@ class VegaFormFieldController extends globalSlimmerRegistry.VegaSlimmer {
       if (payload.host !== this.host) {
         const target = payload.host;
         const isElementValid = payload.detail;
-        if (formFieldControllerSlimmer.FormFieldControllerSlimmer.isValidFormField(target) &&
-          this.shouldVisitElement(target, false, false)) {
+        if (formFieldKey.isValidFormField(target) && this.shouldVisitElement(target, false, false)) {
           if (isElementValid) {
             this.invalidFieldPathMap.delete(target);
           }
           else {
-            this.invalidFieldPathMap.set(target, target.dataset['vegaForm']);
+            this.invalidFieldPathMap.set(target, formFieldKey.getFormFieldKey(target));
           }
         }
       }
@@ -508,13 +502,14 @@ class VegaFormFieldController extends globalSlimmerRegistry.VegaSlimmer {
     this.isTouched = isTouched;
   }
   /**
-   * It returns the value of data-vega-form that the given element is associated with.
+   * It returns the form field key that the given element is associated with.
+   * Returns the value of data-vega-form if present, otherwise returns the value of the name attribute.
    *
    * @param {HTMLElement} element - The element that is being validated.
-   * @returns {string} The name of the field.
+   * @returns {string} The form field key.
    */
   getFormFieldName(element) {
-    return element.dataset['vegaForm'];
+    return formFieldKey.getFormFieldKey(element);
   }
   /**
    * Check if the given element is part of the current form.
@@ -539,7 +534,7 @@ class VegaFormFieldController extends globalSlimmerRegistry.VegaSlimmer {
   async navigateVegaFormChildren(visitor, option, startElementNode = this.host) {
     const promiseQueue = [];
     Array.from(startElementNode.children).forEach((child) => {
-      if (formFieldControllerSlimmer.FormFieldControllerSlimmer.isValidFormField(child)) {
+      if (formFieldKey.isValidFormField(child)) {
         if (this.shouldVisitElement(child, option === null || option === void 0 ? void 0 : option.skipDisabled, option === null || option === void 0 ? void 0 : option.skipInvisible)) {
           promiseQueue.push(visitor(child, child.tagName === 'VEGA-FORM'));
         }
@@ -583,7 +578,7 @@ class VegaFormFieldController extends globalSlimmerRegistry.VegaSlimmer {
       this.pendingValidFieldPathMap.delete(payload.host);
     }
     else {
-      this.pendingValidFieldPathMap.set(payload.host, payload.host.dataset['vegaForm']);
+      this.pendingValidFieldPathMap.set(payload.host, formFieldKey.getFormFieldKey(payload.host));
     }
   }
   /**
@@ -890,6 +885,14 @@ const VegaForm = class {
      * @vegaVersion 2.64.0
      */
     this.method = 'get';
+    /**
+     * 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 = '';
   }
   watchIsValid() {
     this.validateEventEmitter.emit(this.isValid);