@globalpayments/vega 2.42.0 → 2.43.0

package/dist/esm/{element-appender-slimmer-f425d203.js → element-appender-slimmer-8adfc578.js}

@@ -5,12 +5,14 @@ import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.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-cf37ffd2.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-175aee98.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-249c76cd.js';
-import { O as Observer } from './dom-node-subject-factory-286df025.js';
+import { d as domNodeSubjectFactory, O as Observer } from './dom-node-subject-factory-286df025.js';
+import { o as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-d7113cf7.js';
+import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
 
-var __decorate$9 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -41,7 +43,7 @@ class DefaultWrapper {
     return container;
   }
 }
-__decorate$9([
+__decorate$a([
   MapToComponentField()
 ], DefaultWrapper.prototype, "showConfig", void 0);
 
@@ -59,7 +61,7 @@ class BodyPositionedWrapper {
   }
 }
 
-var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -94,11 +96,11 @@ class PositionRelativeToWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$8([
+__decorate$9([
   MapToComponentField()
 ], PositionRelativeToWrapper.prototype, "showConfig", void 0);
 
-var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$8 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -157,11 +159,11 @@ class VegaModalWrapper extends BodyPositionedWrapper {
     return modalContentScrollable ? modalContentScrollable : modalDialog;
   }
 }
-__decorate$7([
+__decorate$8([
   MapToComponentField({ writable: true })
 ], VegaModalWrapper.prototype, "showConfig", void 0);
 
-var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$7 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -192,11 +194,11 @@ class VegaPopoverWrapper extends BodyPositionedWrapper {
     return container;
   }
 }
-__decorate$6([
+__decorate$7([
   MapToComponentField()
 ], VegaPopoverWrapper.prototype, "showConfig", void 0);
 
-var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$6 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -240,22 +242,22 @@ class ElementAppenderContainerController extends VegaSlimmer {
     ];
   }
 }
-__decorate$5([
+__decorate$6([
   MapToComponentField({ writable: true })
 ], ElementAppenderContainerController.prototype, "container", void 0);
-__decorate$5([
+__decorate$6([
   MapToComponentField({ writable: true })
 ], ElementAppenderContainerController.prototype, "showConfig", void 0);
-__decorate$5([
+__decorate$6([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "positionRelativeToWrapper", void 0);
-__decorate$5([
+__decorate$6([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaPopoverWrapper", void 0);
-__decorate$5([
+__decorate$6([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "vegaModalWrapper", void 0);
-__decorate$5([
+__decorate$6([
   InjectVegaSlimmer()
 ], ElementAppenderContainerController.prototype, "defaultWrapper", void 0);
 
@@ -600,7 +602,7 @@ class BasePositionCalculationStrategy extends VegaSlimmer {
   }
 }
 
-var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$5 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -657,14 +659,14 @@ class BodyPositionCalculationStrategy extends BasePositionCalculationStrategy {
     };
   }
 }
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], BodyPositionCalculationStrategy.prototype, "container", void 0);
-__decorate$4([
+__decorate$5([
   MapToComponentField()
 ], BodyPositionCalculationStrategy.prototype, "showConfig", void 0);
 
-var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$4 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -718,11 +720,11 @@ class ScreenPositionCalculationStrategy extends BasePositionCalculationStrategy
     };
   }
 }
-__decorate$3([
+__decorate$4([
   MapToComponentField()
 ], ScreenPositionCalculationStrategy.prototype, "showConfig", void 0);
 
-var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -827,20 +829,20 @@ class PositionCalculationController extends VegaSlimmer {
     }
   }
 }
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], PositionCalculationController.prototype, "container", void 0);
-__decorate$2([
+__decorate$3([
   MapToComponentField()
 ], PositionCalculationController.prototype, "showConfig", void 0);
-__decorate$2([
+__decorate$3([
   InjectVegaSlimmer()
 ], PositionCalculationController.prototype, "bodyPositionStrategy", void 0);
-__decorate$2([
+__decorate$3([
   InjectVegaSlimmer()
 ], PositionCalculationController.prototype, "screenPositionStrategy", void 0);
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   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;
@@ -866,7 +868,7 @@ class ElementAppender {
    * target for the showConfigCallback.
    */
   constructor(showConfigCallback, showConfigCallbackTarget) {
-    var _a;
+    var _a, _b;
     this.resizeObserverSlimmer = createDynamicSlimmer(ElementAppender, PageResizeObserverSlimmer, [], [
       { mapFrom: 'connectResizeObserver', mapTo: 'connectResizeObserver' },
       { mapFrom: 'disconnectResizeObserver', mapTo: 'disconnectResizeObserver' },
@@ -897,6 +899,7 @@ class ElementAppender {
     this.showConfigCallbackTarget = showConfigCallbackTarget;
     const config = this.getShowConfig();
     (_a = config.appendableElement) === null || _a === void 0 ? void 0 : _a.classList.add('vega-force-hidden');
+    (_b = config.appendableElement) === null || _b === void 0 ? void 0 : _b.classList.add('vega-element-appender-appendable');
   }
   /**
    * It takes an element and appends it to the DOM, then adjusts its position and size to match the
@@ -1045,7 +1048,6 @@ class ElementAppender {
     if (!this.showConfig.isScreenPosition) {
       this.initVisibleAppendElement();
     }
-    this.showConfig.appendableElement.classList.add('vega-element-appender-appendable');
     this.showConfig.appendableElement.style.boxSizing = 'border-box';
     this.positionCalculationController.setCalculationStrategy();
   }
@@ -1102,16 +1104,119 @@ class ElementAppender {
  * Key is containerElement
  */
 ElementAppender.containerMap = new Map();
-__decorate$1([
+__decorate$2([
   InjectVegaSlimmer()
 ], ElementAppender.prototype, "resizeObserverSlimmer", void 0);
-__decorate$1([
+__decorate$2([
   InjectVegaSlimmer()
 ], ElementAppender.prototype, "elementAppenderContainerController", void 0);
-__decorate$1([
+__decorate$2([
   InjectVegaSlimmer()
 ], ElementAppender.prototype, "positionCalculationController", void 0);
 
+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;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  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;
+};
+var NestEANotifyType;
+(function (NestEANotifyType) {
+  NestEANotifyType["SHOW"] = "show";
+  NestEANotifyType["HIDE"] = "hide";
+})(NestEANotifyType || (NestEANotifyType = {}));
+/**
+ * Dynamically add parents and children of nest element appender while it show or hide.
+ */
+class ElementAppenderHierarchyTreeManager extends VegaSlimmer {
+  constructor(currentEA) {
+    super();
+    this.childrenEA = [];
+    this.currentEA = currentEA;
+  }
+  /**
+   * Listen current element appender did load.
+   */
+  componentDidLoad() {
+    this.register();
+  }
+  /**
+   * Listen current element appender show.
+   */
+  onShow() {
+    this.notify(NestEANotifyType.SHOW);
+  }
+  /**
+   * Listen current element appender hide.
+   */
+  onHide() {
+    this.notify(NestEANotifyType.HIDE);
+  }
+  /**
+   * Get current parent of element appender.
+   *
+   * @returns {Nullable<ElementAppenderSlimmer>} - parent.
+   */
+  getParent() {
+    return this.parentEA;
+  }
+  /**
+   * Get current children of element appender.
+   *
+   * @returns {ElementAppenderSlimmer[]} - children.
+   */
+  getChildren() {
+    return this.childrenEA;
+  }
+  /**
+   * While current element appender show or hide we should notify nest element appender to add or remove chain.
+   *
+   * @param {NestEANotifyType} type - Notify type.
+   */
+  notify(type) {
+    const parent = findParent(this.showConfig.target, '.vega-element-appender-appendable');
+    if (parent) {
+      ChangeManager.notify(domNodeSubjectFactory.getSubject(parent, VegaInternalNestEAHierarchyTreeChange), {
+        type: type,
+        child: this.currentEA,
+        callback: 
+        /* eslint-disable jsdoc/require-jsdoc */
+        (parentEASlimmer) => {
+          this.parentEA = parentEASlimmer;
+        },
+      });
+    }
+  }
+  /**
+   * Add a change manager to observer the nest element appender show or hide.
+   */
+  register() {
+    if (this.showConfig) {
+      DomNodeSubjectObserverFactory.addUniqueObserverToNode(this.showConfig.appendableElement, VegaInternalNestEAHierarchyTreeChange, (payload) => {
+        if (payload.type === NestEANotifyType.SHOW) {
+          this.childrenEA.push(payload.child);
+        }
+        else if (payload.type === NestEANotifyType.HIDE) {
+          this.childrenEA = this.childrenEA.filter((child) => child !== payload.child);
+        }
+        payload.callback(this.currentEA);
+      });
+    }
+  }
+}
+__decorate$1([
+  MapToComponentField()
+], ElementAppenderHierarchyTreeManager.prototype, "showConfig", void 0);
+__decorate$1([
+  MapToComponentMethod('componentDidLoad')
+], ElementAppenderHierarchyTreeManager.prototype, "componentDidLoad", null);
+__decorate$1([
+  MapToComponentMethod('show')
+], ElementAppenderHierarchyTreeManager.prototype, "onShow", null);
+__decorate$1([
+  MapToComponentMethod('hide')
+], ElementAppenderHierarchyTreeManager.prototype, "onHide", null);
+
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -1121,6 +1226,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 class ElementAppenderSlimmer extends VegaSlimmer {
   constructor(showConfigFactory, getTrigger, isDropdownShowName = 'isDropdownShow', disableInteractiveGetter = () => false) {
     super();
+    this.hierarchyTreeManager = new ElementAppenderHierarchyTreeManager(this);
     /**
      * It adds event listeners to the target and the appendable element
      */
@@ -1173,6 +1279,8 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it clears the timer. */
     this.elementMouseEnterHandler = () => {
+      var _a;
+      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseEnterHandler();
       if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
         this.clearDelayHideTimer();
       }
@@ -1181,6 +1289,8 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     property is equal to 'hover'. If it is, then it creates a timer that will hide the dropdown after a
     certain amount of time. */
     this.elementMouseLeaveHandler = () => {
+      var _a;
+      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler();
       if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
         this.createDelayHideTimer();
       }
@@ -1190,10 +1300,14 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     hides the dropdown. */
     this.globalMouseDownHandler = (e) => {
       const currentTarget = e.composedPath()[0];
-      if (this.shouldListenerWork('custom') &&
+      const hasChildShowing = this.hierarchyTreeManager
+        .getChildren()
+        .some((child) => child.isShowing());
+      if (!hasChildShowing &&
+        this.shouldListenerWork('custom') &&
         this.isShowing() &&
         this.showConfig &&
-        !findParent(currentTarget, '.vega-element-appender-appendable') &&
+        !isParent(currentTarget, this.showConfig.appendableElement) &&
         !isParent(currentTarget, this.showConfig.target) &&
         findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal')) {
         this.hide();
@@ -1260,6 +1374,9 @@ class ElementAppenderSlimmer extends VegaSlimmer {
   hide() {
     this.elementAppender && this.elementAppender.hide();
     this[this.isDropdownShowName] = false;
+    this.hierarchyTreeManager.getChildren().map((child) => {
+      child.hide();
+    });
   }
   destroy() {
     this.destroyElementAppender();
@@ -1330,6 +1447,9 @@ class ElementAppenderSlimmer extends VegaSlimmer {
   }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;
+__decorate([
+  InjectVegaSlimmer()
+], ElementAppenderSlimmer.prototype, "hierarchyTreeManager", void 0);
 __decorate([
   MapToComponentMethod('connectedCallback')
 ], ElementAppenderSlimmer.prototype, "connectedCallback", null);

package/dist/esm/{form-field-controller-slimmer-d18d01da.js → form-field-controller-slimmer-75f525f4.js}

@@ -6,7 +6,7 @@ import { U as UPDATE_TRANSLATION, c as FORM_FIELD_PENDING_VALID_CHANGE, d as FOR
 import { f as findParent, c as isElementVisible } from './ui-ed1283bb.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-7809368b.js';
+import { c as VegaInternalFieldErrorStateChange, d as VegaInternalValid } from './vega-internal-event-id-d7113cf7.js';
 import { V as VegaInternalTranslation } from './translation-a18bc15e.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-15a84d26.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';

package/dist/esm/{image-annotation-action-a0dd92ed.js → image-annotation-action-aea4f430.js}

@@ -3,7 +3,7 @@ import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-reg
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
 import { a as VegaClick, L as VegaPopoverShow, M as VegaPopoverHide, f as VegaChange } from './dom-node-subject-factory-286df025.js';
 import { V as VegaInternalIconManager } from './internal-icon-manager-c05720ca.js';
-import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-2de41bc0.js';
+import { T as TextSplittableAction, l as TextColorAnnotation, k as VegaDarkModeStyleController, m as RTE_TEXT_COLORS, g as RTETextNode, i as NodeAnnotationTypeEnum, A as AnnotationAction, j as ImageAnnotation } from './content-state-2b4fdc4f.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;

package/dist/esm/{index-4153fe96.js → index-707fec53.js}

@@ -1,7 +1,7 @@
 import { W as WaitForVega } from './wait-for-vega-handler-b18eb955.js';
 import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-7809368b.js';
+import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-d7113cf7.js';
 
 /* istanbul ignore next */
 /**

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-15a84d26.js';
 export { L as LogUtility, s as setVegaLogLevel } from './global-slimmer-registry-17c4efd4.js';
-export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-b195686e.js';
+export { d as formatAndValidBackgroundColor, e as formatAndValidBorderColor, g as formatAndValidBorderRadius, c as formatAndValidBreakpointSize, a as formatAndValidGap, h as formatAndValidPadding, f as formatAndValidResponsiveToken, b as formatAndValidShadow, i as formatAndValidTextColor } from './design-token-9a3c1dc5.js';
 export { c as camelToDashCase } from './string-be824360.js';
 export { d as BackgroundColorMap, a as BackgroundColors, e as BorderColorMap, b as BorderColors, B as BorderRadius, C as Colors, F as FillBackgroundColors, g as ShadowMap, f as Shadows, h as Spacing, S as StrokeBackgroundColors, c as TextColorMap, T as TextColors } from './type-guard-158f6d7a.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
@@ -9,20 +9,20 @@ export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typ
 export { e as BoxDisplay, B as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-8424715a.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
 export { b as VegaDialog, c as VegaEventManager, V as VegaLoader, a as VegaNotify, e as VegaSkeletonLoader, d as VegaZIndexManager } from './vega-skeleton-loader-controller-722a41c2.js';
-export { F as FeatureFlag } from './feature-flag-controller-723f1ff5.js';
-export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-2de41bc0.js';
+export { F as FeatureFlag } from './feature-flag-controller-690eac1d.js';
+export { M as ModifyContentAction, e as RTEBlock, b as RTEImageBlock, f as RTEImageNode, d as RTEListBlock, c as RTEListItemBlock, h as RTENode, R as RTETextBlock, g as RTETextNode, a as VegaRTEContent, V as VegaThemeManager } from './content-state-2b4fdc4f.js';
 export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-d2c962d2.js';
 export { V as VegaIconManager } from './icon-manager-638dd4d4.js';
 export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-cc497bec.js';
-export { w as waitForVega } from './index-4153fe96.js';
+export { w as waitForVega } from './index-707fec53.js';
 export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-a18bc15e.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-cf37ffd2.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-175aee98.js';
 export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
 export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-c0f5a754.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-ed41bdd9.js';
 export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
@@ -36,7 +36,7 @@ import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-factory-286df025.js';
-import './vega-internal-event-id-7809368b.js';
+import './vega-internal-event-id-d7113cf7.js';
 import './static-subject-title-249c76cd.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './wait-for-vega-handler-b18eb955.js';

package/dist/esm/loader.js

@@ -1,6 +1,6 @@
 import { p as promiseResolve, b as bootstrapLazy } from './index-187f71d1.js';
-import { g as globalScripts } from './app-globals-0aeb2171.js';
-import './feature-flag-controller-723f1ff5.js';
+import { g as globalScripts } from './app-globals-f767f6be.js';
+import './feature-flag-controller-690eac1d.js';
 import './global-slimmer-registry-17c4efd4.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
@@ -14,9 +14,9 @@ import './breakpoints-d9faf11c.js';
 import './internal-vega-event-manager-d2c962d2.js';
 import './dom-node-subject-factory-286df025.js';
 import './number-4398f2e1.js';
-import './content-state-2de41bc0.js';
+import './content-state-2b4fdc4f.js';
 import './change-manager-6a7eb88c.js';
-import './vega-internal-event-id-7809368b.js';
+import './vega-internal-event-id-d7113cf7.js';
 import './type-guard-158f6d7a.js';
 import './regex-dfe11abf.js';
 import './typography-396de03f.js';
@@ -27,7 +27,7 @@ import './wait-for-vega-handler-b18eb955.js';
 import './translation-a18bc15e.js';
 import './valid-credit-card-number-rule-cc497bec.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
-import './index-4153fe96.js';
+import './index-707fec53.js';
 
 /*
  Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com

package/dist/esm/{public-rules-31433f1e.js → public-rules-20db9763.js}

@@ -3,18 +3,18 @@ export { D as DateRequiredRule } from './date-required-rule-8944f3bf.js';
 export { I as InputPhoneNumberRequiredRule } from './input-phone-number-required-rule-be6a5572.js';
 export { I as InputRangeRequiredRule } from './input-range-required-rule-3ad74776.js';
 export { R as RequiredFieldRule } from './required-field-rule-ab4bdc47.js';
-export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-c0f5a754.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-ed41bdd9.js';
 export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-a01163b5.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './date-c55b97f0.js';
 import './global-slimmer-registry-17c4efd4.js';
-import './content-state-2de41bc0.js';
+import './content-state-2b4fdc4f.js';
 import './change-manager-6a7eb88c.js';
 import './dom-node-subject-factory-286df025.js';
 import './ui-ed1283bb.js';
-import './vega-internal-event-id-7809368b.js';
+import './vega-internal-event-id-d7113cf7.js';
 import './type-guard-158f6d7a.js';
 import './breakpoints-d9faf11c.js';
 import './ui-8424715a.js';

package/dist/esm/{responsive-format-facade-cf37ffd2.js → responsive-format-facade-175aee98.js}

@@ -8,8 +8,8 @@ import { B as Breakpoints } from './breakpoints-d9faf11c.js';
 import { s as sortAsExistArray } from './array-3113609f.js';
 import './vega-env-manager-8f8dc473.js';
 import './vega-skeleton-loader-controller-722a41c2.js';
-import { F as FeatureFlag } from './feature-flag-controller-723f1ff5.js';
-import './content-state-2de41bc0.js';
+import { F as FeatureFlag } from './feature-flag-controller-690eac1d.js';
+import './content-state-2b4fdc4f.js';
 import './icon-manager-638dd4d4.js';
 import './wait-for-vega-handler-b18eb955.js';
 import './ui-ed1283bb.js';

package/dist/esm/{rich-text-editor-required-rule-c0f5a754.js → rich-text-editor-required-rule-ed41bdd9.js}

@@ -1,4 +1,4 @@
-import { a as VegaRTEContent } from './content-state-2de41bc0.js';
+import { a as VegaRTEContent } from './content-state-2b4fdc4f.js';
 import { I as InternalFormFieldValidationRule } from './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 
 /**

package/dist/esm/{string-input-formatter-slimmer-99bed828.js → string-input-formatter-slimmer-452c439c.js}

@@ -2,8 +2,8 @@ import { i as isNonNullable } from './type-guard-158f6d7a.js';
 import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
-import { b as VegaInternalComponentDidRender } from './vega-internal-event-id-7809368b.js';
-import { a as waitForComponentDidRender } from './index-4153fe96.js';
+import { f as VegaInternalPasteEvent, b as VegaInternalComponentDidRender } from './vega-internal-event-id-d7113cf7.js';
+import { a as waitForComponentDidRender } from './index-707fec53.js';
 
 /**
  * String format strategy abstract class
@@ -262,7 +262,7 @@ class StringInputFormatterSlimmer extends VegaSlimmer {
       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) {
-        this.formatValue(rawValue.replace(/\s/g, ''), 'input', {
+        this.formatValue(rawValue, 'input', {
           caretPosition: e.inputType === 'insertFromPaste' ? undefined : caretPosition,
         });
         this.updateInputCaretPosition(rawValue, caretPosition);
@@ -277,6 +277,9 @@ class StringInputFormatterSlimmer extends VegaSlimmer {
       if (this.disableCopyPaste) {
         e.preventDefault();
       }
+      else {
+        ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, VegaInternalPasteEvent), e);
+      }
     };
   }
   /**

package/dist/esm/{style-formatter-c5aec4a3.js → style-formatter-99ad38cd.js}

@@ -1,5 +1,5 @@
 import { i as isNonNullable } from './type-guard-158f6d7a.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-cf37ffd2.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-175aee98.js';
 
 /**
  * Fomatter flex styles.

package/dist/esm/{sub-state-notify-slimmer-e3b2bff5.js → sub-state-notify-slimmer-c7169226.js}

@@ -2,7 +2,7 @@ import { V as VegaSlimmer } 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 { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
-import { h as VegaInternalSubStatePull, g as VegaInternalSubStatePush } from './vega-internal-event-id-7809368b.js';
+import { i as VegaInternalSubStatePull, h as VegaInternalSubStatePush } from './vega-internal-event-id-d7113cf7.js';
 
 /**
  * Sub state notify slimmer

package/dist/esm/{sub-state-observer-slimmer-ada3467b.js → sub-state-observer-slimmer-1d3336d6.js}

@@ -2,7 +2,7 @@ import { c as MapToComponentField, M as MapToComponentMethod, V as VegaSlimmer }
 import { O as Observer, d as domNodeSubjectFactory } from './dom-node-subject-factory-286df025.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { f as findParent } from './ui-ed1283bb.js';
-import { g as VegaInternalSubStatePush, h as VegaInternalSubStatePull } from './vega-internal-event-id-7809368b.js';
+import { h as VegaInternalSubStatePush, i as VegaInternalSubStatePull } from './vega-internal-event-id-d7113cf7.js';
 
 var __decorate = (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/vega-accordion.entry.js

@@ -3,7 +3,7 @@ import { c as MapToComponentField, V as VegaSlimmer, M as MapToComponentMethod,
 import { s as slotPlaceholder } from './placeholder-bf562081.js';
 import { V as VegaComponentUsageRuntimeMetricsSlimmer, I as InjectVegaGlobalSlimmer } from './component-usage-runtime-metrics-385c7124.js';
 import { s as sanitizeVegaComponent } from './component-cae24190.js';
-import { f as formatAndValidResponsiveToken } from './design-token-b195686e.js';
+import { f as formatAndValidResponsiveToken } from './design-token-9a3c1dc5.js';
 import { a as arrayToClassString } from './ui-ed1283bb.js';
 import { D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-d661fc7c.js';
 import { a as VegaClick, O as Observer, V as VegaExpand } from './dom-node-subject-factory-286df025.js';
@@ -15,7 +15,7 @@ import { A as ACCORDION_EXPAND_TOPIC } from './static-subject-title-249c76cd.js'
 import { M as isAccordionObserverPayload } from './type-guard-158f6d7a.js';
 import { c as createEventEmitSlimmer } from './event-emit-slimmer-acc7fbb7.js';
 import './breakpoints-d9faf11c.js';
-import './responsive-format-facade-cf37ffd2.js';
+import './responsive-format-facade-175aee98.js';
 import './page-resize-observer-slimmer-15a84d26.js';
 import './ui-8424715a.js';
 import './number-4398f2e1.js';
@@ -26,11 +26,11 @@ import './vega-skeleton-loader-controller-722a41c2.js';
 import './create-public-api-runtime-metrics-slimmer-8ada793f.js';
 import './dynamic-slimmer-90b8af32.js';
 import './internal-vega-event-manager-d2c962d2.js';
-import './feature-flag-controller-723f1ff5.js';
+import './feature-flag-controller-690eac1d.js';
 import './index-44c794b4.js';
 import './_commonjsHelpers-9943807e.js';
-import './content-state-2de41bc0.js';
-import './vega-internal-event-id-7809368b.js';
+import './content-state-2b4fdc4f.js';
+import './vega-internal-event-id-d7113cf7.js';
 import './icon-manager-638dd4d4.js';
 import './wait-for-vega-handler-b18eb955.js';
 import './translation-a18bc15e.js';