@globalpayments/vega 2.35.0 → 2.37.0

package/dist/collection/helpers/validator/test/rules/rich-text-editor-required-rule.test.js

@@ -54,6 +54,49 @@ test('return evaluate result as expect', () => {
     isValid: true,
     message: '',
   });
+  expect(rule.evaluate(VegaRTEContent.fromJSON([
+    {
+      id: generateUUID(),
+      type: 'paragraph',
+      nodes: [
+        {
+          id: generateUUID(),
+          type: 'text',
+          text: ' ',
+        },
+      ],
+    },
+  ]))).toEqual({
+    isValid: true,
+    message: '',
+  });
+  expect(rule.evaluate(VegaRTEContent.fromJSON([
+    {
+      id: generateUUID(),
+      type: 'paragraph',
+      nodes: [
+        {
+          id: generateUUID(),
+          type: 'text',
+          text: '',
+        },
+      ],
+    },
+    {
+      id: generateUUID(),
+      type: 'paragraph',
+      nodes: [
+        {
+          id: generateUUID(),
+          type: 'text',
+          text: '',
+        },
+      ],
+    },
+  ]))).toEqual({
+    isValid: true,
+    message: '',
+  });
   expect(rule.evaluate(VegaRTEContent.fromJSON([
     {
       id: generateUUID(),

package/dist/collection/helpers/validator/test/rules/valid-credit-card-number-rule.test.js

@@ -77,3 +77,59 @@ test('should not show error message if status is not touched or not modified', (
     visible: true,
   })).toEqual(false);
 });
+describe('credit card number validation', () => {
+  test('should return result as expect if value is valid card number', () => {
+    const rule = new ValidCreditCardNumberRule();
+    // American Express
+    expect(rule.evaluate('378282246310005')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // American Express
+    expect(rule.evaluate('371449635398431')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // American Express Corporate
+    expect(rule.evaluate('378734493671000')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // Discover
+    expect(rule.evaluate('6011111111111117')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // Discover
+    expect(rule.evaluate('6011000990139424')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // MasterCard
+    expect(rule.evaluate('5555555555554444')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // MasterCard
+    expect(rule.evaluate('5105105105105100')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // Visa
+    expect(rule.evaluate('4111111111111111')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // Visa
+    expect(rule.evaluate('4012888888881881')).toEqual({
+      isValid: true,
+      message: '',
+    });
+    // Visa
+    // Note: Even though this number has a different character count than the other test numbers, it is the correct and functional number.
+    expect(rule.evaluate('4222222222222')).toEqual({
+      isValid: true,
+      message: '',
+    });
+  });
+});

package/dist/collection/types/public-api.js

@@ -1 +1,18 @@
 export * from './components.type';
+export * from './vega-chart';
+export * from '../components/vega-calendar/types';
+export * from '../components/vega-rich-text-editor/interface';
+export * from '../components/vega-rich-text-editor/vega-rich-text-image-editor/types';
+export * from '../components/vega-rich-text-editor/vega-rich-text-link-editor/types';
+export { RTETextBlock } from '../components/vega-rich-text-editor/dto/blocks/text-block';
+export { RTEImageBlock } from '../components/vega-rich-text-editor/dto/blocks/image-block';
+export { RTEListItemBlock } from '../components/vega-rich-text-editor/dto/blocks/list-item-block';
+export { RTEListBlock } from '../components/vega-rich-text-editor/dto/blocks/list-block';
+export { RTEBlock } from '../components/vega-rich-text-editor/dto/blocks/block.abstract';
+export { ModifyContentAction } from '../components/vega-rich-text-editor/dto/actions/modify-content-action.abstract';
+export { RTEImageNode } from '../components/vega-rich-text-editor/dto/nodes/image-node';
+export { RTETextNode } from '../components/vega-rich-text-editor/dto/nodes/text-node';
+export { RTENode } from '../components/vega-rich-text-editor/dto/nodes/node.abstract';
+export { CssStates, FlexDirections, BoxDisplay } from '../constants/ui';
+export { Breakpoints } from '../constants/tokens/breakpoints';
+export { GridColumns, GridRows } from '../constants/tokens/tailwind.extend';

package/dist/esm/{app-globals-5b154b6d.js → app-globals-6912a75d.js}

@@ -1,19 +1,19 @@
 import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
-import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-0aaaf1fa.js';
-import { V as VegaThemeManager } from './node-annotation.abstract-d7d52bce.js';
+import { V as VegaLoader, a as VegaNotify, b as VegaEventManager, c as VegaZIndexManager, d as VegaSkeletonLoader } from './vega-skeleton-loader-controller-0044d77f.js';
+import { V as VegaThemeManager } from './node-annotation.abstract-a58b5a49.js';
 import { M as MapToComponentMethod, V as VegaSlimmer, s as setVegaLogLevel, G as GlobalSlimmersRegistry } from './global-slimmer-registry-17c4efd4.js';
 import { V as VegaDialog } from './vega-dialog-controller-34eb8967.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { V as VegaIconManager } from './icon-manager-b889176b.js';
+import { w as waitForVega } from './index-b2045ad0.js';
 import './ui-62e4be97.js';
-import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-a98970d8.js';
+import { V as VegaInternalTranslation, a as VegaTranslation, s as staticTranslations } from './translation-c08f2274.js';
 import { T as TypographyUrls } from './typography-396de03f.js';
 import { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-2aef3ad5.js';
-import { w as waitForVega } from './list-block-ba82c846.js';
-import { V as VegaRTEContent } from './content-state-f39c4bbf.js';
-import { U as UPDATE_TRANSLATION } from './static-subject-title-e06a3840.js';
+import { V as VegaRTEContent } from './content-state-c2d29b35.js';
+import { U as UPDATE_TRANSLATION } from './static-subject-title-8268945e.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { f as forceUpdate } from './index-187f71d1.js';
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{child-nodes-event-prevent-slimmer-97aae8a8.js → child-nodes-event-prevent-slimmer-3220fa5b.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-07e1b3d9.js';
+import { i as internalVegaEventManager, j as jqueryDelegatedStrategyController } from './internal-vega-event-manager-0a01ba12.js';
 import { v as vegaEnvManager } from './vega-env-manager-8f8dc473.js';
 import { F as FeatureFlag } from './feature-flag-controller-4b3fe6f8.js';
 

package/dist/esm/{child-nodes-notify-observer-slimmer-289caacc.js → child-nodes-notify-observer-slimmer-36024b11.js}

@@ -1,5 +1,5 @@
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { O as Observer } from './dom-node-subject-factory-5831cdd4.js';
+import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { i as isParent } from './ui-62e4be97.js';
 

package/dist/esm/{list-block-ba82c846.js → content-state-c2d29b35.js}

@@ -1,44 +1,11 @@
-import { W as WaitForVega, B as BlockAnnotation, a as BlockAnnotationTypeEnum, M as ModifyContentAction, b as ModifyContentActionType, s as stateEntityRenderingRegistry, N as NodeAnnotation, c as NodeAnnotationTypeEnum, R as RTENode, d as NodeTypeEnum, A as Annotation, I as InternalAnnotationTypeEnum, V as VegaThemeManager } from './node-annotation.abstract-d7d52bce.js';
-import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { B as BlockAnnotation, a as BlockAnnotationTypeEnum, M as ModifyContentAction, b as ModifyContentActionType, s as stateEntityRenderingRegistry, N as NodeAnnotation, c as NodeAnnotationTypeEnum, R as RTENode, d as NodeTypeEnum, A as Annotation, I as InternalAnnotationTypeEnum, V as VegaThemeManager } from './node-annotation.abstract-a58b5a49.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { a as VegaInternalComponentDidRender, V as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-4af5c6e9.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
+import { V as VegaInternalRichTextEditorFlushChanges, b as VegaInternalRichTextEditorSelectionRangeChange } from './vega-internal-event-id-458939b6.js';
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import './global-slimmer-registry-17c4efd4.js';
 import { g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.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 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 Observer(isAcceptableComponentDidRender.bind(null), () => {
-      ChangeManager.unregister(domNodeSubjectFactory.getSubject(componentRef, VegaInternalComponentDidRender), observer);
-      resolve(null);
-    });
-    ChangeManager.register(domNodeSubjectFactory.getSubject(componentRef, 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
  */
@@ -2857,4 +2824,131 @@ class RTEListBlock extends RTEBlock {
   }
 }
 
-export { AppendChildNodesAction as A, BlockBaseOperator as B, ClearFormattingAnnotationAction as C, HorizontalAlignmentAnnotation as H, ImageAnnotation as I, LinkAnnotationAction as L, MergeTwoBlocksNodesAction as M, RTEListBlock as R, SyncUpSelectionAction as S, TextSplittableAction as T, UnderlineAnnotation as U, ZERO_WIDTH_SPACE as Z, RTEImageBlock as a, RTETextBlock as b, RTEListItemBlock as c, waitForComponentDidRender as d, TextColorAnnotation as e, RTE_TEXT_COLORS as f, RTETextNode as g, AnnotationAction as h, BoldAnnotationAction as i, ItalicAnnotation as j, TextStyleAnnotationAction as k, TextStyleAnnotation as l, BoldAnnotation as m, CodeAnnotationAction as n, StrikethroughAnnotation as o, SelectionRangeAnnotation as p, IndentAnnotation as q, RTEImageNode as r, UpdateTextAction as s, RemoveChildAction as t, InsertBlocksBeforeAction as u, SplitBlockWithNodeAction as v, waitForVega as w, ReplaceChildNodesAction as x, InsertBlocksAfterAction as y };
+/**
+ * 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: generateUUID(),
+        type: 'paragraph',
+        nodes: [
+          {
+            id: 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 ModifyContentActionType.DELETE_CHILD:
+        this.removeChildBlock(action.entityToBeRemoved);
+        break;
+      case ModifyContentActionType.APPEND_CHILD_NODES:
+        this.appendChildBlocks(action.entityToBeAppended);
+        break;
+      case ModifyContentActionType.INSERT_BLOCKS_AFTER:
+        this.replaceBlockWithBlocks(action.referBlock, [
+          action.referBlock,
+          ...action.blocksToBeInserted,
+        ]);
+        break;
+      case 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(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(generateUUID(), type);
+  }
+}
+
+export { AnnotationAction as A, BoldAnnotationAction as B, ClearFormattingAnnotationAction as C, HorizontalAlignmentAnnotation as H, ImageAnnotation as I, LinkAnnotationAction as L, MergeTwoBlocksNodesAction as M, RTETextBlock as R, StrikethroughAnnotation as S, TextSplittableAction as T, UnderlineAnnotation as U, VegaRTEContent as V, ZERO_WIDTH_SPACE as Z, RTEImageBlock as a, RTEListItemBlock as b, RTEListBlock as c, RTEBlock as d, RTEImageNode as e, RTETextNode as f, TextColorAnnotation as g, RTE_TEXT_COLORS as h, ItalicAnnotation as i, TextStyleAnnotationAction as j, TextStyleAnnotation as k, BoldAnnotation as l, CodeAnnotationAction as m, SelectionRangeAnnotation as n, IndentAnnotation as o, UpdateTextAction as p, RemoveChildAction as q, AppendChildNodesAction as r, InsertBlocksBeforeAction as s, SplitBlockWithNodeAction as t, ReplaceChildNodesAction as u, InsertBlocksAfterAction as v };

package/dist/esm/{design-token-d06bc718.js → design-token-e14b622b.js}

@@ -1,7 +1,7 @@
 import { j as isBorderColorTokenType, b as BorderColors, e as BorderColorMap, k as isShadowsTokenType, f as Shadows, g as ShadowMap, l as isBorderTokenType, m as Borders, n as BorderMap, o as isSpacingTokenType, p as isBorderRadiusTokenType, q as isBackgroundColorTokenType, r as isTextColorTokenType, s as isBreakpointsTokenType, h as Spacing, t as isBorderStyleType, B as BorderRadius, C as Colors, u as isTypographyTokenType } from './type-guard-158f6d7a.js';
 import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-c2ab9c87.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-661193d7.js';
 import { a as TypographyKeys } from './typography-396de03f.js';
 import { S as StateVariantFormatter, s as stateBackgroundColorFormatter } from './state-background-color-formatter-121ae7d3.js';
 import { a as BorderStyle } from './ui-8424715a.js';

package/dist/esm/{dom-node-subject-factory-5831cdd4.js → dom-node-subject-factory-97deb349.js}

@@ -1,34 +1,5 @@
 import { i as isParent } from './ui-62e4be97.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 {
   /**
@@ -227,4 +198,4 @@ class DomNodeSubjectFactory {
 }
 const domNodeSubjectFactory = new DomNodeSubjectFactory();
 
-export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, VegaHide as D, VegaToggleStatus as E, VegaOpen as F, VegaStateUpdate as G, VegaGroupClick as H, VegaMenuClick as I, VegaActionClick as J, VegaPageSizeChange as K, VegaPopoverShow as L, VegaPopoverHide as M, VegaCurrentStepUpdate as N, Observer as O, VegaImageInserted as P, VegaSelectChange as Q, VegaSelectAllChange as R, VegaRowClick as S, VegaRowExpand as T, VegaRowSelect as U, VegaExpand as V, VegaRowSelectAll as W, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };
+export { VegaBlur as A, VegaCountryChange as B, VegaShow as C, VegaHide as D, VegaToggleStatus as E, VegaOpen as F, VegaStateUpdate as G, VegaGroupClick as H, VegaMenuClick as I, VegaActionClick as J, VegaPageSizeChange as K, VegaPopoverShow as L, VegaPopoverHide as M, VegaCurrentStepUpdate as N, VegaImageInserted as O, VegaSelectChange as P, VegaSelectAllChange as Q, VegaRowClick as R, VegaRowExpand as S, VegaRowSelect as T, VegaRowSelectAll as U, VegaExpand as V, VegaClick as a, VegaDropdownClick as b, VegaClose as c, domNodeSubjectFactory as d, VegaActionButtonClick as e, VegaChange as f, VegaEventClick as g, VegaDateDblClick as h, VegaMoreActionClick as i, VegaPageUpdate as j, VegaCreate as k, VegaSearch as l, VegaDropdownShow as m, VegaDropdownHide as n, VegaDropdownSearch as o, VegaSearchTrigger as p, VegaLabelButtonClick as q, VegaSelectFileChange as r, VegaRemove as s, VegaRetry as t, VegaPreview as u, VegaFormSubmit as v, VegaFormReset as w, VegaValidate as x, VegaCancel as y, VegaFocus as z };

package/dist/esm/{dom-node-subject-observer-factory-dc486a8b.js → dom-node-subject-observer-factory-857c65fa.js}

@@ -1,5 +1,6 @@
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
 
 /**
  * The function `domAcceptableHandle` always returns `true`.

package/dist/esm/{element-appender-slimmer-d71e3109.js → element-appender-slimmer-f5e703f3.js}

@@ -5,7 +5,10 @@ import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
 import { P as Placements, A as Alignments } from './ui-8424715a.js';
 import { A as isTranslocationType } from './type-guard-158f6d7a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-c2ab9c87.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-661193d7.js';
+import { C as ChangeManager } from './change-manager-6a7eb88c.js';
+import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-8268945e.js';
+import { O as Observer } from './observer-3959f9dd.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;
@@ -811,7 +814,7 @@ class PositionCalculationController extends 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) {
@@ -1038,6 +1041,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)) {
@@ -1049,8 +1062,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.
@@ -1124,6 +1135,7 @@ class ElementAppenderSlimmer extends 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. */
@@ -1287,6 +1299,29 @@ class ElementAppenderSlimmer extends 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(this.canAcceptShadowRootScrollEvent.bind(this), this.globalScrollHandler.bind(this));
+    ChangeManager.register(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 && isParent(this.showConfig.target, payload.host));
+  }
+  /**
+   * Remove observer for scrolling in a shadow root element.
+   */
+  removeShadowRootElementScrolling() {
+    ChangeManager.unregister(SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
   }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;

package/dist/esm/{event-emit-slimmer-f285e3ac.js → event-emit-slimmer-36cf4e39.js}

@@ -1,9 +1,9 @@
 import { c as MapToComponentField, V as VegaSlimmer, I as InjectVegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-factory-5831cdd4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-07e1b3d9.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-0a01ba12.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/esm/{form-field-controller-slimmer-add614f1.js → form-field-controller-slimmer-7136b7fa.js}

@@ -1,15 +1,16 @@
 import { V as VegaSlimmer, I as InjectVegaSlimmer, c as MapToComponentField, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { c as camelToDashCase } from './string-be824360.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory, O as Observer } from './dom-node-subject-factory-5831cdd4.js';
-import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-e06a3840.js';
+import { O as Observer } from './observer-3959f9dd.js';
+import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FORM_FIELD_ELEMENT_DISCONNECTED, b as FORM_ELEMENT_VALUE_CHANGE, e as FORM_RESET_OPERATION_TRIGGERED, F as FORM_SUBMIT, f as FIELD_ERROR_MESSAGE_CHANGE, g as FORM_ELEMENT_VALIDATE } from './static-subject-title-8268945e.js';
 import { f as findParent, c as isElementVisible } from './ui-62e4be97.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-9ab05523.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-4af5c6e9.js';
-import { V as VegaInternalTranslation } from './translation-a98970d8.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-factory-97deb349.js';
+import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-458939b6.js';
+import { V as VegaInternalTranslation } from './translation-c08f2274.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-beb7b0bd.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-6cef9549.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1035b064.js';
 import { i as isArrayEqual } from './array-b668466e.js';
@@ -815,6 +816,8 @@ class FormFieldController {
         if (isSubmittedKey)
           event.preventDefault();
         return isSubmittedKey;
+      case 'VEGA-RICH-TEXT-EDITOR':
+        return false;
       default:
         return isEnterKey;
     }
@@ -836,13 +839,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 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
      */

package/dist/esm/{image-annotation-action-a8e00f28.js → image-annotation-action-84422458.js}

@@ -1,10 +1,10 @@
 import { h } from './index-187f71d1.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-dc486a8b.js';
-import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-5831cdd4.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-857c65fa.js';
+import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-97deb349.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-900a5bb4.js';
-import { T as TextSplittableAction, e as TextColorAnnotation, f as RTE_TEXT_COLORS, g as RTETextNode, h as AnnotationAction, I as ImageAnnotation } from './list-block-ba82c846.js';
-import { e as VegaDarkModeStyleController, c as NodeAnnotationTypeEnum } from './node-annotation.abstract-d7d52bce.js';
+import { T as TextSplittableAction, g as TextColorAnnotation, h as RTE_TEXT_COLORS, f as RTETextNode, A as AnnotationAction, I as ImageAnnotation } from './content-state-c2d29b35.js';
+import { e as VegaDarkModeStyleController, c as NodeAnnotationTypeEnum } from './node-annotation.abstract-a58b5a49.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;