@globalpayments/vega 2.92.0 → 2.94.0

package/dist/esm/{code-block-b71b2aa4.js → code-block-e12588fe.js}

@@ -3,7 +3,7 @@ import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-
 import { e as VegaInternalRichTextEditorFlushChanges, f as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-827eb1ce.js';
 import { d as dashCaseToCamel, c as camelToDashCase } from './string-a953eafc.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { i as isNonNullable } from './type-guard-91087018.js';
+import { i as isNonNullable } from './type-guard-ec5e8628.js';
 import { T as TypographyUrls } from './typography-19c3b9be.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-ca5afd2d.js';
@@ -165,25 +165,95 @@ class ModifyContentAction {
 /**
  * Creates a style map from the inline styles of an HTML element. This function extracts the 'style' attribute from the given element.
  *
+ * Manually parses the style string to handle complex CSS values that contain semicolons (e.g., data URLs),
+ * colons (e.g., https:// URLs), or commas (e.g., rgba, gradients). This approach avoids reliance on
+ * CSSStyleDeclaration's array-like behavior, which is inconsistent in Jest/JSDOM test environments.
+ *
  * @param {HTMLElement} element The HTML element from which to extract inline styles.
  * @returns {AnnotationStyle} An object representing the custom style annotations.
  */
 function createStyleMapFromElement(element) {
-  const customStyle = element.getAttribute('style');
-  if (!customStyle)
-    return {};
-  const styleValue = customStyle.split(';').filter(Boolean);
-  return styleValue
-    .filter((key) => key !== ' ')
-    .map((key) => {
-    // to remove redundant quote pairs if needed, for example: ['fontFamily: "Roboto Mono"'] will be updated to ['fontFamily: Roboto Mono']
-    const styleObject = key.replace(/(['"])(.*?)\1/g, '$2').split(':');
-    const styleKey = dashCaseToCamel(styleObject[0].trim());
-    return {
-      [styleKey]: styleObject[1].trim().replace(';', ''),
-    };
-  })
-    .reduce((current, obj) => (Object.assign(Object.assign({}, current), obj)), {});
+  const styleMap = {};
+  const styleAttr = element.getAttribute('style');
+  if (!styleAttr) {
+    return styleMap;
+  }
+  // Split by semicolons, but only those outside of parentheses (to handle data URLs with semicolons)
+  const properties = splitStyleProperties(styleAttr);
+  for (const property of properties) {
+    const trimmedProperty = property.trim();
+    const colonIndex = trimmedProperty.indexOf(':');
+    const propertyName = trimmedProperty.substring(0, colonIndex).trim();
+    const propertyValue = trimmedProperty.substring(colonIndex + 1).trim();
+    // Convert CSS property name to camelCase (e.g., 'background-color' -> 'backgroundColor')
+    const camelCaseName = dashCaseToCamel(propertyName);
+    styleMap[camelCaseName] = propertyValue;
+  }
+  return styleMap;
+}
+/**
+ * Split a CSS style string by semicolons, but only those outside of parentheses.
+ * This ensures that semicolons inside url() or other functions are not treated as property separators.
+ *
+ * @param {string} styleAttr The style attribute string to split.
+ * @returns {string[]} Array of individual CSS property strings.
+ */
+function splitStyleProperties(styleAttr) {
+  const properties = [];
+  let currentProperty = '';
+  let parenthesesDepth = 0;
+  for (let i = 0; i < styleAttr.length; i++) {
+    const char = styleAttr[i];
+    if (char === '(') {
+      parenthesesDepth++;
+      currentProperty += char;
+    }
+    else if (char === ')') {
+      parenthesesDepth--;
+      currentProperty += char;
+    }
+    else if (char === ';' && parenthesesDepth === 0) {
+      // Semicolon outside parentheses - this is a property separator
+      properties.push(currentProperty);
+      currentProperty = '';
+    }
+    else {
+      currentProperty += char;
+    }
+  }
+  // Add the last property if it doesn't end with a semicolon
+  if (currentProperty) {
+    properties.push(currentProperty);
+  }
+  return properties;
+}
+/**
+ * Escape HTML-sensitive characters so text can be rendered literally in HTML.
+ *
+ * @param {string} text - Raw text content.
+ * @returns {string} Escaped text content.
+ */
+function escapeHtml(text) {
+  return text
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+/**
+ * Escape text for use inside a double-quoted HTML attribute value.
+ *
+ * @param {string} value - Raw attribute value.
+ * @returns {string} Escaped attribute-safe value.
+ */
+function escapeHtmlAttribute(value) {
+  return (value
+    // Keep existing entities (e.g. &quot;, &#39;) intact to avoid double escaping on repeated transforms.
+    .replace(/&(?!(?:[a-zA-Z][a-zA-Z0-9]+|#[0-9]+|#x[a-fA-F0-9]+);)/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;'));
 }
 
 /**
@@ -1166,9 +1236,9 @@ 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(' '))}"`;
   }
 }
 
@@ -1549,7 +1619,7 @@ 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);
@@ -1874,7 +1944,7 @@ 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);
@@ -3662,7 +3732,11 @@ 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.
@@ -3918,11 +3992,16 @@ 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);
@@ -4034,11 +4113,16 @@ 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);
       }
@@ -4055,7 +4139,8 @@ 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]));
   }
@@ -4978,7 +5063,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',
@@ -5230,4 +5315,4 @@ class RTECodeBlock extends RTEBlock {
 RTECodeBlock.CODE_BLOCK_PLACEHOLDER_CLASS_NAME = 'code-block-placeholder-element';
 RTECodeBlock.dtoName = 'RTECodeBlock';
 
-export { RTE_DEFAULT_TEXT_COLOR as $, ActionHandleStrategyRegistry as A, BlockAnnotation as B, CommonAnnotationTypeEnum as C, BlockMergeNodesStrategy as D, SyncUpSelectionAction as E, BlockAnnotationTypeEnum as F, CustomClassAnnotation as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, NodeAnnotation as J, NodeTypeEnum as K, CommonAnnotation as L, ModifyContentAction as M, NodeAnnotationTypeEnum as N, ReplaceChildNodesAction as O, HTML_VOID_TAGS as P, BlockDeleteNodeContentStrategy as Q, RTETextNode as R, SplitBlockWithNodeAction as S, TextStyleAnnotationAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, RemoveChildrenStrategy as W, BOLD_FONT_WEIGHT_KEYWORD as X, BOLD_FONT_WEIGHT as Y, createStyleMapFromElement as Z, RTE_TEXT_COLORS as _, RTEBlock as a, ITALIC_FONT_STYLE as a0, STRIKETHROUGH_TEXT_DECORATION as a1, UNDERLINE_TEXT_DECORATION as a2, TextStyleAnnotation as a3, Predicate as a4, HorizontalAlignmentAnnotation as a5, CodeAnnotation as a6, LinkFilterStylesStrategy as a7, CodeBlockFilterStylesStrategy as a8, CodeBlockNodeFilterStylesStrategy as a9, ActionHandlerInterceptorRegistry as aa, CodeLanguage as ab, VegaRTEDefaultTextStyleItems as ac, ZERO_WIDTH_SPACE as ad, LinkAnnotationAction as ae, UpdateCodeBlockAction as af, SelectionChangeAction as ag, TextColorAnnotationAction as ah, VegaRTEOneRowHeightPx as ai, BoldAnnotationAction as aj, ItalicAnnotationAction as ak, UnderlineAnnotationAction as al, BoldAnnotation as am, ClearFormattingAnnotationAction as an, CodeAnnotationAction as ao, StrikethroughAnnotationAction as ap, IndentAnnotationAction as aq, RTETextBlock as b, RTEAnnotationStyle as c, ActionHandleStrategy as d, AppendChildrenAction as e, RTENode as f, InsertChildrenBeforeAction as g, InternalAnnotationTypeEnum as h, ModifyContentActionType as i, AnnotationAction as j, RemoveChildrenAction as k, CustomAttributeAnnotation as l, RTEDTOClassManager$1 as m, RTEFilterStylesStrategy as n, RTEDecoratorNode as o, RTECodeBlock as p, RTECodeBlockNode as q, CustomStyleAnnotation as r, stateEntityRenderingRegistry as s, RTEFilterStylesStrategyRegistry as t, BlockUpdateTextStyleStrategy as u, BlockUpdateHorizontalAlignmentStrategy as v, BlockInsertLineBreakStrategy as w, BlockInsertLineBreakWithBlocksStrategy as x, BlockSplitWithTextNodeStrategy as y, BlockReplaceNodesStrategy as z };
+export { RTE_DEFAULT_TEXT_COLOR as $, ActionHandleStrategyRegistry as A, BlockAnnotation as B, CommonAnnotationTypeEnum as C, BlockMergeNodesStrategy as D, SyncUpSelectionAction as E, BlockAnnotationTypeEnum as F, CustomClassAnnotation as G, HorizontalAlignmentAnnotationAction as H, InsertChildrenAfterAction as I, NodeAnnotation as J, NodeTypeEnum as K, CommonAnnotation as L, ModifyContentAction as M, NodeAnnotationTypeEnum as N, ReplaceChildNodesAction as O, HTML_VOID_TAGS as P, BlockDeleteNodeContentStrategy as Q, RTETextNode as R, SplitBlockWithNodeAction as S, TextStyleAnnotationAction as T, UpdateTextAction as U, VegaRTEPresetToolbarItems as V, RemoveChildrenStrategy as W, BOLD_FONT_WEIGHT_KEYWORD as X, BOLD_FONT_WEIGHT as Y, createStyleMapFromElement as Z, RTE_TEXT_COLORS as _, RTEBlock as a, ITALIC_FONT_STYLE as a0, STRIKETHROUGH_TEXT_DECORATION as a1, UNDERLINE_TEXT_DECORATION as a2, TextStyleAnnotation as a3, Predicate as a4, HorizontalAlignmentAnnotation as a5, CodeAnnotation as a6, LinkFilterStylesStrategy as a7, CodeBlockFilterStylesStrategy as a8, CodeBlockNodeFilterStylesStrategy as a9, ActionHandlerInterceptorRegistry as aa, CodeLanguage as ab, VegaRTEDefaultTextStyleItems as ac, ZERO_WIDTH_SPACE as ad, LinkAnnotationAction as ae, UpdateCodeBlockAction as af, SelectionChangeAction as ag, TextColorAnnotationAction as ah, VegaRTEOneRowHeightPx as ai, BoldAnnotationAction as aj, ItalicAnnotationAction as ak, UnderlineAnnotationAction as al, BoldAnnotation as am, ClearFormattingAnnotationAction as an, CodeAnnotationAction as ao, StrikethroughAnnotationAction as ap, IndentAnnotationAction as aq, escapeHtml as ar, RTETextBlock as b, RTEAnnotationStyle as c, ActionHandleStrategy as d, AppendChildrenAction as e, RTENode as f, InsertChildrenBeforeAction as g, InternalAnnotationTypeEnum as h, ModifyContentActionType as i, AnnotationAction as j, RemoveChildrenAction as k, CustomAttributeAnnotation as l, RTEDTOClassManager$1 as m, RTEFilterStylesStrategy as n, RTEDecoratorNode as o, RTECodeBlock as p, RTECodeBlockNode as q, CustomStyleAnnotation as r, stateEntityRenderingRegistry as s, RTEFilterStylesStrategyRegistry as t, BlockUpdateTextStyleStrategy as u, BlockUpdateHorizontalAlignmentStrategy as v, BlockInsertLineBreakStrategy as w, BlockInsertLineBreakWithBlocksStrategy as x, BlockSplitWithTextNodeStrategy as y, BlockReplaceNodesStrategy as z };

package/dist/esm/{component-value-history-controller-slimmer.abstract-282df6e5.js → component-value-history-controller-slimmer.abstract-4e8eb313.js}

@@ -1,15 +1,15 @@
 import { c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
-import { q as RTECodeBlockNode, R as RTETextNode, ad as ZERO_WIDTH_SPACE, ag as SelectionChangeAction, h as InternalAnnotationTypeEnum, s as stateEntityRenderingRegistry, a as RTEBlock, f as RTENode, o as RTEDecoratorNode, p as RTECodeBlock } from './code-block-b71b2aa4.js';
+import { q as RTECodeBlockNode, R as RTETextNode, ad as ZERO_WIDTH_SPACE, s as stateEntityRenderingRegistry, o as RTEDecoratorNode, f as RTENode, a as RTEBlock, ag as SelectionChangeAction, h as InternalAnnotationTypeEnum, p as RTECodeBlock } from './code-block-e12588fe.js';
 import { d as debounce } from './timer-9321173b.js';
 import { g as getActiveElement } from './component-7d906393.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { f as VegaInternalRichTextEditorSelectionRangeChange, c as VegaInternalUpdateRTECursorPosition } from './vega-internal-event-id-827eb1ce.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { R as RTERange } from './range-e63068d1.js';
+import { R as RTERange } from './range-e999837f.js';
 import { A as AutoRunWhenReRenderTaskQueueSlimmer } from './auto-run-when-re-render-task-queue-slimmer.abstract-27820d4c.js';
 import { i as isHTMLElement } from './ui-d73f756a.js';
-import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-61d4c79b.js';
+import { K as KeyboardManagerSlimmer } from './keyboard-manager-slimmer-f3f66c15.js';
 
 let processing = false;
 /**
@@ -346,58 +346,67 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
     return ShadowSelectionPolyfill$1.getSelection(richTextContentRef.shadowRoot);
   }
   /**
-   * Scroll the editor's scrollable viewport so the caret stays visible.
-   * Setting the selection range programmatically does not trigger the browser's
-   * native auto-scroll, so when the cursor is moved (e.g. after inserting a
-   * function block) it can land outside the visible area of a fixed-height
-   * (rows) editor. This keeps the caret within view.
+   * Keep the caret visible after the range is restored.
    *
-   * Note: This method performs getBoundingClientRect() reads and is called during
-   * the re-render task path every time the saved selection is restored.
+   * Applying a range in code does not trigger browser auto-scroll. We first
+   * check whether the caret is already visible, and only then call
+   * scrollIntoView with center alignment. This works for both fixed-height
+   * content hosts (rows mode) and page scrolling (stretch mode), while avoiding
+   * unnecessary jumps during normal typing.
    *
    * @param {Range} range - The range that was applied to the selection.
    */
   scrollCaretIntoView(range) {
-    const viewport = this.vegaRichTextEditorRenderer.getRichTextContentRef();
-    const caretRect = this.getCaretRect(range);
-    if (!viewport || !caretRect) {
+    const element = this.getCaretElement(range);
+    if (!element || typeof element.scrollIntoView !== 'function') {
       return;
     }
-    const viewportRect = viewport.getBoundingClientRect();
-    if (viewportRect.width === 0 ||
-      viewportRect.height === 0 ||
-      (caretRect.top === 0 && caretRect.bottom === 0 && caretRect.left === 0 && caretRect.right === 0)) {
+    if (this.isCaretWithinViewport(range, element)) {
       return;
     }
-    if (caretRect.bottom > viewportRect.bottom) {
-      viewport.scrollTop += caretRect.bottom - viewportRect.bottom;
-    }
-    else if (caretRect.top < viewportRect.top) {
-      viewport.scrollTop -= viewportRect.top - caretRect.top;
-    }
+    element.scrollIntoView({ block: 'center', inline: 'nearest' });
   }
   /**
-   * Get the bounding rect of the caret for the given range.
-   * A collapsed range inside an empty node can return an empty rect, so in that
-   * case fall back to the nearest element's bounding rect.
+   * Resolve the nearest element for the caret start container.
    *
-   * @param {Range} range - The range to measure.
-   * @returns {Nullable<DOMRect>} The caret bounding rect, or null if it cannot be resolved.
+   * @param {Range} range - The range to inspect.
+   * @returns {Nullable<HTMLElement>} The caret's nearest element, or null.
    */
-  getCaretRect(range) {
-    // getBoundingClientRect is unavailable in non-DOM (test) environments.
-    if (typeof range.getBoundingClientRect !== 'function') {
+  getCaretElement(range) {
+    const startContainer = range.startContainer;
+    if (!startContainer) {
       return null;
     }
-    const rangeRect = range.getBoundingClientRect();
-    if (rangeRect.height > 0) {
-      return rangeRect;
-    }
-    const startContainer = range.startContainer;
-    const element = startContainer.nodeType === Node.TEXT_NODE
+    return startContainer.nodeType === Node.TEXT_NODE
       ? startContainer.parentElement
       : startContainer;
-    return element ? element.getBoundingClientRect() : null;
+  }
+  /**
+   * Determine whether the caret is currently visible within the viewport.
+   *
+   * The visible area is the intersection of the window and the content host,
+   * because in fixed-height (`rows`) mode the host clips its content while in
+   * the stretch mode the window is the binding constraint.
+   *
+   * @param {Range} range - The range that was applied to the selection.
+   * @param {HTMLElement} element - The caret's nearest element.
+   * @returns {boolean} True when the caret is fully inside the visible area.
+   */
+  isCaretWithinViewport(range, element) {
+    const caretRect = range.getBoundingClientRect();
+    // A collapsed range can report an empty rect; fall back to the element.
+    const rect = caretRect.width === 0 && caretRect.height === 0 && caretRect.top === 0
+      ? element.getBoundingClientRect()
+      : caretRect;
+    let top = 0;
+    let bottom = window.innerHeight;
+    const contentRef = this.vegaRichTextEditorRenderer.getRichTextContentRef();
+    if (contentRef) {
+      const contentRect = contentRef.getBoundingClientRect();
+      top = Math.max(top, contentRect.top);
+      bottom = Math.min(bottom, contentRect.bottom);
+    }
+    return rect.top >= top - 1 && rect.bottom <= bottom + 1;
   }
   /**
    * Save the current selection range detail
@@ -449,6 +458,28 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
     const range = selection.getRangeAt(0);
     const commonAncestor = range.commonAncestorContainer;
     const selectedNodes = [];
+    if (range.collapsed) {
+      const { startContainer } = range;
+      if (startContainer.nodeType === Node.TEXT_NODE) {
+        const currentNode = startContainer.parentElement;
+        const nodeEntity = stateEntityRenderingRegistry.getEntityByDOM(currentNode);
+        if (nodeEntity instanceof RTENode) {
+          selectedNodes.push(nodeEntity);
+        }
+      }
+      else if (isHTMLElement(startContainer)) {
+        const entityElement = RTEDecoratorNode.isDecoratorNodeContainerElement(startContainer)
+          ? RTEDecoratorNode.getDecoratorNodeElement(startContainer)
+          : startContainer;
+        const nodeEntity = stateEntityRenderingRegistry.getEntityByDOM(entityElement);
+        if (nodeEntity instanceof RTENode) {
+          selectedNodes.push(nodeEntity);
+        }
+        else if (nodeEntity instanceof RTEBlock && range.collapsed) {
+          this.tryToFindTheNearestSelectedNode(range, selectedNodes);
+        }
+      }
+    }
     /**
      * Rich text node filter
      *
@@ -490,7 +521,9 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
       }
       node.childNodes.forEach(filterNode);
     };
-    filterNode(commonAncestor);
+    if (!range.collapsed || selectedNodes.length === 0) {
+      filterNode(commonAncestor);
+    }
     this.addNodesToSelectionMap(selectedNodes);
     this.getSelectedNodes().forEach((node) => node.apply(new SelectionChangeAction(range)));
   }

package/dist/esm/{content-state-909099f8.js → content-state-8032467a.js}

@@ -1,6 +1,6 @@
-import { d as ActionHandleStrategy, b as RTETextBlock, R as RTETextNode, e as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, u as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, v as BlockUpdateHorizontalAlignmentStrategy, i as ModifyContentActionType, w as BlockInsertLineBreakStrategy, x as BlockInsertLineBreakWithBlocksStrategy, y as BlockSplitWithTextNodeStrategy, z as BlockReplaceNodesStrategy, D as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, k as RemoveChildrenAction, E as SyncUpSelectionAction, g as InsertChildrenBeforeAction, B as BlockAnnotation, F as BlockAnnotationTypeEnum, a as RTEBlock, r as CustomStyleAnnotation, G as CustomClassAnnotation, l as CustomAttributeAnnotation, p as RTECodeBlock, s as stateEntityRenderingRegistry, J as NodeAnnotation, N as NodeAnnotationTypeEnum, o as RTEDecoratorNode, K as NodeTypeEnum, L as CommonAnnotation, j as AnnotationAction, O as ReplaceChildNodesAction, M as ModifyContentAction, S as SplitBlockWithNodeAction, P as HTML_VOID_TAGS, Q as BlockDeleteNodeContentStrategy, U as UpdateTextAction, W as RemoveChildrenStrategy, X as BOLD_FONT_WEIGHT_KEYWORD, Y as BOLD_FONT_WEIGHT, Z as createStyleMapFromElement, _ as RTE_TEXT_COLORS, $ as RTE_DEFAULT_TEXT_COLOR, a0 as ITALIC_FONT_STYLE, a1 as STRIKETHROUGH_TEXT_DECORATION, a2 as UNDERLINE_TEXT_DECORATION, t as RTEFilterStylesStrategyRegistry, a3 as TextStyleAnnotation, n as RTEFilterStylesStrategy, a4 as Predicate$1, a5 as HorizontalAlignmentAnnotation, a6 as CodeAnnotation, m as RTEDTOClassManager, a7 as LinkFilterStylesStrategy, a8 as CodeBlockFilterStylesStrategy, q as RTECodeBlockNode, a9 as CodeBlockNodeFilterStylesStrategy } from './code-block-b71b2aa4.js';
+import { d as ActionHandleStrategy, b as RTETextBlock, R as RTETextNode, e as AppendChildrenAction, A as ActionHandleStrategyRegistry, T as TextStyleAnnotationAction, u as BlockUpdateTextStyleStrategy, H as HorizontalAlignmentAnnotationAction, v as BlockUpdateHorizontalAlignmentStrategy, i as ModifyContentActionType, w as BlockInsertLineBreakStrategy, x as BlockInsertLineBreakWithBlocksStrategy, y as BlockSplitWithTextNodeStrategy, z as BlockReplaceNodesStrategy, D as BlockMergeNodesStrategy, I as InsertChildrenAfterAction, k as RemoveChildrenAction, E as SyncUpSelectionAction, g as InsertChildrenBeforeAction, B as BlockAnnotation, F as BlockAnnotationTypeEnum, a as RTEBlock, r as CustomStyleAnnotation, G as CustomClassAnnotation, l as CustomAttributeAnnotation, p as RTECodeBlock, s as stateEntityRenderingRegistry, J as NodeAnnotation, N as NodeAnnotationTypeEnum, o as RTEDecoratorNode, K as NodeTypeEnum, L as CommonAnnotation, j as AnnotationAction, O as ReplaceChildNodesAction, M as ModifyContentAction, S as SplitBlockWithNodeAction, P as HTML_VOID_TAGS, Q as BlockDeleteNodeContentStrategy, U as UpdateTextAction, W as RemoveChildrenStrategy, X as BOLD_FONT_WEIGHT_KEYWORD, Y as BOLD_FONT_WEIGHT, Z as createStyleMapFromElement, _ as RTE_TEXT_COLORS, $ as RTE_DEFAULT_TEXT_COLOR, a0 as ITALIC_FONT_STYLE, a1 as STRIKETHROUGH_TEXT_DECORATION, a2 as UNDERLINE_TEXT_DECORATION, t as RTEFilterStylesStrategyRegistry, a3 as TextStyleAnnotation, n as RTEFilterStylesStrategy, a4 as Predicate$1, a5 as HorizontalAlignmentAnnotation, a6 as CodeAnnotation, m as RTEDTOClassManager, a7 as LinkFilterStylesStrategy, a8 as CodeBlockFilterStylesStrategy, q as RTECodeBlockNode, a9 as CodeBlockNodeFilterStylesStrategy } from './code-block-e12588fe.js';
 import { g as generateUUID } from './misc-9fdbcfbb.js';
-import { i as isNonNullable } from './type-guard-91087018.js';
+import { i as isNonNullable } from './type-guard-ec5e8628.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { c as VegaInternalUpdateRTECursorPosition, d as VegaInternalRichTextEditDeleteSelectedNodes, e as VegaInternalRichTextEditorFlushChanges } from './vega-internal-event-id-827eb1ce.js';
@@ -1750,29 +1750,83 @@ class ListRemoveListItemStrategy extends RemoveChildrenStrategy {
   }
 }
 
-/**
- * Strategy to handle the paste content into function block.
- */
+/** Handles pasted content in a block. */
 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/esm/{date-required-rule-15edb04a.js → date-required-rule-b88e1650.js}

@@ -1,4 +1,4 @@
-import { U as isDateStr } from './type-guard-91087018.js';
+import { U as isDateStr } from './type-guard-ec5e8628.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**

package/dist/esm/{design-token-cb5ed6b9.js → design-token-76bd217c.js}

@@ -1,9 +1,9 @@
-import { m as StateBackgroundColorFormatter, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBorderColorTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, t as isShadowsTokenType, l as Spacing, u as isBorderStyleType, B as BorderRadius, c as Colors, j as Shadows, v as isTypographyTokenType } from './type-guard-91087018.js';
+import { m as StateBackgroundColorFormatter, n as isSpacingTokenType, o as isBorderRadiusTokenType, p as isBorderColorTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, t as isShadowsTokenType, l as Spacing, u as isBorderStyleType, B as BorderRadius, c as Colors, j as Shadows, v as isTypographyTokenType } from './type-guard-ec5e8628.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-fb424f5b.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
 import { a as TypographyKeys } from './typography-19c3b9be.js';
-import { S as StateBorderFormatter, a as StateShadowFormatter, b as StateBorderColorFormatter } from './state-border-formatter-1a528ca4.js';
+import { S as StateBorderFormatter, a as StateShadowFormatter, b as StateBorderColorFormatter } from './state-border-formatter-b680e922.js';
 import { B as BorderStyle } from './ui-93922c59.js';
 
 /**

package/dist/esm/{element-appender-slimmer-e41120ee.js → element-appender-slimmer-7fcb944b.js}

@@ -4,8 +4,8 @@ import { I as InternalVegaZIndexManager } from './internal-vega-z-index-manager-
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { A as Alignments, P as Placements } from './ui-93922c59.js';
-import { J as isTranslocationType, i as isNonNullable, a9 as isEATriggerStrategy } from './type-guard-91087018.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-fb424f5b.js';
+import { J as isTranslocationType, i as isNonNullable, a9 as isEATriggerStrategy } from './type-guard-ec5e8628.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-ced96b0b.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 import { F as FeatureFlag } from './feature-flag-controller-3fd04ea9.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
@@ -1341,9 +1341,12 @@ class ElementAppender {
   }
   /**
    * Update position while window scroll.
+   *
+   * @param {boolean} forceAdjust - When true, recalculates position regardless of position strategy.
+   *   Used for inner-container scroll and shadow-root scroll where the body formula does not self-correct.
    */
-  onScroll() {
-    if (this.showConfig.isScreenPosition) {
+  onScroll(forceAdjust = false) {
+    if (this.showConfig.isScreenPosition || forceAdjust) {
       this.adjustPosition(true);
     }
   }
@@ -1851,12 +1854,18 @@ class ElementAppenderSlimmer extends VegaSlimmer {
         this.executeTriggerStrategy(triggerStrategy, e, 'click-outside');
       }
     };
-    /* istanbul ignore next */
     /* Listen global scroll event */
-    this.globalScrollHandler = () => {
+    this.globalScrollHandler = (e) => {
       var _a;
-      if (this.showConfig && this.showConfig.isScreenPosition && this.isShowing()) {
-        (_a = this.elementAppender) === null || _a === void 0 ? void 0 : _a.onScroll();
+      if (this.showConfig && this.isShowing()) {
+        // Shadow-root scroll (Observer callback — e is not a DOM Event) and
+        // inner-container DOM scroll (e.target !== tryGetDocument()) both need forced
+        // recalculation because the body-position formula does not self-correct
+        // for those scroll sources.
+        // Document-level scroll in body-position mode is handled by the formula
+        // itself, so no forced recalculation is needed there.
+        const forceAdjust = !(e instanceof Event) || e.target !== tryGetDocument();
+        (_a = this.elementAppender) === null || _a === void 0 ? void 0 : _a.onScroll(forceAdjust);
       }
     };
     /* A timer that will hide the dropdown after a certain amount of time. */

package/dist/esm/{event-emit-slimmer-03deba18.js → event-emit-slimmer-db4a82e0.js}

@@ -2,7 +2,7 @@ import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } fr
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-75e5e3bb.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-48690e5b.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{form-field-controller-slimmer-cfe1d8a7.js → form-field-controller-slimmer-395c23e3.js}

@@ -8,7 +8,7 @@ import { a as isAsyncFunction, g as generateUUID } from './misc-9fdbcfbb.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
 import { i as VegaInternalFieldErrorStateChange, g as VegaInternalFormSubmit, j as VegaInternalValid } from './vega-internal-event-id-827eb1ce.js';
-import { V as VegaInternalTranslation } from './internal-translation-controller-8e8a514a.js';
+import { V as VegaInternalTranslation } from './internal-translation-controller-16709132.js';
 import { h as htmlSanitizer, l as labelSanitizeStrategy } from './index-3b327f29.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-e24d36c5.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';

package/dist/esm/{image-annotation-action-98232dc4.js → image-annotation-action-b3b6c308.js}

@@ -1,11 +1,11 @@
 import { h } from './index-090d31ca.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-e7c57096.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, _ as RTE_TEXT_COLORS, R as RTETextNode, ah as TextColorAnnotationAction, N as NodeAnnotationTypeEnum, j as AnnotationAction } from './code-block-b71b2aa4.js';
+import { A as ActionHandleStrategyRegistry, _ as RTE_TEXT_COLORS, R as RTETextNode, ah as TextColorAnnotationAction, N as NodeAnnotationTypeEnum, j as AnnotationAction } from './code-block-e12588fe.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-ddff8662.js';
-import { a as VegaClick, c as VegaPopoverShow, b as VegaPopoverHide, d as VegaChange } from './vega-event-id-d3017041.js';
+import { a as VegaClick, c as VegaPopoverShow, b as VegaPopoverHide, d as VegaChange } from './vega-event-id-270fe47e.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-ca5afd2d.js';
-import { g as ImageAnnotation } from './content-state-909099f8.js';
+import { g as ImageAnnotation } from './content-state-8032467a.js';
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,
@@ -171,7 +171,7 @@ class TextColorToolbarButtonSlimmer extends VisualModeToolbarButtonSlimmer {
     this.popoverShow = false;
   }
   renderBtnWrapper(renderBtn) {
-    return (h("vega-popover", { placement: "bottom", alignment: "center", ref: (ref) => {
+    return (h("vega-popover", { placement: "bottom", alignment: "center", isScreenPosition: true, ref: (ref) => {
         this.popoverRef = ref;
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverShow, this.handlePopoverShowChange.bind(this));
         DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, VegaPopoverHide, this.handlePopoverHideChange.bind(this));