@heartlandone/vega 2.88.0 → 2.90.0

package/dist/cjs/{token-extension-8b69f7e1.js → token-extension-2e3e1631.js}

@@ -1,33 +1,32 @@
 'use strict';
 
 const misc = require('./misc-3d30df91.js');
-const ui = require('./ui-3727d685.js');
+const ui = require('./ui-c91c37a7.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-122350c3.js');
 const internalVegaZIndexManager = require('./internal-vega-z-index-manager-f03ddb37.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-273d62ef.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-c515cf5e.js');
-const internalTranslationController = require('./internal-translation-controller-a1250419.js');
-const contentState = require('./content-state-d4f54659.js');
-const codeBlock = require('./code-block-00fee034.js');
-const typeGuard = require('./type-guard-424efe26.js');
-const dtoRendererManager = require('./dto-renderer-manager-7eb5c5ce.js');
-const baseRenderer = require('./base-renderer-0a3b62b7.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-6e49d1ca.js');
+const internalTranslationController = require('./internal-translation-controller-9785d4e8.js');
+const contentState = require('./content-state-e1c3efe6.js');
+const linkExtension = require('./link-extension-dafeeed0.js');
+const codeBlock = require('./code-block-89850671.js');
+const typeGuard = require('./type-guard-9917b11f.js');
 const internalIconManager = require('./internal-icon-manager-66c48800.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-ba6a95f3.js');
-const vegaEventId = require('./vega-event-id-39dedd17.js');
-const splitCellOperation = require('./split-cell-operation-91ee6894.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-c82df135.js');
+const vegaEventId = require('./vega-event-id-37c1716f.js');
+const splitCellOperation = require('./split-cell-operation-b41344bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const vegaInternalEventId = require('./vega-internal-event-id-e138d4d6.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-fc22fdd0.js');
-const darkModeStyleController = require('./dark-mode-style-controller-ed481250.js');
+const darkModeStyleController = require('./dark-mode-style-controller-32d4054a.js');
 const tryGetDocument = require('./try-get-document-c0ebd39a.js');
 const pixel = require('./pixel-98f2a10c.js');
 const object = require('./object-b53e9416.js');
 const timer = require('./timer-5f33058b.js');
-const replaceSelectedTextAction = require('./replace-selected-text-action-a098523f.js');
+const replaceSelectedTextAction = require('./replace-selected-text-action-0f7b7c78.js');
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {
@@ -1050,393 +1049,6 @@ __decorate([
 ], TranslationController.prototype, "vegaPublicAPIRuntimeMetricsSlimmer", void 0);
 const VegaTranslation = new TranslationController();
 
-/**
- * Manager for storing and retrieving the extension context associated with each rich text editor host element.
- *
- * @todo Currently, there are three types of contexts in RTE: toolbar render context, extension context, and DTO render context. The second and third types are bound to the extension context via host props. We are considering optimizing these three types of contexts to make the program more flexible and easier to maintain.
- */
-class RTEExtensionContextManager {
-  constructor() {
-    this.extensionContextMap = new WeakMap();
-  }
-  /**
-   * Store the extension context for the given rich text editor host element.
-   *
-   * @param {RTEExtensionContext} context - The extension context to store.
-   */
-  updateExtensionContext(context) {
-    if (context && context.host) {
-      let newContext = context;
-      const existingContext = this.extensionContextMap.get(context.host);
-      // If there is already an existing context for the host, merge the new context with the existing one to avoid overwriting any properties that are not included in the new context.
-      if (existingContext) {
-        newContext = Object.assign(Object.assign({}, existingContext), context);
-      }
-      this.extensionContextMap.set(context.host, newContext);
-    }
-  }
-  /**
-   * Get the extension context for the given rich text editor host element.
-   *
-   * @typedef HTMLVegaRichTextEditorElement - The type definition for the rich text editor host element.
-   * @param {Nullable<HTMLVegaRichTextEditorElement>} el - The host rich text editor element.
-   * @returns {Nullable<RTEExtensionContext>} - The extension context associated with the host.
-   */
-  getExtensionContext(el) {
-    return el ? this.extensionContextMap.get(el) : null;
-  }
-}
-const RTEExtensionContextManager$1 = new RTEExtensionContextManager();
-
-/**
- * Base renderer for Vega Rich Text Editor.
- */
-class VegaRTEExtensionRenderer extends baseRenderer.VegaRTEBaseRenderer {
-  /**
-   * Returns the styles to be injected into the RTE scope.
-   * Override this method to provide custom styles for the custom blocks or nodes.
-   *
-   * @returns {string} - The styles as a string.
-   */
-  injectRTEScopeStyles() {
-    return '';
-  }
-  /**
-   * Renders the given data as a DOM element.
-   *
-   * @param {RTEBlock | RTENode} renderData - The data to render, which can be a block or a node.
-   * @param {RTERenderContext} rteContext - The rte editor context.
-   * @param {VegaRTECreateElementFunction} createElement - The function to create a DOM element.
-   * @returns {VegaRTERenderResult} - The rendered DOM element.
-   */
-  render(renderData, rteContext, createElement) {
-    var _a;
-    const element = this.doRender(createElement, renderData, rteContext);
-    this.fallbackRegisterRef(element, renderData);
-    this.appendChildren(((_a = element.childrenContainerGetter) === null || _a === void 0 ? void 0 : _a.call(element)) || element, renderData, rteContext, createElement);
-    return element;
-  }
-  /**
-   * Register the reference of the element in the rendering registry.
-   *
-   * @param {RTEBlock | RTENode} renderData - The data to register with the element.
-   * @returns {VegaRTEUseRef} - The function to register the element.
-   */
-  useRef(renderData) {
-    renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] = true;
-    return function (element) {
-      if (element) {
-        codeBlock.stateEntityRenderingRegistry.register(element, renderData);
-      }
-    };
-  }
-  /**
-   * Get a registered renderer by its key.
-   *
-   * @param {string} key - The key of the renderer.
-   * @returns {Nullable<BaseRenderer>} - The registered renderer or null if not found.
-   */
-  getDTORenderer(key) {
-    return dtoRendererManager.RTEDTORendererManager.getRTERenderer(key);
-  }
-  /**
-   * Get the extension context for the given rich text editor host element.
-   *
-   * @typedef HTMLVegaRichTextEditorElement - The type definition for the rich text editor host element.
-   * @param {HTMLVegaRichTextEditorElement} el - The host rich text editor element.
-   * @returns {Nullable<RTEExtensionContext>} - The extension context associated with the host.
-   */
-  getExtensionContext(el) {
-    return RTEExtensionContextManager$1.getExtensionContext(el);
-  }
-  /**
-   * Auto render the block children if the block element is not exist
-   *
-   * @param {VegaRTERenderResult} parentElement - The parent element to append children to.
-   * @param {RTEBlock | RTENode} renderData - The data to render children for.
-   * @param {RTERenderContext} rteContext - The render context.
-   * @param {VegaRTECreateElementFunction} createElement - The function to create a DOM element.
-   */
-  appendChildren(parentElement, renderData, rteContext, createElement) {
-    if (Array.isArray(renderData['children']) &&
-      renderData['children'].length &&
-      !parentElement['$children$']) {
-      parentElement['$children$'] = renderData['children']
-        .map((child) => {
-        return this.renderChildren(child, rteContext, createElement);
-      })
-        .filter(typeGuard.isNonNullable);
-    }
-  }
-  /**
-   * Render the children node.
-   *
-   * @param {RTENode | RTEBlock} renderData - The node to render children for.
-   * @param {RTERenderContext} rteContext - The render context.
-   * @param {VegaRTECreateElementFunction} createElement - The function to create a DOM element.
-   * @returns {Nullable<VegaRTERenderResult>} - The rendered DOM element.
-   */
-  renderChildren(renderData, rteContext, createElement) {
-    const renderer = this.getDTORenderer(renderData.type);
-    if (renderer) {
-      return renderer.render(renderData, rteContext, createElement);
-    }
-  }
-  /**
-   * Fallback register reference for the element.
-   *
-   * @param {VegaRTERenderResult} element - The rendered DOM element.
-   * @param {RTEBlock | RTENode} renderData - The data to register with the element.
-   */
-  fallbackRegisterRef(element, renderData) {
-    if (!renderData[VegaRTEExtensionRenderer.REGISTER_REF_FLAG] &&
-      element['$attrs$'] &&
-      !element['$attrs$']['ref']) {
-      // eslint-disable-next-line jsdoc/require-jsdoc
-      element['$attrs$']['ref'] = this.useRef(renderData);
-    }
-  }
-}
-VegaRTEExtensionRenderer.REGISTER_REF_FLAG = '__registeredRef__';
-
-const patchedBlockClasses = new WeakSet();
-const annotationHandlersByClass = new WeakMap();
-/**
- * Abstract class for Vega Rich Text Editor extensions.
- */
-class VegaRTEExtension {
-  constructor() {
-    /**
-     * The context of the RTE extension, which may include references to the host editor and other relevant information.
-     */
-    this.extensionContext = null;
-    this.hasCustomStylesRenderers = new Set();
-  }
-  /**
-   * Registers an action handle strategy for a specific node or block class.
-   *
-   * @param {string} nodeOrBlockClassName - The name of the node or block class.
-   * @param {string} actionType - The type of the action.
-   * @param {ActionHandleStrategy<ModifyContentAction | AnnotationAction, RTENode | RTEBlock | VegaRTEContent>} strategy - The strategy to register.
-   */
-  static registerActionHandleStrategy(nodeOrBlockClassName, actionType, strategy) {
-    codeBlock.ActionHandleStrategyRegistry.register(actionType, nodeOrBlockClassName, strategy);
-  }
-  /**
-   * Registers an action handler interceptor for a specific node or block class.
-   *
-   * @param {string} nodeOrBlockClassName - The name of the node or block class.
-   * @param {string} actionType - The type of the action.
-   * @param {ActionHandlerInterceptor<ModifyContentAction, RTENode | RTEBlock | VegaRTEContent>} strategy - The interceptor to register.
-   */
-  static registerActionHandlerInterceptor(nodeOrBlockClassName, actionType, strategy) {
-    codeBlock.ActionHandlerInterceptorRegistry.register(actionType, nodeOrBlockClassName, strategy);
-  }
-  /**
-   * Registers a filter styles strategy for a specific block or node class.
-   *
-   * @param {string} blockOrNodeClassName - The name of the block or node class.
-   * @param {RTEFilterStylesStrategy} strategy - The filter styles strategy to register.
-   */
-  static registerFilterStylesStrategy(blockOrNodeClassName, strategy) {
-    codeBlock.RTEFilterStylesStrategyRegistry.register(blockOrNodeClassName, strategy);
-  }
-  /**
-   * Attach a custom JSON annotation handler to a block DTO class's static `from` flow.
-   *
-   * This is a reusable extension point: any extension can register a handler for an
-   * annotation key and transform the value into block annotations during JSON parsing.
-   *
-   * Safe to call multiple times per class/key/handler — duplicate registrations are no-ops.
-   *
-   * @param {BlockClassWithFrom} BlockClass - Block DTO class to patch.
-   * @param {string} annotationKey - JSON annotation key to read from `block.annotations`.
-   * @param {AnnotationFromJsonHandler} handler - Handler that applies annotation logic to the instance.
-   */
-  static attachAnnotationFromJson(BlockClass, annotationKey, handler) {
-    var _a, _b;
-    const handlerMap = (_a = annotationHandlersByClass.get(BlockClass)) !== null && _a !== void 0 ? _a : new Map();
-    const handlers = (_b = handlerMap.get(annotationKey)) !== null && _b !== void 0 ? _b : new Set();
-    handlers.add(handler);
-    handlerMap.set(annotationKey, handlers);
-    annotationHandlersByClass.set(BlockClass, handlerMap);
-    if (patchedBlockClasses.has(BlockClass)) {
-      return;
-    }
-    patchedBlockClasses.add(BlockClass);
-    const originalFrom = BlockClass.from.bind(BlockClass);
-    /**
-     * Wrapped static `from` that preserves original behavior and then applies
-     * all registered annotation-from-json handlers for this BlockClass.
-     *
-     * @param {VegaRTEBlockBase} block - Raw JSON block payload.
-     * @param {VegaRTETransformOptions} [options] - Optional transform options.
-     * @returns {RTEBlock} The transformed block instance.
-     */
-    BlockClass.from = function patchedFrom(block, options) {
-      const instance = originalFrom(block, options);
-      const annotations = block.annotations;
-      const currentHandlerMap = annotationHandlersByClass.get(BlockClass);
-      if (annotations && currentHandlerMap) {
-        currentHandlerMap.forEach((registeredHandlers, key) => {
-          const value = annotations[key];
-          registeredHandlers.forEach((registeredHandler) => {
-            registeredHandler(instance, value, block, options);
-          });
-        });
-      }
-      return instance;
-    };
-  }
-  /**
-   * Lifecycle hook called by the rich text editor before the first render
-   * (during `componentWillLoad`).  Override this method to perform per-host
-   * pre-render setup — for example, registering a host-specific toolbar button
-   * renderer via {@link registerToolbarButtonRenderer} so that each editor on
-   * the page gets its own isolated renderer instance.
-   *
-   * The default implementation is a no-op; subclasses may override selectively.
-   *
-   * @typedef HTMLVegaRichTextEditorElement - The type of the host rich text editor element.
-   * @param {HTMLVegaRichTextEditorElement} host - The host rich text editor element that is about to load.
-   */
-  prepareBeforeLoad(host) {
-  }
-  /**
-   * Initializes the RTE extension with the provided context.
-   *
-   * @param {RTEExtensionContext} context - The context of the RTE extension.
-   */
-  initialExtensionAfterLoad(context) {
-    this.extensionContext = context;
-    RTEExtensionContextManager$1.updateExtensionContext(context);
-  }
-  /**
-   * Callback method invoked when the extension is destroyed.
-   * Override this method to perform any necessary cleanup.
-   */
-  destroyExtension() {
-  }
-  /**
-   * Collect custom styles for the extension renderers.
-   * If custom nodes have special styles, override this method to provide the styles.
-   *
-   * @returns {string} - The custom styles as a string.
-   */
-  collectExtensionRendererStyles() {
-    let styles = '';
-    if (this.hasCustomStylesRenderers.size > 0) {
-      this.hasCustomStylesRenderers.forEach((renderer) => {
-        styles += `${renderer.injectRTEScopeStyles()}\n`;
-      });
-    }
-    return styles;
-  }
-  /**
-   * Register a node type with the extension.
-   *
-   * @param {string} type - The type of the node or block. The type should be a string that uniquely identifies the node or block.
-   * @param {ClassType<RTEBlock | RTENode>} DTOClass - The DTO class to register.
-   */
-  registerNode(type, DTOClass) {
-    codeBlock.RTEDTOClassManager.registerRTEDTOClass(type, DTOClass);
-  }
-  /**
-   * Register a renderer for a node type with the extension.
-   *
-   * @param {string} type - The type of the node or block. The type should be a string that uniquely identifies the node or block.
-   * @param {BaseRenderer} renderer - The renderer to register.
-   */
-  registerRenderer(type, renderer) {
-    dtoRendererManager.RTEDTORendererManager.registerRTEDTORenderer(type, renderer);
-    if (renderer instanceof VegaRTEExtensionRenderer && renderer.injectRTEScopeStyles()) {
-      this.hasCustomStylesRenderers.add(renderer);
-    }
-  }
-  /**
-   * Register a toolbar button renderer for the extension.
-   * When a `host` element is provided the renderer is registered in the per-host map
-   * (via {@link RTEDTORendererManager#registerRTEToolbarButtonRendererForHost}), giving
-   * that host an isolated renderer instance that takes precedence over the global singleton.
-   * Omit `host` to fall back to the global registration (backwards-compatible default).
-   *
-   * @param {string} type - The type of the toolbar button.
-   * @param {VegaRTEToolbarButtonRenderer} renderer - The renderer to register.
-   * @param {HTMLVegaRichTextEditorElement} [host] - Optional host element for per-host isolation.
-   */
-  registerToolbarButtonRenderer(type, renderer, host) {
-    if (host) {
-      dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRendererForHost(host, type, renderer);
-    }
-    else {
-      dtoRendererManager.RTEDTORendererManager.registerRTEToolbarButtonRenderer(type, renderer);
-    }
-  }
-  /**
-   * This is a helper method that utilizes RTEUtils to register common strategies.
-   * Call the method with the class name of the block to make it support basic strategies like:
-   * - Delete children
-   * - Append the children
-   * - Delete the block children content
-   *
-   * @param {string} blockClassName - The class name of the block to register strategies for.
-   */
-  registerBlockBasicStrategies(blockClassName) {
-    contentState.RTEDTOActionStrategyManager.registerBlockBasicStrategies(blockClassName);
-  }
-  /**
-   * Unregister a strategy for a specific action type and block class if not need.
-   *
-   * @param {string} actionType - The special action type or the action class name.
-   * @param {string} blockClassName - The class name of the block to unregister the strategy for.
-   */
-  unRegisterStrategy(actionType, blockClassName) {
-    codeBlock.ActionHandleStrategyRegistry.unregister(actionType, blockClassName);
-  }
-  /**
-   * Unregister a strategy for a specific action type and block class if not need.
-   *
-   * @param {string} actionType - The special action type or the action class name.
-   * @param {string} blockClassName - The class name of the block to unregister the strategy for.
-   * @param {ActionHandlerInterceptor<ModifyContentAction, RTENode | RTEBlock | VegaRTEContent>} strategy - The interceptor to unregister.
-   */
-  unRegisterInterceptor(actionType, blockClassName, strategy) {
-    codeBlock.ActionHandlerInterceptorRegistry.unregister(actionType, blockClassName, strategy);
-  }
-  /**
-   * Register an element to block DTO class strategy.
-   *
-   * @param {ElementToDTOStrategy} strategy - The strategy to register.
-   */
-  registerElementToBlockDTOClassStrategy(strategy) {
-    contentState.ElementToDTOClassStrategyManager.registerElementToBlockStrategy(strategy);
-  }
-  /**
-   * Register an element to node DTO class strategy.
-   *
-   * @param {ElementToDTOStrategy} strategy - The strategy to register.
-   */
-  registerElementToNodeDTOClassStrategy(strategy) {
-    contentState.ElementToDTOClassStrategyManager.registerElementToNodeStrategy(strategy);
-  }
-  /**
-   * Get the registered element to node DTO class strategies.
-   *
-   * @returns {ElementToDTOStrategy[]} - The registered element to node DTO class strategies.
-   */
-  getElementToNodeDTOClassStrategies() {
-    return contentState.ElementToDTOClassStrategyManager.getElementToNodeStrategies();
-  }
-  /**
-   * Register a custom annotation handler for HTML to DTO conversion.
-   *
-   * @param {AnnotationGeneratorStrategyAbstract} handler - The annotation handler to register.
-   */
-  registerAnnotationHandler(handler) {
-    contentState.htmlElementToAnnotationGenerator.registerHandler(handler);
-  }
-}
-
 /**
  * Base class for rendering extension toolbar button in the rich text editor.
  * The renderer provides common functionalities for rendering toolbar buttons, including:
@@ -1471,7 +1083,7 @@ class VegaRTEToolbarButtonRenderer {
    * @returns {Nullable<RTEExtensionContext>} - The extension context associated with the host.
    */
   getExtensionContext(el) {
-    return RTEExtensionContextManager$1.getExtensionContext(el);
+    return linkExtension.RTEExtensionContextManager.getExtensionContext(el);
   }
   /**
    * Renders a dropdown component with the specified properties and children.
@@ -1498,9 +1110,10 @@ class VegaRTEToolbarButtonRenderer {
    *
    * @param {VegaRTECreateElementFunction} h - Create element function.
    * @param {(RTEDropdownListItem | RTEDropdownListGroup)[]} itemList - The list of dropdown items.
+   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
    * @returns {VegaRTERenderResult} - The render result for the dropdown list.
    */
-  renderDropdownListTemplate(h, itemList) {
+  renderDropdownListTemplate(h, itemList, editorContext) {
     return h('div', {
       slot: 'items',
       onMouseDown: this.preventDefault,
@@ -1515,8 +1128,8 @@ class VegaRTEToolbarButtonRenderer {
       h('style', { nonce: vegaNonceManager.vegaNonceManager.nonce }, '.rte-dropdown-list vega-dropdown-group vega-dropdown-group { padding-left: 4px }'),
       ...itemList.map((item) => {
         return 'children' in item
-          ? this.renderDropdownGroup(h, item)
-          : this.renderDropdownItem(h, item);
+          ? this.renderDropdownGroup(h, item, editorContext)
+          : this.renderDropdownItem(h, item, editorContext);
       }),
     ]);
   }
@@ -1525,32 +1138,34 @@ class VegaRTEToolbarButtonRenderer {
    *
    * @param {VegaRTECreateElementFunction} h - Create element function.
    * @param {RTEDropdownListItem} item - The dropdown item.
+   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
    * @returns {VegaRTERenderResult} - The render result for the dropdown item.
    */
-  renderDropdownItem(h, item) {
+  renderDropdownItem(h, item, editorContext) {
     return h('vega-dropdown-item', {
       key: item.key,
       itemKey: item.key,
-      label: item.label,
+      label: editorContext.translation.t(item.label),
       prefixIcon: item.icon,
     });
   }
   /**
-   * Renders a dropdown item for the toolbar button.
+   * Renders a dropdown group for the toolbar button.
    *
    * @param {VegaRTECreateElementFunction} h - Create element function.
    * @param {RTEDropdownListGroup} item - The dropdown group.
-   * @returns {VegaRTERenderResult} - The render result for the dropdown item.
+   * @param {VegaRTEToolbarRenderContext} editorContext - The render context for the editor.
+   * @returns {VegaRTERenderResult} - The render result for the dropdown group.
    */
-  renderDropdownGroup(h, item) {
+  renderDropdownGroup(h, item, editorContext) {
     return h('vega-dropdown-group', {
       key: item.key,
-      label: item.label,
+      label: editorContext.translation.t(item.label),
       divide: false,
     }, item.children.map((child) => {
       return 'children' in child
-        ? this.renderDropdownGroup(h, child)
-        : this.renderDropdownItem(h, child);
+        ? this.renderDropdownGroup(h, child, editorContext)
+        : this.renderDropdownItem(h, child, editorContext);
     }));
   }
   /**
@@ -1609,7 +1224,7 @@ class VegaRTEToolbarButtonRenderer {
       return h('vega-font', {
         variant: 'font-field-label-sm',
         color: isDisabled ? 'text-disabled' : 'text-primary',
-      }, label);
+      }, editorContext.translation.t(label));
     }
     return null;
   }
@@ -1791,7 +1406,7 @@ class RTETokenToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
         showArrowIcon: true,
         tooltip: { text: 'Insert token' },
       }),
-      this.renderDropdownListTemplate(createElement, this.tokenList),
+      this.renderDropdownListTemplate(createElement, this.tokenList, editorContext),
     ]);
   }
   /**
@@ -1913,7 +1528,7 @@ RTETokenNode.dtoName = 'RTETokenNode';
 /**
  * Token node renderer for the rich text editor.
  */
-class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
+class RTETokenNodeRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * Renders the token node as a DOM element.
    *
@@ -1973,13 +1588,8 @@ class RTETokenNodeRenderer extends VegaRTEExtensionRenderer {
 
 /**
  * Toolbar button renderer for language selection in Vega Rich Text Editor.
- *
- * Each {@link HTMLVegaRichTextEditorElement} that uses a language extension receives its
- * **own** instance of this renderer, registered in the per-host map inside
- * {@link RTEDTORendererManager} via {@link VegaRTEExtension#prepareBeforeLoad}.  Because
- * every editor has a dedicated renderer, all state (label DOM ref, selected language, and
- * the language-change callback) is held in plain instance fields — no WeakMaps or shared
- * singletons are required.
+ * Each editor host gets its own instance, registered via
+ * {@link VegaRTEExtension#prepareBeforeLoad}, so renderer state is held in plain fields.
  */
 class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
   constructor(languageList, languageChangeCallback, selectedLanguage = '') {
@@ -1988,10 +1598,9 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
     this.languageChangeCallback = null;
     this.selectedLanguage = '';
     this.labelRef = null;
+    this.translation = null;
     /**
-     * Handles the language selection event.
-     * Because each editor has its own renderer instance, the language-change callback
-     * is stored directly on this instance — no indirect context lookup is needed.
+     * Handles the language selection event from the dropdown.
      *
      * @param {string} itemKey - The key of the selected language item.
      */
@@ -2006,15 +1615,18 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
     this.selectedLanguage = selectedLanguage;
   }
   /**
-   * Updates the selected language and refreshes the button label text in-place,
-   * without requiring a full re-render of the toolbar.
+   * Updates the selected language and refreshes the button label text in-place
+   * without a full toolbar re-render. The label is routed through the translation
+   * helper so localization is preserved on imperative updates.
    *
    * @param {string} language The language key to set as selected.
    */
   setSelectedLanguage(language) {
+    var _a;
     this.selectedLanguage = language;
-    if (this.labelRef) {
-      this.labelRef.textContent = this.getLanguageLabelByKey(language);
+    if (((_a = this.labelRef) === null || _a === void 0 ? void 0 : _a.firstChild) && this.translation) {
+      const label = this.getLanguageLabelByKey(language);
+      this.labelRef.firstChild.nodeValue = this.translation.t(label);
     }
   }
   /**
@@ -2029,7 +1641,8 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
    * @inheritDoc
    */
   render(createElement, editorContext) {
-    return this.renderDropdown(createElement, editorContext, { source: this.languageList }, [
+    const translatedSource = this.languageList.map((item) => this.translateDropdownEntry(item, editorContext));
+    return this.renderDropdown(createElement, editorContext, { source: translatedSource }, [
       this.renderButton(createElement, editorContext, {
         label: this.getLanguageLabelByKey(this.selectedLanguage),
         showArrowIcon: true,
@@ -2044,6 +1657,7 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
    * @inheritDoc
    */
   renderButtonLabel(h, editorContext, label) {
+    this.translation = editorContext.translation;
     const isDisabled = this.isDisabled(editorContext);
     return h('vega-font', {
       variant: 'font-field-label-sm',
@@ -2052,7 +1666,7 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
       ref: (el) => {
         this.labelRef = el;
       },
-    }, label);
+    }, editorContext.translation.t(label));
   }
   /* istanbul ignore next */
   /**
@@ -2073,13 +1687,28 @@ class RTELanguageToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
     const language = this.getListItemByKey(this.languageList, key);
     return (_a = language === null || language === void 0 ? void 0 : language.label) !== null && _a !== void 0 ? _a : 'Select Language';
   }
+  /**
+   * Recursively translates labels in a dropdown entry so that nested
+   * {@link RTEDropdownListGroup} children are also localized.
+   *
+   * @param {RTEDropdownListItem | RTEDropdownListGroup} entry The entry to translate.
+   * @param {VegaRTEToolbarRenderContext} editorContext The render context.
+   * @returns {RTEDropdownListItem | RTEDropdownListGroup} The translated entry.
+   */
+  translateDropdownEntry(entry, editorContext) {
+    const translatedLabel = editorContext.translation.t(entry.label);
+    if ('children' in entry) {
+      return Object.assign(Object.assign({}, entry), { label: translatedLabel, children: entry.children.map((child) => this.translateDropdownEntry(child, editorContext)) });
+    }
+    return Object.assign(Object.assign({}, entry), { label: translatedLabel });
+  }
 }
 
 /**
  * Language extension for Vega Rich Text Editor.
  * This extension allows users to switch between different languages and maintain separate content for each language.
  */
-class VegaRTELanguageExtension extends VegaRTEExtension {
+class VegaRTELanguageExtension extends linkExtension.VegaRTEExtension {
   constructor(languageList, languagesState) {
     super();
     this.languageToolbarButtonRenderer = null;
@@ -2576,7 +2205,7 @@ class FunctionToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
         showArrowIcon: true,
         tooltip: { text: 'Insert function' },
       }),
-      this.renderDropdownListTemplate(h, FunctionToolbarButtonRenderer.FUNCTION_LIST),
+      this.renderDropdownListTemplate(h, FunctionToolbarButtonRenderer.FUNCTION_LIST, editorContext),
     ]);
   }
   /**
@@ -2637,7 +2266,7 @@ FunctionToolbarButtonRenderer.FUNCTION_LIST = [
 /**
  * Renders a logic control block in the rich text editor.
  */
-class RTELogicControlBlockRenderer extends VegaRTEExtensionRenderer {
+class RTELogicControlBlockRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -2783,7 +2412,7 @@ const functionBlockStylesCss = "div.statement{padding:2px 4px;background:rgba(va
 /**
  * Renderer for Function Block
  */
-class RTEFunctionBlockRenderer extends VegaRTEExtensionRenderer {
+class RTEFunctionBlockRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -2988,7 +2617,7 @@ const convertFunctionBlockStrategy = new DivToFunctionBlockStrategy();
 /**
  * Function extension class for Vega Rich Text Editor.
  */
-class VegaRTEFunctionExtension extends VegaRTEExtension {
+class VegaRTEFunctionExtension extends linkExtension.VegaRTEExtension {
   constructor() {
     super();
     this.registerBlockBasicStrategies(RTELogicControlBlock.name);
@@ -3015,21 +2644,21 @@ class VegaRTEFunctionExtension extends VegaRTEExtension {
     this.unRegisterStrategy(codeBlock.ModifyContentActionType.INSERT_CHILDREN_AFTER, RTEFunctionBlock.name);
     this.unRegisterStrategy(codeBlock.ModifyContentActionType.INSERT_CHILDREN_BEFORE, RTEFunctionBlock.name);
     this.unRegisterStrategy(codeBlock.ModifyContentActionType.PASTE_CONTENT, RTELogicControlBlock.name);
-    VegaRTEExtension.registerActionHandleStrategy(RTEFunctionBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new FunctionBlockInsertParagraphStrategy());
+    linkExtension.VegaRTEExtension.registerActionHandleStrategy(RTEFunctionBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new FunctionBlockInsertParagraphStrategy());
   }
 }
 (() => {
   const insertFunctionBlockStrategy = new InsertFunctionBlockStrategy();
-  VegaRTEExtension.registerActionHandleStrategy(contentState.VegaRTEContent.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(contentState.RTEImageBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(RTELogicControlBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, PASTE_PLAIN_TEXT, new PastePlainTextStrategy());
-  VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new PreventNewParagraphInterceptor());
-  VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.PASTE_CONTENT, new PreventPasteContentInterceptor());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.VegaRTEContent.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.RTEImageBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(RTELogicControlBlock.name, INSERT_FUNCTION_BLOCK, insertFunctionBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, PASTE_PLAIN_TEXT, new PastePlainTextStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new PreventNewParagraphInterceptor());
+  linkExtension.VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.PASTE_CONTENT, new PreventPasteContentInterceptor());
 })();
 
-const tableBlockStylesCss = ".v-rte--extension-table-container{display:table}table.v-rte--extension-table{border-collapse:collapse}table.v-rte--extension-table th,table.v-rte--extension-table td{border:1px solid #ddd;padding:12px;text-align:left;vertical-align:middle;min-width:55px;box-sizing:border-box;position:relative}table.v-rte--extension-table th{background-color:#f2f2f2}.rte-table-setting-popover,.rte-table-dynamic-popover{display:block}table.v-rte--extension-table .v-rte-table-cell-focused::after,table.v-rte--extension-table .v-rte-table-cell-selected::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background-color:rgba(158, 207, 250, 0.3)}table.v-rte--extension-table:has(.v-rte-table-cell-selected){caret-color:transparent}table.v-rte--extension-table:has(.v-rte-table-cell-selected) ::selection{background-color:transparent}table.v-rte--extension-table:has(.v-rte-table-cell-selected) ::-moz-selection{background-color:transparent}.v-rte--extension-table-caption{padding:8px;border:1px solid #ddd;border-bottom:none;background-color:rgba(var(--v-bg-table-header, 24, 24, 48));position:relative;display:table-caption;caption-side:top;min-height:22px;text-align:center;word-break:break-word;overflow-wrap:break-word}.v-rte--extension-table-caption.showPlaceholder::before{position:absolute;left:0;right:0;content:attr(data-placeholder);font-family:'Inter', sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
+const tableBlockStylesCss = ".v-rte--extension-table-container{display:table}table.v-rte--extension-table{border-collapse:collapse}table.v-rte--extension-table th,table.v-rte--extension-table td{border:1px solid #ddd;padding:12px;text-align:left;vertical-align:middle;min-width:55px;box-sizing:border-box;position:relative}table.v-rte--extension-table th{background-color:#f2f2f2}.rte-table-setting-popover,.rte-table-dynamic-popover{display:block}table.v-rte--extension-table .v-rte-table-cell-focused::after,table.v-rte--extension-table .v-rte-table-cell-selected::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;background-color:rgba(158, 207, 250, 0.3)}table.v-rte--extension-table:has(.v-rte-table-cell-selected){caret-color:transparent}table.v-rte--extension-table:has(.v-rte-table-cell-selected) ::selection{background-color:transparent}table.v-rte--extension-table:has(.v-rte-table-cell-selected) ::-moz-selection{background-color:transparent}.v-rte--extension-table-caption{padding:8px;border:1px solid #ddd;border-bottom:none;background-color:rgba(var(--v-bg-table-header, 240, 243, 247, 1));position:relative;display:table-caption;caption-side:top;min-height:22px;text-align:center;word-break:break-word;overflow-wrap:break-word}.v-rte--extension-table-caption.showPlaceholder::before{position:absolute;left:0;right:0;content:attr(data-placeholder);font-family:'Inter', sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;color:rgba(var(--v-text-input-placeholder, 176, 180, 181, 1));text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
 
 const DELETE_TABLE_BLOCK = 'DELETE_TABLE_BLOCK';
 /**
@@ -3659,7 +3288,7 @@ class TablePopoverBaseRenderer {
    */
   getTableExtensionContext() {
     return this.renderContext
-      ? RTEExtensionContextManager$1.getExtensionContext(this.renderContext.host)
+      ? linkExtension.RTEExtensionContextManager.getExtensionContext(this.renderContext.host)
       : null;
   }
 }
@@ -4062,7 +3691,7 @@ class TableSettingPopoverRenderer extends TablePopoverBaseRenderer {
 /**
  * Renderer for the RTETableBlock.
  */
-class RTETableBlockRenderer extends VegaRTEExtensionRenderer {
+class RTETableBlockRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -4201,7 +3830,7 @@ class RTETableBlockRenderer extends VegaRTEExtensionRenderer {
 /**
  * Renders a logic control block in the rich text editor.
  */
-class RTETableHeadRenderer extends VegaRTEExtensionRenderer {
+class RTETableHeadRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -4216,7 +3845,7 @@ class RTETableHeadRenderer extends VegaRTEExtensionRenderer {
 /**
  * Renders a logic control block in the rich text editor.
  */
-class RTETableRowBlockRenderer extends VegaRTEExtensionRenderer {
+class RTETableRowBlockRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -4231,7 +3860,7 @@ class RTETableRowBlockRenderer extends VegaRTEExtensionRenderer {
 /**
  * Renders a table cell block in the rich text editor.
  */
-class RTETableCellRenderer extends VegaRTEExtensionRenderer {
+class RTETableCellRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -4302,7 +3931,7 @@ class RTETableCellRenderer extends VegaRTEExtensionRenderer {
 /**
  * Renders a table body block in the rich text editor.
  */
-class RTETableBodyRenderer extends VegaRTEExtensionRenderer {
+class RTETableBodyRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -4705,7 +4334,7 @@ const TABLE_CAPTION_PLACEHOLDER_TEXT = 'Enter table caption';
 /**
  * Renderer for the optional table caption node.
  */
-class RTETableCaptionRenderer extends VegaRTEExtensionRenderer {
+class RTETableCaptionRenderer extends linkExtension.VegaRTEExtensionRenderer {
   /**
    * @inheritDoc
    */
@@ -7649,7 +7278,7 @@ class TableCellFilterStylesStrategy extends codeBlock.RTEFilterStylesStrategy {
 /**
  * Function extension class for Vega Rich Text Editor.
  */
-class VegaRTETableExtension extends VegaRTEExtension {
+class VegaRTETableExtension extends linkExtension.VegaRTEExtension {
   /**
    * Instantiate the table extension
    *
@@ -7717,40 +7346,552 @@ class VegaRTETableExtension extends VegaRTEExtension {
 (() => {
   const insertTableBlockStrategy = new InsertTableBlockStrategy();
   const deleteTableBlockStrategy = new DeleteTableBlockStrategy();
-  VegaRTEExtension.registerActionHandleStrategy(contentState.VegaRTEContent.name, INSERT_TABLE_BLOCK, insertTableBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(contentState.VegaRTEContent.name, DELETE_TABLE_BLOCK, deleteTableBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, DELETE_TABLE_BLOCK, deleteTableBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, DELETE_TABLE_BLOCK, deleteTableBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, INSERT_TABLE_BLOCK, insertTableBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(contentState.RTEImageBlock.name, INSERT_TABLE_BLOCK, insertTableBlockStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.INSERT_TABLE_ROW_INTO_DIFFERENT_SECTION, new InsertTableRowIntoDifferentSectionStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.INSERT_TABLE_ROW_INTO_SAME_SECTION, new InsertTableRowIntoSameSectionStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.DELETE_TABLE_ROW, new DeleteTableRowStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.TOGGLE_HEADER_ROW, new ToggleHeaderRowStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.INSERT_TABLE_COLUMN, new InsertTableColumnStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.DELETE_TABLE_COLUMN, new DeleteTableColumnStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.TOGGLE_HEADER_TABLE_COLUMN, new splitCellOperation.ToggleHeaderTableColumnStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableRowBlock.name, splitCellOperation.SPLIT_TABLE_CELL, new SplitTableCellStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableRowBlock.name, CREATE_SEGMENT_TABLE_CELL, new CreateSegmentTableCellStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableRowBlock.name, splitCellOperation.REPLACE_TABLE_CELL, new ReplaceTableCellStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, splitCellOperation.SPLIT_CELL_HORIZONTALLY, new SplitCellHorizontallyStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, splitCellOperation.SPLIT_CELL_VERTICALLY, new SplitCellVerticallyStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, splitCellOperation.SPLIT_CELL_HORIZONTALLY, new SplitCellHorizontallyStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, splitCellOperation.SPLIT_CELL_VERTICALLY, new SplitCellVerticallyStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.SELECT_TABLE_COLUMN, new SelectTableColumnStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.MERGE_CELLS, new MergeCellsStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, UpdateTablePropertiesAction.name, new UpdateTablePropertiesStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, RTETableCellAnnotationsAction.name, new UpdateTableCellPropertiesStrategy());
-  VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, RTETableHeadCellAnnotationsAction.name, new UpdateTableCellPropertiesStrategy());
-  VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.DELETE_BLOCK_CONTENT, new PreventCellContentDeleteInterceptor());
-  VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableRowBlock.name, codeBlock.ModifyContentActionType.INSERT_CHILDREN_BEFORE, new PreventRowInsertInterceptor());
-  VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableCellBlock.name, codeBlock.ModifyContentActionType.DELETE_CHILDREN, new PreventCellChildrenRemoveInterceptor());
-  VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableHeadCellBlock.name, codeBlock.ModifyContentActionType.DELETE_CHILDREN, new PreventCellChildrenRemoveInterceptor());
-  VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new PreventTableInsertParagraphInterceptor());
-  VegaRTEExtension.registerFilterStylesStrategy(splitCellOperation.RTETableBlock.dtoName, new TableBlockFilterStylesStrategy());
-  VegaRTEExtension.registerFilterStylesStrategy(RTETableCaptionBlock.dtoName, new TableCaptionFilterStylesStrategy());
-  VegaRTEExtension.registerFilterStylesStrategy(splitCellOperation.RTETableCellBlock.dtoName, new TableCellFilterStylesStrategy());
-  VegaRTEExtension.registerFilterStylesStrategy(splitCellOperation.RTETableHeadCellBlock.dtoName, new TableCellFilterStylesStrategy('th'));
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.VegaRTEContent.name, INSERT_TABLE_BLOCK, insertTableBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.VegaRTEContent.name, DELETE_TABLE_BLOCK, deleteTableBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, DELETE_TABLE_BLOCK, deleteTableBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, DELETE_TABLE_BLOCK, deleteTableBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, INSERT_TABLE_BLOCK, insertTableBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.RTEImageBlock.name, INSERT_TABLE_BLOCK, insertTableBlockStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.INSERT_TABLE_ROW_INTO_DIFFERENT_SECTION, new InsertTableRowIntoDifferentSectionStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.INSERT_TABLE_ROW_INTO_SAME_SECTION, new InsertTableRowIntoSameSectionStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.DELETE_TABLE_ROW, new DeleteTableRowStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.TOGGLE_HEADER_ROW, new ToggleHeaderRowStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.INSERT_TABLE_COLUMN, new InsertTableColumnStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.DELETE_TABLE_COLUMN, new DeleteTableColumnStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.TOGGLE_HEADER_TABLE_COLUMN, new splitCellOperation.ToggleHeaderTableColumnStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableRowBlock.name, splitCellOperation.SPLIT_TABLE_CELL, new SplitTableCellStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableRowBlock.name, CREATE_SEGMENT_TABLE_CELL, new CreateSegmentTableCellStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableRowBlock.name, splitCellOperation.REPLACE_TABLE_CELL, new ReplaceTableCellStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, splitCellOperation.SPLIT_CELL_HORIZONTALLY, new SplitCellHorizontallyStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, splitCellOperation.SPLIT_CELL_VERTICALLY, new SplitCellVerticallyStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, splitCellOperation.SPLIT_CELL_HORIZONTALLY, new SplitCellHorizontallyStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, splitCellOperation.SPLIT_CELL_VERTICALLY, new SplitCellVerticallyStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.SELECT_TABLE_COLUMN, new SelectTableColumnStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, splitCellOperation.MERGE_CELLS, new MergeCellsStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableBlock.name, UpdateTablePropertiesAction.name, new UpdateTablePropertiesStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableCellBlock.name, RTETableCellAnnotationsAction.name, new UpdateTableCellPropertiesStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(splitCellOperation.RTETableHeadCellBlock.name, RTETableHeadCellAnnotationsAction.name, new UpdateTableCellPropertiesStrategy());
+  linkExtension.VegaRTEExtension.registerActionHandlerInterceptor(codeBlock.RTETextBlock.name, codeBlock.ModifyContentActionType.DELETE_BLOCK_CONTENT, new PreventCellContentDeleteInterceptor());
+  linkExtension.VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableRowBlock.name, codeBlock.ModifyContentActionType.INSERT_CHILDREN_BEFORE, new PreventRowInsertInterceptor());
+  linkExtension.VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableCellBlock.name, codeBlock.ModifyContentActionType.DELETE_CHILDREN, new PreventCellChildrenRemoveInterceptor());
+  linkExtension.VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableHeadCellBlock.name, codeBlock.ModifyContentActionType.DELETE_CHILDREN, new PreventCellChildrenRemoveInterceptor());
+  linkExtension.VegaRTEExtension.registerActionHandlerInterceptor(splitCellOperation.RTETableBlock.name, codeBlock.ModifyContentActionType.INSERT_NEW_PARAGRAPH, new PreventTableInsertParagraphInterceptor());
+  linkExtension.VegaRTEExtension.registerFilterStylesStrategy(splitCellOperation.RTETableBlock.dtoName, new TableBlockFilterStylesStrategy());
+  linkExtension.VegaRTEExtension.registerFilterStylesStrategy(RTETableCaptionBlock.dtoName, new TableCaptionFilterStylesStrategy());
+  linkExtension.VegaRTEExtension.registerFilterStylesStrategy(splitCellOperation.RTETableCellBlock.dtoName, new TableCellFilterStylesStrategy());
+  linkExtension.VegaRTEExtension.registerFilterStylesStrategy(splitCellOperation.RTETableHeadCellBlock.dtoName, new TableCellFilterStylesStrategy('th'));
+})();
+
+/**
+ * Horizontal line node — a decorator node representing `<hr>` in the editor.
+ */
+class RTEHorizontalLineNode extends codeBlock.RTEDecoratorNode {
+  constructor(id, parentBlock, annotationMap) {
+    super(id, annotationMap);
+    this.type = 'horizontal-line';
+    this.parent = parentBlock;
+  }
+  /**
+   * @inheritDoc
+   */
+  toJSON() {
+    return {
+      id: this.id,
+      type: 'horizontal-line',
+    };
+  }
+  /**
+   * @inheritDoc
+   */
+  clone(parent) {
+    return new RTEHorizontalLineNode(this.id, parent, super.cloneAnnotations());
+  }
+  /**
+   * @inheritDoc
+   */
+  toHtml() {
+    return '<hr>';
+  }
+}
+
+/**
+ * Predicate class provides static methods to check specific conditions on HTML elements or dto instances.
+ */
+class Predicate {
+  /**
+   * Checks if the given class name corresponds to a horizontal line block.
+   *
+   * @param {string} className The class name to check.
+   * @returns {boolean} True if the class name corresponds to a horizontal line block, false otherwise.
+   */
+  static isHorizontalLineBlock(className) {
+    return className === 'RTEHorizontalLineBlock';
+  }
+}
+
+/**
+ * Default visual styles for the `<hr>` element in the RTE.
+ * These styles match the CSS applied in `horizontal-line-block-styles.css`.
+ *
+ * @see {@link file://extensions/horizontal-line/renderers/horizontal-line-block-styles.css} — must stay in sync.
+ */
+const HR_DEFAULT_STYLES = {
+  display: 'inline-block',
+  width: '100%',
+  height: '4px',
+  backgroundColor: 'rgb(222, 222, 222)',
+  borderWidth: '0px',
+};
+/**
+ * Filter styles strategy for horizontal line blocks.
+ * Strips default HR visual styles during output and refills them during input,
+ * ensuring source edit round-trips do not lose information.
+ */
+class HorizontalLineFilterStylesStrategy extends codeBlock.RTEFilterStylesStrategy {
+  constructor() {
+    super(...arguments);
+    this.stylesToBeFiltered = HR_DEFAULT_STYLES;
+    this.elementTagName = 'hr';
+  }
+  /**
+   * @inheritDoc
+   */
+  canFilter(blockOrNodeInstance) {
+    return Predicate.isHorizontalLineBlock(blockOrNodeInstance.dtoName);
+  }
+  /**
+   * @inheritDoc
+   */
+  canRefill(_blockOrNodeClassName, element) {
+    return element.tagName.toLowerCase() === this.elementTagName;
+  }
+  /**
+   * @inheritDoc
+   */
+  toCssText() {
+    return this.buildCssTextForStyles(this.elementTagName, this.classNameToBeAdded);
+  }
+}
+
+var RTEHorizontalLineExtensionAnnotationTypeEnum;
+(function (RTEHorizontalLineExtensionAnnotationTypeEnum) {
+  RTEHorizontalLineExtensionAnnotationTypeEnum["HORIZONTAL_LINE"] = "HORIZONTAL_LINE";
+})(RTEHorizontalLineExtensionAnnotationTypeEnum || (RTEHorizontalLineExtensionAnnotationTypeEnum = {}));
+/**
+ * Horizontal line annotation.
+ * Mirrors {@link TextStyleAnnotation}: emits the HR default visual styles in
+ * standalone mode (source edit) and the corresponding class in normal mode.
+ * Only added to the block when `autoMatchFormat` is enabled.
+ */
+class HorizontalLineAnnotation extends codeBlock.BlockAnnotation {
+  constructor() {
+    super(...arguments);
+    this.type = RTEHorizontalLineExtensionAnnotationTypeEnum.HORIZONTAL_LINE;
+  }
+  /**
+   * Generate the map item for the annotation.
+   *
+   * @returns {[RTEHorizontalLineExtensionAnnotationTypeEnum.HORIZONTAL_LINE, HorizontalLineAnnotation]} Map item.
+   */
+  static from() {
+    return [RTEHorizontalLineExtensionAnnotationTypeEnum.HORIZONTAL_LINE, new HorizontalLineAnnotation()];
+  }
+  /**
+   * Get the default styles for the horizontal line element.
+   *
+   * @returns {AnnotationStyle} The default styles.
+   */
+  static getDefaultStyles() {
+    return HR_DEFAULT_STYLES;
+  }
+  /**
+   * @inheritDoc
+   */
+  toJSON() {
+    // HR identity is captured by the block type; nothing to serialize.
+    return null;
+  }
+  /**
+   * @inheritDoc
+   */
+  clone() {
+    return new HorizontalLineAnnotation();
+  }
+  /**
+   * @inheritDoc
+   */
+  renderClass(options) {
+    if (options === null || options === void 0 ? void 0 : options.standalone)
+      return null;
+    return 'v-rte-horizontal-line-hr';
+  }
+  /**
+   * @inheritDoc
+   */
+  renderStyle(options) {
+    if (!(options === null || options === void 0 ? void 0 : options.standalone))
+      return null;
+    return HorizontalLineAnnotation.getDefaultStyles();
+  }
+}
+
+/**
+ * Horizontal line block — a block containing a single `<hr>` decorator node.
+ */
+class RTEHorizontalLineBlock extends codeBlock.RTEBlock {
+  constructor(id, options) {
+    super(id);
+    this.dtoName = RTEHorizontalLineBlock.dtoName;
+    this.type = 'horizontal-line';
+    this.children = [];
+    const { autoMatchFormat = true } = options !== null && options !== void 0 ? options : {};
+    if (autoMatchFormat) {
+      this.annotationMap = new Map([HorizontalLineAnnotation.from()]);
+    }
+  }
+  /**
+   * Creates an RTEHorizontalLineBlock from a JSON representation.
+   *
+   * @param {VegaRTECustomBlock} block - The block JSON to convert.
+   * @param {VegaRTETransformOptions} [options] - Transformation options.
+   * @returns {RTEHorizontalLineBlock} The created block instance.
+   */
+  static from(block, options = { autoMatchFormat: true }) {
+    var _a, _b;
+    const hrBlock = new RTEHorizontalLineBlock(block.id, options);
+    const nodeId = ((_b = (_a = block.children) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.id) || misc.generateUUID();
+    const node = new RTEHorizontalLineNode(nodeId, hrBlock);
+    hrBlock.children = [node];
+    if (block.annotations) {
+      codeBlock.RTEBlock.convertAnnotationsToMap(hrBlock.annotationMap, block.annotations);
+    }
+    return hrBlock;
+  }
+  /**
+   * Creates a new RTEHorizontalLineBlock with a child node.
+   *
+   * @param {VegaRTEBlockAnnotations} [annotations] - Optional annotations (e.g. customStyle overrides).
+   * @param {VegaRTETransformOptions} [options] - Transformation options.
+   * @returns {RTEHorizontalLineBlock} A new block instance.
+   */
+  static create(annotations, options = { autoMatchFormat: true }) {
+    const hrBlock = new RTEHorizontalLineBlock(misc.generateUUID(), options);
+    const node = new RTEHorizontalLineNode(misc.generateUUID(), hrBlock);
+    hrBlock.children = [node];
+    if (annotations) {
+      codeBlock.RTEBlock.convertAnnotationsToMap(hrBlock.annotationMap, annotations);
+    }
+    return hrBlock;
+  }
+  /**
+   * @inheritDoc
+   */
+  toJSON() {
+    return Object.assign(Object.assign({}, super.toJSON()), { type: 'horizontal-line', children: this.children.map((node) => node.toJSON()) });
+  }
+  /**
+   * @inheritDoc
+   */
+  toHtml(options) {
+    const attrStr = super.generateAttributeString(options);
+    return `<hr${attrStr}>`;
+  }
+  /**
+   * @inheritDoc
+   */
+  isNotEmpty() {
+    return this.children.length > 0;
+  }
+  /**
+   * @inheritDoc
+   */
+  getLastNode() {
+    return this.children[this.children.length - 1];
+  }
+  /**
+   * @inheritDoc
+   */
+  clone(parent) {
+    const clonedBlock = new RTEHorizontalLineBlock(this.id);
+    clonedBlock.children = this.children.map((node) => node.clone(clonedBlock));
+    clonedBlock.annotationMap = super.cloneAnnotations();
+    clonedBlock.parent = parent;
+    return clonedBlock;
+  }
+}
+RTEHorizontalLineBlock.dtoName = 'RTEHorizontalLineBlock';
+
+const horizontalLineBlockStylesCss = ".v-rte-horizontal-line{padding:8px 0;overflow:hidden}.v-rte-horizontal-line .v-rte-horizontal-line-hr{display:inline-block;width:100%;height:4px;border-width:0px;background-color:rgb(222, 222, 222)}";
+
+/**
+ * Renderer for horizontal line blocks in the rich text editor.
+ */
+class RTEHorizontalLineBlockRenderer extends linkExtension.VegaRTEExtensionRenderer {
+  /**
+   * @inheritDoc
+   */
+  doRender(createElement, block, rteContext) {
+    const node = block.children[0];
+    const customStyles = block.getStyles(rteContext);
+    const annotationClasses = block.getClasses(rteContext);
+    const hrClass = [codeBlock.RTEDecoratorNode.DECORATOR_NODE_CLASS, annotationClasses]
+      .filter(Boolean)
+      .join(' ');
+    return createElement('div', {
+      key: block.id,
+      class: `v-rte-horizontal-line ${codeBlock.RTEDecoratorNode.DECORATOR_CONTAINER_CLASS}`,
+      ref: this.useRef(block),
+    }, [
+      createElement('hr', {
+        key: (node === null || node === void 0 ? void 0 : node.id) || block.id + '-hr',
+        class: hrClass,
+        style: Object.keys(customStyles).length > 0 ? customStyles : undefined,
+        ref: node ? this.useRef(node) : undefined,
+      }),
+    ]);
+  }
+  /**
+   * @inheritDoc
+   */
+  injectRTEScopeStyles() {
+    return horizontalLineBlockStylesCss;
+  }
+}
+
+const HorizontalLine = {
+  icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 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="M0 224H32 608h32v64H608 32 0V224z"/></svg>`,
+};
+
+const INSERT_HORIZONTAL_LINE_BLOCK = 'INSERT_HORIZONTAL_LINE_BLOCK';
+/**
+ * Action to insert a horizontal line block into the rich text editor.
+ * Carries cursor position info to support split-paragraph insertion (same pattern as InsertImageToBlockAction).
+ */
+class InsertHorizontalLineBlockAction extends codeBlock.ModifyContentAction {
+  constructor(splitPointNode, startOffsetOfNode = 0) {
+    super();
+    this.type = INSERT_HORIZONTAL_LINE_BLOCK;
+    this.splitPointNode = splitPointNode;
+    this.startOffsetOfNode = startOffsetOfNode;
+  }
+}
+
+/**
+ * Toolbar button renderer for horizontal line insertion.
+ */
+class RTEHorizontalLineToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
+  /**
+   * Renders the horizontal line toolbar button.
+   *
+   * @param {VegaRTECreateElementFunction} createElement - The function to create elements.
+   * @param {VegaRTEToolbarRenderContext} editorContext - The render context.
+   * @returns {VegaRTERenderResult} The rendered toolbar button.
+   */
+  render(createElement, editorContext) {
+    return this.renderButton(createElement, editorContext, {
+      icon: 'horizontal-line',
+      tooltip: { text: internalTranslationController.VegaInternalTranslation.t('Horizontal line') },
+    });
+  }
+  /**
+   * @inheritDoc
+   */
+  isDisabled(editorContext) {
+    const context = this.getExtensionContext(editorContext.host);
+    if (context) {
+      const { host, getSelectedNodes } = context;
+      const [startNode] = getSelectedNodes();
+      return startNode
+        ? host.disabled ||
+          !codeBlock.ActionHandleStrategyRegistry.canHandle(INSERT_HORIZONTAL_LINE_BLOCK, startNode.parent)
+        : host.disabled;
+    }
+    return false;
+  }
+  /**
+   * @inheritDoc
+   */
+  handleButtonClick(editorContext) {
+    if (this.isDisabled(editorContext)) {
+      return;
+    }
+    const context = this.getExtensionContext(editorContext.host);
+    if (context) {
+      const { host, getSelectedNodes, flushValue } = context;
+      const selectedNodes = getSelectedNodes();
+      const focusNode = selectedNodes[0];
+      const startOffset = editorContext.rteRange.startOffset;
+      const action = new InsertHorizontalLineBlockAction(focusNode, startOffset);
+      if (!focusNode) {
+        host.value.apply(action);
+      }
+      else if (focusNode.parent) {
+        focusNode.parent.apply(action);
+      }
+      if (action.nextFocusNode) {
+        host.value.apply(new contentState.UpdateCursorPositionAction(action.nextFocusNode, 0));
+      }
+      flushValue(host.value);
+    }
+  }
+  /**
+   * @inheritDoc
+   */
+  handleDropdownClick() {
+    // No dropdown for horizontal line
+  }
+}
+(() => {
+  internalIconManager.VegaInternalIconManager.register({
+    'horizontal-line': HorizontalLine,
+  });
+})();
+
+/**
+ * Strategy to convert `<hr>` HTML elements into RTEHorizontalLineBlock instances.
+ */
+class HrToHorizontalLineBlockStrategy extends contentState.ElementToDTOStrategy {
+  /**
+   * Determines if this strategy can handle the current element.
+   *
+   * @param {HTMLElement[]} elementsArray - Array of elements to process.
+   * @param {number} currentIndex - The current index in the array.
+   * @returns {number} The number of elements this strategy can handle (1 for `<hr>`, 0 otherwise).
+   */
+  canHandle(elementsArray, currentIndex) {
+    return elementsArray[currentIndex].tagName === 'HR' ? 1 : 0;
+  }
+  /**
+   * Converts the `<hr>` element to an RTEHorizontalLineBlock.
+   * Uses `htmlElementToAnnotationGenerator` to extract annotations (handles refill + filter).
+   *
+   * @param {HTMLElement[]} elementsArray - Array of elements.
+   * @param {VegaRTETransformOptions} [options] - Transformation options.
+   * @returns {Nullable<RTEContentBlock>} The created horizontal line block.
+   */
+  handle(elementsArray, options) {
+    const element = elementsArray[0];
+    const annotations = contentState.htmlElementToAnnotationGenerator.generate(RTEHorizontalLineBlock, element, options);
+    return RTEHorizontalLineBlock.create(annotations, options);
+  }
+  /**
+   * @inheritDoc
+   */
+  appendChildBlocks() {
+    // `<hr>` is a void element — no children to append.
+  }
+  /**
+   * `<hr>` is a void element — no children to process.
+   *
+   * @returns {boolean} Always false.
+   */
+  shouldProceedToElementChildren() {
+    return false;
+  }
+}
+
+/**
+ * Strategy to handle the insertion of a horizontal line block into the rich text editor.
+ * Follows the same pattern as BlockInsertImageIntoTextStrategy (before/after/split).
+ */
+class InsertHorizontalLineBlockStrategy extends codeBlock.ActionHandleStrategy {
+  /**
+   * @inheritDoc
+   */
+  handleAction(action, target) {
+    const hrBlock = RTEHorizontalLineBlock.create();
+    if (action.splitPointNode instanceof codeBlock.RTETextNode) {
+      const splitNode = action.splitPointNode;
+      const startOffsetOfNode = action.startOffsetOfNode;
+      if (this.isCaretPositionAtBlockEnd(target, splitNode, startOffsetOfNode)) {
+        this.insertAfterWithFocus(action, target, hrBlock);
+      }
+      else if (this.isCaretPositionAtBlockStart(target, splitNode, startOffsetOfNode)) {
+        target.parent.apply(new codeBlock.InsertChildrenBeforeAction(target, hrBlock));
+        action.nextFocusNode = target.getFirstNode();
+      }
+      else {
+        const splitBlockAction = new codeBlock.SplitBlockWithNodeAction(splitNode, startOffsetOfNode);
+        target.apply(splitBlockAction);
+        const nextBlock = this.getNextSiblingBlock(target);
+        target.parent.apply(new codeBlock.InsertChildrenAfterAction(target, hrBlock));
+        action.nextFocusNode = nextBlock.getFirstNode();
+      }
+    }
+    else if (action.splitPointNode) {
+      // Decorator node selected (image, HR, etc.) — insert after current block
+      this.insertAfterWithFocus(action, target, hrBlock);
+    }
+    else {
+      const emptyParagraph = super.createNewParagraph('');
+      target.apply(new codeBlock.AppendChildrenAction([hrBlock, emptyParagraph]));
+      action.nextFocusNode = emptyParagraph.children[0];
+    }
+  }
+  /**
+   * Insert HR after target. If next sibling is focusable (has a text node), move cursor there;
+   * otherwise create an empty paragraph after HR.
+   *
+   * @param {InsertHorizontalLineBlockAction} action - The insert action whose `nextFocusNode` is updated.
+   * @param {RTEBlock} target - The block after which the HR is inserted.
+   * @param {RTEHorizontalLineBlock} hrBlock - The HR block to insert.
+   */
+  insertAfterWithFocus(action, target, hrBlock) {
+    const nextBlock = this.getNextSiblingBlock(target);
+    const nextFirstNode = nextBlock === null || nextBlock === void 0 ? void 0 : nextBlock.getFirstNode();
+    if (nextFirstNode instanceof codeBlock.RTETextNode) {
+      target.parent.apply(new codeBlock.InsertChildrenAfterAction(target, hrBlock));
+      action.nextFocusNode = nextFirstNode;
+    }
+    else {
+      const emptyParagraph = super.createNewParagraph('');
+      target.parent.apply(new codeBlock.InsertChildrenAfterAction(target, hrBlock, emptyParagraph));
+      action.nextFocusNode = emptyParagraph.children[0];
+    }
+  }
+  /**
+   * Get the next sibling block of the given block.
+   *
+   * @param {RTEBlock} block - The current block.
+   * @returns {RTEBlock | undefined} The next sibling block, or undefined if none.
+   */
+  getNextSiblingBlock(block) {
+    const parent = block.parent;
+    const siblings = parent.children;
+    const index = siblings.indexOf(block);
+    return siblings[index + 1];
+  }
+}
+
+/**
+ * Extension that adds horizontal line (`<hr>`) support to the Vega Rich Text Editor.
+ */
+class VegaRTEHorizontalLineExtension extends linkExtension.VegaRTEExtension {
+  constructor() {
+    super();
+    this.blockRenderer = new RTEHorizontalLineBlockRenderer();
+    this.toolbarButtonRenderer = new RTEHorizontalLineToolbarButtonRenderer();
+    // Register basic block strategies (delete, append, paste, etc.)
+    this.registerBlockBasicStrategies(RTEHorizontalLineBlock.name);
+    // Register the block DTO class
+    this.registerNode('horizontal-line', RTEHorizontalLineBlock);
+    // Register the renderer
+    this.registerRenderer('horizontal-line', this.blockRenderer);
+    // Register the toolbar button
+    this.registerToolbarButtonRenderer('horizontalLine', this.toolbarButtonRenderer);
+    // Register HTML → DTO conversion strategy
+    this.registerElementToBlockDTOClassStrategy(new HrToHorizontalLineBlockStrategy());
+    // Register filter styles strategy for source edit round-trip
+    linkExtension.VegaRTEExtension.registerFilterStylesStrategy(RTEHorizontalLineBlock.dtoName, new HorizontalLineFilterStylesStrategy());
+  }
+}
+(() => {
+  const insertStrategy = new InsertHorizontalLineBlockStrategy();
+  // Register insert strategy for all block types that can be a target
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.VegaRTEContent.name, INSERT_HORIZONTAL_LINE_BLOCK, insertStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, INSERT_HORIZONTAL_LINE_BLOCK, insertStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.RTEImageBlock.name, INSERT_HORIZONTAL_LINE_BLOCK, insertStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(RTEHorizontalLineBlock.name, INSERT_HORIZONTAL_LINE_BLOCK, insertStrategy);
 })();
 
 const ARROW_CHARACTERS = [
@@ -8242,7 +8383,7 @@ class RTESpecialCharactersToolbarButtonRenderer extends VegaRTEToolbarButtonRend
  * Adds a toolbar button that opens a popover with categorized Unicode characters
  * for insertion into the editor content as plain text.
  */
-class VegaRTESpecialCharactersExtension extends VegaRTEExtension {
+class VegaRTESpecialCharactersExtension extends linkExtension.VegaRTEExtension {
   constructor(config) {
     super();
     this.categories = this.buildCategories(config);
@@ -8411,7 +8552,7 @@ class RTELineHeightToolbarButtonRenderer extends VegaRTEToolbarButtonRenderer {
         showArrowIcon: true,
         tooltip: { text: internalTranslationController.VegaInternalTranslation.t('Line Height') },
       }),
-      this.renderDropdownListTemplate(createElement, dropdownItems),
+      this.renderDropdownListTemplate(createElement, dropdownItems, editorContext),
     ]);
   }
   /**
@@ -8624,7 +8765,7 @@ function attachLineHeightFromJson(BlockClass) {
     return;
   }
   handlerInstalledClasses.add(BlockClass);
-  VegaRTEExtension.attachAnnotationFromJson(BlockClass, 'lineHeight', (instance, value) => {
+  linkExtension.VegaRTEExtension.attachAnnotationFromJson(BlockClass, 'lineHeight', (instance, value) => {
     if (typeof value !== 'string' || value === '') {
       return;
     }
@@ -8649,7 +8790,7 @@ function setAllowedLineHeights(BlockClass, options) {
  * Rich Text Editor extension that adds configurable line-height support
  * (toolbar control, annotations, content transforms, and JSON parsing).
  */
-class VegaRTELineHeightExtension extends VegaRTEExtension {
+class VegaRTELineHeightExtension extends linkExtension.VegaRTEExtension {
   constructor(options = VegaRTEDefaultLineHeightOptions) {
     super();
     this.options = options;
@@ -8673,7 +8814,7 @@ class VegaRTELineHeightExtension extends VegaRTEExtension {
 }
 (() => {
   [codeBlock.RTETextBlock, contentState.RTEListItemBlock].forEach((BlockClass) => {
-    VegaRTEExtension.registerActionHandleStrategy(BlockClass.name, LineHeightAnnotationAction.name, new BlockUpdateLineHeightStrategy());
+    linkExtension.VegaRTEExtension.registerActionHandleStrategy(BlockClass.name, LineHeightAnnotationAction.name, new BlockUpdateLineHeightStrategy());
     codeBlock.RTEFilterStylesStrategyRegistry.register(BlockClass.name, new LineHeightFilterStylesStrategy());
     attachLineHeightFromJson(BlockClass);
   });
@@ -8786,7 +8927,7 @@ const spanToTokenNodeStrategy = new SpanToTokenNodeStrategy();
 /**
  * Vega Rich Text Editor Token Extension
  */
-class VegaRTETokenExtension extends VegaRTEExtension {
+class VegaRTETokenExtension extends linkExtension.VegaRTEExtension {
   constructor(tokenList = []) {
     super();
     this.tokenRenderer = new RTETokenNodeRenderer();
@@ -8802,8 +8943,8 @@ class VegaRTETokenExtension extends VegaRTEExtension {
 }
 (() => {
   const insertTokenNodeStrategy = new InsertTokenNodeStrategy();
-  VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
-  VegaRTEExtension.registerActionHandleStrategy(contentState.RTEListItemBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(codeBlock.RTETextBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
+  linkExtension.VegaRTEExtension.registerActionHandleStrategy(contentState.RTEListItemBlock.name, 'INSERT_TOKEN_NODE', insertTokenNodeStrategy);
 })();
 
 exports.ActionHandlerInterceptor = ActionHandlerInterceptor;
@@ -8816,9 +8957,8 @@ exports.VegaEventManager = VegaEventManager$1;
 exports.VegaLoader = VegaLoader;
 exports.VegaNotify = VegaNotify;
 exports.VegaRTEDefaultLineHeightOptions = VegaRTEDefaultLineHeightOptions;
-exports.VegaRTEExtension = VegaRTEExtension;
-exports.VegaRTEExtensionRenderer = VegaRTEExtensionRenderer;
 exports.VegaRTEFunctionExtension = VegaRTEFunctionExtension;
+exports.VegaRTEHorizontalLineExtension = VegaRTEHorizontalLineExtension;
 exports.VegaRTELanguageExtension = VegaRTELanguageExtension;
 exports.VegaRTELineHeightExtension = VegaRTELineHeightExtension;
 exports.VegaRTESpecialCharactersArrows = VegaRTESpecialCharactersArrows;