@globalpayments/vega 2.61.0 → 2.63.0

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';

package/dist/esm/{dom-node-subject-factory-3c2e13f1.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. */
@@ -201,4 +203,42 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
-export { VegaValidate as A, VegaCancel as B, VegaFocus as C, VegaBlur as D, VegaCountryChange as E, VegaShow as F, VegaHide as G, VegaToggleStatus as H, VegaOpen as I, VegaStateUpdate as J, VegaGroupClick as K, VegaMenuClick as L, VegaActionClick as M, VegaPageSizeChange as N, VegaPopoverShow as O, VegaPopoverHide as P, VegaCurrentStepUpdate as Q, VegaImageInserted as R, VegaSelectChange as S, VegaSelectAllChange as T, VegaRowClick as U, VegaExpand as V, VegaRowExpand as W, VegaRowSelect as X, VegaRowSelectAll as Y, 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, 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 };
+/**
+ * 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 };