@globalpayments/vega 2.95.0 → 2.97.0

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

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, c as createEvent, f as forceUpdate, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-76bd217c.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-10ff79b5.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
@@ -15,14 +15,14 @@ import { c as chevronUp } from './chevron-up-b1989751.js';
 import { c as chevronDown } from './chevron-down-4a75d28e.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';

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

@@ -14,10 +14,41 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
  * VegaBackdrop visible controller
  */
 class VegaBackdropVisibleController extends 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();
   }
   /**
@@ -32,19 +63,37 @@ class VegaBackdropVisibleController extends 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([
@@ -56,6 +105,12 @@ __decorate$2([
 __decorate$2([
   MapToComponentField()
 ], VegaBackdropVisibleController.prototype, "duration", void 0);
+__decorate$2([
+  MapToComponentMethod('disconnectedCallback')
+], VegaBackdropVisibleController.prototype, "disconnectedCallback", null);
+__decorate$2([
+  MapToComponentMethod('componentWillLoad')
+], VegaBackdropVisibleController.prototype, "componentWillLoad", null);
 __decorate$2([
   MapToComponentMethod('componentDidLoad')
 ], VegaBackdropVisibleController.prototype, "componentDidLoad", null);

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

@@ -1,22 +1,22 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-76bd217c.js';
+import { j as formatAndValidStateToken, f as formatAndValidResponsiveToken, k as formatAndValidBorderStyle } from './design-token-10ff79b5.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
 import { h as htmlSanitizer, s as styleSanitizeStrategy } from './index-3b327f29.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { f as formatFlexStyles } from './style-formatter-f4e16af5.js';
-import './type-guard-ec5e8628.js';
+import { f as formatFlexStyles } from './style-formatter-e9adc8f4.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import './try-get-document-bef0f526.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { i as formatAndValidTextColor } from './design-token-76bd217c.js';
+import { i as formatAndValidTextColor } from './design-token-10ff79b5.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
@@ -12,20 +12,20 @@ import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-
 import { g as VegaInternalFormSubmit, h as VegaInternalFormReset } from './vega-internal-event-id-827eb1ce.js';
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
 import { A as AriaAttributesValueMapper } from './aria-attributes-value-mapper-2c632641.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-ced96b0b.js';
+import './responsive-format-facade-f19b601c.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';

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

@@ -1,7 +1,7 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
@@ -15,9 +15,9 @@ import { g as VegaInternalFormSubmit, h as VegaInternalFormReset } from './vega-
 import { h as htmlSanitizer, e as emptySanitizeStrategy } from './index-3b327f29.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';

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

@@ -7,13 +7,13 @@ import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from '
 import { d as VegaChange, V as VegaDropdownClick, b as VegaPopoverHide, a as VegaClick, k as VegaEventClick, l as VegaDateDblClick, m as VegaMoreActionClick, n as VegaDateClick, o as VegaEventEdit } from './vega-event-id-f55f6977.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { O as VegaInternalCurrentPeriodChange, P as VegaInternalCalendarMonthEventsChange, Q as VegaInternalCalendarEventPreviewHide, R as VegaInternalCalendarEventPreviewClear, S as VegaInternalCalendarEventPreviewUpdate, T as VegaInternalCalendarPreviewActionClick, D as VegaInternalDialogContentReady } from './vega-internal-event-id-827eb1ce.js';
-import { aa as CalendarViewGenerator, ab as CalendarView, ag as WeekdayLongNames, ae as pad, ah as WeekViewGenerator, ai as getClosestWorkday, b as DayPeriod, W as WeekPeriod, a as MonthPeriod, C as CalendarDate, aj as getSystemTimezone, ak as CalendarTime, al as CalendarDateTime, am as getCalendarEventSlotName, an as getTimeIndex, ao as getEventStatusBgColorStyle } from './type-guard-ec5e8628.js';
+import { aa as CalendarViewGenerator, ab as CalendarView, ag as WeekdayLongNames, ae as pad, ah as WeekViewGenerator, ai as getClosestWorkday, b as DayPeriod, W as WeekPeriod, a as MonthPeriod, C as CalendarDate, aj as getSystemTimezone, ak as CalendarTime, al as CalendarDateTime, am as getCalendarEventSlotName, an as getTimeIndex, ao as getEventStatusBgColorStyle } from './type-guard-f2624334.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { j as checkIsVoiceOverClick, f as findParent } from './ui-d73f756a.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
-import { M as MonthViewGenerator } from './month-view-generator-fd0e1856.js';
-import { I as InternalCalendarPeriodConverter } from './internal-calendar-period-factory-3a07dba0.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-fac22598.js';
+import { M as MonthViewGenerator } from './month-view-generator-a1a9a4ec.js';
+import { I as InternalCalendarPeriodConverter } from './internal-calendar-period-factory-7b294fb6.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -22,10 +22,10 @@ import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { d as debounce } from './timer-9321173b.js';
 import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-0f72ce74.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { v as vegaNonceManager } from './vega-nonce-manager-497e5eb5.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1f7c8bfb.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-64532d94.js';
 import { b as parsePixelStringToNumber } from './pixel-f32c07ce.js';
@@ -43,7 +43,7 @@ import './index-9c9865c0.js';
 import './number-4398f2e1.js';
 import './breakpoints-332702ed.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './keyboard-manager-a0c3e1cf.js';
+import './keyboard-manager-50da85d7.js';
 
 /**
  * Day view calendar generator

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

@@ -1,24 +1,24 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-76bd217c.js';
+import { b as formatAndValidShadow, f as formatAndValidResponsiveToken, d as formatAndValidBackgroundColor } from './design-token-10ff79b5.js';
 import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, a as arrayToClassString } from './ui-d73f756a.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-ced96b0b.js';
+import './responsive-format-facade-f19b601c.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 
 /**
  * This class is used to track the nested level of a component

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

@@ -3,7 +3,7 @@ import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js'
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { r as reflow, e as executeAfterTransition } from './effect-f50e072d.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
@@ -11,11 +11,11 @@ import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { p as VegaPageUpdate } from './vega-event-id-f55f6977.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './breakpoints-332702ed.js';

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

@@ -7,7 +7,7 @@ import { O as Observer } from './observer-3959f9dd.js';
 import { f as findParent, a as arrayToClassString } from './ui-d73f756a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d8628837.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { d as VegaChange, q as VegaUserChange } from './vega-event-id-f55f6977.js';
 import { i as VegaInternalFieldErrorStateChange } from './vega-internal-event-id-827eb1ce.js';
@@ -22,13 +22,14 @@ import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
+import './form-field-key-44ab39d0.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './sub-state-observer-slimmer-64532d94.js';
@@ -219,6 +220,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.
      *
@@ -379,7 +388,7 @@ const VegaCheckbox = class {
         'vega-checkbox-container',
         this.showError && 'error',
         this.size && `size-${this.size}`,
-      ]), ref: (e) => (this.inputContainerRef = e), onClick: this.onLabelClick }, 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 }), h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1, "aria-hidden": "true" }, this.renderIconDom()), 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 }, 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 }), h("span", { class: "vega-checkbox-icon", onClick: this.onSelectedIconClick, tabIndex: -1, "aria-hidden": "true" }, this.renderIconDom()), h("div", { class: "vega-checkbox-label-container", ref: (el) => (this.labelElement = el) }, this.renderLabelDom(), this.renderRequireDom()))), this.host);
   }
   renderIconDom() {
     if (this.indeterminate) {
@@ -571,6 +580,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/esm/vega-chip.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-090d31ca.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-f19b601c.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
-import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-76bd217c.js';
+import { d as formatAndValidBackgroundColor, i as formatAndValidTextColor } from './design-token-10ff79b5.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
@@ -11,11 +11,11 @@ import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { a as VegaClick, i as VegaClose } from './vega-event-id-f55f6977.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
@@ -23,7 +23,7 @@ import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-b680e922.js';
+import './state-border-formatter-bfda33aa.js';
 import './try-get-document-bef0f526.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dom-node-subject-observer-factory-ddff8662.js';

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

@@ -6,14 +6,14 @@ import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.j
 import { t as trashCan } from './trash-can-8819a939.js';
 import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { d as VegaChange, a as VegaClick, r as VegaRemove } from './vega-event-id-f55f6977.js';
-import { ab as CodeLanguage } from './code-block-e12588fe.js';
+import { a9 as CodeLanguage } from './code-block-8df86434.js';
 import { a as arrayToClassString } from './ui-d73f756a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { z as VegaInternalCodeBlockBlur, y as VegaInternalCodeBlockSelectionChange } from './vega-internal-event-id-827eb1ce.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { d as deepEqual } from './object-0c277f57.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
-import { S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-4e8eb313.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
+import { S as ShadowSelectionPolyfill, a as SelectionController, C as ComponentValueHistoryControllerSlimmer } from './component-value-history-controller-slimmer.abstract-e4b95997.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { d as debounce } from './timer-9321173b.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
@@ -25,11 +25,11 @@ import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
 import './observer-3959f9dd.js';
 import './string-a953eafc.js';
-import './type-guard-ec5e8628.js';
+import './type-guard-f2624334.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './static-subject-title-1c86e974.js';
 import './dark-mode-style-controller-ca5afd2d.js';
 import './tinycolor-polyfill-7be0eb93.js';
@@ -37,9 +37,9 @@ import './vega-nonce-manager-497e5eb5.js';
 import './try-get-document-bef0f526.js';
 import './index-3b327f29.js';
 import './internal-vega-event-manager-2ecc9186.js';
-import './range-e999837f.js';
-import './keyboard-manager-slimmer-f3f66c15.js';
-import './keyboard-manager-a0c3e1cf.js';
+import './range-717d552d.js';
+import './keyboard-manager-slimmer-1f7c8bfb.js';
+import './keyboard-manager-50da85d7.js';
 import './synchronize-task-queue-ac8acc3b.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';

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

@@ -3,7 +3,7 @@ import { R as RequiredFieldRule } from './required-field-rule-897fe8d1.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { a as arrayToClassString, h as hexToRGB, c as getHexFromShorthand } from './ui-d73f756a.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d8628837.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
@@ -19,13 +19,14 @@ import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './dom-node-subject-observer-factory-ddff8662.js';
 import './vega-internal-event-id-827eb1ce.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
+import './form-field-key-44ab39d0.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
@@ -131,6 +132,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.
      *

package/dist/esm/vega-color-swatch-picker.entry.js

@@ -3,14 +3,14 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { R as RequiredFieldRule } from './required-field-rule-897fe8d1.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d8628837.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { c as VegaPopoverShow, b as VegaPopoverHide, a as VegaClick, d as VegaChange, M as VegaBlur } from './vega-event-id-f55f6977.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { T as TranslationSlimmer } from './translation-slimmer-21748a0e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-ee0f0e76.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './feature-flag-controller-3fd04ea9.js';
@@ -21,13 +21,14 @@ import './ui-d73f756a.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
 import './vega-internal-event-id-827eb1ce.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './index-3b327f29.js';
 import './try-get-document-bef0f526.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
+import './form-field-key-44ab39d0.js';
 import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
@@ -621,6 +622,14 @@ const VegaColorSwatchPicker = class {
      * @vegaVersion 2.84.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 color swatch picker.
      *

package/dist/esm/vega-color-swatch.entry.js

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

package/dist/esm/vega-combo-box.entry.js

@@ -1,10 +1,10 @@
 import { h, F as Fragment, H as Host, r as registerInstance, c as createEvent, g as getElement } from './index-090d31ca.js';
 import { R as RequiredFieldRule } from './required-field-rule-897fe8d1.js';
 import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7d906393.js';
-import { a1 as isArrayOfType, a2 as isDropdownSourceItemType } from './type-guard-ec5e8628.js';
+import { a1 as isArrayOfType, a2 as isDropdownSourceItemType } from './type-guard-f2624334.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-395c23e3.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-d8628837.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
 import { s as VegaCreate, A as VegaDropdownHide, V as VegaDropdownClick, u as VegaDropdownSelectAllClick, i as VegaClose, d as VegaChange, t as VegaSearch } from './vega-event-id-f55f6977.js';
@@ -14,8 +14,8 @@ import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { m as VegaInternalDropdownTemplateItemsChange } from './vega-internal-event-id-827eb1ce.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
-import { f as formatAndValidResponsiveToken } from './design-token-76bd217c.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
+import { f as formatAndValidResponsiveToken } from './design-token-10ff79b5.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-1f7c8bfb.js';
 import { f as findParent } from './ui-d73f756a.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.js';
@@ -26,22 +26,23 @@ import './index-9c9865c0.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-16709132.js';
+import './internal-translation-controller-fac22598.js';
 import './string-a953eafc.js';
 import './observer-3959f9dd.js';
 import './misc-9fdbcfbb.js';
 import './dynamic-slimmer-90b8af32.js';
+import './form-field-key-44ab39d0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
 import './sub-state-observer-slimmer-64532d94.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-ced96b0b.js';
+import './responsive-format-facade-f19b601c.js';
 import './breakpoints-332702ed.js';
 import './pixel-f32c07ce.js';
-import './state-border-formatter-b680e922.js';
-import './keyboard-manager-a0c3e1cf.js';
+import './state-border-formatter-bfda33aa.js';
+import './keyboard-manager-50da85d7.js';
 
 const VegaComboBoxRuntimeMetricsPayloadDefinition = [
   {
@@ -620,6 +621,14 @@ const VegaComboBox = class {
      * @vegaVersion 2.88.0
      */
     this.optional = false;
+    /**
+     * Specifies the name attribute used to identify the form field during data submission.
+     *   It functions identically to the `data-vega-form` attribute but operates at a lower priority.
+     *
+     * @default ''
+     * @vegaVersion 2.97.0
+     */
+    this.name = '';
     /**
      * Specifies the source data used to populate the
      *    dropdown menu associated with the combo box.