@globalpayments/vega 2.96.0 → 2.97.0

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

@@ -10,7 +10,7 @@ import { MinNumberRule } from '../../helpers/validator/rules/min-number-rule';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { convertToNumber, normalizeNumberByRanger } from '../../utils/number';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer } from 'vega-slimmer/core';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { ChildNodesEventPreventSlimmer } from '../../helpers/event-manager/slimmers/child-nodes-event-prevent-slimmer';
 import { DomNodeSubjectObserverFactory } from '../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 import { VegaBlur, VegaChange, VegaClick } from '../../helpers/event-manager/event-id/vega-event-id';
@@ -101,6 +101,14 @@ export class VegaStepper {
      * @vegaVersion 1.18.0
      */
     this.autoValidation = true;
+    /**
+     * 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 style variant for the stepper buttons.
      *
@@ -184,7 +192,7 @@ export class VegaStepper {
         h("vega-button-circle", { label: "Decrease", showTooltip: false, icon: "minus-sign", ref: (ref) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaClick, () => this.onDecrease());
           }, disabled: this.value <= this.min || this.disabled, size: "small", variant: this.buttonVariant == 'secondary' ? 'secondary' : 'primary' }),
-        h("vega-input", { size: "small", type: "number", max: this.max, min: this.min, value: `${this.value}`, disabled: this.inputDisabled || this.disabled, showClearIcon: false, ref: (el) => {
+        h("vega-input", { size: "small", type: "number", max: this.max, min: this.min, value: `${this.value}`, disabled: this.inputDisabled || this.disabled, name: this.name, showClearIcon: false, ref: (el) => {
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaBlur, (input) => this.handleInputBlur(input));
             DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaChange, (input) => this.onChildInputChange(input));
             return (this.inputRef = el);
@@ -394,6 +402,30 @@ export class VegaStepper {
       "reflect": true,
       "defaultValue": "true"
     },
+    "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": "''"
+    },
     "buttonVariant": {
       "type": "string",
       "mutable": false,

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

@@ -10,7 +10,7 @@ import { MinStringLengthRule } from '../../helpers/validator/rules/min-string-le
 import { RequiredFieldRule } from '../../helpers/validator/rules/required-field-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';
@@ -210,6 +210,14 @@ export class VegaTextarea {
      * @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 = '';
     /**
      * Determines whether the user can vertically resize the text area by
      * dragging its bottom-right corner. When `false`, the resize handle is
@@ -243,7 +251,7 @@ export class VegaTextarea {
     this.validationRules = [];
     this.renderTextareaContainer = () => {
       return (h("div", { class: { 'vega-textarea-container': true, 'vega-textarea-not-resizable': !this.resizable }, ref: (e) => (this.inputContainerRef = e) },
-        h("textarea", { rows: this.rows >= 2 ? this.rows - 1 : 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }),
+        h("textarea", { rows: this.rows >= 2 ? this.rows - 1 : 4, placeholder: this.placeholder, disabled: this.disabled, required: this.required, name: this.name, ref: this.setTextareaRef, maxLength: this.maxLength, minLength: this.minLength, value: this.value, onBlur: this.handleTextareaBlur, "aria-label": this.label || 'No label defined' }),
         this.showCounter && this.renderCharacterCounter()));
     };
     this.renderHintMessage = () => {
@@ -652,6 +660,30 @@ export class VegaTextarea {
       "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": "''"
+    },
     "resizable": {
       "type": "boolean",
       "mutable": false,

package/dist/collection/components/vega-time-picker/vega-time-picker.js

@@ -9,7 +9,7 @@ import { ComponentLoadRequired } from '../../decorators/method-decorators/compon
 import { TimeRequiredRule } from '../../helpers/validator/rules/time-required-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 { VegaTimePickerLabelRenderer } from './slimmers/renderers/vega-time-picker-label-renderer';
 import { VegaTimePickerSingleInputRenderer } from './slimmers/renderers/vega-time-picker-single-input-renderer';
 import { VegaTimePickerSingleDropdownRenderer } from './slimmers/renderers/vega-time-picker-single-dropdown-renderer';
@@ -125,6 +125,14 @@ export class VegaTimePicker {
      * @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 = '';
     /**
      * Determines the interval between each selectable minute value
      *    in the time picker.
@@ -388,6 +396,30 @@ export class VegaTimePicker {
       "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": "''"
+    },
     "placeholder": {
       "type": "string",
       "mutable": false,

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

@@ -11,7 +11,7 @@ import { createEnterKeyHandlerToTriggerClick } from '../../utils/accessibility';
 import { sanitizeVegaComponent } from '../../utils/component';
 import { InjectVegaGlobalSlimmer, InjectVegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
-import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form-field-controller-slimmer';
+import { FormFieldControllerSlimmer } from '../../helpers/slimmers/form/form-field-controller-slimmer';
 import { ToggleSwitchRequiredRule } from '../../helpers/validator/rules/toggle-switch-required-rule';
 import { FORM_ELEMENT_VALUE_CHANGE } from '../../helpers/change-manager/subject/static-subject/static-subject-title';
 import ChangeManager from '../../helpers/change-manager/change-manager';
@@ -73,6 +73,14 @@ export class VegaToggleSwitch {
      * @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 whether the toggle switch is disabled.
      *
@@ -152,7 +160,7 @@ export class VegaToggleSwitch {
     return sanitizeVegaComponent(h(Host, null,
       h("vega-flex", { gap: "size-8", ref: (node) => (this.toggleSwitchContainer = node) },
         h("div", { class: `${divContainerCss} vega-flex-shrink-0 v-min-w-min` },
-          h("input", { type: "checkbox", name: "switch", disabled: this.disabled, checked: this.checked, onChange: this.updateValue, "aria-label": this.label || 'No label defined', role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }),
+          h("input", { type: "checkbox", name: this.name, disabled: this.disabled, checked: this.checked, onChange: this.updateValue, "aria-label": this.label || 'No label defined', role: 'button', tabIndex: 0, onKeyDown: createEnterKeyHandlerToTriggerClick() }),
           h("span", { class: this.disabled ? 'v-bg-tertiary' : 'v-bg-primary' })),
         this.renderLabelDom())), this.host);
   }
@@ -297,6 +305,30 @@ export class VegaToggleSwitch {
       "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/helpers/slimmers/{field-error-controller-silmmer.js → form/field-error-controller-silmmer.js}

@@ -5,9 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField as MapToSlimmerField, MapToComponentMethod as MapToSlimmerMethod, VegaSlimmer, InjectVegaSlimmer, } from 'vega-slimmer/core';
-import { Observer } from '../change-manager/observer/observer';
-import changeManager from '../change-manager/change-manager';
-import { FIELD_ERROR_MESSAGE_CHANGE } from '../change-manager/subject/static-subject/static-subject-title';
+import { Observer } from '../../change-manager/observer/observer';
+import changeManager from '../../change-manager/change-manager';
+import { FIELD_ERROR_MESSAGE_CHANGE } from '../../change-manager/subject/static-subject/static-subject-title';
 import { FieldErrorUIControllerSlimmer } from './field-error-ui-controller-slimmer';
 /**
  * The current class is used to manually control the form element error message.

package/dist/collection/helpers/slimmers/{field-error-ui-controller-slimmer.js → form/field-error-ui-controller-slimmer.js}

@@ -5,16 +5,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { InjectVegaSlimmer, MapToComponentField as MapToClassField, VegaSlimmer } from 'vega-slimmer/core';
-import ChangeManager from '../change-manager/change-manager';
-import DomNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
-import { VegaInternalFieldErrorStateChange } from '../event-manager/event-id/vega-internal-event-id';
-import { SiblingContainerNestedErrorContainerRetrievalStrategy } from './field-error-ui-controller-strategies/sibling-container-nested-error-container-retrieval-strategy';
-import { SiblingContainerSelfRetrievalStrategy } from './field-error-ui-controller-strategies/sibling-container-self-retrieval-strategy';
-import { SiblingContainerErrorLabelContainerRetrievalStrategy } from './field-error-ui-controller-strategies/sibling-container-error-label-container-retrieval-strategy';
-import { Observer } from '../change-manager/observer/observer';
-import { UPDATE_TRANSLATION } from '../change-manager/subject/static-subject/static-subject-title';
+import ChangeManager from '../../change-manager/change-manager';
+import DomNodeSubjectFactory from '../../change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalFieldErrorStateChange } from '../../event-manager/event-id/vega-internal-event-id';
+import { SiblingContainerNestedErrorContainerRetrievalStrategy } from '../field-error-ui-controller-strategies/sibling-container-nested-error-container-retrieval-strategy';
+import { SiblingContainerSelfRetrievalStrategy } from '../field-error-ui-controller-strategies/sibling-container-self-retrieval-strategy';
+import { SiblingContainerErrorLabelContainerRetrievalStrategy } from '../field-error-ui-controller-strategies/sibling-container-error-label-container-retrieval-strategy';
+import { Observer } from '../../change-manager/observer/observer';
+import { UPDATE_TRANSLATION } from '../../change-manager/subject/static-subject/static-subject-title';
 import { FormFieldMessageTranslatorSlimmer } from './form-field-message-translator';
-import { htmlSanitizer, labelSanitizeStrategy } from '../../utils/sanitize';
+import { htmlSanitizer, labelSanitizeStrategy } from '../../../utils/sanitize';
 /** The `FieldErrorUIControllerSlimmer` class is responsible for displaying error messages and managing the invalid UI state of a form field. */
 export class FieldErrorUIControllerSlimmer extends VegaSlimmer {
   constructor() {

package/dist/collection/helpers/slimmers/{form-field-controller-slimmer.js → form/form-field-controller-slimmer.js}

@@ -5,16 +5,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField, MapToComponentMethod, InjectVegaSlimmer, VegaSlimmer, methodPlaceholder, } from 'vega-slimmer/core';
-import { camelToDashCase } from '../../utils/string';
-import { FormFieldController, } from '../validator/form-field-controller';
+import { camelToDashCase } from '../../../utils/string';
+import { FormFieldController, } from '../../validator/form-field-controller';
 import { FieldErrorControllerSlimmer } from './field-error-controller-silmmer';
-import changeManager from '../change-manager/change-manager';
-import { FORM_ELEMENT_VALIDATE } from '../change-manager/subject/static-subject/static-subject-title';
+import changeManager from '../../change-manager/change-manager';
+import { FORM_ELEMENT_VALIDATE } from '../../change-manager/subject/static-subject/static-subject-title';
 import { FormFieldValidInvokeSlimmer } from './form-field-valid-invoke-slimmer';
-import { MutationObserverSlimmer } from './mutation-observer/mutation-observer-slimmer';
-import { AttributeOldValueMutationFilter } from './mutation-observer/mutation-observer-filters';
-import { isArrayEqual } from '../../utils/array';
+import { MutationObserverSlimmer } from './../mutation-observer/mutation-observer-slimmer';
+import { AttributeOldValueMutationFilter } from './../mutation-observer/mutation-observer-filters';
+import { isArrayEqual } from '../../../utils/array';
 import { FormFieldStateControllerSlimmer } from './form-field-state-controller-slimmer';
+import { isValidFormField } from './utils/form-field-key';
 /**
  * The `FormFieldControllerSlimmer` class is a TypeScript class that extends `VegaSlimmer` and provides functionality for managing form field components.
  * TODO:
@@ -66,16 +67,6 @@ export class FormFieldControllerSlimmer extends VegaSlimmer {
   componentDidLoad() {
     methodPlaceholder();
   }
-  /**
-   * "If the element exists and has a data-vega-form attribute, return true, otherwise return false."
-   * The function isValidFormField() is used to determine if an element is a form field
-   *
-   * @param {HTMLElement} element - The element to check.
-   * @returns {boolean} A function that takes an element and returns a boolean.
-   */
-  static isValidFormField(element) {
-    return element && Boolean(element.getAttribute('data-vega-form'));
-  }
   /**
    * watch the prop validationRules and call the valid method
    * some components has not a prop validationRules
@@ -95,7 +86,7 @@ export class FormFieldControllerSlimmer extends VegaSlimmer {
    * inject form file help when componentWillLoad method call
    */
   setInjectFormFieldHelper() {
-    if (FormFieldControllerSlimmer.isValidFormField(this.host)) {
+    if (isValidFormField(this.host)) {
       const { defaultValue } = this.options;
       const validator = new FormFieldController(this.getPropertyRules(), this.host, defaultValue, this.options);
       validator.addListener({

package/dist/collection/helpers/slimmers/{form-field-message-translator.js → form/form-field-message-translator.js}

@@ -1,5 +1,5 @@
 import { VegaSlimmer } from 'vega-slimmer/core';
-import { VegaInternalTranslation } from '../translation/internal-translation-controller';
+import { VegaInternalTranslation } from '../../translation/internal-translation-controller';
 /** The `FormFieldMessageTranslatorSlimmer` class is to get translated message */
 export class FormFieldMessageTranslatorSlimmer extends VegaSlimmer {
   /**

package/dist/collection/helpers/slimmers/{form-field-state-controller-slimmer.js → form/form-field-state-controller-slimmer.js}

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField, MapToComponentMethod } from 'vega-slimmer/core';
-import { SubStateObserverSlimmer } from '../slimmers/sub-state/sub-state-observer-slimmer';
+import { SubStateObserverSlimmer } from '../sub-state/sub-state-observer-slimmer';
 /**
  * Controller for the form field states
  */

package/dist/collection/helpers/slimmers/{form-field-valid-invoke-slimmer.js → form/form-field-valid-invoke-slimmer.js}

@@ -5,8 +5,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { MapToComponentField as MapToSlimmerField, MapToComponentMethod as MapToSlimmerMethod, VegaSlimmer, } from 'vega-slimmer/core';
-import { VegaInternalValid } from '../event-manager/event-id/vega-internal-event-id';
-import { DomNodeSubjectObserverFactory } from '../change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
+import { VegaInternalValid } from '../../event-manager/event-id/vega-internal-event-id';
+import { DomNodeSubjectObserverFactory } from '../../change-manager/subject/dom-node-subject/dom-node-subject-observer-factory';
 /** The FormFieldValidInvokeSlimmer class extends VegaSlimmer and handles validation calls for form elements. */
 export class FormFieldValidInvokeSlimmer extends VegaSlimmer {
   constructor() {

package/dist/collection/helpers/slimmers/form/utils/form-field-key.js

@@ -0,0 +1,20 @@
+/**
+ * Get the form field key from an element.
+ * Returns the value of data-vega-form if present, otherwise returns the value of the name attribute.
+ *
+ * @param {HTMLElement} element - The form field element.
+ * @returns {Nullable<string>} The form field key, or null if neither attribute is present.
+ */
+export function getFormFieldKey(element) {
+  return element.dataset['vegaForm'] || element.getAttribute('name') || element['name'] || null;
+}
+/**
+ * Check if an element has a valid form field key.
+ * Returns true if the element has either data-vega-form or name attribute.
+ *
+ * @param {HTMLElement} element - The form field element.
+ * @returns {boolean} True if the element has a form field key, false otherwise.
+ */
+export function isValidFormField(element) {
+  return element && Boolean(getFormFieldKey(element));
+}

package/dist/collection/helpers/translation/locales/en.js

@@ -131,8 +131,15 @@ export const staticTranslations = {
   'Whole words': 'Whole words',
   'Match case': 'Match case',
   'Advanced options': 'Advanced options',
+  'Link Type': 'Link Type',
   'URL': 'URL',
+  'Email': 'Email',
+  'E-Mail Address': 'E-Mail Address',
+  'Message Subject': 'Message Subject',
+  'Message Body': 'Message Body',
   'Text': 'Text',
+  'Cancel': 'Cancel',
+  'Submit': 'Submit',
   'Edit': 'Edit',
   'Unlink': 'Unlink',
   'Size': 'Size',

package/dist/collection/helpers/validator/form-field-controller.js

@@ -10,12 +10,13 @@ import { FORM_ELEMENT_VALUE_CHANGE, FORM_FIELD_ELEMENT_DISCONNECTED, FORM_FIELD_
 import { findParent, isElementVisible } from '../../utils/ui';
 import { FormFieldValidationRuleHandlerChain, } from './validation-rule-handler/form-field-validation-rule-handler-chain';
 import { InjectVegaSlimmer, createDynamicSlimmer, methodPlaceholder } from 'vega-slimmer/core';
-import { FieldErrorUIControllerSlimmer } from '../slimmers/field-error-ui-controller-slimmer';
+import { FieldErrorUIControllerSlimmer } from '../slimmers/form/field-error-ui-controller-slimmer';
 import { PageResizeObserverSlimmer } from '../slimmers/page-resize-observer-slimmer';
-import { FormFieldMessageTranslatorSlimmer } from '../slimmers/form-field-message-translator';
+import { FormFieldMessageTranslatorSlimmer } from '../slimmers/form/form-field-message-translator';
 import { InternalFormFieldValidationRule } from './rules/internal-form-field-validation-rule.abstract';
 import domNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { VegaInternalFormSubmit } from '../event-manager/event-id/vega-internal-event-id';
+import { getFormFieldKey } from '../slimmers/form/utils/form-field-key';
 /**
  * The FormFieldController class is a class that validates the value of an input elements
  *
@@ -362,7 +363,7 @@ export class FormFieldController {
     var _a, _b;
     if (this.shouldVisitElement(this.host, (_a = payload.option) === null || _a === void 0 ? void 0 : _a.skipDisabled, (_b = payload.option) === null || _b === void 0 ? void 0 : _b.skipInvisible)) {
       const defaultValueMap = payload.defaultValueMap;
-      const fieldName = this.host.dataset['vegaForm'];
+      const fieldName = getFormFieldKey(this.host);
       const defaultValue = defaultValueMap[fieldName] === undefined || defaultValueMap[fieldName] === null
         ? this.getDefaultValue()
         : defaultValueMap[fieldName];
@@ -414,7 +415,7 @@ export class FormFieldController {
    * @returns {boolean} a boolean value.
    */
   shouldVisitElement(element, skipDisabled, skipInvisible) {
-    return !!(element.dataset['vegaForm'] &&
+    return !!(getFormFieldKey(element) &&
       (!skipDisabled || !element['disabled']) &&
       (!skipInvisible || isElementVisible(element)));
   }

package/dist/esm/{app-globals-d7b651c1.js → app-globals-d3991e53.js}

@@ -1,23 +1,23 @@
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEDefaultLineHeightOptions, i as VegaRTEFunctionExtension, j as VegaRTETableExtension, k as VegaRTEHorizontalLineExtension, l as VegaRTEBlockquoteExtension, m as VegaRTESpecialCharactersExtension, n as VegaRTEFindReplaceExtension, o as VegaRTESpecialCharactersEssentials, p as VegaRTESpecialCharactersLatin, q as VegaRTESpecialCharactersMathematical, r as VegaRTESpecialCharactersArrows, s as VegaRTESpecialCharactersCurrency, t as VegaRTESpecialCharactersText, u as VegaRTELineHeightExtension, v as VegaRTEPasteExtension, x as VegaRTEFullscreenExtension, y as VegaRTECopyExtension, z as VegaRTECutExtension, A as VegaCalendarPeriodFactory } from './token-extension-40c32bcc.js';
-import { V as VegaThemeManager } from './split-cell-operation-7f3058ad.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, w as waitForVega, d as VegaSkeletonLoader, e as VegaTranslation, f as VegaRTETokenExtension, g as VegaRTELanguageExtension, h as VegaRTEDefaultLineHeightOptions, i as VegaRTEFunctionExtension, j as VegaRTETableExtension, k as VegaRTEHorizontalLineExtension, l as VegaRTEBlockquoteExtension, m as VegaRTESpecialCharactersExtension, n as VegaRTEFindReplaceExtension, o as VegaRTESpecialCharactersEssentials, p as VegaRTESpecialCharactersLatin, q as VegaRTESpecialCharactersMathematical, r as VegaRTESpecialCharactersArrows, s as VegaRTESpecialCharactersCurrency, t as VegaRTESpecialCharactersText, u as VegaRTELineHeightExtension, v as VegaRTEPasteExtension, x as VegaRTEFullscreenExtension, y as VegaRTECopyExtension, z as VegaRTECutExtension, A as VegaCalendarPeriodFactory } from './token-extension-5082a4d2.js';
+import { V as VegaThemeManager } from './split-cell-operation-6c26af91.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaDialog } from './vega-dialog-controller-726b74f9.js';
 import { T as TypographyUrls } from './typography-19c3b9be.js';
 import { V as VegaIconManager } from './icon-manager-4ef3f6dd.js';
-import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-16709132.js';
-import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-ca5a47d6.js';
+import { V as VegaInternalTranslation, s as staticTranslations } from './internal-translation-controller-fac22598.js';
+import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-60212b1d.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { f as forceUpdate } from './index-090d31ca.js';
-import { V as VegaRTEContent } from './content-state-79ca99e5.js';
+import { V as VegaRTEContent } from './content-state-c63fbeda.js';
 import { v as vegaNonceManager, s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-import { V as VegaRTEPresetToolbarItems } from './code-block-0a88b481.js';
-import { V as VegaRTELinkExtension } from './link-extension-09534514.js';
-import './type-guard-ec5e8628.js';
-import { V as VegaRTEImageExtension } from './image-extension-48a96f98.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-8df86434.js';
+import { V as VegaRTELinkExtension } from './link-extension-f92c06ef.js';
+import './type-guard-f2624334.js';
+import { V as VegaRTEImageExtension } from './image-extension-3280bdb0.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;
@@ -424,7 +424,7 @@ function injectVegaCalendarPeriodFactoryIntoGlobal() {
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-5eb03ef0.js').then((module) => {
+  void import('./public-rules-3695aaf7.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/{code-block-0a88b481.js → code-block-8df86434.js}

@@ -3,7 +3,7 @@ import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-
 import { e as VegaInternalRichTextEditorFlushChanges, f as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-827eb1ce.js';
 import { d as dashCaseToCamel, c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-ec5e8628.js';
+import { i as isNonNullable } from './type-guard-f2624334.js';
 import { T as TypographyUrls } from './typography-19c3b9be.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-ca5afd2d.js';
@@ -2406,6 +2406,9 @@ const HTML_VOID_TAGS = new Set([
  * This value is based on the paragraph line-height and padding of text content.
  */
 const VegaRTEOneRowHeightPx = 22;
+const RTE_DEFAULT_LINK_TYPE_KEY = 'url';
+const RTE_EMAIL_LINK_TYPE_KEY = 'email';
+const RTE_SUPPORTED_LINK_TYPE_KEYS = [RTE_DEFAULT_LINK_TYPE_KEY, RTE_EMAIL_LINK_TYPE_KEY];
 
 /**
  * Annotation to make text with text color
@@ -6759,4 +6762,4 @@ class RTECodeBlock extends RTEBlock {
 RTECodeBlock.CODE_BLOCK_PLACEHOLDER_CLASS_NAME = 'code-block-placeholder-element';
 RTECodeBlock.dtoName = 'RTECodeBlock';
 
-export { RTEHtmlBlock as $, ActionHandleStrategyRegistry as A, BlockAnnotation as B, CommonAnnotationTypeEnum as C, BlockReplaceNodesStrategy as D, BlockUpdateHorizontalAlignmentStrategy as E, BlockDeleteNodeContentStrategy as F, RemoveChildrenStrategy as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, RemoveNestListAction as J, ReplaceNestListAction as K, RTEListBlock as L, ModifyContentAction as M, NodeAnnotationTypeEnum as N, BOLD_FONT_WEIGHT_KEYWORD as O, BOLD_FONT_WEIGHT as P, createStyleMapFromElement as Q, RTETextNode as R, SplitBlockWithNodeAction as S, RTE_TEXT_COLORS as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, RTE_DEFAULT_TEXT_COLOR as W, ITALIC_FONT_STYLE as X, STRIKETHROUGH_TEXT_DECORATION as Y, UNDERLINE_TEXT_DECORATION as Z, TextStyleAnnotation as _, RTEBlock as a, Predicate as a0, ListAnnotation as a1, HorizontalAlignmentAnnotation as a2, CodeAnnotation as a3, LinkFilterStylesStrategy as a4, CodeBlockFilterStylesStrategy as a5, CodeBlockNodeFilterStylesStrategy as a6, SyncUpSelectionAction as a7, ActionHandlerInterceptorRegistry as a8, CodeLanguage as a9, CustomClassAnnotation as aa, VegaRTEDefaultTextStyleItems as ab, ZERO_WIDTH_SPACE as ac, LinkAnnotationAction as ad, UpdateCodeBlockAction as ae, SelectionChangeAction as af, TextColorAnnotationAction as ag, VegaRTEOneRowHeightPx as ah, BoldAnnotationAction as ai, ItalicAnnotationAction as aj, UnderlineAnnotationAction as ak, TextStyleAnnotationAction as al, BoldAnnotation as am, BlockAnnotationTypeEnum as an, ClearFormattingAnnotationAction as ao, CodeAnnotationAction as ap, StrikethroughAnnotationAction as aq, IndentAnnotationAction as ar, TransformParagraphAction as as, escapeHtml as at, RTETextBlock as b, RTEAnnotationStyle as c, ActionHandleStrategy as d, AppendChildrenAction as e, RTENode as f, InsertChildrenBeforeAction as g, InternalAnnotationTypeEnum as h, ModifyContentActionType as i, AnnotationAction as j, RemoveChildrenAction as k, CustomAttributeAnnotation as l, RTEDTOClassManager$1 as m, RTEFilterStylesStrategy as n, RTEDecoratorNode as o, RTECodeBlock as p, RTEListItemBlock as q, RTECodeBlockNode as r, stateEntityRenderingRegistry as s, CustomStyleAnnotation as t, RTEFilterStylesStrategyRegistry as u, NodeAnnotation as v, NodeTypeEnum as w, CommonAnnotation as x, ReplaceChildNodesAction as y, BlockMergeNodesStrategy as z };
+export { RTEHtmlBlock as $, ActionHandleStrategyRegistry as A, BlockAnnotation as B, CommonAnnotationTypeEnum as C, BlockReplaceNodesStrategy as D, BlockUpdateHorizontalAlignmentStrategy as E, BlockDeleteNodeContentStrategy as F, RemoveChildrenStrategy as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, RemoveNestListAction as J, ReplaceNestListAction as K, RTEListBlock as L, ModifyContentAction as M, NodeAnnotationTypeEnum as N, BOLD_FONT_WEIGHT_KEYWORD as O, BOLD_FONT_WEIGHT as P, createStyleMapFromElement as Q, RTETextNode as R, SplitBlockWithNodeAction as S, RTE_TEXT_COLORS as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, RTE_DEFAULT_TEXT_COLOR as W, ITALIC_FONT_STYLE as X, STRIKETHROUGH_TEXT_DECORATION as Y, UNDERLINE_TEXT_DECORATION as Z, TextStyleAnnotation as _, RTEBlock as a, Predicate as a0, ListAnnotation as a1, HorizontalAlignmentAnnotation as a2, CodeAnnotation as a3, LinkFilterStylesStrategy as a4, CodeBlockFilterStylesStrategy as a5, CodeBlockNodeFilterStylesStrategy as a6, SyncUpSelectionAction as a7, ActionHandlerInterceptorRegistry as a8, CodeLanguage as a9, CustomClassAnnotation as aa, VegaRTEDefaultTextStyleItems as ab, ZERO_WIDTH_SPACE as ac, LinkAnnotationAction as ad, UpdateCodeBlockAction as ae, SelectionChangeAction as af, TextColorAnnotationAction as ag, VegaRTEOneRowHeightPx as ah, BoldAnnotationAction as ai, ItalicAnnotationAction as aj, UnderlineAnnotationAction as ak, TextStyleAnnotationAction as al, BoldAnnotation as am, BlockAnnotationTypeEnum as an, ClearFormattingAnnotationAction as ao, CodeAnnotationAction as ap, StrikethroughAnnotationAction as aq, IndentAnnotationAction as ar, TransformParagraphAction as as, escapeHtml as at, RTE_EMAIL_LINK_TYPE_KEY as au, RTE_DEFAULT_LINK_TYPE_KEY as av, RTE_SUPPORTED_LINK_TYPE_KEYS as aw, RTETextBlock as b, RTEAnnotationStyle as c, ActionHandleStrategy as d, AppendChildrenAction as e, RTENode as f, InsertChildrenBeforeAction as g, InternalAnnotationTypeEnum as h, ModifyContentActionType as i, AnnotationAction as j, RemoveChildrenAction as k, CustomAttributeAnnotation as l, RTEDTOClassManager$1 as m, RTEFilterStylesStrategy as n, RTEDecoratorNode as o, RTECodeBlock as p, RTEListItemBlock as q, RTECodeBlockNode as r, stateEntityRenderingRegistry as s, CustomStyleAnnotation as t, RTEFilterStylesStrategyRegistry as u, NodeAnnotation as v, NodeTypeEnum as w, CommonAnnotation as x, ReplaceChildNodesAction as y, BlockMergeNodesStrategy as z };

package/dist/esm/{component-value-history-controller-slimmer.abstract-6846edfa.js → component-value-history-controller-slimmer.abstract-e4b95997.js}

@@ -1,15 +1,15 @@
 import { c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { r as RTECodeBlockNode, R as RTETextNode, ac as ZERO_WIDTH_SPACE, s as stateEntityRenderingRegistry, o as RTEDecoratorNode, f as RTENode, a as RTEBlock, af as SelectionChangeAction, h as InternalAnnotationTypeEnum, p as RTECodeBlock } from './code-block-0a88b481.js';
+import { r as RTECodeBlockNode, R as RTETextNode, ac as ZERO_WIDTH_SPACE, s as stateEntityRenderingRegistry, o as RTEDecoratorNode, f as RTENode, a as RTEBlock, af as SelectionChangeAction, h as InternalAnnotationTypeEnum, p as RTECodeBlock } from './code-block-8df86434.js';
 import { d as debounce } from './timer-9321173b.js';
 import { g as getActiveElement } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { f as VegaInternalRichTextEditorSelectionRangeChange, c as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-827eb1ce.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { R as RTERange } from './range-d4deb7df.js';
+import { R as RTERange } from './range-717d552d.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { i as isHTMLElement } from './ui-d73f756a.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1f7c8bfb.js';
 
 let processing = false;
 /**

package/dist/esm/{content-state-79ca99e5.js → content-state-c63fbeda.js}

@@ -1,6 +1,6 @@
-import { d as ActionHandleStrategy, p as RTECodeBlock, g as InsertChildrenBeforeAction, k as RemoveChildrenAction, s as stateEntityRenderingRegistry, v as NodeAnnotation, N as NodeAnnotationTypeEnum, o as RTEDecoratorNode, w as NodeTypeEnum, x as CommonAnnotation, A as ActionHandleStrategyRegistry, j as AnnotationAction, i as ModifyContentActionType, y as ReplaceChildNodesAction, I as InsertChildrenAfterAction, e as AppendChildrenAction, M as ModifyContentAction, b as RTETextBlock, R as RTETextNode, S as SplitBlockWithNodeAction, a as RTEBlock, z as BlockMergeNodesStrategy, D as BlockReplaceNodesStrategy, H as HorizontalAlignmentAnnotationAction, E as BlockUpdateHorizontalAlignmentStrategy, F as BlockDeleteNodeContentStrategy, U as UpdateTextAction, G as RemoveChildrenStrategy, J as RemoveNestListAction, q as RTEListItemBlock, K as ReplaceNestListAction, L as RTEListBlock, O as BOLD_FONT_WEIGHT_KEYWORD, P as BOLD_FONT_WEIGHT, Q as createStyleMapFromElement, T as RTE_TEXT_COLORS, W as RTE_DEFAULT_TEXT_COLOR, X as ITALIC_FONT_STYLE, Y as STRIKETHROUGH_TEXT_DECORATION, Z as UNDERLINE_TEXT_DECORATION, u as RTEFilterStylesStrategyRegistry, _ as TextStyleAnnotation, $ as RTEHtmlBlock, n as RTEFilterStylesStrategy, a0 as Predicate$1, a1 as ListAnnotation, a2 as HorizontalAlignmentAnnotation, a3 as CodeAnnotation, m as RTEDTOClassManager, a4 as LinkFilterStylesStrategy, a5 as CodeBlockFilterStylesStrategy, r as RTECodeBlockNode, a6 as CodeBlockNodeFilterStylesStrategy, a7 as SyncUpSelectionAction } from './code-block-0a88b481.js';
+import { d as ActionHandleStrategy, p as RTECodeBlock, g as InsertChildrenBeforeAction, k as RemoveChildrenAction, s as stateEntityRenderingRegistry, v as NodeAnnotation, N as NodeAnnotationTypeEnum, o as RTEDecoratorNode, w as NodeTypeEnum, x as CommonAnnotation, A as ActionHandleStrategyRegistry, j as AnnotationAction, i as ModifyContentActionType, y as ReplaceChildNodesAction, I as InsertChildrenAfterAction, e as AppendChildrenAction, M as ModifyContentAction, b as RTETextBlock, R as RTETextNode, S as SplitBlockWithNodeAction, a as RTEBlock, z as BlockMergeNodesStrategy, D as BlockReplaceNodesStrategy, H as HorizontalAlignmentAnnotationAction, E as BlockUpdateHorizontalAlignmentStrategy, F as BlockDeleteNodeContentStrategy, U as UpdateTextAction, G as RemoveChildrenStrategy, J as RemoveNestListAction, q as RTEListItemBlock, K as ReplaceNestListAction, L as RTEListBlock, O as BOLD_FONT_WEIGHT_KEYWORD, P as BOLD_FONT_WEIGHT, Q as createStyleMapFromElement, T as RTE_TEXT_COLORS, W as RTE_DEFAULT_TEXT_COLOR, X as ITALIC_FONT_STYLE, Y as STRIKETHROUGH_TEXT_DECORATION, Z as UNDERLINE_TEXT_DECORATION, u as RTEFilterStylesStrategyRegistry, _ as TextStyleAnnotation, $ as RTEHtmlBlock, n as RTEFilterStylesStrategy, a0 as Predicate$1, a1 as ListAnnotation, a2 as HorizontalAlignmentAnnotation, a3 as CodeAnnotation, m as RTEDTOClassManager, a4 as LinkFilterStylesStrategy, a5 as CodeBlockFilterStylesStrategy, r as RTECodeBlockNode, a6 as CodeBlockNodeFilterStylesStrategy, a7 as SyncUpSelectionAction } from './code-block-8df86434.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { i as isNonNullable } from './type-guard-ec5e8628.js';
+import { i as isNonNullable } from './type-guard-f2624334.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { c as VegaInternalUpdateRTECursorPosition, d as VegaInternalRichTextEditDeleteSelectedNodes, e as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-827eb1ce.js';

package/dist/esm/{date-required-rule-b88e1650.js → date-required-rule-85334d0c.js}

@@ -1,4 +1,4 @@
-import { U as isDateStr } from './type-guard-ec5e8628.js';
+import { U as isDateStr } from './type-guard-f2624334.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**

package/dist/esm/{design-token-76bd217c.js → design-token-10ff79b5.js}

@@ -1,9 +1,9 @@
-import { m as StateBackgroundColorFormatter, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBorderColorTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, t as isShadowsTokenType, l as Spacing, u as isBorderStyleType, B as BorderRadius, c as Colors, j as Shadows, v as isTypographyTokenType } from './type-guard-ec5e8628.js';
+import { m as StateBackgroundColorFormatter, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBorderColorTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, t as isShadowsTokenType, l as Spacing, u as isBorderStyleType, B as BorderRadius, c as Colors, j as Shadows, v as isTypographyTokenType } from './type-guard-f2624334.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { a as TypographyKeys } from './typography-19c3b9be.js';
-import { S as StateBorderFormatter, a as StateShadowFormatter, b as StateBorderColorFormatter } from './state-border-formatter-b680e922.js';
+import { S as StateBorderFormatter, a as StateShadowFormatter, b as StateBorderColorFormatter } from './state-border-formatter-bfda33aa.js';
 import { B as BorderStyle } from './ui-93922c59.js';
 
 /**

package/dist/esm/{element-appender-slimmer-73ad10ae.js → element-appender-slimmer-24be8e94.js}

@@ -4,8 +4,8 @@ import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { A as Alignments, P as Placements } from './ui-93922c59.js';
-import { J as isTranslocationType, i as isNonNullable, a9 as isEATriggerStrategy } from './type-guard-ec5e8628.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { J as isTranslocationType, i as isNonNullable, a9 as isEATriggerStrategy } from './type-guard-f2624334.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';