@globalpayments/vega 2.43.0 → 2.45.0

package/dist/cjs/vega-button-circle.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-622f55de.js');
+const designToken = require('./design-token-61572ad6.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -17,7 +17,7 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-23588691.js');
+require('./responsive-format-facade-bf7d9ab2.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -31,11 +31,11 @@ require('./internal-vega-event-manager-cd87600e.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./vega-internal-event-id-a0ca9af9.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./state-background-color-formatter-e585a027.js');
 require('./dom-node-subject-observer-factory-8f9ed458.js');
 

package/dist/cjs/vega-button.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const component = require('./component-73a88c4e.js');
-const responsiveFormatFacade = require('./responsive-format-facade-23588691.js');
+const responsiveFormatFacade = require('./responsive-format-facade-bf7d9ab2.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -30,11 +30,11 @@ require('./internal-vega-event-manager-cd87600e.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./vega-internal-event-id-a0ca9af9.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./dom-node-subject-observer-factory-8f9ed458.js');
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {

package/dist/cjs/vega-calendar_3.cjs.entry.js

@@ -20,7 +20,7 @@ const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e088
 const timer = require('./timer-5f33058b.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const subStateNotifySlimmer = require('./sub-state-notify-slimmer-88e2f4aa.js');
-const translationSlimmer = require('./translation-slimmer-593b92fe.js');
+const translationSlimmer = require('./translation-slimmer-4d852eab.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const stateBackgroundColorFormatter = require('./state-background-color-formatter-e585a027.js');
@@ -37,7 +37,7 @@ require('./_commonjsHelpers-537d719a.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./static-subject-title-64175f06.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');

package/dist/cjs/vega-card.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-622f55de.js');
+const designToken = require('./design-token-61572ad6.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const ui = require('./ui-13b42af0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
@@ -13,7 +13,7 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-23588691.js');
+require('./responsive-format-facade-bf7d9ab2.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
@@ -27,13 +27,13 @@ require('./dom-node-subject-factory-6a2aa462.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./change-manager-a297e4d2.js');
 require('./vega-internal-event-id-a0ca9af9.js');
 require('./static-subject-title-64175f06.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./state-background-color-formatter-e585a027.js');
 
 /**

package/dist/cjs/vega-carousel.cjs.entry.js

@@ -7,7 +7,7 @@ const synchronizeTaskQueue = require('./synchronize-task-queue-1ee80e94.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-73a88c4e.js');
 const effect = require('./effect-37695d3d.js');
-const responsiveFormatFacade = require('./responsive-format-facade-23588691.js');
+const responsiveFormatFacade = require('./responsive-format-facade-bf7d9ab2.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
@@ -31,13 +31,13 @@ require('./internal-vega-event-manager-cd87600e.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./change-manager-a297e4d2.js');
 require('./vega-internal-event-id-a0ca9af9.js');
 require('./static-subject-title-64175f06.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./dom-node-subject-observer-factory-8f9ed458.js');
 require('./object-bbd4ed7f.js');
 

package/dist/cjs/vega-checkbox_2.cjs.entry.js

@@ -12,7 +12,7 @@ const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
 const ui = require('./ui-13b42af0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9ea504a7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac875498.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-93183c4d.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4982065c.js');
@@ -23,7 +23,7 @@ require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');

package/dist/cjs/vega-chip.cjs.entry.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
-const responsiveFormatFacade = require('./responsive-format-facade-23588691.js');
+const responsiveFormatFacade = require('./responsive-format-facade-bf7d9ab2.js');
 const ui = require('./ui-13b42af0.js');
-const designToken = require('./design-token-622f55de.js');
+const designToken = require('./design-token-61572ad6.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
@@ -30,13 +30,13 @@ require('./internal-vega-event-manager-cd87600e.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./change-manager-a297e4d2.js');
 require('./vega-internal-event-id-a0ca9af9.js');
 require('./static-subject-title-64175f06.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./state-background-color-formatter-e585a027.js');
 require('./dom-node-subject-observer-factory-8f9ed458.js');
 

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const requiredFieldRule = require('./required-field-rule-d73c1d8c.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const component = require('./component-73a88c4e.js');
 const ui = require('./ui-13b42af0.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9ea504a7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac875498.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
@@ -19,7 +19,7 @@ require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./vega-internal-event-id-a0ca9af9.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');

package/dist/cjs/vega-combo-box.cjs.entry.js

@@ -8,7 +8,7 @@ const component = require('./component-73a88c4e.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9ea504a7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac875498.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4982065c.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-93183c4d.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
@@ -29,7 +29,7 @@ require('./typography-4560e7f1.js');
 require('./string-21427167.js');
 require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./array-3aa164ce.js');
 require('./number-4816603d.js');

package/dist/cjs/vega-date-picker_2.cjs.entry.js

@@ -9,7 +9,7 @@ const date = require('./date-0a6bb035.js');
 const internalFormFieldValidationRule_abstract = require('./internal-form-field-validation-rule.abstract-07cdff46.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9ea504a7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac875498.js');
 const ui = require('./ui-13b42af0.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
@@ -21,18 +21,18 @@ const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-90bdfcf6.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-f704b06d.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-6de02fb6.js');
 require('./vega-env-manager-23b8b23c.js');
 const featureFlagController = require('./feature-flag-controller-075fa683.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-23ce5dcf.js');
 const componentLoadRequired = require('./component-load-required-6cc74719.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-93183c4d.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4982065c.js');
-const translationSlimmer = require('./translation-slimmer-593b92fe.js');
+const translationSlimmer = require('./translation-slimmer-4d852eab.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-08e3c509.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
 require('./string-21427167.js');
@@ -49,7 +49,7 @@ require('./type-guard-4ba85fdc.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./index-cea30b8b.js');
-require('./responsive-format-facade-23588691.js');
+require('./responsive-format-facade-bf7d9ab2.js');
 require('./pixel-98f2a10c.js');
 require('./index-8b247c17.js');
 require('./keyboard-manager-97d0ddfa.js');

package/dist/cjs/vega-dialog_2.cjs.entry.js

@@ -9,13 +9,13 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 require('./vega-env-manager-23b8b23c.js');
 const vegaSkeletonLoaderController = require('./vega-skeleton-loader-controller-1c91112a.js');
 require('./feature-flag-controller-075fa683.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
 const ui$1 = require('./ui-13b42af0.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./state-background-color-formatter-e585a027.js');
-const designToken = require('./design-token-622f55de.js');
+const designToken = require('./design-token-61572ad6.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
@@ -24,7 +24,7 @@ const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimm
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-4f15005f.js');
 const accessibility = require('./accessibility-bfa227f6.js');
-const responsiveFormatFacade = require('./responsive-format-facade-23588691.js');
+const responsiveFormatFacade = require('./responsive-format-facade-bf7d9ab2.js');
 const ui = require('./ui-32e69595.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
@@ -674,7 +674,14 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
      */
     const target = e.composedPath()[0];
     if (target.tagName === 'VEGA-MODAL' && this.backdrop === 'default' && target === this.host) {
-      this.open = false;
+      /**
+       * The below method is e2e-test covered in
+       *
+       * @see module:vega-modal-backdrop-mousedown-mouseup-e2e
+       */
+      /* istanbul ignore next */
+      this.open = this.backdropMouseDownOnHost && this.backdropMouseUpOnHost ? false : true;
+      this.resetBackdropClickFlags();
     }
     if (this.host.id &&
       (target.getAttribute('data-target') === this.host.id ||
@@ -700,6 +707,32 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
       this.open = false;
     }
   }
+  /*
+   * The below method is e2e-test covered in
+   * @see{@module:vega-modal-backdrop-mousedown-mouseup-e2e}
+   */
+  /* istanbul ignore next */
+  /**
+   * Listen the target element mousedown event
+   *
+   * @param {MouseEvent} e - mousedown event.
+   */
+  listenMouseDown(e) {
+    this.backdropMouseDownOnHost = this.isBackdropClickTargeted(e);
+  }
+  /*
+   * The below method is e2e-test covered in
+   * @see{@module:vega-modal-backdrop-mousedown-mouseup-e2e}
+   */
+  /* istanbul ignore next */
+  /**
+   * Listen the target element mousedown event
+   *
+   * @param {MouseEvent} e - mousedown event.
+   */
+  listenMouseUp(e) {
+    this.backdropMouseUpOnHost = this.isBackdropClickTargeted(e);
+  }
   /*
    * The below method is e2e-test covered in
    * @see{module:vega-modal-toggle-interactive-e2e}
@@ -764,6 +797,28 @@ class VegaModalOpenStateController extends globalSlimmerRegistry.VegaSlimmer {
       this.backdropController.removeBackdrop();
     }
   }
+  /*
+   * The below method is e2e-test covered in
+   * @see{@module:vega-modal-backdrop-mousedown-mouseup-e2e}
+   */
+  /* istanbul ignore next */
+  /**
+   * Check if mouse event originates from vega-modal backdrop.
+   *
+   * @param {MouseEvent} e - The mousedown or mouseup event.
+   * @returns { boolean } Return true if is within backdrop otherwise, false
+   */
+  isBackdropClickTargeted(e) {
+    const target = e.composedPath()[0];
+    return target.tagName === 'VEGA-MODAL' && target === this.host;
+  }
+  /**
+   * Reset backdrop click flags.
+   */
+  resetBackdropClickFlags() {
+    this.backdropMouseDownOnHost = false;
+    this.backdropMouseUpOnHost = false;
+  }
 }
 __decorate$4([
   globalSlimmerRegistry.MapToComponentField()
@@ -807,6 +862,12 @@ __decorate$4([
 __decorate$4([
   globalSlimmerRegistry.MapToComponentMethod('listenDataDismiss')
 ], VegaModalOpenStateController.prototype, "listenDataDismiss", null);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentMethod('listenMouseDown')
+], VegaModalOpenStateController.prototype, "listenMouseDown", null);
+__decorate$4([
+  globalSlimmerRegistry.MapToComponentMethod('listenMouseUp')
+], VegaModalOpenStateController.prototype, "listenMouseUp", null);
 
 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;
@@ -1116,6 +1177,20 @@ const VegaModal = class {
   /* istanbul ignore next */
   listenDataDismiss(e) {
   }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-backdrop-mousedown-mouseup-e2e}
+   */
+  /* istanbul ignore next */
+  listenMouseDown(e) {
+  }
+  /**
+   * The below method is e2e-test covered in
+   * @see{module:vega-modal-backdrop-mousedown-mouseup-e2e}
+   */
+  /* istanbul ignore next */
+  listenMouseUp(e) {
+  }
   /**
    * Invoke this method to show or hide the modal.
    *

package/dist/cjs/vega-divider.cjs.entry.js

@@ -6,9 +6,9 @@ const index = require('./index-09acd3c9.js');
 const component = require('./component-73a88c4e.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const responsiveFormatFacade = require('./responsive-format-facade-23588691.js');
+const responsiveFormatFacade = require('./responsive-format-facade-bf7d9ab2.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
-const designToken = require('./design-token-622f55de.js');
+const designToken = require('./design-token-61572ad6.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
 require('./number-4816603d.js');
 require('./ui-32e69595.js');
@@ -25,13 +25,13 @@ require('./dom-node-subject-factory-6a2aa462.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./change-manager-a297e4d2.js');
 require('./vega-internal-event-id-a0ca9af9.js');
 require('./static-subject-title-64175f06.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
 require('./state-background-color-formatter-e585a027.js');

package/dist/cjs/vega-dropdown_5.cjs.entry.js

@@ -13,7 +13,7 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-8f9ed458.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-6a2aa462.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-23ce5dcf.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-f704b06d.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-6de02fb6.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-08e3c509.js');
 const vegaInternalEventId = require('./vega-internal-event-id-a0ca9af9.js');
 const array = require('./array-3aa164ce.js');
@@ -23,8 +23,9 @@ const changeManager = require('./change-manager-a297e4d2.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-93183c4d.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-100dbe59.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
-const translationSlimmer = require('./translation-slimmer-593b92fe.js');
+const translationSlimmer = require('./translation-slimmer-4d852eab.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-4982065c.js');
+const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const subStateObserverSlimmer = require('./sub-state-observer-slimmer-8ed18a5a.js');
 require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
@@ -37,16 +38,16 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./internal-vega-event-manager-cd87600e.js');
 require('./number-4816603d.js');
-require('./responsive-format-facade-23588691.js');
+require('./responsive-format-facade-bf7d9ab2.js');
 require('./pixel-98f2a10c.js');
 require('./vega-env-manager-23b8b23c.js');
 require('./feature-flag-controller-075fa683.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 
 var __decorate$s = (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;
@@ -1025,6 +1026,23 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
   }
   /**
    * The function checks if the given item belongs to the current dropdown.
+   * There have two cases:
+   *   <vega-dropdown trigger="click">
+   *      <div slot="items">
+   *          // Case 1:
+   *          // This item is in current vega-dropdown-content-box
+   *	        <vega-dropdown-item label="Item 1" item-key="item1"></vega-dropdown-item>
+   *          <vega-dropdown trigger="click">
+   *              // Case 2:
+   *              // This item is in current vega-dropdown-content-box, but it also in nest dropdown content slot
+   *              // and not the realy item of parent dropdown, So we should have filter it out.
+   *              <vega-dropdown-item label="Item 2" item-key="item2"></vega-dropdown-item>
+   *              <div slot="items">
+   *                 ...
+   *              </div>
+   *          </vega-dropdown>
+   *      </div>
+   *  <vega-dropdown>
    *
    * @param {HTMLElement} item - The `item` parameter is an HTMLElement, which represents an element in
    * the DOM (Document Object Model). It is the element that we want to check if it is currently in a
@@ -1033,7 +1051,8 @@ class VegaDropdownSelectedController extends globalSlimmerRegistry.VegaSlimmer {
    */
   isCurrentDropdown(item) {
     const appender = ui.findParent(item, 'vega-dropdown-content-box');
-    return this.host === appender['data-parent-ref'];
+    const isNestTriggerItem = item.parentElement.tagName === 'VEGA-DROPDOWN' || !!ui.findParent(item, 'vega-dropdown');
+    return this.host === appender['data-parent-ref'] && !isNestTriggerItem;
   }
   /**
    * The function `checkSelectedSourceKey` checks if the selected source key is valid based on the select
@@ -1803,10 +1822,8 @@ const VegaDropdown = class {
     /**
      * Determines whether the dropdown position is calculated relative to the screen.
      *
-     * @VegaWarning When enabled (set to true), it overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
-     *
-     * @VegaWarning Currently, when set to true, position calculation may be inaccurate if the dropdown is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
-     *
+     * @VegaWarning - It will overrides the positionRelativeTo and matchContainerHeight properties, rendering them ineffective.
+     * 			    - Currently, when set to true, the position calculation may be inaccurate if the popover is placed inside a scrollable container within a shadowRoot (e.g., inside a vega-modal with scrollable content).
      * @vegaVersion 2.36.0
      */
     this.isScreenPosition = false;
@@ -1977,6 +1994,8 @@ __decorate$d([
 ], VegaDropdown.prototype, "vegaComponentUsageRuntimeMetricsSlimmer", void 0);
 VegaDropdown.style = vegaDropdownCss;
 
+const nestVegaDropdownCss = "vega-dropdown-content-box vega-dropdown{display:block}";
+
 const vegaDropdownContentBoxCss = ":host{display:block;position:absolute}:host .vega-dropdown{box-shadow:var(--v-shadow-dropdown-menu, 0px 2px 4px -2px rgba(0, 0, 0, 0.1), 0px 4px 6px -1px rgba(0, 0, 0, 0.1));background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding-top:8px;padding-bottom:8px;text-align:left;border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;overflow:hidden;box-sizing:border-box;width:inherit}:host(.vega-force-hidden){display:none}:host .vega-dropdown.vega-dropdown-with-searchable{padding-top:0px}:host .vega-dropdown .vega-dropdown-container{overflow-y:auto;position:relative;min-width:100px;min-height:40px}:host .vega-dropdown .vega-dropdown-container>ul{padding-left:0px;margin:0px;list-style-type:none}:host .vega-dropdown .vega-dropdown-search{padding-top:16px;padding-left:12px;padding-right:12px;padding-bottom:12px;margin-bottom:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));border-width:0px;border-bottom-width:1px;border-style:solid;border-color:rgba(var(--v-border-color-divider, 171, 198, 216, 1))}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container){padding:0px;border-width:0px;--tw-shadow:0 0 #0000;box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(prefix-icon-container){color:rgba(var(--v-text-secondary, 107, 116, 125, 1));width:16px;height:16px;padding-top:0px}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):focus-within{outline:none}:host .vega-dropdown .vega-dropdown-search vega-input::part(input-container):hover{border-width:0px}:host .vega-dropdown .vega-dropdown-loading{padding-left:16px;padding-right:16px;padding-top:8px;padding-bottom:8px}:host .v-hidden{display:none}:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown .vega-dropdown-loading>vega-flex>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item{padding-top:8px;padding-left:12px;padding-right:12px;padding-bottom:8px;margin-left:4px;margin-right:4px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));cursor:pointer;display:flex;gap:8px;align-items:center}:host .vega-dropdown .vega-dropdown-add-item>div{color:rgba(var(--v-text-link, 19, 98, 226, 1))}:host .vega-dropdown .vega-dropdown-add-item>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-primary, 32, 54, 69, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown .vega-dropdown-add-item>span{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-add-item:focus-visible{box-shadow:0 0 0 4px rgba(var(--v-ring-action-focus, 19, 98, 226, 0.25));outline:2px solid transparent;outline-offset:2px}:host .vega-dropdown .vega-dropdown-clear-icon{width:16px;height:16px;cursor:pointer}:host .vega-dropdown .vega-dropdown-empty-list{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1));padding-top:8px;padding-bottom:8px;padding-left:16px;padding-right:16px}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-dropdown .vega-dropdown-empty-list{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-dropdown .vega-dropdown-empty-list{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-dropdown .vega-dropdown-empty-list{font-family:\"Inter\", sans-serif;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0px}}:host .vega-dropdown .vega-dropdown-divider{margin-top:4px;margin-bottom:4px;border-bottom:1px solid rgb(171, 198, 216)}";
 
 var __decorate$c = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -1993,6 +2012,7 @@ const VegaDropdownContentBox = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.globalSlimmers = {};
+    this.componentGlobalStyleSlimmer = new componentGlobalStyleSlimmer.ComponentGlobalStyleSlimmer(nestVegaDropdownCss);
     this.eventPrevent = new childNodesEventPreventSlimmer.ChildNodesEventPreventSlimmer([domNodeSubjectFactory.VegaClick], () => this.host, undefined, true);
     this.vegaComponentUsageRuntimeMetricsSlimmer = new componentUsageRuntimeMetrics.VegaComponentUsageRuntimeMetricsSlimmer();
   }
@@ -2004,6 +2024,9 @@ const VegaDropdownContentBox = class {
 __decorate$c([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()
 ], VegaDropdownContentBox.prototype, "globalSlimmers", void 0);
+__decorate$c([
+  globalSlimmerRegistry.InjectVegaSlimmer()
+], VegaDropdownContentBox.prototype, "componentGlobalStyleSlimmer", void 0);
 __decorate$c([
   globalSlimmerRegistry.InjectVegaSlimmer()
 ], VegaDropdownContentBox.prototype, "eventPrevent", void 0);

package/dist/cjs/vega-env-manager-23b8b23c.js

@@ -11,9 +11,9 @@ exports.FrameworkEnum = void 0;
 /** The VegaEnvManager class manages vega environment parameters. */
 class VegaEnvManager {
   constructor() {
-    // The `2.43.0` will be replaced to a version string when running publish script.
+    // The `2.45.0` will be replaced to a version string when running publish script.
     // eslint-disable-next-line @typescript-eslint/no-magic-numbers
-    this.vegaVersion = '2.43.0';
+    this.vegaVersion = '2.45.0';
     this.framework = exports.FrameworkEnum.VanillaJs;
   }
   /**

package/dist/cjs/vega-file-uploader.cjs.entry.js

@@ -15,16 +15,16 @@ const trashCan = require('./trash-can-46a5e19a.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-93183c4d.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-64175f06.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-9ea504a7.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-ac875498.js');
 const fileUploaderRequiredRule = require('./file-uploader-required-rule-313ec9e3.js');
-const translationSlimmer = require('./translation-slimmer-593b92fe.js');
+const translationSlimmer = require('./translation-slimmer-4d852eab.js');
 require('./icon-manager-9a47399c.js');
 require('./ui-13b42af0.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-cd87600e.js');
 require('./string-21427167.js');
 require('./vega-internal-event-id-a0ca9af9.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./page-resize-observer-slimmer-44e08878.js');
 require('./ui-32e69595.js');
 require('./breakpoints-ebde4837.js');

package/dist/cjs/vega-flex.cjs.entry.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-09acd3c9.js');
 const featureFlagController = require('./feature-flag-controller-075fa683.js');
 const component = require('./component-73a88c4e.js');
-const designToken = require('./design-token-622f55de.js');
+const designToken = require('./design-token-61572ad6.js');
 const ui = require('./ui-13b42af0.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-44e08878.js');
-const styleFormatter = require('./style-formatter-42a4e762.js');
+const styleFormatter = require('./style-formatter-f26738b9.js');
 require('./index-8b247c17.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./type-guard-4ba85fdc.js');
@@ -18,7 +18,7 @@ require('./breakpoints-ebde4837.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
 require('./typography-4560e7f1.js');
-require('./responsive-format-facade-23588691.js');
+require('./responsive-format-facade-bf7d9ab2.js');
 require('./number-4816603d.js');
 require('./pixel-98f2a10c.js');
 require('./array-3aa164ce.js');
@@ -28,13 +28,13 @@ require('./create-public-api-runtime-metrics-slimmer-a3d17afb.js');
 require('./dynamic-slimmer-f31fdfd7.js');
 require('./internal-vega-event-manager-cd87600e.js');
 require('./dom-node-subject-factory-6a2aa462.js');
-require('./content-state-7b418b83.js');
+require('./content-state-5659cad7.js');
 require('./change-manager-a297e4d2.js');
 require('./vega-internal-event-id-a0ca9af9.js');
 require('./static-subject-title-64175f06.js');
 require('./icon-manager-9a47399c.js');
 require('./wait-for-vega-handler-0a0738ac.js');
-require('./translation-2c8a32bb.js');
+require('./translation-f7279bf1.js');
 require('./state-background-color-formatter-e585a027.js');
 
 const VegaFlexRuntimeMetricsPayloadDefinition = [