@globalpayments/vega 2.95.0 → 2.97.0

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

@@ -1,45 +1,46 @@
 import { h, H as Host, F as Fragment, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { D as DateRequiredRule } from './date-required-rule-b88e1650.js';
-import { a4 as compareIsSameOrBefore, U as isDateStr, a5 as compareIsBefore, a6 as compareIsAfter, C as CalendarDate, a7 as buildDatePickerAnnouncement, a as MonthPeriod, a8 as isCalendarDateType } from './type-guard-ec5e8628.js';
+import { D as DateRequiredRule } from './date-required-rule-85334d0c.js';
+import { a4 as compareIsSameOrBefore, U as isDateStr, a5 as compareIsBefore, a6 as compareIsAfter, C as CalendarDate, a7 as buildDatePickerAnnouncement, a as MonthPeriod, a8 as isCalendarDateType } from './type-guard-f2624334.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import { c as MapToComponentField, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d8628837.js';
 import { a as arrayToClassString, e as getDeepActiveElementInShadow, g as getDeviceType, D as DeviceType } from './ui-d73f756a.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { a as VegaClick, x as VegaSelectionChange, w as VegaClear, v as VegaMonthYearChange, U as VegaOpen, i as VegaClose, d as VegaChange, V as VegaDropdownClick, z as VegaDropdownShow, A as VegaDropdownHide, y as VegaTodayClick } from './vega-event-id-f55f6977.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-fac22598.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as StringMaskStrategy } from './string-mask-strategy-66586cd8.js';
-import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-4b4866a6.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
+import { S as StringMaskStrategy } from './string-mask-strategy-bbbcdbef.js';
+import { S as StringInputFormatterSlimmer } from './string-input-formatter-slimmer-68b2af39.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1f7c8bfb.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7fcb944b.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-24be8e94.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
 import { C as ClickOutsideOnlyToDismissStrategy } from './click-outside-only-to-dismiss-strategy-3d286c1b.js';
 import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-9eae86c6.js';
 import { A as VegaInternalDatePickerCalendarClear, B as VegaInternalDatePickerCalendarUpdatePeriodByUser } from './vega-internal-event-id-827eb1ce.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { M as MonthViewGenerator } from './month-view-generator-fd0e1856.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { M as MonthViewGenerator } from './month-view-generator-a1a9a4ec.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
 import './string-a953eafc.js';
 import './index-3b327f29.js';
+import './form-field-key-44ab39d0.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './sub-state-observer-slimmer-64532d94.js';
@@ -47,9 +48,9 @@ import './icon-manager-4ef3f6dd.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './number-4398f2e1.js';
 import './index-9c9865c0.js';
-import './string-format-strategy.abstract-23faab71.js';
+import './string-format-strategy.abstract-1f4ff1b3.js';
 import './wait-for-component-did-render-0c237cb8.js';
-import './keyboard-manager-a0c3e1cf.js';
+import './keyboard-manager-50da85d7.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
@@ -1552,6 +1553,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/esm/vega-dialog_2.entry.js

@@ -2,10 +2,10 @@ import { r as registerInstance, h, H as Host, g as getElement, F as Fragment, c
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { ac as isResponsiveSizeType, ad as isVegaModalSectionPaddingType } from './type-guard-ec5e8628.js';
-import './internal-translation-controller-16709132.js';
+import { ac as isResponsiveSizeType, ad as isVegaModalSectionPaddingType } from './type-guard-f2624334.js';
+import './internal-translation-controller-fac22598.js';
 import './feature-flag-controller-3fd04ea9.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';

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

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-09
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
-import { l as Spacing } from './type-guard-ec5e8628.js';
-import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
+import { l as Spacing } from './type-guard-f2624334.js';
+import { f as formatAndValidResponsiveToken } from './design-token-10ff79b5.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import './ui-93922c59.js';
@@ -15,10 +15,10 @@ import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -4,13 +4,13 @@ import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer,
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { f as findParent, e as getDeepActiveElementInShadow, m as extractNumberFromString, n as containerScrollToItem } from './ui-d73f756a.js';
-import { a1 as isArrayOfType, a2 as isDropdownSourceItemType } from './type-guard-ec5e8628.js';
+import { a1 as isArrayOfType, a2 as isDropdownSourceItemType } from './type-guard-f2624334.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { d as VegaChange, z as VegaDropdownShow, A as VegaDropdownHide, V as VegaDropdownClick, u as VegaDropdownSelectAllClick, g as VegaReset, s as VegaCreate, h as VegaDropdownSearch, B as VegaSearchTrigger, a as VegaClick } from './vega-event-id-f55f6977.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1f7c8bfb.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-7fcb944b.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-24be8e94.js';
 import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-9eae86c6.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { i as isArrayEqual, e as flattenChildren } from './array-7888f339.js';
@@ -22,22 +22,22 @@ import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING, l as DROPDOWN_ITEM_CLICK } from './static-subject-title-1c86e974.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './observer-3959f9dd.js';
-import './keyboard-manager-a0c3e1cf.js';
+import './keyboard-manager-50da85d7.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-ced96b0b.js';
+import './responsive-format-facade-f19b601c.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
@@ -2382,10 +2382,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/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** 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 = FrameworkEnum.VanillaJs;
   }
   /**

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

@@ -5,7 +5,7 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { a as VegaClick, C as VegaLabelButtonClick } from './vega-event-id-f55f6977.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-observer-factory-ddff8662.js';
@@ -13,7 +13,7 @@ import './observer-3959f9dd.js';
 import './ui-d73f756a.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './static-subject-title-1c86e974.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -11,10 +11,10 @@ import { t as trashCan } from './trash-can-8819a939.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d8628837.js';
 import { F as FileUploaderRequiredRule } from './file-uploader-required-rule-96952e1a.js';
 import { D as DropFileAcceptFilterSlimmer } from './drop-file-accept-filter-slimmer-ad759e4a.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
 import './icon-manager-4ef3f6dd.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
@@ -24,13 +24,14 @@ import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
 import './vega-internal-event-id-827eb1ce.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './index-3b327f29.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
+import './form-field-key-44ab39d0.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
@@ -618,6 +619,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/esm/vega-flag-icon.entry.js

@@ -4,26 +4,26 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { V as VegaIconManager } from './icon-manager-4ef3f6dd.js';
-import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
+import { f as formatAndValidResponsiveToken } from './design-token-10ff79b5.js';
 import { f as FLAG_ICON_LOADED } from './static-subject-title-1c86e974.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
-import './responsive-format-facade-ced96b0b.js';
+import './internal-translation-controller-fac22598.js';
+import './responsive-format-facade-f19b601c.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.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/esm/vega-flex.entry.js

@@ -1,26 +1,26 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-76bd217c.js';
+import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-10ff79b5.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { f as formatFlexStyles } from './style-formatter-f4e16af5.js';
+import { f as formatFlexStyles } from './style-formatter-e9adc8f4.js';
 import './index-9c9865c0.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-ced96b0b.js';
+import './responsive-format-facade-f19b601c.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import './try-get-document-bef0f526.js';
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [

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

@@ -6,22 +6,22 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
+import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-10ff79b5.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import './try-get-document-bef0f526.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import './index-9c9865c0.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -10,13 +10,13 @@ import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-
 import { G as VegaFormSubmit, H as VegaFormReset, I as VegaValidate } from './vega-event-id-f55f6977.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0f72ce74.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { i as isValidFormField, g as getFormFieldKey } from './form-field-key-44ab39d0.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { g as VegaInternalFormSubmit, j as VegaInternalValid, h as VegaInternalFormReset } from './vega-internal-event-id-827eb1ce.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { f as findParent, b as isParent, d as isElementVisible } from './ui-d73f756a.js';
-import { i as isNonNullable } from './type-guard-ec5e8628.js';
+import { i as isNonNullable } from './type-guard-f2624334.js';
 import { I as ImmutableMap } from './immutable-map-4fe22b11.js';
 import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
 import { d as isObjectArrayLike } from './array-7888f339.js';
@@ -25,18 +25,10 @@ import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './string-a953eafc.js';
-import './misc-9fdbcfbb.js';
-import './internal-translation-controller-16709132.js';
-import './index-3b327f29.js';
-import './page-resize-observer-slimmer-e24d36c5.js';
-import './breakpoints-332702ed.js';
-import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import './mutation-observer-slimmer-58ebc13c.js';
-import './mutation-observer-filters-1a054fb0.js';
+import './ui-93922c59.js';
 import './typography-19c3b9be.js';
+import './internal-translation-controller-fac22598.js';
 import './number-4398f2e1.js';
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -86,8 +78,8 @@ class VegaFormFieldValidationStateController extends VegaSlimmer {
    */
   setValidationStates(states) {
     if (states.length === 0) {
-      Array.from(this.host.querySelectorAll('[data-vega-form]'))
-        .filter((child) => FormFieldControllerSlimmer.isValidFormField(child))
+      Array.from(this.host.querySelectorAll('[data-vega-form], [name]'))
+        .filter((child) => isValidFormField(child))
         .forEach((fieldHost) => {
         this.updateFieldValidationState(fieldHost, { isValid: true });
       });
@@ -113,8 +105,8 @@ class VegaFormFieldValidationStateController extends VegaSlimmer {
     const fields = fieldName.split('.');
     let currentHost = this.host;
     for (const fieldName of fields) {
-      const element = currentHost.querySelector(`[data-vega-form="${fieldName}"]`);
-      if (FormFieldControllerSlimmer.isValidFormField(element)) {
+      const element = currentHost.querySelector(`[data-vega-form="${fieldName}"], [name="${fieldName}"]`);
+      if (isValidFormField(element)) {
         currentHost = element;
       }
       else {
@@ -160,7 +152,7 @@ class NativeFormRenderer extends VegaSlimmer {
     return this.nativeFormRef;
   }
   render() {
-    return (h("form", { action: this.action, method: this.method, ref: (ref) => {
+    return (h("form", { action: this.action, method: this.method, name: this.name, ref: (ref) => {
         if (ref) {
           this.nativeFormRef = ref;
         }
@@ -174,6 +166,9 @@ __decorate$4([
 __decorate$4([
   MapToComponentField()
 ], NativeFormRenderer.prototype, "action", void 0);
+__decorate$4([
+  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;
@@ -385,13 +380,12 @@ class VegaFormFieldController extends VegaSlimmer {
       if (payload.host !== this.host) {
         const target = payload.host;
         const isElementValid = payload.detail;
-        if (FormFieldControllerSlimmer.isValidFormField(target) &&
-          this.shouldVisitElement(target, false, false)) {
+        if (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, getFormFieldKey(target));
           }
         }
       }
@@ -504,13 +498,14 @@ class VegaFormFieldController extends 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 getFormFieldKey(element);
   }
   /**
    * Check if the given element is part of the current form.
@@ -535,7 +530,7 @@ class VegaFormFieldController extends VegaSlimmer {
   async navigateVegaFormChildren(visitor, option, startElementNode = this.host) {
     const promiseQueue = [];
     Array.from(startElementNode.children).forEach((child) => {
-      if (FormFieldControllerSlimmer.isValidFormField(child)) {
+      if (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'));
         }
@@ -579,7 +574,7 @@ class VegaFormFieldController extends VegaSlimmer {
       this.pendingValidFieldPathMap.delete(payload.host);
     }
     else {
-      this.pendingValidFieldPathMap.set(payload.host, payload.host.dataset['vegaForm']);
+      this.pendingValidFieldPathMap.set(payload.host, getFormFieldKey(payload.host));
     }
   }
   /**
@@ -886,6 +881,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);