@heartlandone/vega 2.35.0-RTE-preview → 2.36.0

package/dist/cjs/{app-globals-fb3693cc.js → app-globals-13d4a0be.js}

@@ -2,7 +2,7 @@
 
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
 const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-7dac484f.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-c3c07af5.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const vegaDialogController = require('./vega-dialog-controller-fe610705.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
@@ -11,8 +11,7 @@ require('./ui-5fd9b267.js');
 const translation = require('./translation-b9be41e0.js');
 const typography = require('./typography-4560e7f1.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a9ae5d9.js');
-const listBlock = require('./list-block-91116257.js');
-const contentState = require('./content-state-3e4467a3.js');
+const contentState = require('./content-state-2336e368.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
@@ -288,7 +287,7 @@ function initRuntimeMetricsTelemetryCollection() {
  * Inject waitForVega to global as a public api
  */
 function injectWaitForVegaIntoGlobal() {
-  globalThis['waitForVega'] = listBlock.waitForVega;
+  globalThis['waitForVega'] = contentState.waitForVega;
 }
 /**
  * Inject VegaSkeletonLoader to global as a public api

package/dist/cjs/{list-block-91116257.js → content-state-2336e368.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-c3c07af5.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 require('./global-slimmer-registry-b3bce7e0.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
@@ -2859,9 +2859,135 @@ class RTEListBlock extends RTEBlock {
   }
 }
 
+/**
+ * Class representing the content state of the rich text editor.
+ */
+class VegaRTEContent extends BlockBaseOperator {
+  constructor(blocks) {
+    super();
+    blocks.forEach((block) => {
+      block.parent = this;
+    });
+    this.blocks = blocks;
+  }
+  /**
+   * Converts a JSON array of blocks to a class array of RTEContentBlock.
+   *
+   * @param {VegaRTEContentBlock[]} value The JSON array of blocks to convert.
+   * @returns {RTEContentBlock[]} The converted array of RTEContentBlock.
+   */
+  static fromJSON(value) {
+    const blocks = value.map((block) => {
+      switch (block.type) {
+        case 'paragraph':
+        case 'title':
+        case 'subtitle':
+        case 'heading-1':
+        case 'heading-2':
+        case 'heading-3': {
+          return RTETextBlock.from(block);
+        }
+        case 'image':
+          return RTEImageBlock.from(block);
+        case 'bullet-list':
+        case 'number-list':
+          return RTEListBlock.from(block);
+        default: {
+          throw new Error(`[Vega] Unknown block type: ${block.type}`);
+        }
+      }
+    });
+    return new VegaRTEContent(blocks);
+  }
+  /**
+   * Create an empty content state
+   *
+   * @returns {VegaRTEContent} An empty content state
+   */
+  static createEmptyContent() {
+    return VegaRTEContent.fromJSON([
+      {
+        id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
+        type: 'paragraph',
+        nodes: [
+          {
+            id: createPublicApiRuntimeMetricsSlimmer.generateUUID(),
+            type: 'text',
+            text: '',
+          },
+        ],
+      },
+    ]);
+  }
+  /**
+   * Clones the content state.
+   *
+   * @returns {VegaRTEContent} The cloned content state.
+   */
+  clone() {
+    return new VegaRTEContent([...this.blocks]);
+  }
+  /**
+   * Converts the content state to a JSON array of blocks.
+   *
+   * @returns {VegaRTEContentBlock[]} The JSON array of blocks.
+   */
+  toJSON() {
+    return this.blocks.map((block) => block.toJSON());
+  }
+  /**
+   * Internal method to add the block item, remove the block item
+   *
+   * @param {ModifyContentAction} action - Modify content action
+   */
+  apply(action) {
+    switch (action.type) {
+      case nodeAnnotation_abstract.ModifyContentActionType.DELETE_CHILD:
+        this.removeChildBlock(action.entityToBeRemoved);
+        break;
+      case nodeAnnotation_abstract.ModifyContentActionType.APPEND_CHILD_NODES:
+        this.appendChildBlocks(action.entityToBeAppended);
+        break;
+      case nodeAnnotation_abstract.ModifyContentActionType.INSERT_BLOCKS_AFTER:
+        this.replaceBlockWithBlocks(action.referBlock, [
+          action.referBlock,
+          ...action.blocksToBeInserted,
+        ]);
+        break;
+      case nodeAnnotation_abstract.ModifyContentActionType.INSERT_BLOCKS_BEFORE:
+        this.replaceBlockWithBlocks(action.referBlock, [
+          ...action.blocksToBeInserted,
+          action.referBlock,
+        ]);
+        break;
+    }
+  }
+  /**
+   * Convert text to list.
+   *
+   * @param {RTETextBlock} block - block
+   * @returns {RTEListItemBlock} list item block dto.
+   */
+  toListItem(block) {
+    block.nodes.map((node) => node.apply(new SyncUpSelectionAction()));
+    const listItemBlock = new RTEListItemBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID());
+    listItemBlock.apply(new AppendChildNodesAction(block['nodes']));
+    listItemBlock['annotationMap'] = block['annotationMap'];
+    return listItemBlock;
+  }
+  /**
+   * create list.
+   *
+   * @param {ListType} type - type
+   * @returns {RTEListBlock} list block dto.
+   */
+  createList(type) {
+    return new RTEListBlock(createPublicApiRuntimeMetricsSlimmer.generateUUID(), type);
+  }
+}
+
 exports.AnnotationAction = AnnotationAction;
 exports.AppendChildNodesAction = AppendChildNodesAction;
-exports.BlockBaseOperator = BlockBaseOperator;
 exports.BoldAnnotation = BoldAnnotation;
 exports.BoldAnnotationAction = BoldAnnotationAction;
 exports.ClearFormattingAnnotationAction = ClearFormattingAnnotationAction;
@@ -2886,13 +3012,13 @@ exports.ReplaceChildNodesAction = ReplaceChildNodesAction;
 exports.SelectionRangeAnnotation = SelectionRangeAnnotation;
 exports.SplitBlockWithNodeAction = SplitBlockWithNodeAction;
 exports.StrikethroughAnnotation = StrikethroughAnnotation;
-exports.SyncUpSelectionAction = SyncUpSelectionAction;
 exports.TextColorAnnotation = TextColorAnnotation;
 exports.TextSplittableAction = TextSplittableAction;
 exports.TextStyleAnnotation = TextStyleAnnotation;
 exports.TextStyleAnnotationAction = TextStyleAnnotationAction;
 exports.UnderlineAnnotation = UnderlineAnnotation;
 exports.UpdateTextAction = UpdateTextAction;
+exports.VegaRTEContent = VegaRTEContent;
 exports.ZERO_WIDTH_SPACE = ZERO_WIDTH_SPACE;
 exports.waitForComponentDidRender = waitForComponentDidRender;
 exports.waitForVega = waitForVega;

package/dist/cjs/{element-appender-slimmer-700b7004.js → element-appender-slimmer-77f9c4a0.js}

@@ -813,7 +813,7 @@ class PositionCalculationController extends globalSlimmerRegistry.VegaSlimmer {
    * @returns {void}
    */
   adjustHeight() {
-    if (this.showConfig.matchContainerHeight) {
+    if (this.showConfig.matchContainerHeight && !this.showConfig.isScreenPosition) {
       const { height: targetHeight } = this.showConfig.target.getBoundingClientRect();
       let maxHeight = this.container.scrollHeight - this.showConfig.target.offsetTop - targetHeight;
       if (this.showConfig.maxHeight) {
@@ -1040,6 +1040,16 @@ class ElementAppender {
   prepareShow() {
     // Add relative position to the container while the container is static,
     // https://developer.mozilla.org/en-US/docs/Web/CSS/position#types_of_positioning
+    if (!this.showConfig.isScreenPosition) {
+      this.initVisibleAppendElement();
+    }
+    this.showConfig.appendableElement.style.boxSizing = 'border-box';
+    this.positionCalculationController.setCalculationStrategy();
+  }
+  /**
+   * init visible append element.
+   */
+  initVisibleAppendElement() {
     const containerStyle = window.getComputedStyle(this.container);
     const originContainerPosition = containerStyle.position;
     if (!ElementAppender.containerMap.has(this.container)) {
@@ -1051,8 +1061,6 @@ class ElementAppender {
     if (originContainerPosition === 'static') {
       this.container.style.position = 'relative';
     }
-    this.showConfig.appendableElement.style.boxSizing = 'border-box';
-    this.positionCalculationController.setCalculationStrategy();
   }
   /**
    * A function that takes no parameters and returns nothing. It sets the position of the appendable element.

package/dist/cjs/{form-field-controller-slimmer-7ef32059.js → form-field-controller-slimmer-8d4d2723.js}

@@ -8,7 +8,7 @@ const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
 const ui = require('./ui-5fd9b267.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const translation = require('./translation-b9be41e0.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
@@ -126,7 +126,7 @@ class FormFieldValidationRuleHandlerChain {
    * @param {(keyof FormFieldStatusMeta)[]} triggerStatus - These keys represent the fields that have triggered a change in status.
    * @param {boolean | 'rule'} showError - A boolean or string rule form method call, It's a param of callback.
    * @param {ValidationCallBack} callback - The method should be call when validation result is not valid.
-   * @returns {Promise<boolean>} validate result.
+   * @returns {Promise<EvaluateResult>} validate result.
    */
   async process(input, status, triggerStatus, showError, callback) {
     const UUID = this.preProcess();
@@ -155,7 +155,12 @@ class FormFieldValidationRuleHandlerChain {
       }
     }
     this.postProcess(UUID, showError, result, callback);
-    return result ? false : true;
+    if (result) {
+      return { isValid: false, message: result.message };
+    }
+    else {
+      return { isValid: true, message: '' };
+    }
   }
   /**
    * sets the processId to the UUID
@@ -252,6 +257,22 @@ class SiblingContainerErrorLabelContainerRetrievalStrategy {
   }
 }
 
+/** The `FormFieldMessageTranslatorSlimmer` class is to get translated message */
+class FormFieldMessageTranslatorSlimmer extends globalSlimmerRegistry.VegaSlimmer {
+  /**
+   * Translates a given message based on its type.
+   *
+   * @param {EvaluateResult['message'] | EvaluateResultTranslation['message']} message - The message to be translated, which can be a string or a TranslationMessage.
+   * @returns {string} The translated message.
+   */
+  getTranslatedMessage(message) {
+    if (typeof message === 'string') {
+      return translation.VegaInternalTranslation.t(message);
+    }
+    return translation.VegaInternalTranslation.t(message.key, ...(message.args || []));
+  }
+}
+
 var __decorate$4 = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -262,6 +283,7 @@ var __decorate$4 = (undefined && undefined.__decorate) || function (decorators,
 class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super();
+    this.formFieldMessageTranslatorSlimmer = new FormFieldMessageTranslatorSlimmer();
     this.fieldErrorUiControllerStrategies = [
       new SiblingContainerNestedErrorContainerRetrievalStrategy(),
       new SiblingContainerSelfRetrievalStrategy(),
@@ -281,7 +303,8 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     const inputContainer = this.getInputElementContainer();
     if (errorMessage && inputContainer) {
       const errorContainer = this.getErrorContainer(inputContainer);
-      errorContainer.innerHTML = this.getTranslatedMessage(errorMessage);
+      errorContainer.innerHTML =
+        this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(errorMessage);
       errorContainer.classList.remove('vega-hidden');
       inputContainer.classList.add('error');
       changeManager.ChangeManager.notify(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(this.host, vegaInternalEventId.VegaInternalFieldErrorStateChange), {
@@ -330,18 +353,6 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       }
     }
   }
-  /**
-   * Translates a given message based on its type.
-   *
-   * @param {EvaluateResult['message'] | EvaluateResultTranslation['message']} message - The message to be translated, which can be a string or a TranslationMessage.
-   * @returns {string} The translated message.
-   */
-  getTranslatedMessage(message) {
-    if (typeof message === 'string') {
-      return translation.VegaInternalTranslation.t(message);
-    }
-    return translation.VegaInternalTranslation.t(message.key, ...(message.args || []));
-  }
   /**
    * Init translation observer of translation language changes
    */
@@ -353,7 +364,8 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       if (inputContainer) {
         const errorContainer = this.getErrorContainer(inputContainer);
         if (errorContainer) {
-          errorContainer.innerHTML = this.getTranslatedMessage(this.errorMessage);
+          errorContainer.innerHTML =
+            this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(this.errorMessage);
         }
       }
     });
@@ -368,6 +380,9 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     return true;
   }
 }
+__decorate$4([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], FieldErrorUIControllerSlimmer.prototype, "formFieldMessageTranslatorSlimmer", void 0);
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
 ], FieldErrorUIControllerSlimmer.prototype, "host", void 0);
@@ -409,6 +424,7 @@ class FormFieldController {
    */
   constructor(defaultRules, hostElement, defaultValue, options) {
     var _a, _b;
+    this.formFieldMessageTranslatorSlimmer = new FormFieldMessageTranslatorSlimmer();
     this.fieldErrorUIController = new FieldErrorUIControllerSlimmer();
     this.resizeObserverSlimmer = dynamicSlimmer.createDynamicSlimmer(FormFieldController, pageResizeObserverSlimmer.PageResizeObserverSlimmer, [], [{ mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' }], [
       {
@@ -500,7 +516,7 @@ class FormFieldController {
    * It validates the input against the rules and returns a boolean indicating whether the input is valid or not
    *
    * @param {boolean} showError whether the validation result should be reflected in UI
-   * @returns {boolean} A boolean value.
+   * @returns {Promise<EvaluateResultBase>} A promise value.
    */
   async validate(showError) {
     return await this.valid([], showError);
@@ -574,8 +590,9 @@ class FormFieldController {
     if (hasAsyncRules) {
       changeManager.ChangeManager.notify(staticSubjectTitle.FORM_FIELD_PENDING_VALID_CHANGE, { host: this.host, detail: null });
     }
-    const isValid = await this.formFieldValidationRuleHandlerChain.process(input, status, triggerStatus, showError, this.handleValidationResult);
-    return isValid;
+    const { isValid, message } = await this.formFieldValidationRuleHandlerChain.process(input, status, triggerStatus, showError, this.handleValidationResult);
+    const translatedMessage = this.formFieldMessageTranslatorSlimmer.getTranslatedMessage(message);
+    return { isValid, message: translatedMessage };
   }
   /**
    * Invoke all listeners with the given isValid value
@@ -800,11 +817,16 @@ class FormFieldController {
         if (isSubmittedKey)
           event.preventDefault();
         return isSubmittedKey;
+      case 'VEGA-RICH-TEXT-EDITOR':
+        return false;
       default:
         return isEnterKey;
     }
   }
 }
+__decorate$3([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], FormFieldController.prototype, "formFieldMessageTranslatorSlimmer", void 0);
 __decorate$3([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], FormFieldController.prototype, "fieldErrorUIController", void 0);
@@ -818,13 +840,19 @@ var __decorate$2 = (undefined && undefined.__decorate) || function (decorators,
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-/** The `FieldBoxControllerSlimmer` class is a TypeScript class that extends the `VegaSlimmer` class and provides methods for handling error UI in a field error component. */
+/**
+ * The current class is used to manually control the form element error message.
+ * The component `vega-field-error` is used to control the error messages for form fields. to implement the error message display, we needs to know the form field error message container, field element, and other necessary options,
+ * the `form-field-controller-slimmer` has the required options and will inject to the all form fields, so we create current slimmer class and inject to the `form-field-controller-slimmer` to get all options.
+ * When the property `message` of the vega-field-error component changed, the target form field will receive the special subject and update the error message.
+ */
 class FieldErrorControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
   constructor() {
     super(...arguments);
+    // The host element field error UI controller.
     this.fieldErrorUIController = new FieldErrorUIControllerSlimmer();
     /**
-     * call the method when observer trigger
+     * This method called mean that the current form field element nest in a vega-field-error component and the parent component property `message` changed, we need to show or hide the error message.
      *
      * @param {FieldErrorEventPayload} payload payload param
      */
@@ -902,9 +930,12 @@ class FormFieldValidInvokeSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         if (payload.timerId !== undefined) {
           clearTimeout(payload.timerId);
         }
-        const isValid = await this.validator.validate(payload.message);
-        if (typeof payload.promiseResolve === 'function') {
-          payload.promiseResolve(isValid);
+        const validationResult = await this.validator.validate(payload.message);
+        if (validationResult) {
+          const { isValid, message } = validationResult;
+          if (typeof payload.promiseResolve === 'function') {
+            payload.promiseResolve({ isValid, message });
+          }
         }
       }
     };

package/dist/cjs/{image-annotation-action-d3e1699c.js → image-annotation-action-4135ca69.js}

@@ -5,8 +5,8 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const listBlock = require('./list-block-91116257.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
+const contentState = require('./content-state-2336e368.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-c3c07af5.js');
 
 var __decorate$1 = (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;
@@ -74,7 +74,7 @@ const text = {
 /**
  * Action to toggle the text color annotation visibility/state.
  */
-class TextColorAnnotationAction extends listBlock.TextSplittableAction {
+class TextColorAnnotationAction extends contentState.TextSplittableAction {
   constructor(textColor) {
     super();
     this.isFlushable = true;
@@ -86,7 +86,7 @@ class TextColorAnnotationAction extends listBlock.TextSplittableAction {
    * @returns {TextColorAnnotation} the annotation
    */
   toAnnotation() {
-    return new listBlock.TextColorAnnotation(this.textColor);
+    return new contentState.TextColorAnnotation(this.textColor);
   }
 }
 
@@ -106,7 +106,7 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
     nodeAnnotation_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(TextColorToolbarButtonSlimmer.formatDarkModeColor());
   }
   static formatDarkModeColor() {
-    return listBlock.RTE_TEXT_COLORS.reduce((prev, current) => {
+    return contentState.RTE_TEXT_COLORS.reduce((prev, current) => {
       current.dark && (prev[`rich-text-editor-${current.key}`] = current.dark);
       return prev;
     }, {});
@@ -134,7 +134,7 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
       index.h("div", Object.assign({ slot: "popover", style: { userSelect: 'none' } }, super.preventLostFocus()), this.renderPopoverContent())));
   }
   renderPopoverContent() {
-    return (index.h("vega-color-picker", { isInline: true, colors: listBlock.RTE_TEXT_COLORS.map((item) => item[!this.isInDarkMode ? 'light' : 'dark']), ref: (ref) => {
+    return (index.h("vega-color-picker", { isInline: true, colors: contentState.RTE_TEXT_COLORS.map((item) => item[!this.isInDarkMode ? 'light' : 'dark']), ref: (ref) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, this.handleChange.bind(this));
       }, value: this.getCurrentColor() }));
   }
@@ -145,16 +145,16 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
       }
       this.selectionController
         .getSelectedNodes()
-        .filter((node) => node instanceof listBlock.RTETextNode)
+        .filter((node) => node instanceof contentState.RTETextNode)
         .forEach((node) => node.apply(new TextColorAnnotationAction(this.matchColor(e.detail).key)));
     }
     void this.popoverRef.hide();
   }
   matchColor(value) {
-    return listBlock.RTE_TEXT_COLORS.find((item) => item[this.isInDarkMode ? 'dark' : 'light'] === value);
+    return contentState.RTE_TEXT_COLORS.find((item) => item[this.isInDarkMode ? 'dark' : 'light'] === value);
   }
   getCurrentColor() {
-    let selectedItem = listBlock.RTE_TEXT_COLORS[0];
+    let selectedItem = contentState.RTE_TEXT_COLORS[0];
     const selectedNodes = this.selectionController.getSelectedNodes();
     if (selectedNodes.length > 1) {
       if (this.isSelectedSameColor(selectedNodes)) {
@@ -178,7 +178,7 @@ class TextColorToolbarButtonSlimmer extends ToolbarButtonSlimmer {
   getTextColor(selectedNodes) {
     var _a;
     return (((_a = selectedNodes.getAnnotationByType('TEXT_COLOR')) === null || _a === void 0 ? void 0 : _a.textColor) ||
-      listBlock.RTE_TEXT_COLORS[0]);
+      contentState.RTE_TEXT_COLORS[0]);
   }
   isDisabled() {
     const selectedNodes = this.selectionController.getSelectedNodes();
@@ -238,7 +238,7 @@ const TextNodeRenderingRegistry$1 = new TextNodeRenderingRegistry();
 /**
  * Action to add an image annotation to the editor
  */
-class ImageAnnotationAction extends listBlock.AnnotationAction {
+class ImageAnnotationAction extends contentState.AnnotationAction {
   constructor(size, alt) {
     super();
     this.isFlushable = true;
@@ -251,7 +251,7 @@ class ImageAnnotationAction extends listBlock.AnnotationAction {
    * @returns {ImageAnnotation} The annotation
    */
   toAnnotation() {
-    return new listBlock.ImageAnnotation(this.size, this.alt);
+    return new contentState.ImageAnnotation(this.size, this.alt);
   }
 }
 

package/dist/cjs/index.cjs.js

@@ -14,14 +14,13 @@ const ui = require('./ui-32e69595.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-7dac484f.js');
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-c3c07af5.js');
 const vegaDialogController = require('./vega-dialog-controller-fe610705.js');
 const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
 const iconManager = require('./icon-manager-edc2400b.js');
 const validCreditCardNumberRule = require('./valid-credit-card-number-rule-4a9ae5d9.js');
-const listBlock = require('./list-block-91116257.js');
+const contentState = require('./content-state-2336e368.js');
 const translation = require('./translation-b9be41e0.js');
-const contentState = require('./content-state-3e4467a3.js');
 require('./responsive-format-facade-4363a00d.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -37,7 +36,7 @@ require('./_commonjsHelpers-537d719a.js');
 require('./static-subject-title-d66b88fb.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-factory-3ec114b8.js');
-require('./vega-internal-event-id-85b68849.js');
+require('./vega-internal-event-id-b12071ea.js');
 
 /* This file is generated by vega-design 2.0.77 */
 /* eslint-disable */
@@ -96,8 +95,8 @@ exports.VegaDialog = vegaDialogController.VegaDialog;
 exports.VegaJQueryDelegatedEventStrategy = internalVegaEventManager.BaseStrategy;
 exports.VegaIconManager = iconManager.VegaIconManager;
 exports.ValidCreditCardNumberRule = validCreditCardNumberRule.ValidCreditCardNumberRule;
-exports.waitForVega = listBlock.waitForVega;
+exports.VegaRTEContent = contentState.VegaRTEContent;
+exports.waitForVega = contentState.waitForVega;
 exports.VegaTranslation = translation.VegaTranslation;
 exports.VegaTranslationResourceEN = translation.staticTranslations;
-exports.VegaRTEContent = contentState.VegaRTEContent;
 exports.Rings = Rings;