@globalpayments/vega 2.38.0 → 2.40.0

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

@@ -10,14 +10,13 @@ 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');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b1f1e61a.js');
 const timer = require('./timer-5f33058b.js');
@@ -31,6 +30,7 @@ require('./feature-flag-controller-7b22e598.js');
 require('./vega-dialog-controller-fe610705.js');
 require('./icon-manager-edc2400b.js');
 require('./translation-6848c389.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-cacc5fe0.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const trashCan = require('./trash-can-46a5e19a.js');
@@ -45,6 +45,7 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./string-21427167.js');
 require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
@@ -301,14 +302,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 +361,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 +374,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 +429,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 +443,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 +515,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 +527,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 +607,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 +648,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 +707,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 +721,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 +808,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 +891,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 +934,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 +951,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 +995,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 +1015,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 +1042,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 +1055,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 +1297,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 +1343,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 +1389,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 +1435,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 +1785,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 +1841,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 +1862,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 +2021,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 +2064,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 +2074,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 +2098,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 +2395,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 +2409,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 +2507,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 +2577,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 +2599,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 +2613,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 +2713,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;
   }
@@ -3914,74 +3912,16 @@ __decorate$c([
   globalSlimmerRegistry.MapToComponentMethod('disconnectedCallback')
 ], UserInputController.prototype, "removeActionListener", null);
 
-/**
- * A rule that checks if the input range is empty or not
- *
- * @implements {FormFieldValidationRule<string[]>}
- */
-class RichTextEditorRequiredRule {
-  /**
-   * It checks if the input is a valid value.
-   *
-   * @param {string[]} input - The value of the input field.
-   * @returns {EvaluateResultTranslation} An object with two properties: isValid and message.
-   */
-  evaluate(input) {
-    var _a, _b;
-    if (!this.isAcceptedInputType(input)) {
-      throw new Error(`Invalid value ${input} for rich text editor`);
-    }
-    const isValid = ((_a = input === null || input === void 0 ? void 0 : input.blocks) === null || _a === void 0 ? void 0 : _a.length) > 1 || // isValid: true when the length is greater than 1 to keep the same behavior as vega-textarea
-      (((_b = input === null || input === void 0 ? void 0 : input.blocks) === null || _b === void 0 ? void 0 : _b.length) === 1 && input.blocks.some((block) => block.isNotEmpty()));
-    return {
-      isValid,
-      message: isValid ? '' : 'This field is required',
-    };
-  }
-  /**
-   * If the input is accepted and the status is not disabled and visible, then return true
-   *
-   * @param {unknown} input - The input to be evaluated.
-   * @param {FormFieldStatusMeta} [status] - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  canEvaluate(input, status) {
-    return status
-      ? this.isAcceptedInputType(input) && !status.disabled && status.visible
-      : this.isAcceptedInputType(input);
-  }
-  /**
-   * If the field is not disabled, visible, and has been touched or modified, then show the error
-   *
-   * @param {FormFieldStatusMeta} status - FormFieldStatusMeta
-   * @returns {boolean} A boolean value.
-   */
-  shouldShowError(status) {
-    return !status.disabled && status.visible && (status.touched || status.modified);
-  }
-  /**
-   * If the input is undefined or null, return true, otherwise return true if the input is a VegaRTEContent.
-   *
-   * @param {unknown} input - The input value to be validated.
-   * @returns {boolean} A boolean.
-   */
-  isAcceptedInputType(input) {
-    if (input === undefined || input === null)
-      return true;
-    return input instanceof contentState.VegaRTEContent;
-  }
-}
-
 /**
  * Insert the image to current block. if the block is not image block, this will split the block to two blocks
  *
  * @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 +3989,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 +4054,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 +4180,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);
@@ -4652,7 +4592,7 @@ const VegaRichTextEditor = class {
       propertyRules: [
         {
           propertyName: 'required',
-          ruleFactory: (isRequired) => isRequired ? new RichTextEditorRequiredRule() : null,
+          ruleFactory: (isRequired) => isRequired ? new richTextEditorRequiredRule.RichTextEditorRequiredRule() : null,
         },
       ],
       validationRulesName: 'validationRules',
@@ -4694,7 +4634,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 +4695,6 @@ const VegaRichTextEditor = class {
      * @vegaVersion 2.34.0
      */
     this.toolbarItems = [
-      ['clearStyle'],
       ['textStyles'],
       ['bold', 'italic', 'underline', 'strikethrough', 'code'],
       ['textColor'],
@@ -4763,6 +4702,7 @@ const VegaRichTextEditor = class {
       ['moreIndent', 'lessIndent'],
       ['link'],
       ['image'],
+      ['clearStyle'],
     ];
     /**
      * Specifies the validation status of the rich text editor component.

package/dist/cjs/vega-selection-chip_2.cjs.entry.js

@@ -23,8 +23,8 @@ const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js
 const array = require('./array-5adef7b2.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b1f1e61a.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 require('./type-guard-4ba85fdc.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -42,6 +42,7 @@ require('./_commonjsHelpers-537d719a.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./translation-6848c389.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 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;

package/dist/cjs/vega-selection-tile_2.cjs.entry.js

@@ -18,8 +18,8 @@ const observer = require('./observer-f49483e8.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-af2addec.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-4e60a929.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-b1f1e61a.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dom-node-subject-observer-factory-80b3ac6c.js');
 require('./internal-vega-event-manager-981dfd1c.js');
@@ -34,6 +34,7 @@ require('./page-resize-observer-slimmer-bb1eaebe.js');
 require('./breakpoints-17d6c4c7.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-e5a7f85a.js');
 require('./array-5adef7b2.js');

package/dist/cjs/vega-signature-capture.cjs.entry.js

@@ -14,8 +14,8 @@ const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const object = require('./object-bbd4ed7f.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-208a19e4.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-48c0ad0b.js');
-const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d92e8212.js');
+const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const breakpoints = require('./breakpoints-17d6c4c7.js');
 const translationSlimmer = require('./translation-slimmer-510906bc.js');
@@ -37,6 +37,7 @@ require('./internal-vega-event-manager-981dfd1c.js');
 require('./string-21427167.js');
 require('./vega-internal-event-id-bda63e14.js');
 require('./translation-6848c389.js');
+require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');