@globalpayments/vega 2.96.0 → 2.98.0

package/dist/collection/components/vega-form/vega-form.js

@@ -21,6 +21,8 @@ import { VegaFormSubmitController } from './slimmers/controllers/vega-form-submi
 import { VegaFormFieldController } from './slimmers/controllers/vega-form-field-controller';
 import { VegaFormResetController } from './slimmers/controllers/vega-form-reset-controller';
 /**
+ * The Form component is a utility element used to manage data validation and submission of form fields.
+ *
  * @vegaVersion 1.3.0
  */
 export class VegaForm {
@@ -110,6 +112,14 @@ export class VegaForm {
      * @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);
@@ -314,6 +324,30 @@ export class VegaForm {
       "attribute": "method",
       "reflect": false,
       "defaultValue": "'get'"
+    },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
     }
   }; }
   static get events() { return [{

package/dist/collection/components/vega-grid/vega-grid.js

@@ -11,6 +11,8 @@ import { arrayToClassString } from '../../utils/ui';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 /**
+ * The Grid component is a low-level utility container that implements features of CSS Grid, and allows setting gap values using predefined size tokens.
+ *
  * @vegaVersion 1.3.0
  */
 export class VegaGrid {

package/dist/collection/components/vega-icon/vega-icon.js

@@ -17,6 +17,8 @@ import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/
 import { tryGetDocument } from '../../utils/try-get-document';
 import { htmlSanitizer, styleSanitizeStrategy } from '../../utils/sanitize';
 /**
+ * The Icon component is a wrapper for Font Awesome icons, sized and colored using design tokens.
+ *
  * @vegaVersion 1.0.4
  */
 export class VegaIcon {

package/dist/collection/components/vega-image-uploader/vega-image-uploader.js

@@ -19,7 +19,7 @@ import { VegaImageUploaderUploadingContentRenderer } from './slimmers/renderers/
 import { VegaImageUploaderDefaultContentRenderer } from './slimmers/renderers/vega-image-uploader-default-content-renderer';
 import { VegaImageUploaderRemoveController } from './slimmers/controllers/vega-image-uploader-remove-controller';
 import { DropFileAcceptFilterSlimmer } from '../../helpers/slimmers/drop-file-accept-filter-slimmer';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { VegaImageUploaderActionsVisibilityController } from './slimmers/controllers/vega-image-uploader-actions-visibility-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { VegaCancel, VegaChange, VegaClick, VegaRemove, } from '../../helpers/event-manager/event-id/vega-event-id';
@@ -31,6 +31,8 @@ import { DarkModeStateControllerSlimmer } from '../../helpers/slimmers/dark-mode
 import { VegaInternalThemeManager } from '../../helpers/theme/internal-theme-manager';
 const IMAGE_FILE_TYPES = ['jpg', 'png', 'jpeg'];
 /**
+ * The Image Uploader allows users to select and upload an image file from their device.
+ *
  * @vegaVersion 1.14.0
  */
 export class VegaImageUploader {
@@ -125,6 +127,14 @@ export class VegaImageUploader {
      * @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.
      *
@@ -406,6 +416,30 @@ export class VegaImageUploader {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "isValid": {
       "type": "boolean",
       "mutable": true,

package/dist/collection/components/vega-input/slimmers/renderers/vega-input-input-suggestions-renderer.js

@@ -12,6 +12,7 @@ import domNodeSubjectFactory from '../../../../helpers/change-manager/subject/do
 import { VegaInternalDropdownTemplateItemsChange, VegaInternalUpdateVegaInputValue, } from '../../../../helpers/event-manager/event-id/vega-internal-event-id';
 import { VegaDropdownClick } from '../../../../helpers/event-manager/event-id/vega-event-id';
 import { ClickOutsideOnlyToDismissStrategy } from '../../../../helpers/slimmers/element-appender/trigger-strategies/click-outside-only-to-dismiss-strategy';
+import { VEGA_DROPDOWN_DEFAULT_CONFIG } from '../../../vega-dropdown/constants';
 /**
  * Renderer class for the Vega App Header Button Dropdown.
  * This class extends the VegaSlimmer and is responsible for rendering the dropdown component and managing its state and events.
@@ -43,7 +44,11 @@ export class VegaInputInputSuggestionsRenderer extends VegaSlimmer {
     }
   }
   async showSuggestionsDropdown(dropdownConfig = {}) {
-    this.suggestionsDropdownConfig = dropdownConfig;
+    this.suggestionsDropdownConfig = Object.assign(Object.assign(Object.assign({}, VEGA_DROPDOWN_DEFAULT_CONFIG), { placement: ['top', 'bottom'] }), dropdownConfig);
+    if (this.dropdownRef) {
+      // Sync live dropdown ref with latest config (JSX spread in render doesn't update existing instance)
+      Object.assign(this.dropdownRef, this.suggestionsDropdownConfig);
+    }
     await this.showSuggestions();
   }
   async hideSuggestionsDropdown() {
@@ -62,7 +67,7 @@ export class VegaInputInputSuggestionsRenderer extends VegaSlimmer {
    * @returns {HTMLElement} The rendered dropdown component.
    */
   render(children) {
-    return (h("vega-dropdown", Object.assign({}, this.suggestionsDropdownConfig, { source: this.suggestionsDropdownSource, trigger: new ClickOutsideOnlyToDismissStrategy(), matchTargetWidth: true, searchable: false, placement: ['top', 'bottom'], translocation: { X: 0, Y: 6 }, ref: (ref) => {
+    return (h("vega-dropdown", Object.assign({}, this.suggestionsDropdownConfig, { source: this.suggestionsDropdownSource, trigger: new ClickOutsideOnlyToDismissStrategy(), matchTargetWidth: true, searchable: false, translocation: { X: 0, Y: 6 }, ref: (ref) => {
         this.dropdownRef = ref;
         this.addDropdownObserver(ref);
       }, style: { display: 'block' } }),

package/dist/collection/components/vega-input/vega-input.js

@@ -14,7 +14,7 @@ import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-
 import { sanitizeVegaComponent } from '../../utils/component';
 import { ComponentLoadRequired } from '../../decorators/method-decorators/component-load-required';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, slotPlaceholder, } from 'vega-slimmer/core';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaBlur, VegaChange, VegaFocus, VegaLabelButtonClick, VegaNativeInputChange, VegaPaste, VegaSuggestionItemClick, } from '../../helpers/event-manager/event-id/vega-event-id';
 import { VegaInputCopyPasteController } from './slimmers/controllers/vega-input-copy-paste-controller';
@@ -35,6 +35,8 @@ import { VegaInputRenderModeController } from './slimmers/controllers/vega-input
 import { AriaAttributesValueMapper } from '../../helpers/slimmers/mutation-observer/aria-attributes-value-mapper';
 import { DataTabIndexValueMapper } from '../../helpers/slimmers/mutation-observer/data-tab-index-value-mapper';
 /**
+ * An Input Field component allows users to enter a few words or a single line of text.
+ *
  * @vegaVersion 1.0.5
  */
 export class VegaInput {
@@ -201,7 +203,8 @@ export class VegaInput {
      */
     this.type = 'text';
     /**
-     * Sets the `name` attribute on the underlying native `<input>` element.
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
      *
      * This is used to identify the field when submitting form data and is also
      * used by the browser's autocomplete feature to recall previously entered values.
@@ -716,10 +719,10 @@ export class VegaInput {
             "name": "vegaVersion",
             "text": "1.0.5"
           }],
-        "text": "Sets the `name` attribute on the underlying native `<input>` element.\n\nThis is used to identify the field when submitting form data and is also\nused by the browser's autocomplete feature to recall previously entered values."
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority.\n\nThis is used to identify the field when submitting form data and is also\nused by the browser's autocomplete feature to recall previously entered values."
       },
       "attribute": "name",
-      "reflect": false,
+      "reflect": true,
       "defaultValue": "''"
     },
     "autocomplete": {

package/dist/collection/components/vega-input-credit-card/vega-input-credit-card.js

@@ -10,7 +10,7 @@ import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-
 import { ValidCreditCardNumberRule } from '../../helpers/validator/rules/valid-credit-card-number-rule';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { FORM_ELEMENT_VALUE_CHANGE } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import ChangeManager from '../../helpers/change-manager/change-manager';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -25,6 +25,8 @@ import { VegaInputCreditCardRuntimeMetricsPayloadDefinition } from '../../consta
 import { CreditCardInputMaskStrategy } from '../../helpers/formatter/string-formatter/credit-card-input-mask-strategy';
 import { CreditCardBlurMaskStrategy } from '../../helpers/formatter/string-formatter/credit-card-blur-mask-strategy';
 /**
+ * The Credit Card Input is a text field designed specifically for entering credit card numbers.
+ *
  * @vegaVersion 1.26.0
  */
 export class VegaInputCreditCard {
@@ -70,6 +72,14 @@ export class VegaInputCreditCard {
      * @vegaVersion 2.90.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Determines whether the credit card input field is disabled.
      *
@@ -149,7 +159,7 @@ export class VegaInputCreditCard {
     this.renderInputContainer = () => {
       var _a;
       const iconName = ((_a = this.getCreditCardType(this.value)) === null || _a === void 0 ? void 0 : _a.iconName) || 'regular-credit-card';
-      return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, optional: this.optional, showClearIcon: false, ref: (ref) => {
+      return (h("vega-input", { label: this.label, type: "number", prefixIcon: VegaInternalIconManager.getIconKey(iconName), maskConfig: this.getMaskConfig(), placeholder: this.placeholder, disabled: this.disabled, size: this.size, value: this.value, hint: this.hint, required: this.required, optional: this.optional, name: this.name, showClearIcon: false, ref: (ref) => {
           this.inputRef = ref;
           DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (input) => {
             this.handleVegaChange(input);
@@ -271,6 +281,30 @@ export class VegaInputCreditCard {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "disabled": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-input-numeric/vega-input-numeric.js

@@ -14,12 +14,14 @@ import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimm
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaInputNumericValueController } from './slimmers/controllers/vega-input-numeric-value-controller';
 import { VegaInputNumericKeyboardController } from './slimmers/controllers/vega-input-numeric-keyboard-controller';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-rule';
 import { createSubStateNotifySlimmer } from '../../helpers/slimmers/sub-state/sub-state-notify-slimmer';
 import { MinNumberRule } from '../../helpers/validator/rules/min-number-rule';
 import { MaxNumberRule } from '../../helpers/validator/rules/max-number-rule';
 /**
+ * The numeric input field allows users to input and increment numeric values.
+ *
  * @vegaVersion 2.29.0
  */
 export class VegaInputNumeric {
@@ -158,6 +160,14 @@ export class VegaInputNumeric {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * An array of custom validation rules applied to the numeric input in
      * addition to the built-in rules (`RequiredFieldRule`, `MinNumberRule`,
@@ -610,6 +620,30 @@ export class VegaInputNumeric {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "validationRules": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/vega-input-passcode/vega-input-passcode.js

@@ -14,10 +14,12 @@ import { VegaChange, VegaComplete } from '../../helpers/event-manager/event-id/v
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaInputPasscodeKeyboardController } from './slimmers/controllers/vega-input-passcode-keyboard-controller';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-rule';
 import { ImmutableArray } from '../../helpers/immutable/immutable-array';
 /**
+ * A multi-field input component for entering short numeric or alphanumeric passcodes. It renders a sequence of synchronized input fields that automatically advance focus and handle pasted codes intelligently.
+ *
  * @vegaVersion 2.66.0
  */
 export class VegaInputPasscode {
@@ -137,6 +139,14 @@ export class VegaInputPasscode {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * An array of custom validation rules applied to the passcode input in
      * addition to the built-in `RequiredFieldRule`. Each rule must implement
@@ -418,6 +428,30 @@ export class VegaInputPasscode {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "validationRules": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/vega-input-phone-number/vega-input-phone-number.js

@@ -14,7 +14,7 @@ import { getCountryCallingCode } from '../../polyfill/libphonenumber';
 import { VegaInputPhoneNumberValueController } from './slimmers/controllers/vega-input-phone-number-value-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { AriaAttributesValueMapper } from '../../helpers/slimmers/mutation-observer/aria-attributes-value-mapper';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { ValidPhoneNumberRule } from '../../helpers/validator/rules/valid-phone-number-rule';
 import { CountrySelectController } from './slimmers/controllers/country-select-controller';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
@@ -22,6 +22,8 @@ import { VegaChange, VegaCountryChange } from '../../helpers/event-manager/event
 import { InputPhoneNumberRequiredRule } from '../../helpers/validator/rules/input-phone-number-required-rule';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 /**
+ * The Phone Number Input allows users to enter a phone number and the option to select a country code.
+ *
  * @vegaVersion 2.18.0
  */
 export class VegaInputPhoneNumber {
@@ -109,6 +111,14 @@ export class VegaInputPhoneNumber {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies whether the phone number input field is disabled. When `true`,
      * both the country selector and the phone number text field become
@@ -343,6 +353,30 @@ export class VegaInputPhoneNumber {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "disabled": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-input-range/vega-input-range.js

@@ -10,7 +10,7 @@ import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from '
 import { VegaInputRangeRenderer } from './slimmers/renderers/vega-input-range-renderer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaChange } from '../../helpers/event-manager/event-id/vega-event-id';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { VegaInputRangeValueController } from './slimmers/controllers/vega-input-range-value-controller';
 import { VegaInputRangeInputRenderer } from './slimmers/renderers/vega-input-range-input-renderer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
@@ -20,6 +20,8 @@ import { VegaInputRangeClearIconRenderer } from './slimmers/renderers/vega-input
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { TranslationSlimmer } from '../../helpers/slimmers/translation';
 /**
+ * The Input Range component allows users to select a numerical range value.
+ *
  * @vegaVersion 2.2.0
  */
 export class VegaInputRange {
@@ -117,6 +119,14 @@ export class VegaInputRange {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Indicates whether the current value in the field is considered valid
      *    based on the defined validation rules.
@@ -380,6 +390,30 @@ export class VegaInputRange {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "isValid": {
       "type": "boolean",
       "mutable": true,

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -14,7 +14,7 @@ import { VegaInputSelectDropdownController } from './slimmers/controllers/vega-i
 import { VegaInputSelectValueController } from './slimmers/controllers/vega-input-select-value-controller';
 import { VegaInputSelectItemController } from './slimmers/controllers/vega-input-select-item-controller';
 import { VegaInputSelectDropdownRenderer } from './slimmers/renderers/vega-input-select-dropdown-renderer';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-observer-slimmer';
 import { createEventEmitSlimmer, } from '../../helpers/event-manager/slimmers/event-emit-slimmer';
 import { VegaChange, VegaDropdownSelectAllClick, VegaHide, VegaLabelButtonClick, VegaSearch, VegaSearchTrigger, VegaShow, } from '../../helpers/event-manager/event-id/vega-event-id';
@@ -29,6 +29,8 @@ import { VegaInputSelectPrefixIconRenderer } from './slimmers/renderers/vega-inp
 import { InputSelectValueInSourceRule } from '../../helpers/validator/rules/input-select-value-in-source-rule';
 import { VegaInternalTranslation } from '../../helpers/translation/internal-translation-controller';
 /**
+ * The Select Menu allows users to choose a single item from a list of options.
+ *
  * @vegaVersion 1.0.7
  */
 export class VegaInputSelect {
@@ -115,6 +117,14 @@ export class VegaInputSelect {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Allows customization of the text displayed within the
      *    select field when single or multiple items are selected.
@@ -381,6 +391,30 @@ export class VegaInputSelect {
       "reflect": true,
       "defaultValue": "false"
     },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "default",
+            "text": "''"
+          }, {
+            "name": "vegaVersion",
+            "text": "2.97.0"
+          }],
+        "text": "Specifies the name attribute used to identify the form field during data submission.\n  It functions identically to the `data-vega-form` attribute but operates at a lower priority."
+      },
+      "attribute": "name",
+      "reflect": true,
+      "defaultValue": "''"
+    },
     "selectedLabel": {
       "type": "unknown",
       "mutable": false,

package/dist/collection/components/vega-item-toggle/vega-item-toggle.js

@@ -15,6 +15,8 @@ import { createDeprecatedPropertySlimmer, } from '../../helpers/slimmers/depreca
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaItemToggleRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-item-toggle/runtime-metrics-payload-definition';
 /**
+ * The Item Toggle component allows users to toggle between on and off states of a binary value in a custom stylized manner.
+ *
  * @vegaVersion 1.0.5
  */
 export class VegaItemToggle {

package/dist/collection/components/vega-loading-indicator/vega-loading-indicator.js

@@ -14,6 +14,8 @@ import { PageResizeObserverSlimmer } from '../../helpers/slimmers/page-resize-ob
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
 import { VegaLoadingIndicatorRuntimeMetricsPayloadDefinition } from '../../constants/runtime-metrics-payload-definition/vega-loading-indicator/runtime-metrics-payload-definition';
 /**
+ * A Loading Indicator informs users that data is loading and can display progress as data is loaded.
+ *
  * @vegaVersion 1.16.0
  */
 export class VegaLoadingIndicator {

package/dist/collection/components/vega-modal/vega-modal.js

@@ -26,6 +26,8 @@ import { VegaModalZIndexController } from './slimmers/controllers/vega-modal-z-i
 import { VegaModalOpenState } from './slimmers/models/vega-modal-open-state';
 import { VegaModalPaddingStateController } from './slimmers/controllers/vega-modal-padding-state-controller';
 /**
+ * The Modal component presents users with a self-contained task that must either be completed or dismissed. It is shown as a window overlaid on top of a page, disabling the content underneath.
+ *
  * @vegaVersion 1.0.6
  */
 export class VegaModal {