@globalpayments/vega 2.73.0 → 2.75.0

package/dist/esm/{element-appender-slimmer-b9890dcb.js → element-appender-slimmer-7cb08343.js}

@@ -1,15 +1,15 @@
 import { c as MapToComponentField, I as InjectVegaSlimmer, V as VegaSlimmer, L as LogUtility, M as MapToComponentMethod } from './global-slimmer-registry-17c4efd4.js';
 import { f as findParent, d as isElementVisible, b as isParent } from './ui-bb99c0c2.js';
-import { n as InternalVegaZIndexManager } from './function-extension-8b06c6f8.js';
+import { n as InternalVegaZIndexManager } from './function-extension-63028f20.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
 import { P as Placements, A as Alignments } from './ui-28fd4193.js';
-import { H as isTranslocationType } from './type-guard-b48aec98.js';
-import { R as ResponsiveFormatFacade } from './responsive-format-facade-94897ae8.js';
+import { H as isTranslocationType, a3 as isEATriggerStrategy } from './type-guard-c65a227d.js';
+import { R as ResponsiveFormatFacade } from './responsive-format-facade-05e53016.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
 import { S as SHADOW_ROOT_ELEMENT_SCROLLING } from './static-subject-title-52f93124.js';
 import { O as Observer } from './observer-3959f9dd.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-064ee2b2.js';
 import { x as VegaInternalNestEAHierarchyTreeChange } from './vega-internal-event-id-4a06d705.js';
 
 var __decorate$a = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1257,6 +1257,106 @@ __decorate$1([
   MapToComponentMethod('hide')
 ], ElementAppenderHierarchyTreeManager.prototype, "onHide", null);
 
+/**
+ * ClickTriggerStrategy handles 'targetClick' and 'globalMouseDown' events to toggle or hide the appendable element.
+ */
+class ClickTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is 'targetClick' or 'globalMouseDown', otherwise false.
+   */
+  canEvaluate(type) {
+    return type === 'target-click' || type === 'click-outside';
+  }
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context) {
+    if (context.eventType === 'target-click') {
+      return {
+        nextAction: context.currentState.isVisible ? 'hide' : 'show',
+      };
+    }
+    if (context.eventType === 'click-outside' && context.currentState.isVisible) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    return {};
+  }
+}
+
+/**
+ * HoverTriggerStrategy handles mouse enter and leave events on the target and appendable elements,
+ * as well as global mouse down events to show or hide the appendable element.
+ */
+class HoverTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @param {VegaEAEventType} type - The type of the event.
+   * @returns {boolean} True if the event type is related to hover actions or global mouse down, otherwise false.
+   */
+  canEvaluate(type) {
+    return [
+      'target-mouseenter',
+      'target-mouseleave',
+      'element-mouseenter',
+      'element-mouseleave',
+    ].includes(type);
+  }
+  /**
+   * Evaluates the trigger context and determines whether to show, hide, or toggle the appendable element.
+   *
+   * @param {VegaEATriggerContext} context - The context of the trigger event.
+   * @returns {VegaEATriggerResult} An object indicating whether to show, hide, or toggle the appendable element.
+   */
+  evaluate(context) {
+    if (['target-mouseenter', 'element-mouseenter'].includes(context.eventType)) {
+      return !context.currentState.isVisible
+        ? {
+          nextAction: 'show',
+        }
+        : {};
+    }
+    if (['target-mouseleave', 'element-mouseleave'].includes(context.eventType)) {
+      return {
+        nextAction: 'hide',
+      };
+    }
+    /* istanbul ignore next */
+    return {};
+  }
+}
+
+/**
+ * NoneTriggerStrategy does not respond to any events and always indicates no action.
+ */
+class NoneTriggerStrategy {
+  /**
+   * Determines if the strategy can evaluate the given event type.
+   *
+   * @returns {boolean} Always false as this strategy does not respond to any events.
+   */
+  canEvaluate() {
+    return false;
+  }
+  /* istanbul ignore next */
+  /**
+   * Evaluates the trigger context and always indicates no action.
+   *
+   * @returns {VegaEATriggerResult} An object indicating no action (no show, hide, or toggle).
+   */
+  evaluate() {
+    return {};
+  }
+}
+
 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);
@@ -1288,25 +1388,28 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     };
     /* 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. */
-    this.targetClickHandler = () => {
-      if (this.shouldListenerWork('click')) {
-        this.isShowing() ? this.hide() : this.show();
+    this.targetClickHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-click')) {
+        this.executeTriggerStrategy(triggerStrategy, event, 'target-click');
       }
     };
     /* 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.targetMouseEnterHandler = () => {
-      if (this.shouldListenerWork('hover')) {
-        this.isShowing() === false && this.show();
+    this.targetMouseEnterHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-mouseenter')) {
+        this.executeTriggerStrategy(triggerStrategy, event, 'target-mouseenter');
         this.clearDelayHideTimer();
       }
     };
     /* It's a function that listens to the mouseleave event on the dropdown. It checks if the trigger
     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.targetMouseLeaveHandler = () => {
-      if (this.shouldListenerWork('hover')) {
-        this.createDelayHideTimer();
+    this.targetMouseLeaveHandler = (event) => {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('target-mouseleave')) {
+        this.createDelayHideTimer(event, 'target-mouseleave');
       }
     };
     /* istanbul ignore next */
@@ -1314,7 +1417,7 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     this.targetFocusoutHandler = (e) => {
       var _a;
       if (!isParent(e.relatedTarget, (_a = this.showConfig) === null || _a === void 0 ? void 0 : _a.appendableElement)) {
-        this.targetMouseLeaveHandler();
+        this.targetMouseLeaveHandler(e);
       }
     };
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
@@ -1322,18 +1425,20 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     this.elementMouseEnterHandler = () => {
       var _a;
       (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseEnterHandler();
-      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('element-mouseenter') && !this.disableInteractiveGetter()) {
         this.clearDelayHideTimer();
       }
     };
     /* It's a function that listens to the mouseleave event on the dropdown. It checks if the trigger
     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 = () => {
+    this.elementMouseLeaveHandler = (event) => {
       var _a;
-      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler();
-      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
-        this.createDelayHideTimer();
+      (_a = this.hierarchyTreeManager.getParent()) === null || _a === void 0 ? void 0 : _a.elementMouseLeaveHandler(event);
+      const triggerStrategy = this.getTriggerStrategy();
+      if (triggerStrategy.canEvaluate('element-mouseleave') && !this.disableInteractiveGetter()) {
+        this.createDelayHideTimer(event, 'element-mouseleave');
       }
     };
     /* It's a function that listens to the global mousedown event. It checks if the dropdown is showing,
@@ -1344,15 +1449,15 @@ class ElementAppenderSlimmer extends VegaSlimmer {
       const hasChildShowing = this.hierarchyTreeManager
         .getChildren()
         .some((child) => child.isShowing());
+      const triggerStrategy = this.getTriggerStrategy();
       if (!hasChildShowing &&
-        this.shouldListenerWork('custom') &&
-        this.isShowing() &&
+        triggerStrategy.canEvaluate('click-outside') &&
         this.showConfig &&
         !isParent(currentTarget, this.showConfig.appendableElement) &&
         !isParent(currentTarget, this.showConfig.target) &&
         (this.showConfig.isScreenPosition ||
           findParent(currentTarget, 'vega-modal') === findParent(this.showConfig.target, 'vega-modal'))) {
-        this.hide();
+        this.executeTriggerStrategy(triggerStrategy, e, 'click-outside');
       }
     };
     /* istanbul ignore next */
@@ -1364,9 +1469,10 @@ class ElementAppenderSlimmer extends VegaSlimmer {
       }
     };
     /* A timer that will hide the dropdown after a certain amount of time. */
-    this.createDelayHideTimer = () => {
+    this.createDelayHideTimer = (event, eventType) => {
+      const triggerStrategy = this.getTriggerStrategy();
       this.delayHideTimer = setTimeout(() => {
-        this.hide();
+        this.executeTriggerStrategy(triggerStrategy, event, eventType);
         clearTimeout(this.delayHideTimer);
       }, ElementAppenderSlimmer.DELAY_HIDE_TIME);
     };
@@ -1374,19 +1480,22 @@ class ElementAppenderSlimmer extends VegaSlimmer {
     this.clearDelayHideTimer = () => {
       this.delayHideTimer && clearTimeout(this.delayHideTimer);
     };
-    /* It's a function that checks if the listener should work or not. */
-    this.shouldListenerWork = (trigger) => {
-      const currentTrigger = this.getTrigger();
-      switch (trigger) {
-        case 'custom':
-          return currentTrigger !== 'none';
-        case 'click':
-          return currentTrigger === 'click';
-        case 'hover':
-          return currentTrigger === 'hover';
+    this.executeTriggerStrategy = (triggerStrategy, event, eventType) => {
+      if (this.showConfig) {
+        const result = triggerStrategy.evaluate({
+          target: this.showConfig.target,
+          appendableElement: this.showConfig.appendableElement,
+          htmlEvent: event,
+          eventType: eventType,
+          currentState: {
+            isVisible: this.isShowing(),
+          },
+        });
+        if (result) {
+          result.nextAction === 'hide' && this.hide();
+          result.nextAction === 'show' && this.show();
+        }
       }
-      /* istanbul ignore next */
-      throw new Error(`Unexpected trigger: ${trigger}. Expected values are custom, click, or hover.`);
     };
     this.showConfigFactory = showConfigFactory;
     this.getTrigger = getTrigger;
@@ -1488,6 +1597,21 @@ class ElementAppenderSlimmer extends VegaSlimmer {
   removeShadowRootElementScrolling() {
     ChangeManager.unregister(SHADOW_ROOT_ELEMENT_SCROLLING, this.shadowRootElementScrollingObserver);
   }
+  getTriggerStrategy() {
+    const trigger = this.getTrigger();
+    if (trigger === 'click') {
+      return new ClickTriggerStrategy();
+    }
+    else if (trigger === 'hover') {
+      return new HoverTriggerStrategy();
+    }
+    else if (isEATriggerStrategy(trigger)) {
+      return trigger;
+    }
+    else {
+      return new NoneTriggerStrategy();
+    }
+  }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;
 __decorate([

package/dist/esm/{event-emit-slimmer-2d791d0e.js → event-emit-slimmer-09827cec.js}

@@ -1,8 +1,8 @@
 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, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
-import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-fdee2a0a.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-064ee2b2.js';
+import { j as jqueryDelegatedStrategyController, i as internalVegaEventManager } from './internal-vega-event-manager-efb6786e.js';
 import { t as tryGetDocument } from './try-get-document-bef0f526.js';
 
 var __decorate$3 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/esm/{form-field-controller-slimmer-257928c1.js → form-field-controller-slimmer-5d9dc384.js}

@@ -6,7 +6,7 @@ import { U as UPDATE_TRANSLATION, a as FORM_FIELD_PENDING_VALID_CHANGE, b as FOR
 import { f as findParent, d as isElementVisible } from './ui-bb99c0c2.js';
 import { i as isAsyncFunction, g as generateUUID } from './create-public-api-runtime-metrics-slimmer-bedf3a1e.js';
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
-import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
+import { d as domNodeSubjectFactory, D as DomNodeSubjectObserverFactory } from './dom-node-subject-observer-factory-064ee2b2.js';
 import { f as VegaInternalFieldErrorStateChange, d as VegaInternalFormSubmit, g as VegaInternalValid } from './vega-internal-event-id-4a06d705.js';
 import { V as VegaInternalTranslation } from './translation-96e5debd.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
@@ -14,7 +14,7 @@ import { I as InternalFormFieldValidationRule } from './internal-form-field-vali
 import { M as MutationObserverSlimmer } from './mutation-observer-slimmer-58ebc13c.js';
 import { A as AttributeOldValueMutationFilter } from './mutation-observer-filters-1a054fb0.js';
 import { i as isArrayEqual } from './array-7888f339.js';
-import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-41a1b380.js';
+import { S as SubStateObserverSlimmer } from './sub-state-observer-slimmer-202ec7dc.js';
 
 /** The `FormFieldValidationRuleHandler` class is responsible for handling the validation rules for a form field. */
 class FormFieldValidationRuleHandler {

package/dist/esm/{function-extension-8b06c6f8.js → function-extension-63028f20.js}

@@ -4,16 +4,16 @@ import { L as LogUtility, I as InjectVegaSlimmer } from './global-slimmer-regist
 import { c as createDynamicSlimmer } from './dynamic-slimmer-90b8af32.js';
 import { P as PageResizeObserverSlimmer } from './page-resize-observer-slimmer-8744cb44.js';
 import { V as VegaInternalThemeManager } from './dark-mode-style-controller-de88a117.js';
-import { i as internalVegaEventManager } from './internal-vega-event-manager-fdee2a0a.js';
+import { i as internalVegaEventManager } from './internal-vega-event-manager-efb6786e.js';
 import { c as convertToNumber } from './number-4398f2e1.js';
-import { R as RTEDTORendererManager, a as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, U as UpdateCursorPositionAction, b as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, c as RTEListItemBlock, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, I as InsertNewParagraphAction, d as RTEImageBlock } from './dto-renderer-manager-49ae5d56.js';
-import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEDTOClassManager, M as ModifyContentAction, b as RTETextNode, c as ModifyContentActionType, d as ActionHandleStrategy, C as CustomAttributeAnnotation, e as RTETextBlock, f as RTEBlock, g as RTEAnnotationStyle, I as InsertChildrenAfterAction, h as AppendChildrenAction, i as RTENode, j as InsertChildrenBeforeAction, k as InternalAnnotationTypeEnum } from './code-block-666674d7.js';
-import { i as isNonNullable } from './type-guard-b48aec98.js';
+import { R as RTEDTORendererManager, a as RTEDTOActionStrategyManager, E as ElementToDTOClassStrategyManager, U as UpdateCursorPositionAction, b as ElementToDTOStrategy, h as htmlElementToAnnotationGenerator, c as RTEListItemBlock, V as VegaRTEContent, B as BlockToRTEBlockStrategyAbstract, I as InsertNewParagraphAction, d as RTEImageBlock } from './dto-renderer-manager-f07cf2d9.js';
+import { s as stateEntityRenderingRegistry, A as ActionHandleStrategyRegistry, a as ActionHandlerInterceptorRegistry, R as RTEDTOClassManager, M as ModifyContentAction, b as RTETextNode, c as ModifyContentActionType, d as ActionHandleStrategy, C as CustomAttributeAnnotation, e as RTETextBlock, f as RTEBlock, g as RTEAnnotationStyle, I as InsertChildrenAfterAction, h as AppendChildrenAction, i as RTENode, j as InsertChildrenBeforeAction, k as InternalAnnotationTypeEnum } from './code-block-8ee34ab6.js';
+import { i as isNonNullable } from './type-guard-c65a227d.js';
 import './translation-96e5debd.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { c as cleanObject } from './object-66c37948.js';
 import { V as VegaRTEBaseRenderer } from './base-renderer-101f6d04.js';
-import { D as DomNodeSubjectObserverFactory, V as VegaDropdownClick, a as VegaClick } from './dom-node-subject-observer-factory-1aaa1159.js';
+import { D as DomNodeSubjectObserverFactory, V as VegaDropdownClick, a as VegaClick } from './dom-node-subject-observer-factory-064ee2b2.js';
 
 const VegaLoaderRuntimeMetricsPayloadDefinition = [
   {

package/dist/esm/{image-annotation-action-b3eea6a2.js → image-annotation-action-53529cd9.js}

@@ -1,10 +1,10 @@
 import { h } from './index-090d31ca.js';
 import { a as VegaInternalIconManager } from './internal-icon-manager-f0486245.js';
 import { c as MapToComponentField, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-666674d7.js';
-import { D as DomNodeSubjectObserverFactory, a as VegaClick, T as VegaPopoverShow, U as VegaPopoverHide, g as VegaChange } from './dom-node-subject-observer-factory-1aaa1159.js';
+import { A as ActionHandleStrategyRegistry, O as RTE_TEXT_COLORS, b as RTETextNode, $ as TextColorAnnotationAction, y as NodeAnnotationTypeEnum, F as AnnotationAction } from './code-block-8ee34ab6.js';
+import { D as DomNodeSubjectObserverFactory, a as VegaClick, W as VegaPopoverShow, X as VegaPopoverHide, g as VegaChange } from './dom-node-subject-observer-factory-064ee2b2.js';
 import { a as VegaDarkModeStyleController } from './dark-mode-style-controller-de88a117.js';
-import { g as ImageAnnotation } from './dto-renderer-manager-49ae5d56.js';
+import { g as ImageAnnotation } from './dto-renderer-manager-f07cf2d9.js';
 
 const text = {
   icon: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path fill="currentColor" d="M64 96v32c0 17.7-14.3 32-32 32s-32-14.3-32-32V80C0 53.5 21.5 32 48 32H224 400c26.5 0 48 21.5 48 48v48c0 17.7-14.3 32-32 32s-32-14.3-32-32V96H256l0 320h48c17.7 0 32 14.3 32 32s-14.3 32-32 32H144c-17.7 0-32-14.3-32-32s14.3-32 32-32h48l0-320H64z"/></svg>`,

package/dist/esm/{index-0d487fae.js → index-51a7da7f.js}

@@ -1,7 +1,7 @@
 import { W as WaitForVega } from './wait-for-vega-handler-c2c07ac3.js';
 import { O as Observer } from './observer-3959f9dd.js';
 import { C as ChangeManager } from './change-manager-6a7eb88c.js';
-import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-1aaa1159.js';
+import { d as domNodeSubjectFactory } from './dom-node-subject-observer-factory-064ee2b2.js';
 import { V as VegaInternalComponentDidRender } from './vega-internal-event-id-4a06d705.js';
 
 /* istanbul ignore next */

package/dist/esm/index.js

@@ -1,33 +1,33 @@
 export { g as getCurrentBreakpoint } from './page-resize-observer-slimmer-8744cb44.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-9b510e59.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-9b299589.js';
 export { c as camelToDashCase } from './string-a953eafc.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-b48aec98.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-c65a227d.js';
 export { B as Breakpoints } from './breakpoints-d9faf11c.js';
 export { I as Icons, g as getIconFromToken } from './icons-8627925e.js';
 export { b as Typography, a as TypographyKeys, T as TypographyUrls } from './typography-396de03f.js';
 export { d as BoxDisplay, e as BreakpointKeys, C as CssStates, F as FlexDirections } from './ui-28fd4193.js';
 export { F as FrameworkEnum, v as VegaEnvManager } from './vega-env-manager-8f8dc473.js';
-export { A as ActionHandlerInterceptor, I as InsertNodeToNearestRootAction, l as RTETokenNode, m as RTETokenNodeRenderer, R as RTETokenToolbarButtonRenderer, c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, j as VegaRTEExtension, k as VegaRTEExtensionRenderer, h as VegaRTEFunctionExtension, g as VegaRTETokenExtension, i as VegaRTEToolbarButtonRenderer, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './function-extension-8b06c6f8.js';
+export { A as ActionHandlerInterceptor, I as InsertNodeToNearestRootAction, l as RTETokenNode, m as RTETokenNodeRenderer, R as RTETokenToolbarButtonRenderer, c as VegaDialog, d as VegaEventManager, V as VegaLoader, a as VegaNotify, j as VegaRTEExtension, k as VegaRTEExtensionRenderer, h as VegaRTEFunctionExtension, g as VegaRTETokenExtension, i as VegaRTEToolbarButtonRenderer, f as VegaSkeletonLoader, b as VegaThemeManager, e as VegaZIndexManager } from './function-extension-63028f20.js';
 export { F as FeatureFlag } from './feature-flag-controller-51659753.js';
-export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-fdee2a0a.js';
+export { B as VegaJQueryDelegatedEventStrategy } from './internal-vega-event-manager-efb6786e.js';
 export { V as VegaIconManager } from './internal-icon-manager-f0486245.js';
-export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-96eaf9b1.js';
-export { w as waitForVega } from './index-0d487fae.js';
+export { V as ValidCreditCardNumberRule } from './valid-credit-card-number-rule-666c415d.js';
+export { w as waitForVega } from './index-51a7da7f.js';
 export { a as VegaTranslation, s as VegaTranslationResourceEN } from './translation-96e5debd.js';
-export { B as BlockToRTEBlockStrategyAbstract, b as ElementToDTOStrategy, I as InsertNewParagraphAction, d as RTEImageBlock, f as RTEImageNode, e as RTEListBlock, c as RTEListItemBlock, U as UpdateCursorPositionAction, V as VegaRTEContent, h as htmlElementToAnnotationGenerator } from './dto-renderer-manager-49ae5d56.js';
+export { B as BlockToRTEBlockStrategyAbstract, b as ElementToDTOStrategy, I as InsertNewParagraphAction, d as RTEImageBlock, f as RTEImageNode, e as RTEListBlock, c as RTEListItemBlock, U as UpdateCursorPositionAction, V as VegaRTEContent, h as htmlElementToAnnotationGenerator } from './dto-renderer-manager-f07cf2d9.js';
 export { s as setVegaNonce } from './vega-nonce-manager-497e5eb5.js';
-export { d as ActionHandleStrategy, h as AppendChildrenAction, Q as CodeLanguage, C as CustomAttributeAnnotation, w as CustomClassAnnotation, v as CustomStyleAnnotation, I as InsertChildrenAfterAction, j as InsertChildrenBeforeAction, M as ModifyContentAction, c as ModifyContentActionType, g as RTEAnnotationStyle, f as RTEBlock, z as RTEDecoratorNode, i as RTENode, e as RTETextBlock, b as RTETextNode, r as RemoveChildrenAction, V as VegaRTEPresetToolbarItems } from './code-block-666674d7.js';
-export { R as RTELanguageToolbarButtonRenderer, V as VegaRTELanguageExtension } from './language-extension-b3f836d4.js';
-export { R as RTERange } from './range-9cc1422b.js';
-export { G as GridColumns, a as GridRows } from './responsive-format-facade-94897ae8.js';
+export { d as ActionHandleStrategy, h as AppendChildrenAction, Q as CodeLanguage, C as CustomAttributeAnnotation, w as CustomClassAnnotation, v as CustomStyleAnnotation, I as InsertChildrenAfterAction, j as InsertChildrenBeforeAction, M as ModifyContentAction, c as ModifyContentActionType, g as RTEAnnotationStyle, f as RTEBlock, z as RTEDecoratorNode, i as RTENode, e as RTETextBlock, b as RTETextNode, r as RemoveChildrenAction, V as VegaRTEPresetToolbarItems } from './code-block-8ee34ab6.js';
+export { R as RTELanguageToolbarButtonRenderer, V as VegaRTELanguageExtension } from './language-extension-c4ff21dd.js';
+export { R as RTERange } from './range-5257c062.js';
+export { G as GridColumns, a as GridRows } from './responsive-format-facade-05e53016.js';
 export { C as CheckBoxRequiredRule } from './check-box-required-rule-cb0aa339.js';
-export { D as DateRequiredRule } from './date-required-rule-a9980386.js';
+export { D as DateRequiredRule } from './date-required-rule-47ecc28f.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-2131f21c.js';
-export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-8ec1faf5.js';
+export { R as RichTextEditorRequiredRule } from './rich-text-editor-required-rule-f63a37d1.js';
+export { T as TimeRangeRequiredRule, a as TimeRequiredRule } from './time-required-rule-5fa43804.js';
 export { T as ToggleSwitchRequiredRule } from './toggle-switch-required-rule-b3cf4302.js';
 export { F as FileUploaderRequiredRule } from './file-uploader-required-rule-ad886d01.js';
 import './try-get-document-bef0f526.js';
@@ -42,7 +42,7 @@ import './_commonjsHelpers-9943807e.js';
 import './number-4398f2e1.js';
 import './object-66c37948.js';
 import './base-renderer-101f6d04.js';
-import './dom-node-subject-observer-factory-1aaa1159.js';
+import './dom-node-subject-observer-factory-064ee2b2.js';
 import './index-e9da316f.js';
 import './internal-form-field-validation-rule.abstract-f5b6bdbf.js';
 import './wait-for-vega-handler-c2c07ac3.js';

package/dist/esm/{inject-keyboard-manager-9241968c.js → inject-keyboard-manager-83d76ff5.js}

@@ -1,4 +1,4 @@
-import { K as KeyboardManager } from './keyboard-manager-89acac79.js';
+import { K as KeyboardManager } from './keyboard-manager-c92808d8.js';
 
 /**
  * It takes a function that returns an array of keyboard event listeners, and returns a decorator

package/dist/esm/{internal-vega-event-manager-fdee2a0a.js → internal-vega-event-manager-efb6786e.js}

@@ -1,4 +1,4 @@
-import { b as VegaExpand, a as VegaClick, V as VegaDropdownClick, c as VegaReset, e as VegaClose, f as VegaActionButtonClick, g as VegaChange, h as VegaEventClick, i as VegaDateDblClick, j as VegaMoreActionClick, k as VegaDateClick, l as VegaPageUpdate, m as VegaRemove, n as VegaCreate, o as VegaSearch, p as VegaMonthYearChange, q as VegaClear, r as VegaSelectionChange, s as VegaDropdownShow, t as VegaDropdownHide, u as VegaDropdownSearch, v as VegaSearchTrigger, w as VegaLabelButtonClick, x as VegaSelectFileChange, y as VegaRetry, z as VegaPreview, A as VegaFormSubmit, B as VegaFormReset, C as VegaValidate, E as VegaCancel, F as VegaFocus, G as VegaBlur, H as VegaPaste, I as VegaComplete, J as VegaCountryChange, K as VegaShow, L as VegaHide, M as VegaToggleStatus, N as VegaOpen, O as VegaStateUpdate, P as VegaGroupClick, Q as VegaMenuClick, R as VegaActionClick, S as VegaPageSizeChange, T as VegaPopoverShow, U as VegaPopoverHide, W as VegaCurrentStepUpdate, X as VegaImageInserted, Y as VegaSelectChange, Z as VegaSelectAllChange, _ as VegaRowClick, $ as VegaRowExpand, a0 as VegaRowSelect, a1 as VegaRowSelectAll } from './dom-node-subject-observer-factory-1aaa1159.js';
+import { b as VegaExpand, a as VegaClick, V as VegaDropdownClick, c as VegaReset, e as VegaClose, f as VegaActionButtonClick, g as VegaChange, h as VegaEventClick, i as VegaDateDblClick, j as VegaMoreActionClick, k as VegaDateClick, l as VegaPageUpdate, m as VegaRemove, n as VegaCreate, o as VegaSearch, p as VegaMonthYearChange, q as VegaClear, r as VegaSelectionChange, s as VegaDropdownShow, t as VegaDropdownHide, u as VegaDropdownSearch, v as VegaSearchTrigger, w as VegaLabelButtonClick, x as VegaSelectFileChange, y as VegaRetry, z as VegaPreview, A as VegaFormSubmit, B as VegaFormReset, C as VegaValidate, E as VegaCancel, F as VegaNativeInputChange, G as VegaFocus, H as VegaBlur, I as VegaSuggestionItemClick, J as VegaPaste, K as VegaComplete, L as VegaCountryChange, M as VegaShow, N as VegaHide, O as VegaToggleStatus, P as VegaOpen, Q as VegaStateUpdate, R as VegaGroupClick, S as VegaMenuClick, T as VegaActionClick, U as VegaPageSizeChange, W as VegaPopoverShow, X as VegaPopoverHide, Y as VegaCurrentStepUpdate, Z as VegaImageInserted, _ as VegaSelectChange, $ as VegaSelectAllChange, a0 as VegaRowClick, a1 as VegaRowExpand, a2 as VegaRowSelect, a3 as VegaRowSelectAll } from './dom-node-subject-observer-factory-064ee2b2.js';
 import { L as LogUtility } from './global-slimmer-registry-17c4efd4.js';
 
 const entries = [
@@ -37,7 +37,18 @@ const entries = [
   ['vega-file-uploader', [VegaChange, VegaSelectFileChange, VegaRemove, VegaRetry, VegaPreview]],
   ['vega-form', [VegaFormSubmit, VegaFormReset, VegaValidate]],
   ['vega-image-uploader', [VegaChange, VegaRemove, VegaCancel]],
-  ['vega-input', [VegaChange, VegaFocus, VegaBlur, VegaLabelButtonClick, VegaPaste]],
+  [
+    'vega-input',
+    [
+      VegaChange,
+      VegaNativeInputChange,
+      VegaFocus,
+      VegaBlur,
+      VegaLabelButtonClick,
+      VegaSuggestionItemClick,
+      VegaPaste,
+    ],
+  ],
   ['vega-input-credit-card', [VegaChange, VegaBlur, VegaFocus]],
   ['vega-input-numeric', [VegaChange]],
   ['vega-input-passcode', [VegaChange, VegaComplete]],

package/dist/esm/{keyboard-manager-89acac79.js → keyboard-manager-c92808d8.js}

@@ -1,5 +1,5 @@
 import { b as isParent, e as getDeepActiveElementInShadow } from './ui-bb99c0c2.js';
-import { i as isNonNullable } from './type-guard-b48aec98.js';
+import { i as isNonNullable } from './type-guard-c65a227d.js';
 
 /**
  * It listens to the keyup event on the window and calls the appropriate method on the registered elements

package/dist/esm/{keyboard-manager-slimmer-e303cb7d.js → keyboard-manager-slimmer-79c78ce8.js}

@@ -1,5 +1,5 @@
 import { M as MapToComponentMethod, V as VegaSlimmer } from './global-slimmer-registry-17c4efd4.js';
-import { K as KeyboardManager } from './keyboard-manager-89acac79.js';
+import { K as KeyboardManager } from './keyboard-manager-c92808d8.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/{language-extension-b3f836d4.js → language-extension-c4ff21dd.js}

@@ -1,5 +1,5 @@
-import { V as VegaRTEContent } from './dto-renderer-manager-49ae5d56.js';
-import { i as VegaRTEToolbarButtonRenderer, j as VegaRTEExtension } from './function-extension-8b06c6f8.js';
+import { V as VegaRTEContent } from './dto-renderer-manager-f07cf2d9.js';
+import { i as VegaRTEToolbarButtonRenderer, j as VegaRTEExtension } from './function-extension-63028f20.js';
 import './global-slimmer-registry-17c4efd4.js';
 
 /**