@globalpayments/vega 2.96.0 → 2.98.0

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

@@ -4,40 +4,41 @@ 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-73ad10ae.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-9eae86c6.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-8a06ecdd.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-f069f54d.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { i as isArrayEqual, e as flattenChildren } from './array-7888f339.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0f72ce74.js';
+import { a as VEGA_DROPDOWN_SELECT_ALL_KEY, V as VEGA_DROPDOWN_DEFAULT_CONFIG } from './constants-4725f97f.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-23b7d0e8.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { m as VegaInternalDropdownTemplateItemsChange, x as VegaDropdownSearchInternalOverridden, w as VegaDropdownRenderItemInternalOverridden, n as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-827eb1ce.js';
+import { m as VegaInternalDropdownTemplateItemsChange, x as VegaDropdownSearchInternalOverridden, w as VegaDropdownRenderItemInternalOverridden, n as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-86fce049.js';
 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 { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-722f6b92.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';
@@ -1935,8 +1936,6 @@ __decorate$f([
   MapToComponentField()
 ], VegaDropdownResetRenderer.prototype, "selectedSourceKey", void 0);
 
-const VEGA_DROPDOWN_SELECT_ALL_KEY = '__SELECT_ALL__';
-
 var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -2311,9 +2310,10 @@ const VegaDropdown = class {
      * Specifies the display rule for items in the dropdown.
      *
      * @VegaWarning Specifies the display rule for items in the dropdown, only be active if matchTargetWidth is true or maxWidth has value.
+     * @defaultValue 'newline'
      * @vegaVersion 1.13.0
      */
-    this.itemDisplayRule = 'newline';
+    this.itemDisplayRule = VEGA_DROPDOWN_DEFAULT_CONFIG.itemDisplayRule;
     /**
      * Determines if the dropdown height should be automatically adjusted
      *    to fit its container height.
@@ -2330,9 +2330,10 @@ const VegaDropdown = class {
      * Note that the default filter rules are fuzzy matching and case-insensitive.
      *    This parameter only takes effect when `searchable` is set to `true`.
      *
+     * @defaultValue false
      * @vegaVersion 1.4.0
      */
-    this.caseSensitive = false;
+    this.caseSensitive = VEGA_DROPDOWN_DEFAULT_CONFIG.caseSensitive;
     /**
      * Controls whether the dropdown can add a new item when
      *    no proper item is available. It becomes active only when
@@ -2358,23 +2359,26 @@ const VegaDropdown = class {
     /**
      * Determines whether the dropdown displays a loading status.
      *
+     * @defaultValue false
      * @vegaVersion 1.24.0
      */
-    this.isLoading = false;
+    this.isLoading = VEGA_DROPDOWN_DEFAULT_CONFIG.isLoading;
     /**
      * Specifies the vertical positioning of the dropdown
      *    within its container or relative to a reference point.
      *
+     * @defaultValue ['bottom', 'top']
      * @vegaVersion 1.41.0
      */
-    this.placement = ['bottom', 'top'];
+    this.placement = VEGA_DROPDOWN_DEFAULT_CONFIG.placement;
     /**
      * Determines the horizontal positioning of the dropdown
      *    within its container or relative to a reference point.
      *
+     * @defaultValue 'start'
      * @vegaVersion 1.41.0
      */
-    this.alignment = 'start';
+    this.alignment = VEGA_DROPDOWN_DEFAULT_CONFIG.alignment;
     /**
      * Determines whether the dropdown displays a lazy loading status.
      *
@@ -2409,9 +2413,10 @@ const VegaDropdown = class {
      *
      * @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).
+     * @defaultValue false
      * @vegaVersion 2.36.0
      */
-    this.isScreenPosition = false;
+    this.isScreenPosition = VEGA_DROPDOWN_DEFAULT_CONFIG.isScreenPosition;
     /**
      * Specifies whether the selected option in the dropdown can be cleared.
      *    It allows users to reset the selectedSourceKey when a selection has already been made.
@@ -2436,9 +2441,10 @@ const VegaDropdown = class {
     /**
      * Specifies the no search results text for the dropdown.
      *
+     * @defaultValue 'No results found'
      * @vegaVersion 2.74.0
      */
-    this.searchNoResultsText = 'No results found';
+    this.searchNoResultsText = VEGA_DROPDOWN_DEFAULT_CONFIG.searchNoResultsText;
     /**
      * Allows users to select or deselect all items in the dropdown.
      *    Only applicable when selectType is set to 'multiple'.

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.96.0` will be replaced to a version string when running publish script.
+    // The `2.98.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.96.0';
+    this.vegaVersion = '2.98.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-68fc5380.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';
@@ -23,19 +23,20 @@ import './ui-d73f756a.js';
 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 './vega-internal-event-id-86fce049.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';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-64532d94.js';
+import './sub-state-observer-slimmer-722f6b92.js';
 import './required-field-rule-897fe8d1.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
@@ -295,6 +296,18 @@ var __decorate$3 = (undefined && undefined.__decorate) || function (decorators,
 class VegaFileUploaderFileListRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
+    /**
+     * Determines whether delete should be disabled for a specific file.
+     */
+    this.isDeleteButtonDisabled = (file) => {
+      return this.disabled || (this.disableDeleteOnUpload && file.status === 'uploading');
+    };
+    /**
+     * Determines whether delete button should be hidden.
+     */
+    this.isDeleteButtonHidden = (file) => {
+      return this.hideDeleteButton || file.hideDeleteButton === true;
+    };
     /**
      * Used to trigger an event or action related to remove a specific file in the file uploader component
      *
@@ -337,6 +350,8 @@ class VegaFileUploaderFileListRenderer extends VegaSlimmer {
         'vega-file-list-hidden': isFileListEmpty,
       } }, !isFileListEmpty &&
       this.value.map((file) => {
+        const isDeleteButtonDisabled = this.isDeleteButtonDisabled(file);
+        const isDeleteButtonHidden = this.isDeleteButtonHidden(file);
         return (h("vega-box", { key: file.key, class: "vega-file-uploader-file", padding: "size-8", corners: "rounded-8" },
           h("vega-flex", { alignItems: "start", justifyContent: "space-between" },
             h("vega-flex", { class: "vega-file-status-and-name", gap: "size-8", alignItems: "start" },
@@ -357,11 +372,11 @@ class VegaFileUploaderFileListRenderer extends VegaSlimmer {
                     this.fileReUploadHandler(file);
                   });
                 } })),
-              h("vega-button-circle", { variant: "icon-only", size: "small", icon: VegaInternalIconManager.getIconKey('trash-can'), iconColor: "text-secondary", label: "Delete", tooltip: { disableInteractive: true }, disabled: this.disabled, ref: (button) => {
+              !isDeleteButtonHidden && (h("vega-button-circle", { variant: "icon-only", size: "small", icon: VegaInternalIconManager.getIconKey('trash-can'), iconColor: "text-secondary", label: "Delete", tooltip: { disableInteractive: true }, disabled: isDeleteButtonDisabled, ref: (button) => {
                   DomNodeSubjectObserverFactory.addUniqueObserverToNode(button, VegaClick, () => {
                     this.fileRemoveHandler(file);
                   });
-                } })))));
+                } }))))));
       })));
   }
 }
@@ -377,6 +392,12 @@ __decorate$3([
 __decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "disabled", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaFileUploaderFileListRenderer.prototype, "hideDeleteButton", void 0);
+__decorate$3([
+  MapToComponentField()
+], VegaFileUploaderFileListRenderer.prototype, "disableDeleteOnUpload", void 0);
 __decorate$3([
   MapToComponentField()
 ], VegaFileUploaderFileListRenderer.prototype, "vegaFileUploaderFileStatusRenderer", void 0);
@@ -596,6 +617,19 @@ const VegaFileUploader = class {
      * @vegaVersion 2.25.0
      */
     this.disabled = false;
+    /**
+     * Specifies whether delete buttons for files should be hidden.
+     *
+     * @vegaVersion 2.98.0
+     */
+    this.hideDeleteButton = false;
+    /**
+     * Specifies whether delete buttons should be disabled only for files
+     *    that are currently uploading.
+     *
+     * @vegaVersion 2.98.0
+     */
+    this.disableDeleteOnUpload = false;
     /**
      * Specifies the maximum number of files that can be uploaded using the File Uploader. The value must be a positive integer.
      *
@@ -618,6 +652,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

@@ -8,15 +8,15 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 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 { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-23b7d0e8.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-722f6b92.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 { g as VegaInternalFormSubmit, j as VegaInternalValid, h as VegaInternalFormReset } from './vega-internal-event-id-86fce049.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);