@globalpayments/vega 2.36.0 → 2.37.0

package/dist/collection/components/vega-table/slimmers/renderers/vega-table-scroll-container-renderer.js

@@ -7,6 +7,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { VegaTableScrollableContainer } from '../../internal/vega-table-scrollable-container';
 import { h } from '@stencil/core';
+import ChangeManager from '../../../../helpers/change-manager/change-manager';
+import { SHADOW_ROOT_ELEMENT_SCROLLING } from '../../../../helpers/change-manager/subject/static-subject/static-subject-title';
 export class VegaTableScrollContainerRenderer extends VegaSlimmer {
   constructor() {
     super(...arguments);
@@ -15,12 +17,20 @@ export class VegaTableScrollContainerRenderer extends VegaSlimmer {
         this.tableScrollContainerRef.scrollTop = 0;
       }
     };
+    this.notifyContentScrolling = () => {
+      this.isTemplateRenderMode &&
+        ChangeManager.notify(SHADOW_ROOT_ELEMENT_SCROLLING, {
+          host: this.host,
+        });
+    };
   }
   watchCurrentPage() {
     this.scrollContainerToTop();
   }
   render(children) {
-    return (h(VegaTableScrollableContainer, { scrollConfig: this.scrollConfig, ref: (ref) => this.setTableScrollContainerRef(ref) }, children));
+    return (h(VegaTableScrollableContainer, { scrollConfig: this.scrollConfig, ref: (ref) => this.setTableScrollContainerRef(ref), 
+      /* eslint-disable-next-line react/jsx-no-bind */
+      onScroll: () => this.notifyContentScrolling() }, children));
   }
   setTableScrollContainerRef(ref) {
     this.tableScrollContainerRef = ref;
@@ -29,6 +39,12 @@ export class VegaTableScrollContainerRenderer extends VegaSlimmer {
 __decorate([
   MapToComponentField()
 ], VegaTableScrollContainerRenderer.prototype, "scrollConfig", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableScrollContainerRenderer.prototype, "host", void 0);
+__decorate([
+  MapToComponentField()
+], VegaTableScrollContainerRenderer.prototype, "isTemplateRenderMode", void 0);
 __decorate([
   MapToComponentMethod('watchCurrentPage')
 ], VegaTableScrollContainerRenderer.prototype, "watchCurrentPage", null);

package/dist/collection/components/vega-table/vega-table.js

@@ -739,7 +739,7 @@ export class VegaTable {
       "mutable": false,
       "complexType": {
         "original": "VegaTablePagination",
-        "resolved": "{ position?: VegaTablePaginationPosition; vegaChange?: (e: CustomEvent<number>) => void; vegaPageSizeChange?: (e: CustomEvent<number>) => void; } & Partial<Pick<VegaComponentInterface<HTMLVegaPaginationElement>, \"current\" | \"extensions\" | \"pageSize\" | \"pageSizeSelectorOptions\">>",
+        "resolved": "{ position?: VegaTablePaginationPosition; vegaChange?: (e: CustomEvent<number>) => void; vegaPageSizeChange?: (e: CustomEvent<number>) => void; } & Partial<Pick<HTMLVegaPaginationElement, \"pageSize\" | \"current\" | \"extensions\" | \"pageSizeSelectorOptions\">>",
         "references": {
           "VegaTablePagination": {
             "location": "import",

package/dist/collection/helpers/change-manager/subject/static-subject/static-subject-title.js

@@ -25,3 +25,4 @@ export const VEGA_VIRTUAL_SCROLL_TO_BOTTOM = new StaticSubject('VEGA_VIRTUAL_SCR
 export const SELECTION_TILE_VALUE_CHANGE = new StaticSubject('SELECTION_TILE_VALUE_CHANGE');
 export const UPDATE_TRANSLATION = new StaticSubject('UPDATE_TRANSLATION');
 export const DARK_MODE_CHANGE = new StaticSubject('DARK_MODE_CHANGE');
+export const SHADOW_ROOT_ELEMENT_SCROLLING = new StaticSubject('SHADOW_ROOT_ELEMENT_SCROLLING');

package/dist/collection/helpers/slimmers/element-appender-slimmer.js

@@ -7,6 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { ElementAppender } from '../ui/element-appender';
 import { findParent, isParent } from '../../utils/ui';
+import ChangeManager from '../change-manager/change-manager';
+import { SHADOW_ROOT_ELEMENT_SCROLLING } from '../change-manager/subject/static-subject/static-subject-title';
+import { Observer } from '../change-manager/observer/observer';
 export class ElementAppenderSlimmer extends VegaSlimmer {
   constructor(showConfigFactory, getTrigger, isDropdownShowName = 'isDropdownShow', disableInteractiveGetter = () => false) {
     super();
@@ -26,6 +29,7 @@ export 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. */
@@ -189,6 +193,29 @@ export 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/collection/helpers/slimmers/string-input-formatter-slimmer.js

@@ -4,14 +4,16 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
   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;
 };
-import { MapToComponentField, VegaSlimmer } from 'vega-slimmer/core';
+import { MapToComponentField, MapToComponentMethod, VegaSlimmer } from 'vega-slimmer/core';
 import { isNonNullable } from '../../types/type-guard';
+import ChangeManager from '../change-manager/change-manager';
+import domNodeSubjectFactory from '../change-manager/subject/dom-node-subject/dom-node-subject-factory';
+import { VegaInternalComponentDidRender } from '../event-manager/event-id/vega-internal-event-id';
+import { waitForComponentDidRender } from '../common';
 /** The `StringInputFormatterSlimmer` class in TypeScript is used to format input values based on specified strategies and handle events like keydown, blur, and focus. */
 export class StringInputFormatterSlimmer extends VegaSlimmer {
   constructor() {
     super(...arguments);
-    this.inputFlag = true;
-    this.blurFlag = true;
     /**
      * restore input value
      *
@@ -33,7 +35,6 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
      * @param {InputEvent} e - blur event
      */
     this.onBlur = (e) => {
-      this.blurFlag = false;
       if (this.blurFormatStrategy) {
         const target = e.target;
         const rawValue = target.value;
@@ -52,12 +53,11 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
      * @param {InputEvent} e - input event
      */
     this.onKeyDown = (e) => {
-      this.inputFlag = false;
       const target = e.target;
       const rawValue = target.value;
       const caretPosition = target.selectionStart; // selectionStart is nullable, link https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#dom-textarea/input-selectionstart
       if (this.inputFormatStrategy) {
-        const maskedValue = this.inputFormatStrategy.format(rawValue, 
+        const maskedValue = this.inputFormatStrategy.format(rawValue.replace(/\s/g, ''), 
         // Paste input is difference with type input, it can set much characters at one time,
         // so we should make caretPosition as undefined to format all value.
         e.inputType === 'insertFromPaste' ? null : caretPosition);
@@ -76,6 +76,12 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       }
     };
   }
+  /**
+   * Component lifecycle - componentDidRender
+   */
+  componentDidRender() {
+    ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalComponentDidRender), {});
+  }
   /**
    * The setup function initializes input element event listeners based on input and blur format strategies.
    */
@@ -86,7 +92,7 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       this.inputElement = inputElement;
       this.inputFormatStrategy = this.getInputModeStrategy();
       this.blurFormatStrategy = this.getBlurModeStrategy();
-      this.onInit();
+      this.formatValueAfterSetup();
       if (this.inputFormatStrategy) {
         this.inputElement.addEventListener('input', this.onKeyDown, { capture: true });
         this.inputElement.addEventListener('paste', this.onPaste, { capture: true });
@@ -113,19 +119,20 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
     }
   }
   /**
-   * The `onInit` function checks for specific feature flags and conditions to format input values
-   * accordingly.
+   * Format the value by input strategy and blur strategy when formatter config change.
    */
-  onInit() {
-    var _a, _b, _c, _d;
-    if (((_b = (_a = this.inputFormatStrategy) === null || _a === void 0 ? void 0 : _a.shouldTriggerAtInit) === null || _b === void 0 ? void 0 : _b.call(_a)) && !this.isOnFocus() && this.inputFlag) {
-      this.inputFlag = false;
-      this.updateInputValueOnInit('input');
-    }
-    if (((_d = (_c = this.blurFormatStrategy) === null || _c === void 0 ? void 0 : _c.shouldTriggerAtInit) === null || _d === void 0 ? void 0 : _d.call(_c)) && !this.isOnFocus() && this.blurFlag) {
-      this.blurFlag = false;
-      this.updateInputValueOnInit('blur');
-    }
+  formatValueAfterSetup() {
+    void waitForComponentDidRender(this.host).then(() => {
+      var _a, _b, _c, _d;
+      const rawValue = this.inputElement.value;
+      if ((_b = (_a = this.inputFormatStrategy) === null || _a === void 0 ? void 0 : _a.shouldTriggerAtInit) === null || _b === void 0 ? void 0 : _b.call(_a)) {
+        this.host['value'] = this.inputFormatStrategy.format(rawValue);
+      }
+      if (((_d = (_c = this.blurFormatStrategy) === null || _c === void 0 ? void 0 : _c.shouldTriggerAtInit) === null || _d === void 0 ? void 0 : _d.call(_c)) && !this.isOnFocus()) {
+        const maskedValue = this.blurFormatStrategy.format(rawValue);
+        this.updateInputValue(rawValue, maskedValue);
+      }
+    });
   }
   /*
    * The below method is e2e-test covered in
@@ -170,24 +177,10 @@ export class StringInputFormatterSlimmer extends VegaSlimmer {
       this.inputElement.setSelectionRange(newCaretPosition, newCaretPosition);
     }
   }
-  /**
-   * The function `updateInputValueOnInit` updates the input value based on a specified strategy.
-   *
-   * @param {string} strategy - The `strategy` parameter is a string that determines which formatting
-   * strategy to use when updating the input value. It can have two possible values: 'input' or any other
-   * value.
-   */
-  updateInputValueOnInit(strategy) {
-    const rawValue = this.inputElement.value;
-    const maskedValue = strategy === 'input'
-      ? // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-        this.inputFormatStrategy.format(rawValue)
-      : // eslint-disable-next-line  @typescript-eslint/no-non-null-assertion
-        this.blurFormatStrategy.format(rawValue);
-    this.updateInputValue(rawValue, maskedValue);
-    strategy === 'input' && (this.host['value'] = maskedValue);
-  }
 }
 __decorate([
   MapToComponentField()
 ], StringInputFormatterSlimmer.prototype, "host", void 0);
+__decorate([
+  MapToComponentMethod('componentDidRender')
+], StringInputFormatterSlimmer.prototype, "componentDidRender", null);

package/dist/collection/helpers/slimmers/test/element-appender-slimmer.test.js

@@ -10,6 +10,8 @@ import '../../../polyfill/test-polyfill/unit/index';
 import { InjectVegaSlimmer, MapToComponentField } from 'vega-slimmer/core';
 import { ElementAppenderSlimmer } from '../element-appender-slimmer';
 import { LogUtility } from '../../../utils/log';
+import ChangeManager from '../../change-manager/change-manager';
+import { SHADOW_ROOT_ELEMENT_SCROLLING } from '../../change-manager/subject/static-subject/static-subject-title';
 describe('ElementAppender slimmer test suite', () => {
   const mockedComponentDidLoadMethod = jest.fn();
   const mockedComponentDisconnectedCallbackMethod = jest.fn();
@@ -17,6 +19,7 @@ describe('ElementAppender slimmer test suite', () => {
   class MockedComponent {
     constructor() {
       this.isDropdownShow = false;
+      this.isScreenPosition = false;
       this.appenderController = new MockedAppenderController();
     }
     connectedCallback() {
@@ -49,6 +52,7 @@ describe('ElementAppender slimmer test suite', () => {
       super(() => ({
         target: this.target,
         appendableElement: this.appendableElement,
+        isScreenPosition: this.isScreenPosition,
       }), () => this.trigger, 'isDropdownShow');
     }
   }
@@ -64,6 +68,9 @@ describe('ElementAppender slimmer test suite', () => {
   __decorate([
     MapToComponentField()
   ], MockedAppenderController.prototype, "appendableElement", void 0);
+  __decorate([
+    MapToComponentField()
+  ], MockedAppenderController.prototype, "isScreenPosition", void 0);
   beforeEach(() => {
     mockedComponentDidLoadMethod.mockClear();
     mockedComponentDisconnectedCallbackMethod.mockClear();
@@ -306,5 +313,24 @@ describe('ElementAppender slimmer test suite', () => {
       expect(appendableElement).toHaveClass('vega-force-hidden');
       jest.useRealTimers();
     });
+    test('should re-calculate position while target container is scrolling', () => {
+      const mockedComponent = new MockedComponent();
+      const target = document.createElement('div');
+      const element = new MockHTMLElement('body', 'div');
+      const container = document.createElement('div');
+      container.attachShadow({ mode: 'open' });
+      container.appendChild(target);
+      mockedComponent.target = target;
+      element.classList.add('vega-force-hidden');
+      mockedComponent.appendableElement = element;
+      mockedComponent.isScreenPosition = true;
+      mockedComponent.componentDidLoad();
+      mockedComponent.show();
+      jest.spyOn(mockedComponent.getElementAppender(), 'onScroll');
+      ChangeManager.notify(SHADOW_ROOT_ELEMENT_SCROLLING, {
+        host: container,
+      });
+      expect(mockedComponent.getElementAppender().onScroll).toBeCalledTimes(1);
+    });
   });
 });

package/dist/collection/helpers/slimmers/test/string-input-formatter-slimmer.test.js

@@ -62,8 +62,9 @@ describe('StringInputFormatterSlimmer test suite', () => {
   });
   test('should format value as expected with thousandCommaStrategy', () => {
     const mockedComponent = new MockedComponent();
+    mockedComponent.host = createMockedInput();
     const thousandCommaStrategy = new ThousandCommaStrategy();
-    const inputEl = createMockedInput();
+    const inputEl = mockedComponent.host;
     inputEl.value = '1234';
     inputEl.selectionStart = inputEl.value.length; // mock browser focus input caret position
     mockedComponent['stringFormatter']['inputRef'] = inputEl;

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-9ded4406.js → app-globals-6912a75d.js}

@@ -1,18 +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-af11b11b.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, V as VegaRTEContent } from './content-state-42a06d75.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/{content-state-42a06d75.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-af11b11b.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-458939b6.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
  */
@@ -2984,4 +2951,4 @@ class VegaRTEContent extends BlockBaseOperator {
   }
 }
 
-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, RTEListBlock as b, waitForComponentDidRender as c, TextColorAnnotation as d, RTE_TEXT_COLORS as e, RTETextNode as f, ItalicAnnotation as g, TextStyleAnnotationAction as h, TextStyleAnnotation as i, BoldAnnotation as j, CodeAnnotationAction as k, SelectionRangeAnnotation as l, IndentAnnotation as m, RTEImageNode as n, RTEListItemBlock as o, UpdateTextAction as p, RemoveChildAction as q, AppendChildNodesAction as r, InsertBlocksBeforeAction as s, SplitBlockWithNodeAction as t, ReplaceChildNodesAction as u, InsertBlocksAfterAction as v, waitForVega as w };
+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-f3eceb79.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;
@@ -1132,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. */
@@ -1295,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-6ef5641b.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 { 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-a98970d8.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';