@globalpayments/vega 2.91.0 → 2.93.0

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

@@ -14,7 +14,7 @@ import { sanitizeVegaComponent } from '../../utils/component';
  */
 /**
  * This is an internal used component and shouldn't be used by client,
- *    it doesn't show up in storybook either.
+ *    it is not part of the public component surface.
  */
 export class VegaHint {
   constructor() {

package/dist/collection/components/vega-input/vega-input.css

@@ -112,6 +112,7 @@ vega-field-label {
   letter-spacing: 0px;
   color: rgba(var(--v-text-primary, 32, 54, 69, 1));
   background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
+  font-feature-settings: "calt" 0;
 }
 @media screen and (min-width: 768px) and (max-width: 1023px) {
   .vega-input-input input {

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

@@ -590,7 +590,7 @@ export class VegaInput {
       "mutable": false,
       "complexType": {
         "original": "Nullable<LabelSuffixButtonConfig>",
-        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "resolved": "{ icon: string; buttonSize?: VegaButtonCircleSize; centerAlign?: boolean; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
         "references": {
           "Nullable": {
             "location": "import",

package/dist/collection/components/vega-input-select/vega-input-select.js

@@ -307,7 +307,7 @@ export class VegaInputSelect {
       "mutable": false,
       "complexType": {
         "original": "Nullable<LabelSuffixButtonConfig>",
-        "resolved": "{ icon: string; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
+        "resolved": "{ icon: string; buttonSize?: VegaButtonCircleSize; centerAlign?: boolean; } & Partial<Pick<HTMLVegaTooltipElement, \"size\" | \"trigger\" | \"minWidth\" | \"maxWidth\" | \"text\" | \"placement\" | \"alignment\">>",
         "references": {
           "Nullable": {
             "location": "import",

package/dist/collection/components/vega-modal/slimmers/renderers/vega-modal-renderer.js

@@ -36,7 +36,7 @@ export class VegaModalRenderer extends VegaSlimmer {
       h("vega-box", { class: "modal-dialog", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, width: isResponsiveSizeType(this.size) ? this.size : DefaultModalSize, height: this.height, margin: this.margin }, this.renderContainer())));
   }
   renderContainer() {
-    return (h("div", { class: "modal-container", ref: (node) => (this.modalContainer = node) },
+    return (h("vega-box", { class: "modal-container", corners: this.corners, ref: (node) => (this.modalContainer = node) },
       this.renderHeader(),
       this.renderContent(),
       this.renderFooter()));
@@ -117,6 +117,9 @@ __decorate([
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "height", void 0);
+__decorate([
+  MapToComponentField()
+], VegaModalRenderer.prototype, "corners", void 0);
 __decorate([
   MapToComponentField()
 ], VegaModalRenderer.prototype, "showCloseButton", void 0);

package/dist/collection/components/vega-modal/vega-modal.css

@@ -5223,7 +5223,6 @@
   background-color: rgba(var(--v-bg-primary, 252, 252, 252, 1));
   color: rgba(var(--v-text-primary, 32, 54, 69, 1));
   box-shadow: var(--v-shadow-modal, 0px 6px 40px 0px rgba(2, 2, 15, 0.04), 0px 4px 24px 0px rgba(2, 2, 15, 0.08), 0px 8px 80px 0px rgba(2, 2, 15, 0.16));
-  border-radius: 12px;
   box-sizing: border-box;
   pointer-events: auto;
   overflow: hidden;

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

@@ -130,6 +130,14 @@ export class VegaModal {
      * @vegaVersion 2.81.0
      */
     this.margin = { y: 'size-64', x: 'auto' };
+    /**
+     * Defines the corner of the modal dialog.
+     *    It accepts a string value representing a valid
+     *    border radius token.
+     *
+     * @vegaVersion 2.93.0
+     */
+    this.corners = 'rounded-12';
     /**
      * Provides a callback function that is triggered when a user clicks the
      *    close button located in the top right corner of the modal.
@@ -560,6 +568,36 @@ export class VegaModal {
       "attribute": "content-max-height",
       "reflect": false
     },
+    "corners": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "ResponsiveType<CornersType>",
+        "resolved": "\"rounded-12\" | \"rounded-16\" | \"rounded-2\" | \"rounded-24\" | \"rounded-32\" | \"rounded-4\" | \"rounded-48\" | \"rounded-8\" | \"rounded-full\" | \"rounded-none\" | { S?: CornersType; M?: CornersType; L?: CornersType; XL?: CornersType; default?: CornersType; } | { left?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; right?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; top?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; bottom?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"top-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-left\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; \"bottom-right\"?: \"rounded-none\" | \"rounded-full\" | \"rounded-2\" | \"rounded-4\" | \"rounded-8\" | \"rounded-12\" | \"rounded-16\" | \"rounded-24\" | \"rounded-32\" | \"rounded-48\"; }",
+        "references": {
+          "ResponsiveType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          },
+          "CornersType": {
+            "location": "import",
+            "path": "../../types/ui.type"
+          }
+        }
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "name": "vegaVersion",
+            "text": "2.93.0"
+          }],
+        "text": "Defines the corner of the modal dialog.\n   It accepts a string value representing a valid\n   border radius token."
+      },
+      "attribute": "corners",
+      "reflect": false,
+      "defaultValue": "'rounded-12'"
+    },
     "handleClose": {
       "type": "unknown",
       "mutable": false,

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

@@ -0,0 +1,3 @@
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M48 112a64 64 0 1 1 128 0 64 64 0 1 1 -128 0zm176 0C224 50.1 173.9 0 112 0S0 50.1 0 112 50.1 224 112 224c24 0 46.3-7.6 64.5-20.4l57.3 52.4-57.3 52.4C158.3 295.6 136 288 112 288 50.1 288 0 338.1 0 400s50.1 112 112 112 112-50.1 112-112c0-20.5-5.5-39.6-15.1-56.2L504.2 73.7c9.8-8.9 10.5-24.1 1.5-33.9s-24.1-10.5-33.9-1.5l-202.4 185.2-60.5-55.3c9.6-16.5 15.1-35.7 15.1-56.2zM471.8 473.7c9.8 8.9 25 8.3 33.9-1.5s8.3-25-1.5-33.9L338.6 286.8 302.7 319 471.8 473.7zM48 400a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"/></svg>`,
+};

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

@@ -1,3 +1,3 @@
 export default {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M48 424c0 13.3-10.7 24-24 24S0 437.3 0 424l0-96c0-53 43-96 96-96l334.1 0-95-95c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L505 239c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17L369 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l95-95-334.1 0c-26.5 0-48 21.5-48 48l0 96z"/></svg>`,
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M48 424c0 13.3-10.7 24-24 24S0 437.3 0 424l0-96c0-53 43-96 96-96l334.1 0-95-95c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0L505 239c4.5 4.5 7 10.6 7 17s-2.5 12.5-7 17L369 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l95-95-334.1 0c-26.5 0-48 21.5-48 48l0 96z"/></svg>`,
 };

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

@@ -1,3 +1,3 @@
 export default {
-  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M464 424c0 13.3 10.7 24 24 24s24-10.7 24-24l0-96c0-53-43-96-96-96l-334.1 0 95-95c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-4.5 4.5-7 10.6-7 17s2.5 12.5 7 17L143 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-95-95 334.1 0c26.5 0 48 21.5 48 48l0 96z"/></svg>`,
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc. --><path fill="currentColor" d="M464 424c0 13.3 10.7 24 24 24s24-10.7 24-24l0-96c0-53-43-96-96-96l-334.1 0 95-95c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L7 239c-4.5 4.5-7 10.6-7 17s2.5 12.5 7 17L143 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-95-95 334.1 0c26.5 0 48 21.5 48 48l0 96z"/></svg>`,
 };

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-delete-text-or-decorator-node-strategy.js

@@ -138,13 +138,28 @@ export class BlockDeleteTextOrDecoratorNodeStrategy extends BlockDeleteNodeConte
     }
     else {
       const shouldRemoveNode = previousNode;
-      if (shouldRemoveNode && !shouldRemoveNode.isContentEditable()) {
+      if (shouldRemoveNode &&
+        !shouldRemoveNode.isContentEditable() &&
+        shouldRemoveNode.parent === target) {
         previousNode = this.getPreviousNode(shouldRemoveNode);
         shouldRemoveNode.parent.apply(new RemoveChildrenAction(shouldRemoveNode));
         if (!previousNode) {
           action.nextNode = startContainerNode;
         }
       }
+      else if (previousNode &&
+        previousNode.parent !== target &&
+        target.type === previousNode.parent.type) {
+        // The caret sits at the start of a block whose first node is a non-editable node
+        // (e.g. a token). Merge this block into the previous one, mirroring the text-node
+        // behavior so Backspace/Delete join the two blocks instead of doing nothing.
+        //
+        // This also covers the case where the previous block ENDS with a non-editable node
+        // (e.g. another token): the previous node is non-editable but lives in a different
+        // block, so it must not be removed here — the blocks merge instead, keeping that
+        // trailing token intact.
+        previousNode.parent.apply(new MergeTwoBlocksNodesAction(target));
+      }
     }
     if (previousNode) {
       action.previousNode = previousNode;

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-insert-line-break-strategy.js

@@ -29,11 +29,16 @@ export class BlockInsertLineBreakStrategy extends ActionHandleStrategy {
       if (nodesSplitIndex > -1) {
         const beforeNodes = target.children.slice(0, nodesSplitIndex);
         const afterNodes = target.children.slice(nodesSplitIndex + 1);
-        if (beforeText) {
-          beforeNodes.push(splitNode.cloneWithText(beforeText));
+        if (splitNode.isContentEditable()) {
+          if (beforeText) {
+            beforeNodes.push(splitNode.cloneWithText(beforeText));
+          }
+          if (afterText) {
+            afterNodes.unshift(splitNode.cloneWithText(afterText));
+          }
         }
-        if (afterText) {
-          afterNodes.unshift(splitNode.cloneWithText(afterText));
+        else {
+          startOffsetOfNode > 0 ? beforeNodes.push(splitNode) : afterNodes.unshift(splitNode);
         }
         this.mergeLineBreakNodes(beforeNodes, lineBreakNode, afterNodes, target);
       }
@@ -50,7 +55,8 @@ export class BlockInsertLineBreakStrategy extends ActionHandleStrategy {
    */
   mergeLineBreakNodes(beforeNodes, lineBreakNode, afterNodes, target) {
     if (afterNodes.length === 0 || (afterNodes[0] && afterNodes[0].text === '')) {
-      afterNodes.push(new RTETextNode(generateUUID(), '\n', target, beforeNodes[beforeNodes.length - 1] && beforeNodes[beforeNodes.length - 1].annotationMap));
+      const lastBeforeNode = beforeNodes[beforeNodes.length - 1];
+      afterNodes.push(new RTETextNode(generateUUID(), '\n', target, lastBeforeNode && new Map(lastBeforeNode.annotationMap)));
     }
     target.apply(new ReplaceChildNodesAction([...beforeNodes, lineBreakNode, ...afterNodes]));
   }

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-merge-nodes-strategy.js

@@ -1,5 +1,8 @@
 import { AppendChildrenAction } from '../../actions/append-child-nodes-action';
+import { LinkGroupAnnotationAction } from '../../actions/link-group-annotation-action';
 import { RemoveChildrenAction } from '../../actions/remove-child-action';
+import { NodeAnnotationTypeEnum } from '../../annotations/node-annotation.abstract';
+import { RTETextNode } from '../../nodes/text-node';
 import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
 /**
  * Append the second block child nodes to the first block child nodes and remove the second block strategy.
@@ -19,7 +22,29 @@ export class BlockMergeNodesStrategy extends ActionHandleStrategy {
         shouldMergeNodes = anotherBlock.children.filter((node) => node.text);
       }
       target.apply(new AppendChildrenAction(shouldMergeNodes));
+      if (target.type !== 'image') {
+        this.transferLinkGroups(shouldMergeNodes, target);
+      }
       anotherBlock.parent.apply(new RemoveChildrenAction(anotherBlock));
     }
   }
+  /**
+   * Re-registers the link group annotation on the target block for any merged nodes that carry a
+   * link. The link group annotation lives on the block being removed, so without this the merged
+   * link nodes would lose their hyperlink rendering.
+   *
+   * @param {RTENode[]} mergedNodes - The nodes that were appended to the target block.
+   * @param {RTETextBlock} target - The text block that received the merged nodes.
+   */
+  transferLinkGroups(mergedNodes, target) {
+    mergedNodes.forEach((node) => {
+      if (!(node instanceof RTETextNode)) {
+        return;
+      }
+      const linkAnnotation = node.getAnnotationByType(NodeAnnotationTypeEnum.LINK);
+      if (linkAnnotation) {
+        target.apply(new LinkGroupAnnotationAction(linkAnnotation.link.groupKey, [node], 'link'));
+      }
+    });
+  }
 }

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/block-split-with-text-node-strategy.js

@@ -27,11 +27,16 @@ export class BlockSplitWithTextNodeStrategy extends ActionHandleStrategy {
       if (nodesSplitIndex > -1) {
         const beforeNodes = textBlock.children.slice(0, nodesSplitIndex);
         const afterNodes = textBlock.children.slice(nodesSplitIndex + 1);
-        if (beforeText) {
-          beforeNodes.push(splitNode.cloneWithText(beforeText));
+        if (splitNode.isContentEditable()) {
+          if (beforeText) {
+            beforeNodes.push(splitNode.cloneWithText(beforeText));
+          }
+          if (afterText) {
+            afterNodes.unshift(splitNode.cloneWithText(afterText));
+          }
         }
-        if (afterText) {
-          afterNodes.unshift(splitNode.cloneWithText(afterText));
+        else {
+          startOffsetOfNode > 0 ? beforeNodes.push(splitNode) : afterNodes.unshift(splitNode);
         }
         textBlock.apply(new ReplaceChildNodesAction(beforeNodes));
         const newBlock = textBlock.cloneWithNodes(afterNodes);

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/delete-selected-content-strategy.js

@@ -0,0 +1,16 @@
+import changeManager from '../../../../../helpers/change-manager/change-manager';
+import domNodeSubjectFactory from '../../../../../helpers/change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalRichTextEditDeleteSelectedNodes } from '../../../../../helpers/event-manager/event-id/vega-internal-event-id';
+import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
+/**
+ * DeleteSelectedContentStrategy is responsible for handling the deletion of selected content within the rich text editor.
+ */
+export class DeleteSelectedContentStrategy extends ActionHandleStrategy {
+  /**
+   * @inheritDoc
+   */
+  handleAction(action) {
+    const { host, mergeFlag } = action;
+    changeManager.notify(domNodeSubjectFactory.getSubject(host, VegaInternalRichTextEditDeleteSelectedNodes), { host, detail: mergeFlag });
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/action-handle-strategies/modify-content-strategies/paste-content-strategy.js

@@ -1,28 +1,84 @@
 import { InsertChildrenAfterAction } from '../../actions/insert-children-after-block';
 import { InsertChildrenBeforeAction } from '../../actions/insert-children-before-block';
+import { ReplaceChildNodesAction } from '../../actions/replace-child-nodes-action';
 import { SplitBlockWithNodeAction } from '../../actions/split-block-with-node-action';
+import { RTETextNode } from '../../nodes/text-node';
 import { ActionHandleStrategy } from '../action-handle-strategy.abstract';
-/**
- * Strategy to handle the paste content into function block.
- */
+/** Handles pasted content in a block. */
 export class PasteContentStrategy extends ActionHandleStrategy {
   /**
-   * @inheritDoc
+   * Handles pasted content for the target block.
+   *
+   * @param {PasteContentAction} action - The paste action to apply.
+   * @param {RTEBlock} target - The block receiving the pasted content.
+   * @returns {void}
    */
   handleAction(action, target) {
     if (target.parent) {
       const { blocksToBeInserted, startNode, startOffset } = action;
       let futureFocusBlock = target;
+      const singlePastedBlock = blocksToBeInserted[0];
+      // Check if the pasted block is a text block with all text node children.
+      // Do NOT allow inline merge for list blocks or other special block types.
+      const canInlineMergeSingleBlock = blocksToBeInserted.length === 1 &&
+        startNode instanceof RTETextNode &&
+        !['RTEListBlock', 'RTEHtmlBlock'].includes(singlePastedBlock.constructor.name) &&
+        singlePastedBlock.children.length > 0 &&
+        singlePastedBlock.children.every((child) => { var _a, _b; return ((_b = (_a = child).isTextNode) === null || _b === void 0 ? void 0 : _b.call(_a)) === true; });
       if (startNode === target.children[0] && startOffset === 0) {
         target.parent.apply(new InsertChildrenBeforeAction(target, ...blocksToBeInserted));
       }
+      else if (canInlineMergeSingleBlock) {
+        this.inlineMergeSingleBlock(action, target);
+        return;
+      }
       else {
         const breakAction = new SplitBlockWithNodeAction(startNode, startOffset);
         target.apply(breakAction);
         target.parent.apply(new InsertChildrenAfterAction(target, ...blocksToBeInserted));
-        futureFocusBlock = breakAction.newBlock;
+        futureFocusBlock = blocksToBeInserted[blocksToBeInserted.length - 1];
+        action.futureFocusAtEnd = true;
       }
       action.futureFocusBlock = futureFocusBlock;
     }
   }
+  /**
+   * Merges a single pasted block inline at the cursor position.
+   *
+   * @param {PasteContentAction} action - The paste action being processed.
+   * @param {RTEBlock} target - The block receiving the inline merge.
+   * @returns {void}
+   */
+  inlineMergeSingleBlock(action, target) {
+    const { blocksToBeInserted, startNode, startOffset } = action;
+    const singleBlock = blocksToBeInserted[0];
+    const pastedNodes = singleBlock.children;
+    const splitNode = startNode;
+    const nodesSplitIndex = target.children.indexOf(splitNode);
+    if (nodesSplitIndex === -1) {
+      const breakAction = new SplitBlockWithNodeAction(startNode, startOffset);
+      target.apply(breakAction);
+      target.parent.apply(new InsertChildrenAfterAction(target, ...blocksToBeInserted));
+      action.futureFocusBlock = singleBlock;
+      action.futureFocusAtEnd = true;
+      return;
+    }
+    const beforeText = splitNode.text.slice(0, startOffset);
+    const afterText = splitNode.text.slice(startOffset);
+    const beforeNodes = target.children.slice(0, nodesSplitIndex);
+    const afterNodes = target.children.slice(nodesSplitIndex + 1);
+    if (beforeText) {
+      beforeNodes.push(splitNode.cloneWithText(beforeText));
+    }
+    if (afterText) {
+      afterNodes.unshift(splitNode.cloneWithText(afterText));
+    }
+    target.apply(new ReplaceChildNodesAction([...beforeNodes, ...pastedNodes, ...afterNodes]));
+    const lastPastedNode = pastedNodes[pastedNodes.length - 1];
+    action.futureFocusBlock = target;
+    action.futureFocusNode = lastPastedNode;
+    if (lastPastedNode.isTextNode()) {
+      action.futureFocusNodeOffset = lastPastedNode.text.length;
+    }
+  }
 }

package/dist/collection/components/vega-rich-text-editor/dto/actions/delete-selected-content-action.js

@@ -0,0 +1,17 @@
+import { ModifyContentAction, ModifyContentActionType } from './modify-content-action.abstract';
+/**
+ * Delete the currently selected content from the editor.
+ *
+ * @example currentVegaRTEContent.apply(new DeleteSelectedContentAction(host, mergeFlag))
+ */
+export class DeleteSelectedContentAction extends ModifyContentAction {
+  constructor(host, mergeFlag, flushable = false) {
+    super();
+    this.type = ModifyContentActionType.DELETE_SELECTED_CONTENT;
+    // mergeFlag indicates whether the action should merge adjacent text nodes after deletion.
+    this.mergeFlag = false;
+    this.host = host;
+    this.mergeFlag = mergeFlag;
+    this.isFlushable = flushable;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/dto/actions/modify-content-action.abstract.js

@@ -30,6 +30,7 @@ export var ModifyContentActionType;
   ModifyContentActionType["INSERT_TEXT_TO_DECORATOR_NODE"] = "INSERT_TEXT_TO_DECORATOR_NODE";
   ModifyContentActionType["INSERT_NODE_TO_NEAREST_ROOT"] = "INSERT_NODE_TO_NEAREST_ROOT";
   ModifyContentActionType["PASTE_CONTENT"] = "PASTE_CONTENT";
+  ModifyContentActionType["DELETE_SELECTED_CONTENT"] = "DELETE_SELECTED_CONTENT";
 })(ModifyContentActionType || (ModifyContentActionType = {}));
 /**
  * Abstract class for update node content, delete node, insert node

package/dist/collection/components/vega-rich-text-editor/dto/actions/paste-content-action.js

@@ -9,6 +9,7 @@ export class PasteContentAction extends ModifyContentAction {
   constructor(blocksToBeInserted, startNode, startOffset, rteRange) {
     super();
     this.type = ModifyContentActionType.PASTE_CONTENT;
+    this.futureFocusAtEnd = false;
     this.blocksToBeInserted = blocksToBeInserted;
     this.startNode = startNode;
     this.startOffset = startOffset;

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

@@ -23,6 +23,7 @@ import { StylePreservator } from '../../../helpers/csp/styles-preservator';
 import { LogUtility } from '../../../utils/log';
 import { HTMLContentCleaner } from '../slimmers/controllers/html-cleaner';
 import { RTEFilterStylesStrategyRegistry } from './filter-styles-strategies/filter-styles-strategy-registry';
+import { DeleteSelectedContentStrategy } from './action-handle-strategies/modify-content-strategies/delete-selected-content-strategy';
 /**
  * Class representing the content state of the rich text editor.
  */
@@ -259,6 +260,7 @@ export class VegaRTEContent {
   ActionHandleStrategyRegistry.register(ModifyContentActionType.INSERT_CHILDREN_AFTER, VegaRTEContent.name, new InsertChildrenAfterStrategy());
   ActionHandleStrategyRegistry.register(ModifyContentActionType.TRANSFORM_TO_CODE_BLOCK, VegaRTEContent.name, new BlockTransformToCodeBlockStrategy());
   ActionHandleStrategyRegistry.register(ModifyContentActionType.UPDATE_CURSOR_POSITION, VegaRTEContent.name, new UpdateCursorPositionStrategy());
+  ActionHandleStrategyRegistry.register(ModifyContentActionType.DELETE_SELECTED_CONTENT, VegaRTEContent.name, new DeleteSelectedContentStrategy());
 })();
 /** Minimize-safe type discriminator for VegaRTEContent. */
 VegaRTEContent.dtoName = 'VegaRTEContent';

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

@@ -39,6 +39,7 @@ import { UnderlineAnnotationAction } from '../actions/underline-annotation-actio
 import { TextColorAnnotationAction } from '../actions/text-color-annotation-action';
 import { StrikethroughAnnotationAction } from '../actions/strikethrough-annotation-action';
 import { CodeAnnotationAction } from '../actions/code-annotation-action';
+import { escapeHtml } from '../../helpers/utils';
 /**
  * Text node
  */
@@ -418,7 +419,11 @@ export class RTETextNode extends RTENode {
     if (this.text === '\n') {
       return `<br>`;
     }
-    return this.shouldRenderAsPlainText() ? this.text : `<${NodeTag}${attrStr}>${this.text}</${NodeTag}>`;
+    if (this.shouldRenderAsPlainText()) {
+      return this.text;
+    }
+    const content = NodeTag === 'code' ? escapeHtml(this.text) : this.text;
+    return `<${NodeTag}${attrStr}>${content}</${NodeTag}>`;
   }
   /**
    * Determines if the text node should be rendered as plain text.

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

@@ -144,8 +144,8 @@ export class RTERange {
         : this._endNode.getRangeContainer();
       if (startContainer && endContainer) {
         range = new Range();
-        range.setStart(startContainer, this._startOffset);
-        range.setEnd(endContainer, this._endOffset);
+        range.setStart(startContainer, this.clampOffsetToContainer(startContainer, this._startOffset));
+        range.setEnd(endContainer, this.clampOffsetToContainer(endContainer, this._endOffset));
         this._startContainer = startContainer;
         this._endContainer = endContainer;
         this._oldNativeRange = range;
@@ -156,6 +156,28 @@ export class RTERange {
       return this._oldNativeRange;
     }
   }
+  /**
+   * Clamps an offset to the valid bound of a DOM container so that
+   * `Range.setStart` / `Range.setEnd` never throw `IndexSizeError`.
+   *
+   * A stored selection offset can become stale or unit-mismatched when an undo
+   * restores a selection captured against different content — for example after
+   * find-and-replace shrinks a text node, or when the selection node's DOM
+   * container is its parent element (offset measured in child-node count rather
+   * than characters, as for non-editable token / logic-control nodes). Text
+   * containers are bounded by character length, element containers by child count.
+   *
+   * @param {Node} container - The DOM container the offset applies to.
+   * @param {number} offset - The desired offset.
+   * @returns {number} The offset clamped to `[0, container length]`.
+   */
+  clampOffsetToContainer(container, offset) {
+    var _a, _b;
+    const max = container.nodeType === Node.TEXT_NODE
+      ? (_b = (_a = container.textContent) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0
+      : container.childNodes.length;
+    return Math.max(0, Math.min(offset, max));
+  }
   /**
    * Retrieves an RTENode based on the given element by checking its type and parent elements.
    *

package/dist/collection/components/vega-rich-text-editor/extensions/blockquote/action-handler-interceptors/blockquote-exit-on-enter-interceptor.js

@@ -0,0 +1,61 @@
+import RTEDTOClassManager from '../../../../../helpers/rte-manager/dto-class-manager';
+import { generateUUID } from '../../../../../utils/misc';
+import { ActionHandlerInterceptor, } from '../../../dto/action-handle-strategies/action-handle-interceptor.abstract';
+import { InsertChildrenAfterAction } from '../../../dto/actions/insert-children-after-block';
+import { RemoveChildrenAction } from '../../../dto/actions/remove-child-action';
+import { RTEBlockquoteBlock } from '../dto/rte-blockquote-block';
+/**
+ * Lets the caret exit the blockquote via the keyboard. Pressing Enter on an empty
+ * trailing paragraph inside a blockquote (i.e. the second Enter press at the end of
+ * the quote) moves that empty paragraph out to a new paragraph after the blockquote,
+ * instead of stacking another empty line inside the quote.
+ */
+export class BlockquoteExitOnEnterInterceptor extends ActionHandlerInterceptor {
+  /**
+   * Intercept only when the caret sits in an empty paragraph that is the last child of a blockquote.
+   *
+   * @param {InsertNewParagraphAction} _action - the action to be intercepted
+   * @param {RTETextBlock} target - the paragraph block receiving the Enter key press
+   * @returns {boolean} - whether the action should be intercepted
+   */
+  canIntercept(_action, target) {
+    const parent = target.parent;
+    return (parent instanceof RTEBlockquoteBlock &&
+      !target.isNotEmpty() &&
+      parent.children[parent.children.length - 1] === target);
+  }
+  /**
+   * Move the empty paragraph out of the blockquote and place a new paragraph after it.
+   *
+   * @param {ActionHandlerExecution} _execution - the original execution function
+   * @param {InsertNewParagraphAction} action - the action containing insert metadata
+   * @param {RTETextBlock} target - the empty paragraph block to move out of the blockquote
+   */
+  intercept(_execution, action, target) {
+    const blockquote = target.parent;
+    const newParagraph = this.createNewParagraph('');
+    if (newParagraph) {
+      // Insert the replacement paragraph after the blockquote before removing the
+      // empty one so the blockquote is still present as an anchor for the insert.
+      blockquote.parent.apply(new InsertChildrenAfterAction(blockquote, newParagraph));
+      blockquote.apply(new RemoveChildrenAction(target));
+      action.newBlock = newParagraph;
+    }
+  }
+  /**
+   * Create a new empty paragraph block.
+   *
+   * @param {string} text - paragraph text
+   * @returns {Nullable<RTETextBlock>} - paragraph block when paragraph dto class is available
+   */
+  createNewParagraph(text) {
+    const dtoClass = RTEDTOClassManager.getRTEBlockClass('paragraph');
+    if (dtoClass) {
+      return dtoClass.from({
+        id: generateUUID(),
+        type: 'paragraph',
+        nodes: [{ id: generateUUID(), type: 'text', text }],
+      });
+    }
+  }
+}

package/dist/collection/components/vega-rich-text-editor/extensions/blockquote/action-handler-strategies/block-transform-to-blockquote-strategy.js

@@ -0,0 +1,40 @@
+import { generateUUID } from '../../../../../utils/misc';
+import { ActionHandleStrategy } from '../../../dto/action-handle-strategies/action-handle-strategy.abstract';
+import { RTEBlockquoteBlock } from '../dto/rte-blockquote-block';
+/**
+ * Wrap the selected blocks into a new `<blockquote>` block while preserving
+ * their order.
+ */
+export class BlockTransformToBlockquoteStrategy extends ActionHandleStrategy {
+  /**
+   * @inheritDoc
+   */
+  handleAction(action, target) {
+    const selectedBlocks = action.selectedBlocks;
+    const children = target.children;
+    const selectedSet = new Set(selectedBlocks);
+    const firstIndex = children.indexOf(selectedBlocks[0]);
+    // The selected blocks may not be contiguous in `children` (e.g. a table
+    // sitting between two selected paragraphs must stay untouched), so the
+    // insert position is the first selected block's index, adjusted for any
+    // non-selected siblings that come before it.
+    const insertIndex = children
+      .slice(0, firstIndex)
+      .filter((block) => !selectedSet.has(block)).length;
+    const blockquote = new RTEBlockquoteBlock(generateUUID());
+    blockquote.parent = target;
+    blockquote.children = selectedBlocks;
+    selectedBlocks.forEach((block) => {
+      block.parent = blockquote;
+    });
+    // Remove selected blocks individually rather than assuming a single
+    // contiguous run, so non-selected siblings interleaved with the
+    // selection (e.g. a table) are preserved instead of being spliced away.
+    for (let i = children.length - 1; i >= 0; i--) {
+      if (selectedSet.has(children[i])) {
+        children.splice(i, 1);
+      }
+    }
+    children.splice(insertIndex, 0, blockquote);
+  }
+}

package/dist/collection/components/vega-rich-text-editor/extensions/blockquote/action-handler-strategies/remove-blockquote-strategy.js

@@ -0,0 +1,20 @@
+import { InsertChildrenBeforeAction } from '../../../dto/actions/insert-children-before-block';
+import { RemoveChildrenAction } from '../../../dto/actions/remove-child-action';
+import { ActionHandleStrategy } from '../../../dto/action-handle-strategies/action-handle-strategy.abstract';
+/**
+ * Unwrap a `<blockquote>` — lift its children to the parent in their original
+ * order and remove the blockquote.
+ */
+export class RemoveBlockquoteStrategy extends ActionHandleStrategy {
+  /**
+   * @inheritDoc
+   */
+  handleAction(_action, target) {
+    const parent = target.parent;
+    const childrenToLift = [...target.children];
+    if (childrenToLift.length > 0) {
+      parent.apply(new InsertChildrenBeforeAction(target, ...childrenToLift));
+    }
+    parent.apply(new RemoveChildrenAction(target));
+  }
+}

package/dist/collection/components/vega-rich-text-editor/extensions/blockquote/actions/remove-blockquote-action.js

@@ -0,0 +1,17 @@
+import { ModifyContentAction } from '../../../dto/actions/modify-content-action.abstract';
+/**
+ * Action type discriminator. Plain string constant — intentionally NOT added
+ * to {@link ModifyContentActionType} enum to keep the extension self-contained.
+ */
+export const REMOVE_BLOCKQUOTE = 'REMOVE_BLOCKQUOTE';
+/**
+ * Unwrap a `<blockquote>` block — lift its children into the parent in place
+ * and remove the blockquote wrapper. Targets the blockquote block itself.
+ */
+export class RemoveBlockquoteAction extends ModifyContentAction {
+  constructor() {
+    super(...arguments);
+    this.isFlushable = true;
+    this.type = REMOVE_BLOCKQUOTE;
+  }
+}