@globalpayments/vega 2.61.0 → 2.62.0

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

@@ -47,6 +47,8 @@ import { HistoryController } from './slimmers/controllers/history-controller';
 import { CodeBlockToolbarButtonSlimmer } from './slimmers/renderers/tools/code-block-toolbar-button-slimmer';
 import { InternalCodeBlockSelectionController } from './slimmers/controllers/internal-code-block-selection-controller';
 import { SourceEditToolbarButtonSlimmer } from './slimmers/renderers/tools/source-edit-toolbar-button-slimmer';
+import { RTEExtensionController } from './slimmers/controllers/extension-controller';
+import { VegaRTEPresetToolbarItems } from './constants/constant';
 /**
  * @vegaVersion 2.34.0
  */
@@ -103,6 +105,7 @@ export class VegaRichTextEditor {
     this.deleteSelectedNodesController = new DeleteSelectedNodesController();
     this.historyController = new HistoryController();
     this.internalCodeBlockSelectionController = new InternalCodeBlockSelectionController();
+    this.rteExtensionController = new RTEExtensionController();
     this.richTextContentEditable = true;
     this.selectionMap = new Map();
     this.isInDarkMode = VegaInternalThemeManager.isDarkMode();
@@ -166,16 +169,7 @@ export class VegaRichTextEditor {
      *
      * @vegaVersion 2.34.0
      */
-    this.toolbarItems = [
-      ['textStyles'],
-      ['bold', 'italic', 'underline', 'strikethrough', 'code'],
-      ['textColor'],
-      ['horizontalAlignment', 'bulletsNumbers'],
-      ['moreIndent', 'lessIndent'],
-      ['link'],
-      ['image'],
-      ['clearStyle'],
-    ];
+    this.toolbarItems = VegaRTEPresetToolbarItems;
     /**
      * Determines whether to allow source edit mode in the rich text editor.
      *
@@ -209,6 +203,12 @@ export class VegaRichTextEditor {
      * @vegaVersion 2.34.0
      */
     this.validationRules = [];
+    /**
+     * Specifies the configuration for the rich text editor extensions.
+     *
+     * @vegaVersion 2.62.0
+     */
+    this.extensions = [];
   }
   watchRichTextContentEditable() {
     methodPlaceholder();
@@ -225,6 +225,9 @@ export class VegaRichTextEditor {
   watchValidationRules() {
     methodPlaceholder();
   }
+  watchExtensions() {
+    methodPlaceholder();
+  }
   componentWillLoad() {
     this.richTextContentController.syncRichTextContentEditable();
   }
@@ -415,7 +418,7 @@ export class VegaRichTextEditor {
           }],
         "text": "Specifies the built-in toolbar items available in the rich-text editor."
       },
-      "defaultValue": "[\n\t\t['textStyles'],\n\t\t['bold', 'italic', 'underline', 'strikethrough', 'code'],\n\t\t['textColor'],\n\t\t['horizontalAlignment', 'bulletsNumbers'],\n\t\t['moreIndent', 'lessIndent'],\n\t\t['link'],\n\t\t['image'],\n\t\t['clearStyle'],\n\t]"
+      "defaultValue": "VegaRTEPresetToolbarItems"
     },
     "allowSourceEdit": {
       "type": "boolean",
@@ -527,6 +530,30 @@ export class VegaRichTextEditor {
         "text": "Defines custom validation rules for the rich text editor."
       },
       "defaultValue": "[]"
+    },
+    "extensions": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "VegaRTEExtension[]",
+        "resolved": "VegaRTEExtension[]",
+        "references": {
+          "VegaRTEExtension": {
+            "location": "import",
+            "path": "./extensions/extension.abstract"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.62.0"
+          }],
+        "text": "Specifies the configuration for the rich text editor extensions."
+      },
+      "defaultValue": "[]"
     }
   }; }
   static get states() { return {
@@ -650,6 +677,9 @@ export class VegaRichTextEditor {
     }, {
       "propName": "validationRules",
       "methodName": "watchValidationRules"
+    }, {
+      "propName": "extensions",
+      "methodName": "watchExtensions"
     }]; }
 }
 __decorate([
@@ -769,3 +799,6 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaRichTextEditor.prototype, "internalCodeBlockSelectionController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaRichTextEditor.prototype, "rteExtensionController", void 0);

package/dist/collection/global/scripts/before-vega-load.js

@@ -17,6 +17,9 @@ import { VegaSkeletonLoader } from '../../helpers/skeleton-loader/vega-skeleton-
 import { VegaTranslation } from '../../helpers/translation';
 import { VegaTranslateObserverSlimmer } from '../../helpers/slimmers/global/vega-translate-observer-slimmer';
 import { VegaRTEContent } from '../../components/vega-rich-text-editor/dto/content-state';
+import { VegaRTETokenExtension } from '../../components/vega-rich-text-editor/extensions/tokens/token-extension';
+import { VegaRTELanguageExtension } from '../../components/vega-rich-text-editor/extensions/languages/language-extension';
+import { VegaRTEPresetToolbarItems } from '../../components/vega-rich-text-editor/constants/constant';
 /**
  * Default export function that will be used by stencil global script,
  * which will be invoked before library loaded.
@@ -173,9 +176,15 @@ function injectVegaTranslationIntoGlobal() {
 }
 /**
  * Inject VegaRTEContent to global as a public api
+ * Inject VegaRTETokenExtension to global as a public api
+ * Inject VegaRTELanguageExtension to global as a public api
+ * Inject VegaRTEPresetToolbarItems to global as a variable
  */
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = VegaRTEContent;
+  globalThis.VegaRTETokenExtension = VegaRTETokenExtension;
+  globalThis.VegaRTELanguageExtension = VegaRTELanguageExtension;
+  globalThis.VegaRTEPresetToolbarItems = VegaRTEPresetToolbarItems;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api

package/dist/collection/helpers/code-format/test/code-formatter.test.js

@@ -1,5 +1,5 @@
-import { VegaRTEContent } from '../../../components/vega-rich-text-editor/dto/content-state';
 import CodeFormatter from '../code-formatter';
+import { VegaRTEContent } from '../../public-api';
 describe('Code formatter', () => {
   it('should format simple HTML with option useTabs', () => {
     const input = `<p><span>Text</span></p>`;

package/dist/collection/helpers/public-api.js

@@ -14,4 +14,4 @@ export { ValidCreditCardNumberRule } from './validator/rules/valid-credit-card-n
 export { waitForVega } from './common';
 export { VegaSkeletonLoader } from './skeleton-loader/vega-skeleton-loader-controller';
 export { VegaTranslation, en as VegaTranslationResourceEN } from './translation';
-export { VegaRTEContent } from '../components/vega-rich-text-editor/dto/content-state';
+export * from '../components/vega-rich-text-editor/public-api';

package/dist/collection/helpers/rte-manager/dto-action-strategy-manager.js

@@ -4,6 +4,7 @@ import { BlockDeleteTextOrDecoratorNodeStrategy } from '../../components/vega-ri
 import { BlockInsertNewParagraphStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-insert-new-paragraph-strategy';
 import { InsertChildrenAfterStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-children-after-strategy';
 import { InsertChildrenBeforeStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-children-before-strategy';
+import { InsertNodeToNearestRootStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-node-to-nearest-root-strategy';
 import { InsertTextToDecoratorNodeStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/insert-text-to-decorator-node-strategy';
 import { ListItemInsertNewParagraphStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/list-item-insert-new-paragraph-strategy';
 import { ListRemoveListItemStrategy } from '../../components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/list-remove-list-item-strategy';
@@ -32,6 +33,7 @@ class RTEDTOActionStrategyManager {
       ? new ListItemInsertNewParagraphStrategy()
       : new BlockInsertNewParagraphStrategy());
     ActionHandleStrategyRegistry.register(ModifyContentActionType.INSERT_TEXT_TO_DECORATOR_NODE, dtoClassName, new InsertTextToDecoratorNodeStrategy());
+    ActionHandleStrategyRegistry.register(ModifyContentActionType.INSERT_NODE_TO_NEAREST_ROOT, dtoClassName, new InsertNodeToNearestRootStrategy());
   }
 }
 export default new RTEDTOActionStrategyManager();

package/dist/esm/{app-globals-ce54f0ac.js → app-globals-aaff0b25.js}

@@ -1,15 +1,17 @@
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader } from './vega-skeleton-loader-controller-394a6026.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaThemeManager, c as VegaDialog, d as VegaEventManager, e as VegaZIndexManager, f as VegaSkeletonLoader, g as VegaRTETokenExtension } from './token-extension-6fc5e1f5.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
-import { V as VegaIconManager } from './icon-manager-2ee1c619.js';
+import { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
 import './wait-for-vega-handler-c2c07ac3.js';
 import './ui-c20be16d.js';
 import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-833d9ef4.js';
-import { V as VegaRTEContent } from './content-state-fc47457c.js';
+import { V as VegaRTEContent } from './dto-renderer-manager-af66bbd9.js';
+import { V as VegaRTEPresetToolbarItems } from './code-block-68300b47.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-81443274.js';
-import { w as waitForVega } from './index-1d479c88.js';
+import { w as waitForVega } from './index-7fe93427.js';
+import { V as VegaRTELanguageExtension } from './language-extension-1ada2a9d.js';
 import { U as UPDATE_TRANSLATION } from './static-subject-title-633b3474.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { O as Observer } from './observer-3959f9dd.js';
@@ -320,15 +322,21 @@ function injectVegaTranslationIntoGlobal() {
 }
 /**
  * Inject VegaRTEContent to global as a public api
+ * Inject VegaRTETokenExtension to global as a public api
+ * Inject VegaRTELanguageExtension to global as a public api
+ * Inject VegaRTEPresetToolbarItems to global as a variable
  */
 function injectVegaRichTextEditorClassIntoGlobal() {
   globalThis.VegaRTEContent = VegaRTEContent;
+  globalThis.VegaRTETokenExtension = VegaRTETokenExtension;
+  globalThis.VegaRTELanguageExtension = VegaRTELanguageExtension;
+  globalThis.VegaRTEPresetToolbarItems = VegaRTEPresetToolbarItems;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void import('./public-rules-095284f6.js').then((module) => {
+  void import('./public-rules-9f62069a.js').then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });

package/dist/esm/base-renderer-101f6d04.js

@@ -0,0 +1,7 @@
+/**
+ * Base renderer class for the rich text editor.
+ */
+class VegaRTEBaseRenderer {
+}
+
+export { VegaRTEBaseRenderer as V };

package/dist/esm/{child-nodes-event-prevent-slimmer-2a3115ae.js → child-nodes-event-prevent-slimmer-7fe3dc57.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-a654cf8a.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-cb06e987.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-51659753.js';
 

package/dist/esm/{code-block-89a4dd13.js → code-block-68300b47.js}

@@ -1,5 +1,5 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-3c2e13f1.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-c7bc3035.js';
 import { b as VegaInternalRichTextEditorFlushChanges, c as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-5a143cd2.js';
 import { c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
@@ -148,6 +148,7 @@ var ModifyContentActionType;
   ModifyContentActionType["DELETE_LINK_GROUP"] = "DELETE_LINK_GROUP";
   ModifyContentActionType["UPDATE_CURSOR_POSITION"] = "UPDATE_CURSOR_POSITION";
   ModifyContentActionType["INSERT_TEXT_TO_DECORATOR_NODE"] = "INSERT_TEXT_TO_DECORATOR_NODE";
+  ModifyContentActionType["INSERT_NODE_TO_NEAREST_ROOT"] = "INSERT_NODE_TO_NEAREST_ROOT";
 })(ModifyContentActionType || (ModifyContentActionType = {}));
 /**
  * Abstract class for update node content, delete node, insert node
@@ -436,6 +437,17 @@ class ActionHandleStrategyRegistry {
       LogUtility.error(`Type ${actionType} action handle strategy is not registered in class ${RTEInstance.constructor.name}`);
     }
   }
+  /**
+   * Check if the action type can be handled by strategy for the specific RTE instance.
+   *
+   * @param {string} actionType - The special action type or the action class name.
+   * @param {RTENode | RTEBlock} RTEInstance - The rich text editor node.
+   * @returns {boolean} - Whether the action type can be handled by the strategy.
+   */
+  static canHandle(actionType, RTEInstance) {
+    const strategy = ActionHandleStrategyRegistry.get(actionType, RTEInstance.constructor.name);
+    return strategy ? true : false;
+  }
 }
 ActionHandleStrategyRegistry.registry = new Map();
 
@@ -1483,6 +1495,16 @@ const RTE_TEXT_COLORS = [
   },
 ];
 const ZERO_WIDTH_SPACE = '\u200b';
+const VegaRTEPresetToolbarItems = [
+  ['textStyles'],
+  ['bold', 'italic', 'underline', 'strikethrough', 'code'],
+  ['textColor'],
+  ['horizontalAlignment', 'bulletsNumbers'],
+  ['moreIndent', 'lessIndent'],
+  ['link'],
+  ['image'],
+  ['clearStyle'],
+];
 
 /**
  * Annotation to make text with text color
@@ -1853,7 +1875,8 @@ class NodeSplitTextStrategy extends ActionHandleStrategy {
           if (noTextRangeSelected) {
             return this.insertNewNode(startOffset, target);
           }
-          if (this.shouldSplitSelection(selectionRangeAnnotation.range)) {
+          if (this.shouldSplitSelection(selectionRangeAnnotation.range) &&
+            target.isContentEditable()) {
             const splittedTextNodes = this.splitTextNode(selectionRangeAnnotation.range, target);
             if (item.annotationMap.has('LINK')) {
               item.apply(new LinkGroupNodeSplitAction(splittedTextNodes));
@@ -1880,10 +1903,12 @@ class NodeSplitTextStrategy extends ActionHandleStrategy {
   insertNewNode(startOffset, target) {
     const newNode = target.cloneWithText('');
     this.setApplyTargetNode(newNode);
-    if (startOffset === 0) {
+    const index = target.parent.children.findIndex((node) => node === target);
+    if (startOffset === 0 || (!target.isContentEditable() && startOffset === index)) {
       return [newNode, target];
     }
-    if (startOffset === target.text.length) {
+    if (startOffset === target.text.length ||
+      (!target.isContentEditable() && startOffset === index + 1)) {
       return [target, newNode];
     }
     const beforeNode = target.cloneWithText(target.text.substring(0, startOffset));
@@ -2471,17 +2496,29 @@ class RTETextNode extends RTENode {
     const textNode = new RTETextNode(richText.id, richText.text, parentBlock);
     const { annotations } = richText;
     if (annotations) {
-      textNode.annotationMap = new Map(Object.keys(annotations)
-        .map((type) => {
-        if (type === 'link' && annotations.link && parentBlock) {
-          parentBlock.apply(new LinkGroupAnnotationAction(annotations.link.groupKey, [textNode], 'link'));
-        }
-        return this.createAnnotationEntity(type, annotations[type], options);
-      })
-        .filter(isNonNullable));
+      textNode.annotationMap = this.generateTextAnnotationMap(annotations, options, parentBlock, textNode);
     }
     return textNode;
   }
+  /**
+   * Generates a map of text annotations for the given set of annotations.
+   *
+   * @param {VegaRTETextAnnotations} annotations - The annotations to be converted into a map.
+   * @param {VegaRTETransformOptions} options - Optional transformation options.
+   * @param {RTETextBlock} parentBlock - The parent text block.
+   * @param {RTETextNode} textNode - The text node.
+   * @returns {NodeAnnotations} The map of text annotations.
+   */
+  static generateTextAnnotationMap(annotations, options, parentBlock, textNode) {
+    return new Map(Object.keys(annotations)
+      .map((type) => {
+      if (type === 'link' && annotations.link && parentBlock && textNode) {
+        parentBlock.apply(new LinkGroupAnnotationAction(annotations.link.groupKey, [textNode], 'link'));
+      }
+      return this.createAnnotationEntity(type, annotations[type], options);
+    })
+      .filter(isNonNullable));
+  }
   /**
    * Creates different types of text annotations based on the provided type and value.
    *
@@ -2608,9 +2645,10 @@ class RTETextNode extends RTENode {
       if (this.isContentEditable()) {
         ActionHandleStrategyRegistry.register(ModifyContentActionType.UPDATE_TEXT, dtoClassName, new NodeUpdateTextStrategy());
         ActionHandleStrategyRegistry.register(ModifyContentActionType.REPLACE_SELECTED_TEXT, dtoClassName, new NodeReplaceSelectedTextStrategy());
-        ActionHandleStrategyRegistry.register(TextSplittableAction.name, dtoClassName, new NodeSplitTextStrategy());
+        ActionHandleStrategyRegistry.register(ModifyContentActionType.LINK_GROUP_NODE_SPLIT, dtoClassName, new LinkGroupNodeSplitStrategy());
+        ActionHandleStrategyRegistry.register(LinkAnnotationAction.name, dtoClassName, new NodeUpdateAnnotationMapStrategy());
       }
-      ActionHandleStrategyRegistry.register(ModifyContentActionType.LINK_GROUP_NODE_SPLIT, dtoClassName, new LinkGroupNodeSplitStrategy());
+      ActionHandleStrategyRegistry.register(TextSplittableAction.name, dtoClassName, new NodeSplitTextStrategy());
       ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_LINK_GROUP, dtoClassName, new DeleteLinkGroupStrategy());
       ActionHandleStrategyRegistry.register(AnnotationAction.name, dtoClassName, new NodeUpdateAnnotationMapStrategy());
       RTETextNode.registerActionStrategyStatus[dtoClassName] = true;
@@ -2659,6 +2697,18 @@ class RTETextNode extends RTENode {
     if (!(annotation instanceof SelectionRangeAnnotation)) {
       this.syncUpSelectedNodes(node);
     }
+    /**
+     * 1. Try to get the specific strategy for the action and node type first (e.g., LinkAnnotationAction on RTETextNode).
+     * 2. If no specific strategy found, try to get the generic NodeUpdateAnnotationMapStrategy for AnnotationAction on RTETextNode.
+     *
+     * This is useful when we want to check if there is a specific strategy for an action-node combination first, we can use the specific strategy to check if the special toolbar button should be enabled or disabled.
+     * TODO: Update the other annotation actions to follow this pattern. https://gethired.atlassian.net/browse/VD-7367
+     */
+    const strategy = ActionHandleStrategyRegistry.get(action.constructor.name, node.constructor.name);
+    if (strategy) {
+      strategy.execute(action, node);
+      return;
+    }
     const updateAnnotationMapStrategy = ActionHandleStrategyRegistry.get(AnnotationAction.name, RTETextNode.name);
     if (updateAnnotationMapStrategy) {
       updateAnnotationMapStrategy.execute(action, node);
@@ -3820,8 +3870,8 @@ class CodeBlockRemoveSelfStrategy extends BlockDeleteNodeContentStrategy {
    * @returns {number} - The number value.
    */
   getRTENodeEndOffset(node) {
-    if (node && node.type !== 'CODE_BLOCK_NODE') {
-      return node['type'] !== 'IMAGE' ? node['text'].length : 1;
+    if (node) {
+      return node.getRangeEndOffset();
     }
     return 0;
   }
@@ -4169,4 +4219,4 @@ class RTECodeBlock extends RTEBlock {
 })();
 RTECodeBlock.CODE_BLOCK_PLACEHOLDER_CLASS_NAME = 'code-block-placeholder-element';
 
-export { UnderlineAnnotationAction as $, ActionHandleStrategy as A, BlockInsertLineBreakStrategy as B, CustomStyleAnnotation as C, BlockDeleteNodeContentStrategy as D, RemoveChildrenStrategy as E, RTE_TEXT_COLORS as F, RTE_DEFAULT_TEXT_COLOR as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, RTENode as J, CodeLanguage as K, LinkAnnotationAction as L, ModifyContentActionType as M, NodeAnnotation as N, InternalAnnotationTypeEnum as O, CommonAnnotationTypeEnum as P, UpdateCodeBlockAction as Q, RTETextBlock as R, SyncUpSelectionAction as S, SelectionChangeAction as T, UpdateTextAction as U, TextSplittableAction as V, TextColorAnnotation as W, RTECodeBlockNode as X, BoldAnnotationAction as Y, ZERO_WIDTH_SPACE as Z, ItalicAnnotationAction as _, RTETextNode as a, TextStyleAnnotationAction as a0, TextStyleAnnotation as a1, BoldAnnotation as a2, ClearFormattingAnnotationAction as a3, CodeAnnotationAction as a4, StrikethroughAnnotationAction as a5, IndentAnnotationAction as a6, AppendChildrenAction as b, ActionHandleStrategyRegistry as c, BlockInsertLineBreakWithBlocksStrategy as d, BlockSplitWithTextNodeStrategy as e, BlockReplaceNodesStrategy as f, BlockMergeNodesStrategy as g, RemoveChildrenAction as h, InsertChildrenBeforeAction as i, BlockAnnotation as j, BlockAnnotationTypeEnum as k, RTEBlock as l, CustomClassAnnotation as m, CustomAttributeAnnotation as n, RTECodeBlock as o, NodeAnnotationTypeEnum as p, RTEDecoratorNode as q, NodeTypeEnum as r, stateEntityRenderingRegistry as s, CommonAnnotation as t, AnnotationAction as u, ReplaceChildNodesAction as v, ModifyContentAction as w, SplitBlockWithNodeAction as x, BlockUpdateHorizontalAlignmentStrategy as y, RTEDTOClassManager$1 as z };
+export { ItalicAnnotationAction as $, ActionHandleStrategyRegistry as A, BlockInsertLineBreakStrategy as B, CustomStyleAnnotation as C, SplitBlockWithNodeAction as D, BlockUpdateHorizontalAlignmentStrategy as E, BlockDeleteNodeContentStrategy as F, RemoveChildrenStrategy as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, RTENode as J, CodeLanguage as K, LinkAnnotationAction as L, ModifyContentAction as M, NodeAnnotation as N, InternalAnnotationTypeEnum as O, CommonAnnotationTypeEnum as P, UpdateCodeBlockAction as Q, RTEDTOClassManager$1 as R, SyncUpSelectionAction as S, SelectionChangeAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, TextSplittableAction as W, TextColorAnnotation as X, RTECodeBlockNode as Y, ZERO_WIDTH_SPACE as Z, BoldAnnotationAction as _, RTETextNode as a, UnderlineAnnotationAction as a0, TextStyleAnnotationAction as a1, TextStyleAnnotation as a2, BoldAnnotation as a3, ClearFormattingAnnotationAction as a4, CodeAnnotationAction as a5, StrikethroughAnnotationAction as a6, IndentAnnotationAction as a7, ModifyContentActionType as b, ActionHandleStrategy as c, RTETextBlock as d, AppendChildrenAction as e, BlockInsertLineBreakWithBlocksStrategy as f, BlockSplitWithTextNodeStrategy as g, BlockReplaceNodesStrategy as h, BlockMergeNodesStrategy as i, RemoveChildrenAction as j, InsertChildrenBeforeAction as k, BlockAnnotation as l, BlockAnnotationTypeEnum as m, RTEBlock as n, CustomClassAnnotation as o, CustomAttributeAnnotation as p, RTECodeBlock as q, RTE_TEXT_COLORS as r, stateEntityRenderingRegistry as s, RTE_DEFAULT_TEXT_COLOR as t, NodeAnnotationTypeEnum as u, RTEDecoratorNode as v, NodeTypeEnum as w, CommonAnnotation as x, AnnotationAction as y, ReplaceChildNodesAction as z };

package/dist/esm/{component-value-history-controller-slimmer.abstract-95b199df.js → component-value-history-controller-slimmer.abstract-ac2f1bfd.js}

@@ -1,14 +1,14 @@
 import { M as MapToComponentMethod, V as VegaSlimmer, L as LogUtility, c as MapToComponentField } from './global-slimmer-registry-17c4efd4.js';
-import { J as RTENode, q as RTEDecoratorNode, s as stateEntityRenderingRegistry, X as RTECodeBlockNode, a as RTETextNode, Z as ZERO_WIDTH_SPACE, T as SelectionChangeAction, O as InternalAnnotationTypeEnum, l as RTEBlock, o as RTECodeBlock } from './code-block-89a4dd13.js';
+import { Y as RTECodeBlockNode, a as RTETextNode, Z as ZERO_WIDTH_SPACE, T as SelectionChangeAction, O as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, n as RTEBlock, J as RTENode, v as RTEDecoratorNode, q as RTECodeBlock } from './code-block-68300b47.js';
 import { d as debounce } from './timer-9321173b.js';
 import { g as getActiveElement } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-3c2e13f1.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-c7bc3035.js';
 import { c as VegaInternalRichTextEditorSelectionRangeChange, a as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-5a143cd2.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { i as isHTMLElement } from './ui-c20be16d.js';
+import { R as RTERange } from './range-c2eeb794.js';
 import { S as SynchronizeTaskQueue } from './synchronize-task-queue-ac8acc3b.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-1e456cd4.js';
+import { i as isHTMLElement } from './ui-c20be16d.js';
 import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-cae3a002.js';
 
 let processing = false;
@@ -224,178 +224,6 @@ __decorate$1([
   MapToComponentMethod('componentDidUpdate')
 ], AutoRunWhenReRenderTaskQueueSlimmer.prototype, "executeTaskHook", null);
 
-/** Manages selection range for a rich text editor, providing methods to set, sync, and create native ranges based on RTENodes and Nodes. */
-class RTERange {
-  /**
-   * Initial the rte range properties
-   *
-   * @param {Node} [startContainer] The range start element.
-   * @param {Node} [endContainer] The range end element.
-   * @param {number} [startOffset] The range start element content offset, default value is 0.
-   * @param {number} [endOffset]  The range end element content offset, default value is 0.
-   * @param {RTENode} [startNode] The range start node, the start node could be null if the start element is root element.
-   * @param {RTENode} [endNode]  The range start node, the start node could be null if the start element is root element.
-   * @param {Range} [nativeRange] The browser native range instance.
-   */
-  constructor(startContainer, endContainer, startOffset = 0, endOffset = 0, startNode, endNode, nativeRange) {
-    this._startOffset = 0;
-    this._endOffset = 0;
-    this._startContainer = startContainer;
-    this._endContainer = endContainer;
-    this._startOffset = startOffset;
-    this._endOffset = endOffset;
-    this._startNode = startNode;
-    this._endNode = endNode;
-    if (nativeRange) {
-      this._oldNativeRange = nativeRange;
-    }
-  }
-  /**
-   * Returns the start container as a Node or null if it is not set.
-   * The start container could be null when the dom node should be create after re-render.
-   *
-   * @returns {Nullable<Node>} The range start element.
-   */
-  get startContainer() {
-    return this._startContainer;
-  }
-  /**
-   * Returns the end container as a Node or null if it is not set.
-   * The end container could be null when the dom node should be create after re-render.
-   *
-   * @returns {Nullable<Node>} The range start element.
-   */
-  get endContainer() {
-    return this._endContainer;
-  }
-  /**
-   * Returns the range start RTE node as a RTENode or null if it is not set.
-   * The start RTENode could be null when the range start node is the root element of the rich text editor.
-   *
-   * @returns {Nullable<RTENode>} The range start element.
-   */
-  get startNode() {
-    return this._startNode;
-  }
-  /**
-   * Returns the range end RTE node as a RTENode or null if it is not set.
-   * The end RTENode could be null when the range end node is the root element of the rich text editor.
-   *
-   * @returns {Nullable<RTENode>} The range start element.
-   */
-  get endNode() {
-    return this._endNode;
-  }
-  /**
-   * Returns range's start offset.
-   *
-   * @returns {number} The character length in text node or the element index of parent element.
-   */
-  get startOffset() {
-    return this._startOffset;
-  }
-  /**
-   * Returns range's start offset.
-   *
-   * @returns {number} The character length in text node or the element index of parent element.
-   */
-  get endOffset() {
-    return this._endOffset;
-  }
-  /**
-   * Updates the range options for a Rich Text Editor.
-   * This method will called after modify the content, the start node and end node should be rte node.
-   * This method will called after selectionchange event emit, the start node and end node should be the html node.
-   *
-   * @param {RTERangeOptions} options - An object that contains the following properties:
-   * @param {Range} [nativeRange] - The native range instance
-   * @returns {RTERange} - The new RTERange instance
-   */
-  updateRTERange(options, nativeRange) {
-    const { startOffset, endOffset } = options;
-    this._startOffset = startOffset;
-    this._endOffset = endOffset;
-    const startNode = options.startNode;
-    const endNode = options.endNode;
-    if (startNode instanceof RTENode) {
-      this._startNode = startNode;
-      this._endNode = endNode;
-      const startContainer = this._startNode.getRangeContainer();
-      const endContainer = this._startNode === this._endNode ? startContainer : this._endNode.getRangeContainer();
-      if (startContainer) {
-        this._startContainer = startContainer;
-        this._endContainer = endContainer;
-      }
-    }
-    else {
-      // The selectionchange callback has a 50 ms delay, so we need to check the next range is the same as the current ret range.
-      this._startContainer = startNode;
-      this._endContainer = endNode;
-      this._startNode = this.getRTENodeByElement(this._startContainer);
-      this._endNode =
-        this._startContainer === this._endContainer
-          ? this._startNode
-          : this.getRTENodeByElement(this._endContainer);
-      if (nativeRange) {
-        this._oldNativeRange = nativeRange;
-      }
-    }
-    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.
-   * Invoke this method to get the native range instance if range start node and end node not defined
-   *
-   * @returns {Nullable<Range>} The range instance. The return value could be null if the start node or end node are not rendered.
-   */
-  toNativeRange() {
-    let range = null;
-    if (this._startNode) {
-      const startContainer = this._startNode.getRangeContainer();
-      const endContainer = this._startNode === this._endNode
-        ? startContainer
-        : this._endNode.getRangeContainer();
-      if (startContainer && endContainer) {
-        range = new Range();
-        range.setStart(startContainer, this._startOffset);
-        range.setEnd(endContainer, this._endOffset);
-        this._startContainer = startContainer;
-        this._endContainer = endContainer;
-        this._oldNativeRange = range;
-        return range;
-      }
-    }
-    if (!range && this._oldNativeRange) {
-      return this._oldNativeRange;
-    }
-  }
-  /**
-   * Retrieves an RTENode based on the given element by checking its type and parent elements.
-   *
-   * @param {Node} element - An element in the DOM (Document Object Model).
-   * @returns { Nullable<RTENode>} Returns a nullable `RTENode` object.
-   */
-  getRTENodeByElement(element) {
-    if (element) {
-      const registerElement = element.nodeType === Node.TEXT_NODE
-        ? element.parentElement
-        : isHTMLElement(element) && RTEDecoratorNode.isDecoratorNodeContainerElement(element)
-          ? RTEDecoratorNode.getDecoratorNodeElement(element)
-          : element;
-      return stateEntityRenderingRegistry.getEntityByDOM(registerElement);
-    }
-  }
-}
-
 /**
  * Represents the state of the selection in the RTE.
  */
@@ -573,7 +401,12 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
         this.enqueueSelectionRangeFutureState(startNode, ZERO_WIDTH_SPACE.length);
       }
       else {
-        this.enqueueSelectionRangeFutureState(startNode, startOffset, endNode, endOffset);
+        // Don't need update the range if the selected node is a non-editable text node, such as token node.
+        if (!(startNode === endNode &&
+          startNode instanceof RTETextNode &&
+          !startNode.isContentEditable())) {
+          this.enqueueSelectionRangeFutureState(startNode, startOffset, endNode, endOffset);
+        }
       }
       this.selectionState = null;
     }
@@ -584,10 +417,11 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
   handleSelectionChange() {
     if (this.disabled || this.sourceView)
       return;
+    // Clear previous selection when handling new selection always
+    this.clearSelectionMap();
     const selection = this.getSelection();
     if (!selection || selection.rangeCount === 0)
       return;
-    this.clearSelectionMap();
     this.saveSelection();
     const range = selection.getRangeAt(0);
     const commonAncestor = range.commonAncestorContainer;
@@ -706,7 +540,7 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
           startNode,
           endNode,
           startOffset: 0,
-          endOffset: endNode.text.length,
+          endOffset: endNode.getRangeEndOffset(),
         });
         this.selectionState = new RTESelectionState(this.currentRange);
       }

package/dist/esm/{design-token-eaa7c221.js → design-token-1a36307e.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-12f7654b.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-86b6de3b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-5711c77d.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-0f01d27a.js';
 import { a as BorderStyle } from './ui-8424715a.js';