@heartlandone/vega 2.73.0 → 2.74.0-RTE-table-preview

package/dist/cjs/align-left-4a76df69.js

@@ -0,0 +1,22 @@
+'use strict';
+
+const AlignRight = {
+  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="M448 64c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H192c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`,
+};
+
+const AlignCenter = {
+  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="M352 64c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32H128c-17.7 0-32 14.3-32 32s14.3 32 32 32H320c17.7 0 32-14.3 32-32z"/></svg>`,
+};
+
+const AlignJustify = {
+  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="M448 64c0-17.7-14.3-32-32-32H32C14.3 32 0 46.3 0 64S14.3 96 32 96H416c17.7 0 32-14.3 32-32zm0 256c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32zM0 192c0 17.7 14.3 32 32 32H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H32c-17.7 0-32 14.3-32 32zM448 448c0-17.7-14.3-32-32-32H32c-17.7 0-32 14.3-32 32s14.3 32 32 32H416c17.7 0 32-14.3 32-32z"/></svg>`,
+};
+
+const AlignLeft = {
+  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="M288 64c0 17.7-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32H256c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>`,
+};
+
+exports.AlignCenter = AlignCenter;
+exports.AlignJustify = AlignJustify;
+exports.AlignLeft = AlignLeft;
+exports.AlignRight = AlignRight;

package/dist/cjs/{app-globals-cc162173.js → app-globals-be2e868e.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 const featureFlagController = require('./feature-flag-controller-ce2162c8.js');
-const functionExtension = require('./function-extension-78ec27e0.js');
+const tableExtension = require('./table-extension-2a20da57.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 require('./wait-for-vega-handler-5469ff80.js');
 require('./ui-9e181079.js');
 const translation = require('./translation-5f9f9c0c.js');
-const dtoRendererManager = require('./dto-renderer-manager-bd2bd447.js');
+const contentState = require('./content-state-0be6fda3.js');
 const vegaNonceManager = require('./vega-nonce-manager-df69d3ed.js');
-const codeBlock = require('./code-block-823cd481.js');
+const codeBlock = require('./code-block-22ee2550.js');
 require('./type-guard-69d2cf01.js');
 const typography = require('./typography-4560e7f1.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-9f40d1d9.js');
-const index$1 = require('./index-638a0f0d.js');
-const languageExtension = require('./language-extension-716015a5.js');
+const index$1 = require('./index-fc538f17.js');
+const languageExtension = require('./language-extension-414149c2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const observer = require('./observer-f49483e8.js');
@@ -271,19 +271,19 @@ function enableFeatureFlagFromClientGlobal() {
  * Inject VegaLoader to global as a public api
  */
 function injectVegaLoaderIntoGlobal() {
-  globalThis['VegaLoader'] = functionExtension.VegaLoader;
+  globalThis['VegaLoader'] = tableExtension.VegaLoader;
 }
 /**
  * Inject VegaNotify to global as a public api
  */
 function injectVegaNotifyIntoGlobal() {
-  globalThis.VegaNotify = functionExtension.VegaNotify;
+  globalThis.VegaNotify = tableExtension.VegaNotify;
 }
 /**
  * Inject VegaThemeManager to global as a public api
  */
 function injectVegaThemeManagerIntoGlobal() {
-  globalThis.VegaThemeManager = functionExtension.VegaThemeManager;
+  globalThis.VegaThemeManager = tableExtension.VegaThemeManager;
 }
 /**
  * Inject VegaLogLevel to global as a public api
@@ -295,7 +295,7 @@ function injectVegaLogLevelIntoGlobal() {
  * Inject VegaDialog to global as a public api
  */
 function injectVegaDialogIntoGlobal() {
-  globalThis.VegaDialog = functionExtension.VegaDialog;
+  globalThis.VegaDialog = tableExtension.VegaDialog;
 }
 /**
  * register global vega slimmers
@@ -311,7 +311,7 @@ function registerGlobalVegaSlimmers() {
  * Inject setEventSemantics to global as a public api
  */
 function injectSetEventSemanticsIntoGlobal() {
-  globalThis.VegaEventManager = functionExtension.VegaEventManager;
+  globalThis.VegaEventManager = tableExtension.VegaEventManager;
 }
 /**
  * Inject Vega typography stylesheet
@@ -342,7 +342,7 @@ function injectVegaIconManager() {
  * Inject VegaZIndexManager to global as a public api
  */
 function injectVegaZIndexManagerIntoGlobal() {
-  globalThis.VegaZIndexManager = functionExtension.VegaZIndexManager;
+  globalThis.VegaZIndexManager = tableExtension.VegaZIndexManager;
 }
 /**
  * Inject ValidCreditCardNumberRule to global as a public api.
@@ -374,7 +374,7 @@ function injectWaitForVegaIntoGlobal() {
  * Inject VegaSkeletonLoader to global as a public api
  */
 function injectVegaSkeletonLoaderIntoGlobal() {
-  globalThis.VegaSkeletonLoader = functionExtension.VegaSkeletonLoader;
+  globalThis.VegaSkeletonLoader = tableExtension.VegaSkeletonLoader;
 }
 /**
  * Inject VegaTranslation to global as a public api
@@ -390,17 +390,18 @@ function injectVegaTranslationIntoGlobal() {
  * Inject VegaRTEPresetToolbarItems to global as a variable
  */
 function injectVegaRichTextEditorClassIntoGlobal() {
-  globalThis.VegaRTEContent = dtoRendererManager.VegaRTEContent;
-  globalThis.VegaRTETokenExtension = functionExtension.VegaRTETokenExtension;
+  globalThis.VegaRTEContent = contentState.VegaRTEContent;
+  globalThis.VegaRTETokenExtension = tableExtension.VegaRTETokenExtension;
   globalThis.VegaRTELanguageExtension = languageExtension.VegaRTELanguageExtension;
   globalThis.VegaRTEPresetToolbarItems = codeBlock.VegaRTEPresetToolbarItems;
-  globalThis.VegaRTEFunctionExtension = functionExtension.VegaRTEFunctionExtension;
+  globalThis.VegaRTEFunctionExtension = tableExtension.VegaRTEFunctionExtension;
+  globalThis.VegaRTETableExtension = tableExtension.VegaRTETableExtension;
 }
 /**
  * Inject VegaPublicValidationRules to global as a public api
  */
 function injectVegaPublicValidationRules() {
-  void Promise.resolve().then(function () { return require('./public-rules-2950f1fc.js'); }).then((module) => {
+  void Promise.resolve().then(function () { return require('./public-rules-2d18cf41.js'); }).then((module) => {
     Object.entries(module).forEach(([name, value]) => {
       globalThis[name] = value;
     });
@@ -411,7 +412,7 @@ function injectVegaPublicValidationRules() {
  */
 function applyBrandingFromClientGlobal() {
   if (globalThis['VegaThemeManagerApplyBranding']) {
-    functionExtension.VegaThemeManager.applyBranding(globalThis['VegaThemeManagerApplyBranding']);
+    tableExtension.VegaThemeManager.applyBranding(globalThis['VegaThemeManagerApplyBranding']);
   }
 }
 /**

package/dist/cjs/{code-block-823cd481.js → code-block-22ee2550.js}

@@ -2,7 +2,7 @@
 
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-73334b4b.js');
 const string = require('./string-39438062.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const typeGuard = require('./type-guard-69d2cf01.js');
@@ -1250,7 +1250,7 @@ class RTEBlock {
    * Get annotation by type
    *
    * @typedef T generic type
-   * @param {keyof typeof BlockAnnotationTypeEnum} type - Annotation type
+   * @param {string} type - Annotation type
    * @returns {Nullable<T>} - Annotation
    */
   getAnnotationByType(type) {
@@ -1273,6 +1273,20 @@ class RTEBlock {
       }
     }
   }
+  /**
+   * Get the first node of the block
+   *
+   * @returns {Nullable<RTENode>} The first RTENode or null if no children exist.
+   */
+  getFirstNode() {
+    if (!this.children || !this.children[0])
+      return null;
+    const firstItem = this.children[0];
+    if (firstItem instanceof RTEBlock) {
+      return firstItem.getFirstNode();
+    }
+    return firstItem;
+  }
   /**
    * Check if the block is a list item block
    *
@@ -1356,7 +1370,15 @@ class RTEBlock {
     if (!(annotation instanceof LinkGroupAnnotation)) {
       this.annotationMap.set(annotation.type, annotation);
     }
-    typeof this.doAnnotationActionApply === 'function' && this.doAnnotationActionApply(action);
+    if (typeof this.doAnnotationActionApply === 'function') {
+      this.doAnnotationActionApply(action);
+    }
+    else {
+      const strategy = ActionHandleStrategyRegistry.get(action.constructor.name, this.constructor.name);
+      if (strategy) {
+        strategy.execute(action, this);
+      }
+    }
   }
   /**
    * clone annotations of the block
@@ -1964,6 +1986,15 @@ class ActionHandleStrategy {
       return this.isCaretPositionAtTextBlockEnd(block, node, offset);
     }
   }
+  /**
+   * Get the registered DOM element by the RTE entity.
+   *
+   * @param {RTEBlock | RTENode} instance - The RTE block or node instance.
+   * @returns {Nullable<HTMLElement>} The registered DOM element.
+   */
+  getDOMByEntity(instance) {
+    return stateEntityRenderingRegistry.getDOMByEntity(instance);
+  }
   /**
    * Checks if the caret position is at the end of a specified RTETextNode.
    *
@@ -2622,7 +2653,7 @@ class PlainTextAnnotation extends NodeAnnotation {
    * @inheritDoc
    */
   toJSON() {
-    return { plainText: this.plainText };
+    return this.plainText ? { plainText: this.plainText } : undefined;
   }
 }
 

package/dist/cjs/{component-value-history-controller-slimmer.abstract-e2e0c6f3.js → component-value-history-controller-slimmer.abstract-3486cbc0.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-823cd481.js');
+const codeBlock = require('./code-block-22ee2550.js');
 const timer = require('./timer-5f33058b.js');
 const component = require('./component-1e352960.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-73334b4b.js');
 const observer = require('./observer-f49483e8.js');
-const range = require('./range-c3c48132.js');
+const range = require('./range-439a0c0c.js');
 const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const ui = require('./ui-9e181079.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-15e65357.js');
@@ -315,6 +315,19 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
   getSelectedNodes() {
     return Array.from(this.selectionMap.values()).flat();
   }
+  /**
+   * Set the selected rich text nodes
+   *
+   * @param {RTENode[]} nodes - The rich text nodes to set as selected
+   * @param {RTERangeOptions} [rangeOptions] - The range options to set the selection range
+   */
+  setSelectedNodes(nodes, rangeOptions) {
+    this.clearSelectionMap();
+    this.addNodesToSelectionMap(nodes);
+    if (rangeOptions) {
+      this.currentRange = this.currentRange.updateRTERange(rangeOptions);
+    }
+  }
   /**
    * Get the selected rich text blocks
    *
@@ -470,7 +483,16 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
       node.childNodes.forEach(filterNode);
     };
     filterNode(commonAncestor);
-    selectedNodes.forEach((node) => {
+    this.addNodesToSelectionMap(selectedNodes);
+    this.getSelectedNodes().forEach((node) => node.apply(new codeBlock.SelectionChangeAction(range)));
+  }
+  /**
+   * Add nodes to the selection map
+   *
+   * @param {RTENode[]} nodes - The rich text nodes to add
+   */
+  addNodesToSelectionMap(nodes) {
+    nodes.forEach((node) => {
       if (this.selectionMap.has(node.parent)) {
         this.selectionMap.get(node.parent).push(node);
       }
@@ -478,7 +500,6 @@ class SelectionController extends AutoRunWhenReRenderTaskQueueSlimmer {
         this.selectionMap.set(node.parent, [node]);
       }
     });
-    this.getSelectedNodes().forEach((node) => node.apply(new codeBlock.SelectionChangeAction(range)));
   }
   /**
    * Clear the selection map.

package/dist/cjs/{dto-renderer-manager-bd2bd447.js → content-state-0be6fda3.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const codeBlock = require('./code-block-823cd481.js');
+const codeBlock = require('./code-block-22ee2550.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const typeGuard = require('./type-guard-69d2cf01.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-73334b4b.js');
 const string = require('./string-39438062.js');
 const ui = require('./ui-9e181079.js');
 const object = require('./object-e2e28e3d.js');
@@ -2545,6 +2545,16 @@ class HtmlElementToAnnotationGenerator {
       new InlineHtmlAnnotationHandler(),
     ];
   }
+  /**
+   * Register a custom annotation handler.
+   * Custom handlers are added to the beginning of the handlers array,
+   * giving them higher priority than default handlers.
+   *
+   * @param {AnnotationGeneratorStrategyAbstract} handler - The annotation handler to register.
+   */
+  registerHandler(handler) {
+    this.handlers.unshift(handler);
+  }
   /**
    * The function generates annotations for a given target DTO and HTML element based on a set of
    * strategies.
@@ -3663,22 +3673,27 @@ class VegaRTEContent {
   /**
    * Create an empty content state
    *
+   * @param {VegaRTETransformOptions} options - Optional transformation options.
    * @returns {VegaRTEContent} An empty content state
    */
-  static createEmptyContent() {
+  static createEmptyContent(options = { autoMatchFormat: true }) {
     return VegaRTEContent.fromJSON([
       {
         id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
         type: 'paragraph',
+        annotations: {
+          internalWrapper: !options.autoMatchFormat,
+        },
         nodes: [
           {
             id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
+            annotations: { plainText: !options.autoMatchFormat },
             type: 'text',
             text: '',
           },
         ],
       },
-    ]);
+    ], options);
   }
   /**
    * Converts HTML content to a VegaRTEContent instance.
@@ -3751,8 +3766,19 @@ class VegaRTEContent {
     if (options) {
       globalSlimmerRegistry.LogUtility.warn(`The 'options' parameter in toHtml method is deprecated and will be removed in the future.`);
     }
+    if (this.isEmpty()) {
+      return '';
+    }
     return this.children.map((block) => block.toHtml()).join('');
   }
+  /**
+   * Checks if the content state is empty.
+   *
+   * @returns {boolean} True if the content state is empty, false otherwise.
+   */
+  isEmpty() {
+    return this.children.length === 0 || (this.children.length === 1 && !this.children[0].isNotEmpty());
+  }
   /**
    * Internal method to add the block item, remove the block item
    *
@@ -3854,70 +3880,17 @@ class VegaRTEContent {
   codeBlock.ActionHandleStrategyRegistry.register(codeBlock.ModifyContentActionType.UPDATE_CURSOR_POSITION, VegaRTEContent.name, new UpdateCursorPositionStrategy());
 })();
 
-/**
- * RTEDTORendererManager is a singleton class that manages the registration and retrieval of RTE DTO renderers.
- */
-class RTEDTORendererManager {
-  constructor() {
-    // Register RTE DTO renderers, mapping type strings to their respective renderer instances.
-    this.RTE_DTO_RENDERER_MAP = new Map();
-    // Register RTE Toolbar Button Renderers, mapping type strings to their respective renderer instances.
-    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP = new Map();
-  }
-  /**
-   * Registers a new RTE DTO renderer.
-   *
-   * @param {string} type - The type identifier for the RTE DTO renderer.
-   * @param {VegaRTEBaseRenderer} RTEDTORenderer - The renderer instance for the RTE DTO.
-   */
-  registerRTEDTORenderer(type, RTEDTORenderer) {
-    const existRenderer = this.RTE_DTO_RENDERER_MAP.get(type);
-    if (RTEDTORenderer &&
-      existRenderer &&
-      existRenderer.constructor.name !== RTEDTORenderer.constructor.name) {
-      throw new Error(`Renderer for type ${type} is already registered with a different class(${existRenderer.constructor.name}).`);
-    }
-    this.RTE_DTO_RENDERER_MAP.set(type, RTEDTORenderer);
-  }
-  /**
-   * Registers a new RTE Toolbar Button Renderer.
-   *
-   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
-   * @param {VegaRTEToolbarButtonRenderer} RTEToolbarButtonRenderer - The renderer instance for the RTE Toolbar Button.
-   */
-  registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
-    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
-  }
-  /**
-   * Retrieves the RTE renderer for a given type.
-   *
-   * @param {string} type - The type identifier for the RTE block.
-   * @returns {Nullable<BaseRenderer>} - The renderer instance for the RTE block, or null if not found.
-   */
-  getRTERenderer(type) {
-    return this.RTE_DTO_RENDERER_MAP.get(type);
-  }
-  /**
-   * Retrieves the RTE Toolbar Button Renderer for a given type.
-   *
-   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
-   * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
-   */
-  getRTEToolbarButtonRenderer(type) {
-    return this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type);
-  }
-}
-const RTEDTORendererManager$1 = new RTEDTORendererManager();
-
+exports.AnnotationGeneratorStrategyAbstract = AnnotationGeneratorStrategyAbstract;
 exports.BlockToRTEBlockStrategyAbstract = BlockToRTEBlockStrategyAbstract;
 exports.ElementToDTOClassStrategyManager = ElementToDTOClassStrategyManager;
 exports.ElementToDTOStrategy = ElementToDTOStrategy;
 exports.ElementToDtoStrategyProcessor = ElementToDtoStrategyProcessor$1;
 exports.ImageAnnotation = ImageAnnotation;
+exports.InsertChildrenBeforeStrategy = InsertChildrenBeforeStrategy;
 exports.InsertNewParagraphAction = InsertNewParagraphAction;
 exports.MergeTwoBlocksNodesAction = MergeTwoBlocksNodesAction;
+exports.PasteContentStrategy = PasteContentStrategy;
 exports.RTEDTOActionStrategyManager = RTEDTOActionStrategyManager$1;
-exports.RTEDTORendererManager = RTEDTORendererManager$1;
 exports.RTEImageBlock = RTEImageBlock;
 exports.RTEImageNode = RTEImageNode;
 exports.RTEListBlock = RTEListBlock;

package/dist/cjs/{design-token-11656685.js → design-token-505997df.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-69d2cf01.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-96c5f598.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0ececeb3.js');
 const typography = require('./typography-4560e7f1.js');
 const ui = require('./ui-32e69595.js');
 

package/dist/cjs/dto-renderer-manager-ae5fcbba.js

@@ -0,0 +1,58 @@
+'use strict';
+
+/**
+ * RTEDTORendererManager is a singleton class that manages the registration and retrieval of RTE DTO renderers.
+ */
+class RTEDTORendererManager {
+  constructor() {
+    // Register RTE DTO renderers, mapping type strings to their respective renderer instances.
+    this.RTE_DTO_RENDERER_MAP = new Map();
+    // Register RTE Toolbar Button Renderers, mapping type strings to their respective renderer instances.
+    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP = new Map();
+  }
+  /**
+   * Registers a new RTE DTO renderer.
+   *
+   * @param {string} type - The type identifier for the RTE DTO renderer.
+   * @param {VegaRTEBaseRenderer} RTEDTORenderer - The renderer instance for the RTE DTO.
+   */
+  registerRTEDTORenderer(type, RTEDTORenderer) {
+    const existRenderer = this.RTE_DTO_RENDERER_MAP.get(type);
+    if (RTEDTORenderer &&
+      existRenderer &&
+      existRenderer.constructor.name !== RTEDTORenderer.constructor.name) {
+      throw new Error(`Renderer for type ${type} is already registered with a different class(${existRenderer.constructor.name}).`);
+    }
+    this.RTE_DTO_RENDERER_MAP.set(type, RTEDTORenderer);
+  }
+  /**
+   * Registers a new RTE Toolbar Button Renderer.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @param {VegaRTEToolbarButtonRenderer} RTEToolbarButtonRenderer - The renderer instance for the RTE Toolbar Button.
+   */
+  registerRTEToolbarButtonRenderer(type, RTEToolbarButtonRenderer) {
+    this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.set(type, RTEToolbarButtonRenderer);
+  }
+  /**
+   * Retrieves the RTE renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE block.
+   * @returns {Nullable<BaseRenderer>} - The renderer instance for the RTE block, or null if not found.
+   */
+  getRTERenderer(type) {
+    return this.RTE_DTO_RENDERER_MAP.get(type);
+  }
+  /**
+   * Retrieves the RTE Toolbar Button Renderer for a given type.
+   *
+   * @param {string} type - The type identifier for the RTE Toolbar Button Renderer.
+   * @returns {Nullable<VegaRTEToolbarButtonRenderer>} - The renderer instance for the RTE Toolbar Button, or null if not found.
+   */
+  getRTEToolbarButtonRenderer(type) {
+    return this.RTE_TOOLBAR_BUTTON_RENDERER_MAP.get(type);
+  }
+}
+const RTEDTORendererManager$1 = new RTEDTORendererManager();
+
+exports.RTEDTORendererManager = RTEDTORendererManager$1;

package/dist/cjs/{element-appender-slimmer-12f40b8b.js → element-appender-slimmer-26420c09.js}

@@ -2,17 +2,17 @@
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-9e181079.js');
-const functionExtension = require('./function-extension-78ec27e0.js');
+const tableExtension = require('./table-extension-2a20da57.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-69d2cf01.js');
-const responsiveFormatFacade = require('./responsive-format-facade-96c5f598.js');
+const responsiveFormatFacade = require('./responsive-format-facade-0ececeb3.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-5829a298.js');
 const observer = require('./observer-f49483e8.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-73334b4b.js');
 
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -945,7 +945,7 @@ class ElementAppender {
       return;
     this.toggleShow(false);
     this.resetContainerPosition();
-    functionExtension.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    tableExtension.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * Update position while window scroll.
@@ -969,7 +969,7 @@ class ElementAppender {
       return;
     this.removeVisibleAppendElement(this.showConfig.appendableElement);
     this.resetContainerPosition();
-    functionExtension.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
+    tableExtension.InternalVegaZIndexManager.removeZIndex(this.showConfig.appendableElement, 'base');
     this.showConfig.appendableElement.remove();
     this.disconnectResizeObserver();
   }
@@ -1124,7 +1124,7 @@ class ElementAppender {
    * @returns {void}
    */
   setZIndex() {
-    functionExtension.InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
+    tableExtension.InternalVegaZIndexManager.setZIndex(this.showConfig.appendableElement, 'base');
   }
   /**
    * If the showConfigCallback is a function, call it and return the result, otherwise return the

package/dist/cjs/{form-field-controller-slimmer-6e3e14fd.js → form-field-controller-slimmer-56c551ea.js}

@@ -9,14 +9,14 @@ const ui = require('./ui-9e181079.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-e2e274e1.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-73334b4b.js');
 const translation = require('./translation-5f9f9c0c.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-11937d6f.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-749d5020.js');
 const mutationObserverFilters = require('./mutation-observer-filters-38cebc6d.js');
 const array = require('./array-249289f2.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-6afa62f5.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-23d43f1e.js');
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/cjs/{image-annotation-action-7408a4b3.js → image-annotation-action-462fd073.js}

@@ -3,10 +3,10 @@
 const index = require('./index-58ea899e.js');
 const internalIconManager = require('./internal-icon-manager-32f9ed63.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const codeBlock = require('./code-block-823cd481.js');
+const codeBlock = require('./code-block-22ee2550.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
 const darkModeStyleController = require('./dark-mode-style-controller-c21172aa.js');
-const dtoRendererManager = require('./dto-renderer-manager-bd2bd447.js');
+const contentState = require('./content-state-0be6fda3.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>`,
@@ -301,7 +301,7 @@ class ImageAnnotationAction extends codeBlock.AnnotationAction {
    * @returns {ImageAnnotation} The annotation
    */
   toAnnotation() {
-    return new dtoRendererManager.ImageAnnotation(this.size, this.alt);
+    return new contentState.ImageAnnotation(this.size, this.alt);
   }
 }
 

package/dist/cjs/index-58ea899e.js

@@ -1731,6 +1731,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */
             './vega-sidenav_3.cjs.entry.js')); }).then(processMod, consoleError);
+        case 'vega-rich-text-table-properties_3.cjs':
+          return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
+            /* webpackMode: "lazy" */
+            './vega-rich-text-table-properties_3.cjs.entry.js')); }).then(processMod, consoleError);
         case 'vega-calendar_4.cjs':
           return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require(
             /* webpackMode: "lazy" */

package/dist/cjs/{index-638a0f0d.js → index-fc538f17.js}

@@ -4,7 +4,7 @@ const waitForVegaHandler = require('./wait-for-vega-handler-5469ff80.js');
 const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-1c8f7880.js');
-const vegaInternalEventId = require('./vega-internal-event-id-f2465f1b.js');
+const vegaInternalEventId = require('./vega-internal-event-id-73334b4b.js');
 
 /* istanbul ignore next */
 /**