@globalpayments/vega 2.99.0 → 2.101.0

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

@@ -3,47 +3,48 @@ 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, m as extractNumberFromString, n as containerScrollToItem } from './ui-d73f756a.js';
-import { a1 as isArrayOfType, a2 as isDropdownSourceItemType } from './type-guard-6fc96870.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { d as VegaChange, z as VegaDropdownShow, A as VegaDropdownHide, V as VegaDropdownClick, u as VegaDropdownSelectAllClick, g as VegaReset, s as VegaCreate, h as VegaDropdownSearch, B as VegaSearchTrigger, a as VegaClick } from './vega-event-id-f55f6977.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-0517fc70.js';
+import { f as findParent, b as getDeepActiveElementInShadow, m as extractNumberFromString, n as containerScrollToItem } from './ui-80e610f4.js';
+import { a1 as isArrayOfType, a2 as isDropdownSourceItemType } from './type-guard-26d83e7e.js';
+import { c as createEnterKeyHandlerToTriggerClick, a as createActivationKeyHandlerToTriggerClick } from './accessibility-c899a968.js';
+import { D as DomNodeSubjectObserverFactory, d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
+import { d as VegaChange, A as VegaDropdownShow, B as VegaDropdownHide, V as VegaDropdownClick, v as VegaDropdownSelectAllClick, g as VegaReset, t as VegaCreate, h as VegaDropdownSearch, C as VegaSearchTrigger, a as VegaClick } from './vega-event-id-59cd9297.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-133b86cd.js';
+import { m as markOverlayHandledEscape } from './overlay-escape-coordination-439f7d6f.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { E as ElementAppenderSlimmer } from './element-appender-slimmer-c81d1fe3.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-f069f54d.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-dd4e2908.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-27a6aa19.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy, p as plainTextSanitizeStrategy } from './index-35451d12.js';
 import { i as isArrayEqual, e as flattenChildren } from './array-7888f339.js';
 import { a as VEGA_DROPDOWN_SELECT_ALL_KEY, V as VEGA_DROPDOWN_DEFAULT_CONFIG } from './constants-4725f97f.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-23b7d0e8.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ba72f30b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { m as VegaInternalDropdownTemplateItemsChange, x as VegaDropdownSearchInternalOverridden, w as VegaDropdownRenderItemInternalOverridden, n as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-86fce049.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
+import { m as VegaInternalDropdownTemplateItemsChange, w as VegaDropdownSearchInternalOverridden, v as VegaDropdownRenderItemInternalOverridden, n as VegaInternalVirtualScrollToBottom } from './vega-internal-event-id-02093067.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-12ee1593.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-034bc78c.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-ef970ffc.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
+import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0ebcbf47.js';
 import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-7d60a04a.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-722f6b92.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-bee1c7fa.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-b33430c6.js';
+import './internal-translation-controller-fff376d2.js';
 import './observer-3959f9dd.js';
-import './keyboard-manager-b4a0d97d.js';
+import './keyboard-manager-a58288df.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-dec87e46.js';
+import './responsive-format-facade-07843ec3.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './synchronize-task-queue-ac8acc3b.js';
-import './internal-vega-event-manager-2ecc9186.js';
+import './internal-vega-event-manager-0c381f3b.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
 
@@ -132,6 +133,11 @@ class VegaDropdownRenderer extends VegaSlimmer {
   }
   /* istanbul ignore next */
   getAllItems() {
+    if (!this.renderModeController.isSourceRenderMode()) {
+      // VD-9605: In template mode, appendItemsToContentBox() moves the [slot='items'] div
+      // into dropdownContentBoxRef's light DOM. Items are NOT inside dropdownRef.
+      return Array.from(this.dropdownContentBoxRef.querySelectorAll('vega-dropdown-item'));
+    }
     const virtualScroll = this.dropdownRef.querySelector('vega-virtual-scroll');
     const itemContainer = virtualScroll
       ? virtualScroll.shadowRoot
@@ -140,6 +146,18 @@ class VegaDropdownRenderer extends VegaSlimmer {
   }
   /* istanbul ignore next */
   getCurrentActiveItem() {
+    var _a, _b, _c, _d;
+    if (!this.renderModeController.isSourceRenderMode()) {
+      // VD-9605: In template mode, items live in dropdownContentBoxRef's light DOM.
+      // getActiveElement() traversal stops at shadow boundaries; instead find the focused
+      // item by checking which item's shadow root reports an active element (focused <li>).
+      const items = Array.from(this.dropdownContentBoxRef.querySelectorAll('vega-dropdown-item'));
+      // VD-9605: Use the item's own root node so focus is detected correctly even when
+      // vega-dropdown is nested inside another Shadow DOM. getRootNode() returns the
+      // nearest Document or ShadowRoot, which owns the activeElement for that tree.
+      const docActive = (_c = (_b = (_a = items[0]) === null || _a === void 0 ? void 0 : _a.getRootNode()) === null || _b === void 0 ? void 0 : _b.activeElement) !== null && _c !== void 0 ? _c : null;
+      return ((_d = items.find((item) => { var _a; return ((_a = item.shadowRoot) === null || _a === void 0 ? void 0 : _a.activeElement) != null || item === docActive; })) !== null && _d !== void 0 ? _d : null);
+    }
     return findParent(getActiveElement(this.dropdownContentBoxRef.shadowRoot), 'vega-dropdown-item');
   }
   /* istanbul ignore next */
@@ -600,6 +618,9 @@ class VegaDropdownKeyboardController extends KeyboardManagerSlimmer {
     super((target) => {
       const dropdownRef = this.renderer.getDropdownRef();
       const virtualContainerRef = this.renderer.getVirtualContainerRef();
+      // VD-9605: In template mode, items are slotted into dropdownContentBoxRef (not
+      // virtualContainerRef), so include it in scope so Arrow/Escape listeners fire correctly.
+      const dropdownContentBoxRef = this.renderer.getDropdownContentBoxRef();
       return [
         {
           keyCode: 'Tab',
@@ -608,19 +629,69 @@ class VegaDropdownKeyboardController extends KeyboardManagerSlimmer {
         },
         {
           keyCode: 'Escape',
-          activeElementInScope: [target.host, dropdownRef, virtualContainerRef],
+          activeElementInScope: [
+            target.host,
+            dropdownRef,
+            virtualContainerRef,
+            dropdownContentBoxRef,
+          ],
           // eslint-disable-next-line jsdoc/require-jsdoc
           callback: /* istanbul ignore next */ () => target.appenderController.hide(),
         },
+        {
+          // Additional `keydown` listener so Escape can close the dropdown when
+          // screen readers (e.g. VoiceOver) intercept the `keyup` event or move
+          // focus elsewhere after activating the trigger (e.g. into a rich-text
+          // editor's editable content). When the dropdown is shown, Escape
+          // should always close it regardless of where focus currently is.
+          //
+          // Registered in the capture phase so ancestor focus-trap containers
+          // (e.g. a Bootstrap modal's own keydown handler attached to the modal
+          // element) do not also react to the same Escape press and close
+          // themselves before the dropdown handles it. The callback calls
+          // `stopPropagation` to prevent the event from reaching descendant
+          // listeners, and tags the event with a marker that vega-modal's
+          // Escape handler checks so the modal does not also close on the
+          // same key press — Escape should close only the innermost overlay.
+          // We deliberately do NOT use `stopImmediatePropagation` because
+          // other document listeners on the same target (e.g. focus-restore
+          // observers in toolbar slimmers) still need to observe the key.
+          keyCode: 'Escape',
+          eventName: 'keydown',
+          capture: true,
+          preventDefault: true,
+          // eslint-disable-next-line jsdoc/require-jsdoc
+          callback: /* istanbul ignore next */ (event) => {
+            if (target.isDropdownShow) {
+              event.stopPropagation();
+              markOverlayHandledEscape(event);
+              target.appenderController.hide();
+            }
+          },
+        },
         {
           keyCode: ['ArrowUp', 'ArrowDown'],
-          activeElementInScope: [target.host, dropdownRef],
+          activeElementInScope: [
+            target.host,
+            dropdownRef,
+            virtualContainerRef,
+            dropdownContentBoxRef,
+          ],
+          // VD-9605: listen on keydown and preventDefault so arrow keys move the
+          // dropdown selection instead of scroll-chaining the underlying page.
+          eventName: 'keydown',
+          preventDefault: true,
           // eslint-disable-next-line jsdoc/require-jsdoc
           callback: /* istanbul ignore next */ (event) => target.controlDirectionByKeyboard(event.code),
         },
         {
           keyCode: 'Tab',
-          activeElementOutScope: [target.host, dropdownRef, virtualContainerRef],
+          activeElementOutScope: [
+            target.host,
+            dropdownRef,
+            virtualContainerRef,
+            dropdownContentBoxRef,
+          ],
           // eslint-disable-next-line jsdoc/require-jsdoc
           callback: /* istanbul ignore next */ () => target.isDropdownShow && target.appenderController.hide(),
         },
@@ -642,8 +713,17 @@ class VegaDropdownKeyboardController extends KeyboardManagerSlimmer {
      * @param {string} code - current keyboard code.
      */
     this.controlDirectionByKeyboard = (code) => {
-      var _a;
-      (_a = this.renderer.getNextActiveItem(code)) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('li').focus();
+      var _a, _b;
+      const nextItem = this.renderer.getNextActiveItem(code);
+      if (!nextItem) {
+        return;
+      }
+      // VD-9605: focus without letting the browser scroll the page, then scroll the
+      // dropdown list so the newly-focused item stays inside the visible viewport.
+      // Fall back to the host element if the inner <li> is absent (e.g. template mode).
+      const focusTarget = (_b = (_a = nextItem.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('li')) !== null && _b !== void 0 ? _b : nextItem;
+      focusTarget.focus({ preventScroll: true });
+      nextItem.scrollIntoView({ block: 'nearest' });
     };
   }
 }
@@ -1723,7 +1803,7 @@ class VegaDropdownScrollableController extends VegaSlimmer {
   async scrollToSelectedIndex() {
     this.renderModeController.isSourceRenderMode()
       ? await this.scrollToVirtualIndex()
-      : this.scrollToTemplateIndex();
+      : await this.scrollToTemplateIndex();
   }
   /**
    * The function scrollToVirtualIndex asynchronously scrolls to a specific index in a virtual list based
@@ -1742,7 +1822,10 @@ class VegaDropdownScrollableController extends VegaSlimmer {
   /**
    * The function scrollToTemplateIndex scrolls the dropdown content box to the selected item key.
    */
-  scrollToTemplateIndex() {
+  async scrollToTemplateIndex() {
+    if (!this.getSelectedKey())
+      return;
+    await new Promise((resolve) => requestAnimationFrame(() => resolve()));
     const scrolledKey = this.getSelectedKey();
     if (scrolledKey) {
       const dropdownContent = this.renderer.getDropdownContentBoxRef();
@@ -2807,7 +2890,7 @@ class VegaDropdownItemRenderer extends VegaSlimmer {
         'danger': this.danger && this.selectType === 'none',
       }, tabIndex: this.disabled ? -1 : 0, 
       /* eslint-disable-next-line react/jsx-no-bind */
-      onClick: this.disabled ? undefined : (e) => this.onSelect(e), onKeyDown: createEnterKeyHandlerToTriggerClick({ preventDefault: true }), style: this.height > 0 && {
+      onClick: this.disabled ? undefined : (e) => this.onSelect(e), onKeyDown: createActivationKeyHandlerToTriggerClick({ preventDefault: true }), style: this.height > 0 && {
         height: `${this.height}px`,
         boxSizing: 'border-box',
         overflow: 'hidden',
@@ -3103,7 +3186,7 @@ __decorate$7([
   MapToComponentField()
 ], VegaDropdownItemClickController.prototype, "clickEventEmitter", void 0);
 
-const vegaDropdownItemCss = ":host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;margin-left:4px;margin-right:4px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li,:host li a{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:not(.vega-dropdown-item-disabled):hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:not(.vega-dropdown-item-disabled):focus{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));cursor:default}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li.danger .item-prefix,:host li.danger .vega-dropdown-item-label{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .vega-dropdown-item-display-ellipsis vega-tooltip{flex-grow:1;display:block;overflow:hidden}:host .v-hidden{display:none}";
+const vegaDropdownItemCss = ":host{display:block}:host li{padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px;margin-left:4px;margin-right:4px;cursor:pointer;display:flex;align-items:center;gap:8px}:host li,:host li a{color:rgba(var(--v-text-primary, 32, 54, 69, 1));font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;text-decoration:none}@media screen and (min-width: 768px) and (max-width: 1023px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host li,:host li a{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host li:not(.vega-dropdown-item-disabled):hover{background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1))}:host li:not(.vega-dropdown-item-disabled):focus,:host(:focus) li:not(.vega-dropdown-item-disabled){background-color:rgba(var(--v-bg-quaternary, 241, 248, 251, 1));outline:0}:host li.vega-dropdown-item-disabled{color:rgba(var(--v-text-disabled, 176, 180, 181, 1));cursor:default}:host li.vega-dropdown-item-disabled .item-prefix,:host li.vega-dropdown-item-disabled .selected-prefix{color:rgba(var(--v-text-disabled, 176, 180, 181, 1))}:host li.danger .item-prefix,:host li.danger .vega-dropdown-item-label{color:rgba(var(--v-text-danger-link, 230, 50, 87, 1))}:host li .item-prefix{display:flex;width:16px;height:16px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));flex-shrink:1}:host li .selected-prefix{color:rgba(var(--v-text-link, 19, 98, 226, 1));width:16px;height:16px;display:flex;align-items:center;min-width:16px}:host li .item-counter{width:20px;height:20px}:host .vega-dropdown-item-label{flex-grow:1}:host .vega-dropdown-item-display-newline .vega-dropdown-item-label{overflow-wrap:break-word}:host .vega-dropdown-item-display-ellipsis .vega-dropdown-item-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host .vega-dropdown-item-display-ellipsis vega-tooltip{flex-grow:1;display:block;overflow:hidden}:host .v-hidden{display:none}";
 
 var __decorate$6 = (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-env-manager-8f8dc473.js

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

package/dist/esm/{vega-event-id-f55f6977.js → vega-event-id-59cd9297.js}

@@ -93,6 +93,7 @@ const VegaDropdownHide = new VegaEventID('vegaHide', 'dropdownHide');
 const VegaDropdownSearch = new VegaEventID('vegaSearch', 'dropdownSearch');
 const VegaActionClick = new VegaEventID('vegaActionClick', 'actionClick');
 const VegaEventClick = new VegaEventID('vegaEventClick', 'eventClick');
+const VegaEventPreview = new VegaEventID('vegaEventPreview', 'eventPreview');
 const VegaDateDblClick = new VegaEventID('vegaDateDblClick', 'dateDblClick');
 const VegaDateClick = new VegaEventID('vegaDateClick', 'dateClick');
 const VegaCountryChange = new VegaEventID('vegaCountryChange', 'countryChange');
@@ -117,4 +118,4 @@ const VegaSourceCodeChange = new VegaEventID('vegaSourceCodeChange', 'sourceCode
 const VegaEventEdit = new VegaEventID('vegaEventEdit', 'eventEdit');
 const VegaAdditionalLinkClick = new VegaEventID('vegaAdditionalLinkClick', 'additionalLinkClick');
 
-export { VegaCurrentStepUpdate as $, VegaDropdownHide as A, VegaSearchTrigger as B, VegaLabelButtonClick as C, VegaSelectFileChange as D, VegaRetry as E, VegaPreview as F, VegaFormSubmit as G, VegaFormReset as H, VegaValidate as I, VegaCancel as J, VegaNativeInputChange as K, VegaFocus as L, VegaBlur as M, VegaSuggestionItemClick as N, VegaPaste as O, VegaComplete as P, VegaCountryChange as Q, VegaShow as R, VegaHide as S, VegaToggleStatus as T, VegaOpen as U, VegaDropdownClick as V, VegaStateUpdate as W, VegaGroupClick as X, VegaMenuClick as Y, VegaActionClick as Z, VegaPageSizeChange as _, VegaClick as a, VegaImageInserted as a0, VegaSourceCodeChange as a1, VegaSelectChange as a2, VegaSelectAllChange as a3, VegaRowClick as a4, VegaRowExpand as a5, VegaRowDragDrop as a6, VegaRowSelect as a7, VegaRowSelectAll as a8, VegaPopoverHide as b, VegaPopoverShow as c, VegaChange as d, VegaExpand as e, VegaAdditionalLinkClick as f, VegaReset as g, VegaDropdownSearch as h, VegaClose as i, VegaActionButtonClick as j, VegaEventClick as k, VegaDateDblClick as l, VegaMoreActionClick as m, VegaDateClick as n, VegaEventEdit as o, VegaPageUpdate as p, VegaUserChange as q, VegaRemove as r, VegaCreate as s, VegaSearch as t, VegaDropdownSelectAllClick as u, VegaMonthYearChange as v, VegaClear as w, VegaSelectionChange as x, VegaTodayClick as y, VegaDropdownShow as z };
+export { VegaPageSizeChange as $, VegaDropdownShow as A, VegaDropdownHide as B, VegaSearchTrigger as C, VegaLabelButtonClick as D, VegaSelectFileChange as E, VegaRetry as F, VegaPreview as G, VegaFormSubmit as H, VegaFormReset as I, VegaValidate as J, VegaCancel as K, VegaNativeInputChange as L, VegaFocus as M, VegaBlur as N, VegaSuggestionItemClick as O, VegaPaste as P, VegaComplete as Q, VegaCountryChange as R, VegaShow as S, VegaHide as T, VegaToggleStatus as U, VegaDropdownClick as V, VegaOpen as W, VegaStateUpdate as X, VegaGroupClick as Y, VegaMenuClick as Z, VegaActionClick as _, VegaClick as a, VegaCurrentStepUpdate as a0, VegaImageInserted as a1, VegaSourceCodeChange as a2, VegaSelectChange as a3, VegaSelectAllChange as a4, VegaRowClick as a5, VegaRowExpand as a6, VegaRowDragDrop as a7, VegaRowSelect as a8, VegaRowSelectAll as a9, VegaPopoverHide as b, VegaPopoverShow as c, VegaChange as d, VegaExpand as e, VegaAdditionalLinkClick as f, VegaReset as g, VegaDropdownSearch as h, VegaClose as i, VegaActionButtonClick as j, VegaEventClick as k, VegaEventPreview as l, VegaDateDblClick as m, VegaMoreActionClick as n, VegaDateClick as o, VegaEventEdit as p, VegaPageUpdate as q, VegaUserChange as r, VegaRemove as s, VegaCreate as t, VegaSearch as u, VegaDropdownSelectAllClick as v, VegaMonthYearChange as w, VegaClear as x, VegaSelectionChange as y, VegaTodayClick as z };

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

@@ -2,18 +2,18 @@ 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-2452278f.js';
-import { a as VegaClick, C as VegaLabelButtonClick } from './vega-event-id-f55f6977.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
-import { T as TranslationSlimmer } from './translation-slimmer-ef970ffc.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-12ee1593.js';
+import { a as VegaClick, D as VegaLabelButtonClick } from './vega-event-id-59cd9297.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-c899a968.js';
+import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
 import './dynamic-slimmer-90b8af32.js';
 import './change-manager-6a7eb88c.js';
-import './dom-node-subject-observer-factory-ddff8662.js';
+import './dom-node-subject-observer-factory-bb7e68a0.js';
 import './observer-3959f9dd.js';
-import './ui-d73f756a.js';
-import './internal-vega-event-manager-2ecc9186.js';
+import './ui-80e610f4.js';
+import './internal-vega-event-manager-0c381f3b.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-b33430c6.js';
+import './internal-translation-controller-fff376d2.js';
 import './static-subject-title-1c86e974.js';
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -80,49 +80,41 @@ var __decorate$1 = (undefined && undefined.__decorate) || function (decorators,
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 /*
- * Screen-reader-only announcement.
+ * Builds the visually-hidden state suffix appended to the field label for AT.
  *
- * 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.
+ * Screen-reader users cannot derive the full field state from the visible
+ * label alone because:
+ *   - "Required" is represented visually by a decorative "*" — AT users
+ *     would otherwise hear the raw asterisk character.
  *   - "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.
+ * The suffix (e.g. ", Required, Disabled") is rendered as a real, visually
+ * hidden text node INSIDE the visible label span (not as an `aria-label`).
+ * A real text node reads consistently across Safari/Chrome/Firefox and,
+ * unlike an `aria-label` on a container with hidden children, does not make
+ * Chrome/Firefox announce an "empty group".
  */
 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.
+   * Build the visually-hidden state suffix (the part after the label text).
    *
-   * @returns {string} The generated announcement string.
+   * @returns {string} e.g. ", Required, Disabled", or '' when there is no state to announce.
    */
-  generateAnnouncement() {
-    let announcement = this.label;
+  getStateSuffix() {
+    if (!this.label) {
+      return '';
+    }
+    let suffix = '';
     if (this.isFieldRequired) {
-      announcement += `, ${this.translationSlimmer.t('Required')}`;
+      suffix += `, ${this.translationSlimmer.t('Required')}`;
     }
     else if (this.optional) {
-      announcement += `, ${this.translationSlimmer.t('Optional')}`;
+      suffix += `, ${this.translationSlimmer.t('Optional')}`;
     }
     if (this.disabled) {
-      announcement += `, ${this.translationSlimmer.t('Disabled')}`;
+      suffix += `, ${this.translationSlimmer.t('Disabled')}`;
     }
-    return announcement;
+    return suffix;
   }
 }
 __decorate$1([
@@ -238,11 +230,12 @@ const VegaFieldLabel = class {
   render() {
     var _a;
     const shouldCenterAlign = !!((_a = this.suffixButtonConfig) === null || _a === void 0 ? void 0 : _a.centerAlign);
+    const stateSuffix = this.labelAnnouncementRenderer.getStateSuffix();
     return sanitizeVegaComponent(h(Host, { class: {
         'hidden': this.label === '',
         'disabled': this.disabled,
         'center-align': shouldCenterAlign,
-      }, onClick: this.handleClick }, this.labelAnnouncementRenderer.render(), h("label", { "aria-hidden": "true", part: "container" }, h("span", { class: "vega-field-label", part: "label" }, this.label), !this.isFieldRequired && this.optional && (h("span", { class: "optional" }, "(", this.translationSlimmer.t('Optional'), ")")), h("span", { class: {
+      }, onClick: this.handleClick }, h("label", { part: "container" }, h("span", { class: "vega-field-label", part: "label", role: "text" }, this.label, stateSuffix && h("span", { class: "aria-announcement" }, stateSuffix)), !this.isFieldRequired && this.optional && (h("span", { class: "optional", "aria-hidden": "true" }, "(", this.translationSlimmer.t('Optional'), ")")), h("span", { "aria-hidden": "true", class: {
         'vega-field-label-required': true,
         'hidden': !this.isFieldRequired,
       } }, "*")), this.suffixElementRenderer.render()), this.host);

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-e7c57096.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { a as VegaClick, d as VegaChange, D as VegaSelectFileChange, r as VegaRemove, E as VegaRetry, F as VegaPreview } from './vega-event-id-f55f6977.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
+import { a as VegaClick, d as VegaChange, E as VegaSelectFileChange, s as VegaRemove, F as VegaRetry, G as VegaPreview } from './vega-event-id-59cd9297.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-6af5cf2e.js';
+import { c as createEnterKeyHandlerToTriggerClick } from './accessibility-c899a968.js';
 import { t as trashCan } from './trash-can-8819a939.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-12ee1593.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { F as FORM_ELEMENT_VALUE_CHANGE } from './static-subject-title-1c86e974.js';
-import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-511b7ac5.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-5c794b4d.js';
 import { F as FileUploaderRequiredRule } from './file-uploader-required-rule-96952e1a.js';
 import { D as DropFileAcceptFilterSlimmer } from './drop-file-accept-filter-slimmer-ad759e4a.js';
-import { T as TranslationSlimmer } from './translation-slimmer-ef970ffc.js';
+import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
 import './icon-manager-4ef3f6dd.js';
 import './create-public-api-runtime-metrics-slimmer-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './observer-3959f9dd.js';
-import './ui-d73f756a.js';
-import './internal-vega-event-manager-2ecc9186.js';
+import './ui-80e610f4.js';
+import './internal-vega-event-manager-0c381f3b.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
-import './vega-internal-event-id-86fce049.js';
-import './internal-translation-controller-b33430c6.js';
+import './vega-internal-event-id-02093067.js';
+import './internal-translation-controller-fff376d2.js';
 import './index-35451d12.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
@@ -36,7 +36,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-722f6b92.js';
+import './sub-state-observer-slimmer-bee1c7fa.js';
 import './required-field-rule-897fe8d1.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';

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-e7c57096.js';
 import { V as VegaIconManager } from './icon-manager-4ef3f6dd.js';
-import { f as formatAndValidResponsiveToken } from './design-token-8319bb59.js';
+import { f as formatAndValidResponsiveToken } from './design-token-82a4e107.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-48f85199.js';
 import './dynamic-slimmer-90b8af32.js';
 import './misc-9fdbcfbb.js';
-import './type-guard-6fc96870.js';
+import './type-guard-26d83e7e.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-b33430c6.js';
-import './responsive-format-facade-dec87e46.js';
+import './internal-translation-controller-fff376d2.js';
+import './responsive-format-facade-07843ec3.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-1e900a2f.js';
+import './state-border-formatter-3b3dcfe8.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;
@@ -92,14 +92,14 @@ class VegaFlagIconController extends VegaSlimmer {
     };
   }
   /**
-   * componentWillLoad
+   * connectedCallback
    */
-  componentWillLoad() {
+  connectedCallback() {
     if (!this.country)
       return;
-    const hasIcon = this.isFlagForCountryCodeLoaded(this.country);
-    if (!hasIcon)
+    if (!this.isFlagForCountryCodeLoaded(this.country)) {
       this.registerObserver();
+    }
   }
   /**
    * disconnectedCallback
@@ -139,8 +139,8 @@ __decorate$1([
   MapToComponentField()
 ], VegaFlagIconController.prototype, "country", void 0);
 __decorate$1([
-  MapToComponentMethod('componentWillLoad')
-], VegaFlagIconController.prototype, "componentWillLoad", null);
+  MapToComponentMethod('connectedCallback')
+], VegaFlagIconController.prototype, "connectedCallback", null);
 __decorate$1([
   MapToComponentMethod('disconnectedCallback')
 ], VegaFlagIconController.prototype, "unRegisterObserver", null);

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-3fd04ea9.js';
 import { s as sanitizeVegaComponent } from './component-7d906393.js';
-import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-8319bb59.js';
-import { a as arrayToClassString } from './ui-d73f756a.js';
+import { f as formatAndValidResponsiveToken, l as formatAndValidFlexBreakpoint } from './design-token-82a4e107.js';
+import { a as arrayToClassString } from './ui-80e610f4.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-057d7120.js';
+import { f as formatFlexStyles } from './style-formatter-c4192c99.js';
 import './index-9c9865c0.js';
-import './type-guard-6fc96870.js';
+import './type-guard-26d83e7e.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-b33430c6.js';
+import './internal-translation-controller-fff376d2.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './responsive-format-facade-dec87e46.js';
+import './responsive-format-facade-07843ec3.js';
 import './breakpoints-332702ed.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './state-border-formatter-1e900a2f.js';
+import './state-border-formatter-3b3dcfe8.js';
 import './try-get-document-bef0f526.js';
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [

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

@@ -6,22 +6,22 @@ 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-dec87e46.js';
-import { a as arrayToClassString } from './ui-d73f756a.js';
-import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-8319bb59.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-07843ec3.js';
+import { a as arrayToClassString } from './ui-80e610f4.js';
+import { m as formatAndValidTypographyToken, i as formatAndValidTextColor, f as formatAndValidResponsiveToken } from './design-token-82a4e107.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import './try-get-document-bef0f526.js';
 import './ui-93922c59.js';
 import './breakpoints-d9faf11c.js';
-import './type-guard-6fc96870.js';
+import './type-guard-26d83e7e.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-b33430c6.js';
+import './internal-translation-controller-fff376d2.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
 import './number-4398f2e1.js';
 import './pixel-f32c07ce.js';
 import './array-7888f339.js';
-import './state-border-formatter-1e900a2f.js';
+import './state-border-formatter-3b3dcfe8.js';
 import './index-9c9865c0.js';
 
 var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

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

@@ -5,30 +5,30 @@ 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-2452278f.js';
-import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
-import { G as VegaFormSubmit, H as VegaFormReset, I as VegaValidate } from './vega-event-id-f55f6977.js';
-import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-23b7d0e8.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-722f6b92.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-12ee1593.js';
+import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-0ebcbf47.js';
+import { H as VegaFormSubmit, I as VegaFormReset, J as VegaValidate } from './vega-event-id-59cd9297.js';
+import { c as createSubStateNotifySlimmer } from './sub-state-notify-slimmer-ba72f30b.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-bee1c7fa.js';
 import { i as isValidFormField, g as getFormFieldKey } from './form-field-key-44ab39d0.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
-import { g as VegaInternalFormSubmit, j as VegaInternalValid, h as VegaInternalFormReset } from './vega-internal-event-id-86fce049.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
+import { g as VegaInternalFormSubmit, j as VegaInternalValid, h as VegaInternalFormReset } from './vega-internal-event-id-02093067.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { f as findParent, b as isParent, d as isElementVisible } from './ui-d73f756a.js';
-import { i as isNonNullable } from './type-guard-6fc96870.js';
+import { f as findParent, c as isParent, e as isElementVisible } from './ui-80e610f4.js';
+import { i as isNonNullable } from './type-guard-26d83e7e.js';
 import { I as ImmutableMap } from './immutable-map-4fe22b11.js';
-import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-499a3aa7.js';
+import { C as ChildNodesNotifyObserverSlimmer } from './child-nodes-notify-observer-slimmer-034bc78c.js';
 import { d as isObjectArrayLike } from './array-7888f339.js';
 import './dynamic-slimmer-90b8af32.js';
-import './internal-vega-event-manager-2ecc9186.js';
+import './internal-vega-event-manager-0c381f3b.js';
 import './vega-env-manager-8f8dc473.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-b33430c6.js';
+import './internal-translation-controller-fff376d2.js';
 import './number-4398f2e1.js';
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {