@heartlandone/vega 2.35.0 → 2.37.0

package/dist/cjs/{app-globals-fb3693cc.js → app-globals-7980768c.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 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 vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-ef43cfc1.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-2c8373c1.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');
 const iconManager = require('./icon-manager-edc2400b.js');
+const index$1 = require('./index-7c81de06.js');
 require('./ui-5fd9b267.js');
-const translation = require('./translation-b9be41e0.js');
+const translation = require('./translation-6848c389.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 staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const contentState = require('./content-state-9a9a4bd8.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const observer = require('./observer-f49483e8.js');
 const index = require('./index-09acd3c9.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -134,10 +134,10 @@ class VegaTranslateObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Registers an observer to watch for translation updates, which triggers a forced update on the component.
    */
   connectedCallback() {
-    const observer = new domNodeSubjectFactory.Observer(this.isAcceptable.bind(this), () => {
+    const observer$1 = new observer.Observer(this.isAcceptable.bind(this), () => {
       index.forceUpdate(this.component);
     });
-    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer);
+    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
   }
   /**
    * Determines whether the observer should accept changes.
@@ -288,7 +288,7 @@ function initRuntimeMetricsTelemetryCollection() {
  * Inject waitForVega to global as a public api
  */
 function injectWaitForVegaIntoGlobal() {
-  globalThis['waitForVega'] = listBlock.waitForVega;
+  globalThis['waitForVega'] = index$1.waitForVega;
 }
 /**
  * Inject VegaSkeletonLoader to global as a public api

package/dist/cjs/{child-nodes-event-prevent-slimmer-96c3c4ae.js → child-nodes-event-prevent-slimmer-af2addec.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
 const vegaEnvManager = require('./vega-env-manager-23b8b23c.js');
 const featureFlagController = require('./feature-flag-controller-7b22e598.js');
 

package/dist/cjs/{child-nodes-notify-observer-slimmer-be92f366.js → child-nodes-notify-observer-slimmer-4e60a929.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const observer = require('./observer-f49483e8.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const ui = require('./ui-5fd9b267.js');
 
@@ -64,7 +64,7 @@ class ChildNodesNotifyObserverSlimmer extends globalSlimmerRegistry.VegaSlimmer
    */
   connectedCallback() {
     if (this.subject) {
-      this.notifyObserver = new domNodeSubjectFactory.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
+      this.notifyObserver = new observer.Observer(this.isAcceptableObserverPayload.bind(this), this.handleObserver);
       changeManager.ChangeManager.register(this.subject, this.notifyObserver);
     }
   }

package/dist/cjs/{list-block-91116257.js → content-state-9a9a4bd8.js}

@@ -1,46 +1,13 @@
 'use strict';
 
-const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-2c8373c1.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.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');
 
-/* istanbul ignore next */
-/**
- * Wait for all vega elements to be ready.
- *
- * The below method is e2e-test covered in @see{module:wait-for-vega-should-work-as-expected}
- */
-const waitForVega = async () => {
-  return nodeAnnotation_abstract.WaitForVega.handle();
-};
-/**
- * Wait for the component has been rendered.
- *
- * @param {HTMLStencilElement} componentRef - The reference to the component that needs to be rendered.
- * @returns {Promise<unknown>} A promise that resolves when the component has been rendered.
- */
-const waitForComponentDidRender = async (componentRef) => {
-  return new Promise((resolve) => {
-    const observer = new domNodeSubjectFactory.Observer(isAcceptableComponentDidRender.bind(null), () => {
-      changeManager.ChangeManager.unregister(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(componentRef, vegaInternalEventId.VegaInternalComponentDidRender), observer);
-      resolve(null);
-    });
-    changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(componentRef, vegaInternalEventId.VegaInternalComponentDidRender), observer);
-  });
-};
-/**
- * Determines whether the observer should accept changes.
- *
- * @returns {boolean} Always returns true in the current implementation.
- */
-const isAcceptableComponentDidRender = () => {
-  return true;
-};
-
 /**
  * Annotation to make block with horizontal alignment
  */
@@ -2859,9 +2826,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;
@@ -2874,6 +2967,7 @@ exports.InsertBlocksBeforeAction = InsertBlocksBeforeAction;
 exports.ItalicAnnotation = ItalicAnnotation;
 exports.LinkAnnotationAction = LinkAnnotationAction;
 exports.MergeTwoBlocksNodesAction = MergeTwoBlocksNodesAction;
+exports.RTEBlock = RTEBlock;
 exports.RTEImageBlock = RTEImageBlock;
 exports.RTEImageNode = RTEImageNode;
 exports.RTEListBlock = RTEListBlock;
@@ -2886,13 +2980,11 @@ 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/{design-token-30c069c1.js → design-token-36eb5def.js}

@@ -3,7 +3,7 @@
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const breakpoints = require('./breakpoints-ebde4837.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
 const typography = require('./typography-4560e7f1.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-e585a027.js');
 const ui = require('./ui-32e69595.js');

package/dist/cjs/{dom-node-subject-factory-3ec114b8.js → dom-node-subject-factory-ce1777a9.js}

@@ -2,35 +2,6 @@
 
 const ui = require('./ui-5fd9b267.js');
 
-/**
- *  An Observer is a class that has a listener method that accepts a value of type T
- *  and calls the listener method with a value of type T
- */
-class Observer {
-  /**
-   * It accepts a function that accepts a value and returns a boolean, and a function that accepts a value of the type that
-   * the first function accepts
-   *
-   * @typedef T generic type parameter
-   * @param {(input: unknown) => input is T} accept - A function that indicate if the input is acceptable by the observer
-   * @param {(input: T) => void} listener - A function handle the input for the observer if the input is accepted
-   */
-  constructor(accept, listener) {
-    this.accept = accept;
-    this.listener = listener;
-  }
-  /**
-   * If the input is of the type that this handler is interested in, then call the listener function
-   *
-   * @param {unknown} input - unknown
-   */
-  notify(input) {
-    if (this.accept(input)) {
-      this.listener(input);
-    }
-  }
-}
-
 /** The VegaEventID class represents an event ID with both a Vega name and a native name. */
 class VegaEventID {
   /**
@@ -229,7 +200,6 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
-exports.Observer = Observer;
 exports.VegaActionButtonClick = VegaActionButtonClick;
 exports.VegaActionClick = VegaActionClick;
 exports.VegaBlur = VegaBlur;

package/dist/cjs/{dom-node-subject-observer-factory-5f0eae19.js → dom-node-subject-observer-factory-80b3ac6c.js}

@@ -1,7 +1,8 @@
 'use strict';
 
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
+const observer = require('./observer-f49483e8.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
 
 /**
  * The function `domAcceptableHandle` always returns `true`.
@@ -23,7 +24,7 @@ class DomNodeSubjectObserverFactory {
    */
   static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
     if (node) {
-      const domNodesObserver = new domNodeSubjectFactory.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
+      const domNodesObserver = new observer.Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
       DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
       changeManager.ChangeManager.register(domNodeSubjectFactory.domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
     }

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

@@ -7,7 +7,10 @@ const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const ui$1 = require('./ui-32e69595.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js');
+const responsiveFormatFacade = require('./responsive-format-facade-a1983026.js');
+const changeManager = require('./change-manager-a297e4d2.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.js');
+const observer = require('./observer-f49483e8.js');
 
 var __decorate$9 = (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;
@@ -813,7 +816,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 +1043,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 +1064,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.
@@ -1126,6 +1137,7 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
       }
       window.addEventListener('mousedown', this.globalMouseDownHandler);
       document.addEventListener('scroll', this.globalScrollHandler, { capture: true });
+      this.listenShadowRootElementScrolling();
     };
     /* It's a function that listens to the click event on the dropdown. It checks if the trigger
     property is equal to 'click'. If it is, then it toggles the dropdown. */
@@ -1289,6 +1301,29 @@ class ElementAppenderSlimmer extends globalSlimmerRegistry.VegaSlimmer {
     }
     window.removeEventListener('mousedown', this.globalMouseDownHandler);
     document.removeEventListener('scroll', this.globalScrollHandler);
+    this.removeShadowRootElementScrolling();
+  }
+  /**
+   * Sets up an observer to handle scroll events in a shadow root element.
+   */
+  listenShadowRootElementScrolling() {
+    this.shadowRootElementScrollingObserver = new observer.Observer(this.canAcceptShadowRootScrollEvent.bind(this), this.globalScrollHandler.bind(this));
+    changeManager.ChangeManager.register(staticSubjectTitle.SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
+  }
+  /**
+   * Checks if the host element is a parent of the target element.
+   *
+   * @param {ShadowRootElementScrollingPayload} payload - payload.
+   * @returns {boolean} - Can accept.
+   */
+  canAcceptShadowRootScrollEvent(payload) {
+    return Boolean(this.showConfig && ui.isParent(this.showConfig.target, payload.host));
+  }
+  /**
+   * Remove observer for scrolling in a shadow root element.
+   */
+  removeShadowRootElementScrolling() {
+    changeManager.ChangeManager.unregister(staticSubjectTitle.SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
   }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;

package/dist/cjs/{event-emit-slimmer-9c223f73.js → event-emit-slimmer-208a19e4.js}

@@ -3,9 +3,9 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const dynamicSlimmer = require('./dynamic-slimmer-f31fdfd7.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const internalVegaEventManager = require('./internal-vega-event-manager-e5e4bcf4.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const internalVegaEventManager = require('./internal-vega-event-manager-981dfd1c.js');
 
 var __decorate$3 = (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;

package/dist/cjs/{form-field-controller-slimmer-dbb321ad.js → form-field-controller-slimmer-0303f4a7.js}

@@ -3,15 +3,16 @@
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const string = require('./string-21427167.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
+const observer = require('./observer-f49483e8.js');
+const staticSubjectTitle = require('./static-subject-title-c589a1bd.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 translation = require('./translation-b9be41e0.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
+const translation = require('./translation-6848c389.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
+const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
 const mutationObserverSlimmer = require('./mutation-observer-slimmer-895b3d3e.js');
 const mutationObserverFilters = require('./mutation-observer-filters-e5a7f85a.js');
 const array = require('./array-5adef7b2.js');
@@ -357,7 +358,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * Init translation observer of translation language changes
    */
   initTranslationObserver() {
-    const observer = new domNodeSubjectFactory.Observer(this.isAcceptableTranslationObserver.bind(this), () => {
+    const observer$1 = new observer.Observer(this.isAcceptableTranslationObserver.bind(this), () => {
       if (!this.errorMessage)
         return;
       const inputContainer = this.getInputElementContainer();
@@ -369,7 +370,7 @@ class FieldErrorUIControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
         }
       }
     });
-    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer);
+    changeManager.ChangeManager.register(staticSubjectTitle.UPDATE_TRANSLATION, observer$1);
   }
   /**
    * Determines whether the observer should accept changes.
@@ -706,7 +707,7 @@ class FormFieldController {
    * When that event is fired, the `updateIsModified` function is called with the argument `true`
    */
   setupModifiedListener() {
-    this.hostValueChangeObserver = new domNodeSubjectFactory.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
+    this.hostValueChangeObserver = new observer.Observer(this.isCurrentTarget.bind(this), () => this.updateIsModified(true));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_ELEMENT_VALUE_CHANGE, this.hostValueChangeObserver);
   }
   /**
@@ -759,7 +760,7 @@ class FormFieldController {
    * reset operation is triggered
    */
   initFormResetObserver() {
-    this.formResetTriggeredObserver = new domNodeSubjectFactory.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
+    this.formResetTriggeredObserver = new observer.Observer(this.canAcceptFormResetOperation.bind(this), this.reset.bind(this));
     changeManager.ChangeManager.register(staticSubjectTitle.FORM_RESET_OPERATION_TRIGGERED, this.formResetTriggeredObserver);
   }
   /**
@@ -817,6 +818,8 @@ class FormFieldController {
         if (isSubmittedKey)
           event.preventDefault();
         return isSubmittedKey;
+      case 'VEGA-RICH-TEXT-EDITOR':
+        return false;
       default:
         return isEnterKey;
     }
@@ -838,13 +841,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
      */
@@ -862,7 +871,7 @@ class FieldErrorControllerSlimmer extends globalSlimmerRegistry.VegaSlimmer {
    * register the observer when the slimmer method called
    */
   handleComponentWillLoadByFieldErrorSlimmer() {
-    this.fieldErrorMessageChangeObserver = new domNodeSubjectFactory.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
+    this.fieldErrorMessageChangeObserver = new observer.Observer(this.canAcceptFieldErrorMessageUpdate.bind(this), this.handleFieldErrorMessageUpdate);
     changeManager.ChangeManager.register(staticSubjectTitle.FIELD_ERROR_MESSAGE_CHANGE, this.fieldErrorMessageChangeObserver);
   }
   /**

package/dist/cjs/{image-annotation-action-d3e1699c.js → image-annotation-action-8e622f61.js}

@@ -2,11 +2,11 @@
 
 const index = require('./index-09acd3c9.js');
 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 domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-80b3ac6c.js');
+const domNodeSubjectFactory = require('./dom-node-subject-factory-ce1777a9.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-9a9a4bd8.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-2c8373c1.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);
   }
 }