@globalpayments/vega 2.47.1 → 2.49.0

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

@@ -9,53 +9,55 @@ const component = require('./component-73a88c4e.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-d5826bff.js');
-const vegaInternalEventId = require('./vega-internal-event-id-dc866d43.js');
-const imageAnnotationAction = require('./image-annotation-action-becd6f24.js');
+const vegaInternalEventId = require('./vega-internal-event-id-bfea9b93.js');
+const imageAnnotationAction = require('./image-annotation-action-9c2b9c8e.js');
 const internalIconManager = require('./internal-icon-manager-00f49470.js');
-const contentState = require('./content-state-b1ec39e3.js');
+const contentState = require('./content-state-6a48bcb5.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-a7a3b196.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
-const index$1 = require('./index-ec9a1f36.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-2432e295.js');
+const index$1 = require('./index-c4dec3aa.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-527c25a0.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-8247249c.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b16c9094.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-7f437b19.js');
 const timer = require('./timer-5f33058b.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const observer = require('./observer-f49483e8.js');
 const ui = require('./ui-13b42af0.js');
 const staticSubjectTitle = require('./static-subject-title-7e7d791a.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-add5d8a8.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-f08f5891.js');
+const typeGuard = require('./type-guard-4ba85fdc.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-5faded94.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-37870b2e.js');
 const translationSlimmer = require('./translation-slimmer-d1512c6d.js');
 const darkModeStyleController = require('./dark-mode-style-controller-4adb7fb2.js');
+const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-900cf2f5.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const trashCan = require('./trash-can-46a5e19a.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
 require('./icon-manager-9a47399c.js');
-require('./type-guard-4ba85fdc.js');
-require('./breakpoints-ebde4837.js');
-require('./ui-32e69595.js');
-require('./regex-c1f70fd4.js');
-require('./typography-4560e7f1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./wait-for-vega-handler-0a0738ac.js');
 require('./string-21427167.js');
 require('./translation-212b1875.js');
 require('./page-resize-observer-slimmer-44e08878.js');
+require('./ui-32e69595.js');
+require('./breakpoints-ebde4837.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-1f8c32a3.js');
 require('./array-3aa164ce.js');
 require('./number-4816603d.js');
-require('./sub-state-observer-slimmer-1b6de09f.js');
+require('./sub-state-observer-slimmer-e90362cd.js');
 require('./internal-vega-event-manager-c9948b59.js');
+require('./regex-c1f70fd4.js');
+require('./typography-4560e7f1.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
+require('./keyboard-manager-2ccf4b16.js');
 
-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;
@@ -145,38 +147,38 @@ class VegaRichTextEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return (this.label && (index.h("vega-field-label", { onClick: this.richTextContentFocus, isFieldRequired: this.required, disabled: this.disabled, label: this.label })));
   }
 }
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "host", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "toolbarRenderer", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "label", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "required", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "hint", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "disabled", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "rows", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "placeholder", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorRenderer.prototype, "value", void 0);
-__decorate$z([
+__decorate$A([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], VegaRichTextEditorRenderer.prototype, "componentDidRender", null);
 
-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;
@@ -226,49 +228,49 @@ class ToolbarRenderer extends globalSlimmerRegistry.VegaSlimmer {
     })));
   }
 }
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "toolbarItems", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "clearStyleToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "boldToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "textStylesToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "italicToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "underlineToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "textColorToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "bulletsNumbersToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "horizontalAlignmentToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "strikethroughToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "imageToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "moreIndentToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "lessIndentToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "codeToolbarButtonSlimmer", void 0);
-__decorate$y([
+__decorate$z([
   globalSlimmerRegistry.MapToComponentField()
 ], ToolbarRenderer.prototype, "linkToolbarButtonSlimmer", void 0);
 
@@ -276,7 +278,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$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;
@@ -318,7 +320,7 @@ class BoldToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimme
 (() => {
   internalIconManager.VegaInternalIconManager.register({ bold });
 })();
-__decorate$x([
+__decorate$y([
   globalSlimmerRegistry.MapToComponentField()
 ], BoldToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -345,7 +347,7 @@ class ItalicAnnotationAction extends contentState.TextSplittableAction {
   }
 }
 
-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;
@@ -385,7 +387,7 @@ class ItalicToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlim
 (() => {
   internalIconManager.VegaInternalIconManager.register({ italic });
 })();
-__decorate$w([
+__decorate$x([
   globalSlimmerRegistry.MapToComponentField()
 ], ItalicToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -412,7 +414,7 @@ class UnderlineAnnotationAction extends contentState.TextSplittableAction {
   }
 }
 
-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;
@@ -455,7 +457,7 @@ class UnderlineToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonS
 (() => {
   internalIconManager.VegaInternalIconManager.register({ underline });
 })();
-__decorate$v([
+__decorate$w([
   globalSlimmerRegistry.MapToComponentField()
 ], UnderlineToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -463,7 +465,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$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;
@@ -573,10 +575,10 @@ TextStylesToolbarButtonSlimmer.items = [
     label: 'Paragraph',
   },
 ];
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], TextStylesToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$u([
+__decorate$v([
   globalSlimmerRegistry.MapToComponentField()
 ], TextStylesToolbarButtonSlimmer.prototype, "focusController", void 0);
 
@@ -584,7 +586,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$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;
@@ -621,7 +623,7 @@ class ClearStyleToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     'text-slash': TextSlash,
   });
 })();
-__decorate$t([
+__decorate$u([
   globalSlimmerRegistry.MapToComponentField()
 ], ClearStyleToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -629,7 +631,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$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;
@@ -667,7 +669,7 @@ class CodeToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimme
 (() => {
   internalIconManager.VegaInternalIconManager.register({ 'code-simple': codeSimple });
 })();
-__decorate$s([
+__decorate$t([
   globalSlimmerRegistry.MapToComponentField()
 ], CodeToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -694,7 +696,7 @@ class StrikethroughAnnotationAction extends contentState.TextSplittableAction {
   }
 }
 
-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;
@@ -737,7 +739,7 @@ class StrikethroughToolbarButtonSlimmer extends imageAnnotationAction.ToolbarBut
 (() => {
   internalIconManager.VegaInternalIconManager.register({ strikethrough });
 })();
-__decorate$r([
+__decorate$s([
   globalSlimmerRegistry.MapToComponentField()
 ], StrikethroughToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -764,7 +766,7 @@ class SelectionChangeAction extends contentState.AnnotationAction {
   }
 }
 
-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;
@@ -846,7 +848,7 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimme
 (() => {
   internalIconManager.VegaInternalIconManager.register({ link: link });
 })();
-__decorate$q([
+__decorate$r([
   globalSlimmerRegistry.MapToComponentField()
 ], LinkToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -873,7 +875,7 @@ class IndentAnnotationAction extends contentState.AnnotationAction {
   }
 }
 
-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;
@@ -909,7 +911,7 @@ class MoreIndentToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
 (() => {
   internalIconManager.VegaInternalIconManager.register({ indent: indent });
 })();
-__decorate$p([
+__decorate$q([
   globalSlimmerRegistry.MapToComponentField()
 ], MoreIndentToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -917,7 +919,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$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;
@@ -954,7 +956,7 @@ class LessIndentToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
 (() => {
   internalIconManager.VegaInternalIconManager.register({ outdent: outdent });
 })();
-__decorate$o([
+__decorate$p([
   globalSlimmerRegistry.MapToComponentField()
 ], LessIndentToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -975,7 +977,7 @@ class ImageUpdateUrlAction extends contentState.ModifyContentAction {
   }
 }
 
-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;
@@ -1033,13 +1035,13 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimm
 (() => {
   internalIconManager.VegaInternalIconManager.register({ image: image });
 })();
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], ImageToolbarButtonSlimmer.prototype, "insertImageController", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], ImageToolbarButtonSlimmer.prototype, "imageInsertedEventEmitter", void 0);
-__decorate$n([
+__decorate$o([
   globalSlimmerRegistry.MapToComponentField()
 ], ImageToolbarButtonSlimmer.prototype, "selectionController", void 0);
 
@@ -1076,7 +1078,7 @@ class TransformParagraphAction extends contentState.ModifyContentAction {
   }
 }
 
-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;
@@ -1134,14 +1136,14 @@ class BulletsToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSli
     }
   }
 }
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$m([
+__decorate$n([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-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;
@@ -1197,14 +1199,14 @@ class NumbersToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSli
     }
   }
 }
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], NumbersToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$l([
+__decorate$m([
   globalSlimmerRegistry.MapToComponentField()
 ], NumbersToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-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;
@@ -1253,16 +1255,16 @@ class BulletsNumbersToolbarButtonSlimmer extends imageAnnotationAction.ToolbarBu
     'list-ol': ListOL,
   });
 })();
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentField()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "bulletsToolbarButtonSlimmer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "numbersToolbarButtonSlimmer", void 0);
-__decorate$k([
+__decorate$l([
   globalSlimmerRegistry.MapToComponentMethod('componentWillRender')
 ], BulletsNumbersToolbarButtonSlimmer.prototype, "componentWillRender", null);
 
@@ -1289,7 +1291,7 @@ const AlignLeft = {
   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="M288 64c0 17.7-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32H256c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c17.7 0 32 14.3 32 32zM0 192c0-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-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`,
 };
 
-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;
@@ -1324,10 +1326,10 @@ class LeftAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonS
     'align-left': AlignLeft,
   });
 })();
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], LeftAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$j([
+__decorate$k([
   globalSlimmerRegistry.MapToComponentField()
 ], LeftAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
@@ -1335,7 +1337,7 @@ const AlignCenter = {
   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="M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 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 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z"/></svg>`,
 };
 
-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;
@@ -1370,10 +1372,10 @@ class CenterAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButto
     'align-center': AlignCenter,
   });
 })();
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], CenterAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$i([
+__decorate$j([
   globalSlimmerRegistry.MapToComponentField()
 ], CenterAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
@@ -1381,7 +1383,7 @@ const AlignRight = {
   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="M448 64c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zM0 192c0-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-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`,
 };
 
-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;
@@ -1416,10 +1418,10 @@ class RightAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     'align-right': AlignRight,
   });
 })();
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], RightAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$h([
+__decorate$i([
   globalSlimmerRegistry.MapToComponentField()
 ], RightAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
@@ -1427,7 +1429,7 @@ const AlignJustify = {
   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="M448 64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32zm0 256c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 192c0 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 32zM448 448c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32z"/></svg>`,
 };
 
-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;
@@ -1462,14 +1464,14 @@ class JustifyAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButt
     'align-justify': AlignJustify,
   });
 })();
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], JustifyAlignToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$g([
+__decorate$h([
   globalSlimmerRegistry.MapToComponentField()
 ], JustifyAlignToolbarButtonSlimmer.prototype, "popoverRef", void 0);
 
-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;
@@ -1521,22 +1523,22 @@ class HorizontalAlignmentToolbarButtonSlimmer extends imageAnnotationAction.Tool
     return false;
   }
 }
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentField()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "selectionController", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "leftAlignToolbarButtonSlimmer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "centerAlignToolbarButtonSlimmer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "rightAlignToolbarButtonSlimmer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "justifiedToolbarButtonSlimmer", void 0);
-__decorate$f([
+__decorate$g([
   globalSlimmerRegistry.MapToComponentMethod('componentWillRender')
 ], HorizontalAlignmentToolbarButtonSlimmer.prototype, "componentWillRender", null);
 
@@ -1822,6 +1824,14 @@ class RTERange {
     }
     return new RTERange(this._startContainer, this._endContainer, this._startOffset, this._endOffset, this._startNode, this._endNode, this._oldNativeRange);
   }
+  /**
+   * Creates a new instance of the `RTERange` class with the same properties as the current instance.
+   *
+   * @returns {RTERange} A new `RTERange` instance with the same start and end containers, offsets, and nodes.
+   */
+  clone() {
+    return new RTERange(this._startContainer, this._endContainer, this._startOffset, this._endOffset, this._startNode, this._endNode, this._oldNativeRange);
+  }
   /**
    * Creates a Range object based on start and end nodes and offsets.
    * Invoke this method to get the future range state if the range content modified.
@@ -1879,7 +1889,25 @@ class RTERange {
   }
 }
 
-var __decorate$e = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+/**
+ * Represents the state of the selection in the RTE.
+ */
+class RTESelectionState {
+  constructor(range) {
+    this.range = range;
+  }
+  /**
+   * Clones the selection state, updating the range nodes based on the provided content.
+   *
+   * @returns {RTESelectionState} A new instance of RTESelectionState with the updated range.
+   */
+  clone() {
+    const newRange = this.range.clone();
+    return new RTESelectionState(newRange);
+  }
+}
+
+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;
@@ -1894,7 +1922,7 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
     this.currentRange = new RTERange();
     this.updateCaretPositionTaskQueue = new synchronizeTaskQueue.SynchronizeTaskQueue(1);
     this.handleSelectionWithDebounce = timer.debounce(this.handleSelectionChange, SelectionController.SELECTION_CHANGE_DEBOUNCE_TIME, this);
-    this.selectedNodes = [];
+    this.pendingRestoreSelectionNodes = [];
     /**
      * Sets the next selection state with specified start and end nodes, offsets, and a timestamp.
      *
@@ -1934,6 +1962,7 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
    * Watches the internal value of the editor
    */
   watchValueUpdate() {
+    this.prepareRestoreSelectionState();
     this.restoreSelection();
   }
   /**
@@ -1968,6 +1997,14 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
   getSelectedBlocks() {
     return Array.from(this.selectionMap.keys());
   }
+  /**
+   * Set the selection state
+   *
+   * @param {RTESelectionState} state - The selection state to set
+   */
+  setSelectionState(state) {
+    this.selectionState = state;
+  }
   /**
    * Sets the next selection state with specified start and end nodes, offsets, push the update task to a queue
    *
@@ -2025,23 +2062,15 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
    * Restore the selection to the current selected nodes
    */
   restoreSelection() {
-    if (this.selectedNodes.length > 0) {
-      const startNode = this.selectedNodes[0];
-      const endNode = this.selectedNodes.length > 1 ? this.selectedNodes[this.selectedNodes.length - 1] : startNode;
-      if (startNode === endNode && startNode.text.length === 0) {
+    if (this.selectionState) {
+      const { startNode, endNode, startOffset, endOffset } = this.selectionState.range;
+      if (startNode instanceof contentState.RTETextNode && startNode === endNode && startNode.text.length === 0) {
         this.enqueueSelectionRangeFutureState(startNode, contentState.ZERO_WIDTH_SPACE.length);
       }
       else {
-        const { startContainer, endContainer, startOffset, endOffset } = this.currentRange;
-        if (contentState.stateEntityRenderingRegistry.getDOMByEntity(startNode) === startContainer.parentElement &&
-          contentState.stateEntityRenderingRegistry.getDOMByEntity(endNode) === endContainer.parentElement) {
-          this.enqueueSelectionRangeFutureState(startNode, startOffset, endNode, endOffset);
-        }
-        else {
-          this.enqueueSelectionRangeFutureState(startNode, 0, endNode, endNode.text.length);
-        }
+        this.enqueueSelectionRangeFutureState(startNode, startOffset, endNode, endOffset);
       }
-      this.selectedNodes = [];
+      this.selectionState = null;
     }
   }
   /**
@@ -2129,50 +2158,123 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
    */
   registerSelectionRangeChangeObserver() {
     this.selectionRangeChangeObserver = new observer.Observer(this.isAcceptableSelectionRangeChange.bind(this), (payload) => {
-      this.selectedNodes.push(payload.node);
+      this.pendingRestoreSelectionNodes.push(payload.node);
     });
     changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalRichTextEditorSelectionRangeChange), this.selectionRangeChangeObserver);
   }
+  /**
+   * Prepare the selection state to restore
+   */
+  prepareRestoreSelectionState() {
+    if (this.pendingRestoreSelectionNodes.length > 0) {
+      const startNode = this.pendingRestoreSelectionNodes[0];
+      const endNode = this.pendingRestoreSelectionNodes.length > 1
+        ? this.pendingRestoreSelectionNodes[this.pendingRestoreSelectionNodes.length - 1]
+        : startNode;
+      const { startOffset, endOffset, endContainer, startContainer } = this.currentRange;
+      const nodesInCurrentRange = contentState.stateEntityRenderingRegistry.getDOMByEntity(startNode) === startContainer.parentElement &&
+        contentState.stateEntityRenderingRegistry.getDOMByEntity(endNode) === endContainer.parentElement;
+      if (nodesInCurrentRange) {
+        this.currentRange = this.currentRange.updateRTERange({
+          startNode,
+          endNode,
+          startOffset,
+          endOffset,
+        });
+        this.selectionState = new RTESelectionState(this.currentRange);
+      }
+      else {
+        this.currentRange = this.currentRange.updateRTERange({
+          startNode,
+          endNode,
+          startOffset: 0,
+          endOffset: endNode.text.length,
+        });
+        this.selectionState = new RTESelectionState(this.currentRange);
+      }
+      this.pendingRestoreSelectionNodes = [];
+    }
+  }
 }
 SelectionController.SELECTION_CHANGE_DEBOUNCE_TIME = 50;
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], SelectionController.prototype, "selectionMap", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionController.prototype, "host", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionController.prototype, "value", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionController.prototype, "disabled", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionController.prototype, "valueController", void 0);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentField()
 ], SelectionController.prototype, "insertCompositionTextController", void 0);
-__decorate$e([
+__decorate$f([
+  globalSlimmerRegistry.MapToComponentField()
+], SelectionController.prototype, "historyController", void 0);
+__decorate$f([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], SelectionController.prototype, "connectedCallback", null);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], SelectionController.prototype, "disconnectedCallback", null);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], SelectionController.prototype, "componentDidLoad", null);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentMethod('watchValueUpdate')
 ], SelectionController.prototype, "watchValueUpdate", null);
-__decorate$e([
+__decorate$f([
   globalSlimmerRegistry.MapToComponentMethod('componentDidUpdate')
 ], SelectionController.prototype, "updateCaretPosition", null);
 
-var __decorate$d = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+/**
+ * Represents the state of the RTE
+ */
+class RTEEditorState {
+  constructor(content, selection) {
+    this.content = content.clone(true);
+    this.selection = selection.clone();
+    this.refreshSelectionNodes();
+  }
+  /**
+   * Clones the editor state, updating the content and selection based on the provided content.
+   *
+   * @returns {RTEEditorState} A new instance of RTEEditorState with the updated content and selection.
+   */
+  clone() {
+    return new RTEEditorState(this.content, this.selection);
+  }
+  /**
+   * Refreshes the selection nodes in the editor state.
+   */
+  refreshSelectionNodes() {
+    const { startNode: oldStartNode, endNode: oldEndNode, startOffset, endOffset, } = this.selection.range;
+    if (oldStartNode && oldEndNode) {
+      const startNode = this.content.findNodeById(oldStartNode.id);
+      const endNode = this.content.findNodeById(oldEndNode.id);
+      if (startNode && endNode) {
+        this.selection.range.updateRTERange({
+          startNode,
+          endNode,
+          startOffset,
+          endOffset,
+        });
+      }
+    }
+  }
+}
+
+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;
@@ -2228,8 +2330,12 @@ class ValueController extends globalSlimmerRegistry.VegaSlimmer {
    * 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) {
+  async flushChanges(newValue, recordHistory = true) {
+    if (recordHistory) {
+      this.historyController.registerHistory(new RTEEditorState(newValue, new RTESelectionState(this.selectionController.getCurrentRange())));
+    }
     this.value = newValue.clone();
     await index$1.waitForComponentDidRender(this.host);
   }
@@ -2243,28 +2349,34 @@ class ValueController extends globalSlimmerRegistry.VegaSlimmer {
   }
 }
 ValueController.VALUE_CHANGE_DEBOUNCE_TIME = 50;
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "host", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], ValueController.prototype, "value", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "changeEventEmitter", void 0);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentField()
 ], ValueController.prototype, "valueController", void 0);
-__decorate$d([
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], ValueController.prototype, "historyController", void 0);
+__decorate$e([
+  globalSlimmerRegistry.MapToComponentField()
+], ValueController.prototype, "selectionController", void 0);
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], ValueController.prototype, "connectedCallback", null);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], ValueController.prototype, "disconnectedCallback", null);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
 ], ValueController.prototype, "componentWillLoad", null);
-__decorate$d([
+__decorate$e([
   globalSlimmerRegistry.MapToComponentMethod('watchValueUpdate')
 ], ValueController.prototype, "watchValueUpdate", null);
 
@@ -2820,14 +2932,14 @@ class ElementToDTOStrategyOutput {
   /**
    * Transform current output and children output to DTO
    *
-   * @returns {RTEContentBlock} - DTO.
+   * @returns {Nullable<RTEContentBlock>} - DTO.
    */
   toDto() {
     const currentBlock = this.currentStrategy.handle(this.currentElements);
     if (this.childrenOutput.length > 0 && currentBlock) {
       this.currentStrategy.appendChildBlocks(currentBlock, this.childrenOutput
         .map((childOutput) => childOutput.toDto())
-        .filter(Boolean));
+        .filter(typeGuard.isNonNullable));
     }
     return currentBlock;
   }
@@ -2865,12 +2977,12 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
         childNodes.push({
           id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
           type: 'text',
-          text: child.textContent,
+          text: String(child.textContent),
           annotations: annotations,
         });
       }
       else {
-        childNodes.push(...this.generateChildNodes(Array.from(child.childNodes), Object.assign({}, annotations, this.generateTextNodeAnnotations(child))));
+        childNodes.push(...this.generateChildNodes(Array.from(child.childNodes), Object.assign({}, annotations, this.generateTextNodeAnnotations(child, annotations))));
       }
     });
     return childNodes;
@@ -2898,7 +3010,7 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
    * @returns {boolean} - boolean.
    */
   isInvalidTextNode(element) {
-    if (element.nodeValue.includes('\t')) {
+    if (element.nodeValue && element.nodeValue.includes('\t')) {
       const value = element.nodeValue.replace(/\n|\t/gm, '');
       if (value.length === 0)
         return true;
@@ -2909,9 +3021,10 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
    * Generate annotations map for text node element.
    *
    * @param {HTMLElement} element - current element.
+   * @param {VegaRTETextAnnotations} parentAnnotations - parent annotations
    * @returns {VegaRTETextAnnotations | VegaRTECodeAnnotations} - Text node annotations.
    */
-  generateTextNodeAnnotations(element) {
+  generateTextNodeAnnotations(element, parentAnnotations) {
     if (this.isCode(element))
       return { code: true };
     const annotations = {
@@ -2920,6 +3033,10 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
       underline: this.isUnderline(element),
       strikethrough: this.isStrikethrough(element),
     };
+    parentAnnotations.bold && (annotations.bold = true);
+    parentAnnotations.underline && (annotations.underline = true);
+    parentAnnotations.italic && (annotations.italic = true);
+    parentAnnotations.strikethrough && (annotations.strikethrough = true);
     const color = this.getColor(element);
     const link = this.getLink(element);
     if (color)
@@ -2935,7 +3052,9 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
    * @returns {boolean} - boolean.
    */
   isCode(element) {
-    return element.classList.contains('v-rte--code') || element.nodeName === 'CODE';
+    return (element.classList.contains('v-rte--code') ||
+      element.nodeName === 'CODE' ||
+      element.style.fontFamily === 'monospace');
   }
   /**
    * Is bold element.
@@ -2945,6 +3064,7 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
    */
   isBold(element) {
     return (element.nodeName === 'STRONG' ||
+      element.nodeName === 'B' ||
       element.style.fontWeight === 'bold' ||
       element.style.fontWeight === '700');
   }
@@ -2966,6 +3086,7 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
   isUnderline(element) {
     return (element.style.textDecoration.includes('underline') ||
       element.nodeName === 'U' ||
+      element.nodeName === 'INS' ||
       element.classList.contains('v-rte--underline'));
   }
   /**
@@ -2977,6 +3098,7 @@ class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
   isStrikethrough(element) {
     return (element.style.textDecoration.includes('line-through') ||
       element.nodeName === 'S' ||
+      element.nodeName === 'DEL' ||
       element.classList.contains('v-rte--strikethrough'));
   }
   /**
@@ -3155,6 +3277,9 @@ ContinueInlineToRTETextBlockStrategy.canHandleTags = [
   'U',
   'A',
   'VEGA-RICH-TEXT-LINK-EDITOR',
+  'B',
+  'INS',
+  'DEL',
 ];
 
 /** Transform ul element to list block DTO */
@@ -3262,7 +3387,16 @@ class InlineBlockToRTETextBlockStrategy extends BlockToRTEBlockStrategyAbstract
    * @returns {number} - can be handled element count.
    */
   canHandle(elementsArray, currentIndex) {
-    return ['heading-1', 'heading-2', 'heading-3', 'title', 'subtitle'].includes(this.getElementType(elementsArray[currentIndex]))
+    return [
+      'heading-1',
+      'heading-2',
+      'heading-3',
+      'heading-4',
+      'heading-5',
+      'heading-6',
+      'title',
+      'subtitle',
+    ].includes(this.getElementType(elementsArray[currentIndex]))
       ? 1
       : 0;
   }
@@ -3327,6 +3461,12 @@ class InlineBlockToRTETextBlockStrategy extends BlockToRTEBlockStrategyAbstract
         return 'heading-2';
       case 'H3':
         return 'heading-3';
+      case 'H4':
+        return 'heading-4';
+      case 'H5':
+        return 'heading-5';
+      case 'H6':
+        return 'heading-6';
       default:
         return '';
     }
@@ -3407,22 +3547,24 @@ class VegaImageToRTEImageBlockStrategy extends BlockToRTEBlockStrategyAbstract {
   handle(elementsArray) {
     const element = elementsArray[0];
     const image = element.querySelector('img');
-    return contentState.RTEImageBlock.from({
-      id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
-      type: 'image',
-      nodes: [
-        {
-          id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
-          type: 'image',
-          url: image.src,
-          annotations: {
-            size: element.size || 'md',
-            alt: element.alt,
+    if (typeGuard.isNonNullable(image)) {
+      return contentState.RTEImageBlock.from({
+        id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
+        type: 'image',
+        nodes: [
+          {
+            id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
+            type: 'image',
+            url: image.src,
+            annotations: {
+              size: element.size || 'md',
+              alt: element.alt,
+            },
           },
-        },
-      ],
-      annotations: this.generateBlockAnnotations(element),
-    });
+        ],
+        annotations: this.generateBlockAnnotations(element),
+      });
+    }
   }
   /* istanbul ignore next */
   /**
@@ -3746,7 +3888,7 @@ class InsertPasteHandler extends BaseHandler {
   }
 }
 
-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;
@@ -3861,28 +4003,28 @@ class UserInputController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "host", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "value", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "valueController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "selectionController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentField()
 ], UserInputController.prototype, "insertCompositionTextController", void 0);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], UserInputController.prototype, "addActionListener", null);
-__decorate$c([
+__decorate$d([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], UserInputController.prototype, "removeActionListener", null);
 
@@ -3902,7 +4044,7 @@ class InsertImageToBlockAction extends contentState.ModifyContentAction {
   }
 }
 
-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;
@@ -3991,26 +4133,26 @@ class InsertImageController extends globalSlimmerRegistry.VegaSlimmer {
     }
   }
 }
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "selectionController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "value", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "valueController", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertImageController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], InsertImageController.prototype, "registerObserver", null);
-__decorate$b([
+__decorate$c([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], InsertImageController.prototype, "unRegisterObserver", null);
 
-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;
@@ -4066,20 +4208,20 @@ class FocusController extends globalSlimmerRegistry.VegaSlimmer {
     this.selectionController.setSelectionRange(range);
   }
 }
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "selectionController", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "valueController", void 0);
-__decorate$a([
+__decorate$b([
   globalSlimmerRegistry.MapToComponentField()
 ], FocusController.prototype, "value", void 0);
 
-var __decorate$9 = (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;
@@ -4119,14 +4261,14 @@ class TextNodeColorController extends globalSlimmerRegistry.VegaSlimmer {
     return true;
   }
 }
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], TextNodeColorController.prototype, "connectedCallback", null);
-__decorate$9([
+__decorate$a([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], TextNodeColorController.prototype, "disconnectResizeObserver", null);
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$9 = (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;
@@ -4334,35 +4476,35 @@ class InsertCompositionTextController extends globalSlimmerRegistry.VegaSlimmer
     this.editableElementRef.dispatchEvent(inputEvent);
   }
 }
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "selectionController", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "host", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "value", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "valueController", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "userInputController", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentField()
 ], InsertCompositionTextController.prototype, "vegaRichTextEditorRenderer", void 0);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
 ], InsertCompositionTextController.prototype, "addCompositionTextEventListener", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], InsertCompositionTextController.prototype, "removeCompositionTextEventListener", null);
-__decorate$8([
+__decorate$9([
   globalSlimmerRegistry.MapToComponentMethod('componentDidRender')
 ], InsertCompositionTextController.prototype, "reConnectObserver", null);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (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;
@@ -4525,22 +4667,155 @@ class DeleteSelectedNodesController extends globalSlimmerRegistry.VegaSlimmer {
     return JSON.stringify(annotationsA) === JSON.stringify(annotationsB);
   }
 }
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], DeleteSelectedNodesController.prototype, "host", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], DeleteSelectedNodesController.prototype, "selectionController", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentField()
 ], DeleteSelectedNodesController.prototype, "value", void 0);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('connectedCallback')
 ], DeleteSelectedNodesController.prototype, "addDeleteObserver", null);
-__decorate$7([
+__decorate$8([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], DeleteSelectedNodesController.prototype, "removeDeleteObserver", null);
 
+var __decorate$7 = (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;
+};
+/**
+ * History controller for RTE.
+ */
+class HistoryController extends keyboardManagerSlimmer.KeyboardManagerSlimmer {
+  constructor() {
+    super(() => this.getKeyboardShortcutOptions.call(this));
+    this.redoStack = [];
+    this.undoStack = [];
+    this.registerHistoryDelay = 300;
+    this.registerHistoryDebounced = timer.debounce(() => {
+      this.internalRegisterHistory(new RTEEditorState(this.value, new RTESelectionState(this.selectionController.getCurrentRange())));
+    }, this.registerHistoryDelay, this);
+  }
+  /**
+   * Component lifecycle - [componentDidLoad]
+   */
+  registerInitState() {
+    if (this.value) {
+      this.internalRegisterHistory(new RTEEditorState(this.value, new RTESelectionState(this.selectionController.getCurrentRange())));
+    }
+  }
+  /**
+   * Restores the previous state from the undo stack.
+   */
+  async undo() {
+    if (this.undoStack.length > 0) {
+      const clonedState = this.undoStack.pop().clone();
+      this.redoStack.push(clonedState);
+      const prev = this.undoStack[this.undoStack.length - 1];
+      if (prev) {
+        await this.restoreState(prev.clone());
+      }
+    }
+  }
+  /**
+   * Restores the next state from the redo stack.
+   */
+  async redo() {
+    if (this.redoStack.length > 0) {
+      const clonedState = this.redoStack.pop().clone();
+      this.undoStack.push(clonedState);
+      await this.restoreState(clonedState);
+    }
+  }
+  /**
+   * Registers history based on the editor state.
+   *
+   * @param {RTEEditorState} editorState - The state to record in history.
+   */
+  registerHistory(editorState) {
+    // TODO: feat: add a `force` option to register history immediately when needed.
+    this.registerHistoryDebounced(editorState);
+  }
+  /**
+   * Internal function to register history immediately.
+   *
+   * @param {RTEEditorState} state - The state to record in history.
+   */
+  internalRegisterHistory(state) {
+    this.redoStack = []; // clear redo stack when new action happens.
+    this.undoStack.push(state);
+  }
+  /**
+   * Restores the editor state based on the provided history state.
+   *
+   * @param {RTEEditorState} state - The state to restore to.
+   */
+  async restoreState(state) {
+    const { content, selection } = state;
+    this.selectionController.setSelectionState(selection);
+    await this.valueController.flushChanges(content, false);
+  }
+  /**
+   * Returns the keyboard shortcut options for undo/redo functionality.
+   *
+   * @returns {KeyboardEventListener[]} - An array of keyboard shortcut options.
+   */
+  getKeyboardShortcutOptions() {
+    const baseOption = {
+      keyCode: 'KeyZ',
+      activeElementInScope: [this.vegaRichTextEditorRenderer.getRTEEditableElementRef()],
+      eventName: 'keydown',
+      modifierPressed: true,
+    };
+    return [
+      Object.assign(Object.assign({}, baseOption), { shiftKey: false, 
+        /**
+         * Callback function for the undo action.
+         *
+         * @param {KeyboardEvent} e - The keyboard event triggered by the user.
+         */
+        callback: (e) => {
+          e.preventDefault();
+          void this.undo();
+        } }),
+      Object.assign(Object.assign({}, baseOption), { shiftKey: true, 
+        /**
+         * Callback function for the redo action.
+         *
+         * @param {KeyboardEvent} e - The keyboard event triggered by the user.
+         */
+        callback: (e) => {
+          e.preventDefault();
+          void this.redo();
+        } }),
+    ];
+  }
+}
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], HistoryController.prototype, "host", void 0);
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], HistoryController.prototype, "vegaRichTextEditorRenderer", void 0);
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], HistoryController.prototype, "valueController", void 0);
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], HistoryController.prototype, "value", void 0);
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentField()
+], HistoryController.prototype, "selectionController", void 0);
+__decorate$7([
+  globalSlimmerRegistry.MapToComponentMethod('componentDidLoad')
+], HistoryController.prototype, "registerInitState", null);
+
 const vegaRichTextEditorCss = ":host{display:block}:host vega-field-label{margin-bottom:8px}:host vega-text{margin-bottom:16px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .rich-text-editor-container{display:flex;box-sizing:content-box;position:relative;box-sizing:content-box;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1));margin-top:12px;overflow:auto;resize:vertical;padding-top:12px;padding-right:16px;padding-bottom:32px;padding-left:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-editor-container{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .rich-text-editor-container:hover{border:1px solid rgba(var(--v-border-input-field-hover, 115, 160, 190, 1))}:host .rich-text-editor-container:focus-within{border:1px solid rgba(var(--v-border-input-field-focus, 19, 98, 226, 1));outline:2px solid rgba(var(--v-border-color-action, 19, 98, 226, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-focus, 19, 98, 226, 1))}:host .rich-text-editor-container.disabled{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1));cursor:not-allowed}:host .rich-text-editor-container.disabled:hover,:host .rich-text-editor-container.disabled:focus-within{border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}:host .rich-text-editor-container.disabled:focus-within{outline:none}:host .rich-text-editor-container.disabled vega-rich-text-content{pointer-events:none;opacity:0.35}:host .rich-text-editor-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .rich-text-editor-container.error:hover{border:1px solid rgba(var(--v-border-input-field-danger-hover, 255, 87, 114, 1))}:host .rich-text-editor-container.error:focus-within{outline:2px solid rgba(var(--v-border-color-danger, 230, 50, 87, 1));outline-offset:3px;border:1px solid rgba(var(--v-border-color-input-field-danger-focus, 233, 71, 104, 1))}:host .rich-text-editor-container .text-editor-counter{position:absolute;bottom:8px;right:8px;display:flex;padding-left:4px;padding-right:4px;padding-top:2px;padding-bottom:2px;border-radius:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-inverted-primary, 252, 252, 252, 1));background-color:rgba(var(--v-bg-textarea-count, 4, 4, 28, 0.6))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .rich-text-editor-container .text-editor-counter{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .rich-text-editor-container .text-editor-counter.counter-exceed-max-length{background-color:rgba(var(--v-bg-textarea-counter-exceed-max-length, 214, 46, 81))}.toolbar-btn-group{display:flex;justify-content:center;align-items:center}.toolbar-btn-group>*:not(:first-child):not(:last-child) ::part(rich-text-editor-toolbar-button){border-radius:0px}.toolbar-btn-group>*:first-child:not(:last-child) ::part(rich-text-editor-toolbar-button){border-top-left-radius:4px;border-bottom-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px}.toolbar-btn-group>*:last-child:not(:first-child) ::part(rich-text-editor-toolbar-button){border-top-left-radius:0px;border-bottom-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px}.toolbar-btn-group>*:not(:first-child) ::part(rich-text-editor-toolbar-button){margin-left:-1px}.toolbar-btn-group .toolbar-btn-color-preview-box{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));box-sizing:border-box;border-radius:4px;width:16px;height:16px;justify-content:center;align-items:center;margin-left:6px}.toolbar-btn-group .toolbar-btn-color-preview-box.disabled{opacity:0.35}.toolbar-btn-group .toolbar-btn-link-wrapper{position:relative}.toolbar-btn-group .toolbar-btn-link-wrapper vega-rich-text-link-editor{position:absolute;bottom:0;left:0;right:0}.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1));display:block;margin-top:12px}@media screen and (min-width: 768px) and (max-width: 1023px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){.vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}.vega-hidden{display:none}";
 
 var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -4607,6 +4882,7 @@ const VegaRichTextEditor = class {
     this.changeEventPreventSlimmer = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaChange], () => this.vegaRichTextEditorRenderer.getRichTextWrapperRef());
     this.textNodeColorController = new TextNodeColorController();
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
+    this.historyController = new HistoryController();
     this.richTextContentEditable = true;
     this.selectionMap = new Map();
     this.isInDarkMode = darkModeStyleController.VegaInternalThemeManager.isDarkMode();
@@ -4831,6 +5107,9 @@ __decorate$6([
 __decorate$6([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "deleteSelectedNodesController", void 0);
+__decorate$6([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "historyController", void 0);
 VegaRichTextEditor.style = vegaRichTextEditorCss;
 
 var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -5024,6 +5303,10 @@ class VegaRichTextImageEditorRenderer extends globalSlimmerRegistry.VegaSlimmer
             { key: 'lg', text: this.translationSlimmer.t('Lg') },
           ], selected: this.size, ref: (ref) => {
             domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (e) => {
+              // The below line is covered in `history.spec#should register history, and undo/redo for image size change`
+              // Prevent handling vegaChange triggered by DOM ref reuse (e.g., undo/redo) when the image editor is not visible.
+              if (!this.selected)
+                return;
               const size = e.detail;
               this.size = size;
               this.changeEventEmitter.emit({
@@ -5133,6 +5416,7 @@ const VegaRichTextImageEditor = class {
      *
      * @vegaVersion 2.34.0
      */
+    /* eslint-disable-next-line @stencil/strict-mutable */
     this.size = 'md';
   }
   render() {