@globalpayments/vega 2.92.0 → 2.94.0

package/dist/cjs/vega-rich-text-editor_4.cjs.entry.js

@@ -10,32 +10,33 @@ const accessibility = require('./accessibility-88f8af84.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
 const vegaInternalEventId = require('./vega-internal-event-id-ecc5b87a.js');
-const codeBlock = require('./code-block-6435d641.js');
-const linkExtension = require('./link-extension-28d95849.js');
-const typeGuard = require('./type-guard-7ab48d6c.js');
+const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
+const codeBlock = require('./code-block-493c7ce7.js');
+const linkExtension = require('./link-extension-92a63cb7.js');
+const typeGuard = require('./type-guard-f354af8b.js');
 const internalIconManager = require('./internal-icon-manager-40bcac72.js');
-const imageAnnotationAction = require('./image-annotation-action-853f72c8.js');
-const vegaEventId = require('./vega-event-id-df22d80e.js');
+const imageAnnotationAction = require('./image-annotation-action-7c4cd316.js');
+const vegaEventId = require('./vega-event-id-58afed7a.js');
 const misc = require('./misc-3d30df91.js');
 const waitForComponentDidRender = require('./wait-for-component-did-render-02ca4bee.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-e0efac05.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-5bab10c2.js');
+const imageExtension = require('./image-extension-30a7c10f.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-d638ba12.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-d234a619.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-18891389.js');
-const contentState = require('./content-state-96ec9114.js');
+const contentState = require('./content-state-fc34a814.js');
 const alignLeft = require('./align-left-4a76df69.js');
-const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-e4c9a5ba.js');
-const staticSubjectTitle = require('./static-subject-title-70c73b16.js');
+const componentValueHistoryControllerSlimmer_abstract = require('./component-value-history-controller-slimmer.abstract-ab21fcbf.js');
 const observer = require('./observer-f49483e8.js');
 const timer = require('./timer-5f33058b.js');
 const darkModeStateControllerSlimmer = require('./dark-mode-state-controller-slimmer-b454645a.js');
-const replaceSelectedTextAction = require('./replace-selected-text-action-a31563ed.js');
-const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-8e4d577d.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-b9a5b3e2.js');
-const translationSlimmer = require('./translation-slimmer-1e05769e.js');
+const richTextEditorRequiredRule = require('./rich-text-editor-required-rule-23bf7485.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-e67ee84c.js');
+const translationSlimmer = require('./translation-slimmer-9099f56c.js');
 const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
 const autoRunWhenReRenderTaskQueueSlimmer_abstract = require('./auto-run-when-re-render-task-queue-slimmer.abstract-5734634d.js');
 const array = require('./array-249289f2.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
+const chevronUp = require('./chevron-up-21465cf7.js');
 const trashCan = require('./trash-can-46a5e19a.js');
 const ui = require('./ui-c91c37a7.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
@@ -44,7 +45,7 @@ require('./typography-3ea4fe41.js');
 require('./object-b53e9416.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32120990.js');
-require('./internal-translation-controller-48ebfd0f.js');
+require('./internal-translation-controller-eb02c3b1.js');
 require('./icon-manager-be358b32.js');
 require('./create-public-api-runtime-metrics-slimmer-91b0cbfb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
@@ -56,10 +57,10 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./mutation-observer-slimmer-749d5020.js');
 require('./mutation-observer-filters-38cebc6d.js');
 require('./sub-state-observer-slimmer-eee2f0ae.js');
-require('./internal-vega-event-manager-7196a847.js');
-require('./range-5cb3d1e4.js');
-require('./keyboard-manager-slimmer-4a2560a1.js');
-require('./keyboard-manager-dfe8d924.js');
+require('./internal-vega-event-manager-13c4012b.js');
+require('./range-30219330.js');
+require('./keyboard-manager-slimmer-a1223714.js');
+require('./keyboard-manager-ca76d4dc.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-c19d0b58.js');
 require('./index-3ca118c4.js');
@@ -94,9 +95,18 @@ class VegaRichTextEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
           'disabled': this.disabled,
           'vega-hidden': this.sourceView,
         }, style: containerStyle, onClick: this.richTextContentFocus, role: "textbox", tabIndex: !this.disabled ? -1 : 0, onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick(), ref: (node) => (this.richTextContainerRef = node) },
-        index.h("vega-rich-text-content", { ref: (ref) => (this.richTextContentRef = ref), content: this.value, extensions: this.extensions }),
+        index.h("vega-rich-text-content", { ref: (ref) => (this.richTextContentRef = ref), content: this.value, extensions: this.extensions, onScroll: this.notifyContentScrolling }),
         this.renderCharacterCounter()));
     };
+    /**
+     * Propagates rich-text content scrolling inside shadow root so open appender
+     * can force position recalculation via ElementAppenderSlimmer.
+     */
+    this.notifyContentScrolling = () => {
+      changeManager.ChangeManager.notify(staticSubjectTitle.SHADOW_ROOT_ELEMENT_SCROLLING, {
+        host: this.host,
+      });
+    };
     this.renderCharacterCounter = () => {
       return (index.h("div", { class: {
           'text-editor-counter': true,
@@ -590,7 +600,7 @@ class TextStylesToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToo
     };
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-dropdown", { selectType: "single", trigger: "click", alignment: "center", selectedSourceKey: this.getSelectedSourceKey(), ref: (ref) => {
+    return (index.h("vega-dropdown", { selectType: "single", trigger: "click", alignment: "center", isScreenPosition: true, selectedSourceKey: this.getSelectedSourceKey(), ref: (ref) => {
         this.addDropdownObserver(ref);
       } },
       renderBtn({ showArrowIcon: true }),
@@ -1037,6 +1047,7 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
     super({
       icon: 'image',
       tooltip: { text: 'Image' },
+      autoFocusOnClick: false,
     });
     this.insertURLImage = async () => {
       const url = this.normalizeSafeImageUrl(this.insertURLInputRef.value);
@@ -1049,18 +1060,21 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
           this.uploadInputRef.click();
           break;
         case 'url':
-          this.currentRange = this.selectionController.getCurrentRange();
-          this.currentSelectedNodes = this.selectionController.getSelectedNodes();
-          this.currentSelectedBlocks = this.selectionController.getSelectedBlocks();
-          // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          this.host.parentElement.append(this.insertURLModalRef);
-          this.insertURLInputRef.value = '';
-          await this.insertURLModalRef.modal('show');
-          await this.insertURLInputRef.doFocus();
+          await this.openInsertURLModal();
           break;
       }
       await this.dropdownRef.hide();
     };
+    this.openInsertURLModal = async () => {
+      this.currentRange = this.selectionController.getCurrentRange();
+      this.currentSelectedNodes = this.selectionController.getSelectedNodes();
+      this.currentSelectedBlocks = this.selectionController.getSelectedBlocks();
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      this.host.parentElement.append(this.insertURLModalRef);
+      this.insertURLInputRef.value = '';
+      await this.insertURLModalRef.modal('show');
+      await this.insertURLInputRef.doFocus();
+    };
     /**
      * The below method is e2e-test covered in
      * @see{module:should-update-url-properly-when-upload-images}
@@ -1082,15 +1096,33 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
     };
   }
   renderBtnWrapper(renderBtn) {
+    const shouldRenderDropdown = this.shouldRenderDropdown();
+    const shouldRenderUpload = this.isImageUploadEnabled();
+    const shouldRenderUrlInsertion = this.isImageURLInsertionEnabled();
+    if (!shouldRenderUpload && !shouldRenderUrlInsertion) {
+      return null;
+    }
     return (index.h("vega-box", null,
-      index.h("vega-dropdown", { selectType: "none", trigger: "click", alignment: "center", ref: (ref) => {
+      shouldRenderDropdown ? (index.h("vega-dropdown", { selectType: "none", trigger: "click", alignment: "center", isScreenPosition: true, ref: (ref) => {
           this.dropdownRef = ref;
           this.addDropdownObserver(ref);
         } },
         renderBtn({ showArrowIcon: true }),
-        index.h("div", Object.assign({ slot: "items" }, super.preventLostFocus()), this.renderDropdownContent())),
-      this.renderUploadInput(),
-      this.renderInsertURLModal()));
+        index.h("div", Object.assign({ slot: "items" }, super.preventLostFocus()), this.renderDropdownContent()))) : (renderBtn({})),
+      shouldRenderUpload ? this.renderUploadInput() : null,
+      shouldRenderUrlInsertion ? this.renderInsertURLModal() : null));
+  }
+  onClick() {
+    if (this.shouldRenderDropdown()) {
+      return;
+    }
+    if (this.isImageURLInsertionEnabled()) {
+      void this.openInsertURLModal();
+      return;
+    }
+    if (this.isImageUploadEnabled()) {
+      this.uploadInputRef.click();
+    }
   }
   isSelected() {
     return false;
@@ -1103,10 +1135,20 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
       this.shouldDisabledToolbar(selectedBlock, codeBlock.ModifyContentActionType.INSERT_IMAGE_TO_BLOCK));
   }
   renderDropdownContent() {
-    return (index.h(index.Fragment, null, ImageToolbarButtonSlimmer.items.map((item) => {
+    return (index.h(index.Fragment, null, this.getItems().map((item) => {
       return (index.h("vega-dropdown-item", { key: item.key, itemKey: item.key }, this.translationSlimmer.t(item.label)));
     })));
   }
+  getItems() {
+    return ImageToolbarButtonSlimmer.allItems.filter((item) => {
+      if (item.key === 'upload') {
+        return this.isImageUploadEnabled();
+      }
+      else {
+        return this.isImageURLInsertionEnabled();
+      }
+    });
+  }
   renderUploadInput() {
     return (index.h("input", { type: "file", style: { display: 'none' }, ref: (node) => (this.uploadInputRef = node), accept: "image/*", onChange: this.fileInputChange }));
   }
@@ -1139,6 +1181,18 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
   addModalInsertObserver(buttonRef) {
     domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(buttonRef, vegaEventId.VegaClick, this.insertURLImage);
   }
+  getImageExtensionConfig() {
+    return imageExtension.VegaRTEImageExtension.configStore.get(this.host) || {};
+  }
+  isImageUploadEnabled() {
+    return this.getImageExtensionConfig().enableImageUpload !== false;
+  }
+  isImageURLInsertionEnabled() {
+    return this.getImageExtensionConfig().enableImageURLInsertion !== false;
+  }
+  shouldRenderDropdown() {
+    return this.getItems().length > 1;
+  }
   /**
    * The below method is e2e-test covered in
    * @see{module:should-update-url-properly-when-upload-images}
@@ -1171,7 +1225,7 @@ class ImageToolbarButtonSlimmer extends imageAnnotationAction.VisualModeToolbarB
 (() => {
   internalIconManager.VegaInternalIconManager.register({ image: image });
 })();
-ImageToolbarButtonSlimmer.items = [
+ImageToolbarButtonSlimmer.allItems = [
   {
     key: 'upload',
     label: 'Upload from computer',
@@ -1383,7 +1437,7 @@ class BulletsNumbersToolbarButtonSlimmer extends imageAnnotationAction.VisualMod
     }
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-popover", { showArrow: false, trigger: "click", placement: "bottom", alignment: "center", ref: (ref) => (this.popoverRef = ref) },
+    return (index.h("vega-popover", { showArrow: false, trigger: "click", placement: "bottom", alignment: "center", isScreenPosition: true, ref: (ref) => (this.popoverRef = ref) },
       index.h("div", { slot: "popover-content" }, renderBtn({ showArrowIcon: true })),
       index.h("div", { slot: "popover" }, this.renderContent())));
   }
@@ -1650,7 +1704,7 @@ class HorizontalAlignmentToolbarButtonSlimmer extends imageAnnotationAction.Visu
     }
   }
   renderBtnWrapper(renderBtn) {
-    return (index.h("vega-popover", { trigger: "click", showArrow: false, alignment: "center", placement: "bottom", ref: (ref) => (this.popoverRef = ref) },
+    return (index.h("vega-popover", { trigger: "click", showArrow: false, alignment: "center", placement: "bottom", isScreenPosition: true, ref: (ref) => (this.popoverRef = ref) },
       index.h("div", { slot: "popover-content" }, renderBtn({ showArrowIcon: true })),
       index.h("div", { slot: "popover" }, this.renderContent())));
   }
@@ -1897,7 +1951,7 @@ class BaseHandler {
    * @returns {boolean} boolean result
    */
   isEmptyParagraph(node) {
-    return node && node.childNodes && node.childNodes.length === 0;
+    return node && node.nodeType === Node.ELEMENT_NODE && node.childNodes && node.childNodes.length === 0;
   }
   /**
    * Removes selected nodes within a range in a rich text editor content.
@@ -1995,7 +2049,7 @@ class InsertTextHandler extends BaseHandler {
             }
             if (cursorNode instanceof codeBlock.RTETextNode) {
               updateFlag = true;
-              cursorNode.apply(new replaceSelectedTextAction.ReplaceSelectedTextAction(text, currentRange));
+              cursorNode.apply(new imageExtension.ReplaceSelectedTextAction(text, currentRange));
             }
           }
           updateFlag &&
@@ -2010,7 +2064,7 @@ class InsertTextHandler extends BaseHandler {
       // The selected nodes is multiple nodes
       const cursorNode = this.removeSelectionRange(true);
       if (cursorNode instanceof codeBlock.RTETextNode) {
-        cursorNode.apply(new replaceSelectedTextAction.ReplaceSelectedTextAction(text, currentRange));
+        cursorNode.apply(new imageExtension.ReplaceSelectedTextAction(text, currentRange));
         this.selectionController.enqueueSelectionRangeFutureState(cursorNode, Math.min(startOffset + text.length, cursorNode.text.length));
       }
     }
@@ -2258,7 +2312,7 @@ class InsertLineBreakHandler extends BaseHandler {
   getNextRTENode(lineBreakNode) {
     const index = lineBreakNode.parent.children.indexOf(lineBreakNode);
     const nextNode = lineBreakNode.parent.children[index + 1];
-    return nextNode || lineBreakNode;
+    return nextNode && nextNode.isContentEditable() ? nextNode : lineBreakNode;
   }
 }
 
@@ -2538,6 +2592,7 @@ class PasteContentAction extends codeBlock.ModifyContentAction {
   constructor(blocksToBeInserted, startNode, startOffset, rteRange) {
     super();
     this.type = codeBlock.ModifyContentActionType.PASTE_CONTENT;
+    this.futureFocusAtEnd = false;
     this.blocksToBeInserted = blocksToBeInserted;
     this.startNode = startNode;
     this.startOffset = startOffset;
@@ -2555,19 +2610,108 @@ class InsertPasteHandler extends BaseHandler {
    * @param {InputEvent} event - Paste event.
    */
   handleEvent(event) {
+    const currentRange = this.selectionController.getCurrentRange();
+    const payload = this.getPastePayload(event);
+    if (this.insertPlainTextInline(payload, currentRange)) {
+      return;
+    }
     const blocks = this.parsePastedElements(event);
-    const { startContainer } = this.selectionController.getCurrentRange();
-    if (this.isRootContainer(startContainer)) {
+    const startContainer = (currentRange === null || currentRange === void 0 ? void 0 : currentRange.startContainer) || undefined;
+    if (!startContainer) {
+      // When the selection/range is unavailable (e.g. the caret was lost while
+      // the paste-mode chooser had focus), still append the pasted content to
+      // the root so the paste is never silently dropped.
+      this.insertBlocksToRoot(blocks);
+    }
+    else if (this.isRootContainer(startContainer)) {
       this.insertBlocksToRoot(blocks);
       // TODO: Need to check below logic, it seems not correct https://gethired.atlassian.net/browse/VD-7779
     }
     else if (this.isEmptyParagraph(startContainer)) {
-      this.insertBlocksBeforeEmptyBlock(blocks);
+      this.insertBlocksBeforeEmptyBlock(blocks, currentRange);
     }
     else {
-      this.insertBlocksToContent(blocks);
+      this.insertBlocksToContent(blocks, currentRange);
     }
   }
+  /**
+   * Inserts plain-text paste content into the current text node at caret position.
+   *
+   * @param {RTEPastePayload} payload - Clipboard payload.
+   * @param {RTERange} currentRange - Current selection range.
+   * @returns {boolean} True when inline insertion is handled.
+   */
+  insertPlainTextInline(payload, currentRange) {
+    var _a, _b;
+    const selectedNodes = ((_b = (_a = this.selectionController).getSelectedNodes) === null || _b === void 0 ? void 0 : _b.call(_a)) || [];
+    if (!this.shouldPasteAsInlinePlainText(payload, currentRange, selectedNodes)) {
+      return false;
+    }
+    const text = payload.text.replace(/\r\n?/g, '\n');
+    const cursorNode = selectedNodes.find((node) => node instanceof codeBlock.RTETextNode) || currentRange.startNode;
+    if (!(cursorNode instanceof codeBlock.RTETextNode)) {
+      return false;
+    }
+    cursorNode.apply(new imageExtension.ReplaceSelectedTextAction(text, currentRange));
+    this.selectionController.enqueueSelectionRangeFutureState(cursorNode, currentRange.startOffset + text.length);
+    return true;
+  }
+  /**
+   * Determines whether the payload should be inserted as inline plain text.
+   *
+   * @param {RTEPastePayload} payload - Clipboard payload.
+   * @param {RTERange} currentRange - Current selection range.
+   * @param {RTENode[]} selectedNodes - Currently selected nodes.
+   * @returns {boolean} True when inline plain-text insertion should be used.
+   */
+  shouldPasteAsInlinePlainText(payload, currentRange, selectedNodes = []) {
+    if (!currentRange || !currentRange.startContainer) {
+      return false;
+    }
+    if (this.isRootContainer(currentRange.startContainer)) {
+      return false;
+    }
+    const text = (payload.text || '').replace(/\r\n?/g, '\n');
+    if (!text) {
+      return false;
+    }
+    const html = payload.html || '';
+    if (!html) {
+      return true;
+    }
+    const hasTextNodeSelection = selectedNodes.some((node) => node instanceof codeBlock.RTETextNode) ||
+      currentRange.startNode instanceof codeBlock.RTETextNode;
+    if (!hasTextNodeSelection) {
+      return false;
+    }
+    // Use the inline plain‑text path only when HTML and plain text match exactly and no formatting exists;
+    // otherwise route through the block path to preserve styles.
+    const analysis = this.analyzeHtmlContent(html);
+    return analysis.plainText === text && !analysis.hasFormatting;
+  }
+  /**
+   * Analyzes HTML content to extract plain text and detect inline formatting,
+   * parsing the HTML once to avoid redundant StylePreservation and DOMParser calls.
+   *
+   * @param {string} html - Clipboard text/html payload.
+   * @returns {HtmlAnalysisResult} Analysis result with plainText and hasFormatting properties.
+   */
+  analyzeHtmlContent(html) {
+    const safeHtml = contentState.StylePreservator.preserve(html).getProcessedHtml();
+    const parsedDoc = new DOMParser().parseFromString(safeHtml, 'text/html');
+    const body = parsedDoc.body;
+    // Extract plain text from the parsed document
+    const plainText = (body.textContent || '').replace(/\r\n?/g, '\n');
+    // Check for rich inline formatting
+    let hasFormatting = Boolean(body.querySelector('b,strong,i,em,s,del,strike,u,mark'));
+    if (!hasFormatting) {
+      hasFormatting = Array.from(body.querySelectorAll('span')).some((span) => {
+        const style = span.getAttribute('style') || span.getAttribute('data-style') || '';
+        return this.styleContainsRichFormatting(style);
+      });
+    }
+    return { plainText, hasFormatting };
+  }
   /**
    * Insert the blocks to root
    *
@@ -2577,37 +2721,54 @@ class InsertPasteHandler extends BaseHandler {
     this.currentState.apply(new codeBlock.AppendChildrenAction(blocks));
   }
   /**
-   * Insert the blocks to content
+   * Insert the blocks into the current content block at the specified range.
    *
    * @param { RTEContentBlock[]} blocks - blocks
+   * @param { RTERange } rteRange - rteRange
    */
-  insertBlocksToContent(blocks) {
-    const cursorNode = this.removeSelectionRange();
+  insertBlocksToContent(blocks, rteRange) {
+    var _a;
+    const isCollapsedRange = rteRange.startNode === rteRange.endNode && rteRange.startOffset === rteRange.endOffset;
+    const cursorNode = isCollapsedRange
+      ? rteRange.startNode
+      : this.removeSelectionRange();
     if (cursorNode && cursorNode.parent) {
-      const { startOffset } = this.selectionController.getCurrentRange();
-      const pasteAction = new PasteContentAction(blocks, cursorNode, startOffset);
+      const pasteAction = new PasteContentAction(blocks, cursorNode, rteRange.startOffset, rteRange);
       cursorNode.parent.apply(pasteAction);
-      if (pasteAction.futureFocusBlock) {
-        this.switchCaretPositionToNextElement(pasteAction.futureFocusBlock);
+      if (pasteAction.futureFocusNode) {
+        this.selectionController.enqueueSelectionRangeFutureState(pasteAction.futureFocusNode, (_a = pasteAction.futureFocusNodeOffset) !== null && _a !== void 0 ? _a : 0);
+      }
+      else if (pasteAction.futureFocusBlock) {
+        this.switchCaretPositionToNextElement(pasteAction.futureFocusBlock, pasteAction.futureFocusAtEnd);
       }
     }
+    else {
+      // No resolvable cursor position: fall back to appending at the root so
+      // the pasted content is preserved instead of being discarded.
+      this.insertBlocksToRoot(blocks);
+    }
   }
   /**
    * Insert the blocks before to current block
    *
    * @param { RTEContentBlock[]} blocks - blocks
+   * @param { RTERange } rteRange - rteRange
    */
-  insertBlocksBeforeEmptyBlock(blocks) {
+  insertBlocksBeforeEmptyBlock(blocks, rteRange) {
     const cursorNode = this.removeSelectionRange();
-    /* istanbul ignore next */
     const currentBlock = cursorNode === null || cursorNode === void 0 ? void 0 : cursorNode.parent;
     if (currentBlock) {
-      const pasteAction = new PasteContentAction(blocks, currentBlock.children[0], 0, this.selectionController.getCurrentRange());
+      const pasteAction = new PasteContentAction(blocks, cursorNode, 0, rteRange);
       currentBlock.apply(pasteAction);
       if (pasteAction.futureFocusBlock) {
-        this.switchCaretPositionToNextElement(pasteAction.futureFocusBlock);
+        this.switchCaretPositionToNextElement(pasteAction.futureFocusBlock, pasteAction.futureFocusAtEnd);
       }
     }
+    else {
+      // No resolvable empty block: fall back to appending at the root so the
+      // pasted content is preserved instead of being discarded.
+      this.insertBlocksToRoot(blocks);
+    }
   }
   /**
    * Format and parse elements from user paste with simple style preservation.
@@ -2616,30 +2777,76 @@ class InsertPasteHandler extends BaseHandler {
    * @returns {RTEContentBlock[]} - RTEContentBlock.
    */
   parsePastedElements(event) {
-    let pastedHTML = event.dataTransfer.getData('text/html');
+    const payload = this.getPastePayload(event);
+    let pastedHTML = payload.html || '';
     if (!pastedHTML) {
-      const pastedText = event.dataTransfer.getData('text/plain');
-      pastedHTML = this.parsePlainText(pastedText);
+      pastedHTML = this.parsePlainText(payload.text || '');
+    }
+    else if (this.shouldTreatAsPlainTextPayload(pastedHTML)) {
+      const plainSource = payload.text || this.extractPlainTextFromHtml(pastedHTML);
+      pastedHTML = this.parsePlainText(plainSource);
     }
     const context = contentState.StylePreservator.preserve(pastedHTML);
     const safeHtml = context.getProcessedHtml();
     const parser = new DOMParser();
     const parsedDoc = parser.parseFromString(safeHtml, 'text/html');
+    const rootElements = Array.from(parsedDoc.body.childNodes);
+    context.restore(rootElements);
+    this.normalizeImportedHtmlArtifacts(parsedDoc.body);
     const htmlElements = Array.from(parsedDoc.body.childNodes);
-    context.restore(htmlElements);
-    return contentState.ElementToDtoStrategyProcessor.process(htmlElements)
+    const resultBlocks = contentState.ElementToDtoStrategyProcessor.process(htmlElements)
       .filter(Boolean)
       .map((output) => output.toDto())
       .filter(Boolean);
+    // Fallback for synthetic payloads: if strategy conversion yields no blocks
+    // but we still have plain text, create paragraph/text blocks directly.
+    if (resultBlocks.length === 0 && (payload.text || '').trim() !== '') {
+      return this.buildPlainTextFallbackBlocks(payload.text);
+    }
+    return resultBlocks;
   }
   /**
-   * Moves the caret to the next block element in a rich text editor.
+   * Extracts readable plain text from clipboard HTML.
    *
-   * @param {RTEBlock} newBlock - Represents a new create block element in a rich text editor.
+   * @param {string} html - Clipboard text/html payload.
+   * @returns {string} - Plain text extracted from HTML.
    */
-  switchCaretPositionToNextElement(newBlock) {
+  extractPlainTextFromHtml(html) {
+    // Preserve inline styles before parsing to avoid style-src-attr CSP violations.
+    const safeHtml = contentState.StylePreservator.preserve(html).getProcessedHtml();
+    const parsedDoc = new DOMParser().parseFromString(safeHtml, 'text/html');
+    return (parsedDoc.body.textContent || '').replace(/\r\n?/g, '\n');
+  }
+  /**
+   * Builds plain-text paragraph blocks when element strategy parsing returns no output.
+   *
+   * @param {string} text - Plain text clipboard content.
+   * @returns {RTEContentBlock[]} Fallback text blocks.
+   */
+  buildPlainTextFallbackBlocks(text) {
+    return text.split('\n').map((line) => {
+      const paragraph = new codeBlock.RTETextBlock(misc.generateUUID(), 'paragraph');
+      const textNode = new codeBlock.RTETextNode(`${paragraph.id}1`, line, paragraph);
+      paragraph.apply(new codeBlock.AppendChildrenAction([textNode]));
+      return paragraph;
+    });
+  }
+  /**
+   * Moves the caret to a block element in a rich text editor after paste.
+   *
+   * @param {RTEBlock} newBlock - Block element to move the caret to.
+   * @param {boolean} atEnd - When true, places the caret after the last character of the block's last node; otherwise at offset 0 of the first node.
+   */
+  switchCaretPositionToNextElement(newBlock, atEnd = false) {
+    var _a, _b;
     if (newBlock && newBlock.children) {
-      this.selectionController.enqueueSelectionRangeFutureState(newBlock.children[0], 0);
+      if (atEnd) {
+        const lastNode = newBlock.children[newBlock.children.length - 1];
+        this.selectionController.enqueueSelectionRangeFutureState(lastNode, (_b = (_a = lastNode.text) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0);
+      }
+      else {
+        this.selectionController.enqueueSelectionRangeFutureState(newBlock.children[0], 0);
+      }
     }
   }
   /**
@@ -2649,16 +2856,217 @@ class InsertPasteHandler extends BaseHandler {
    * @returns {string} - The formatted HTML string.
    */
   parsePlainText(content) {
+    if (this.shouldRenderAsCodeBlock(content)) {
+      return `<pre><code>${codeBlock.escapeHtml(content)}</code></pre>`;
+    }
     const lines = content.split('\n');
     return lines
       .map((line) => {
       if (line === '') {
         return '<p>\n</p>';
       }
-      return `<p>${line}</p>`;
+      return `<p>${codeBlock.escapeHtml(line)}</p>`;
     })
       .join('');
   }
+  /**
+   * Detects whether plain text likely represents source code.
+   *
+   * @param {string} content - Clipboard plain text content.
+   * @returns {boolean} True when the content should render as a code block.
+   */
+  shouldRenderAsCodeBlock(content) {
+    const normalized = content.replace(/\r\n?/g, '\n').trim();
+    if (!normalized) {
+      return false;
+    }
+    const hasMultipleLines = normalized.includes('\n');
+    const hasHtmlLikeTag = /<\/?[a-z][\w:-]*[^>]*>/i.test(normalized);
+    const hasCodeFence = normalized.startsWith('```') && normalized.endsWith('```');
+    const hasProgrammingTokens = /[{};]|=>|\b(function|const|let|var|class|import|export|return)\b/.test(normalized);
+    if (hasCodeFence) {
+      return true;
+    }
+    return hasHtmlLikeTag || (hasMultipleLines && hasProgrammingTokens);
+  }
+  /**
+   * Removes pasted website artifacts that can cause visual regressions in the editor,
+   * such as heading anchor tooltips and empty wrappers.
+   *
+   * @param {HTMLElement} body - Parsed clipboard html body.
+   */
+  normalizeImportedHtmlArtifacts(body) {
+    this.removeHeadingArtifacts(body);
+    this.removeEmptyBlocks(body);
+  }
+  /**
+   * Removes heading copy-link/tooltip artifacts copied from documentation pages.
+   *
+   * @param {HTMLElement} body - Parsed clipboard html body.
+   */
+  removeHeadingArtifacts(body) {
+    const selectors = [
+      'a.js-heading-link',
+      'a.c-heading-link',
+      '.js-tooltip-popover',
+      '.c-tooltip-popover',
+      '[role="tooltip"]',
+    ];
+    body.querySelectorAll(selectors.join(',')).forEach((element) => element.remove());
+  }
+  /**
+   * Removes empty block wrappers introduced by web copy/paste.
+   *
+   * @param {HTMLElement} body - Parsed clipboard html body.
+   */
+  removeEmptyBlocks(body) {
+    const blockSelectors = ['p', 'div', 'section', 'article'];
+    body.querySelectorAll(blockSelectors.join(',')).forEach((element) => {
+      if (this.isEmptyVisualBlock(element)) {
+        element.remove();
+      }
+    });
+  }
+  /**
+   * Checks whether a block is visually empty and safe to remove.
+   *
+   * @param {HTMLElement} element - Block element to inspect.
+   * @returns {boolean} True when the block has no visible content.
+   */
+  isEmptyVisualBlock(element) {
+    if (element.tagName === 'DIV' && element.classList.contains('doc')) {
+      return false;
+    }
+    const hasVisualChild = Boolean(element.querySelector('img,video,audio,iframe,canvas,svg,table,hr,pre,code,blockquote'));
+    if (hasVisualChild) {
+      return false;
+    }
+    return (element.textContent || '').trim() === '';
+  }
+  /**
+   * Checks whether a text/html payload is effectively plain text.
+   *
+   * Some sources (e.g. terminals, code editors) place the copied text inside an
+   * off-screen / visually hidden wrapper such as
+   * `<pre><div style="position: absolute; left: -9999px;">text</div></pre>`.
+   * Preserving that markup as rich content would render the pasted text
+   * off-screen (appearing empty), so such payloads are treated as plain text.
+   *
+   * @param {string} html - Clipboard text/html payload.
+   * @returns {boolean} True when the payload has no visible rich content.
+   */
+  shouldTreatAsPlainTextPayload(html) {
+    // Preserve inline styles before parsing to avoid style-src-attr CSP violations
+    // triggered by DOMParser processing HTML with style= attributes.
+    const safeHtml = contentState.StylePreservator.preserve(html).getProcessedHtml();
+    const parsedDoc = new DOMParser().parseFromString(safeHtml, 'text/html');
+    const body = parsedDoc.body;
+    if (body.children.length === 0) {
+      return true;
+    }
+    const visibleClone = body.cloneNode(true);
+    visibleClone.querySelectorAll('[style],[data-style]').forEach((element) => {
+      if (this.isVisuallyHiddenElement(element)) {
+        element.remove();
+      }
+    });
+    if ((visibleClone.textContent || '').trim() !== '') {
+      return false;
+    }
+    const hasVisibleMedia = Boolean(visibleClone.querySelector('img,video,audio,iframe,table,svg,canvas,math,object,embed'));
+    if (hasVisibleMedia) {
+      return false;
+    }
+    // If no visible text/media remains but original HTML contained text, it was
+    // likely wrapped in hidden/off-screen containers and should be treated as plain text.
+    return (body.textContent || '').trim() !== '';
+  }
+  /**
+   * Returns true when a CSS style string contains bold, italic, underline,
+   * strikethrough, or color declarations.
+   *
+   * @param {string} style - Inline CSS style string.
+   * @returns {boolean} True when the style contains rich formatting.
+   */
+  styleContainsRichFormatting(style) {
+    if (!style.trim()) {
+      return false;
+    }
+    for (const declaration of style.split(';')) {
+      const colonIndex = declaration.indexOf(':');
+      if (colonIndex === -1) {
+        continue;
+      }
+      const prop = declaration.slice(0, colonIndex).trim().toLowerCase();
+      const value = declaration
+        .slice(colonIndex + 1)
+        .trim()
+        .toLowerCase();
+      switch (prop) {
+        case 'font-weight':
+          if (/bold|[5-9]\d{2}|1000/.test(value)) {
+            return true;
+          }
+          break;
+        case 'font-style':
+          if (/italic|oblique/.test(value)) {
+            return true;
+          }
+          break;
+        case 'text-decoration':
+        case 'text-decoration-line':
+          if (/underline|line-through/.test(value)) {
+            return true;
+          }
+          break;
+        case 'color':
+        case 'background-color':
+          return true;
+      }
+    }
+    return false;
+  }
+  /**
+   * Determines whether an element is visually hidden or rendered off-screen
+   * via its inline style, indicating a clipboard plain-text wrapper.
+   *
+   * @param {HTMLElement} element - Element to inspect.
+   * @returns {boolean} True when the element is hidden or off-screen.
+   */
+  isVisuallyHiddenElement(element) {
+    const style = (element.getAttribute('style') ||
+      element.getAttribute('data-style') ||
+      '').toLowerCase();
+    if (!style) {
+      return false;
+    }
+    if (/display\s*:\s*none/.test(style) || /visibility\s*:\s*hidden/.test(style)) {
+      return true;
+    }
+    if (/clip\s*:\s*rect\(\s*0/.test(style) || style.includes('clip-path')) {
+      return true;
+    }
+    const isPositioned = /position\s*:\s*(absolute|fixed)/.test(style);
+    const isOffScreen = /(left|top|right|bottom)\s*:\s*-\d{3,}px/.test(style);
+    return isPositioned && isOffScreen;
+  }
+  /**
+   * Resolves paste payload from DataTransfer and synthetic-event fallback payload.
+   *
+   * @param {InputEvent} event - Paste event.
+   * @returns {RTEPastePayload} - Paste payload.
+   */
+  getPastePayload(event) {
+    const eventPayload = event
+      .rtePastePayload || { html: '', text: '' };
+    if (!event.dataTransfer) {
+      return eventPayload;
+    }
+    return {
+      html: event.dataTransfer.getData('text/html') || eventPayload.html || '',
+      text: event.dataTransfer.getData('text/plain') || eventPayload.text || '',
+    };
+  }
 }
 
 var __decorate$i = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -3369,11 +3777,11 @@ class DeleteSelectedNodesController extends globalSlimmerRegistry.VegaSlimmer {
     const selectedNodes = this.selectionController.getSelectedNodes();
     const currentRange = this.selectionController.getCurrentRange();
     if (selectedNodes[0] instanceof codeBlock.RTETextNode && selectedNodes[0].isContentEditable()) {
-      selectedNodes[0].apply(new replaceSelectedTextAction.ReplaceSelectedTextAction('', currentRange));
+      selectedNodes[0].apply(new imageExtension.ReplaceSelectedTextAction('', currentRange));
     }
     const endNode = selectedNodes[selectedNodes.length - 1];
     if (selectedNodes.length > 1 && endNode instanceof codeBlock.RTETextNode && endNode.isContentEditable()) {
-      selectedNodes[selectedNodes.length - 1].apply(new replaceSelectedTextAction.ReplaceSelectedTextAction('', currentRange));
+      selectedNodes[selectedNodes.length - 1].apply(new imageExtension.ReplaceSelectedTextAction('', currentRange));
     }
   }
   /**
@@ -3667,7 +4075,7 @@ __decorate$c([
 ], CodeBlockToolbarButtonSlimmer.prototype, "value", void 0);
 
 const undoIcon = {
-  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>`,
 };
 
 var __decorate$b = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -3704,7 +4112,7 @@ __decorate$b([
 ], UndoToolbarButtonSlimmer.prototype, "historyController", void 0);
 
 const redoIcon = {
-  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>`,
 };
 
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -3981,6 +4389,7 @@ class RTEExtensionController extends globalSlimmerRegistry.VegaSlimmer {
     return {
       host: this.host,
       flushValue: this.flushValue,
+      forceUpdate: index.forceUpdate,
       isSourceEditMode: this.isSourceEditMode,
       getSelectedNodes: this.getSelectedNodes,
       setSelectedNodes: this.selectionController.setSelectedNodes.bind(this.selectionController),
@@ -4243,7 +4652,7 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
   render() {
     if (!this.allowSourceEdit)
       return;
-    const sourceCode = this.getSourceTemplate();
+    const sourceCode = this.normalizeSourceCodeForEditing(this.getSourceTemplate());
     const sourceViewValue = this.sourceView ? CodeFormatter$1.format(sourceCode) : '';
     // Record the source view value when rendering, which will be used to compare with the current source view value when blurring the code block to determine whether to emit the source code change event.
     this.prevRecord = sourceCode;
@@ -4264,6 +4673,24 @@ class VegaRichTextEditorSourceViewRenderer extends globalSlimmerRegistry.VegaSli
   getSourceTemplate() {
     return this.value.toHtml({ filterInlineStyles: this.sourceEditConfig.filterInlineStyles });
   }
+  /**
+   * Normalize source HTML for source-mode editing.
+   *
+   * `vega-code-block` renders code as HTML and will decode quote entities, so
+   * convert quote entities inside style attributes to single quotes before entering
+   * source mode. This preserves valid HTML when switching back to normal mode.
+   */
+  normalizeSourceCodeForEditing(html) {
+    return html.replace(/style="([\s\S]*?)"/gi, (_match, styleValue) => {
+      const normalizedStyleValue = styleValue
+        .replace(/&amp;|&#38;|&#x26;/gi, '&')
+        .replace(/&lt;|&#60;|&#x3c;/gi, '<')
+        .replace(/&gt;|&#62;|&#x3e;/gi, '>')
+        .replace(/&quot;|&#34;|&#x22;/gi, "'")
+        .replace(/&apos;|&#39;|&#x27;/gi, "'");
+      return `style="${normalizedStyleValue}"`;
+    });
+  }
 }
 __decorate$7([
   globalSlimmerRegistry.MapToComponentField()
@@ -4709,13 +5136,14 @@ class VegaRichTextEditorToolbarButtonRenderer extends globalSlimmerRegistry.Vega
       }, onClick: this.handleClick, disabled: this.disabled, hidden: this.hidden },
       index.h("vega-flex", { gap: "size-8", justifyContent: "center", alignItems: "center" },
         this.icon && (index.h("vega-icon", { size: "size-16", color: this.iconColor, icon: internalIconManager.VegaInternalIconManager.getIconKey(this.icon) })),
-        this.showArrowIcon && (index.h("vega-icon", { size: "size-8", color: "text-secondary", icon: internalIconManager.VegaInternalIconManager.getIconKey('chevron-down') }))),
+        this.showArrowIcon && (index.h("vega-icon", { size: "size-8", color: "text-secondary", icon: internalIconManager.VegaInternalIconManager.getIconKey(this.arrowIcon || 'chevron-down') }))),
       index.h("slot", null)));
   }
 }
 (() => {
   internalIconManager.VegaInternalIconManager.register({
     'chevron-down': chevronDown.chevronDown,
+    'chevron-up': chevronUp.chevronUp,
   });
 })();
 __decorate$5([
@@ -4730,6 +5158,9 @@ __decorate$5([
 __decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorToolbarButtonRenderer.prototype, "showArrowIcon", void 0);
+__decorate$5([
+  globalSlimmerRegistry.MapToComponentField()
+], VegaRichTextEditorToolbarButtonRenderer.prototype, "arrowIcon", void 0);
 __decorate$5([
   globalSlimmerRegistry.MapToComponentField()
 ], VegaRichTextEditorToolbarButtonRenderer.prototype, "icon", void 0);
@@ -4793,6 +5224,12 @@ const VegaRichTextEditorToolbarButton = class {
      * @vegaVersion 2.34.0
      */
     this.showArrowIcon = false;
+    /**
+     * Specifies the arrow icon name when `showArrowIcon` is enabled.
+     *
+     * @vegaVersion 2.93.0
+     */
+    this.arrowIcon = 'chevron-down';
     /**
      * Specifies whether the toolbar button in the rich text editor is represented by an icon.
      *
@@ -5071,7 +5508,7 @@ class VegaRichTextLinkEditorRenderer extends globalSlimmerRegistry.VegaSlimmer {
     return this.popoverRef;
   }
   render() {
-    return (index.h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, ref: (ref) => {
+    return (index.h("vega-popover", { trigger: "click", alignment: "start", placement: "bottom", showArrow: false, isScreenPosition: true, ref: (ref) => {
         this.popoverRef = ref;
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, vegaEventId.VegaPopoverShow, () => {
           var _a, _b, _c;