@globalpayments/vega 2.87.0 → 2.89.0

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

@@ -2,16 +2,16 @@ import { r as registerInstance, h, H as Host, g as getElement, F as Fragment, c
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { aa as isResponsiveSizeType, ab as isVegaModalSectionPaddingType } from './type-guard-ed1004cc.js';
-import './internal-translation-controller-d8217d93.js';
+import { aa as isResponsiveSizeType, ab as isVegaModalSectionPaddingType } from './type-guard-30eec79c.js';
+import './internal-translation-controller-84958bc9.js';
 import './feature-flag-controller-5ebc0cec.js';
-import './state-border-formatter-a243f3fc.js';
+import './state-border-formatter-50394e9c.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { g as VegaClose, a as VegaClick, Q as VegaOpen } from './vega-event-id-578c6c6d.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { g as VegaClose, a as VegaClick, S as VegaOpen } from './vega-event-id-92848bf5.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
@@ -19,18 +19,18 @@ import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { D as DefaultModalSize } from './ui-93922c59.js';
-import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-64815a12.js';
+import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-d73f756a.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
+import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-1c86e974.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7d9a9f5a.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7db3d5a7.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import './breakpoints-d9faf11c.js';
 import './typography-396de03f.js';
 import './index-9c9865c0.js';
 import './try-get-document-bef0f526.js';
 import './observer-3959f9dd.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 import './index-3b327f29.js';

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

@@ -2,9 +2,9 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-09
 import { s as sanitizeVegaComponent } from './component-7d906393.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';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a1d6398.js';
-import { h as Spacing } from './type-guard-ed1004cc.js';
-import { f as formatAndValidResponsiveToken } from './design-token-0e6fb2c4.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { h as Spacing } from './type-guard-30eec79c.js';
+import { f as formatAndValidResponsiveToken } from './design-token-0a575bf2.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import './ui-93922c59.js';
@@ -15,10 +15,10 @@ import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-84958bc9.js';
 import './change-manager-6a7eb88c.js';
-import './static-subject-title-52f93124.js';
-import './state-border-formatter-a243f3fc.js';
+import './static-subject-title-1c86e974.js';
+import './state-border-formatter-50394e9c.js';
 import './try-get-document-bef0f526.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -3,46 +3,46 @@ import { g as getActiveElement, s as sanitizeVegaComponent } from './component-7
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer, L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 import { m as methodPlaceholder, s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { f as findParent, e as getDeepActiveElementInShadow, o as extractNumberFromString, p as containerScrollToItem } from './ui-64815a12.js';
-import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-ed1004cc.js';
+import { f as findParent, e as getDeepActiveElementInShadow, m as extractNumberFromString, n as containerScrollToItem } from './ui-d73f756a.js';
+import { Z as isArrayOfType, _ as isDropdownSourceItemType } from './type-guard-30eec79c.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { i as VegaChange, v as VegaDropdownShow, w as VegaDropdownHide, V as VegaDropdownClick, e as VegaReset, q as VegaCreate, f as VegaDropdownSearch, x as VegaSearchTrigger, a as VegaClick } from './vega-event-id-578c6c6d.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-012a9a9b.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { i as VegaChange, x as VegaDropdownShow, y as VegaDropdownHide, V as VegaDropdownClick, e as VegaReset, r as VegaCreate, f as VegaDropdownSearch, z as VegaSearchTrigger, a as VegaClick } from './vega-event-id-92848bf5.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-c8fcfe60.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-afe5a638.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7d9a9f5a.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-44bbb5c6.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-7db3d5a7.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-d5a21bb3.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { l as VegaInternalDropdownTemplateItemsChange, w as VegaDropdownSearchInternalOverridden, v as VegaDropdownRenderItemInternalOverridden, m as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-913e8be6.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-8822d0d0.js';
-import { S as SHADOW_ROOT_ELEMENT_SCROLLING, k as DROPDOWN_ITEM_CLICK } from './static-subject-title-52f93124.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
+import { S as SHADOW_ROOT_ELEMENT_SCROLLING, l as DROPDOWN_ITEM_CLICK } from './static-subject-title-1c86e974.js';
 import { r as remoteInvocationRegistry } from './remote-invocation-registry-d69245c2.js';
-import { T as TranslationSlimmer } from './translation-slimmer-32353a1c.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
+import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d924288a.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-84958bc9.js';
 import './observer-3959f9dd.js';
-import './keyboard-manager-26e2fc32.js';
+import './keyboard-manager-404b9c17.js';
 import './internal-vega-z-index-manager-7d2b54c3.js';
 import './number-4398f2e1.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './try-get-document-bef0f526.js';
-import './responsive-format-facade-2a1d6398.js';
+import './responsive-format-facade-51c0c2e1.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 

package/dist/esm/vega-env-manager-8f8dc473.js

@@ -9,9 +9,9 @@ var FrameworkEnum;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.87.0` will be replaced to a version string when running publish script.
+    // The `2.89.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.87.0';
+    this.vegaVersion = '2.89.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

package/dist/esm/{vega-event-id-578c6c6d.js → vega-event-id-92848bf5.js}

@@ -53,6 +53,7 @@ class VegaEventID {
   }
 }
 const VegaChange = new VegaEventID('vegaChange', 'change');
+const VegaUserChange = new VegaEventID('vegaUserChange', 'userChange');
 const VegaClick = new VegaEventID('vegaClick', 'click');
 const VegaFocus = new VegaEventID('vegaFocus', 'focus');
 const VegaBlur = new VegaEventID('vegaBlur', 'blur');
@@ -108,9 +109,10 @@ const VegaPaste = new VegaEventID('vegaPaste', 'paste');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur, VegaPaste];
 const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
 const VegaSelectionChange = new VegaEventID('vegaSelectionChange', 'selectionChange');
+const VegaTodayClick = new VegaEventID('vegaTodayClick', 'todayClick');
 const VegaSuggestionItemClick = new VegaEventID('vegaSuggestionItemClick', 'suggestionItemClick');
 const VegaNativeInputChange = new VegaEventID('vegaNativeInputChange', 'nativeInputChange');
 const VegaSourceCodeChange = new VegaEventID('vegaSourceCodeChange', 'sourceCodeChange');
 const VegaEventEdit = new VegaEventID('vegaEventEdit', 'eventEdit');
 
-export { VegaSelectAllChange as $, VegaRetry as A, VegaPreview as B, VegaFormSubmit as C, VegaFormReset as D, VegaValidate as E, VegaCancel as F, VegaNativeInputChange as G, VegaFocus as H, VegaBlur as I, VegaSuggestionItemClick as J, VegaPaste as K, VegaComplete as L, VegaCountryChange as M, VegaShow as N, VegaHide as O, VegaToggleStatus as P, VegaOpen as Q, VegaStateUpdate as R, VegaGroupClick as S, VegaMenuClick as T, VegaActionClick as U, VegaDropdownClick as V, VegaPageSizeChange as W, VegaCurrentStepUpdate as X, VegaImageInserted as Y, VegaSourceCodeChange as Z, VegaSelectChange as _, VegaClick as a, VegaRowClick as a0, VegaRowExpand as a1, VegaRowDragDrop as a2, VegaRowSelect as a3, VegaRowSelectAll as a4, VegaPopoverHide as b, VegaPopoverShow as c, VegaExpand as d, VegaReset as e, VegaDropdownSearch as f, VegaClose as g, VegaActionButtonClick as h, VegaChange as i, VegaEventClick as j, VegaDateDblClick as k, VegaMoreActionClick as l, VegaDateClick as m, VegaEventEdit as n, VegaPageUpdate as o, VegaRemove as p, VegaCreate as q, VegaSearch as r, VegaMonthYearChange as s, VegaClear as t, VegaSelectionChange as u, VegaDropdownShow as v, VegaDropdownHide as w, VegaSearchTrigger as x, VegaLabelButtonClick as y, VegaSelectFileChange as z };
+export { VegaSourceCodeChange as $, VegaLabelButtonClick as A, VegaSelectFileChange as B, VegaRetry as C, VegaPreview as D, VegaFormSubmit as E, VegaFormReset as F, VegaValidate as G, VegaCancel as H, VegaNativeInputChange as I, VegaFocus as J, VegaBlur as K, VegaSuggestionItemClick as L, VegaPaste as M, VegaComplete as N, VegaCountryChange as O, VegaShow as P, VegaHide as Q, VegaToggleStatus as R, VegaOpen as S, VegaStateUpdate as T, VegaGroupClick as U, VegaDropdownClick as V, VegaMenuClick as W, VegaActionClick as X, VegaPageSizeChange as Y, VegaCurrentStepUpdate as Z, VegaImageInserted as _, VegaClick as a, VegaSelectChange as a0, VegaSelectAllChange as a1, VegaRowClick as a2, VegaRowExpand as a3, VegaRowDragDrop as a4, VegaRowSelect as a5, VegaRowSelectAll as a6, VegaPopoverHide as b, VegaPopoverShow as c, VegaExpand as d, VegaReset as e, VegaDropdownSearch as f, VegaClose as g, VegaActionButtonClick as h, VegaChange as i, VegaEventClick as j, VegaDateDblClick as k, VegaMoreActionClick as l, VegaDateClick as m, VegaEventEdit as n, VegaPageUpdate as o, VegaUserChange as p, VegaRemove as q, VegaCreate as r, VegaSearch as s, VegaMonthYearChange as t, VegaClear as u, VegaSelectionChange as v, VegaTodayClick as w, VegaDropdownShow as x, VegaDropdownHide as y, VegaSearchTrigger as z };

package/dist/esm/vega-field-error.entry.js

@@ -3,7 +3,7 @@ import { s as sanitizeVegaComponent } from './component-7d906393.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 { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as FIELD_ERROR_MESSAGE_CHANGE } from './static-subject-title-52f93124.js';
+import { d as FIELD_ERROR_MESSAGE_CHANGE } from './static-subject-title-1c86e974.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

package/dist/esm/vega-field-label.entry.js

@@ -2,18 +2,21 @@ import { h, r as registerInstance, c as createEvent, H as Host, g as getElement
 import { s as sanitizeVegaComponent } from './component-7d906393.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';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { a as VegaClick, y as VegaLabelButtonClick } from './vega-event-id-578c6c6d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { a as VegaClick, A as VegaLabelButtonClick } from './vega-event-id-92848bf5.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
+import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-3897e95b.js';
+import './dom-node-subject-observer-factory-ddff8662.js';
 import './observer-3959f9dd.js';
-import './ui-64815a12.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './ui-d73f756a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './try-get-document-bef0f526.js';
+import './internal-translation-controller-84958bc9.js';
+import './static-subject-title-1c86e974.js';
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -59,17 +62,85 @@ class VegaFieldLabelSuffixElementRenderer extends VegaSlimmer {
     return (h("vega-button-circle", { size: "extra-small", variant: "icon-only", iconColor: "text-link", showTooltip: false, icon: icon }));
   }
 }
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonProps", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonConfig", void 0);
-__decorate$1([
+__decorate$2([
   MapToComponentField()
 ], VegaFieldLabelSuffixElementRenderer.prototype, "suffixButtonClickEventEmitter", void 0);
 
-const vegaFieldLabelCss = ":host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}.label-suffix-button{display:inline-block;margin-left:4px;vertical-align:top}";
+var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/*
+ * Screen-reader-only announcement.
+ *
+ * VoiceOver cannot reliably derive the full field state from the
+ * visible label alone because:
+ *   - "Required" is represented visually by a decorative "*" — AT
+ *     users would hear the raw asterisk character, not a meaningful word.
+ *   - "Disabled" has no visible text marker at all.
+ *
+ * This span provides a single, predictable AT announcement that
+ * concatenates the label text with the plain-English states
+ * (e.g. "Email, Required, Disabled"), ensuring VoiceOver reads
+ * exactly what the user needs to know.
+ *
+ * The visible <label> below is hidden from AT (`aria-hidden="true"`)
+ * to prevent duplicate announcements and to stop VoiceOver from
+ * vocalising the decorative "*" as part of the label text.
+ */
+class VegaFieldLabelLabelAnnouncementRenderer extends VegaSlimmer {
+  /**
+   * Render a label announcement.
+   *
+   * @returns {Nullable<HTMLElement>}
+   */
+  render() {
+    return this.label && h("span", { class: "aria-announcement" }, this.generateAnnouncement());
+  }
+  /**
+   * Generate a screen-reader-friendly announcement string that concatenates the label text with the field's required/optional and disabled states.
+   *
+   * @returns {string} The generated announcement string.
+   */
+  generateAnnouncement() {
+    let announcement = this.label;
+    if (this.isFieldRequired) {
+      announcement += `, ${this.translationSlimmer.t('Required')}`;
+    }
+    else if (this.optional) {
+      announcement += `, ${this.translationSlimmer.t('Optional')}`;
+    }
+    if (this.disabled) {
+      announcement += `, ${this.translationSlimmer.t('Disabled')}`;
+    }
+    return announcement;
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelLabelAnnouncementRenderer.prototype, "label", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelLabelAnnouncementRenderer.prototype, "isFieldRequired", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelLabelAnnouncementRenderer.prototype, "optional", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelLabelAnnouncementRenderer.prototype, "disabled", void 0);
+__decorate$1([
+  MapToComponentField()
+], VegaFieldLabelLabelAnnouncementRenderer.prototype, "translationSlimmer", void 0);
+
+const vegaFieldLabelCss = ":host{display:inline-block}:host(.disabled){pointer-events:none}:host(.hidden){display:none}label:first-of-type{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;word-break:break-word}@media screen and (min-width: 768px) and (max-width: 1023px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){label:first-of-type{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}.vega-field-label-required{color:rgba(var(--v-text-error, 189, 41, 71, 1));margin-left:4px}.vega-field-label-required.hidden{display:none}.label-suffix-button{display:inline-block;margin-left:4px;vertical-align:top}.optional{margin-left:4px;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){.optional{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.optional{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.optional{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:500;line-height:22px;letter-spacing:0px}}.aria-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}";
 
 var __decorate = (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;
@@ -92,6 +163,8 @@ const VegaFieldLabel = class {
     this.suffixButtonClickEventEmitter = createEventEmitSlimmer(VegaFieldLabel, VegaLabelButtonClick);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new VegaComponentUsageRuntimeMetricsSlimmer();
     this.suffixElementRenderer = new VegaFieldLabelSuffixElementRenderer();
+    this.labelAnnouncementRenderer = new VegaFieldLabelLabelAnnouncementRenderer();
+    this.translationSlimmer = new TranslationSlimmer();
     /**
      * @deprecated Please use `suffixButtonConfig` instead
      *
@@ -136,6 +209,16 @@ const VegaFieldLabel = class {
      * @vegaVersion 1.10.0
      */
     this.disabled = false;
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `isFieldRequired` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.88.0
+     */
+    this.optional = false;
     /*
      * The below method is e2e-test covered in
      * @see{module:vega-field-label-vegaClick-event}
@@ -155,7 +238,7 @@ const VegaFieldLabel = class {
     return sanitizeVegaComponent(h(Host, { class: {
         hidden: this.label === '',
         disabled: this.disabled,
-      }, onClick: this.handleClick }, h("label", null, h("span", { class: "vega-field-label" }, this.label), h("span", { class: {
+      }, onClick: this.handleClick }, this.labelAnnouncementRenderer.render(), h("label", { "aria-hidden": "true" }, h("span", { class: "vega-field-label" }, this.label), !this.isFieldRequired && this.optional && (h("span", { class: "optional" }, "(", this.translationSlimmer.t('Optional'), ")")), h("span", { class: {
         'vega-field-label-required': true,
         'hidden': !this.isFieldRequired,
       } }, "*")), this.suffixElementRenderer.render()), this.host);
@@ -177,6 +260,12 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaFieldLabel.prototype, "suffixElementRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFieldLabel.prototype, "labelAnnouncementRenderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaFieldLabel.prototype, "translationSlimmer", void 0);
 VegaFieldLabel.style = vegaFieldLabelCss;
 
 export { VegaFieldLabel as vega_field_label };

package/dist/esm/vega-file-uploader.entry.js

@@ -3,28 +3,28 @@ import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod, 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 VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-3897e95b.js';
-import { a as VegaClick, i as VegaChange, z as VegaSelectFileChange, p as VegaRemove, A as VegaRetry, B as VegaPreview } from './vega-event-id-578c6c6d.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { a as VegaClick, i as VegaChange, B as VegaSelectFileChange, q as VegaRemove, C as VegaRetry, D as VegaPreview } from './vega-event-id-92848bf5.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
 import { t as trashCan } from './trash-can-8819a939.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-52f93124.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
+import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
 import { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import { D as DropFileAcceptFilterSlimmer } from './drop-file-accept-filter-slimmer-ad759e4a.js';
-import { T as TranslationSlimmer } from './translation-slimmer-32353a1c.js';
+import { T as TranslationSlimmer } from './translation-slimmer-7f195ba8.js';
 import './icon-manager-691c8682.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './dynamic-slimmer-90b8af32.js';
 import './observer-3959f9dd.js';
-import './ui-64815a12.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './ui-d73f756a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
 import './vega-internal-event-id-913e8be6.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-84958bc9.js';
 import './index-3b327f29.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
@@ -35,7 +35,7 @@ import './mutation-observer-slimmer-58ebc13c.js';
 import './mutation-observer-filters-1a054fb0.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
-import './sub-state-observer-slimmer-81538a8c.js';
+import './sub-state-observer-slimmer-d924288a.js';
 import './required-field-rule-ab4bdc47.js';
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -54,7 +54,7 @@ class VegaFileUploaderRenderer extends VegaSlimmer {
    */
   render() {
     return (h(Fragment, null,
-      h("vega-field-label", { isFieldRequired: this.required, disabled: this.disabled, label: this.label }),
+      h("vega-field-label", { isFieldRequired: this.required, disabled: this.disabled, optional: this.optional, label: this.label }),
       this.vegaFileUploaderContainerRenderer.render(),
       this.hint ? h("vega-hint", null, this.hint) : null,
       this.vegaFileUploaderFileListRenderer.render()));
@@ -63,6 +63,9 @@ class VegaFileUploaderRenderer extends VegaSlimmer {
 __decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "required", void 0);
+__decorate$5([
+  MapToComponentField()
+], VegaFileUploaderRenderer.prototype, "optional", void 0);
 __decorate$5([
   MapToComponentField()
 ], VegaFileUploaderRenderer.prototype, "disabled", void 0);
@@ -603,6 +606,16 @@ const VegaFileUploader = class {
      * @vegaVersion 2.25.0
      */
     this.required = false;
+    /**
+     * Indicates whether the field should be presented as optional.
+     *
+     * This property only takes effect when `required` is `false`.
+     * When `true`, an "optional" label is displayed next to the field label.
+     *
+     * @default false
+     * @vegaVersion 2.88.0
+     */
+    this.optional = false;
     /**
      * Defines custom validation rules for the File Uploader field.
      *

package/dist/esm/vega-flag-icon.entry.js

@@ -4,26 +4,26 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-276f968f.js';
 import { V as VegaIconManager } from './icon-manager-691c8682.js';
-import { f as formatAndValidResponsiveToken } from './design-token-0e6fb2c4.js';
-import { f as FLAG_ICON_LOADED } from './static-subject-title-52f93124.js';
+import { f as formatAndValidResponsiveToken } from './design-token-0a575bf2.js';
+import { f as FLAG_ICON_LOADED } from './static-subject-title-1c86e974.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import './create-public-api-runtime-metrics-slimmer-da6615bf.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './type-guard-ed1004cc.js';
+import './type-guard-30eec79c.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d8217d93.js';
-import './responsive-format-facade-2a1d6398.js';
+import './internal-translation-controller-84958bc9.js';
+import './responsive-format-facade-51c0c2e1.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-a243f3fc.js';
+import './state-border-formatter-50394e9c.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -1,26 +1,26 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-090d31ca.js';
 import { F as FeatureFlag } from './feature-flag-controller-5ebc0cec.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-0e6fb2c4.js';
-import { a as arrayToClassString } from './ui-64815a12.js';
+import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-0a575bf2.js';
+import { a as arrayToClassString } from './ui-d73f756a.js';
 import { I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
-import { f as formatFlexStyles } from './style-formatter-a622a045.js';
+import { f as formatFlexStyles } from './style-formatter-c20c1988.js';
 import './index-9c9865c0.js';
-import './type-guard-ed1004cc.js';
+import './type-guard-30eec79c.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-84958bc9.js';
 import './change-manager-6a7eb88c.js';
-import './static-subject-title-52f93124.js';
-import './responsive-format-facade-2a1d6398.js';
+import './static-subject-title-1c86e974.js';
+import './responsive-format-facade-51c0c2e1.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './state-border-formatter-a243f3fc.js';
+import './state-border-formatter-50394e9c.js';
 import './try-get-document-bef0f526.js';
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [

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

@@ -6,23 +6,23 @@ import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlim
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { g as getCurrentBreakpoint } from './breakpoints-332702ed.js';
 import { C as ComponentLoadRequired } from './component-load-required-db42032a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-2a1d6398.js';
-import { a as arrayToClassString } from './ui-64815a12.js';
-import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-0e6fb2c4.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-51c0c2e1.js';
+import { a as arrayToClassString } from './ui-d73f756a.js';
+import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-0a575bf2.js';
 import './try-get-document-bef0f526.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './type-guard-ed1004cc.js';
+import './type-guard-30eec79c.js';
 import './typography-396de03f.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-84958bc9.js';
 import './change-manager-6a7eb88c.js';
-import './static-subject-title-52f93124.js';
+import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
-import './state-border-formatter-a243f3fc.js';
+import './state-border-formatter-50394e9c.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;

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

@@ -1,33 +1,33 @@
 import { h, r as registerInstance, c as createEvent, H as Host, g as getElement } from './index-090d31ca.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as FIELD_ERROR_MESSAGE_CHANGE, e as FORM_ELEMENT_VALIDATE, F as FORM_ELEMENT_VALUE_CHANGE, b as FORM_FIELD_ELEMENT_DISCONNECTED, a as FORM_FIELD_PENDING_VALID_CHANGE, c as FORM_RESET_OPERATION_TRIGGERED } from './static-subject-title-52f93124.js';
+import { d as FIELD_ERROR_MESSAGE_CHANGE, e as FORM_ELEMENT_VALIDATE, F as FORM_ELEMENT_VALUE_CHANGE, b as FORM_FIELD_ELEMENT_DISCONNECTED, a as FORM_FIELD_PENDING_VALID_CHANGE, c as FORM_RESET_OPERATION_TRIGGERED } from './static-subject-title-1c86e974.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { m as methodPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-4b1afd04.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-697ad0b7.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0a406a71.js';
-import { C as VegaFormSubmit, D as VegaFormReset, E as VegaValidate } from './vega-event-id-578c6c6d.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-80ac7dee.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-81538a8c.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-9e70a18d.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-3eb4d8ad.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-1e3ac106.js';
+import { E as VegaFormSubmit, F as VegaFormReset, G as VegaValidate } from './vega-event-id-92848bf5.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-d5a21bb3.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-d924288a.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-03894a51.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { f as VegaInternalFormSubmit, i as VegaInternalValid, g as VegaInternalFormReset } from './vega-internal-event-id-913e8be6.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-3897e95b.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent, b as isParent, d as isElementVisible } from './ui-64815a12.js';
-import { i as isNonNullable } from './type-guard-ed1004cc.js';
+import { f as findParent, b as isParent, d as isElementVisible } from './ui-d73f756a.js';
+import { i as isNonNullable } from './type-guard-30eec79c.js';
 import { I as ImmutableMap } from './immutable-map-4fe22b11.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-8822d0d0.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
 import { d as isObjectArrayLike } from './array-7888f339.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-1ac5ee9a.js';
+import './internal-vega-event-manager-a9758b6e.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-5ebc0cec.js';
 import './index-9c9865c0.js';
 import './string-a953eafc.js';
 import './misc-9fdbcfbb.js';
-import './internal-translation-controller-d8217d93.js';
+import './internal-translation-controller-84958bc9.js';
 import './index-3b327f29.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';