@globalpayments/vega 2.60.0 → 2.62.0

package/dist/collection/helpers/event-manager/event-id/vega-internal-event-id.js

@@ -56,3 +56,4 @@ export const VegaInternalColumnBodyCellRenderInputRIC = new VegaInternalEventID(
 export const VegaInternalCalendarEventPreviewUpdate = new VegaInternalEventID('calendarEventPreviewUpdate');
 export const VegaInternalCalendarEventPreviewClear = new VegaInternalEventID('calendarEventPreviewClear');
 export const VegaInternalUpdateRTECursorPosition = new VegaInternalEventID('InternalUpdateRTECursorPosition');
+export const VegaInternalMonthYearChange = new VegaInternalEventID('internalMonthYearChange');

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/collection/utils/spec-utils.js

@@ -195,3 +195,31 @@ export function dispatchPasteEvent(element, data) {
   }
   return pasteEvent;
 }
+/**
+ * Mock the global Date object to a specific date for testing purposes.
+ * This is useful for testing date-dependent functionality in a consistent manner.
+ *
+ * @param {string} dateString - A date string that can be parsed by the Date constructor (e.g., '2023-01-01T00:00:00Z').
+ */
+export function mockedSpecDate(dateString) {
+  const mockDate = new Date(dateString);
+  // eslint-disable-next-line jsdoc/require-jsdoc
+  const MockedDate = class extends Date {
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    constructor(...args) {
+      if (args.length === 0) {
+        super(mockDate.getTime());
+      }
+      else {
+        super(...args);
+      }
+    }
+    // eslint-disable-next-line jsdoc/require-jsdoc
+    static now() {
+      return mockDate.getTime();
+    }
+  };
+  Object.setPrototypeOf(MockedDate.prototype, global.Date.prototype);
+  Object.setPrototypeOf(MockedDate, global.Date);
+  global.Date = MockedDate;
+}

package/dist/esm/{app-globals-c7699395.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-38864fcd.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-460f6254.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-18a340fb.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-71e1883d.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-6b5b31f5.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-526f8ed1.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-055cae13.js → code-block-68300b47.js}

@@ -1,6 +1,6 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-202655e7.js';
-import { b as VegaInternalRichTextEditorFlushChanges, c as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-b7c865de.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';
 import { i as isNonNullable } from './type-guard-12f7654b.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-7a64c05a.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-055cae13.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-202655e7.js';
-import { c as VegaInternalRichTextEditorSelectionRangeChange, a as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-b7c865de.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-999e21e3.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-e1821e4a.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-dbeffcd6.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';

package/dist/esm/{dom-node-subject-factory-202655e7.js → dom-node-subject-observer-factory-c7bc3035.js}

@@ -1,3 +1,5 @@
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { b as isParent } from './ui-c20be16d.js';
 
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
@@ -93,6 +95,7 @@ const VegaDropdownSearch = new VegaEventID('vegaSearch', 'dropdownSearch');
 const VegaActionClick = new VegaEventID('vegaActionClick', 'actionClick');
 const VegaEventClick = new VegaEventID('vegaEventClick', 'eventClick');
 const VegaDateDblClick = new VegaEventID('vegaDateDblClick', 'dateDblClick');
+const VegaDateClick = new VegaEventID('vegaDateClick', 'dateClick');
 const VegaCountryChange = new VegaEventID('vegaCountryChange', 'countryChange');
 const VegaActionButtonClick = new VegaEventID('vegaActionButtonClick', 'actionButtonClick');
 const VegaMoreActionClick = new VegaEventID('vegaMoreActionClick', 'moreActionClick');
@@ -102,6 +105,7 @@ const VegaRetry = new VegaEventID('vegaRetry', 'retry');
 const VegaPreview = new VegaEventID('vegaPreview', 'preview');
 const VegaLabelButtonClick = new VegaEventID('vegaLabelButtonClick', 'labelButtonClick');
 const VegaReset = new VegaEventID('vegaReset', 'reset');
+const VegaMonthYearChange = new VegaEventID('vegaMonthYearChange', 'monthYearChange');
 const HTMLNativeEventIds = [VegaChange, VegaClick, VegaFocus, VegaBlur];
 
 /** The DomNodeSubject class represents a subject related to DOM nodes. */
@@ -199,4 +203,42 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
-export { VegaFocus as A, VegaBlur as B, VegaCountryChange as C, VegaShow as D, VegaHide as E, VegaToggleStatus as F, VegaOpen as G, VegaStateUpdate as H, VegaGroupClick as I, VegaMenuClick as J, VegaActionClick as K, VegaPageSizeChange as L, VegaPopoverShow as M, VegaPopoverHide as N, VegaCurrentStepUpdate as O, VegaImageInserted as P, VegaSelectChange as Q, VegaSelectAllChange as R, VegaRowClick as S, VegaRowExpand as T, VegaRowSelect as U, VegaExpand as V, VegaRowSelectAll as W, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaRemove as k, VegaCreate as l, VegaSearch as m, VegaDropdownShow as n, VegaDropdownHide as o, VegaReset as p, VegaDropdownSearch as q, VegaSearchTrigger as r, VegaLabelButtonClick as s, VegaSelectFileChange as t, VegaRetry as u, VegaPreview as v, VegaFormSubmit as w, VegaFormReset as x, VegaValidate as y, VegaCancel as z };
+/**
+ * The function `domAcceptableHandle` always returns `true`.
+ *
+ * @returns {boolean} true
+ */
+const domAcceptableHandle = () => {
+  return true;
+};
+/** The `DomNodeSubjectObserverFactory` class provides methods to add and remove observers to HTML element nodes. */
+class DomNodeSubjectObserverFactory {
+  /**
+   * add observer to a given HTML element node
+   *
+   * @param {HTMLElement} node the node ref
+   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
+   * @param {(input?: unknown) => void} callback the callback handle
+   * @param {(input?: unknown) => boolean} acceptableHandle the acceptable handle
+   */
+  static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
+    if (node) {
+      const domNodesObserver = new Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
+      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
+      ChangeManager.register(domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
+    }
+  }
+  /**
+   * The function removes observers from a given HTML element node.
+   *
+   * @param {HTMLElement} node - The `node` parameter is an `HTMLElement` object representing an HTML element in the DOM (Document Object Model).
+   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
+   */
+  static removeUniqueObserverFromNode(node, eventId) {
+    if (domNodeSubjectFactory.isExist(node, eventId)) {
+      ChangeManager.clearObserversBySubject(domNodeSubjectFactory.getSubject(node, eventId));
+    }
+  }
+}
+
+export { VegaValidate as A, VegaCancel as B, VegaFocus as C, DomNodeSubjectObserverFactory as D, VegaBlur as E, VegaCountryChange as F, VegaShow as G, VegaHide as H, VegaToggleStatus as I, VegaOpen as J, VegaStateUpdate as K, VegaGroupClick as L, VegaMenuClick as M, VegaActionClick as N, VegaPageSizeChange as O, VegaPopoverShow as P, VegaPopoverHide as Q, VegaCurrentStepUpdate as R, VegaImageInserted as S, VegaSelectChange as T, VegaSelectAllChange as U, VegaDropdownClick as V, VegaRowClick as W, VegaRowExpand as X, VegaRowSelect as Y, VegaRowSelectAll as Z, VegaClick as a, VegaExpand as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaDateClick as j, VegaPageUpdate as k, VegaRemove as l, VegaCreate as m, VegaSearch as n, VegaMonthYearChange as o, VegaDropdownShow as p, VegaDropdownHide as q, VegaReset as r, VegaDropdownSearch as s, VegaSearchTrigger as t, VegaLabelButtonClick as u, VegaSelectFileChange as v, VegaRetry as w, VegaPreview as x, VegaFormSubmit as y, VegaFormReset as z };