@globalpayments/vega 2.99.0 → 2.101.0

package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js

@@ -6,46 +6,47 @@ const index = require('./index-58ea899e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-389d1548.js');
 const component = require('./component-1e352960.js');
-const accessibility = require('./accessibility-88f8af84.js');
+const accessibility = require('./accessibility-6ca2a237.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f4d33037.js');
+const vegaInternalEventId = require('./vega-internal-event-id-98d499d7.js');
 const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
-const codeBlock = require('./code-block-ea1f5eb3.js');
-const linkExtension = require('./link-extension-11340e1c.js');
-const typeGuard = require('./type-guard-b8d7bb3f.js');
+const codeBlock = require('./code-block-c598832d.js');
+const typeGuard = require('./type-guard-00b8efc0.js');
+const linkExtension = require('./link-extension-f493e432.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
-const imageAnnotationAction = require('./image-annotation-action-2a28038e.js');
-const vegaEventId = require('./vega-event-id-58afed7a.js');
+const imageAnnotationAction = require('./image-annotation-action-378838c2.js');
+const vegaEventId = require('./vega-event-id-987a170c.js');
 const misc = require('./misc-3d30df91.js');
-const waitForComponentDidRender = require('./wait-for-component-did-render-44d006ee.js');
-const imageExtension = require('./image-extension-9659708b.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-f73f200e.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-34aa195e.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-e264a120.js');
-const contentState = require('./content-state-8d07d530.js');
+const waitForComponentDidRender = require('./wait-for-component-did-render-90edbc1a.js');
+const imageExtension = require('./image-extension-673ebe7f.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac9337f4.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-67b5c186.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-3b33e31c.js');
+const contentState = require('./content-state-da23e822.js');
 const alignLeft = require('./align-left-4a76df69.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-7071b064.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-4bd47aa1.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-b454645a.js');
 const ui = require('./ui-c91c37a7.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-09d1093a.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e0ac8467.js');
-const translationSlimmer = require('./translation-slimmer-e4997f8f.js');
-const darkModeStyleController = require('./dark-mode-style-controller-f3da3342.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-bb232741.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-d720d7e9.js');
+const translationSlimmer = require('./translation-slimmer-31cd5a57.js');
+const darkModeStyleController = require('./dark-mode-style-controller-ec04ece9.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const array = require('./array-249289f2.js');
+const object = require('./object-b53e9416.js');
+const ariaAttributesValueMapper = require('./aria-attributes-value-mapper-e8c6b0e0.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const trashCan = require('./trash-can-46a5e19a.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 require('./string-39438062.js');
 require('./typography-3ea4fe41.js');
-require('./object-b53e9416.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./internal-translation-controller-51f7f865.js');
+require('./internal-translation-controller-27bfc8c7.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -57,11 +58,11 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./form-field-key-8d5edf75.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
-require('./sub-state-observer-slimmer-6033b824.js');
-require('./internal-vega-event-manager-7003c84a.js');
-require('./range-22ddd452.js');
-require('./keyboard-manager-slimmer-a19430dd.js');
-require('./keyboard-manager-482fe257.js');
+require('./sub-state-observer-slimmer-5b68ba3f.js');
+require('./internal-vega-event-manager-976b9526.js');
+require('./range-9f42fb40.js');
+require('./keyboard-manager-slimmer-0a4e556d.js');
+require('./keyboard-manager-16e96b62.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
@@ -70,7 +71,7 @@ require('./vega-nonce-manager-df69d3ed.js');
 require('./synchronize-task-queue-1ee80e94.js');
 require('./number-4816603d.js');
 
-var __decorate$H = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$I = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -91,11 +92,21 @@ class VegaRichTextEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
       const containerStyle = this.rows !== undefined
         ? { height: this.rows >= 2 ? `${this.rows * codeBlock.VegaRTEOneRowHeightPx}px` : defaultHeight }
         : { minHeight: defaultHeight };
-      return (index.h("div", { class: {
+      return (
+      // This container delegates focus to the inner <vega-rich-text-content> editor when
+      // clicking anywhere in the editing area. It is a layout wrapper, not an interactive
+      // widget, so giving it a widget role (e.g. `textbox`) would expose a second,
+      // non-editable textbox that traps VoiceOver focus and prevents typing.
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      index.h("div", { class: {
           'rich-text-editor-container': true,
           'disabled': this.disabled,
           'vega-hidden': this.sourceView,
-        }, style: containerStyle, onClick: this.richTextContentFocus, role: "textbox", tabIndex: !this.disabled ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), ref: (node) => (this.richTextContainerRef = node) },
+        }, style: containerStyle, onClick: this.richTextContentFocus, 
+        // Keep this wrapper out of the tab order so AT lands directly on the inner text
+        // region (focusable via contenteditable when enabled, via tabindex when disabled)
+        // rather than announcing this generic wrapper as a group.
+        tabIndex: -1, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), ref: (node) => (this.richTextContainerRef = node) },
         index.h("vega-rich-text-content", { ref: (ref) => (this.richTextContentRef = ref), content: this.value, extensions: this.extensions, onScroll: this.notifyContentScrolling }),
         this.renderCharacterCounter()));
     };
@@ -109,12 +120,20 @@ class VegaRichTextEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
       });
     };
     this.renderCharacterCounter = () => {
+      if (!this.wordCountController.shouldShowUI()) {
+        return null;
+      }
+      // The word count extension is registered, so the data is guaranteed to be non-null.
+      const data = this.wordCountController.getData();
+      const isSetMaxChars = typeGuard.isNonNullable(data.maxChars);
       return (index.h("div", { class: {
           'text-editor-counter': true,
-          'counter-exceed-max-length': false,
-        }, style: { display: 'none' } },
-        index.h("span", null, "0"),
-        index.h("span", null, "/100")));
+          'counter-exceed-max-length': isSetMaxChars && data.count > data.maxChars,
+        } },
+        index.h("span", null, data.count),
+        isSetMaxChars && index.h("span", null,
+          "/",
+          data.maxChars)));
     };
     this.renderErrorMessage = () => {
       return index.h("div", { class: "vega-error vega-hidden" });
@@ -163,6 +182,35 @@ class VegaRichTextEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
       return this.richTextContentRef.shadowRoot.querySelector('.rich-text-content');
     }
   }
+  /**
+   * Re-injects the zero-width space placeholder into empty text spans.
+   * When a commit is rejected and the model rolls back unchanged, the framework
+   * short-circuits the text diff and leaves the span empty, collapsing the line
+   * height, so the placeholder is restored here.
+   */
+  restoreEmptyTextPlaceholders() {
+    const editableElement = this.getRTEEditableElementRef();
+    if (!editableElement) {
+      return;
+    }
+    // The text node will only be rendered as a span and a code.
+    editableElement.querySelectorAll('span:empty, code:empty').forEach((element) => {
+      const textNode = element.firstChild;
+      if (textNode && textNode.nodeType === Node.TEXT_NODE) {
+        // Reuse the existing text node, `textContent` would swap in a new one and leave the framework patching a detached node.
+        textNode.nodeValue = codeBlock.ZERO_WIDTH_SPACE;
+      }
+      else {
+        element.textContent = codeBlock.ZERO_WIDTH_SPACE;
+      }
+    });
+  }
+  /**
+   * Forces a re-render of the rich text content component, which is useful when the content has changed but the framework has not detected it.
+   */
+  forceContentRepaint() {
+    index.forceUpdate(this.richTextContentRef);
+  }
   render() {
     return index.h(index.Host, null, this.renderRichTextEditor());
   }
@@ -183,59 +231,62 @@ class VegaRichTextEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
       this.richTextEditorSourceViewRenderer.render()));
   }
 }
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "host", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "toolbarRenderer", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "label", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "required", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "optional", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "hint", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "disabled", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "rows", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "placeholder", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "value", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "sourceView", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "toolbarItems", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "sourceEditConfig", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "allowSourceEdit", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "extensions", void 0);
-__decorate$H([
+__decorate$I([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextEditorRenderer.prototype, "wordCountController", void 0);
+__decorate$I([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "richTextEditorSourceViewRenderer", void 0);
-__decorate$H([
+__decorate$I([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaRichTextEditorRenderer.prototype, "componentDidRender", null);
 
-var __decorate$G = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$H = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -287,14 +338,17 @@ class ToolbarRenderer extends globalSlimmerRegistry.VegaSlimmer {
     const [renderedItems, totalVisibleCount] = this.renderToolbarItems();
     return (index.h("vega-flex", { gap: "size-8", alignItems: "center", flexWrap: "wrap" },
       this.allowSourceEdit && (index.h(index.Fragment, null,
-        index.h("div", { class: "toolbar-btn-group" }, this.sourceEditToolbarButtonSlimmer.render()),
+        index.h("div", { class: "toolbar-btn-group", role: "presentation" }, this.sourceEditToolbarButtonSlimmer.render()),
         this.uniqueToolbarItems.length > 0 &&
           totalVisibleCount > 0 &&
           this.renderVegaDivider())),
       renderedItems));
   }
   renderVegaDivider() {
-    return (index.h("vega-box", { height: "size-32" },
+    // Mark the divider as decorative so screen readers (e.g. VoiceOver
+    // on Firefox) skip it when navigating from the Edit Source button
+    // to the next toolbar item.
+    return (index.h("vega-box", { height: "size-32", "aria-hidden": "true", role: "presentation" },
       index.h("vega-divider", { direction: "vertical" })));
   }
   /**
@@ -333,81 +387,81 @@ class ToolbarRenderer extends globalSlimmerRegistry.VegaSlimmer {
         return null;
       })
         .filter(typeGuard.isNonNullable);
-      return (index.h("div", { class: { 'toolbar-btn-group': true, 'vega-hidden': visibleCountPerGroup < 1 } }, groupElement));
+      return (index.h("div", { class: { 'toolbar-btn-group': true, 'vega-hidden': visibleCountPerGroup < 1 }, role: "presentation" }, groupElement));
     });
     return [renderedItems, totalVisibleCount];
   }
 }
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "uniqueToolbarItems", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "allowSourceEdit", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "host", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "clearStyleToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "boldToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "textStylesToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "italicToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "underlineToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "textColorToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "bulletsNumbersToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "horizontalAlignmentToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "strikethroughToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "imageToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "moreIndentToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "lessIndentToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "codeToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "linkToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "codeBlockToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "undoToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "redoToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "sourceEditToolbarButtonSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "selectionController", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "translationSlimmer", void 0);
-__decorate$G([
+__decorate$H([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "sourceView", void 0);
 
@@ -415,7 +469,7 @@ const bold = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M0 64C0 46.3 14.3 32 32 32H80 96 224c70.7 0 128 57.3 128 128c0 31.3-11.3 60.1-30 82.3c37.1 22.4 62 63.1 62 109.7c0 70.7-57.3 128-128 128H96 80 32c-17.7 0-32-14.3-32-32s14.3-32 32-32H48V256 96H32C14.3 96 0 81.7 0 64zM224 224c35.3 0 64-28.7 64-64s-28.7-64-64-64H112V224H224zM112 288V416H256c35.3 0 64-28.7 64-64s-28.7-64-64-64H224 112z"/></svg>`,
 };
 
-var __decorate$F = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$G = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -457,7 +511,7 @@ class BoldToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
 (() => {
   internalIconManager.VegaInternalIconManager.register({ bold });
 })();
-__decorate$F([
+__decorate$G([
   globalSlimmerRegistry.MapToComponentField()
 ], BoldToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -465,7 +519,7 @@ const italic = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M128 64c0-17.7 14.3-32 32-32H352c17.7 0 32 14.3 32 32s-14.3 32-32 32H293.3L160 416h64c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H90.7L224 96H160c-17.7 0-32-14.3-32-32z"/></svg>`,
 };
 
-var __decorate$E = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$F = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -505,7 +559,7 @@ class ItalicToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbar
 (() => {
   internalIconManager.VegaInternalIconManager.register({ italic });
 })();
-__decorate$E([
+__decorate$F([
   globalSlimmerRegistry.MapToComponentField()
 ], ItalicToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -513,7 +567,7 @@ const underline = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M16 64c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H128V224c0 53 43 96 96 96s96-43 96-96V96H304c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H384V224c0 88.4-71.6 160-160 160s-160-71.6-160-160V96H48C30.3 96 16 81.7 16 64zM0 448c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32z"/></svg>`,
 };
 
-var __decorate$D = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$E = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -556,7 +610,7 @@ class UnderlineToolbarButtonSlimmer extends imageAnnotationAction.VisualModeTool
 (() => {
   internalIconManager.VegaInternalIconManager.register({ underline });
 })();
-__decorate$D([
+__decorate$E([
   globalSlimmerRegistry.MapToComponentField()
 ], UnderlineToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -564,7 +618,7 @@ const textSize = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 128V96h96l0 320H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H256c17.7 0 32-14.3 32-32s-14.3-32-32-32H224l0-320h96v32c0 17.7 14.3 32 32 32s32-14.3 32-32V80c0-26.5-21.5-48-48-48H192 48C21.5 32 0 53.5 0 80v48c0 17.7 14.3 32 32 32s32-14.3 32-32zM384 304V288h64l0 128H432c-17.7 0-32 14.3-32 32s14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H512l0-128h64v16c0 17.7 14.3 32 32 32s32-14.3 32-32V272c0-26.5-21.5-48-48-48H368c-26.5 0-48 21.5-48 48v32c0 17.7 14.3 32 32 32s32-14.3 32-32z"/></svg>`,
 };
 
-var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$D = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -601,7 +655,7 @@ class TextStylesToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
     };
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-dropdown", { selectType: "single", trigger: "click", alignment: "center", isScreenPosition: true, selectedSourceKey: this.getSelectedSourceKey(), ref: (ref) => {
+    return (index.h("vega-dropdown", { selectType: "single", trigger: "click", alignment: "center", isScreenPosition: true, role: "presentation", selectedSourceKey: this.getSelectedSourceKey(), ref: (ref) => {
         this.addDropdownObserver(ref);
       } },
       renderBtn({ showArrowIcon: true }),
@@ -692,13 +746,13 @@ TextStylesToolbarButtonSlimmer.allItems = [
     label: 'Paragraph',
   },
 ];
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], TextStylesToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], TextStylesToolbarButtonSlimmer.prototype, "focusController", void 0);
-__decorate$C([
+__decorate$D([
   globalSlimmerRegistry.MapToComponentField()
 ], TextStylesToolbarButtonSlimmer.prototype, "textStyleItems", void 0);
 
@@ -706,7 +760,7 @@ const TextSlash = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L355.7 253.5 400.2 96H503L497 120.2c-4.3 17.1 6.1 34.5 23.3 38.8s34.5-6.1 38.8-23.3l11-44.1C577.6 61.3 554.7 32 523.5 32H376.1h-.3H204.5c-22 0-41.2 15-46.6 36.4l-6.3 25.2L38.8 5.1zm168 131.7c.1-.3 .2-.7 .3-1L217 96H333.7L301.3 210.8l-94.5-74.1zM243.3 416H192c-17.7 0-32 14.3-32 32s14.3 32 32 32H352c17.7 0 32-14.3 32-32s-14.3-32-32-32H309.8l17.6-62.1L272.9 311 243.3 416z"/></svg>`,
 };
 
-var __decorate$B = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$C = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -743,7 +797,7 @@ class ClearStyleToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
     'text-slash': TextSlash,
   });
 })();
-__decorate$B([
+__decorate$C([
   globalSlimmerRegistry.MapToComponentField()
 ], ClearStyleToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -751,7 +805,7 @@ const codeSimple = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M214.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 214.6 118.6zm146.7 0L498.7 256 361.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3z"/></svg>`,
 };
 
-var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$B = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -789,7 +843,7 @@ class CodeToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
 (() => {
   internalIconManager.VegaInternalIconManager.register({ 'code-simple': codeSimple });
 })();
-__decorate$A([
+__decorate$B([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -797,7 +851,7 @@ const strikethrough = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M332.2 319.9c17.22 12.17 22.33 26.51 18.61 48.21c-3.031 17.59-10.88 29.34-24.72 36.99c-35.44 19.75-108.5 11.96-186-19.68c-16.34-6.686-35.03 1.156-41.72 17.53s1.188 35.05 17.53 41.71c31.75 12.93 95.69 35.37 157.6 35.37c29.62 0 58.81-5.156 83.72-18.96c30.81-17.09 50.44-45.46 56.72-82.11c3.998-23.27 2.168-42.58-3.488-59.05H332.2zM488 239.9l-176.5-.0309c-15.85-5.613-31.83-10.34-46.7-14.62c-85.47-24.62-110.9-39.05-103.7-81.33c2.5-14.53 10.16-25.96 22.72-34.03c20.47-13.15 64.06-23.84 155.4 .3438c17.09 4.531 34.59-5.654 39.13-22.74c4.531-17.09-5.656-34.59-22.75-39.12c-91.31-24.18-160.7-21.62-206.3 7.654C121.8 73.72 103.6 101.1 98.09 133.1C89.26 184.5 107.9 217.3 137.2 239.9L24 239.9c-13.25 0-24 10.75-24 23.1c0 13.25 10.75 23.1 24 23.1h464c13.25 0 24-10.75 24-23.1C512 250.7 501.3 239.9 488 239.9z"/></svg>`,
 };
 
-var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$A = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -840,7 +894,7 @@ class StrikethroughToolbarButtonSlimmer extends imageAnnotationAction.VisualMode
 (() => {
   internalIconManager.VegaInternalIconManager.register({ strikethrough });
 })();
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], StrikethroughToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -848,12 +902,16 @@ const link = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M562.8 267.7c56.5-56.5 56.5-148 0-204.5c-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6c31.5 31.5 31.5 82.5 0 114L405.3 334.8c-31.5 31.5-82.5 31.5-114 0c-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C189.5 251.2 196 330 246 380c56.5 56.5 148 56.5 204.5 0L562.8 267.7zM43.2 244.3c-56.5 56.5-56.5 148 0 204.5c50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C57 372 57 321 88.5 289.5L200.7 177.2c31.5-31.5 82.5-31.5 114 0c27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C416.5 260.8 410 182 360 132c-56.5-56.5-148-56.5-204.5 0L43.2 244.3z"/></svg>`,
 };
 
-var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$z = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+// One rAF is ~16 ms; 50 ms gives roughly two frames of buffer for the popover's
+// internal focus trap to settle (and for screen readers such as VoiceOver to
+// observe focus on <body>) before we restore focus to the trigger button.
+const FOCUS_RESTORE_DELAY_MS = 50;
 class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarButtonSlimmer {
   constructor() {
     super({
@@ -861,7 +919,21 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
       tooltip: {
         text: 'Link',
       },
+      ariaLabel: 'Insert Link',
     });
+    // Restoring focus to the link button on Escape: the popover lives in
+    // vega-rich-text-link-editor's shadow root and is portalled to <body>, so
+    // the popover's built-in focus trap can't put focus back on our trigger.
+    // We track an Escape press during the popover lifetime and restore focus
+    // on hide; submit / outside-click flows leave the flag false. Stale
+    // Escape presses (pressed while the popover was closed) are cleared by
+    // `handleWrapperClickCapture` on the next open.
+    this.escapePressedDuringPopover = false;
+    // Tracks whether the document-level keydown listener has been registered
+    // so it can be removed in disconnectedCallback. Without removal, document
+    // keeps a strong reference to this slimmer instance after the rich-text
+    // editor is destroyed, leaking memory.
+    this.documentKeydownRegistered = false;
     this.handleLinkEditorChange = ({ detail, }) => {
       switch (detail.action) {
         case 'link': {
@@ -886,9 +958,97 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
         }
       }
     };
+    this.handleWrapperClickCapture = () => {
+      // Reset the Escape flag for each new open; only an Escape during this
+      // popover's lifetime should trigger focus restoration. Activating the
+      // trigger via keyboard (Enter / Space on the inner native <button>) also
+      // dispatches a synthetic click in the capture phase, so this handler
+      // runs in both pointer and keyboard activation paths. Also clears any
+      // stale Escape press recorded while the popover was closed. The
+      // `vegaPopoverShow` listener provides the same guarantee for
+      // programmatic-open paths that don't go through a wrapper click.
+      this.escapePressedDuringPopover = false;
+    };
+    this.handlePopoverShow = () => {
+      // Belt-and-suspenders reset for programmatic opens (e.g. an external
+      // caller invoking `linkEditorRef.show()`): without this, an Escape press
+      // recorded while the popover was previously closed could survive into
+      // the new open and trigger a spurious focus restore on the next hide.
+      this.escapePressedDuringPopover = false;
+    };
+    this.handleDocumentKeydown = (event) => {
+      // We cannot guard on a local `isPopoverOpen` flag here: vega-popover's
+      // own KeyboardManager registers its capture-phase keydown listener on
+      // document before this slimmer's listener, so it runs first, calls
+      // hidePopover(), and synchronously fires `vegaPopoverHide` — which
+      // would flip our flag to closed before this handler ever observes the
+      // Escape key. Instead, always record the Escape press; stale presses
+      // (made while the popover was closed) are cleared by
+      // `handleWrapperClickCapture` on the next open.
+      // Use `event.code` for consistency with vega-modal's Escape handling
+      // (vega-modal-open-state-controller.ts).
+      if (event.code === 'Escape') {
+        this.escapePressedDuringPopover = true;
+      }
+    };
+    this.handlePopoverHide = () => {
+      // vegaPopoverHide fires synchronously from the popover's own Escape
+      // handler — before our document-capture keydown observes the key, and
+      // before the popover's internal focus trap settles focus on <body>.
+      // Defer the decision/restore past that internal restore.
+      // eslint-disable-next-line no-restricted-globals
+      setTimeout(() => {
+        var _a, _b, _c, _d;
+        const shouldRestore = this.escapePressedDuringPopover;
+        this.escapePressedDuringPopover = false;
+        if (shouldRestore) {
+          // The toolbar button uses shadow DOM without delegatesFocus,
+          // so focusing the host is a no-op — focus the inner <button>.
+          // The toolbar button may have been removed from the DOM during
+          // the timeout window (e.g. editor destroyed), so guard each step.
+          /* istanbul ignore next */
+          (_d = (_c = (_b = (_a = this.linkBtnWrapperRef) === null || _a === void 0 ? void 0 : _a.querySelector('vega-rich-text-editor-toolbar-button')) === null || _b === void 0 ? void 0 : _b.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('button')) === null || _d === void 0 ? void 0 : _d.focus();
+        }
+      }, FOCUS_RESTORE_DELAY_MS);
+    };
+  }
+  /**
+   * Component lifecycle - [disconnectedCallback]
+   *
+   * Removes the document-level Escape listener registered in the wrapper
+   * ref callback so the slimmer instance is not retained by document after
+   * the rich-text editor is destroyed.
+   */
+  disconnectedCallback() {
+    if (this.documentKeydownRegistered) {
+      // eslint-disable-next-line no-restricted-globals
+      document.removeEventListener('keydown', this.handleDocumentKeydown, { capture: true });
+      this.documentKeydownRegistered = false;
+    }
+    this.linkBtnWrapperRef = undefined;
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("div", { class: "toolbar-btn-link-wrapper", ref: (ref) => (this.linkBtnWrapperRef = ref) },
+    return (index.h("div", { class: "toolbar-btn-link-wrapper", role: "presentation", ref: (ref) => {
+        if (ref && ref !== this.linkBtnWrapperRef) {
+          this.linkBtnWrapperRef = ref;
+          ref.addEventListener('click', this.handleWrapperClickCapture, { capture: true });
+          // `vegaPopoverShow` clears any stale Escape recorded while the
+          // popover was closed, covering programmatic-open paths
+          // (e.g. linkEditorRef.show()) where no wrapper click fires.
+          ref.addEventListener('vegaPopoverShow', this.handlePopoverShow);
+          ref.addEventListener('vegaPopoverHide', this.handlePopoverHide);
+          // Esc inside the portalled popover doesn't bubble to the wrapper,
+          // so observe it on document capture. Tracked so it can be removed
+          // in disconnectedCallback to avoid leaking this slimmer instance.
+          if (!this.documentKeydownRegistered) {
+            // eslint-disable-next-line no-restricted-globals
+            document.addEventListener('keydown', this.handleDocumentKeydown, {
+              capture: true,
+            });
+            this.documentKeydownRegistered = true;
+          }
+        }
+      } },
       renderBtn(),
       index.h("vega-rich-text-link-editor", { resetStatusAfterHide: false, status: "linkEdit", ref: (ref) => {
           if (ref) {
@@ -937,15 +1097,18 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
 (() => {
   internalIconManager.VegaInternalIconManager.register({ link: link });
 })();
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], LinkToolbarButtonSlimmer.prototype, "selectionController", void 0);
+__decorate$z([
+  globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
+], LinkToolbarButtonSlimmer.prototype, "disconnectedCallback", null);
 
 const indent = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M0 64C0 46.3 14.3 32 32 32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64zM192 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32zm32 96H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H224c-17.7 0-32-14.3-32-32s14.3-32 32-32zM0 448c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM127.8 268.6L25.8 347.9C15.3 356.1 0 348.6 0 335.3V176.7c0-13.3 15.3-20.8 25.8-12.6l101.9 79.3c8.2 6.4 8.2 18.9 0 25.3z"/></svg>`,
 };
 
-var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$y = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -979,7 +1142,7 @@ class MoreIndentToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
 (() => {
   internalIconManager.VegaInternalIconManager.register({ indent: indent });
 })();
-__decorate$x([
+__decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], MoreIndentToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -987,7 +1150,7 @@ const outdent = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M6 64C6 46.3 20.3 32 38 32H422c17.7 0 32 14.3 32 32s-14.3 32-32 32H38C20.3 96 6 81.7 6 64zM198 192c0-17.7 14.3-32 32-32H422c17.7 0 32 14.3 32 32s-14.3 32-32 32H230c-17.7 0-32-14.3-32-32zm32 96H422c17.7 0 32 14.3 32 32s-14.3 32-32 32H230c-17.7 0-32-14.3-32-32s14.3-32 32-32zM6 448c0-17.7 14.3-32 32-32H422c17.7 0 32 14.3 32 32s-14.3 32-32 32H38c-17.7 0-32-14.3-32-32zm.2-179.4c-8.2-6.4-8.2-18.9 0-25.3l101.9-79.3c10.5-8.2 25.8-.7 25.8 12.6V335.3c0 13.3-15.3 20.8-25.8 12.6L6.2 268.6z"/></svg>`,
 };
 
-var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$x = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1022,7 +1185,7 @@ class LessIndentToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
 (() => {
   internalIconManager.VegaInternalIconManager.register({ outdent: outdent });
 })();
-__decorate$w([
+__decorate$x([
   globalSlimmerRegistry.MapToComponentField()
 ], LessIndentToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -1043,7 +1206,7 @@ class ImageUpdateUrlAction extends codeBlock.ModifyContentAction {
   }
 }
 
-var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$w = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1055,6 +1218,7 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
       icon: 'image',
       tooltip: { text: 'Image' },
       autoFocusOnClick: false,
+      ariaLabel: 'Insert Image',
     });
     this.insertURLImage = async () => {
       const url = this.normalizeSafeImageUrl(this.insertURLInputRef.value);
@@ -1109,8 +1273,8 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
     if (!shouldRenderUpload && !shouldRenderUrlInsertion) {
       return null;
     }
-    return (index.h("vega-box", null,
-      shouldRenderDropdown ? (index.h("vega-dropdown", { selectType: "none", trigger: "click", alignment: "center", isScreenPosition: true, ref: (ref) => {
+    return (index.h("vega-box", { role: "presentation" },
+      shouldRenderDropdown ? (index.h("vega-dropdown", { selectType: "none", trigger: "click", alignment: "center", isScreenPosition: true, role: "presentation", ref: (ref) => {
           this.dropdownRef = ref;
           this.addDropdownObserver(ref);
         } },
@@ -1242,16 +1406,16 @@ ImageToolbarButtonSlimmer.allItems = [
     label: 'Insert via URL',
   },
 ];
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], ImageToolbarButtonSlimmer.prototype, "host", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], ImageToolbarButtonSlimmer.prototype, "insertImageController", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], ImageToolbarButtonSlimmer.prototype, "imageInsertedEventEmitter", void 0);
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], ImageToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -1561,7 +1725,7 @@ class ListShiftTabOutdentHandler extends AbstractListKeyboardHandler {
   }
 }
 
-var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$v = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1713,28 +1877,28 @@ class ListKeyboardSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     this.selectionController.enqueueSelectionRangeFutureState(firstNode, Math.min(startOffset, firstNode.getRangeEndOffset()), lastNode, Math.min(endOffset, lastNode.getRangeEndOffset()), true);
   }
 }
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], ListKeyboardSlimmer.prototype, "selectionController", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], ListKeyboardSlimmer.prototype, "valueController", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], ListKeyboardSlimmer.prototype, "value", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], ListKeyboardSlimmer.prototype, "toolbarItems", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], ListKeyboardSlimmer.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], ListKeyboardSlimmer.prototype, "disconnectedCallback", null);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], ListKeyboardSlimmer.prototype, "componentDidLoad", null);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentMethod('watchToolbarItems')
 ], ListKeyboardSlimmer.prototype, "watchToolbarItems", null);
 
@@ -1751,7 +1915,7 @@ class TransformListAction extends codeBlock.ModifyContentAction {
   }
 }
 
-var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$u = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1810,14 +1974,14 @@ class BulletsToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolba
     }
   }
 }
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$t = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1874,14 +2038,14 @@ class NumbersToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolba
     }
   }
 }
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], NumbersToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], NumbersToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$s = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -1894,6 +2058,7 @@ class BulletsNumbersToolbarButtonSlimmer extends imageAnnotationAction.VisualMod
       tooltip: {
         text: 'Bullets',
       },
+      ariaLabel: 'Bullets and Numbers',
     });
     this.bulletsToolbarButtonSlimmer = new BulletsToolbarButtonSlimmer();
     this.numbersToolbarButtonSlimmer = new NumbersToolbarButtonSlimmer();
@@ -1912,7 +2077,7 @@ class BulletsNumbersToolbarButtonSlimmer extends imageAnnotationAction.VisualMod
     }
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-popover", { showArrow: false, trigger: "click", placement: "bottom", alignment: "center", isScreenPosition: true, ref: (ref) => (this.popoverRef = ref) },
+    return (index.h("vega-popover", { showArrow: false, trigger: "click", placement: "bottom", alignment: "center", isScreenPosition: true, role: "presentation", ref: (ref) => (this.popoverRef = ref) },
       index.h("div", { slot: "popover-content" }, renderBtn({ showArrowIcon: true })),
       index.h("div", { slot: "popover" }, this.renderContent())));
   }
@@ -1961,41 +2126,41 @@ class BulletsNumbersToolbarButtonSlimmer extends imageAnnotationAction.VisualMod
     'list-ol': ListOL,
   });
 })();
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "valueController", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "value", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "toolbarItems", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "bulletsToolbarButtonSlimmer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "numbersToolbarButtonSlimmer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "listKeyboardSlimmer", void 0);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "disconnectedCallback", null);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "componentDidLoad", null);
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentMethod('componentWillRender')
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "componentWillRender", null);
 
-var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$r = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2030,14 +2195,14 @@ class LeftAlignToolbarButtonSlimmer extends imageAnnotationAction.VisualModeTool
     'align-left': alignLeft.AlignLeft,
   });
 })();
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], LeftAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], LeftAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$q = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2072,14 +2237,14 @@ class CenterAlignToolbarButtonSlimmer extends imageAnnotationAction.VisualModeTo
     'align-center': alignLeft.AlignCenter,
   });
 })();
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], CenterAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], CenterAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$p = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2114,14 +2279,14 @@ class RightAlignToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
     'align-right': alignLeft.AlignRight,
   });
 })();
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], RightAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], RightAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$o = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2156,14 +2321,14 @@ class JustifyAlignToolbarButtonSlimmer extends imageAnnotationAction.VisualModeT
     'align-justify': alignLeft.AlignJustify,
   });
 })();
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], JustifyAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], JustifyAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$n = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2176,6 +2341,7 @@ class HorizontalAlignmentToolbarButtonSlimmer extends imageAnnotationAction.Visu
       tooltip: {
         text: 'Left Align',
       },
+      ariaLabel: 'Horizontal Alignment',
     });
     this.leftAlignToolbarButtonSlimmer = new LeftAlignToolbarButtonSlimmer();
     this.centerAlignToolbarButtonSlimmer = new CenterAlignToolbarButtonSlimmer();
@@ -2200,7 +2366,7 @@ class HorizontalAlignmentToolbarButtonSlimmer extends imageAnnotationAction.Visu
     }
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-popover", { trigger: "click", showArrow: false, alignment: "center", placement: "bottom", isScreenPosition: true, ref: (ref) => (this.popoverRef = ref) },
+    return (index.h("vega-popover", { trigger: "click", showArrow: false, alignment: "center", placement: "bottom", isScreenPosition: true, role: "presentation", ref: (ref) => (this.popoverRef = ref) },
       index.h("div", { slot: "popover-content" }, renderBtn({ showArrowIcon: true })),
       index.h("div", { slot: "popover" }, this.renderContent())));
   }
@@ -2221,22 +2387,22 @@ class HorizontalAlignmentToolbarButtonSlimmer extends imageAnnotationAction.Visu
         .some((block) => this.shouldDisabledToolbar(block, codeBlock.HorizontalAlignmentAnnotationAction.name)));
   }
 }
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "leftAlignToolbarButtonSlimmer", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "centerAlignToolbarButtonSlimmer", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "rightAlignToolbarButtonSlimmer", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "justifiedToolbarButtonSlimmer", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentMethod('componentWillRender')
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "componentWillRender", null);
 
@@ -2277,7 +2443,7 @@ class RTEEditorState {
   }
 }
 
-var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$m = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -2287,6 +2453,11 @@ var __decorate$l = (undefined && undefined.__decorate) || function (decorators,
  * The value controller is responsible for updating the value of the rich text editor.
  */
 class ValueController extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    // Deep clone of the last committed value, kept only while a commit validator is active, used to roll back rejected changes.
+    this.committedSnapshot = null;
+  }
   /**
    * Component lifecycle - [connectedCallback]{@link VegaRichTextEditor.connectedCallback}
    */
@@ -2331,15 +2502,47 @@ class ValueController extends globalSlimmerRegistry.VegaSlimmer {
       });
     }
     this.registerEditorRefAndContent();
+    this.seedCommittedSnapshot();
+  }
+  /**
+   * Seeds the rollback snapshot from the current value while a commit interceptor is active.
+   * Runs on load and on extension changes so runtime re-registration stays protected.
+   */
+  seedCommittedSnapshot() {
+    if (this.wordCountController.hasWordCountHardLimit()) {
+      this.committedSnapshot = this.value ? this.value.clone(true) : null;
+    }
   }
   /**
    * Updates the value of the editor and restore the selection.
    *
    * @param {VegaRTEContent} newValue The new value to set.
    * @param {boolean} recordHistory - Whether to record the change in history.
-   */
-  async flushChanges(newValue, recordHistory = true) {
-    this.value = newValue.clone();
+   * @param {RTEUpdateSource} updateSource - The source of the update, defaulting to 'default'.
+   */
+  async flushChanges(newValue, recordHistory = true, updateSource = codeBlock.RTEUpdateSource.Default) {
+    const previous = this.committedSnapshot;
+    const action = new contentState.CommitValueAction(newValue, previous, this.host);
+    const committed = codeBlock.ActionHandleStrategyRegistry.executeTheStrategy(action, newValue);
+    if (!committed) {
+      if (updateSource === codeBlock.RTEUpdateSource.Composition) {
+        // The composition input characters cannot be deleted, so we force a repaint to restore the content from the model.
+        this.vegaRichTextEditorRenderer.forceContentRepaint();
+      }
+      else {
+        // The commit was vetoed, so restore the placeholder the framework skipped repainting and roll back.
+        this.vegaRichTextEditorRenderer.restoreEmptyTextPlaceholders();
+      }
+      // Deep clone so the rolled-back value never shares nodes with the snapshot, which in-place edits would otherwise corrupt.
+      this.value = (previous !== null && previous !== void 0 ? previous : newValue).clone(true);
+      if (previous) {
+        // Seed the snapshot again so the next commit attempt has a valid rollback point.
+        this.seedCommittedSnapshot();
+      }
+      await waitForComponentDidRender.waitForComponentDidRender(this.host);
+      return;
+    }
+    this.value = committed.clone();
     if (recordHistory) {
       this.historyController.registerHistory(new RTEEditorState(this.value, new componentValueHistoryControllerSlimmer_abstract.RTESelectionState(this.selectionController.getCurrentRange())));
     }
@@ -2363,39 +2566,49 @@ class ValueController extends globalSlimmerRegistry.VegaSlimmer {
   }
 }
 ValueController.VALUE_CHANGE_DEBOUNCE_TIME = 50;
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "host", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ValueController.prototype, "value", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "changeEventEmitter", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "valueController", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "historyController", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "selectionController", void 0);
-__decorate$l([
+__decorate$m([
+  globalSlimmerRegistry.MapToComponentField()
+], ValueController.prototype, "wordCountController", void 0);
+__decorate$m([
+  globalSlimmerRegistry.MapToComponentField()
+], ValueController.prototype, "vegaRichTextEditorRenderer", void 0);
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "sourceEditConfig", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], ValueController.prototype, "connectedCallback", null);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], ValueController.prototype, "disconnectedCallback", null);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], ValueController.prototype, "componentWillLoad", null);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentMethod('watchValueUpdate')
 ], ValueController.prototype, "watchValueUpdate", null);
+__decorate$m([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad'),
+  globalSlimmerRegistry.MapToComponentMethod('watchExtensions')
+], ValueController.prototype, "seedCommittedSnapshot", null);
 
 /**
  * The rich text content controller
@@ -3900,7 +4113,7 @@ class KeyboardLinkHandler extends BaseHandler {
   }
 }
 
-var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$l = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -3941,6 +4154,7 @@ class UserInputController extends globalSlimmerRegistry.VegaSlimmer {
       }
       this.insertCompositionTextController.removeObserver();
       let updateFlag = false;
+      let updateSource = codeBlock.RTEUpdateSource.Default;
       switch (inputType) {
         case 'insertParagraph':
           updateFlag = true;
@@ -3948,6 +4162,10 @@ class UserInputController extends globalSlimmerRegistry.VegaSlimmer {
           break;
         case 'insertText':
           updateFlag = true;
+          updateSource =
+            e[codeBlock.RTE_UPDATE_SOURCE_KEY] === codeBlock.RTEUpdateSource.Composition
+              ? codeBlock.RTEUpdateSource.Composition
+              : codeBlock.RTEUpdateSource.Default;
           this.insertTextHandler.execute(this.value, this.selectionController, this.host, e);
           break;
         case 'insertLineBreak':
@@ -3968,7 +4186,7 @@ class UserInputController extends globalSlimmerRegistry.VegaSlimmer {
           break;
       }
       if (updateFlag) {
-        void this.valueController.flushChanges(this.value);
+        void this.valueController.flushChanges(this.value, true, updateSource);
       }
     };
   }
@@ -4044,28 +4262,28 @@ class UserInputController extends globalSlimmerRegistry.VegaSlimmer {
     return false;
   }
 }
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "host", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "value", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "valueController", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "selectionController", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "insertCompositionTextController", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], UserInputController.prototype, "addActionListener", null);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], UserInputController.prototype, "removeActionListener", null);
 
@@ -4085,7 +4303,7 @@ class InsertImageToBlockAction extends codeBlock.ModifyContentAction {
   }
 }
 
-var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$k = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4177,26 +4395,26 @@ class InsertImageController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "selectionController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "value", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "valueController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], InsertImageController.prototype, "registerObserver", null);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], InsertImageController.prototype, "unRegisterObserver", null);
 
-var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$j = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4262,20 +4480,20 @@ class FocusController extends globalSlimmerRegistry.VegaSlimmer {
     this.selectionController.setSelectionRange(range);
   }
 }
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "selectionController", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "valueController", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "value", void 0);
 
-var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4482,38 +4700,39 @@ class InsertCompositionTextController extends globalSlimmerRegistry.VegaSlimmer
     const inputEvent = new CustomEvent('beforeinput');
     inputEvent['data'] = text;
     inputEvent['inputType'] = 'insertText';
+    inputEvent[codeBlock.RTE_UPDATE_SOURCE_KEY] = codeBlock.RTEUpdateSource.Composition;
     this.editableElementRef.dispatchEvent(inputEvent);
   }
 }
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "selectionController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "host", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "value", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "valueController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "userInputController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], InsertCompositionTextController.prototype, "addCompositionTextEventListener", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], InsertCompositionTextController.prototype, "removeCompositionTextEventListener", null);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], InsertCompositionTextController.prototype, "reConnectObserver", null);
 
-var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$h = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4722,23 +4941,23 @@ class DeleteSelectedNodesController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], DeleteSelectedNodesController.prototype, "host", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], DeleteSelectedNodesController.prototype, "selectionController", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], DeleteSelectedNodesController.prototype, "value", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], DeleteSelectedNodesController.prototype, "addDeleteObserver", null);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], DeleteSelectedNodesController.prototype, "removeDeleteObserver", null);
 
-var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$g = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4815,22 +5034,22 @@ class HistoryController extends componentValueHistoryControllerSlimmer_abstract.
     await this.valueController.flushChanges(content, false);
   }
 }
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], HistoryController.prototype, "host", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], HistoryController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], HistoryController.prototype, "valueController", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], HistoryController.prototype, "value", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], HistoryController.prototype, "selectionController", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], HistoryController.prototype, "registerInitState", null);
 
@@ -4851,7 +5070,7 @@ class TransformToCodeBlockAction extends codeBlock.ModifyContentAction {
   }
 }
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$f = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4907,13 +5126,13 @@ class CodeBlockToolbarButtonSlimmer extends imageAnnotationAction.VisualModeTool
 (() => {
   internalIconManager.VegaInternalIconManager.register({ 'rectangle-code': rectangleCode });
 })();
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockToolbarButtonSlimmer.prototype, "valueController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeBlockToolbarButtonSlimmer.prototype, "value", void 0);
 
@@ -4921,7 +5140,7 @@ const undoIcon = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M464 424c0 13.3 10.7 24 24 24s24-10.7 24-24l0-96c0-53-43-96-96-96l-334.1 0 95-95c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-4.5 4.5-7 10.6-7 17s2.5 12.5 7 17L143 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-95-95 334.1 0c26.5 0 48 21.5 48 48l0 96z"/></svg>`,
 };
 
-var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4950,7 +5169,7 @@ class UndoToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
 (() => {
   internalIconManager.VegaInternalIconManager.register({ 'arrow-turn-left': undoIcon });
 })();
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], UndoToolbarButtonSlimmer.prototype, "historyController", void 0);
 
@@ -4958,7 +5177,7 @@ const redoIcon = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M48 424c0 13.3-10.7 24-24 24S0 437.3 0 424l0-96c0-53 43-96 96-96l334.1 0-95-95c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L505 239c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17L369 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l95-95-334.1 0c-26.5 0-48 21.5-48 48l0 96z"/></svg>`,
 };
 
-var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -4987,7 +5206,7 @@ class RedoToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarBu
 (() => {
   internalIconManager.VegaInternalIconManager.register({ 'arrow-turn-right': redoIcon });
 })();
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], RedoToolbarButtonSlimmer.prototype, "historyController", void 0);
 
@@ -5058,7 +5277,7 @@ const displayCode = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M512 48c8.8 0 16 7.2 16 16V352c0 8.8-7.2 16-16 16H336.5c-.3 0-.6 0-.8 0H240.4c-.3 0-.6 0-.8 0H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16H512zM64 416H211.7l-8 48H152c-13.3 0-24 10.7-24 24s10.7 24 24 24h72H352h72c13.3 0 24-10.7 24-24s-10.7-24-24-24H372.3l-8-48H512c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64V352c0 35.3 28.7 64 64 64zm188.3 48l8-48h55.3l8 48H252.3zM249 177c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-48 48c-9.4 9.4-9.4 24.6 0 33.9l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 31-31zM361 143c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9l-48-48z"/></svg>`,
 };
 
-var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5079,11 +5298,25 @@ class SourceEditToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     if (isSelected) {
       await this.saveSourceCode();
     }
-    else {
-      this.selectionController.setSelectionRange(new Range());
-    }
+    // VD-8789 (keyboard a11y): the previous implementation cleared the editor
+    // selection here via `selectionController.setSelectionRange(new Range())`
+    // when entering source view. That call is intentionally removed so the
+    // caret position is preserved when toggling back to visual mode, and so
+    // the source-edit button can be re-activated from the keyboard without
+    // the selection being reset out from under the user.
     this.sourceView = !isSelected;
   }
+  // VD-8789 (keyboard a11y): the default `preventLostFocus` calls
+  // `e.preventDefault()` on mousedown so the button never receives focus and
+  // the rich-text editor selection is preserved. The source-edit toggle is
+  // different — activating it switches the editor to source-view mode, where
+  // the visual-mode selection is no longer relevant. We override with a no-op
+  // so the button is allowed to take focus on click, matching its keyboard
+  // activation path and giving keyboard / screen-reader users a stable focus
+  // target to toggle back out of source view.
+  preventLostFocus() {
+    return {};
+  }
   isSelected() {
     return this.sourceView;
   }
@@ -5109,25 +5342,22 @@ class SourceEditToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
 (() => {
   internalIconManager.VegaInternalIconManager.register({ 'display-code': displayCode });
 })();
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], SourceEditToolbarButtonSlimmer.prototype, "sourceView", void 0);
-__decorate$b([
-  globalSlimmerRegistry.MapToComponentField()
-], SourceEditToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], SourceEditToolbarButtonSlimmer.prototype, "valueController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], SourceEditToolbarButtonSlimmer.prototype, "richTextEditorSourceViewRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], SourceEditToolbarButtonSlimmer.prototype, "sourceEditConfig", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], SourceEditToolbarButtonSlimmer.prototype, "host", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], SourceEditToolbarButtonSlimmer.prototype, "value", void 0);
 
@@ -5166,7 +5396,7 @@ class BlockBoundaryRegistry {
   }
 }
 
-var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -5282,34 +5512,110 @@ class RTEExtensionController extends globalSlimmerRegistry.VegaSlimmer {
     };
   }
 }
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], RTEExtensionController.prototype, "extensions", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], RTEExtensionController.prototype, "host", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], RTEExtensionController.prototype, "sourceView", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], RTEExtensionController.prototype, "valueController", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], RTEExtensionController.prototype, "selectionController", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], RTEExtensionController.prototype, "prepareExtensionsBeforeLoad", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], RTEExtensionController.prototype, "initialExtensionContext", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], RTEExtensionController.prototype, "destroyExtension", null);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentMethod('watchExtensions')
 ], RTEExtensionController.prototype, "handleExtensionsChange", null);
 
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * Bridges the word count extension to the editor component so the footer UI can
+ * read whether the character count should be shown and its current value.
+ */
+class WordCountController extends globalSlimmerRegistry.VegaSlimmer {
+  constructor() {
+    super(...arguments);
+    this.cachedValue = null;
+    this.cachedConfig = null;
+    this.cachedData = null;
+  }
+  /**
+   * Whether the character count UI should be rendered.
+   *
+   * @returns {boolean} True when a word count extension requests the UI.
+   */
+  shouldShowUI() {
+    var _a;
+    return !!((_a = this.findWordCountExtension()) === null || _a === void 0 ? void 0 : _a.getConfig().showCharCount);
+  }
+  /**
+   * Compute the current character count data from the editor content.
+   *
+   * @returns {Nullable<VegaRTEWordCountData>} The count data or null when no word count extension is registered.
+   */
+  getData() {
+    const extension = this.findWordCountExtension();
+    if (!extension) {
+      return null;
+    }
+    const value = this.host.value;
+    const config = extension.getConfig();
+    // VegaRTEContent is immutable, so a matching value/config reference means the data is unchanged.
+    if (this.cachedData && value === this.cachedValue && object.deepEqual(config, this.cachedConfig)) {
+      return this.cachedData;
+    }
+    this.cachedData = extension.getData(value);
+    this.cachedValue = value;
+    this.cachedConfig = config;
+    return this.cachedData;
+  }
+  /**
+   * Whether the word count extension gates commits with a hard character limit.
+   *
+   * @returns {boolean} True when a hard limit with a max character count is configured for this host.
+   */
+  hasWordCountHardLimit() {
+    var _a;
+    const config = (_a = this.findWordCountExtension()) === null || _a === void 0 ? void 0 : _a.getConfig();
+    return !!config && Boolean(config.hardLimit) && typeGuard.isNonNullable(config.maxChars);
+  }
+  /**
+   * Locate the word count extension by its runtime `type` discriminator.
+   * Use this way instead of instanceof to avoid direct dependency on the extension class.
+   *
+   * @returns {Nullable<VegaRTEWordCountExtension>} The word count extension or null.
+   */
+  findWordCountExtension() {
+    var _a;
+    const extension = ((_a = this.extensions) !== null && _a !== void 0 ? _a : []).find((ext) => 'type' in ext && ext['type'] === codeBlock.RTE_WORD_COUNT_KEY);
+    return extension !== null && extension !== void 0 ? extension : null;
+  }
+}
+__decorate$a([
+  globalSlimmerRegistry.MapToComponentField()
+], WordCountController.prototype, "extensions", void 0);
+__decorate$a([
+  globalSlimmerRegistry.MapToComponentField()
+], WordCountController.prototype, "host", void 0);
+
 /**
  * Class to format HTML code with proper indentation and style cleanup.
  */
@@ -5626,6 +5932,13 @@ const VegaRichTextEditor = class {
     this.vegaSourceCodeChange = index.createEvent(this, "vegaSourceCodeChange", 7);
     this.sourceCodeChange = index.createEvent(this, "sourceCodeChange", 7);
     this.globalSlimmers = {};
+    this.ariaAttributesValueMapper = new ariaAttributesValueMapper.AriaAttributesValueMapper(() => this.vegaRichTextEditorRenderer.getRTEEditableElementRef(), {
+      'aria-label': {
+        dependency: ['data-aria-label', 'label'],
+        // When no label is provided, announce a meaningful role name
+        defaultValue: () => this.translationSlimmer.t('Rich Text Editor. Editing area: main. '),
+      },
+    });
     this.translationSlimmer = new translationSlimmer.TranslationSlimmer();
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
     this.formFieldController = new formFieldControllerSlimmer.FormFieldControllerSlimmer({
@@ -5678,6 +5991,7 @@ const VegaRichTextEditor = class {
     this.historyController = new HistoryController();
     this.internalCodeBlockSelectionController = new InternalCodeBlockSelectionController();
     this.rteExtensionController = new RTEExtensionController();
+    this.wordCountController = new WordCountController();
     this.sourceCodeChangeEventEmitter = eventEmitSlimmer.createEventEmitSlimmer(VegaRichTextEditor, vegaEventId.VegaSourceCodeChange);
     this.richTextEditorSourceViewRenderer = new VegaRichTextEditorSourceViewRenderer();
     this.richTextContentEditable = true;
@@ -5876,6 +6190,9 @@ const VegaRichTextEditor = class {
 __decorate$8([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaRichTextEditor.prototype, "globalSlimmers", void 0);
+__decorate$8([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "ariaAttributesValueMapper", void 0);
 __decorate$8([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "translationSlimmer", void 0);
@@ -5996,6 +6313,9 @@ __decorate$8([
 __decorate$8([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "rteExtensionController", void 0);
+__decorate$8([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "wordCountController", void 0);
 __decorate$8([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "sourceCodeChangeEventEmitter", void 0);
@@ -6029,7 +6349,7 @@ class VegaRichTextEditorToolbarButtonRenderer extends globalSlimmerRegistry.Vega
         'rich-text-editor-toolbar-button-hidden': this.hidden,
         'rich-text-editor-toolbar-button-selected': this.selected,
       }, onClick: this.handleClick, disabled: this.disabled, hidden: this.hidden },
-      index.h("vega-flex", { gap: "size-8", justifyContent: "center", alignItems: "center" },
+      index.h("vega-flex", { "aria-hidden": "true", gap: "size-8", justifyContent: "center", alignItems: "center" },
         this.icon && (index.h("vega-icon", { size: "size-16", color: this.iconColor, icon: internalIconManager.VegaInternalIconManager.getIconKey(this.icon) })),
         this.showArrowIcon && (index.h("vega-icon", { size: "size-8", color: "text-secondary", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.arrowIcon || 'chevron-down') }))),
       index.h("slot", null)));
@@ -6095,6 +6415,12 @@ const VegaRichTextEditorToolbarButton = class {
       },
     });
     this.renderer = new VegaRichTextEditorToolbarButtonRenderer();
+    this.ariaAttributesValueMapper = new ariaAttributesValueMapper.AriaAttributesValueMapper(() => this.host.shadowRoot.querySelector('button'), {
+      'aria-label': {
+        dependency: ['data-aria-label'],
+        defaultValue: 'No label defined',
+      },
+    });
     /**
      * Specifies whether the rich text editor toolbar button element is disabled.
      *
@@ -6139,7 +6465,9 @@ const VegaRichTextEditorToolbarButton = class {
     this.iconColor = 'text-primary';
   }
   render() {
-    return component.sanitizeVegaComponent(index.h(index.Host, null, this.renderer.render()), this.host);
+    // The host is a decorative wrapper around the shadow <button>; keep it out of the
+    // a11y tree so VoiceOver doesn't announce it as a "group" when entering the button.
+    return component.sanitizeVegaComponent(index.h(index.Host, { role: "presentation" }, this.renderer.render()), this.host);
   }
   get host() { return index.getElement(this); }
 };
@@ -6158,6 +6486,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextEditorToolbarButton.prototype, "renderer", void 0);
+__decorate$6([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextEditorToolbarButton.prototype, "ariaAttributesValueMapper", void 0);
 VegaRichTextEditorToolbarButton.style = vegaRichTextEditorToolbarButtonCss;
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -6385,6 +6716,11 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
     this.handleFormRef = (ref) => {
       this.formRef = ref;
     };
+    this.handlePopoverContentRef = (ref) => {
+      if (ref) {
+        this.popoverContentRef = ref;
+      }
+    };
     this.handleUrlInputRef = (ref) => {
       if (ref) {
         this.urlInputRef = ref;
@@ -6418,6 +6754,9 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
   getPopoverRef() {
     return this.popoverRef;
   }
+  getPopoverContentRef() {
+    return this.popoverContentRef;
+  }
   getFormRef() {
     return this.formRef;
   }
@@ -6431,7 +6770,7 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (index.h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, isScreenPosition: true, ref: this.handlePopoverRef },
       index.h("span", { slot: "popover-content" },
         index.h("slot", null)),
-      index.h("div", { slot: "popover" },
+      index.h("div", { slot: "popover", ref: this.handlePopoverContentRef },
         this.renderLinkUnlinkContent(),
         this.renderLinkEditContent())));
   }
@@ -6657,10 +6996,41 @@ class LinkEditorController extends globalSlimmerRegistry.VegaSlimmer {
     super(...arguments);
     this.linkUrlNormalizer = new LinkUrlNormalizer();
     this.linkTypeHandlers = LINK_TYPE_HANDLER_MAP;
+    /**
+     * The element the trigger click listener is currently attached to (the link
+     * wrapper acting as the popover target).
+     */
+    this.triggerListenerEl = null;
+    /**
+     * Whether the popover was opened via a keyboard or screen-reader (VoiceOver)
+     * activation. When true, focus is moved into the popover so screen reader
+     * users land on the Edit button.
+     */
+    this.isVoiceOverTrigger = false;
+    /**
+     * The element that had focus when the VoiceOver activation happened, so focus
+     * can be restored to the link once the popover is hidden.
+     */
+    this.focusReturnEl = null;
+    /**
+     * Records whether the popover was opened via a keyboard/VoiceOver activation
+     * and, if so, the element to restore focus to when the popover closes.
+     *
+     * @param {MouseEvent} e - The click event on the link wrapper.
+     * @returns {void} No return value.
+     */
+    this.handleTriggerClick = (e) => {
+      this.isVoiceOverTrigger = this.isKeyboardOrScreenReaderActivation(e);
+      this.focusReturnEl = this.isVoiceOverTrigger
+        ? // eslint-disable-next-line no-restricted-globals
+          ui.getDeepActiveElementInShadow(document, true)
+        : null;
+    };
   }
   /** Initializes the popover target after the component loads. */
   componentDidLoad() {
     this.updatePopoverTarget();
+    this.attachTriggerListener();
   }
   /** Notifies observers after each render cycle. */
   componentDidRender() {
@@ -6679,6 +7049,7 @@ class LinkEditorController extends globalSlimmerRegistry.VegaSlimmer {
   watchTargetChange() {
     this.linkTypeConfigController.invalidateConfiguredLinkTypesCache();
     this.updatePopoverTarget();
+    this.attachTriggerListener();
   }
   /**
    * Prepares the editor state before the popover is shown.
@@ -6709,6 +7080,9 @@ class LinkEditorController extends globalSlimmerRegistry.VegaSlimmer {
       }
       await this.populateEditForm();
     }
+    if (this.status !== 'linkEdit' && this.isVoiceOverTrigger) {
+      this.focusPopoverContentForVoiceOver();
+    }
   }
   /**
    * Clears form state after the popover hides.
@@ -6725,6 +7099,7 @@ class LinkEditorController extends globalSlimmerRegistry.VegaSlimmer {
     if (this.resetStatusAfterHide) {
       this.linkEditorStateManager.setShouldResetStatusOnNextShow(true);
     }
+    this.restoreFocusAfterVoiceOver();
   }
   /**
    * Switches the editor into link edit mode.
@@ -6886,6 +7261,93 @@ class LinkEditorController extends globalSlimmerRegistry.VegaSlimmer {
   updatePopoverTarget() {
     remoteInvocationRegistry.remoteInvocationRegistry.call(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.renderer.getPopoverRef(), vegaInternalEventId.VegaInternalPopoverUpdateTarget), this.target);
   }
+  /**
+   * Attaches a capture-phase click listener to the link wrapper (the popover
+   * target) so a keyboard/VoiceOver activation can be distinguished from a real
+   * pointer click before the popover opens. Re-attaches when the target changes.
+   *
+   * @returns {void} No return value.
+   */
+  attachTriggerListener() {
+    if (this.triggerListenerEl === this.target) {
+      return;
+    }
+    this.detachTriggerListener();
+    if (this.target) {
+      this.triggerListenerEl = this.target;
+      this.target.addEventListener('click', this.handleTriggerClick, { capture: true });
+    }
+  }
+  /**
+   * Removes the trigger listener from the previously observed element.
+   *
+   * @returns {void} No return value.
+   */
+  detachTriggerListener() {
+    if (this.triggerListenerEl) {
+      this.triggerListenerEl.removeEventListener('click', this.handleTriggerClick, { capture: true });
+      this.triggerListenerEl = null;
+    }
+  }
+  /**
+   * Determines whether a click on the link wrapper came from a keyboard or
+   * screen reader (VoiceOver) rather than a real pointer.
+   *
+   * A genuine pointer click lands inside the activated element. Keyboard (Enter,
+   * `detail === 0`) and VoiceOver activations dispatch a click with coordinates
+   * that are not on the element, so we treat any click whose point falls outside
+   * the wrapper as an assistive-technology activation.
+   *
+   * @param {MouseEvent} e - The click event on the link wrapper.
+   * @returns {boolean} True when the activation is keyboard/screen-reader driven.
+   */
+  isKeyboardOrScreenReaderActivation(e) {
+    if (ui.checkIsVoiceOverClick(e)) {
+      return true;
+    }
+    const rect = this.target ? this.target.getBoundingClientRect() : null;
+    if (!rect || (rect.width === 0 && rect.height === 0)) {
+      return false;
+    }
+    const isInsideTarget = e.clientX >= rect.left &&
+      e.clientX <= rect.right &&
+      e.clientY >= rect.top &&
+      e.clientY <= rect.bottom;
+    return !isInsideTarget;
+  }
+  /**
+   * Moves focus to the first focusable element within the popover content (the
+   * Edit button) so VoiceOver users land inside the opened toolbar.
+   *
+   * Deferred to the next macrotask so it runs after the editor has finished
+   * placing the caret/focus into the content area on the activating click.
+   *
+   * @returns {void} No return value.
+   */
+  focusPopoverContentForVoiceOver() {
+    setTimeout(() => {
+      const contentRef = this.renderer.getPopoverContentRef();
+      if (!contentRef) {
+        return;
+      }
+      const focusable = ui.getFirstFocusableElement(contentRef);
+      (focusable !== null && focusable !== void 0 ? focusable : contentRef).focus();
+    });
+  }
+  /**
+   * Restores focus to the link wrapper after the popover is hidden following a
+   * VoiceOver activation.
+   *
+   * @returns {void} No return value.
+   */
+  restoreFocusAfterVoiceOver() {
+    if (this.isVoiceOverTrigger && this.focusReturnEl) {
+      const returnEl = this.focusReturnEl;
+      setTimeout(() => returnEl.focus());
+    }
+    this.isVoiceOverTrigger = false;
+    this.focusReturnEl = null;
+  }
   /**
    * Preserves an unchanged mailto URL when the form edits are equivalent.
    *