@globalpayments/vega 2.96.0 → 2.98.0

package/dist/cjs/vega-app-header-button.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-d3d12fa0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const designToken = require('./design-token-74674ee7.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -19,14 +19,14 @@ const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');

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

@@ -18,10 +18,41 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * VegaBackdrop visible controller
  */
 class VegaBackdropVisibleController extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.hasBeenVisible = false;
+    /**
+     * Hides the backdrop display after opacity transition completes.
+     *
+     * @param {TransitionEvent} event - Browser transition event.
+     */
+    this.handleOpacityTransitionEnd = (event) => {
+      if (event.propertyName !== 'opacity') {
+        return;
+      }
+      if (!this.visible) {
+        this.host.style.display = 'none';
+      }
+    };
+  }
+  /**
+   * Clean up listeners when backdrop is disconnected.
+   */
+  disconnectedCallback() {
+    this.host.removeEventListener('transitionend', this.handleOpacityTransitionEnd);
+  }
+  /**
+   * Set deterministic hidden defaults before first paint to avoid flash.
+   */
+  componentWillLoad() {
+    this.host.style.opacity = '0';
+    this.host.style.display = 'none';
+  }
   /**
    * During the loading process of the component, the background style is updated.
    */
   componentDidLoad() {
+    this.host.addEventListener('transitionend', this.handleOpacityTransitionEnd);
     this.updateBackdropStyle();
   }
   /**
@@ -36,19 +67,37 @@ class VegaBackdropVisibleController extends globalSlimmerRegistry.VegaSlimmer {
    */
   updateBackdropStyle() {
     if (this.visible) {
+      this.hasBeenVisible = true;
       this.host.style.display = 'block';
-      setTimeout(() => {
-        this.host.style.opacity = '1';
-      });
+      this.host.style.opacity = '1';
     }
     else {
       this.host.style.opacity = '0';
-      setTimeout(() => {
-        if (!this.visible) {
-          this.host.style.display = 'none';
-        }
-      }, this.duration);
+      if (!this.hasBeenVisible || !this.hasOpacityTransition()) {
+        this.host.style.display = 'none';
+        return;
+      }
+    }
+  }
+  /**
+   * Checks whether opacity transition is enabled on the backdrop element.
+   *
+   * @returns {boolean} True when opacity transitions are active.
+   */
+  hasOpacityTransition() {
+    var _a, _b;
+    const computedStyle = getComputedStyle(this.host);
+    const transitionProperties = ((_a = computedStyle.transitionProperty) !== null && _a !== void 0 ? _a : '')
+      .split(',')
+      .map((token) => token.trim());
+    const transitionTimes = ((_b = computedStyle.transitionDuration) !== null && _b !== void 0 ? _b : '')
+      .split(',')
+      .map((token) => token.trim());
+    const hasOpacityProperty = transitionProperties.some((property) => property === 'opacity' || property === 'all');
+    if (!hasOpacityProperty) {
+      return false;
     }
+    return transitionTimes.some((durationToken) => Number.parseFloat(durationToken) > 0);
   }
 }
 __decorate$2([
@@ -60,6 +109,12 @@ __decorate$2([
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaBackdropVisibleController.prototype, "duration", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], VegaBackdropVisibleController.prototype, "disconnectedCallback", null);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
+], VegaBackdropVisibleController.prototype, "componentWillLoad", null);
 __decorate$2([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], VegaBackdropVisibleController.prototype, "componentDidLoad", null);

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

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$1 = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
 const index = require('./index-592b4052.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const styleFormatter = require('./style-formatter-73205450.js');
-require('./type-guard-f354af8b.js');
+const styleFormatter = require('./style-formatter-8f711cb0.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./try-get-document-c0ebd39a.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');

package/dist/cjs/vega-button-circle.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -13,23 +13,23 @@ const vegaEventId = require('./vega-event-id-58afed7a.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const ui = require('./ui-c91c37a7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const index$1 = require('./index-592b4052.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./try-get-document-c0ebd39a.js');

package/dist/cjs/vega-button-group_2.cjs.entry.js

@@ -6,15 +6,15 @@ const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-e264a120.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6033b824.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-c91c37a7.js');
 require('./dynamic-slimmer-f31fdfd7.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-58ea899e.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
@@ -15,13 +15,13 @@ const vegaEventId = require('./vega-event-id-58afed7a.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const ui = require('./ui-c91c37a7.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const index$1 = require('./index-592b4052.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');

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

@@ -10,14 +10,14 @@ const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
-const typeGuard = require('./type-guard-f354af8b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
+const typeGuard = require('./type-guard-a57ef3ac.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const ui = require('./ui-c91c37a7.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const internalTranslationController = require('./internal-translation-controller-eb02c3b1.js');
-const monthViewGenerator = require('./month-view-generator-876c50d4.js');
-const internalCalendarPeriodFactory = require('./internal-calendar-period-factory-b76006f7.js');
+const internalTranslationController = require('./internal-translation-controller-1dac2df8.js');
+const monthViewGenerator = require('./month-view-generator-7b704a80.js');
+const internalCalendarPeriodFactory = require('./internal-calendar-period-factory-dfcdd3f6.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
@@ -25,13 +25,13 @@ const array = require('./array-249289f2.js');
 const misc = require('./misc-3d30df91.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
 const timer = require('./timer-5f33058b.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-e264a120.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-a1223714.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-7043a106.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-eee2f0ae.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6033b824.js');
 const pixel = require('./pixel-98f2a10c.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
@@ -47,7 +47,7 @@ require('./index-3ca118c4.js');
 require('./number-4816603d.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./synchronize-task-queue-1ee80e94.js');
-require('./keyboard-manager-ca76d4dc.js');
+require('./keyboard-manager-c56033b1.js');
 
 /**
  * Day view calendar generator

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

@@ -4,25 +4,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-c91c37a7.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
-require('./responsive-format-facade-25e9f30d.js');
+require('./responsive-format-facade-493d1763.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 
 /**
  * This class is used to track the nested level of a component

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

@@ -7,7 +7,7 @@ const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const component = require('./component-1e352960.js');
 const effect = require('./effect-98e88068.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
@@ -15,11 +15,11 @@ const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-300a3929.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./breakpoints-1cc2c4c6.js');

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

@@ -11,10 +11,10 @@ const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
 const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-9a41b9cf.js');
@@ -26,16 +26,17 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-39438062.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-eee2f0ae.js');
+require('./sub-state-observer-slimmer-6033b824.js');
 require('./internal-vega-event-manager-7003c84a.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
@@ -223,6 +224,14 @@ const VegaCheckbox = class {
      * @vegaVersion 1.3.0
      */
     this.required = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies the validation status of the checkbox component.
      *
@@ -383,7 +392,7 @@ const VegaCheckbox = class {
         'vega-checkbox-container',
         this.showError && 'error',
         this.size && `size-${this.size}`,
-      ]), ref: (e) => (this.inputContainerRef = e), onClick: this.onLabelClick }, index.h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', "aria-checked": this.indeterminate ? 'mixed' : undefined, disabled: this.isDisabled(), tabIndex: 0, onKeyDown: this.onInputKeyDown }), index.h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1, "aria-hidden": "true" }, this.renderIconDom()), index.h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) }, this.renderLabelDom(), this.renderRequireDom()))), this.host);
+      ]), ref: (e) => (this.inputContainerRef = e), onClick: this.onLabelClick }, index.h("input", { ref: (e) => (this.inputRef = e), type: "checkbox", checked: this.checked, value: this.identifier, name: this.name, onChange: this.onCheckBoxChange, "aria-label": this.identifier || 'No label defined', "aria-checked": this.indeterminate ? 'mixed' : undefined, disabled: this.isDisabled(), tabIndex: 0, onKeyDown: this.onInputKeyDown }), index.h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1, "aria-hidden": "true" }, this.renderIconDom()), index.h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) }, this.renderLabelDom(), this.renderRequireDom()))), this.host);
   }
   renderIconDom() {
     if (this.indeterminate) {
@@ -575,6 +584,14 @@ const VegaCheckboxGroup = class {
      * @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 = '';
     /**
      * Provides a supplementary prompt message that
      *    assists users in selecting the appropriate

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-58ea899e.js');
 const component = require('./component-1e352960.js');
-const responsiveFormatFacade = require('./responsive-format-facade-25e9f30d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-493d1763.js');
 const ui = require('./ui-c91c37a7.js');
-const designToken = require('./design-token-d3d12fa0.js');
+const designToken = require('./design-token-74674ee7.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const breakpoints = require('./breakpoints-1cc2c4c6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -15,11 +15,11 @@ const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./change-manager-a297e4d2.js');
 require('./static-subject-title-70c73b16.js');
 require('./number-4816603d.js');
@@ -27,7 +27,7 @@ require('./pixel-98f2a10c.js');
 require('./array-249289f2.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
-require('./state-border-formatter-f1ce0f3b.js');
+require('./state-border-formatter-711c7aaa.js');
 require('./try-get-document-c0ebd39a.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');

package/dist/cjs/vega-code-block.cjs.entry.js

@@ -10,14 +10,14 @@ const internalIconManager = require('./internal-icon-manager-40bcac72.js');
 const trashCan = require('./trash-can-46a5e19a.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaEventId = require('./vega-event-id-58afed7a.js');
-const codeBlock = require('./code-block-4126dc3b.js');
+const codeBlock = require('./code-block-d78c2b2c.js');
 const ui = require('./ui-c91c37a7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
+const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
 const object = require('./object-b53e9416.js');
-const translationSlimmer = require('./translation-slimmer-9099f56c.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-38ba956e.js');
+const translationSlimmer = require('./translation-slimmer-77c7f37d.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-beb00fea.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const timer = require('./timer-5f33058b.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
@@ -29,11 +29,11 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./misc-3d30df91.js');
 require('./observer-f49483e8.js');
 require('./string-39438062.js');
-require('./type-guard-f354af8b.js');
+require('./type-guard-a57ef3ac.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
 require('./typography-3ea4fe41.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./static-subject-title-70c73b16.js');
 require('./dark-mode-style-controller-32d4054a.js');
 require('./tinycolor-polyfill-502efaa8.js');
@@ -41,9 +41,9 @@ require('./vega-nonce-manager-df69d3ed.js');
 require('./try-get-document-c0ebd39a.js');
 require('./index-592b4052.js');
 require('./internal-vega-event-manager-7003c84a.js');
-require('./range-95d41dea.js');
-require('./keyboard-manager-slimmer-a1223714.js');
-require('./keyboard-manager-ca76d4dc.js');
+require('./range-c5afd53a.js');
+require('./keyboard-manager-slimmer-7043a106.js');
+require('./keyboard-manager-c56033b1.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
@@ -1673,6 +1673,7 @@ class CodeHighlightParser extends globalSlimmerRegistry.VegaSlimmer {
    * Split the HTML tag to avoid the content render to a html element.
    *
    * @example <div> -> ['<', 'div', '>']
+   * @example a&nbsp;b -> ['a', '&', 'nbsp;', 'b']
    * @param {string} text - The code content.
    * @returns {string[]} - The code content array.
    */
@@ -1680,21 +1681,7 @@ class CodeHighlightParser extends globalSlimmerRegistry.VegaSlimmer {
     if (!this.hasSpecialCharacter(text) || text.length < 2) {
       return [text];
     }
-    else {
-      const result = [];
-      const textArray = text.split('');
-      let nextIndex = 0;
-      textArray.forEach((item) => {
-        if (item === '<' || item === '>' || item === '/') {
-          result.push(item);
-          nextIndex = result.length;
-        }
-        else {
-          result[nextIndex] = result[nextIndex] ? result[nextIndex] + item : item;
-        }
-      });
-      return result;
-    }
+    return text.split(/([<>&/])/).filter(Boolean);
   }
   /**
    * Check the current language is a preset language and the language is not plain text.
@@ -1734,10 +1721,10 @@ class CodeHighlightParser extends globalSlimmerRegistry.VegaSlimmer {
    * Check the text has special character.
    *
    * @param {string} text - The test text.
-   * @returns {boolean} - Return true is the text has <, > , /.
+   * @returns {boolean} - Return true is the text has <, > , /, &.
    */
   hasSpecialCharacter(text) {
-    return /[<|>|\\/]/.test(text);
+    return /[<>&/]/.test(text);
   }
 }
 __decorate$4([

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const requiredFieldRule = require('./required-field-rule-400690c3.js');
 const accessibility = require('./accessibility-88f8af84.js');
 const component = require('./component-1e352960.js');
 const ui = require('./ui-c91c37a7.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a743be34.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
@@ -22,19 +22,20 @@ require('./observer-f49483e8.js');
 require('./misc-3d30df91.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-c82df135.js');
-require('./vega-internal-event-id-ecc5b87a.js');
-require('./internal-translation-controller-eb02c3b1.js');
+require('./vega-internal-event-id-f4d33037.js');
+require('./internal-translation-controller-1dac2df8.js');
 require('./index-592b4052.js');
 require('./try-get-document-c0ebd39a.js');
 require('./page-resize-observer-slimmer-273d62ef.js');
 require('./breakpoints-1cc2c4c6.js');
 require('./ui-32120990.js');
 require('./breakpoints-ebde4837.js');
+require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./array-249289f2.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-eee2f0ae.js');
+require('./sub-state-observer-slimmer-6033b824.js');
 require('./internal-vega-event-manager-7003c84a.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
@@ -135,6 +136,14 @@ const VegaColorPicker = class {
      * @vegaVersion 2.89.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies the label or title for the color picker.
      *