@globalpayments/vega 2.92.0 → 2.94.0

package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-open-state-controller.js

@@ -9,6 +9,7 @@ import { PageResizeObserverSlimmer } from '../../../../../helpers/slimmers/page-
 import { executeAfterTransition } from '../../../../../utils/effect';
 import { FeatureFlag } from '../../../../../helpers/feature-control/feature-flag-controller';
 import { checkIsVoiceOverClick, getFirstFocusableElement } from '../../../../../utils/ui';
+import { getCurrentBreakpoint } from '../../../../../utils/breakpoints';
 export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
   /**
    * The below method is e2e-test covered in
@@ -18,7 +19,11 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     /* eslint-disable jsdoc/require-jsdoc*/
     super({
       callback: /* istanbul ignore next */ () => {
+        if (this.showAsOverlay) {
+          return;
+        }
         this.updateMainContentUI(this.openState);
+        this.backdropManager.watchOpenState(this.openState);
       },
     });
     this.isVoiceOverClick = false;
@@ -72,6 +77,7 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
   watchOpenState(newState) {
+    this.backdropManager.watchOpenState(newState);
     this.updateMainContentUI(newState);
     if (newState === 'open') {
       this.open = true;
@@ -92,6 +98,7 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
     }
   }
   watchShowAsOverlay() {
+    this.backdropManager.watchShowAsOverlay();
     this.updateMainContentUI(this.openState);
   }
   /**
@@ -169,7 +176,7 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
       this.host.style.display = 'flex';
       setTimeout(() => {
         this.host.classList.add('open');
-        if (mainContent && !this.backdropController.shouldShowBackdrop()) {
+        if (mainContent && !this.shouldShowBackdrop()) {
           bodyElement === null || bodyElement === void 0 ? void 0 : bodyElement.classList.remove('vega-overflow-hidden');
           mainContent.classList.add('open');
         }
@@ -190,6 +197,10 @@ export class VegaLeftNavOpenStateController extends PageResizeObserverSlimmer {
       }, this.host);
     }
   }
+  shouldShowBackdrop() {
+    const breakpoint = getCurrentBreakpoint();
+    return this.showAsOverlay || (breakpoint !== 'L' && breakpoint !== 'XL');
+  }
 }
 __decorate([
   MapToComponentField()
@@ -205,7 +216,10 @@ __decorate([
 ], VegaLeftNavOpenStateController.prototype, "stateUpdateEventEmitter", void 0);
 __decorate([
   MapToComponentField()
-], VegaLeftNavOpenStateController.prototype, "backdropController", void 0);
+], VegaLeftNavOpenStateController.prototype, "showAsOverlay", void 0);
+__decorate([
+  MapToComponentField()
+], VegaLeftNavOpenStateController.prototype, "backdropManager", void 0);
 __decorate([
   MapToComponentMethod('componentDidLoad')
 ], VegaLeftNavOpenStateController.prototype, "componentDidLoad", null);

package/dist/collection/components/vega-nav/vega-left-nav/slimmers/controllers/vega-left-nav-zindex-controller.js

@@ -17,7 +17,7 @@ export class VegaLeftNavZIndexController extends VegaSlimmer {
    */
   /* istanbul ignore next */
   updateZIndex() {
-    const backDrop = this.backdropController.getBackdrop();
+    const backDrop = this.backdropManager.getBackdrop();
     if (this.openState == 'open') {
       backDrop && InternalVegaZIndexManager.setZIndex(backDrop, 'base');
       InternalVegaZIndexManager.setZIndex(this.host, 'base');
@@ -38,7 +38,7 @@ __decorate([
 ], VegaLeftNavZIndexController.prototype, "openState", void 0);
 __decorate([
   MapToComponentField()
-], VegaLeftNavZIndexController.prototype, "backdropController", void 0);
+], VegaLeftNavZIndexController.prototype, "backdropManager", void 0);
 __decorate([
   MapToComponentMethod('watchOpenState')
 ], VegaLeftNavZIndexController.prototype, "watchOpenState", null);

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

@@ -11,6 +11,7 @@ import { VegaLeftNavOpenStateController } from './slimmers/controllers/vega-left
 import { VegaLeftNavHeaderRenderer } from './slimmers/renderers/vega-left-nav-header-renderer';
 import { VegaLeftNavFooterRenderer } from './slimmers/renderers/vega-left-nav-footer-renderer';
 import { VegaLeftNavZIndexController } from './slimmers/controllers/vega-left-nav-zindex-controller';
+import { VegaLeftNavBackdropManager } from './slimmers/controllers/vega-left-nav-backdrop-manager';
 import { VegaLeftNavBackdropController } from './slimmers/controllers/vega-left-nav-backdrop-controller';
 import { InjectKeyboardManager } from '../../../decorators/property-decorators/inject-keyboard-manager';
 import { VegaNavListRenderer } from '../slimmers/renderers/vega-nav-list-renderer';
@@ -33,6 +34,7 @@ export class VegaLeftNav {
     this.headerRenderer = new VegaLeftNavHeaderRenderer();
     this.footerRenderer = new VegaLeftNavFooterRenderer();
     this.openStateController = new VegaLeftNavOpenStateController();
+    this.backdropManager = new VegaLeftNavBackdropManager();
     this.backdropController = new VegaLeftNavBackdropController();
     this.zIndexController = new VegaLeftNavZIndexController();
     this.listRenderer = new VegaNavListRenderer();
@@ -404,6 +406,9 @@ __decorate([
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "openStateController", void 0);
+__decorate([
+  InjectVegaSlimmer()
+], VegaLeftNav.prototype, "backdropManager", void 0);
 __decorate([
   InjectVegaSlimmer()
 ], VegaLeftNav.prototype, "backdropController", void 0);
@@ -437,7 +442,7 @@ __decorate([
       keyCode: 'Escape',
       // eslint-disable-next-line jsdoc/require-jsdoc
       activeElementInScope: /* istanbul ignore next */ () => {
-        const backdrop = target.backdropController.getBackdrop();
+        const backdrop = target.backdropManager.getBackdrop();
         if (backdrop && backdrop.visible) {
           // eslint-disable-next-line no-restricted-globals
           return [document.body];
@@ -445,7 +450,7 @@ __decorate([
         return [target.host];
       },
       callback: /* istanbul ignore next */ () => {
-        const backdrop = target.backdropController.getBackdrop();
+        const backdrop = target.backdropManager.getBackdrop();
         if (backdrop && backdrop.visible) {
           target.openStateController.setOpenState('close');
         }

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-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-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/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/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/annotations/custom-style-annotation.js

@@ -1,3 +1,4 @@
+import { escapeHtmlAttribute } from '../../helpers/utils';
 import { CommonAnnotation, CommonAnnotationTypeEnum } from './common-annotation.abstract';
 /**
  * Annotation to add custom attributes of element
@@ -60,8 +61,8 @@ export class CustomStyleAnnotation extends CommonAnnotation {
    * @returns {string} custom style string
    */
   toString() {
-    return `style="${Object.entries(this.customStyle)
+    return `style="${escapeHtmlAttribute(Object.entries(this.customStyle)
       .map(([key, value]) => `${key}: ${value};`)
-      .join(' ')}"`;
+      .join(' '))}"`;
   }
 }

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

@@ -17,6 +17,7 @@ import { InternalWrapperAnnotation } from '../annotations/internal-wrapper-annot
 import RTEDTOClassManager from '../../../../helpers/rte-manager/dto-class-manager';
 import { RTEAnnotationStyle } from '../annotations/annotation-style';
 import { RTEFilterStylesStrategyRegistry } from '../filter-styles-strategies/filter-styles-strategy-registry';
+import { escapeHtmlAttribute } from '../../helpers/utils';
 /**
  * Abstract class for block
  */
@@ -235,7 +236,7 @@ export class RTEBlock {
       ...customAttributeString,
       classNames && classNames.length > 0 ? `class="${classNames.join(' ')}"` : null,
       styles && Object.keys(styles).length > 0
-        ? `style="${blockAnnotationStyle.toCssText({ standalone: true }, undefined, styles)}"`
+        ? `style="${escapeHtmlAttribute(blockAnnotationStyle.toCssText({ standalone: true }, undefined, styles))}"`
         : null,
       ...attrs,
     ].filter(isNonNullable);

package/dist/collection/components/vega-rich-text-editor/dto/filter-styles-strategies/code-block/code-node-filter-styles-strategy.js

@@ -37,7 +37,7 @@ CodeBlockNodeFilterStylesStrategy.STYLES = {
   boxSizing: 'border-box',
   color: 'rgba(var(--v-text-primary, 32, 54, 69, 1))',
   textAlign: 'left',
-  fontFamily: '"Roboto Mono"',
+  fontFamily: "'Roboto Mono'",
   fontWeight: '400',
   lineHeight: '22px',
   fontSize: '16px',

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

@@ -12,6 +12,7 @@ import { CustomStyleAnnotation } from '../annotations/custom-style-annotation';
 import { methodPlaceholder } from 'vega-slimmer/core';
 import { RTEAnnotationStyle } from '../annotations/annotation-style';
 import { RTEFilterStylesStrategyRegistry } from '../filter-styles-strategies/filter-styles-strategy-registry';
+import { escapeHtmlAttribute } from '../../helpers/utils';
 export var NodeTypeEnum;
 (function (NodeTypeEnum) {
   NodeTypeEnum["TEXT"] = "TEXT";
@@ -167,7 +168,7 @@ export class RTENode {
       ...customAttributeString,
       classNames && classNames.length > 0 ? `class="${classNames.join(' ')}"` : null,
       styles && Object.keys(styles).length > 0
-        ? `style="${nodeAnnotationStyle.toCssText({ standalone: true }, undefined, styles)}"`
+        ? `style="${escapeHtmlAttribute(nodeAnnotationStyle.toCssText({ standalone: true }, undefined, styles))}"`
         : null,
       ...attrs,
     ].filter(isNonNullable);

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/extensions/base-toolbar-button-renderer.js

@@ -50,7 +50,7 @@ export class VegaRTEToolbarButtonRenderer {
    * @returns {VegaRTERenderResult} - The render result for the dropdown.
    */
   renderDropdown(h, editorContext, dropdownProps, children) {
-    return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', 
+    return h('vega-dropdown', Object.assign({ trigger: 'click', searchable: false, maxWidth: '200', itemDisplayRule: 'ellipsis', isScreenPosition: true, 
       // eslint-disable-next-line jsdoc/require-jsdoc
       ref: (el) => {
         this.dropdownEl = el;

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;
+  }
+}

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

@@ -0,0 +1,19 @@
+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 TRANSFORM_TO_BLOCKQUOTE = 'TRANSFORM_TO_BLOCKQUOTE';
+/**
+ * Wrap the supplied blocks into a new `<blockquote>` block while preserving
+ * their order. Strategy reads `selectedBlocks` and replaces them in-place
+ * with a single `RTEBlockquoteBlock` that adopts them as children.
+ */
+export class TransformToBlockquoteAction extends ModifyContentAction {
+  constructor(selectedBlocks) {
+    super();
+    this.isFlushable = true;
+    this.type = TRANSFORM_TO_BLOCKQUOTE;
+    this.selectedBlocks = selectedBlocks;
+  }
+}

package/dist/collection/components/vega-rich-text-editor/extensions/blockquote/assets/quote-left.js

@@ -0,0 +1,4 @@
+// FontAwesome 7.2.0 — `quote-left` (solid).
+export default {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64L0 216zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136z"/></svg>`,
+};

package/dist/collection/components/vega-rich-text-editor/extensions/blockquote/blockquote-extension.js

@@ -0,0 +1,47 @@
+import { VegaRTEExtension } from '../extension.abstract';
+import { VegaRTEContent } from '../../dto/content-state';
+import { RTETableCellBlock } from '../table/dto/table-cell-block';
+import { RTETableHeadCellBlock } from '../table/dto/table-head-cell-block';
+import { ModifyContentActionType } from '../../dto/actions/modify-content-action.abstract';
+import { RTETextBlock } from '../../dto/blocks/text-block';
+import { BlockTransformToBlockquoteStrategy } from './action-handler-strategies/block-transform-to-blockquote-strategy';
+import { RemoveBlockquoteStrategy } from './action-handler-strategies/remove-blockquote-strategy';
+import { BlockquoteExitOnEnterInterceptor } from './action-handler-interceptors/blockquote-exit-on-enter-interceptor';
+import { TRANSFORM_TO_BLOCKQUOTE } from './actions/transform-to-blockquote-action';
+import { REMOVE_BLOCKQUOTE } from './actions/remove-blockquote-action';
+import { RTEBlockquoteBlock } from './dto/rte-blockquote-block';
+import { BlockquoteToBlockquoteBlockStrategy } from './element-to-dto-strategies/blockquote-to-blockquote-block-strategy';
+import RTEBlockquoteBlockRenderer from './renderers/blockquote-block-renderer';
+import { RTEBlockquoteToolbarButtonRenderer } from './renderers/blockquote-toolbar-button-renderer';
+import { BlockquoteFilterStylesStrategy } from './filter-styles-strategies/blockquote-block/blockquote-filter-styles-strategy';
+/**
+ * Adds `<blockquote>` support to the Vega Rich Text Editor.
+ */
+export class VegaRTEBlockquoteExtension extends VegaRTEExtension {
+  constructor() {
+    super();
+    this.toolbarButtonRenderer = new RTEBlockquoteToolbarButtonRenderer();
+    this.registerBlockBasicStrategies(RTEBlockquoteBlock.name);
+    this.registerNode('blockquote', RTEBlockquoteBlock);
+    this.registerRenderer('blockquote', RTEBlockquoteBlockRenderer);
+    this.registerToolbarButtonRenderer(VegaRTEBlockquoteExtension.TOOLBAR_BUTTON_KEY, this.toolbarButtonRenderer);
+    this.registerElementToBlockDTOClassStrategy(new BlockquoteToBlockquoteBlockStrategy());
+    // Register filter styles strategy for source edit round-trip.
+    VegaRTEExtension.registerFilterStylesStrategy(RTEBlockquoteBlock.dtoName, new BlockquoteFilterStylesStrategy());
+  }
+}
+(() => {
+  const wrapStrategy = new BlockTransformToBlockquoteStrategy();
+  // Root container — wrap top-level blocks.
+  VegaRTEExtension.registerActionHandleStrategy(VegaRTEContent.name, TRANSFORM_TO_BLOCKQUOTE, wrapStrategy);
+  // Table cells (body + header) — wrap is scoped to the closest cell.
+  // Other container blocks (code, list item, function) are intentionally
+  // not registered, so the toolbar stays disabled inside them.
+  VegaRTEExtension.registerActionHandleStrategy(RTETableCellBlock.name, TRANSFORM_TO_BLOCKQUOTE, wrapStrategy);
+  VegaRTEExtension.registerActionHandleStrategy(RTETableHeadCellBlock.name, TRANSFORM_TO_BLOCKQUOTE, wrapStrategy);
+  VegaRTEExtension.registerActionHandleStrategy(RTEBlockquoteBlock.name, REMOVE_BLOCKQUOTE, new RemoveBlockquoteStrategy());
+  // Enables exiting the blockquote via the keyboard: pressing Enter on an empty
+  // trailing paragraph breaks out to a new paragraph after the blockquote.
+  VegaRTEExtension.registerActionHandlerInterceptor(RTETextBlock.name, ModifyContentActionType.INSERT_NEW_PARAGRAPH, new BlockquoteExitOnEnterInterceptor());
+})();
+VegaRTEBlockquoteExtension.TOOLBAR_BUTTON_KEY = 'blockquote';