@globalpayments/vega 2.61.0 → 2.62.0

package/dist/cjs/{public-rules-21622bd0.js → public-rules-5d0f3a5f.js}

@@ -5,17 +5,18 @@ const dateRequiredRule = require('./date-required-rule-4e1f84fd.js');
 const inputPhoneNumberRequiredRule = require('./input-phone-number-required-rule-2668fdf1.js');
 const inputRangeRequiredRule = require('./input-range-required-rule-5b9c2a95.js');
 const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-8d7e441a.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-72170c10.js');
 const timeRequiredRule = require('./time-required-rule-ccf178e7.js');
 const toggleSwitchRequiredRule = require('./toggle-switch-required-rule-88a51b36.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
 require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./date-0a6bb035.js');
 require('./global-slimmer-registry-b3bce7e0.js');
-require('./content-state-d7b8e70b.js');
-require('./code-block-ecb2df41.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
 require('./change-manager-a297e4d2.js');
-require('./dom-node-subject-factory-4eb1fec2.js');
+require('./dom-node-subject-observer-factory-58e3c010.js');
+require('./observer-f49483e8.js');
 require('./ui-4ce1fa08.js');
 require('./vega-internal-event-id-9647aaf8.js');
 require('./string-39438062.js');
@@ -27,7 +28,6 @@ require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./dark-mode-style-controller-ab0703e1.js');
 require('./static-subject-title-85732e0f.js');
-require('./observer-f49483e8.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./object-e2e28e3d.js');
 

package/dist/cjs/range-cfc45f9e.js

@@ -0,0 +1,178 @@
+'use strict';
+
+const codeBlock = require('./code-block-eb66d852.js');
+const ui = require('./ui-4ce1fa08.js');
+
+/** 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 codeBlock.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
+        : ui.isHTMLElement(element) && codeBlock.RTEDecoratorNode.isDecoratorNodeContainerElement(element)
+          ? codeBlock.RTEDecoratorNode.getDecoratorNodeElement(element)
+          : element;
+      return codeBlock.stateEntityRenderingRegistry.getEntityByDOM(registerElement);
+    }
+  }
+}
+
+exports.RTERange = RTERange;

package/dist/cjs/{responsive-format-facade-0d22ff78.js → responsive-format-facade-7e933525.js}

@@ -9,13 +9,14 @@ const pixel = require('./pixel-98f2a10c.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const array = require('./array-249289f2.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./vega-skeleton-loader-controller-9c54f3aa.js');
+require('./token-extension-23ccff1d.js');
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-require('./icon-manager-9072356d.js');
+require('./internal-icon-manager-32f9ed63.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./ui-4ce1fa08.js');
 require('./translation-cde4dce3.js');
-require('./content-state-d7b8e70b.js');
+require('./dto-renderer-manager-f3894490.js');
+require('./code-block-eb66d852.js');
 
 /**
  * An abstract class for format {@link ManagedResponsiveScopeInput[Flag]} to CSS class string

package/dist/cjs/{rich-text-editor-required-rule-8d7e441a.js → rich-text-editor-required-rule-72170c10.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const contentState = require('./content-state-d7b8e70b.js');
+const dtoRendererManager = require('./dto-renderer-manager-f3894490.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 
 /**
@@ -57,7 +57,7 @@ class RichTextEditorRequiredRule extends internalFormFieldValidationRule_abstrac
   isAcceptedInputType(input) {
     if (input === undefined || input === null)
       return true;
-    return input instanceof contentState.VegaRTEContent;
+    return input instanceof dtoRendererManager.VegaRTEContent;
   }
 }
 

package/dist/cjs/{string-input-formatter-slimmer-5a744e71.js → string-input-formatter-slimmer-f6c7a255.js}

@@ -3,9 +3,9 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const typeGuard = require('./type-guard-f12b5bae.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
-const index = require('./index-da628bba.js');
+const index = require('./index-5505e8dd.js');
 
 var __decorate = (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;
@@ -70,7 +70,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         e.preventDefault();
       }
       else {
-        changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalPasteEvent), e);
+        changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalPasteEvent), e);
       }
     };
   }
@@ -78,7 +78,7 @@ class StringInputFormatterSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Component lifecycle - componentDidRender
    */
   componentDidRender() {
-    changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalComponentDidRender), {});
+    changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalComponentDidRender), {});
   }
   /**
    * The setup function initializes input element event listeners based on input and blur format strategies.

package/dist/cjs/{style-formatter-a66813a2.js → style-formatter-702df81e.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const typeGuard = require('./type-guard-f12b5bae.js');
-const responsiveFormatFacade = require('./responsive-format-facade-0d22ff78.js');
+const responsiveFormatFacade = require('./responsive-format-facade-7e933525.js');
 
 /**
  * Fomatter flex styles.

package/dist/cjs/{sub-state-notify-slimmer-9602b5bb.js → sub-state-notify-slimmer-bb64fcfc.js}

@@ -5,7 +5,7 @@ const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 
 /**
  * Sub state notify slimmer
@@ -32,19 +32,19 @@ class SubStateNotifySlimmerBase extends globalSlimmerRegistry.VegaSlimmer {
     this.subStateObserver = new observer.Observer(this.isAcceptableObserverPayload.bind(this), (payload) => {
       payload.callback(this.propValue);
     });
-    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePull), this.subStateObserver);
+    changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePull), this.subStateObserver);
   }
   /**
    * unregister the observer in disconnectedCallback
    */
   disconnectedCallback() {
-    changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePull), this.subStateObserver);
+    changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePull), this.subStateObserver);
   }
   /**
    * Notify the children component which prop has been changed in the parent component
    */
   subStateNotify() {
-    changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePush), {
+    changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalSubStatePush), {
       host: this.host,
       stateName: this.propName,
       value: this.propValue,

package/dist/cjs/{sub-state-observer-slimmer-df7df5bb.js → sub-state-observer-slimmer-84175d61.js}

@@ -4,7 +4,7 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-4ce1fa08.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-4eb1fec2.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-58e3c010.js');
 const vegaInternalEventId = require('./vega-internal-event-id-9647aaf8.js');
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -47,7 +47,7 @@ class SubStateObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         this.updateState(subState, payload.value);
       }
     });
-    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
+    changeManager.ChangeManager.register(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
     if (this.observerEntry.pullStatesWhenReattached && this.host.classList.contains('hydrated')) {
       this.parent = this.getParent();
       this.pullStates();
@@ -59,7 +59,7 @@ class SubStateObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   disconnectedCallback() {
     if (!this.parent)
       return;
-    changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
+    changeManager.ChangeManager.unregister(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePush), this.subStateObserver);
   }
   /**
    * Fetch the parent props when componentWillLoad
@@ -107,7 +107,7 @@ class SubStateObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       return;
     const { subStates } = this.observerEntry;
     subStates.forEach((subState) => {
-      changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePull), {
+      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.parent, vegaInternalEventId.VegaInternalSubStatePull), {
         host: this.parent,
         stateName: subState.parentStateName,
         // eslint-disable-next-line jsdoc/require-jsdoc