@globalpayments/vega 2.37.2 → 2.39.0

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

@@ -10,10 +10,9 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 const vegaInternalEventId = require('./vega-internal-event-id-bda63e14.js');
-const imageAnnotationAction = require('./image-annotation-action-7d82f7e1.js');
+const imageAnnotationAction = require('./image-annotation-action-75b9c0d3.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const contentState = require('./content-state-f97d3278.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-4f6df9cf.js');
+const contentState = require('./content-state-c5b47ca1.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const index$1 = require('./index-0546e2ea.js');
@@ -301,14 +300,14 @@ class BoldToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimme
       .getSelectedNodes()
       .filter((node) => node instanceof contentState.RTETextNode);
     return (selectedNodes.length > 0 &&
-      selectedNodes.every((node) => { var _a; return (_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.BOLD)) === null || _a === void 0 ? void 0 : _a.bold; }));
+      selectedNodes.every((node) => { var _a; return (_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.BOLD)) === null || _a === void 0 ? void 0 : _a.bold; }));
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
     return selectedNodes.some((node) => {
       var _a;
-      return ((_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
+      return ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
     });
   }
 }
@@ -360,7 +359,7 @@ class ItalicToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlim
       .getSelectedNodes()
       .filter((node) => node instanceof contentState.RTETextNode);
     return (selectedNodes.length > 0 &&
-      selectedNodes.every((node) => { var _a; return (_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.ITALIC)) === null || _a === void 0 ? void 0 : _a.italic; }));
+      selectedNodes.every((node) => { var _a; return (_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.ITALIC)) === null || _a === void 0 ? void 0 : _a.italic; }));
   }
   onClick() {
     const italic = this.isSelected();
@@ -373,8 +372,8 @@ class ItalicToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlim
     const selectedNodes = this.selectionController.getSelectedNodes();
     return selectedNodes.some((node) => {
       var _a;
-      return ((_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
+      return ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
     });
   }
 }
@@ -428,7 +427,7 @@ class UnderlineToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonS
     return (selectedNodes.length > 0 &&
       selectedNodes.every((node) => {
         var _a;
-        return (_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.UNDERLINE)) === null || _a === void 0 ? void 0 : _a.underline;
+        return (_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.UNDERLINE)) === null || _a === void 0 ? void 0 : _a.underline;
       }));
   }
   onClick() {
@@ -442,8 +441,8 @@ class UnderlineToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonS
     const selectedNodes = this.selectionController.getSelectedNodes();
     return selectedNodes.some((node) => {
       var _a;
-      return ((_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
+      return ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
     });
   }
 }
@@ -514,7 +513,7 @@ class TextStylesToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE));
+    return selectedNodes.some((node) => node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE));
   }
   addDropdownObserver(dropdownRef) {
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(dropdownRef, domNodeSubjectFactory.VegaDropdownClick, this.handleDropdownItemClick);
@@ -526,7 +525,7 @@ class TextStylesToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     const isSameType = currentSelectedBlocks.length > 0 &&
       currentSelectedBlocks.every((block) => block.type === currentSelectedBlocks[0].type);
     if (isSameType) {
-      const blockAnnotation = currentSelectedBlocks[0].getAnnotationByType(nodeAnnotation_abstract.BlockAnnotationTypeEnum.TEXT_STYLE);
+      const blockAnnotation = currentSelectedBlocks[0].getAnnotationByType(contentState.BlockAnnotationTypeEnum.TEXT_STYLE);
       return blockAnnotation.textStyle;
     }
     return '';
@@ -606,7 +605,7 @@ class ClearStyleToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE));
+    return selectedNodes.some((node) => node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE));
   }
 }
 (() => {
@@ -647,13 +646,13 @@ class CodeToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimme
     return (selectedNodes.length > 0 &&
       selectedNodes
         .filter((node) => node instanceof contentState.RTETextNode)
-        .map((node) => node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE))
+        .map((node) => node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE))
         .every((annotation) => annotation && annotation.code));
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK) ||
-      node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE));
+    return selectedNodes.some((node) => node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK) ||
+      node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE));
   }
 }
 (() => {
@@ -706,7 +705,7 @@ class StrikethroughToolbarButtonSlimmer extends imageAnnotationAction.ToolbarBut
     return (selectedNodes.length > 0 &&
       selectedNodes.every((node) => {
         var _a;
-        return (_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.STRIKETHROUGH)) === null || _a === void 0 ? void 0 : _a.strikethrough;
+        return (_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.STRIKETHROUGH)) === null || _a === void 0 ? void 0 : _a.strikethrough;
       }));
   }
   onClick() {
@@ -720,8 +719,8 @@ class StrikethroughToolbarButtonSlimmer extends imageAnnotationAction.ToolbarBut
     const selectedNodes = this.selectionController.getSelectedNodes();
     return selectedNodes.some((node) => {
       var _a;
-      return ((_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
-        node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
+      return ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code) ||
+        node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.IMAGE);
     });
   }
 }
@@ -807,8 +806,8 @@ class LinkToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimme
       selectedNodes.some((node) => {
         var _a;
         return !(node instanceof contentState.RTETextNode) ||
-          node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK) ||
-          ((_a = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code);
+          node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK) ||
+          ((_a = node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.CODE)) === null || _a === void 0 ? void 0 : _a.code);
       }));
   }
   onClick() {
@@ -890,7 +889,7 @@ class MoreIndentToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
       var _a, _b;
-      const indent = (_b = (_a = item.getAnnotationByType(nodeAnnotation_abstract.BlockAnnotationTypeEnum.INDENT)) === null || _a === void 0 ? void 0 : _a.indent) !== null && _b !== void 0 ? _b : 0;
+      const indent = (_b = (_a = item.getAnnotationByType(contentState.BlockAnnotationTypeEnum.INDENT)) === null || _a === void 0 ? void 0 : _a.indent) !== null && _b !== void 0 ? _b : 0;
       item.apply(new IndentAnnotationAction(indent + 1));
     });
   }
@@ -933,7 +932,7 @@ class LessIndentToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
   onClick() {
     this.selectionController.getSelectedBlocks().forEach((item) => {
       var _a, _b;
-      const indent = (_b = (_a = item.getAnnotationByType(nodeAnnotation_abstract.BlockAnnotationTypeEnum.INDENT)) === null || _a === void 0 ? void 0 : _a.indent) !== null && _b !== void 0 ? _b : 0;
+      const indent = (_b = (_a = item.getAnnotationByType(contentState.BlockAnnotationTypeEnum.INDENT)) === null || _a === void 0 ? void 0 : _a.indent) !== null && _b !== void 0 ? _b : 0;
       const newIndent = indent > 1 ? indent - 1 : 0;
       item.apply(new IndentAnnotationAction(newIndent));
     });
@@ -950,6 +949,19 @@ const image = {
   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="M0 96C0 60.7 28.7 32 64 32H448c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96zM323.8 202.5c-4.5-6.6-11.9-10.5-19.8-10.5s-15.4 3.9-19.8 10.5l-87 127.6L170.7 297c-4.6-5.7-11.5-9-18.7-9s-14.2 3.3-18.7 9l-64 80c-5.8 7.2-6.9 17.1-2.9 25.4s12.4 13.6 21.6 13.6h96 32H424c8.9 0 17.1-4.9 21.2-12.8s3.6-17.4-1.4-24.7l-120-176zM112 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"/></svg>`,
 };
 
+/**
+ * Update the image node property url after the image uploaded.
+ *
+ * @example currentImageNode.apply(new ImageUpdateUrlAction(url))
+ */
+class ImageUpdateUrlAction extends contentState.ModifyContentAction {
+  constructor(newUrl) {
+    super();
+    this.type = contentState.ModifyContentActionType.UPDATE_IMAGE_NODE_URL;
+    this.url = newUrl;
+  }
+}
+
 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);
@@ -981,7 +993,7 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimm
         this.updateNodeURLMap = new Map();
       }
       this.updateNodeURLMap.set(node, (url) => {
-        node.url = url;
+        node.apply(new ImageUpdateUrlAction(url));
       });
       const payload = {
         file: input.files[0],
@@ -1001,7 +1013,7 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonSlimm
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
-    return selectedNodes.some((node) => node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.LINK));
+    return selectedNodes.some((node) => node.getAnnotationByType(contentState.NodeAnnotationTypeEnum.LINK));
   }
 }
 (() => {
@@ -1028,10 +1040,10 @@ const ListOL = {
 /**
  * Action to toggle bullet annotation
  */
-class TransformListAction extends nodeAnnotation_abstract.ModifyContentAction {
+class TransformListAction extends contentState.ModifyContentAction {
   constructor(listType, selectedBlocks) {
     super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.TRANSFORM_LIST_BLOCK;
+    this.type = contentState.ModifyContentActionType.TRANSFORM_LIST_BLOCK;
     this.isFlushable = true;
     this.listType = listType;
     this.selectedBlocks = selectedBlocks;
@@ -1041,10 +1053,10 @@ class TransformListAction extends nodeAnnotation_abstract.ModifyContentAction {
 /**
  * Action to toggle bullet annotation
  */
-class TransformParagraphAction extends nodeAnnotation_abstract.ModifyContentAction {
+class TransformParagraphAction extends contentState.ModifyContentAction {
   constructor(selectedBlocks) {
     super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.TRANSFORM_PARAGRAPH_BLOCK;
+    this.type = contentState.ModifyContentActionType.TRANSFORM_PARAGRAPH_BLOCK;
     this.isFlushable = true;
     this.selectedBlocks = selectedBlocks;
   }
@@ -1283,7 +1295,7 @@ class LeftAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButtonS
     return (selectedBlocks.length > 0 &&
       selectedBlocks.every((block) => {
         var _a;
-        return ((_a = block.getAnnotationByType(nodeAnnotation_abstract.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'left';
+        return ((_a = block.getAnnotationByType(contentState.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'left';
       }));
   }
   onClick() {
@@ -1329,7 +1341,7 @@ class CenterAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButto
     return (selectedBlocks.length > 0 &&
       selectedBlocks.every((block) => {
         var _a;
-        return ((_a = block.getAnnotationByType(nodeAnnotation_abstract.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'center';
+        return ((_a = block.getAnnotationByType(contentState.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'center';
       }));
   }
   onClick() {
@@ -1375,7 +1387,7 @@ class RightAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButton
     return (selectedBlocks.length > 0 &&
       selectedBlocks.every((block) => {
         var _a;
-        return ((_a = block.getAnnotationByType(nodeAnnotation_abstract.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'right';
+        return ((_a = block.getAnnotationByType(contentState.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'right';
       }));
   }
   onClick() {
@@ -1421,7 +1433,7 @@ class JustifyAlignToolbarButtonSlimmer extends imageAnnotationAction.ToolbarButt
     return (selectedBlocks.length > 0 &&
       selectedBlocks.every((block) => {
         var _a;
-        return ((_a = block.getAnnotationByType(nodeAnnotation_abstract.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'justify';
+        return ((_a = block.getAnnotationByType(contentState.BlockAnnotationTypeEnum.ALIGNMENT)) === null || _a === void 0 ? void 0 : _a.textAlign) === 'justify';
       }));
   }
   onClick() {
@@ -1771,7 +1783,7 @@ class RTERange {
     this._endOffset = endOffset;
     const startNode = options.startNode;
     const endNode = options.endNode;
-    if (startNode instanceof nodeAnnotation_abstract.RTENode) {
+    if (startNode instanceof contentState.RTENode) {
       this._startNode = startNode;
       this._endNode = endNode;
       const startContainer = this.getElementByRTENode(this._startNode);
@@ -1827,7 +1839,7 @@ class RTERange {
    */
   getElementByRTENode(node) {
     if (node) {
-      const element = nodeAnnotation_abstract.stateEntityRenderingRegistry.getDOMByEntity(node);
+      const element = contentState.stateEntityRenderingRegistry.getDOMByEntity(node);
       if (element) {
         return node instanceof contentState.RTEImageNode
           ? ui.findParent(element, 'vega-rich-text-image-editor')
@@ -1848,7 +1860,7 @@ class RTERange {
         : element.nodeName === 'VEGA-RICH-TEXT-IMAGE-EDITOR'
           ? element.querySelector('img')
           : element;
-      return nodeAnnotation_abstract.stateEntityRenderingRegistry.getEntityByDOM(registerElement);
+      return contentState.stateEntityRenderingRegistry.getEntityByDOM(registerElement);
     }
   }
 }
@@ -2007,8 +2019,8 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
       }
       else {
         const { startContainer, endContainer, startOffset, endOffset } = this.currentRange;
-        if (nodeAnnotation_abstract.stateEntityRenderingRegistry.getDOMByEntity(startNode) === startContainer.parentElement &&
-          nodeAnnotation_abstract.stateEntityRenderingRegistry.getDOMByEntity(endNode) === endContainer.parentElement) {
+        if (contentState.stateEntityRenderingRegistry.getDOMByEntity(startNode) === startContainer.parentElement &&
+          contentState.stateEntityRenderingRegistry.getDOMByEntity(endNode) === endContainer.parentElement) {
           this.enqueueSelectionRangeFutureState(startNode, startOffset, endNode, endOffset);
         }
         else {
@@ -2050,8 +2062,8 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
       }
       if (node.nodeType === Node.TEXT_NODE) {
         const currentNode = node.parentElement;
-        const nodeEntity = nodeAnnotation_abstract.stateEntityRenderingRegistry.getEntityByDOM(currentNode);
-        if (nodeEntity instanceof nodeAnnotation_abstract.RTENode) {
+        const nodeEntity = contentState.stateEntityRenderingRegistry.getEntityByDOM(currentNode);
+        if (nodeEntity instanceof contentState.RTENode) {
           selectedNodes.push(nodeEntity);
           return;
         }
@@ -2060,8 +2072,8 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
         const entityElement = node.nodeName === 'VEGA-RICH-TEXT-IMAGE-EDITOR'
           ? node.querySelector('img')
           : node;
-        const nodeEntity = nodeAnnotation_abstract.stateEntityRenderingRegistry.getEntityByDOM(entityElement);
-        if (nodeEntity instanceof nodeAnnotation_abstract.RTENode) {
+        const nodeEntity = contentState.stateEntityRenderingRegistry.getEntityByDOM(entityElement);
+        if (nodeEntity instanceof contentState.RTENode) {
           selectedNodes.push(nodeEntity);
           return;
         }
@@ -2084,7 +2096,7 @@ class SelectionController extends globalSlimmerRegistry.VegaSlimmer {
    */
   clearSelectionMap() {
     this.getSelectedNodes().forEach((node) => {
-      node.annotationMap.delete(nodeAnnotation_abstract.InternalAnnotationTypeEnum.SELECTION_RANGE);
+      node.annotationMap.delete(contentState.InternalAnnotationTypeEnum.SELECTION_RANGE);
     });
     this.selectionMap = new Map();
   }
@@ -2381,10 +2393,10 @@ class BaseHandler {
  *
  * @example currentNode.parentBlock.apply(new InsertNodesBeforeAction(currentNode, newNode, ...))
  */
-class InsertNodesBeforeAction extends nodeAnnotation_abstract.ModifyContentAction {
+class InsertNodesBeforeAction extends contentState.ModifyContentAction {
   constructor(referNode, ...nodesToBeInserted) {
     super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.INSERT_NODES_BEFORE;
+    this.type = contentState.ModifyContentActionType.INSERT_NODES_BEFORE;
     this.referNode = referNode;
     this.nodesToBeInserted = nodesToBeInserted;
   }
@@ -2395,10 +2407,10 @@ class InsertNodesBeforeAction extends nodeAnnotation_abstract.ModifyContentActio
  *
  * @example selectedNode.apply(new ReplaceSelectedTextAction(insertText))
  */
-class ReplaceSelectedTextAction extends nodeAnnotation_abstract.ModifyContentAction {
+class ReplaceSelectedTextAction extends contentState.ModifyContentAction {
   constructor(text, currentRange) {
     super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.REPLACE_SELECTED_TEXT;
+    this.type = contentState.ModifyContentActionType.REPLACE_SELECTED_TEXT;
     this.textToBeInsert = '';
     this.textToBeInsert = text;
     this.currentRange = currentRange;
@@ -2493,22 +2505,6 @@ class InsertTextHandler extends BaseHandler {
   }
 }
 
-/**
- * Break the current block after press enter, this action is similar with the SplitBlockWithNodeAction,
- * The SplitBlockWithNodeAction split the current block to two same type blocks, but this action will create new paragraph or list item when break at start or end.
- * The property `newBlock` use to store the new create block if need.
- *
- * @example currentBlock.apply(new BreakSingleBlockAction(startContainerNode, startOffset))
- */
-class BreakSingleBlockAction extends nodeAnnotation_abstract.ModifyContentAction {
-  constructor(startContainerNode, startOffset) {
-    super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.BREAK_SINGLE_BLOCK;
-    this.startContainerNode = startContainerNode;
-    this.startOffset = startOffset;
-  }
-}
-
 /** Insert a paragraph in a rich text editor based on the current selection and event. User type enter will trigger this callback */
 class InsertParagraphHandler extends BaseHandler {
   /**
@@ -2579,7 +2575,7 @@ class InsertParagraphHandler extends BaseHandler {
     const currentBlock = cursorNode.parentBlock;
     const { startOffset } = this.selectionController.getCurrentRange();
     if (currentBlock) {
-      const breakAction = new BreakSingleBlockAction(cursorNode, startOffset);
+      const breakAction = new contentState.BreakSingleBlockAction(cursorNode, startOffset);
       currentBlock.apply(breakAction);
       this.switchCaretPositionToNextElement(breakAction.newBlock);
     }
@@ -2601,10 +2597,10 @@ class InsertParagraphHandler extends BaseHandler {
  *
  * @example block.apply(new SplitBlockWithNodeAction(node, offset))
  */
-class LineBreakSingleBlockAction extends nodeAnnotation_abstract.ModifyContentAction {
+class LineBreakSingleBlockAction extends contentState.ModifyContentAction {
   constructor(startContainerNode, startOffset) {
     super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.LINE_BREAK_SINGLE_BLOCK;
+    this.type = contentState.ModifyContentActionType.LINE_BREAK_SINGLE_BLOCK;
     this.startContainerNode = startContainerNode;
     this.startOffset = startOffset;
   }
@@ -2615,10 +2611,10 @@ class LineBreakSingleBlockAction extends nodeAnnotation_abstract.ModifyContentAc
  *
  * @example block.apply(new SplitBlockWithNodeAction(node, offset))
  */
-class lineBreakMultipleBlocksAction extends nodeAnnotation_abstract.ModifyContentAction {
+class lineBreakMultipleBlocksAction extends contentState.ModifyContentAction {
   constructor(selectedBlocks) {
     super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.LINE_BREAK_MULTIPLE_BLOCKS;
+    this.type = contentState.ModifyContentActionType.LINE_BREAK_MULTIPLE_BLOCKS;
     this.selectedBlocks = selectedBlocks;
   }
 }
@@ -2715,10 +2711,10 @@ class InsertLineBreakHandler extends BaseHandler {
  *
  * @example currentBlock.apply(new DeleteBlockContentAction(startContainerNode, startOffset))
  */
-class DeleteBlockContentAction extends nodeAnnotation_abstract.ModifyContentAction {
+class DeleteBlockContentAction extends contentState.ModifyContentAction {
   constructor(startContainerNode, startOffset) {
     super();
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.DELETE_BLOCK_CONTENT;
+    this.type = contentState.ModifyContentActionType.DELETE_BLOCK_CONTENT;
     this.startContainerNode = startContainerNode;
     this.startOffset = startOffset;
   }
@@ -3977,11 +3973,11 @@ class RichTextEditorRequiredRule {
  *
  * @example block.apply(new InsertImageToBlockAction(node, offset, imageNode))
  */
-class InsertImageToBlockAction extends nodeAnnotation_abstract.ModifyContentAction {
+class InsertImageToBlockAction extends contentState.ModifyContentAction {
   constructor(splitPointNode, startOffsetOfNode, imageBlockToBeInserted) {
     super();
     this.isFlushable = true;
-    this.type = nodeAnnotation_abstract.ModifyContentActionType.INSERT_IMAGE_TO_BLOCK;
+    this.type = contentState.ModifyContentActionType.INSERT_IMAGE_TO_BLOCK;
     this.splitPointNode = splitPointNode;
     this.startOffsetOfNode = startOffsetOfNode;
     this.imageBlockToBeInserted = imageBlockToBeInserted;
@@ -4049,7 +4045,7 @@ class InsertImageController extends globalSlimmerRegistry.VegaSlimmer {
       domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(richTextContentRef, vegaInternalEventId.VegaInternalRichTextImageClick, (payload) => {
         const range = this.selectionController.getCurrentRange();
         if (!range || range.startContainer !== payload.host || range.startOffset !== 0) {
-          const imageNode = nodeAnnotation_abstract.stateEntityRenderingRegistry.getEntityByDOM(payload.host.querySelector('img'));
+          const imageNode = contentState.stateEntityRenderingRegistry.getEntityByDOM(payload.host.querySelector('img'));
           this.selectionController.enqueueSelectionRangeFutureState(imageNode, 0, imageNode, 0, true);
         }
       });
@@ -4114,7 +4110,7 @@ class FocusController extends globalSlimmerRegistry.VegaSlimmer {
      * @param {RTEContentBlock} lastBlock - The last block of the content
      */
     this.doFocusOnLastTextNode = async (lastBlock) => {
-      this.setCaretRangeToNodeEnd(nodeAnnotation_abstract.stateEntityRenderingRegistry.getDOMByEntity(lastBlock.getLastNode()).firstChild);
+      this.setCaretRangeToNodeEnd(contentState.stateEntityRenderingRegistry.getDOMByEntity(lastBlock.getLastNode()).firstChild);
       await this.vegaRichTextEditorRenderer.getRichTextContentRef().vegaFocus();
     };
   }
@@ -4240,7 +4236,7 @@ class InsertCompositionTextController extends globalSlimmerRegistry.VegaSlimmer
         records.forEach((record) => {
           const { target, oldValue } = record;
           if (target.nodeType === Node.TEXT_NODE && target.parentElement) {
-            const richTextNode = nodeAnnotation_abstract.stateEntityRenderingRegistry.getEntityByDOM(target.parentElement);
+            const richTextNode = contentState.stateEntityRenderingRegistry.getEntityByDOM(target.parentElement);
             const newValue = target.textContent;
             if (richTextNode instanceof contentState.RTETextNode) {
               updateFlag = this.updateCurrentNodeText(richTextNode, newValue, oldValue);
@@ -4694,7 +4690,7 @@ const VegaRichTextEditor = class {
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
     this.richTextContentEditable = true;
     this.selectionMap = new Map();
-    this.isInDarkMode = nodeAnnotation_abstract.VegaThemeManager.isDarkMode();
+    this.isInDarkMode = contentState.VegaThemeManager.isDarkMode();
     /**
      * Specifies the label for the rich text editor.
      *
@@ -4755,7 +4751,6 @@ const VegaRichTextEditor = class {
      * @vegaVersion 2.34.0
      */
     this.toolbarItems = [
-      ['clearStyle'],
       ['textStyles'],
       ['bold', 'italic', 'underline', 'strikethrough', 'code'],
       ['textColor'],
@@ -4763,6 +4758,7 @@ const VegaRichTextEditor = class {
       ['moreIndent', 'lessIndent'],
       ['link'],
       ['image'],
+      ['clearStyle'],
     ];
     /**
      * Specifies the validation status of the rich text editor component.