@globalpayments/vega 2.99.0 → 2.100.0

package/dist/collection/components/vega-dropdown/vega-dropdown-item/slimmers/renderers/vega-dropdown-item-renderer.js

@@ -6,7 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { Fragment, h } from '@stencil/core';
 import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
-import { createEnterKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
+import { createActivationKeyHandlerToTriggerClick } from '../../../../../utils/accessibility';
 import { htmlSanitizer, labelSanitizeStrategy, plainTextSanitizeStrategy, } from '../../../../../utils/sanitize';
 export class VegaDropdownItemRenderer extends VegaSlimmer {
   constructor() {
@@ -26,7 +26,7 @@ export 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',

package/dist/collection/components/vega-dropdown/vega-dropdown-item/vega-dropdown-item.css

@@ -65,7 +65,8 @@
   background-color: rgba(var(--v-bg-quaternary, 241, 248, 251, 1));
 }
 
-:host li:not(.vega-dropdown-item-disabled):focus {
+: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;
 }

package/dist/collection/components/vega-dropdown/vega-dropdown.js

@@ -13,7 +13,7 @@ import { VegaDropdownCreateRenderer } from './slimmers/renderers/vega-dropdown-c
 import { VegaDropdownListRenderer } from './slimmers/renderers/vega-dropdown-list-renderer';
 import { VegaDropdownItemLevelRenderer } from './slimmers/renderers/vega-dropdown-item-level-renderer';
 import { VegaDropdownSearchRenderer } from './slimmers/renderers/vega-dropdown-search-renderer';
-import { VegaDropdownKeyboardController } from './slimmers/controllers/vega-dropdown-keyboard-conttroller';
+import { VegaDropdownKeyboardController } from './slimmers/controllers/vega-dropdown-keyboard-controller';
 import { VegaDropdownAppenderController } from './slimmers/controllers/vega-dropdown-appender-controller';
 import { VegaDropdownGroupLevelRenderer } from './slimmers/renderers/vega-dropdown-group-level-renderer';
 import { VegaDropdownSearchController } from './slimmers/controllers/vega-dropdown-search-controller';

package/dist/collection/components/vega-field-label/slimmers/renderers/vega-field-label-label-announcement-renderer.js

@@ -4,52 +4,43 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { h } from '@stencil/core';
 import { VegaSlimmer, MapToComponentField } from 'vega-slimmer/core';
 /*
- * 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".
  */
 export 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([

package/dist/collection/components/vega-field-label/vega-field-label.js

@@ -101,19 +101,21 @@ export class VegaFieldLabel {
   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" },
+      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", { class: {
+        h("span", { "aria-hidden": "true", class: {
             'vega-field-label-required': true,
             'hidden': !this.isFieldRequired,
           } }, "*")),

package/dist/collection/components/vega-input-select/slimmers/renderers/vega-input-select-dropdown-renderer.js

@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { h } from '@stencil/core';
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
-import { createEnterKeyHandlerToTriggerClick } from '../../../../utils/accessibility';
 import chevronUp from '../../../../global/icons/chevron-up';
 import chevronDown from '../../../../global/icons/chevron-down';
 import { VegaInternalIconManager } from '../../../../helpers/icon/internal-icon-manager';
@@ -16,11 +15,29 @@ export class VegaInputSelectDropdownRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
     this.renderContainer = () => {
-      return (h("div", { role: 'button', class: "vega-input-select-container", ref: (ref) => (this.inputSelectContainer = ref), tabIndex: 0, "aria-disabled": `${this.disabled}`, onKeyDown: createEnterKeyHandlerToTriggerClick(), part: "select-container" },
+      return (h("div", { role: 'button', class: "vega-input-select-container", ref: (ref) => (this.inputSelectContainer = ref), tabIndex: 0, "aria-disabled": `${this.disabled}`, onKeyDown: this.handleTriggerKeyDown, part: "select-container" },
         this.renderPrefixIcon(),
         this.renderSelectContainer(),
         this.renderToggleIcon()));
     };
+    /**
+     * VD-9605: open/close the dropdown on both Enter and Space, matching native button
+     * semantics. Space is preventDefaulted so activating the trigger does not scroll the page.
+     *
+     * @param {KeyboardEvent} e - keydown event on the select trigger.
+     * @returns {void}
+     */
+    this.handleTriggerKeyDown = (e) => {
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.preventDefault();
+      }
+      if (this.disabled) {
+        return;
+      }
+      if (e.key === 'Enter' || e.key === ' ') {
+        e.currentTarget.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true, view: window }));
+      }
+    };
     this.renderPrefixIcon = () => {
       return this.vegaInputSelectPrefixIconRenderer.render();
     };

package/dist/collection/components/vega-modal/slimmers/controllers/vega-modal-open-state-controller.js

@@ -8,6 +8,7 @@ import { createDynamicSlimmer, InjectVegaSlimmer, MapToComponentField, MapToComp
 import { findParent } from '../../../../utils/ui';
 import { VegaModalOpenState } from '../models/vega-modal-open-state';
 import { AriaDialogFocusableTrapSlimmer } from '../../../../helpers/slimmers/aria-dialog-focusable-trap-slimmer';
+import { isOverlayHandledEscape, markOverlayHandledEscape, } from '../../../../helpers/keyboard/overlay-escape-coordination';
 /**
  * Modal open state controller
  */
@@ -39,11 +40,73 @@ export 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');
   }
   /**
@@ -325,6 +388,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaModalOpenStateController.prototype, "ariaDialogFocusableTrapSlimmer", void 0);
+__decorate([
+  MapToComponentMethod('connectedCallback')
+], VegaModalOpenStateController.prototype, "connectedCallback", null);
 __decorate([
   MapToComponentMethod('disconnectedCallback')
 ], VegaModalOpenStateController.prototype, "disconnectedCallback", null);

package/dist/collection/components/vega-popover/slimmers/renderers/vega-popover-appender-renderer.js

@@ -25,6 +25,23 @@ export class VegaPopoverAppenderRenderer extends VegaSlimmer {
   getPopoverContentBox() {
     return this.popoverContentBox;
   }
+  /**
+   * Whether an inner overlay (e.g. an open `vega-input-select`/`vega-dropdown`
+   * or a nested popover) is currently displayed inside this popover's content
+   * box. Such overlays own the Escape key, so the popover must not close while
+   * one of them is open.
+   *
+   * @returns {boolean} True when a visible nested overlay content box exists.
+   */
+  hasOpenNestedOverlay() {
+    if (!this.popoverContentBox) {
+      return false;
+    }
+    const nested = this.popoverContentBox.querySelectorAll('vega-dropdown-content-box, vega-popover-content-box');
+    return Array.from(nested).some(
+    // eslint-disable-next-line spellcheck/spell-checker
+    (box) => box.getClientRects().length > 0);
+  }
   /**
    * The `render` function returns a JSX element for a `vega-popover-content-box` component with a ref assigned to `this.popoverContentBox`.
    *

package/dist/collection/components/vega-popover/vega-popover.js

@@ -13,6 +13,7 @@ import { VegaPopoverShow, VegaPopoverHide } from '../../helpers/event-manager/ev
 import { VegaPopoverAppenderRenderer } from './slimmers/renderers/vega-popover-appender-renderer';
 import { VegaPopoverAppenderController } from './slimmers/controllers/vega-popover-appender-controller';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../helpers/slimmers/component-usage-runtime-metrics';
+import { isOverlayHandledEscape, markOverlayHandledEscape, } from '../../helpers/keyboard/overlay-escape-coordination';
 /**
  * A Popover is an overlaid window that displays rich content, and is visually tethered to the element that triggers it.
  *
@@ -505,8 +506,39 @@ __decorate([
     {
       keyCode: 'Escape',
       activeElementInScope: [host.appenderRenderer.getPopoverContentBox()],
-      callback: host.hidePopover,
+      // Capture-phase + stopPropagation so ancestor focus-trap containers
+      // (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 before/instead of the
+      // popover. The popover's own close logic still runs here.
+      //
+      // `stopPropagation` does NOT block other document-level capture
+      // listeners (e.g. vega-modal's Escape handler) on the same target,
+      // so we also tag the event with a marker that vega-modal checks to
+      // avoid closing when the popover already handled this Escape press.
+      // We deliberately do NOT use `stopImmediatePropagation` here because
+      // other document listeners on the same target (e.g. focus-restore
+      // observers in toolbar slimmers) still need to observe the key.
+      // eslint-disable-next-line jsdoc/require-jsdoc
+      callback: /* istanbul ignore next */ (event) => {
+        // An inner overlay (e.g. an open vega-input-select / vega-dropdown
+        // or a nested popover) owns this Escape press. Skip closing so it
+        // dismisses only the innermost overlay, not the whole popover. This
+        // is order-independent within the shared KeyboardManager loop: if
+        // the inner overlay's handler ran first it marked the event; if it
+        // runs after this one, its still-open content box is detectable
+        // inside our content box.
+        if (isOverlayHandledEscape(event) || host.appenderRenderer.hasOpenNestedOverlay()) {
+          return;
+        }
+        if (host.isPopoverShow) {
+          event.stopPropagation();
+          markOverlayHandledEscape(event);
+        }
+        host.hidePopover();
+      },
       eventName: 'keydown',
+      capture: true,
       preventDefault: true,
     },
     {

package/dist/collection/components/vega-rich-text-content/slimmers/renderers/vega-rich-text-content-renderer.js

@@ -43,7 +43,10 @@ export class VegaRichTextContentRenderer extends VegaSlimmer {
   }
   renderRichTextContent() {
     const showPlaceholder = this.shouldShowPlaceholder();
-    return (h("div", { ref: (el) => (this.richTextContentRef = el), class: { 'showPlaceholder': showPlaceholder, 'rich-text-content': true }, "data-placeholder": this.placeholder, contenteditable: this.contentEditable }, this.renderContent()));
+    return (h("div", { ref: (el) => (this.richTextContentRef = el), class: { 'showPlaceholder': showPlaceholder, 'rich-text-content': true }, "data-placeholder": this.placeholder, contenteditable: this.contentEditable, role: "textbox", "aria-multiline": "true", "aria-disabled": this.contentEditable ? undefined : 'true', 
+      // When disabled the element is not contenteditable, so it needs an explicit
+      // tabindex to remain a focus stop and let AT announce its disabled state.
+      tabindex: this.contentEditable ? undefined : '0' }, this.renderContent()));
   }
   renderContent() {
     var _a;

package/dist/collection/components/vega-rich-text-editor/constants/constant.js

@@ -32,6 +32,14 @@ export const RTE_TEXT_COLORS = [
   },
 ];
 export const ZERO_WIDTH_SPACE = '\u200b';
+// Identifies the input source that triggered a value flush.
+export var RTEUpdateSource;
+(function (RTEUpdateSource) {
+  RTEUpdateSource["Default"] = "default";
+  RTEUpdateSource["Composition"] = "composition";
+})(RTEUpdateSource || (RTEUpdateSource = {}));
+// Event property key used to carry the update source across the synthetic beforeinput event.
+export const RTE_UPDATE_SOURCE_KEY = '__updateSource';
 export const VegaRTEDefaultTextStyleItems = [
   { key: 'title' },
   { key: 'subtitle' },
@@ -94,3 +102,4 @@ export const RTE_PASTE_MODE_DATA_TYPE = 'application/x-vega-rte-paste-mode';
  * originated from Microsoft Word.
  */
 export const RTE_PASTE_MODE_WORD = 'word';
+export const RTE_WORD_COUNT_KEY = 'rte-word-count';

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/commit-value-strategy.js

@@ -0,0 +1,13 @@
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * Default commit strategy — the candidate becomes the committed value. Rejection
+ * is handled exclusively by interceptors that veto the commit by not executing.
+ */
+export class CommitValueStrategy extends ActionHandleStrategy {
+  /**
+   * @inheritDoc
+   */
+  handleAction(action) {
+    return action.candidate;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/actions/commit-value-action.js

@@ -0,0 +1,20 @@
+import { ModifyContentAction } from './modify-content-action.abstract';
+/**
+ * Action type discriminator. Plain string constant — intentionally NOT added to
+ * {@link ModifyContentActionType} enum to keep the commit-validation flow self-contained.
+ */
+export const COMMIT_VALUE = 'COMMIT_VALUE';
+/**
+ * Dispatched before the editor commits a candidate value. The default strategy
+ * commits the candidate as-is; interceptors are the only place a commit is vetoed.
+ */
+export class CommitValueAction extends ModifyContentAction {
+  constructor(candidate, previous, host) {
+    super();
+    this.candidate = candidate;
+    this.previous = previous;
+    this.host = host;
+    this.isFlushable = false;
+    this.type = COMMIT_VALUE;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/blocks/block.abstract.js

@@ -183,6 +183,17 @@ export class RTEBlock {
     }
     return firstItem;
   }
+  /**
+   * Get the plain text content of the block, used for character counting.
+   *
+   * @returns {string} The concatenated plain text of all child nodes and blocks.
+   */
+  getPlainText() {
+    var _a;
+    return ((_a = this.children) !== null && _a !== void 0 ? _a : [])
+      .map((child) => child.getPlainText())
+      .join('');
+  }
   /**
    * Check if the block is a list item block
    *

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-item-block.js

@@ -103,6 +103,16 @@ export class RTEListItemBlock extends RTETextBlock {
     }
     return super.getLastNode();
   }
+  /**
+   * @inheritDoc
+   */
+  getPlainText() {
+    var _a;
+    const nestListText = ((_a = this.nestList) !== null && _a !== void 0 ? _a : [])
+      .map((list) => list.getPlainText())
+      .join('');
+    return super.getPlainText() + nestListText;
+  }
   /**
    * Create a new list item block.
    *

package/dist/collection/components/vega-rich-text-editor/dto/content-state.js

@@ -24,6 +24,8 @@ import { LogUtility } from '../../../utils/log';
 import { HTMLContentCleaner } from '../slimmers/controllers/html-cleaner';
 import { RTEFilterStylesStrategyRegistry } from './filter-styles-strategies/filter-styles-strategy-registry';
 import { DeleteSelectedContentStrategy } from './action-handle-strategies/modify-content-strategies/delete-selected-content-strategy';
+import { CommitValueStrategy } from './action-handle-strategies/modify-content-strategies/commit-value-strategy';
+import { COMMIT_VALUE } from './actions/commit-value-action';
 import { ReplaceNestListAction } from './actions/replace-nest-list-action';
 /**
  * Class representing the content state of the rich text editor.
@@ -189,6 +191,14 @@ export class VegaRTEContent {
     const lastBlock = this.children[this.children.length - 1];
     return lastBlock.getLastNode();
   }
+  /**
+   * Get the plain text content of the whole document, used for character counting.
+   *
+   * @returns {string} The concatenated plain text of all top-level blocks.
+   */
+  getPlainText() {
+    return this.children.map((block) => block.getPlainText()).join('');
+  }
   /**
    * Convert text to list.
    *
@@ -267,6 +277,7 @@ export class VegaRTEContent {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.TRANSFORM_TO_CODE_BLOCK, VegaRTEContent.name, new BlockTransformToCodeBlockStrategy());
   ActionHandleStrategyRegistry.register(ModifyContentActionType.UPDATE_CURSOR_POSITION, VegaRTEContent.name, new UpdateCursorPositionStrategy());
   ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_SELECTED_CONTENT, VegaRTEContent.name, new DeleteSelectedContentStrategy());
+  ActionHandleStrategyRegistry.register(COMMIT_VALUE, VegaRTEContent.name, new CommitValueStrategy());
 })();
 /** Minimize-safe type discriminator for VegaRTEContent. */
 VegaRTEContent.dtoName = 'VegaRTEContent';

package/dist/collection/components/vega-rich-text-editor/dto/nodes/code-block-node.js

@@ -32,6 +32,12 @@ export class RTECodeBlockNode extends RTEDecoratorNode {
   toJSON() {
     return { id: this.id, type: 'text', text: this.text, language: this.language };
   }
+  /**
+   * @inheritDoc
+   */
+  getPlainText() {
+    return this.text;
+  }
   /**
    * @inheritDoc
    */

package/dist/collection/components/vega-rich-text-editor/dto/nodes/node.abstract.js

@@ -134,6 +134,14 @@ export class RTENode {
   isTextNode() {
     return false;
   }
+  /**
+   * Get the plain text content of the node, used for character counting. Default implementation returns an empty string, subclasses should override this method to provide the actual plain text content.
+   *
+   * @returns {string} The plain text content of the node.
+   */
+  getPlainText() {
+    return '';
+  }
   /**
    * Get the HTMLElement reference associated with this node.
    *

package/dist/collection/components/vega-rich-text-editor/dto/nodes/text-node.js

@@ -218,6 +218,12 @@ export class RTETextNode extends RTENode {
   isContentEditable() {
     return true;
   }
+  /**
+   * @inheritDoc
+   */
+  getPlainText() {
+    return this.text;
+  }
   /**
    * Returns the inline HTML wrapper descriptor at the given depth in the
    * annotation chain. Depth 0 is the outermost wrapper, depth 1 is its child, etc.

package/dist/collection/components/vega-rich-text-editor/extensions/base-toolbar-button-renderer.js

@@ -50,7 +50,7 @@ export class VegaRTEToolbarButtonRenderer {
    * @returns {VegaRTERenderResult} - The render result for the dropdown.
    */
   renderDropdown(h, editorContext, dropdownProps, children) {
-    return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', isScreenPosition: true, 
+    return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', isScreenPosition: true, role: 'presentation', 
       // eslint-disable-next-line jsdoc/require-jsdoc
       ref: (el) => {
         this.dropdownEl = el;
@@ -134,29 +134,31 @@ export class VegaRTEToolbarButtonRenderer {
    * @returns {VegaRTERenderResult} - The render result for the button.
    */
   renderButton(h, editorContext, buttonProps) {
-    const { icon, label, showArrowIcon, tooltip } = buttonProps;
+    const { icon, label, showArrowIcon, tooltip, ariaLabel } = buttonProps;
     const isDisabled = this.isDisabled(editorContext);
     const button = h('vega-rich-text-editor-toolbar-button', {
-      disabled: isDisabled,
-      icon: icon,
-      hidden: this.isHidden(editorContext),
-      selected: this.isSelected(editorContext),
+      'disabled': isDisabled,
+      'icon': icon,
+      'data-aria-label': ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label,
+      'hidden': this.isHidden(editorContext),
+      'selected': this.isSelected(editorContext),
       // eslint-disable-next-line jsdoc/require-jsdoc
-      ref: (el) => {
+      'ref': (el) => {
         this.buttonEl = el;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(el, VegaClick, () => this.handleButtonClick(editorContext));
       },
-      onMouseDown: this.preventDefault,
+      'onMouseDown': this.preventDefault,
       // eslint-disable-next-line jsdoc/require-jsdoc
-      onKeyDown: (e) => this.handleButtonKeyDown(e),
+      'onKeyDown': (e) => this.handleButtonKeyDown(e),
     }, [
       this.renderButtonLabel(h, editorContext, label),
       showArrowIcon
         ? h('vega-icon', {
-          size: 'size-8',
-          color: isDisabled ? 'text-disabled' : 'text-secondary',
-          style: { marginLeft: '8px' },
-          icon: VegaInternalIconManager.getIconKey('chevron-down'),
+          'size': 'size-8',
+          'color': isDisabled ? 'text-disabled' : 'text-secondary',
+          'style': { marginLeft: '8px' },
+          'aria-hidden': 'true',
+          'icon': VegaInternalIconManager.getIconKey('chevron-down'),
         })
         : null,
     ].filter(isNonNullable));
@@ -177,8 +179,9 @@ export class VegaRTEToolbarButtonRenderer {
     if (label) {
       const isDisabled = this.isDisabled(editorContext);
       return h('vega-font', {
-        variant: 'font-field-label-sm',
-        color: isDisabled ? 'text-disabled' : 'text-primary',
+        'variant': 'font-field-label-sm',
+        'color': isDisabled ? 'text-disabled' : 'text-primary',
+        'aria-hidden': 'true',
       }, editorContext.translation.t(label));
     }
     return null;
@@ -210,6 +213,15 @@ export class VegaRTEToolbarButtonRenderer {
   preventDefault(e) {
     e.preventDefault();
   }
+  /**
+   * Moves focus to the toolbar button. Targets the inner focusable `<button>`
+   * inside the button's shadow root, falling back to the host element.
+   */
+  focusToolbarButton() {
+    var _a, _b, _c, _d;
+    const innerButton = (_c = (_b = (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button')) !== null && _c !== void 0 ? _c : null;
+    (_d = (innerButton !== null && innerButton !== void 0 ? innerButton : this.buttonEl)) === null || _d === void 0 ? void 0 : _d.focus();
+  }
   /**
    * Recursively searches for a dropdown list item by its key.
    *
@@ -263,14 +275,14 @@ export class VegaRTEToolbarButtonRenderer {
    * @param {KeyboardEvent} e The keyboard event.
    */
   handleItemsKeyDown(e) {
-    var _a, _b, _c;
+    var _a, _b;
     if (e.code === 'Escape') {
       e.preventDefault();
       e.stopPropagation();
       if (this.dropdownEl) {
         void this.dropdownEl.hide();
       }
-      (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();
+      this.focusToolbarButton();
       return;
     }
     if (e.code !== 'ArrowDown' && e.code !== 'ArrowUp') {
@@ -288,7 +300,7 @@ export class VegaRTEToolbarButtonRenderer {
     for (let offset = 0; offset < items.length; offset++) {
       const index = (startIndex + offset * direction + items.length) % items.length;
       if (!items[index].disabled) {
-        (_c = (_b = items[index].shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('li')) === null || _c === void 0 ? void 0 : _c.focus();
+        (_b = (_a = items[index].shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('li')) === null || _b === void 0 ? void 0 : _b.focus();
         return;
       }
     }

package/dist/collection/components/vega-rich-text-editor/extensions/blockquote/renderers/blockquote-toolbar-button-renderer.js

@@ -33,6 +33,7 @@ export class RTEBlockquoteToolbarButtonRenderer extends VegaRTEToolbarButtonRend
   render(createElement, editorContext) {
     return this.renderButton(createElement, editorContext, {
       icon: 'quote-left',
+      ariaLabel: editorContext.translation.t('Block quote'),
       tooltip: { text: 'Block quote' },
     });
   }