@globalpayments/vega 2.47.0 → 2.48.0

package/dist/collection/components/vega-nav/vega-left-nav-link/slimmers/renderers/vega-left-nav-link-renderer.js

@@ -9,7 +9,7 @@ import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
 import changeManager from '../../../../../helpers/change-manager/change-manager';
 import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
 import { findParent } from '../../../../../utils/ui';
-import { VegaInternalLeftNavLinkClick } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { VegaInternalLeftNavLinkClick, VegaInternalLeftNavLinkSelected, } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
 export class VegaLeftNavLinkRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -24,6 +24,7 @@ export class VegaLeftNavLinkRenderer extends VegaSlimmer {
       }
       this.menuClickEventEmitter.emit();
       this.notifyVegaLeftNav();
+      this.notifyVegaLeftGroup();
     };
   }
   render() {
@@ -48,6 +49,14 @@ export class VegaLeftNavLinkRenderer extends VegaSlimmer {
       });
     }
   }
+  notifyVegaLeftGroup() {
+    const topParent = this.vegaLeftNavHierarchyController.getTopParent();
+    if (topParent) {
+      changeManager.notify(domNodeSubjectFactory.getSubject(topParent, VegaInternalLeftNavLinkSelected), {
+        host: this.host,
+      });
+    }
+  }
 }
 __decorate([
   MapToComponentField()
@@ -79,3 +88,6 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaLeftNavLinkRenderer.prototype, "itemKey", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavLinkRenderer.prototype, "vegaLeftNavHierarchyController", void 0);

package/dist/collection/components/vega-nav/vega-left-nav-link/vega-left-nav-link.js

@@ -13,6 +13,7 @@ import { createEventEmitSlimmer, } from '../../../helpers/event-manager/slimmers
 import { VegaMenuClick } from '../../../helpers/event-manager/event-id/vega-event-id';
 import { createDeprecatedPropertySlimmer, } from '../../../helpers/slimmers/deprecated-property-slimmer';
 import { VegaComponentUsageRuntimeMetricsSlimmer } from '../../../helpers/slimmers/component-usage-runtime-metrics';
+import { VegaLeftNavHierarchyController } from '../slimmers/vega-left-nav-group-hierarchy-controller';
 /**
  * @vegaVersion 1.31.0
  */
@@ -20,6 +21,7 @@ export class VegaLeftNavLink {
   constructor() {
     this.globalSlimmers = {};
     this.renderer = new VegaLeftNavLinkRenderer();
+    this.vegaLeftNavHierarchyController = new VegaLeftNavHierarchyController();
     this.controller = new VegaLeftNavLinkController();
     this.menuClickEventEmitter = createEventEmitSlimmer(VegaLeftNavLink, VegaMenuClick);
     this.deprecatedPropertySlimmer = createDeprecatedPropertySlimmer(VegaLeftNavLink, 'counterBadge.count', 'counterBadge.counter', undefined);
@@ -232,6 +234,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNavLink.prototype, "renderer", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNavLink.prototype, "vegaLeftNavHierarchyController", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNavLink.prototype, "controller", void 0);

package/dist/collection/components/vega-popover/vega-popover.js

@@ -214,6 +214,9 @@ export class VegaPopover {
       "optional": false,
       "docs": {
         "tags": [{
+            "name": "VegaWarning",
+            "text": "The value of this property should be an element that is\nthe parent of this component or an ancestor of the parent element.\nUsing any other element may lead to unexpected behavior."
+          }, {
             "name": "vegaVersion",
             "text": "1.19.0"
           }],

package/dist/collection/components/vega-rich-text-editor/dto/annotations/bold-annotation.js

@@ -27,6 +27,12 @@ export class BoldAnnotation extends NodeAnnotation {
       bold: this.bold,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new BoldAnnotation(this.bold);
+  }
   /**
    * Generate the style for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/code-annotation.js

@@ -27,6 +27,12 @@ export class CodeAnnotation extends NodeAnnotation {
       code: this.code,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new CodeAnnotation(this.code);
+  }
   /**
    * Generate the class for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/horizontal-alignment-annotation.js

@@ -35,6 +35,12 @@ export class HorizontalAlignmentAnnotation extends BlockAnnotation {
   renderClass() {
     return `v-rte--horizontal-alignment-${this.textAlign}`;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new HorizontalAlignmentAnnotation(this.textAlign);
+  }
   /**
    * Generate the style for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/image-annotation.js

@@ -35,6 +35,12 @@ export class ImageAnnotation extends NodeAnnotation {
         size: this.size,
       };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ImageAnnotation(this.size, this.alt);
+  }
   /**
    * Generate the style for the image
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/indent-annotation.js

@@ -25,6 +25,12 @@ export class IndentAnnotation extends BlockAnnotation {
   toJSON() {
     return this.indent > 0 ? { indent: this.indent } : null;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new IndentAnnotation(this.indent);
+  }
   /**
    * Generate the style for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/italic-annotation.js

@@ -27,6 +27,12 @@ export class ItalicAnnotation extends NodeAnnotation {
       italic: this.italic,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new ItalicAnnotation(this.italic);
+  }
   /**
    * Generate the style for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/link-annotation.js

@@ -28,6 +28,12 @@ export class LinkAnnotation extends NodeAnnotation {
   toJSON() {
     return { link: { href: this.link.href, groupKey: this.link.groupKey } };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new LinkAnnotation(this.link);
+  }
   /**
    * Verify whether two link annotation is same or not
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/link-group-annotation.js

@@ -9,4 +9,11 @@ export class LinkGroupAnnotation extends Annotation {
     this.linkGroups = new Map();
     this.linkGroups = new Map([[groupKey, []]]);
   }
+  clone() {
+    const clonedAnnotation = new LinkGroupAnnotation('');
+    this.linkGroups.forEach((nodes, key) => {
+      clonedAnnotation.linkGroups.set(key, nodes.map((node) => node.clone()));
+    });
+    return clonedAnnotation;
+  }
 }

package/dist/collection/components/vega-rich-text-editor/dto/annotations/selection-range-annotation.js

@@ -8,4 +8,12 @@ export class SelectionRangeAnnotation extends Annotation {
     this.type = InternalAnnotationTypeEnum.SELECTION_RANGE;
     this.range = range;
   }
+  /**
+   * Clone the selection range annotation
+   *
+   * @returns {SelectionRangeAnnotation} A cloned instance of the selection range annotation
+   */
+  clone() {
+    return new SelectionRangeAnnotation(this.range);
+  }
 }

package/dist/collection/components/vega-rich-text-editor/dto/annotations/strikethrough-annotation.js

@@ -27,6 +27,12 @@ export class StrikethroughAnnotation extends NodeAnnotation {
       strikethrough: this.strikethrough,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new StrikethroughAnnotation(this.strikethrough);
+  }
   /**
    * Generate the class for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/text-color-annotation.js

@@ -29,6 +29,12 @@ export class TextColorAnnotation extends NodeAnnotation {
       textColor: this.textColor.key,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextColorAnnotation(this.textColor.key);
+  }
   /**
    * Generate the class for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/text-style-annotation.js

@@ -25,6 +25,12 @@ export class TextStyleAnnotation extends BlockAnnotation {
   toJSON() {
     return { textStyle: this.textStyle };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new TextStyleAnnotation(this.textStyle);
+  }
   /**
    * Render the styles by block type
    *

package/dist/collection/components/vega-rich-text-editor/dto/annotations/underline-annotation.js

@@ -27,6 +27,12 @@ export class UnderlineAnnotation extends NodeAnnotation {
       underline: this.underline,
     };
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new UnderlineAnnotation(this.underline);
+  }
   /**
    * Generate the class for the annotation
    *

package/dist/collection/components/vega-rich-text-editor/dto/blocks/block.abstract.js

@@ -98,4 +98,12 @@ export class RTEBlock {
     this.annotationMap.set(annotation.type, annotation);
     typeof this.doAnnotationActionApply === 'function' && this.doAnnotationActionApply(action);
   }
+  /**
+   * clone annotations of the block
+   *
+   * @returns {BlockAnnotations} - Cloned annotations
+   */
+  cloneAnnotations() {
+    return new Map(Array.from(this.annotationMap.entries()).map(([key, value]) => [key, value.clone()]));
+  }
 }

package/dist/collection/components/vega-rich-text-editor/dto/blocks/image-block.js

@@ -71,6 +71,20 @@ export class RTEImageBlock extends RTEBlock {
   createNewImageBlock() {
     return new RTEImageBlock(generateUUID());
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedBlock = new RTEImageBlock(this.id);
+    clonedBlock.nodes = this.nodes.map((node) => {
+      const clonedNode = node.clone();
+      clonedNode.parentBlock = clonedBlock;
+      return clonedNode;
+    });
+    clonedBlock.annotationMap = super.cloneAnnotations();
+    clonedBlock.parent = this.parent;
+    return clonedBlock;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEImageBlock.name, new BlockDeleteImageStrategy());

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-block.js

@@ -52,6 +52,20 @@ export class RTEListBlock extends RTEBlock {
   getLastNode() {
     return this.blocks[this.blocks.length - 1].getLastNode();
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedListBlock = new RTEListBlock(this.id, this.type);
+    clonedListBlock.blocks = this.blocks.map((item) => {
+      const clonedListItemBlock = item.clone();
+      clonedListItemBlock.parent = clonedListBlock;
+      return clonedListItemBlock;
+    });
+    clonedListBlock.annotationMap = super.cloneAnnotations();
+    clonedListBlock.parent = this.parent;
+    return clonedListBlock;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_CHILD, RTEListBlock.name, new ListRemoveListItemStrategy());

package/dist/collection/components/vega-rich-text-editor/dto/blocks/list-item-block.js

@@ -89,6 +89,26 @@ export class RTEListItemBlock extends RTETextBlock {
   createNewListItem() {
     return new RTEListItemBlock(generateUUID());
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    var _a;
+    const block = new RTEListItemBlock(this.id);
+    block.nodes = this.nodes.map((node) => {
+      const clonedNode = node.clone();
+      clonedNode.parentBlock = block;
+      return clonedNode;
+    });
+    block.annotationMap = super.cloneAnnotations();
+    block.children = (_a = this.children) === null || _a === void 0 ? void 0 : _a.map((child) => {
+      const clonedChild = child.clone();
+      clonedChild.parent = block;
+      return clonedChild;
+    });
+    block.parent = this.parent;
+    return block;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_BLOCK_CONTENT, RTEListItemBlock.name, new ListItemDeleteTextContentStrategy());

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

@@ -127,6 +127,20 @@ export class RTETextBlock extends RTEBlock {
     block.apply(new AppendChildNodesAction(nodes));
     return block;
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    const clonedBlock = new RTETextBlock(this.id, this.type);
+    clonedBlock.nodes = this.nodes.map((node) => {
+      const clonedNode = node.clone();
+      clonedNode.parentBlock = clonedBlock;
+      return clonedNode;
+    });
+    clonedBlock.annotationMap = super.cloneAnnotations();
+    clonedBlock.parent = this.parent;
+    return clonedBlock;
+  }
   /**
    * @inheritDoc
    */

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

@@ -73,10 +73,13 @@ export class VegaRTEContent {
   /**
    * Clones the content state.
    *
+   * @param {boolean} deep - If true, performs a deep clone of the content state.
    * @returns {VegaRTEContent} The cloned content state.
    */
-  clone() {
-    return new VegaRTEContent([...this.blocks]);
+  clone(deep = false) {
+    return deep
+      ? new VegaRTEContent(this.blocks.map((block) => block.clone()))
+      : new VegaRTEContent([...this.blocks]);
   }
   /**
    * Converts the content state to a JSON array of blocks.
@@ -116,6 +119,48 @@ export class VegaRTEContent {
   createList(type) {
     return new RTEListBlock(generateUUID(), type);
   }
+  /**
+   * Finds a node by its ID in the content.
+   *
+   * @param {string} id - The ID of the node to find.
+   * @returns {Nullable<RTENode>} The found node or null if not found.
+   */
+  findNodeById(id) {
+    return this.findNodeInBlocksById(id, this.blocks);
+  }
+  /**
+   * Recursively searches for a node by its ID in the given blocks.
+   *
+   * @param {string} id - The ID of the node to find.
+   * @param {RTEContentBlock[]} blocks - The blocks to search within.
+   * @returns {Nullable<RTENode>} The found node or null if not found.
+   */
+  findNodeInBlocksById(id, blocks) {
+    for (const block of blocks) {
+      if ('nodes' in block) {
+        for (const node of block.nodes) {
+          if (node.id === id) {
+            return node;
+          }
+        }
+      }
+      if (block instanceof RTEListItemBlock && block.children) {
+        for (const cBlock of block.children) {
+          const foundNode = this.findNodeInBlocksById(id, cBlock.blocks);
+          if (foundNode) {
+            return foundNode;
+          }
+        }
+      }
+      if (block instanceof RTEListBlock && block.blocks) {
+        const foundNode = this.findNodeInBlocksById(id, block.blocks);
+        if (foundNode) {
+          return foundNode;
+        }
+      }
+    }
+    return null;
+  }
 }
 (() => {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_CHILD, VegaRTEContent.name, new BlockRemoveChildBlockStrategy());

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

@@ -0,0 +1,36 @@
+/**
+ * Represents the state of the RTE
+ */
+export class RTEEditorState {
+  constructor(content, selection) {
+    this.content = content.clone(true);
+    this.selection = selection.clone();
+    this.refreshSelectionNodes();
+  }
+  /**
+   * Clones the editor state, updating the content and selection based on the provided content.
+   *
+   * @returns {RTEEditorState} A new instance of RTEEditorState with the updated content and selection.
+   */
+  clone() {
+    return new RTEEditorState(this.content, this.selection);
+  }
+  /**
+   * Refreshes the selection nodes in the editor state.
+   */
+  refreshSelectionNodes() {
+    const { startNode: oldStartNode, endNode: oldEndNode, startOffset, endOffset, } = this.selection.range;
+    if (oldStartNode && oldEndNode) {
+      const startNode = this.content.findNodeById(oldStartNode.id);
+      const endNode = this.content.findNodeById(oldEndNode.id);
+      if (startNode && endNode) {
+        this.selection.range.updateRTERange({
+          startNode,
+          endNode,
+          startOffset,
+          endOffset,
+        });
+      }
+    }
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/nodes/image-node.js

@@ -52,6 +52,12 @@ export class RTEImageNode extends RTENode {
     }
     return Object.assign(Object.assign({ id: this.id }, (Object.keys(annotations).length > 0 ? { annotations } : {})), { type: 'image', url: this.url });
   }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new RTEImageNode(this.id, this.url, this.parentBlock, super.cloneAnnotations());
+  }
   /**
    * @inheritDoc
    */

package/dist/collection/components/vega-rich-text-editor/dto/nodes/node.abstract.js

@@ -76,4 +76,12 @@ export class RTENode {
       }
     }
   }
+  /**
+   * Clones the annotations of the current RTETextNode.
+   *
+   * @returns {NodeAnnotations} A new Map containing cloned annotations.
+   */
+  cloneAnnotations() {
+    return new Map(Array.from(this.annotationMap.entries()).map(([key, value]) => [key, value.clone()]));
+  }
 }

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

@@ -102,7 +102,13 @@ export class RTETextNode extends RTENode {
    * @returns {RTETextNode} An new RTETextNode
    */
   cloneWithText(text) {
-    return new RTETextNode(generateUUID(), text, this.parentBlock, new Map(this.annotationMap));
+    return new RTETextNode(generateUUID(), text, this.parentBlock, super.cloneAnnotations());
+  }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new RTETextNode(this.id, this.text, this.parentBlock, super.cloneAnnotations());
   }
   /**
    * Checks if a node is empty

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

@@ -120,6 +120,14 @@ export class RTERange {
     }
     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.

package/dist/collection/components/vega-rich-text-editor/dto/renderers/blocks/image-block-renderer.js

@@ -7,7 +7,7 @@ class RTEImageBlockRenderer extends RTEBlockRenderer {
     return block instanceof RTEImageBlock;
   }
   render(block, renderContext) {
-    return (h("div", { style: Object.assign({}, super.getStyles(block)), ref: (ref) => super.registerRef(ref, block), class: super.getClasses(block) }, block.nodes.map((node) => {
+    return (h("div", { key: block.id, style: Object.assign({}, super.getStyles(block)), ref: (ref) => super.registerRef(ref, block), class: super.getClasses(block) }, block.nodes.map((node) => {
       return RTEImageNodeRenderer.render(node, renderContext);
     })));
   }

package/dist/collection/components/vega-rich-text-editor/dto/renderers/blocks/list-block-renderer.js

@@ -8,7 +8,7 @@ class RTEListBlockRenderer extends RTEBlockRenderer {
   }
   render(block, renderContext) {
     const BlockTag = block.type === 'number-list' ? 'ol' : 'ul';
-    return (h(BlockTag, { ref: (ref) => super.registerRef(ref, block) }, block.blocks.map((listItemBlock) => RTEListItemBlockRenderer.render(listItemBlock, renderContext))));
+    return (h(BlockTag, { key: block.id, ref: (ref) => super.registerRef(ref, block) }, block.blocks.map((listItemBlock) => RTEListItemBlockRenderer.render(listItemBlock, renderContext))));
   }
 }
 export default new RTEListBlockRenderer();

package/dist/collection/components/vega-rich-text-editor/dto/renderers/blocks/list-item-block-renderer.js

@@ -3,7 +3,7 @@ import RTEListBlockRenderer from './list-block-renderer';
 import { RTEBlockTextNodesRenderer } from './block-text-nodes-renderer.abstract';
 class RTEListItemBlockRenderer extends RTEBlockTextNodesRenderer {
   render(block, renderContext) {
-    return (h("li", { ref: (ref) => super.registerRef(ref, block), style: super.getStyles(block), class: super.getClasses(block) },
+    return (h("li", { key: block.id, ref: (ref) => super.registerRef(ref, block), style: super.getStyles(block), class: super.getClasses(block) },
       super.renderNodes(block, renderContext),
       this.renderChildren(block.children, renderContext)));
   }

package/dist/collection/components/vega-rich-text-editor/dto/renderers/blocks/text-block-renderer.js

@@ -7,7 +7,7 @@ class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   }
   render(block, renderContext) {
     const BlockTag = this.getBlockTagByType(block.type);
-    return (h(BlockTag, { ref: (ref) => super.registerRef(ref, block), style: super.getStyles(block), class: super.getClasses(block) }, super.renderNodes(block, renderContext)));
+    return (h(BlockTag, { key: block.id, ref: (ref) => super.registerRef(ref, block), style: super.getStyles(block), class: super.getClasses(block) }, super.renderNodes(block, renderContext)));
   }
   getBlockTagByType(type) {
     switch (type) {

package/dist/collection/components/vega-rich-text-editor/dto/renderers/nodes/image-node-renderer.js

@@ -38,7 +38,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
   render(node, renderContext) {
     const imageAnnotation = node.getAnnotationByType(NodeAnnotationTypeEnum.IMAGE);
     const { size, alt } = imageAnnotation || new ImageAnnotation('md', '');
-    return renderContext.editable ? (h("vega-rich-text-image-editor", { style: super.getStyles(node), size: size, alt: alt, ref: (ref) => {
+    return renderContext.editable ? (h("vega-rich-text-image-editor", { key: node.id, style: super.getStyles(node), size: size, alt: alt, ref: (ref) => {
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaChange, (e) => this.handleChange(e, node));
       } }, this.renderImage(alt, node, renderContext))) : (this.renderImage(alt, node, renderContext));
   }

package/dist/collection/components/vega-rich-text-editor/dto/renderers/nodes/text-node-renderer.js

@@ -7,9 +7,9 @@ class RTETextNodeRenderer extends RTENodeRenderer {
   render(node) {
     const codeAnnotation = node.annotationMap.get(NodeAnnotationTypeEnum.CODE);
     if (codeAnnotation === null || codeAnnotation === void 0 ? void 0 : codeAnnotation.code) {
-      return (h("code", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || ZERO_WIDTH_SPACE));
+      return (h("code", { key: node.id, style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || ZERO_WIDTH_SPACE));
     }
-    return (h("span", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || ZERO_WIDTH_SPACE));
+    return (h("span", { key: node.id, style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || ZERO_WIDTH_SPACE));
   }
   registerRef(ref, node) {
     super.registerRef(ref, node);

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

@@ -0,0 +1,17 @@
+/**
+ * Represents the state of the selection in the RTE.
+ */
+export class RTESelectionState {
+  constructor(range) {
+    this.range = range;
+  }
+  /**
+   * Clones the selection state, updating the range nodes based on the provided content.
+   *
+   * @returns {RTESelectionState} A new instance of RTESelectionState with the updated range.
+   */
+  clone() {
+    const newRange = this.range.clone();
+    return new RTESelectionState(newRange);
+  }
+}

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/block-to-rte-block-strategy.abstract.js

@@ -34,7 +34,7 @@ export class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
         childNodes.push({
           id: generateUUID(),
           type: 'text',
-          text: child.textContent,
+          text: String(child.textContent),
           annotations: annotations,
         });
       }
@@ -67,7 +67,7 @@ export class BlockToRTEBlockStrategyAbstract extends ElementToDTOStrategy {
    * @returns {boolean} - boolean.
    */
   isInvalidTextNode(element) {
-    if (element.nodeValue.includes('\t')) {
+    if (element.nodeValue && element.nodeValue.includes('\t')) {
       const value = element.nodeValue.replace(/\n|\t/gm, '');
       if (value.length === 0)
         return true;

package/dist/collection/components/vega-rich-text-editor/slimmers/controllers/helper/element-to-dto-strategy/element-to-dto-strategy.abstract.js

@@ -1,3 +1,4 @@
+import { isNonNullable } from '../../../../../../types/type-guard';
 /**
  * Abstract class to define strategies for processing HTML elements
  */
@@ -23,14 +24,14 @@ export class ElementToDTOStrategyOutput {
   /**
    * Transform current output and children output to DTO
    *
-   * @returns {RTEContentBlock} - DTO.
+   * @returns {Nullable<RTEContentBlock>} - DTO.
    */
   toDto() {
     const currentBlock = this.currentStrategy.handle(this.currentElements);
     if (this.childrenOutput.length > 0 && currentBlock) {
       this.currentStrategy.appendChildBlocks(currentBlock, this.childrenOutput
         .map((childOutput) => childOutput.toDto())
-        .filter(Boolean));
+        .filter(isNonNullable));
     }
     return currentBlock;
   }