@globalpayments/vega 2.98.0 → 2.100.0

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

@@ -2,28 +2,29 @@ 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 { ac as isResponsiveSizeType, ad as isVegaModalSectionPaddingType } from './type-guard-f2624334.js';
-import './internal-translation-controller-fac22598.js';
+import { ac as isResponsiveSizeType, ad as isVegaModalSectionPaddingType } from './type-guard-26d83e7e.js';
+import './internal-translation-controller-fff376d2.js';
 import './feature-flag-controller-3fd04ea9.js';
-import './state-border-formatter-bfda33aa.js';
+import './state-border-formatter-3b3dcfe8.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-ddff8662.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.js';
 import { i as VegaClose, a as VegaClick, U as VegaOpen } from './vega-event-id-f55f6977.js';
-import { c as createEventEmitSlimmer } from './event-emit-slimmer-2452278f.js';
+import { c as createEventEmitSlimmer } from './event-emit-slimmer-e8bb2292.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
-import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
+import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-7d60a04a.js';
 import { c as createDeprecatedPropertySlimmer } from './deprecated-property-slimmer-ea34fa7b.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { T as TagNameMutationFilter } from './mutation-observer-filters-1a054fb0.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 { D as DefaultModalSize } from './ui-93922c59.js';
-import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-d73f756a.js';
+import { g as getDeviceType, D as DeviceType, f as findParent } from './ui-80e610f4.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.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-f069f54d.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-b2a24a45.js';
+import { i as isOverlayHandledEscape, m as markOverlayHandledEscape } from './overlay-escape-coordination-439f7d6f.js';
 import { S as SharedBackdropManager } from './shared-backdrop-manager-a7c63838.js';
 import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-7d2b54c3.js';
 import './breakpoints-d9faf11c.js';
@@ -34,7 +35,7 @@ import './observer-3959f9dd.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-nonce-manager-497e5eb5.js';
-import './index-3b327f29.js';
+import './index-35451d12.js';
 import './object-0c277f57.js';
 import './array-7888f339.js';
 import './number-4398f2e1.js';
@@ -557,11 +558,73 @@ class VegaModalOpenStateController extends VegaSlimmer {
         this.close('close-button');
       }
     };
+    /**
+     * Capture-phase document `keydown` listener for Escape. When this modal is
+     * the topmost open vega-modal we close it and stop propagation so that
+     * ancestor focus traps (e.g. a Bootstrap modal which closes itself on
+     * Escape via its own keydown listener attached to the modal element) do
+     * not also react to the same key press and close themselves.
+     *
+     * If an inner overlay (vega-dropdown / vega-popover) already handled this
+     * Escape press, it calls `markOverlayHandledEscape(event)` from its own
+     * capture-phase listener. `isOverlayHandledEscape` detects this so this
+     * modal does not also close — meaning Escape closes only the innermost
+     * overlay.
+     *
+     * @param {KeyboardEvent} event - The keydown event.
+     */
+    this.handleEscapeCapture = (event) => {
+      if (event.code !== 'Escape') {
+        return;
+      }
+      if (!this.openState.isOpen) {
+        return;
+      }
+      if (this.openedModalStackController.peek() !== this.host) {
+        return;
+      }
+      // If an inner overlay (vega-dropdown / vega-popover) already handled
+      // this Escape press in its own capture-phase listener, skip closing the
+      // modal — Escape should close only the innermost overlay.
+      if (isOverlayHandledEscape(event)) {
+        return;
+      }
+      // Stop the event before any descendant or ancestor focus-trap container
+      // (e.g. a Bootstrap modal which closes itself on Escape, or an outer
+      // vega-modal) reacts to it. Mark the event so an outer vega-modal in the
+      // same document-capture phase does not also close on the same key press.
+      event.stopPropagation();
+      event.preventDefault();
+      markOverlayHandledEscape(event);
+      this.close('escape');
+    };
+  }
+  /**
+   * Component lifecycle - [connectedCallback]
+   *
+   * Capture-phase Escape listener is registered here (rather than
+   * `componentDidLoad`) so it is re-added whenever the modal element is moved
+   * in the DOM (e.g. RTE's Insert-via-URL modal is moved to `host.parentElement`
+   * before being shown — that triggers disconnect+connect but does not re-fire
+   * `componentDidLoad`).
+   *
+   * Capture-phase Escape listener so ancestor focus-trap containers (e.g. a
+   * Bootstrap modal whose own keydown handler is attached to the modal
+   * element) do not also react to the same Escape press while a vega-modal
+   * is open inside them. Capture phase fires before any descendant bubble
+   * listener; calling `stopPropagation` then prevents those listeners from
+   * running. We only intervene when this is the topmost open vega-modal.
+   */
+  connectedCallback() {
+    // eslint-disable-next-line no-restricted-globals
+    document.addEventListener('keydown', this.handleEscapeCapture, true);
   }
   /**
    * Component lifecycle - [disconnectedCallback]
    */
   disconnectedCallback() {
+    // eslint-disable-next-line no-restricted-globals
+    document.removeEventListener('keydown', this.handleEscapeCapture, true);
     this.close('remove-node');
   }
   /**
@@ -841,6 +904,9 @@ __decorate$5([
 __decorate$5([
   InjectVegaSlimmer()
 ], VegaModalOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
+__decorate$5([
+  MapToComponentMethod('connectedCallback')
+], VegaModalOpenStateController.prototype, "connectedCallback", null);
 __decorate$5([
   MapToComponentMethod('disconnectedCallback')
 ], VegaModalOpenStateController.prototype, "disconnectedCallback", null);

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-f19b601c.js';
-import { l as Spacing } from './type-guard-f2624334.js';
-import { f as formatAndValidResponsiveToken } from './design-token-10ff79b5.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-07843ec3.js';
+import { l as Spacing } from './type-guard-26d83e7e.js';
+import { f as formatAndValidResponsiveToken } from './design-token-82a4e107.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-3fd04ea9.js';
 import './index-9c9865c0.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-fac22598.js';
+import './internal-translation-controller-fff376d2.js';
 import './change-manager-6a7eb88c.js';
 import './static-subject-title-1c86e974.js';
-import './state-border-formatter-bfda33aa.js';
+import './state-border-formatter-3b3dcfe8.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,42 +3,43 @@ 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-f2624334.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 { 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, 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-1f7c8bfb.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-8a06ecdd.js';
-import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-f069f54d.js';
-import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
+import { E as ElementAppenderSlimmer } from './element-appender-slimmer-c820c0bf.js';
+import { A as AriaDialogFocusableTrapSlimmer } from './aria-dialog-focusable-trap-slimmer-b2a24a45.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-e306c849.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 { c as createEventEmitSlimmer } from './event-emit-slimmer-e8bb2292.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-ee0f0e76.js';
+import { T as TranslationSlimmer } from './translation-slimmer-77022f2e.js';
 import { C as ChildNodesEventPreventSlimmer } from './child-nodes-event-prevent-slimmer-82626871.js';
-import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-ac703085.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-722f6b92.js';
+import { C as ComponentGlobalStyleSlimmer } from './component-global-style-slimmer-7d60a04a.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-bd85f381.js';
 import './breakpoints-d9faf11c.js';
 import './ui-93922c59.js';
 import './typography-19c3b9be.js';
-import './internal-translation-controller-fac22598.js';
+import './internal-translation-controller-fff376d2.js';
 import './observer-3959f9dd.js';
-import './keyboard-manager-50da85d7.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-f19b601c.js';
+import './responsive-format-facade-07843ec3.js';
 import './pixel-f32c07ce.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.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();
@@ -2716,13 +2799,14 @@ var __decorate$b = (undefined && undefined.__decorate) || function (decorators,
 };
 class VegaDropdownGroupRenderer extends VegaSlimmer {
   render() {
-    return (h("li", { role: "group", "aria-label": this.label, class: "vega-dropdown-group" },
-      this.renderLabel(),
+    const plainTextLabel = htmlSanitizer.sanitize(this.label, plainTextSanitizeStrategy);
+    return (h("li", { role: "group", "aria-label": plainTextLabel, class: "vega-dropdown-group" },
+      this.renderLabel(plainTextLabel),
       this.renderChildren(),
       this.renderDivide()));
   }
-  renderLabel() {
-    return (this.label && (h("div", { class: "vega-dropdown-group-label", "aria-hidden": "true" }, this.label)));
+  renderLabel(plainTextLabel) {
+    return (this.label && (h("div", { class: "vega-dropdown-group-label", "aria-hidden": "true" }, plainTextLabel)));
   }
   renderChildren() {
     return (h("ul", { role: "none", class: "vega-dropdown-group-items" },
@@ -2798,14 +2882,15 @@ class VegaDropdownItemRenderer extends VegaSlimmer {
     };
   }
   render() {
-    return (h("li", { key: this.label, role: "menuitem", "aria-label": this.count > 0 ? `${this.label}, ${this.count}` : this.label, "aria-disabled": `${this.disabled}`, class: {
+    const plainTextLabel = this.getPlainTextLabel();
+    return (h("li", { key: this.label, role: "menuitem", "aria-label": this.count > 0 ? `${plainTextLabel}, ${this.count}` : plainTextLabel, "aria-disabled": `${this.disabled}`, class: {
         'vega-dropdown-item-selected': this.selected,
         'vega-dropdown-item-disabled': this.disabled,
         [`vega-dropdown-item-display-${this.itemDisplayRule}`]: true,
         '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',
@@ -2853,6 +2938,13 @@ class VegaDropdownItemRenderer extends VegaSlimmer {
   onSelect(e) {
     this.vegaDropdownItemClickController.handleClick(e);
   }
+  getPlainTextLabel() {
+    const slotText = this.host.textContent.trim();
+    if (slotText) {
+      return slotText;
+    }
+    return htmlSanitizer.sanitize(this.label, plainTextSanitizeStrategy);
+  }
   renderLabelWithTooltip() {
     var _a, _b, _c;
     if (!this.label) {
@@ -3094,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.98.0` will be replaced to a version string when running publish script.
+    // The `2.100.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.98.0';
+    this.vegaVersion = '2.100.0';
     this.framework = FrameworkEnum.VanillaJs;
   }
   /**

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 { c as createEventEmitSlimmer } from './event-emit-slimmer-e8bb2292.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-ee0f0e76.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 './ui-80e610f4.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';
-import './internal-translation-controller-fac22598.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([
@@ -141,7 +133,7 @@ __decorate$1([
   MapToComponentField()
 ], VegaFieldLabelLabelAnnouncementRenderer.prototype, "translationSlimmer", void 0);
 
-const vegaFieldLabelCss = ":host{display:inline-block}:host(.center-align){display:inline-flex;align-items:center}: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(.center-align) label:first-of-type{display:inline-flex;align-items:center}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.center-align) .vega-field-label{min-width:0}.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}:host(.center-align) .label-suffix-button{display:inline-flex;align-items:center;vertical-align:baseline}.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}";
+const vegaFieldLabelCss = ":host{display:inline-block;position:relative}:host(.center-align){display:inline-flex;align-items:center}: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(.center-align) label:first-of-type{display:inline-flex;align-items:center}:host(.disabled)>label>span.vega-field-label{color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}:host(.center-align) .vega-field-label{min-width:0}.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}:host(.center-align) .label-suffix-button{display:inline-flex;align-items:center;vertical-align:baseline}.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;
@@ -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,29 +3,29 @@ 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 { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-bb7e68a0.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 { 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-e8bb2292.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-68fc5380.js';
+import { F as FormFieldControllerSlimmer } from './form-field-controller-slimmer-02165dbe.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-ee0f0e76.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 './ui-80e610f4.js';
 import './internal-vega-event-manager-2ecc9186.js';
 import './try-get-document-bef0f526.js';
 import './string-a953eafc.js';
 import './vega-internal-event-id-86fce049.js';
-import './internal-translation-controller-fac22598.js';
-import './index-3b327f29.js';
+import './internal-translation-controller-fff376d2.js';
+import './index-35451d12.js';
 import './page-resize-observer-slimmer-e24d36c5.js';
 import './breakpoints-332702ed.js';
 import './ui-93922c59.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-bd85f381.js';
 import './required-field-rule-897fe8d1.js';
 import './feature-flag-controller-3fd04ea9.js';
 import './index-9c9865c0.js';